/* ============================================================================
   home-v2.css — the homepage (/) of the owner's approved redesign, 2026-09-26
   (site/homepage). Loaded by the homepage only, after chrome-v1.css, whose
   tokens (--hq-*) and buttons it uses. Ported from the approved mockup's
   styles.css onto those tokens; where it departs from the mockup (the light
   theme, the night picture, the sticky bar's safe area) it says so there.

   Element rules here are bare (specificity 0,0,1) so the chrome's own
   class-scoped rules always win over them.

   IMMUTABLE under /vendor/site/ (a year's cache): change it as home-v2.css.
   (The review of 2026-09-26 changed v1 in place before its first deploy, when
   no browser could hold it; from the first deploy on, the rule above holds.)
   ============================================================================ */
*,*::before,*::after{box-sizing:border-box}
*{margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--hq-bg);color:var(--hq-text);font-family:var(--hq-font);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
a{color:inherit;text-decoration:none}
img,svg{display:block}
ul,ol{list-style:none}
.ico{width:24px;height:24px;flex:none}
.hl{color:var(--hq-accent)}
.eyebrow{font-family:var(--hq-mono);font-size:13.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--hq-amber);font-weight:600}
:root[data-theme="light"] .eyebrow{color:var(--hq-amber-ink)}
main a:focus-visible{outline:2px solid var(--hq-blue-ink);outline-offset:3px;border-radius:4px}
/* In-page jumps (#how) clear the sticky nav through chrome-v1.css's
   html{scroll-padding-top}; a scroll-margin here as well would double it. */

