
.why .steps.why-points{grid-template-columns:repeat(3,minmax(0,1fr))}.why-start{margin-top:18px}.hero-benefits{max-width:640px;margin:12px 0 0;color:var(--text);font-size:17px;line-height:1.55}@media(max-width:760px){.why .steps.why-points{grid-template-columns:1fr}}
.match-example{margin:22px 0;padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.match-example .card-kicker{font-size:10px;letter-spacing:.08em}.example-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 14px}.match-example h2{margin:0;font-size:21px;line-height:1.2}.example-score{color:var(--ok);font-weight:800;white-space:nowrap}.match-example p:not(.card-kicker){margin:10px 0;color:var(--muted);font-size:14px}.match-example strong{color:var(--text)}.match-example .example-note{font-size:12px!important}.match-example .text-link{display:inline-flex;align-items:center;min-height:44px}
:root{color-scheme:dark;--bg:#07101d;--panel:#0e1929;--panel2:#111f32;--text:#f7f9fc;--muted:#aebbd0;--line:#263750;--accent:#5b8cff;--accent2:#8db0ff;--ok:#72d6ad;--danger:#ffaaa5;--shadow:0 22px 60px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% 0%,#14294d 0,transparent 35%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}a{color:inherit}.site-header{max-width:1180px;margin:0 auto;padding:22px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;font-size:20px}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--accent);font-size:13px}.site-header nav{display:flex;align-items:center;gap:24px}.site-header nav a{text-decoration:none;color:var(--muted);font-weight:650}.site-header nav a:hover,.site-header nav a:focus-visible{color:var(--text)}.header-signin{padding:9px 14px;border:1px solid var(--line);border-radius:10px}.hero,.how,.clarity,.final-cta{max-width:1180px;margin:0 auto}.hero{padding:72px 28px 84px;display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:68px;align-items:center;min-height:650px}.eyebrow,.card-kicker{margin:0 0 12px;color:var(--accent2);font-weight:800;letter-spacing:.14em;font-size:12px}.hero h1{font-size:clamp(48px,7vw,78px);line-height:.98;letter-spacing:-.055em;margin:0;max-width:760px}.hero-subhead{font-size:20px;color:var(--muted);max-width:700px;margin:28px 0}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:26px}.text-link{font-weight:750;color:var(--accent2);text-decoration:none}.btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:0 20px;text-decoration:none;font:inherit;font-weight:800;border:1px solid transparent;cursor:pointer}.btn:disabled{opacity:.6;cursor:wait}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover,.btn-primary:focus-visible{filter:brightness(1.08)}.btn-secondary{border-color:var(--line);background:rgba(255,255,255,.03);color:var(--text)}.trust-grid{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.trust-grid span{padding:7px 10px;border:1px solid rgba(114,214,173,.35);border-radius:999px;color:var(--ok);font-size:12px;font-weight:700}.auth-card{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:var(--shadow)}.auth-card h1,.auth-card h2{margin:0 0 10px;line-height:1.08;letter-spacing:-.03em}.auth-card h2{font-size:30px}.card-copy{color:var(--muted);margin:0 0 18px}.auth-card form{display:grid;gap:8px}.auth-card label{font-size:13px;font-weight:750;margin-top:6px}.auth-card input{width:100%;min-height:50px;border:1px solid var(--line);background:#081321;color:var(--text);border-radius:11px;padding:0 14px;font:inherit;outline:none}.auth-card input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(91,140,255,.16)}.field-row{display:flex;justify-content:space-between;font-size:13px;margin-top:2px}.field-row a{color:var(--accent2)}.btn-full{width:100%;margin-top:10px}.form-status{min-height:22px;font-size:14px;margin-top:4px;color:var(--muted)}.form-status.success{color:var(--ok)}.form-status.error{color:var(--danger)}.divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px;margin:20px 0 10px}.divider:before,.divider:after{content:"";height:1px;background:var(--line);flex:1}.provider-button{min-height:48px;display:flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid var(--line);border-radius:11px;margin-top:10px;font-weight:750;background:rgba(255,255,255,.025)}.hidden{display:none!important}.auth-switch,.privacy-note{font-size:13px;color:var(--muted);margin:17px 0 0}.privacy-note{font-size:12px}.how,.clarity,.final-cta{padding:76px 28px}.how h2,.clarity h2,.final-cta h2{font-size:clamp(34px,4vw,50px);line-height:1.05;letter-spacing:-.035em;margin:0 0 18px}.section-intro,.clarity p{color:var(--muted);max-width:760px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:34px}.steps article{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px}.steps article>span{color:var(--accent2);font-size:12px;font-weight:800}.steps h3{font-size:22px;margin:12px 0 7px}.steps p{margin:0;color:var(--muted)}.clarity{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr .8fr;gap:60px;align-items:center}.mini-flow{display:grid;gap:10px}.mini-flow div{display:grid;grid-template-columns:34px 1fr;column-gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px}.mini-flow span{grid-row:1/3;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--accent);font-weight:800}.mini-flow small{color:var(--muted)}.final-cta{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:end;gap:40px}.final-cta h2{max-width:700px}.center-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.compact-card{width:min(100%,460px)}footer{max-width:1180px;margin:0 auto;padding:30px 28px 46px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:13px}@media(max-width:900px){.hero{grid-template-columns:1fr;gap:42px;padding-top:46px;min-height:auto}.auth-card{max-width:620px;margin-inline:auto}.steps{grid-template-columns:1fr 1fr}.clarity{grid-template-columns:1fr}.final-cta{align-items:flex-start;flex-direction:column}}@media(max-width:600px){.site-header{padding:18px}.site-header nav{gap:14px}.site-header nav a:not(.header-signin):not(.header-pricing){display:none}.hero,.how,.clarity,.final-cta{padding:48px 18px}.hero h1{font-size:48px}.hero-subhead{font-size:18px}.hero-actions{display:grid;grid-template-columns:1fr}.btn{width:100%}.auth-card{padding:22px}.steps{grid-template-columns:1fr}.final-cta .hero-actions{width:100%}footer{padding:28px 18px;gap:16px;flex-direction:column}}
/* First-value landing overrides. Auth, scoring, and demo-session logic are unchanged. */
body[data-auth-mode="signup"] .hero{display:flex;flex-direction:column;align-items:stretch;max-width:940px;gap:70px;min-height:0;padding-top:46px;padding-bottom:78px}
body[data-auth-mode="signup"] .hero-copy{width:100%;min-width:0}
body[data-auth-mode="signup"] .hero h1{font-size:clamp(48px,7vw,76px);line-height:1.04;max-width:780px}
body[data-auth-mode="signup"] .hero-subhead{font-size:clamp(18px,2.4vw,21px);line-height:1.5;max-width:720px;margin:22px 0 0}
body[data-auth-mode="signup"] .hero .auth-card{width:min(100%,620px);margin:0 auto}
.sandbox-entry,.sandbox-fallback{margin:26px 0 0}
.sandbox-primary{min-height:64px;width:100%;background:#146ff0;border-color:#267ffb;color:#fff;font-size:19px;text-align:center}
.sandbox-primary:hover,.sandbox-primary:focus-visible{background:#237eff}
.sandbox-entry .sandbox-explainer,.sandbox-fallback .sandbox-explainer{color:var(--muted);font-size:15px;line-height:1.6;margin:12px 0 0;max-width:720px}
body[data-auth-mode="signup"] .match-example{margin:24px 0 0;padding:26px 28px 22px;border-radius:20px;background:linear-gradient(155deg,#0b192e,#071526);border-color:#2c405c}
.match-example .card-kicker{font-size:11px;letter-spacing:.075em;color:#f7c14a;margin:0 0 12px}
.match-example .example-heading{display:grid;gap:9px}
.match-example .example-heading h2{font-size:clamp(24px,3.7vw,32px);line-height:1.2}
.match-example .example-score{display:block;font-size:22px;color:#4cdb86;white-space:normal}
.match-example .example-context{font-size:14px;line-height:1.5;margin:12px 0 17px;color:var(--muted)}
.match-example .example-row{display:flex;gap:14px;align-items:center;border-top:1px solid var(--line);padding:15px 0}
.match-example .example-row p{font-size:15px;line-height:1.5;margin:0}
.match-example .example-icon{flex:0 0 40px;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#156eee;color:#fff;font-size:24px;font-weight:850}
.example-disclosures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;border-top:1px solid var(--line);padding-top:16px}
.example-disclosure{min-width:0}
.example-disclosure summary{display:flex;align-items:center;justify-content:center;min-height:52px;border:1px solid #5a6b83;border-radius:11px;padding:10px 12px;color:var(--muted);font-weight:750;text-align:center;cursor:pointer;list-style:none}
.example-disclosure summary::-webkit-details-marker{display:none}
.example-disclosure:first-child summary{border-color:#297ef6;color:#55a1ff}
.example-disclosure[open] summary{background:rgba(42,121,242,.11)}
.example-disclosure .disclosure-body{margin:10px 0 0;padding:13px;border:1px solid var(--line);border-radius:10px;color:var(--muted);font-size:14px;line-height:1.55}
.match-example .example-private-note{margin:16px 0 0;font-size:12px;text-align:center;color:var(--muted)}
.example-receipt div{background:var(--panel)}
@media(max-width:600px){
  body[data-auth-mode="signup"] .hero{padding:42px 18px 58px;gap:64px}
  body[data-auth-mode="signup"] .hero h1{font-size:clamp(43px,12vw,54px)}
  body[data-auth-mode="signup"] .hero-subhead{font-size:18px;margin-top:20px}
  body[data-auth-mode="signup"] .match-example{padding:20px 16px 18px;border-radius:18px}
  .match-example .card-kicker{font-size:10px}
  .match-example .example-row{gap:12px}
  .match-example .example-icon{flex-basis:36px;width:36px;height:36px}
  .sandbox-primary{font-size:17px}
  .example-disclosures{gap:10px}
  .example-disclosure summary{font-size:13px}
}


/* Shared Job Playlist header (job_ops/site_header.py). Colors only vary by theme. */
.jp-header{--jph-bg:#0a1730;--jph-border:rgba(148,176,224,.18);--jph-text:#eef3fc;--jph-muted:#c5d1e6;--jph-hover:rgba(255,255,255,.08);--jph-active-bg:rgba(43,108,246,.22);--jph-active-border:rgba(91,140,255,.55);--jph-active-text:#ffffff;--jph-accent:#1f6bff;--jph-pill-border:rgba(91,140,255,.45);
  position:relative;z-index:20;box-sizing:border-box;width:100%;margin:0;padding:0;background:var(--jph-bg);color:var(--jph-text);border-bottom:1px solid var(--jph-border);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;line-height:1.2}
:root[data-theme="light"] .jp-header{--jph-bg:#ffffff;--jph-border:#dbe3ef;--jph-text:#0d1b33;--jph-muted:#2f3d55;--jph-hover:#eef3fb;--jph-active-bg:#e3edff;--jph-active-border:#bcd1fb;--jph-active-text:#1554d1;--jph-accent:#1f6bff;--jph-pill-border:#bcd1fb}
.jp-header *{box-sizing:border-box}
.jp-header-inner{max-width:1180px;min-height:72px;margin:0 auto;padding:12px 28px;display:flex;align-items:center;gap:24px}
.jp-header-brand{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto;text-decoration:none;color:var(--jph-text);font-weight:800;font-size:20px;letter-spacing:-.01em}
.jp-header-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;overflow:hidden;background:var(--jph-accent);color:#fff;font-size:13px}
.jp-header-mark img{display:block;width:36px;height:36px}
.jp-header-nav{display:flex;align-items:center;gap:4px;margin-left:auto}
.jp-header-link{display:inline-flex;align-items:center;min-height:40px;padding:0 12px;border:1px solid transparent;border-radius:999px;color:var(--jph-muted);text-decoration:none;font-weight:600;white-space:nowrap}
.jp-header-link:hover,.jp-header-link:focus-visible{color:var(--jph-text);background:var(--jph-hover)}
.jp-header-link.is-active,.jp-header-pill.is-active{position:relative;color:var(--jph-active-text);background:var(--jph-active-bg);border-color:var(--jph-active-border);font-weight:700;text-decoration:none}
.jp-header-link.is-active::after,.jp-header-pill.is-active::after{position:absolute;left:14px;right:14px;bottom:-1px;height:3px;border-radius:3px;background:var(--jph-accent);content:""}
.jp-header-tools{display:flex;align-items:center;gap:12px;flex:0 0 auto}
.jp-header-search{display:grid;place-items:center;width:40px;height:40px;border-radius:999px;color:var(--jph-text);text-decoration:none}
.jp-header-search:hover,.jp-header-search:focus-visible{background:var(--jph-hover)}
.jp-header-pill{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 14px;border:1px solid var(--jph-pill-border);border-radius:999px;color:var(--jph-text);font-weight:600;font-size:14px}
.jp-header-pill i{width:9px;height:9px;border-radius:50%;background:#2fbf71}
.jp-header-appearance{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--jph-border);border-radius:999px}
.jp-header-appearance button{min-height:32px;padding:0 10px;border:0;border-radius:999px;background:transparent;color:var(--jph-muted);font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.jp-header-appearance .jp-theme-icon{display:none}.jp-header-appearance button[aria-pressed="true"],.jp-header-appearance button.is-active{background:var(--jph-active-bg);color:var(--jph-active-text)}
.jp-header-signin{display:inline-flex;align-items:center;min-height:42px;padding:0 20px;border-radius:12px;background:var(--jph-accent);color:#fff!important;text-decoration:none;font-weight:700;white-space:nowrap}
.jp-header-signin:hover,.jp-header-signin:focus-visible{filter:brightness(1.08)}
.jp-header-subscribe{display:inline-flex;align-items:center;min-height:42px;padding:0 20px;border-radius:12px;background:var(--jph-accent);color:#fff!important;text-decoration:none;font-weight:700;white-space:nowrap}
.jp-header-subscribe:hover,.jp-header-subscribe:focus-visible{filter:brightness(1.08)}
.jp-header:not(.jp-header--member) .jp-header-signin{background:transparent;color:var(--jph-text)!important;border:1px solid var(--jph-pill-border)}
:root.jp-member-has-access .header-subscribe{display:none!important}
/* The pricing surface meets the repository's 44px touch target standard. The
   rule is scoped to that variant so the shared header's height, and the
   member layout that depends on it, is left exactly as it is. */
.jp-header--pricing .jp-header-link{min-height:44px}
.jp-header--pricing .jp-header-appearance button{min-height:44px}
.jp-header--pricing .jp-header-signin,.jp-header--pricing .jp-header-subscribe{min-height:44px}
.jp-header-account{display:flex;align-items:center}
.jp-header-account .header-status{margin-left:0!important}
.jp-header--member .jp-header-inner{max-width:none}
/* Signed-in members with access never need the Pricing upsell link. */
:root.jp-member-has-access .jp-header--member .header-pricing{display:none!important}
@media(max-width:1100px){.jp-header--member .jp-header-link:not(.header-pricing):not(.is-active){display:none}}
@media(max-width:900px){.jp-header-inner{gap:14px;padding:10px 18px}.jp-header-nav{gap:0}.jp-header-link{padding:0 8px}.jp-header-link:not(.header-pricing):not(.is-active){display:none}}
@media(max-width:600px){.jp-header-inner{min-height:64px;flex-wrap:wrap;padding:10px 12px;gap:6px}.jp-header-brand{font-size:17px;gap:8px}.jp-header-tools{margin-left:auto;flex-wrap:wrap;justify-content:flex-end}.jp-header-nav{margin-left:auto}.jp-header-link{padding:0 6px}.jp-header-signin{padding:0 12px;min-height:40px}.jp-header-pill{padding:0 9px;min-height:30px;font-size:13px;gap:6px}.jp-header--status .jp-header-search,.jp-header--pricing .jp-header-search{display:none}.jp-header-appearance{order:10;margin-left:auto}.jp-header--member .jp-header-inner{flex-wrap:nowrap}.jp-header--member .jp-header-wordmark{display:none}}
@media(max-width:768px){.jp-header--member .jp-header-inner{padding-left:72px}}
@media(max-width:380px){.jp-header-brand{font-size:16px}}
@media(max-width:420px){.jp-header-inner{min-width:0;row-gap:6px}.jp-header-nav,.jp-header-tools{min-width:0;flex-wrap:wrap}.jp-header--member .jp-header-inner{flex-wrap:wrap}.jp-header--member .jp-header-tools{gap:6px;flex:1 1 100%;justify-content:flex-end}.jp-header-appearance button{padding:0 8px}}
/* Owner Oct 21 (Railway-style): phones get ONE compact row. Brand left; a one-tap
   Light/Dark icon toggle, Subscribe and Sign in right (Pricing lives in the footer); equal 44px touch-target height and radius. */
@media(max-width:600px){.jp-header:not(.jp-header--member) .jp-header-inner{flex-wrap:nowrap;gap:6px;min-height:60px}.jp-header:not(.jp-header--member) .jp-header-brand{margin-right:auto;min-width:0}.jp-header:not(.jp-header--member) .jp-header-wordmark{white-space:nowrap}.jp-header:not(.jp-header--member) .jp-header-nav{margin-left:0;flex:0 0 auto}.jp-header:not(.jp-header--member) .jp-header-tools{margin-left:0;flex-wrap:nowrap;gap:6px}.jp-header:not(.jp-header--member) .jp-header-search{display:none}.jp-header:not(.jp-header--member) .jp-header-nav{display:none}.jp-header:not(.jp-header--member) .jp-header-subscribe,.jp-header:not(.jp-header--member) .jp-header-signin{min-height:44px;height:44px;padding:0 12px;border-radius:10px;font-size:14px}.jp-header:not(.jp-header--member) .jp-header-subscribe{order:1}.jp-header:not(.jp-header--member) .jp-header-appearance{order:0;margin-left:0;padding:0;border:0;gap:0}.jp-header:not(.jp-header--member) .jp-header-appearance button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:44px;height:44px;min-height:44px;padding:0;border:1px solid var(--jph-pill-border);border-radius:10px;font-size:0;line-height:1;color:var(--jph-text)}.jp-header:not(.jp-header--member) .jp-header-appearance .jp-theme-icon{display:block;flex:0 0 20px;width:20px;height:20px;margin:0}.jp-header:not(.jp-header--member) .jp-header-appearance .jp-theme-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.jp-header:not(.jp-header--member) .jp-header-appearance button[aria-pressed="true"]{display:none}}
@media(max-width:600px) and (prefers-color-scheme:dark){:root:not([data-appearance="light"]):not([data-appearance="dark"]) .jp-header:not(.jp-header--member) .jp-header-appearance button[data-appearance-set="dark"]{display:none}}
@media(max-width:600px) and (prefers-color-scheme:light){:root:not([data-appearance="light"]):not([data-appearance="dark"]) .jp-header:not(.jp-header--member) .jp-header-appearance button[data-appearance-set="light"]{display:none}}
@media(max-width:600px){.jp-header:not(.jp-header--member) .jp-header-signin{order:2}}
/* Owner Oct 21: member header is one row on phones (menu, logo, search, Dashboard,
   avatar); Pricing stays reachable in the menu and footer. */
@media(max-width:600px){.jp-header--member .jp-header-inner{flex-wrap:nowrap!important;gap:6px;min-height:60px}.jp-header--member .jp-header-brand{margin-right:auto}.jp-header--member .jp-header-nav{display:none}.jp-header--member .jp-header-tools{flex:0 1 auto!important;flex-wrap:nowrap!important;gap:6px;margin-left:0;justify-content:flex-end}.jp-header--member .jp-header-search{width:36px;height:36px}.jp-header--member .jp-header-pill{min-height:36px;height:36px;padding:0 12px;border-radius:10px}.jp-header--member .jp-header-pill.is-active::after{display:none}}
@media(max-width:420px){.jp-header--status .jp-header-subscribe{display:none}}
@media(max-width:340px){.jp-header:not(.jp-header--member) .jp-header-wordmark{display:none}}
@media(max-width:360px){.jp-header:not(.jp-header--member) .jp-header-wordmark{font-size:15px}.jp-header:not(.jp-header--member) .jp-header-subscribe,.jp-header:not(.jp-header--member) .jp-header-signin{padding:0 9px}}


:root{
  --js-bg:#07101d;
  --js-panel:#0e1929;
  --js-panel-2:#111f32;
  --js-text:#f7f9fc;
  --js-muted:#aebbd0;
  --js-line:#263750;
  --js-accent:#406cd2;
  --accent:var(--js-accent);
  --js-accent-2:#8db0ff;
  --js-ok:#72d6ad;
  --js-danger:#ffaaa5;
  --js-focus:#a9c2ff;
  --js-surface-soft:rgba(255,255,255,.035);
  --js-shadow:0 22px 60px rgba(0,0,0,.28);
  --js-radius-sm:10px;
  --js-radius-md:14px;
  --js-radius-lg:18px;
  --js-control-min:44px;
  --js-z-skip:10000;
  --js-font-body:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --js-space-1:4px;
  --js-space-2:8px;
  --js-space-3:12px;
  --js-space-4:16px;
  --js-space-6:24px;
  --js-space-8:32px;
  --js-space-12:48px;
  --js-content-max:1120px;
  --js-radius-pill:999px;
}
/* The no-script default follows the OS. Explicit choices override that default. */
:root{color-scheme:dark}
@media (prefers-color-scheme:light){
  :root:not([data-theme]),:root[data-theme="light"]{
    color-scheme:light;
    --js-bg:#f5f7fb;--js-panel:#fff;--js-panel-2:#eaf0f8;
    --js-text:#172235;--js-muted:#43536b;--js-line:#cbd5e1;
    --js-accent:#2555ba;--js-accent-2:#2856ad;--js-ok:#166648;
    --js-danger:#b42318;--js-focus:#1646a2;
    --js-surface-soft:rgba(23,34,53,.035);
    --js-shadow:0 15px 36px rgba(30,45,70,.12);
  }
}
:root[data-theme="light"]{
  color-scheme:light;
  --js-bg:#f5f7fb;--js-panel:#fff;--js-panel-2:#eaf0f8;
  --js-text:#172235;--js-muted:#43536b;--js-line:#cbd5e1;
  --js-accent:#2555ba;--js-accent-2:#2856ad;--js-ok:#166648;
  --js-danger:#b42318;--js-focus:#1646a2;
  --js-surface-soft:rgba(23,34,53,.035);
  --js-shadow:0 15px 36px rgba(30,45,70,.12);
}



.skip-link{position:fixed;left:12px;top:10px;z-index:var(--js-z-skip);padding:10px 14px;border-radius:var(--js-radius-sm);background:#fff;color:var(--js-bg);font-weight:800;transform:translateY(-160%)}
.skip-link:focus{transform:translateY(0)}
:where(a,button,input,select,textarea):focus-visible{outline:3px solid var(--js-focus);outline-offset:3px}
[aria-invalid="true"]{border-color:var(--js-danger)!important;box-shadow:0 0 0 3px rgba(255,170,165,.18)!important}
.legal-links{display:flex;gap:18px;flex-wrap:wrap}.legal-links a{color:var(--js-accent-2);font-weight:700;text-decoration:none}.legal-links a:hover{text-decoration:underline}
.auth-only{min-height:100vh}.auth-header{max-width:1040px}.auth-header nav{gap:14px}.auth-header .text-link{display:inline-flex;align-items:center;padding:0 8px}.auth-main{max-width:1040px;margin:0 auto;padding:72px 28px 88px;display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:72px;align-items:center;min-height:calc(100vh - 170px)}
.auth-context h1{font-size:clamp(42px,5vw,64px);line-height:1;letter-spacing:-.045em;margin:0 0 22px}.auth-context>p:not(.eyebrow){color:var(--js-muted);font-size:19px;max-width:570px}.auth-trust-list{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.auth-trust-list span{border:1px solid var(--js-line);background:var(--js-surface-soft);padding:8px 11px;border-radius:999px;color:var(--js-muted);font-size:12px;font-weight:750}.auth-footer{max-width:1040px}
.legal-body{min-height:100vh}.legal-main{max-width:820px;margin:0 auto;padding:72px 28px 90px}.legal-main h1{font-size:clamp(42px,6vw,68px);letter-spacing:-.045em;line-height:1;margin:0 0 12px}.legal-effective{color:var(--js-muted);margin:0 0 46px}.legal-main section{padding:28px 0;border-top:1px solid var(--js-line)}.legal-main h2{font-size:24px;margin:0 0 10px}.legal-main p{color:var(--js-muted);font-size:16px}.privacy-note a{color:var(--js-accent-2)}
@media(max-width:720px){.auth-header{padding:18px}.auth-header nav .btn{display:none}.auth-header nav .text-link{font-size:13px}.auth-main{display:block;min-height:auto;padding:34px 18px 48px}.auth-context{display:none}.auth-main .auth-card{max-width:none;width:100%;padding:22px}.auth-main .auth-card h2{font-size:34px}.auth-main .card-copy{font-size:17px}.auth-main .auth-card input{min-height:54px}.auth-main .btn{min-height:54px}.auth-footer{padding:24px 18px 36px}.legal-main{padding:42px 18px 70px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.skip-link{transition:none!important}}
