/* HOMELOOK1_20261103: home page finish to Jobbie's level (N 11-03 via jobbiespy1). Looks only: every home piece, the header,
   ticker and crescent logo stay. Tokens follow chats/state/PREMIUMLOOK_SHARED.md (--pl- values, with fallbacks since the home
   page does not load app.css). Orange stays a small touch: the logo, the word "Free." and labels; big buttons are ink. */
:root{--hl-ink:var(--pl-ink,#0f172a);--hl-text:var(--pl-text,#334155);--hl-muted:var(--pl-muted,#64748b);--hl-line:var(--pl-line,#e2e8f0);--hl-page:var(--pl-page,#f8fafc)}

/* 1. One font and cool grays, pale page behind white cards */
html,:root body{background:var(--hl-page);color:var(--hl-text);font-family:Geist,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
:root body .hero{background-color:var(--hl-page)}
:root body main h1,:root body main h2{color:var(--hl-ink);letter-spacing:-.03em}
:root body main h2{font-weight:700}
:root body .other-ways h2,:root body #turbo h2,:root body #proof h2{color:#fff}

/* 2. No hairlines between sections: space does the job */
:root body main>section.section{border-top:0;border-bottom:0;background:transparent}

/* 3. Section labels: small sans capitals, not the typewriter font */
:root body main .eyebrow.eyebrow{font-family:inherit;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
:root body .hero .eyebrow,:root body #roles .eyebrow,:root body #demoapply .eyebrow,:root body .pw1-wall .eyebrow,:root body .faq .eyebrow{color:var(--hl-muted)}

/* 4. Buttons: ink pills, no orange glow; white pills on the dark panels */
:root body main .button.primary,:root body .button.primary,:root body .nav-cta{background:var(--hl-ink);border-color:var(--hl-ink);color:#fff;box-shadow:none}
:root body .button.primary:hover,:root body .nav-cta:hover{background:var(--hl-text);border-color:var(--hl-text)}
:root body .nav-cta,:root body .nav-signin{border-radius:999px;font-weight:600;font-size:15px}
:root body .nav-signin{border-color:var(--hl-line);background:#fff;color:var(--hl-ink)}
:root body .nav-signin:hover{border-color:var(--hl-ink)}
:root body #turbo .button.primary,:root body #proof .button.primary,:root body .other-ways .button.primary{background:#fff;border-color:#fff;color:var(--hl-ink)}
:root body #turbo .button.primary:hover,:root body #proof .button.primary:hover,:root body .other-ways .button.primary:hover{background:#e2e8f0;border-color:#e2e8f0}
:root body .button.primary:focus-visible,:root body .nav-cta:focus-visible{outline:none;box-shadow:0 0 0 3px #fff,0 0 0 5px var(--hl-ink)}

/* 5. Live jobs list: soft rows, small Apply pills */
:root body .role-row{border-color:var(--hl-line);border-radius:12px;background:#fff}
:root body .role-row strong{color:var(--hl-ink)}
:root body .role-row small{color:var(--hl-muted)}
:root body .button.primary.ai1-apply{min-height:36px;padding:8px 16px;font-size:14px;font-weight:600}
:root body .ai1-view{color:var(--hl-text)}

/* 6. Questions: plus sign on the right instead of the browser arrow */
:root body .faq details summary{display:flex;justify-content:space-between;align-items:center;gap:16px;list-style:none;cursor:pointer;color:var(--hl-ink)}
:root body .faq details summary::-webkit-details-marker{display:none}
:root body .faq details summary::after{content:"+";flex:none;font-size:20px;font-weight:400;line-height:1;color:var(--hl-muted)}
:root body .faq details[open] summary::after{content:"\2212"}

/* 7. Footer links: no underline until hover */
:root body .site-footer a{text-decoration:none}
:root body .site-footer a:hover{text-decoration:underline;text-underline-offset:3px}

/* 8. Interview logo row: heading on one line at desktop width (HOMELOOK1_20261103; kept here, not in proofwall1.js, after a land clash) */
:root body .pw1-head{max-width:920px}
:root body .pw1-note{max-width:760px}