/* ---------- hero ---------- */
.hero{position:relative;overflow:hidden;background:radial-gradient(110% 90% at 30% 0%,#0f1a2a 0%,#080b11 55%,#050608 100%);border-bottom:1px solid var(--hq-hair)}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(124,196,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(124,196,255,.05) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(70% 70% at 40% 40%,#000 30%,transparent 100%);mask-image:radial-gradient(70% 70% at 40% 40%,#000 30%,transparent 100%)}
.hero-glow{position:absolute;width:1000px;height:1000px;right:-380px;bottom:-640px;border-radius:50%;background:radial-gradient(circle,rgba(240,140,40,.28) 0%,rgba(240,120,30,.08) 42%,transparent 68%)}
.hero-arc{position:absolute;width:1500px;height:1500px;right:-820px;bottom:-1060px;border-radius:50%;border:2.5px solid rgba(255,140,50,.38);box-shadow:0 0 40px rgba(255,130,40,.22)}
.hero-in{position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center;padding-top:84px;padding-bottom:96px}
.hero h1{font-size:68px;line-height:1.04;font-weight:800;letter-spacing:-.03em;margin:20px 0 24px}
.hero .lead{font-size:20px;line-height:1.55;color:var(--hq-text-2);max-width:560px}
.hero .lead strong{color:var(--hq-text);font-weight:600}
.cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:36px}
.micro{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:20px;font-size:14.5px;color:var(--hq-text-2)}
.micro li{display:inline-flex;align-items:center;gap:7px}
.micro .ico{width:17px;height:17px;color:var(--hq-green)}

/* hero flow card (an illustration) */
.flowcard{position:relative;background:linear-gradient(180deg,rgba(21,30,43,.95),rgba(13,19,28,.95));border:1px solid var(--hq-line-2);border-radius:22px;padding:22px 22px 18px;box-shadow:0 40px 80px -30px var(--hq-shadow),0 0 0 1px rgba(45,168,255,.06)}
.fc-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 4px 16px;border-bottom:1px solid var(--hq-line)}
.fc-t{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--hq-text-2)}
.tag-illus{text-transform:none;white-space:nowrap;font-family:var(--hq-mono);font-size:12px;color:var(--hq-text);border:1.5px dashed var(--hq-text-3);border-radius:7px;padding:3px 9px;letter-spacing:.04em}
.frow{display:grid;grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr);align-items:center;gap:6px;margin-top:14px}
.node{min-width:0;display:flex;align-items:center;gap:12px;height:66px;padding:0 16px;border-radius:14px;background:#0d131c;border:1px solid var(--hq-line);font-size:15.5px;font-weight:600;line-height:1.25}
.node .ico{color:var(--hq-text-2)}
.node.hot{background:rgba(45,168,255,.1);border-color:rgba(45,168,255,.55)}
.node.hot .ico{color:var(--hq-blue)}
.node small{display:block;font-size:12px;font-weight:500;color:var(--hq-text-3);margin-top:1px}
.arrow{width:34px;height:18px;color:var(--hq-amber)}
.review{margin-top:16px;display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:14px;background:rgba(240,168,60,.08);border:1px solid rgba(240,168,60,.4);font-size:14px;color:var(--hq-text-2)}
.review .ico{color:var(--hq-amber);width:20px;height:20px;margin-top:1px}
.review b{color:var(--hq-text)}

/* ---------- trust strip ---------- */
.trust{background:#090d13;border-bottom:1px solid var(--hq-hair)}
.trust-in{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding-top:26px;padding-bottom:26px}
.trust .it{display:flex;gap:12px;align-items:flex-start;font-size:14px;color:var(--hq-text-2);line-height:1.45}
.trust .it b{display:block;color:var(--hq-text);font-size:14.5px;font-weight:600;margin-bottom:2px}
.trust .ico{color:var(--hq-blue-ink);width:22px;height:22px;margin-top:1px}
.trust a{color:var(--hq-blue-ink);font-weight:600}

/* ---------- sections ---------- */
section.s{padding:112px 0;border-bottom:1px solid var(--hq-sep)}
section.s.alt{background:var(--hq-bg-2)}
.shead{max-width:760px;margin-bottom:56px}
.shead.center{margin-left:auto;margin-right:auto;text-align:center}
.shead.tight{margin-bottom:34px}
.shead.flush{margin-bottom:0}
.shead h2{font-size:46px;line-height:1.1;font-weight:800;letter-spacing:-.025em;margin-top:14px}
.shead p:not(.eyebrow){font-size:18.5px;color:var(--hq-text-2);margin-top:18px}

/* pipeline */
.pipe{display:grid;grid-template-columns:repeat(3,1fr);gap:0;position:relative}
.pstep{position:relative;background:var(--hq-panel);border:1px solid var(--hq-line);border-radius:18px;padding:30px 28px 28px;margin-right:36px}
.pstep:last-child{margin-right:0}
.pstep .n{font-family:var(--hq-mono);font-size:13px;color:var(--hq-amber);letter-spacing:.12em;font-weight:600;text-transform:uppercase}
.pstep .docs{display:flex;align-items:center;gap:12px;margin:22px 0 20px}
.chipdoc{display:flex;align-items:center;gap:9px;padding:10px 14px;border-radius:12px;background:#0b1118;border:1px solid var(--hq-line-2);font-weight:700;font-size:15px}
.chipdoc .ico{width:20px;height:20px;color:var(--hq-text-2)}
.chipdoc.hot{border-color:rgba(45,168,255,.6);background:rgba(45,168,255,.1)}
.chipdoc.hot .ico{color:var(--hq-blue)}
.pstep .arrow{width:26px}
.pstep h3{font-size:22px;font-weight:700;letter-spacing:-.01em}
.pstep p{color:var(--hq-text-2);font-size:15.5px;margin-top:10px}
.status{display:inline-flex;margin-top:18px;font-size:13px;font-weight:600;padding:5px 12px;border-radius:999px;border:1px solid}
.st-pend{color:var(--hq-text-2);border-color:var(--hq-line-2)}
.st-tran{color:var(--hq-blue-ink);border-color:rgba(45,168,255,.5);background:rgba(45,168,255,.08)}
.st-del{color:var(--hq-green);border-color:rgba(95,216,154,.5);background:rgba(95,216,154,.08)}
.pstep .link{position:absolute;right:-36px;top:50%;width:36px;height:2px;background:linear-gradient(90deg,var(--hq-amber),rgba(240,168,60,.3))}
.pipe-foot{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px}
.note{display:flex;gap:14px;align-items:flex-start;padding:20px 22px;border-radius:18px;border:1px solid var(--hq-line);background:rgba(255,255,255,.015);color:var(--hq-text-2);font-size:15.5px}
.note b{color:var(--hq-text)}
.note .ico{color:var(--hq-blue-ink);margin-top:2px}
.note.amb .ico{color:var(--hq-amber)}

/* control */
.split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.pts{display:flex;flex-direction:column;gap:16px}
.pt{display:flex;gap:18px;align-items:flex-start;padding:22px 24px;background:var(--hq-panel);border:1px solid var(--hq-line);border-radius:18px}
.pi{width:52px;height:52px;flex:none;border-radius:14px;background:rgba(45,168,255,.12);border:1px solid rgba(45,168,255,.5);display:flex;align-items:center;justify-content:center;color:var(--hq-blue)}
.pi.amb{background:rgba(240,168,60,.12);border-color:rgba(240,168,60,.5);color:var(--hq-amber)}
.pt h3{font-size:19px;font-weight:700}
.pt p{font-size:15.5px;color:var(--hq-text-2);margin-top:6px}
.approve{background:linear-gradient(180deg,#141d2a,#0e141d);border:1px solid var(--hq-line-2);border-radius:22px;padding:24px;box-shadow:0 40px 80px -40px var(--hq-shadow)}
.ap-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}
.ap-t{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--hq-text-2)}
.acard{border:1px solid var(--hq-line-2);border-radius:16px;padding:20px;background:#0c121a}
.acard + .acard{margin-top:14px}
.acard .k{font-family:var(--hq-mono);font-size:12px;color:var(--hq-amber);letter-spacing:.1em;text-transform:uppercase}
.acard .h{font-size:17.5px;font-weight:700;margin-top:8px;line-height:1.35}
.acard .d{font-size:14.5px;color:var(--hq-text-2);margin-top:6px}
.acts{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}
.acts span{font-size:13.5px;font-weight:700;padding:9px 14px;border-radius:10px;border:1px solid var(--hq-line-2)}
.acts .ok{background:var(--hq-blue);border-color:var(--hq-blue);color:var(--hq-on-blue)}
.acts .stop{color:var(--hq-red);border-color:rgba(255,138,126,.5)}
.flag{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--hq-amber-ink);background:rgba(240,168,60,.1);border:1px solid rgba(240,168,60,.45);border-radius:8px;padding:4px 10px;margin-top:12px}
.flag .ico{width:15px;height:15px}
.kill{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding:16px 20px;border-radius:16px;background:rgba(255,122,109,.06);border:1px solid rgba(255,122,109,.4)}
.kill b{font-size:15.5px}
.kill small{display:block;color:var(--hq-text-2);font-size:13px;margin-top:2px}
.toggle{width:52px;height:30px;border-radius:999px;background:#2a3444;position:relative;flex:none}
.toggle::after{content:"";position:absolute;left:4px;top:4px;width:22px;height:22px;border-radius:50%;background:#eef2f7}

/* compliance */
.clist{background:var(--hq-panel);border:1px solid var(--hq-line);border-radius:22px;padding:12px 26px 6px}
.cl-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0 14px;border-bottom:1px solid var(--hq-line);font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--hq-text-2)}
.crow{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid rgba(36,48,65,.7)}
.crow:last-child{border-bottom:none}
.crow .ico{color:var(--hq-blue-ink);width:20px;height:20px}
.crow .dt{flex:1;font-weight:600;font-size:16px}
.crow .who{color:var(--hq-text-3);font-size:13.5px;font-weight:500;margin-left:6px}
.pill{font-size:13px;font-weight:600;padding:5px 12px;border-radius:999px;border:1px solid;white-space:nowrap}
.pill.red{color:var(--hq-red);background:rgba(255,122,109,.1);border-color:rgba(255,122,109,.5)}
.pill.amb{color:var(--hq-amber-ink);background:rgba(240,168,60,.1);border-color:rgba(240,168,60,.5)}
.pill.blue{color:var(--hq-blue-ink);background:rgba(45,168,255,.1);border-color:rgba(45,168,255,.45)}
.checks{display:flex;flex-direction:column;gap:14px;margin-top:28px}
.checks li{display:flex;gap:12px;align-items:flex-start;color:var(--hq-text-2);font-size:16px}
.checks li b{color:var(--hq-text);font-weight:600}
.checks .ico{color:var(--hq-green);width:22px;height:22px;margin-top:1px}
.checks .ico.red{color:var(--hq-red)}
.cite{font-family:var(--hq-mono);font-size:12.5px;color:var(--hq-text-3);white-space:nowrap}

/* who it's for */
.who-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.wcard{background:var(--hq-panel);border:1px solid var(--hq-line);border-radius:18px;padding:30px 28px}
.wcard .size{font-family:var(--hq-mono);font-size:13px;color:var(--hq-amber);letter-spacing:.1em;text-transform:uppercase;font-weight:600}
.wcard h3{font-size:22px;font-weight:700;margin-top:12px;letter-spacing:-.01em}
.wcard p:not(.size){color:var(--hq-text-2);font-size:15.5px;margin-top:10px}
.wcard ul{margin-top:18px;display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--hq-line);padding-top:18px}
.wcard li{display:flex;gap:10px;font-size:15px;color:var(--hq-text-2)}
.wcard li .ico{width:18px;height:18px;color:var(--hq-blue);margin-top:3px}
.drivers{margin-top:20px;display:flex;align-items:center;gap:18px;padding:20px 26px;border-radius:18px;border:1px dashed var(--hq-line-2);color:var(--hq-text-2);font-size:15.5px}
.drivers .ico{color:var(--hq-amber)}
.drivers b{color:var(--hq-text)}
.drivers a{margin-left:auto;color:var(--hq-blue-ink);font-weight:600;white-space:nowrap;display:inline-flex;align-items:center;min-height:48px}

/* how the pilot works */
.steps3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.st{position:relative;background:var(--hq-panel);border:1px solid var(--hq-line);border-radius:18px;padding:30px 28px}
.st .num{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:19px;background:rgba(45,168,255,.12);border:1.5px solid rgba(45,168,255,.6);color:var(--hq-accent)}
.st h3{font-size:21px;font-weight:700;margin-top:20px}
.st p{color:var(--hq-text-2);font-size:15.5px;margin-top:10px}
.st .day{font-family:var(--hq-mono);font-size:12.5px;letter-spacing:.1em;color:var(--hq-text-3);text-transform:uppercase;margin-top:18px}
.pilot-foot{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:28px;padding:24px 28px;border-radius:18px;background:linear-gradient(90deg,rgba(45,168,255,.1),rgba(240,168,60,.06));border:1px solid rgba(45,168,255,.3)}
.pilot-foot p{color:var(--hq-text);font-size:17px;font-weight:600}
.pilot-foot .acts{display:flex;gap:12px;flex:none;margin-top:0}

/* FAQ teaser */
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.q{background:var(--hq-panel);border:1px solid var(--hq-line);border-radius:18px;padding:24px 26px}
.q h3{font-size:17.5px;font-weight:700}
.q p{color:var(--hq-text-2);font-size:15px;margin-top:10px}
.q a{color:var(--hq-blue-ink);text-decoration:underline;text-underline-offset:3px}
.faq-more{margin-top:26px;display:flex;justify-content:center}
.faq-more a{color:var(--hq-blue-ink);font-weight:600;display:inline-flex;align-items:center;min-height:48px}

/* ---------- final call to action: a night band in both themes ---------- */
.final{position:relative;overflow:hidden;background:radial-gradient(90% 120% at 80% 50%,#1a1108 0%,#0a0b0e 55%,#060709 100%);
  --hq-text:#eef2f7;--hq-text-2:#b4c0cf;--hq-accent:#2da8ff;--hq-blue-ink:#7cc4ff;--hq-amber-ink:#f5b95a;--hq-line-2:#2f3c50;--hq-green:#5fd89a;color:var(--hq-text)}
.final-in{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center;padding-top:104px;padding-bottom:104px;position:relative}
.final .eyebrow{color:var(--hq-amber-ink)}
.final h2{font-size:52px;line-height:1.08;font-weight:800;letter-spacing:-.03em;margin-top:14px}
.final h2 .hl{color:var(--hq-amber)}
.final p:not(.eyebrow){color:var(--hq-text-2);font-size:18.5px;margin-top:20px;max-width:560px}
/* The night rig, drawn at the approved mockup's 400 px (260 on a phone). The
   only picture there is is 512 px, a little soft on a 2x screen; the brief
   accepted that ("Use it for now") and a >= 1000 px original is the owner's to
   supply. The vignette over it keeps the eye on the lit cab. */
.rig{position:relative;justify-self:center;width:400px;height:400px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 3px rgba(255,140,50,.55),0 0 60px rgba(255,130,40,.35)}
.rig img{width:100%;height:100%;object-fit:cover}
.rig::after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 50% 46%,transparent 52%,rgba(6,7,9,.55) 100%)}

/* ---------- sticky call to action (phones) ---------- */
.sticky-cta{display:none}

/* ---------- light theme: the same page, re-pointed ---------- */
:root[data-theme="light"] .hero{background:radial-gradient(110% 90% at 30% 0%,#e3f0fd 0%,#f3f7fc 55%,#f7f9fc 100%)}
:root[data-theme="light"] .hero-grid{background-image:linear-gradient(rgba(10,102,194,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(10,102,194,.06) 1px,transparent 1px)}
:root[data-theme="light"] .hero-glow{background:radial-gradient(circle,rgba(240,140,40,.16) 0%,rgba(240,120,30,.05) 42%,transparent 68%)}
:root[data-theme="light"] .hero-arc{border-color:rgba(230,120,30,.35);box-shadow:none}
:root[data-theme="light"] .flowcard{background:var(--hq-panel)}
:root[data-theme="light"] .node{background:var(--hq-bg)}
:root[data-theme="light"] .node.hot .ico,:root[data-theme="light"] .chipdoc.hot .ico,:root[data-theme="light"] .pi,:root[data-theme="light"] .wcard li .ico{color:var(--hq-accent)}
:root[data-theme="light"] .trust{background:var(--hq-bg-2)}
:root[data-theme="light"] .chipdoc{background:var(--hq-bg)}
:root[data-theme="light"] .pstep .n,:root[data-theme="light"] .acard .k,:root[data-theme="light"] .wcard .size{color:var(--hq-amber-ink)}
:root[data-theme="light"] .note{background:var(--hq-panel)}
:root[data-theme="light"] .approve{background:var(--hq-panel)}
:root[data-theme="light"] .acard{background:var(--hq-bg)}
:root[data-theme="light"] .toggle{background:#c3d0e0}
:root[data-theme="light"] .toggle::after{background:#ffffff}
:root[data-theme="light"] .crow{border-bottom-color:var(--hq-line)}
:root[data-theme="light"] .pill.red{background:rgba(201,39,27,.08);border-color:rgba(201,39,27,.4)}
:root[data-theme="light"] .pill.amb{background:rgba(240,168,60,.12);border-color:rgba(168,77,8,.4)}
:root[data-theme="light"] .pill.blue{background:rgba(45,168,255,.1);border-color:rgba(10,102,194,.35)}
:root[data-theme="light"] .st-del{background:rgba(20,122,70,.08);border-color:rgba(20,122,70,.4)}
:root[data-theme="light"] .acts .stop{border-color:rgba(201,39,27,.4)}
:root[data-theme="light"] .review{background:rgba(240,168,60,.1)}
:root[data-theme="light"] .final .hq-ghost{background:rgba(255,255,255,.04)}

/* ---------- responsive ---------- */
@media (max-width:1100px){
  .hero-in{grid-template-columns:1fr;gap:48px}
  .hero h1{font-size:60px}
  .trust-in{grid-template-columns:1fr 1fr}
  .split{grid-template-columns:1fr;gap:40px}
  .final-in{grid-template-columns:1fr}
}
@media (max-width:760px){
  body{font-size:16px;padding-bottom:72px}
  .hero-in{padding-top:44px;padding-bottom:56px;gap:36px}
  /* PHONE SCALE (owner 2026-10-01: "on mobile view all of the letters to begin with are larger"): measured at 390 px 2026-10-02 — h1 42, section h2 32, h3 22, chips 45 px tall, CTA 56, sticky bar 79. */
  .hero h1{font-size:34px;margin:12px 0 16px}
  .hero .lead{font-size:16px}
  .cta-row{flex-direction:column;margin-top:28px}
  .cta-row .hq-btn{width:100%}
  .micro{font-size:14px;gap:6px 14px}
  .flowcard{padding:16px 14px 14px}
  .fc-top{align-items:flex-start}
  .frow{grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr);gap:4px}
  .node{height:auto;min-height:60px;padding:10px;gap:8px;font-size:13.5px;line-height:1.2}
  .node .ico{width:20px;height:20px}
  .node small{display:none}
  .arrow{width:22px}
  .trust-in{grid-template-columns:1fr;gap:16px;padding-top:24px;padding-bottom:24px}
  .trust a{display:inline-flex;align-items:center;min-height:44px}
  section.s{padding:68px 0}
  .shead{margin-bottom:34px}
  .shead h2{font-size:26px}
  .shead p:not(.eyebrow){font-size:15.5px}
  .pstep h3,.wcard h3,.st h3{font-size:19px}
  .chipdoc{padding:8px 12px;font-size:14px;border-radius:10px}
  .chipdoc .ico{width:18px;height:18px}
  .pipe{grid-template-columns:1fr}
  .pstep{margin-right:0;margin-bottom:26px}
  .pstep:last-child{margin-bottom:0}
  .pstep .link{right:auto;left:40px;top:auto;bottom:-26px;width:2px;height:26px;background:linear-gradient(180deg,var(--hq-amber),rgba(240,168,60,.3))}
  .pipe-foot{grid-template-columns:1fr}
  .who-grid,.steps3,.faq-grid{grid-template-columns:1fr}
  .drivers{flex-direction:column;align-items:flex-start;gap:10px}
  .drivers a{margin-left:0}
  .pilot-foot{flex-direction:column;align-items:stretch;text-align:center}
  .pilot-foot .acts{flex-direction:column}
  .pilot-foot .hq-btn{width:100%}
  .clist{padding:8px 16px 4px}
  .crow .who{display:block;margin-left:0}
  .final-in{padding-top:68px;padding-bottom:68px;gap:36px}
  .final h2{font-size:28px}
  .final p:not(.eyebrow){font-size:15.5px}
  .rig{width:260px;height:260px}
  /* Keyboard focus never ends under the sticky bar: the browser scrolls a
     focused link this far above the bottom edge (review 2026-09-26: Tab left
     the footer's Terms, Privacy, DPA and Security links under the bar at 360-400
     px in both engines - WCAG 2.4.11). */
  html{scroll-padding-bottom:calc(84px + env(safe-area-inset-bottom))}
  /* The bar clears an iPhone's home indicator (safe-area inset; the mockup has none). */
  .sticky-cta{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:30;padding:10px 16px calc(12px + env(safe-area-inset-bottom));background:rgba(7,9,13,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--hq-line);gap:10px;align-items:center}
  .sticky-cta .hq-btn{flex:1;height:46px;font-size:15px;padding:0 16px}
  .sticky-cta small{font-size:11px;color:#b4c0cf;line-height:1.3;max-width:92px}
  :root[data-theme="light"] .sticky-cta{background:rgba(247,249,252,.95)}
  :root[data-theme="light"] .sticky-cta small{color:var(--hq-text-2)}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
}