/* =====================================================================
   LocalCases.com: daylight edition
   White page, navy ink, gold for status. Light = status; scroll = time.
   Questions speak in italic serif; answers in heavy condensed grotesk.
   One stylesheet; tokens on :root. Every word on the page is the site's own.
   ===================================================================== */
:root{--night:#071227;--night-2:#0A1830;--navy:#0B1B33;--navy-2:#122A4A;--navy-3:#1A3458;--gold:#C9971C;--lamp:#E9C25C;--lamp-hi:#FFE3A1;--gold-ink:#8A5E06;--paper:#FBF6E9;--paper-2:#F3EBD6;--doc:#FFFFFF;--ink:#0B1B33;--ink-2:#34425A;--ink-3:#5C6778;--cream:#F6F0E0;--mist:#AEB8C8;--mist-2:#8591A6;--ok:#1E7B4F;--ok-bg:#E4F3EA;--no:#B3261E;--no-bg:#FBE7E5;--line-d:rgba(233,194,92,.16);--line-p:rgba(11,27,51,.12);/* sheet roles:flip for dark viewers */
  --sheet:var(--paper);--sheet-2:var(--paper-2);--sheet-card:#FFFFFF;--sheet-ink:var(--ink);--sheet-ink-2:var(--ink-2);--sheet-ink-3:var(--ink-3);--sheet-line:var(--line-p);--sheet-accent:var(--gold-ink);--sheet-empty:#E6DDC6;--bubble-a:var(--ink);--bubble-a-ink:var(--paper);--display:"Archivo","Arial Narrow",Arial,Helvetica,sans-serif;--text:"Archivo",Arial,Helvetica,sans-serif;--voice:"Newsreader",Georgia,"Times New Roman",serif;--wrap:1240px;--gut:clamp(20px,4.2vw,56px);--nav-h:68px;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--ease:cubic-bezier(.2,.7,.1,1);--spring:cubic-bezier(.3,1.45,.5,1);box-sizing:border-box;padding-top:var(--safe-t);padding-bottom:var(--safe-b);--page:#FFFFFF;--page-2:#F7F4EC;--gold-deep:#B07C0C;--line-l:rgba(11,27,51,.1);--sheet:#F6F1E4;color-scheme:light}
@supports (interpolate-size:allow-keywords){
  :root{interpolate-size:allow-keywords}
}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--night);scroll-behavior:smooth;scroll-padding-top:calc(var(--safe-t) + var(--nav-h) + 10px);-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--night);color:var(--ink-2);font-family:var(--text);font-size:17px;line-height:1.62;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
p,h1,h2,h3,ul,ol{margin:0}
ul,ol{padding:0}
a{color:inherit}
b,strong{font-weight:700}
svg{overflow:visible}
button,input{font:inherit}
h1,h2,h3{font-family:var(--display);color:var(--ink);font-weight:800;line-height:1;letter-spacing:-.01em}
h2{font-weight:880;font-stretch:78%;font-size:clamp(42px,5.6vw,86px);line-height:.94;letter-spacing:-.012em;text-wrap:balance}
.wrap{width:100%;max-width:calc(var(--wrap) + 2 * var(--gut));margin:0 auto;padding:0 var(--gut)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
:focus-visible{outline:2px solid var(--lamp);outline-offset:3px;outline-color:var(--gold-deep)}
.sheet :focus-visible{outline-color:var(--sheet-accent)}
main{position:relative;z-index:1;overflow-x:clip}
.voice{font-family:var(--voice);font-style:italic;font-weight:450}
.hidden{display:none!important}
/* ---------- kicker ---------- */
.kicker{display:inline-flex;align-items:center;gap:12px;font-family:var(--display);font-weight:720;font-size:15px;line-height:1.3;color:var(--gold-ink);margin-bottom:20px}
.kicker::before{content:"";width:28px;height:2px;border-radius:2px;background:currentColor;box-shadow:none}
.sheet .kicker{color:var(--sheet-accent)}
/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--display);font-weight:760;font-stretch:94%;font-size:16px;line-height:1.15;letter-spacing:.005em;text-decoration:none;text-align:center;cursor:pointer;border-radius:12px;padding:16px 22px;border:1.5px solid transparent;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,transform .2s;-webkit-tap-highlight-color:transparent}
.btn:active{transform:translateY(1px)}
.btn .arr{display:inline-block;transition:transform .25s var(--ease)}
.btn:hover .arr{transform:translateX(4px)}
.btn-primary,.btn-onnavy{background:var(--gold);color:var(--navy);border-color:var(--gold);box-shadow:0 12px 26px -16px rgba(168,116,10,.85),inset 0 1px 0 rgba(255,255,255,.35)}
.btn-primary:hover,.btn-onnavy:hover{background:var(--lamp);border-color:var(--lamp);box-shadow:0 16px 32px -16px rgba(168,116,10,.9),inset 0 1px 0 rgba(255,255,255,.45)}
.btn-outline{background:transparent;color:var(--ink);border-color:rgba(11,27,51,.32)}
.btn-outline:hover{border-color:var(--ink);color:var(--ink);background:rgba(11,27,51,.04)}
.btn-ghost-light{background:transparent;color:var(--ink);border-color:rgba(11,27,51,.32)}
.btn-ghost-light:hover{border-color:var(--ink)}
.btn-sm{padding:11px 16px;font-size:14.5px}
.btn-lg{padding:19px 28px;font-size:17px}
.btn-block{width:100%}
.undercta{font-size:14.5px;line-height:1.5;color:var(--ink-3);margin-top:12px}
/* ---------- ambient map + progress ---------- */
.zipmap{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:1}
.topbar{position:absolute;left:0;right:0;bottom:-1px;height:2px;z-index:1;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,var(--gold),var(--lamp-hi));box-shadow:0 0 8px rgba(201,151,28,.45);pointer-events:none}
/* ---------- nav ---------- */
.nav{position:fixed;top:0;left:0;right:0;z-index:50;padding-top:var(--safe-t);background:rgba(255,255,255,.86);-webkit-backdrop-filter:saturate(140%) blur(14px);backdrop-filter:saturate(140%) blur(14px);border-bottom:1px solid rgba(233,194,92,.12);border-bottom-color:rgba(11,27,51,.08)}
.nav .wrap{height:var(--nav-h);display:flex;align-items:center;gap:26px}
.lockup{display:flex;align-items:center;gap:11px;text-decoration:none;flex:none}
.lockup .mark{width:28px;height:34px;flex:none;filter:drop-shadow(0 4px 8px rgba(168,116,10,.28))}
.wordmark{display:block;line-height:1}
.wordmark .wm{display:block;font-family:var(--display);font-weight:600;font-stretch:86%;font-size:23px;line-height:.95;letter-spacing:-.01em;color:var(--ink)}
.wordmark .wm b{font-weight:880}
.wordmark .wm i{font-style:normal;font-weight:640;color:var(--gold-deep);margin-left:1px}
.wordmark small{display:block;margin-top:5px;font-family:var(--display);font-weight:700;font-stretch:100%;font-size:8.5px;letter-spacing:.21em;color:var(--ink-3)}
/* the mark's three bars rise once on load: Known, Mentioned, Recommended */
.motion .nav .lockup .b{transform:scaleY(0);transform-box:fill-box;transform-origin:50% 100%;transition:transform .7s var(--spring)}
.motion.loaded .nav .lockup .b{transform:none}
.motion.loaded .nav .lockup .b1{transition-delay:.25s}
.motion.loaded .nav .lockup .b2{transition-delay:.4s}
.motion.loaded .nav .lockup .b3{transition-delay:.55s}
.navlinks{list-style:none;display:flex;gap:26px;margin:0 auto 0 14px}
.navlinks a{position:relative;display:block;font-family:var(--display);font-weight:640;font-size:14.5px;color:var(--ink-2);text-decoration:none;padding:6px 0;transition:color .2s}
.navlinks a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:var(--gold);transform:scaleX(0);transform-origin:0 50%;transition:transform .3s var(--ease)}
.navlinks a:hover{color:var(--ink)}
.navlinks a:hover::after{transform:scaleX(1)}
.nav-right{display:flex;align-items:center;gap:18px}
.nav .btn,.navlinks a{white-space:nowrap}
@media (max-width:1199px){
  .nav .wrap{gap:20px}
  .navlinks{gap:20px;margin-left:6px}
  .nav-right .tel{display:none}
}
.tel{font-family:var(--display);font-weight:720;font-stretch:92%;color:var(--ink);text-decoration:none;font-size:15px;white-space:nowrap;font-variant-numeric:tabular-nums}
.navmenu{display:none}
@media (max-width:979px){
  .navmenu{display:inline-flex;margin-left:auto}
  .navlinks{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;margin:0;padding:6px var(--gut) 18px;background:var(--page);box-shadow:0 30px 60px -30px rgba(11,27,51,.35);border-bottom:1px solid var(--line-d);border-bottom-color:var(--line-l)}
  .nav.menu-open .navlinks{display:flex}
  .navlinks a{padding:15px 0;font-size:19px;color:var(--ink);border-bottom:1px solid rgba(233,194,92,.08);border-bottom-color:rgba(11,27,51,.07)}
  .navlinks a::after{display:none}
  .nav-right .tel{display:none}
}
@media (max-width:639px){
  .nav-right{display:none}
  .wordmark .wm{font-size:21px}
  .wordmark small{font-size:7.5px;letter-spacing:.18em}
}
/* ---------- mobile action bar ---------- */
.mobilebar{display:none}
@media (max-width:639px){
  .mobilebar{display:grid;grid-template-columns:1fr 1.7fr;gap:10px;position:fixed;left:0;right:0;bottom:0;z-index:40;padding:10px 12px calc(10px + var(--safe-b));background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line-d);border-top-color:var(--line-l);box-shadow:0 -12px 30px -18px rgba(11,27,51,.3)}
  .mobilebar .btn{padding:14px 10px;font-size:15px}
  footer{padding-bottom:110px!important}
}
/* =====================================================================
   1. HERO
   ===================================================================== */
.hero{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:center;padding:calc(var(--nav-h) + clamp(28px,6vh,64px)) 0 clamp(56px,9vh,110px)}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(85% 75% at 74% 42%,rgba(255,255,255,0) 0%,rgba(255,255,255,.5) 55%,rgba(255,255,255,.94) 100%)}
.hero-grid{min-width:0;display:grid;grid-template-columns:minmax(0,1.32fr) minmax(0,.68fr);grid-template-areas:"a side" "b side";column-gap:clamp(28px,4.5vw,72px);align-items:start}
.hero-a{grid-area:a}
.hero-b{grid-area:b}
.hero-side{grid-area:side;align-self:start;padding-top:6px}
.hero h1{margin-top:4px;font-weight:900;font-stretch:72%;text-transform:uppercase;font-size:min(clamp(60px,9.6vw,156px),21vh);line-height:.84;letter-spacing:-.004em;color:var(--ink)}
.hero h1 .ln{display:block}
.hero h1 .gold{display:inline-block;color:var(--gold-deep);background:linear-gradient(100deg,#B07C0C 0 40%,#EBC45A 50%,#B07C0C 60% 100%);background-size:260% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:none;transition:filter 1.2s var(--ease)}
.motion .hero h1:not(.glow) .gold{filter:none}
.motion .hero h1.glow .ln{overflow:visible}
.hero .deck{margin-top:28px;max-width:24ch;font-family:var(--display);font-weight:640;font-stretch:92%;font-size:clamp(22px,2.3vw,31px);line-height:1.2;color:var(--ink);text-wrap:balance}
.hero .story{position:relative;margin:30px auto 0;max-width:40ch;padding-left:18px;font-size:15.5px;line-height:1.6;color:var(--ink-2)}
.hero .story::before{content:"";position:absolute;left:0;top:.35em;bottom:.35em;width:2px;border-radius:2px;background:linear-gradient(180deg,var(--gold),rgba(201,151,28,0))}
.hero .story .voice{color:var(--ink);font-size:1.14em}
.hero .answer{margin-top:34px;display:flex;flex-wrap:wrap;align-items:center;gap:.22em .32em;font-family:var(--display);font-weight:860;font-stretch:80%;font-size:clamp(30px,3.3vw,46px);line-height:1.02;color:var(--ink)}
.hero .answer span{color:var(--navy);background:linear-gradient(180deg,#F4D27A,var(--gold));padding:.06em .3em .1em;border-radius:.2em;box-shadow:0 8px 18px -14px rgba(168,116,10,.55)}
/* zip box (shared) */
.zipbox{margin-top:26px;max-width:560px;background:#fff;color:var(--ink);border-radius:18px;padding:18px 18px 16px;box-shadow:0 0 0 1px rgba(11,27,51,.12),0 24px 50px -30px rgba(11,27,51,.4)}
.zipbox .lead{margin:2px 2px 12px;font-family:var(--display);font-weight:760;font-stretch:94%;font-size:15.5px;line-height:1.35;color:var(--ink)}
.zipform{display:flex;gap:10px}
.zipform input{flex:1;min-width:0;font-family:var(--display);font-weight:800;font-size:21px;letter-spacing:.16em;padding:13px 16px;border:2px solid var(--ink);border-radius:12px;color:var(--ink);background:#fff;font-variant-numeric:tabular-nums}
.zipform input::placeholder{color:#8B94A5;letter-spacing:.04em;font-weight:640}
.zipform input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 4px rgba(201,151,28,.25)}
.zipform .btn{flex:none}
.zipbox .err{display:none;margin:10px 2px 0;color:var(--no);font-size:14px;font-weight:700}
.zipbox.is-invalid .err{display:block}
.zipbox.is-invalid input{border-color:var(--no)}
.zipbox .undercta{margin:10px 2px 0;color:var(--ink-3);font-size:14px}
@media (max-width:540px){
  .zipform{flex-direction:column}
  .zipform input{text-align:center}
}
.proofs{list-style:none;margin-top:26px;display:grid;gap:12px;max-width:60ch}
.proofs li{display:grid;grid-template-columns:24px 1fr;gap:12px;font-size:15.5px;line-height:1.5;color:var(--ink-2)}
.proofs .tick{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;margin-top:0;color:var(--gold-ink);background:rgba(233,194,92,.2);border:1px solid rgba(233,194,92,.45);border-color:rgba(168,116,10,.35)}
.proofs .tick svg{width:12px;height:12px}
.proofs b{color:var(--ink)}
/* phone */
.hero-phone{position:relative;display:flex;justify-content:center;perspective:1400px}
.hero-side .story{margin-left:0}
.hero-phone::before{content:"";position:absolute;inset:-14% -40%;z-index:-1;background:radial-gradient(closest-side,rgba(233,194,92,.13),rgba(233,194,92,.04) 55%,transparent 74%);pointer-events:none}
.phone{--rx:0deg;--ry:0deg;position:relative;width:min(300px,78vw);aspect-ratio:300/616;border-radius:52px;padding:11px;background:linear-gradient(150deg,#22375A 0%,#0B1628 34%,#050B17 100%);box-shadow:0 0 0 1px rgba(11,27,51,.25),inset 0 0 0 1.5px rgba(255,255,255,.06),0 60px 100px -50px rgba(11,27,51,.75);transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .6s var(--ease)}
.notch{position:absolute;top:22px;left:50%;z-index:2;width:98px;height:28px;transform:translateX(-50%);background:#02060D;border-radius:20px}
.screen{height:100%;display:flex;flex-direction:column;overflow:hidden;border-radius:42px;background:linear-gradient(180deg,#0F1F3A 0%,#0A1629 100%)}
.shead{display:flex;align-items:center;gap:10px;padding:62px 18px 14px;border-bottom:1px solid rgba(233,194,92,.1)}
.avatar{width:32px;height:32px;flex:none;border-radius:50%;display:grid;place-items:center;color:var(--navy);background:radial-gradient(circle at 35% 30%,#FFE9B0,var(--gold) 72%);box-shadow:0 0 18px rgba(233,194,92,.55)}
.avatar svg{width:16px;height:16px}
.shead b{display:block;font-family:var(--display);font-weight:760;font-size:14px;line-height:1.2;color:var(--cream)}
.shead small{display:block;font-size:12px;line-height:1.25;color:var(--mist-2)}
.chat{flex:1;display:flex;flex-direction:column;gap:12px;padding:18px 14px;overflow:hidden}
.bubble{max-width:88%;padding:11px 14px;border-radius:18px;font-size:14.5px;line-height:1.42}
.bubble.user{align-self:flex-end;min-height:42px;background:var(--gold);color:var(--navy);font-weight:620;border-bottom-right-radius:5px}
.caret{display:inline-block;width:2px;height:1.05em;margin-left:1px;vertical-align:-2px;background:var(--navy);animation:blink 1s steps(1) infinite}
.bubble.ai{align-self:flex-start;background:rgba(255,255,255,.06);border:1px solid rgba(233,194,92,.13);color:var(--cream);border-bottom-left-radius:5px}
#pans{max-width:100%;width:100%}
.dots{display:inline-flex;gap:5px;padding:3px 2px}
.dots i{width:7px;height:7px;border-radius:50%;background:var(--lamp);animation:dot 1.2s infinite}
.dots i:nth-child(2){animation-delay:.15s}
.dots i:nth-child(3){animation-delay:.3s}
.answers{display:grid;gap:8px;margin-top:10px}
.rec{display:grid;grid-template-columns:14px minmax(0,1fr) auto;gap:8px;align-items:center;padding:9px 9px;border-radius:13px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.rec .no{font-family:var(--display);font-weight:860;font-size:14px;text-align:center;color:var(--mist-2)}
.rec b{display:block;font-family:var(--display);font-weight:760;font-size:14.5px;line-height:1.2;color:var(--cream)}
.rec small{display:block;margin-top:2px;font-size:11.5px;line-height:1.2;color:var(--mist-2)}
.rec.you{background:linear-gradient(135deg,rgba(233,194,92,.24),rgba(233,194,92,.06));border-color:rgba(233,194,92,.62);box-shadow:0 0 26px -6px rgba(233,194,92,.55)}
.rec.you .no{color:var(--lamp)}
.badge-rec{font-family:var(--display);font-weight:800;font-size:10px;color:var(--navy);background:var(--lamp);padding:3px 7px;border-radius:999px}
.fade-in{animation:rise .45s var(--ease) both}
.sfoot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 12px 14px;padding:9px 9px 9px 16px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);font-size:13px;color:var(--mist-2)}
.send{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:var(--navy)}
.send svg{width:15px;height:15px}
/* hero load choreography */
.motion .hero h1 .ln{overflow:hidden;padding:0 .02em .05em;margin:0 -.02em -.05em}
.motion .hero h1 .ln>span{transform:translateY(104%);transition:transform 1.1s var(--ease)}
.motion .hero h1 .ln>span:not(.gold){display:block}
.motion .hero h1 .ln:nth-child(2)>span{transition-delay:.12s}
.motion.loaded .hero h1 .ln>span{transform:none}
.motion.loaded .hero h1 .gold{animation:sweep 2.4s 1.05s var(--ease) both}
.motion .hero .rise{opacity:0;transform:translateY(16px);transition:opacity .9s var(--ease) var(--d,0s),transform .9s var(--ease) var(--d,0s)}
.motion.loaded .hero .rise{opacity:1;transform:none}
.motion .hero-phone{opacity:0;transform:translateY(46px);transition:opacity 1.1s var(--ease) .4s,transform 1.3s var(--ease) .4s}
.motion.loaded .hero-phone{opacity:1;transform:none}
@media (max-width:959px){
  .hero{min-height:0}
  .hero h1{font-size:max(44px,min(clamp(54px,14.5vw,128px),20vh))}
  /* stacked: headline, then the answer and the ZIP form, then the demo */
  .hero-grid{display:flex;flex-direction:column;align-items:stretch}
  .hero-side,.hero-b{display:contents}
  .hero-a{order:1;min-width:0}
  .hero .answer{order:2}
  .hero .zipbox{order:3}
  .hero-phone{order:4;margin-top:52px}
  .hero-side .story{order:5;margin:30px 0 0;max-width:60ch}
  .hero .proofs{order:6;margin-top:30px}
  .phone{width:min(290px,76vw)}
}
/* =====================================================================
   2. THEY ASK
   ===================================================================== */
.asking{position:relative}
.scene{position:relative}
.scene.pinned{height:var(--len,260vh)}
.scene.pinned .scene-pin{position:sticky;top:0;height:100vh;height:100svh;display:flex;align-items:center;overflow:clip}
.ask-stage{width:100%;padding-top:calc(var(--safe-t) + var(--nav-h) + 18px);padding-bottom:calc(var(--safe-b) + 24px)}
.scene:not(.pinned) .ask-stage{padding-top:clamp(72px,12vh,130px)}
.ask-title{max-width:18ch;font-stretch:74%;font-weight:900;font-size:clamp(38px,5.3vw,86px);line-height:.92}
.ask-title .they{display:inline-block;color:var(--gold-deep);text-shadow:none;transition:color .6s var(--ease),text-shadow .6s var(--ease)}
.motion .scene.pinned:not(.lit) .ask-title .they{color:#C5CBD5;text-shadow:none}
.asking .sub{margin-top:18px;font-family:var(--display);font-weight:680;font-size:17px;color:var(--gold-ink)}
.cloud{list-style:none;display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px 12px;max-width:1180px;margin-top:clamp(20px,3.6vh,36px)}
.cloud .q{position:relative;margin-left:var(--ml,0);transform:translateY(var(--dy,0px));padding:.6em 1.05em .66em 2.1em;font-family:var(--voice);font-style:italic;font-weight:440;font-size:clamp(15.5px,1.32vw,20px);line-height:1.25;color:var(--ink);background:rgba(255,255,255,.97);border:1px solid rgba(233,194,92,.22);border-radius:22px 22px 22px 6px;box-shadow:0 16px 36px -22px rgba(11,27,51,.55);border-color:rgba(11,27,51,.1)}
.cloud .q::before,.cloud .q::after{content:"";position:absolute;left:.95em;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%}
.cloud .q::before{background:var(--gold);box-shadow:0 0 0 3px rgba(233,194,92,.28)}
.cloud .q::after{border:1.5px solid var(--lamp);animation:ping 2.6s var(--ease) infinite;border-color:var(--gold)}
.cloud .q:nth-child(3n+1)::after{animation-delay:-.9s}
.cloud .q:nth-child(3n+2)::after{animation-delay:-1.7s}
.motion .cloud .q{opacity:0;filter:blur(6px);transform:translateY(calc(var(--dy,0px) + 24px)) scale(.9);transition:opacity .45s var(--ease),filter .45s var(--ease),transform .7s var(--spring)}
.motion .cloud .q.on{opacity:1;filter:none;transform:translateY(var(--dy,0px)) scale(1)}
.stakes{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,2.5vw,32px);row-gap:clamp(40px,7vh,72px);padding-top:clamp(56px,10vh,110px);padding-bottom:clamp(110px,16vh,170px)}
.stakes .statement{grid-column:1 / span 11;font-family:var(--display);font-weight:820;font-stretch:84%;font-size:clamp(30px,4.3vw,64px);line-height:1.04;letter-spacing:-.015em;color:var(--ink);text-wrap:pretty}
.stakes .statement .w{transition:color .3s linear}
.motion .stakes .statement .w{color:rgba(11,27,51,.13)}
.motion .stakes .statement .w.lit{color:var(--ink)}
.stakes .problem{grid-column:1 / span 6;align-self:start;padding:clamp(24px,3vw,38px);border-radius:22px;font-family:var(--display);font-weight:640;font-stretch:96%;font-size:clamp(18px,1.6vw,22px);line-height:1.45;color:var(--cream);background:linear-gradient(160deg,#122B52,#0B1B33 72%);border:1px solid rgba(233,194,92,.4);box-shadow:0 40px 80px -50px rgba(11,27,51,.65)}
.stakes .problem b{color:var(--lamp);font-weight:820}
.stakes .cta{grid-column:8 / span 5;align-self:end}
.stakes .cta .btn{width:100%}
@media (max-width:959px){
  .stakes .statement,.stakes .problem,.stakes .cta{grid-column:1 / -1}
}
/* =====================================================================
   SHEETS (paper documents floating on the night)
   ===================================================================== */
.sheet{position:relative;z-index:2;margin:0 clamp(6px,1.2vw,16px);padding:clamp(84px,12vh,140px) 0;border-radius:clamp(22px,3vw,44px);background:var(--sheet);color:var(--sheet-ink-2);box-shadow:none;border:1px solid rgba(11,27,51,.06)}
.sheet h2,.sheet h3{color:var(--sheet-ink)}
.sheet .lede{font-size:18.5px;line-height:1.6;color:var(--sheet-ink-2)}
.sheet .statement{font-family:var(--display);font-weight:720;font-stretch:92%;font-size:clamp(21px,2.1vw,27px);line-height:1.3;color:var(--sheet-ink)}
/* =====================================================================
   3. THE CLIMB
   ===================================================================== */
.how-intro{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(28px,5vw,80px);align-items:end}
.how-intro h2{max-width:11ch}
.how-intro .statement{margin-top:24px;max-width:30ch}
.how-intro .lede+.lede{margin-top:14px}
.climb{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(32px,6vw,100px);margin-top:clamp(64px,10vh,120px)}
.climb-col{align-self:stretch}
.climb-chart{position:sticky;top:calc(var(--safe-t) + var(--nav-h) + 7vh);display:flex;flex-direction:column;height:min(62vh,520px);min-height:360px}
.chart-cap{font-family:var(--display);font-weight:760;font-size:15px;line-height:1.35;color:var(--sheet-accent)}
.bars{position:relative;flex:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.6vw,22px);align-items:end;margin-top:14px;padding:64px 0 70px}
.bars::after{content:"";position:absolute;left:-10px;right:-10px;bottom:70px;height:2px;border-radius:2px;background:var(--sheet-ink);opacity:.85}
.bar{position:relative;height:var(--h);border-radius:14px 14px 3px 3px;background:repeating-linear-gradient(135deg,transparent 0 7px,var(--sheet-line) 7px 8px);box-shadow:inset 0 0 0 1.5px var(--sheet-line);transition:height 1.1s var(--ease)}
.bar.known{--h:36%}
.bar.mentioned{--h:64%}
.bar.recommended{--h:100%}
.bar .fill{position:absolute;left:0;right:0;bottom:0;height:0;border-radius:inherit;background:linear-gradient(180deg,var(--lamp),var(--gold));box-shadow:0 24px 50px -22px rgba(201,151,28,.7);transition:height .9s var(--ease)}
.bar .mark{position:absolute;left:50%;bottom:calc(100% + 12px);width:34px;height:41px;margin-left:-17px;opacity:0;transform:translateY(14px) scale(.8);transition:opacity .35s var(--ease),transform .6s var(--spring);filter:drop-shadow(0 10px 12px rgba(11,27,51,.35))}
.bar .bl{position:absolute;top:calc(100% + 14px);left:0;right:0}
.bar .bl b{display:block;font-family:var(--display);font-weight:840;font-stretch:88%;font-size:clamp(15px,1.45vw,20px);line-height:1.1;color:var(--sheet-ink)}
.bar .bl span{display:block;margin-top:3px;font-size:13px;line-height:1.3;color:var(--sheet-ink-3)}
.spot{position:absolute;top:20px;bottom:70px;right:-6%;width:48%;pointer-events:none;opacity:0;background:linear-gradient(180deg,rgba(233,194,92,0),rgba(233,194,92,.34));clip-path:polygon(40% 0,60% 0,100% 100%,0 100%);transition:opacity .9s var(--ease)}
/* default = the finished climb (no JS / reduced motion) */
.climb-chart .fill{height:100%}
.climb-chart .recommended .mark,.climb-chart .spot{opacity:1}
.climb-chart .recommended .mark{transform:none}
/* scroll-driven states */
.motion .climb-chart[data-stage] .fill{height:0}
.motion .climb-chart[data-stage] .spot,.motion .climb-chart[data-stage] .recommended .mark{opacity:0}
.motion .climb-chart[data-stage="1"] .known .fill,
.motion .climb-chart[data-stage="2"] :is(.known,.mentioned) .fill,
.motion .climb-chart[data-stage="3"] .fill{height:100%}
.motion .climb-chart[data-stage="1"] .known .mark,
.motion .climb-chart[data-stage="2"] .mentioned .mark,
.motion .climb-chart[data-stage="3"] .recommended .mark{opacity:1;transform:none}
.motion .climb-chart[data-stage="3"] .spot{opacity:1}
.motion .climb-chart:not(.on) .bar{height:6%}
.stages{display:grid}
.stg{padding:2vh 0 12vh;transition:opacity .5s var(--ease)}
.stg .stage{display:flex;align-items:center;gap:10px;font-family:var(--display);font-weight:760;font-size:15px;color:var(--sheet-accent)}
.stg .stage::before{content:"";width:9px;height:9px;border-radius:50%;background:currentColor}
.stg h3{margin-top:12px;font-weight:880;font-stretch:80%;font-size:clamp(34px,3.6vw,54px);line-height:.96}
.stg>p{margin-top:16px;max-width:54ch;font-size:17.5px;line-height:1.62;color:var(--sheet-ink-2)}
.example{display:grid;gap:8px;max-width:470px;margin-top:22px}
.example .q{justify-self:end;max-width:92%;padding:10px 16px;border-radius:18px 18px 5px 18px;font-family:var(--voice);font-style:italic;font-size:19px;line-height:1.3;color:var(--sheet-ink);background:var(--sheet-card);border:1px solid var(--sheet-line);box-shadow:0 10px 24px -18px rgba(11,27,51,.45)}
.example .a{justify-self:start;display:inline-flex;align-items:center;gap:9px;padding:10px 16px;border-radius:18px 18px 18px 5px;font-family:var(--display);font-weight:760;font-size:16px;line-height:1.3;color:var(--bubble-a-ink);background:var(--bubble-a)}
.example .a svg{width:15px;height:15px;flex:none;color:var(--lamp)}
.payoff{position:relative;margin-top:22px;max-width:52ch;padding-left:36px;font-weight:700;font-size:17px;line-height:1.55;color:var(--sheet-ink)}
.payoff svg{position:absolute;left:0;top:1px;width:24px;height:24px;padding:4px;border-radius:50%;color:var(--doc);background:var(--gold)}
@media (min-width:960px){
  .stg{min-height:72vh;display:flex;flex-direction:column;justify-content:center}
  .motion .climb.tracking .stg:not(.act){opacity:.32}
}
@media (max-width:959px){
  .climb{grid-template-columns:minmax(0,1fr)}
  .climb-chart{position:relative;top:auto;height:360px}
  .stg{padding:8px 0 56px}
}
.pull{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,2.5vw,32px);margin-top:clamp(56px,9vh,120px);font-family:var(--display);font-weight:880;font-stretch:78%;font-size:clamp(34px,4.4vw,68px);line-height:.98;letter-spacing:-.012em;color:var(--sheet-ink)}
.pull span{text-wrap:balance}
.pull .c1{grid-column:1 / span 7}
.pull .c2{grid-column:6 / span 7;margin-top:.45em;color:var(--sheet-accent)}
@media (max-width:959px){
  .pull .c1,.pull .c2{grid-column:1 / -1}
}
/* signals */
.signals{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,6vw,90px);align-items:center;margin-top:clamp(90px,14vh,160px);padding-top:clamp(60px,9vh,100px);border-top:1px solid var(--sheet-line)}
.signals h3{max-width:13ch;font-weight:880;font-stretch:80%;font-size:clamp(34px,3.6vw,54px);line-height:.96}
.signals .lede{margin-top:20px}
.signals em{font-style:normal;font-weight:720;color:var(--sheet-ink);text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:2px;text-underline-offset:4px}
.sig-map{position:relative;aspect-ratio:1.28;min-height:320px}
.sig-lines{position:absolute;inset:0;width:100%;height:100%}
.sig-lines path{fill:none;vector-effect:non-scaling-stroke}
.sig-lines .base{stroke:var(--sheet-line);stroke-width:1.5}
.sig-lines .flow{stroke:var(--gold);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:9 91;stroke-dashoffset:100}
.motion .sig-map.on .sig-lines .flow{animation:flow 2.4s linear infinite}
.siglist{list-style:none}
.siglist li{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:flex;align-items:center;gap:12px;width:max-content;max-width:44%;padding:10px 16px 10px 10px;border-radius:14px;font-family:var(--display);font-weight:760;font-size:15.5px;line-height:1.2;color:var(--sheet-ink);background:var(--sheet-card);border:1px solid var(--sheet-line);box-shadow:0 18px 40px -26px rgba(11,27,51,.4)}
.siglist .ico{flex:none;width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#F3EBD6}
.siglist .ico svg{width:22px;height:22px}
.sig-core{position:absolute;left:50%;top:50%;width:96px;height:96px;margin:-48px 0 0 -48px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#132D55,#0B1B33 70%);box-shadow:0 0 0 1px rgba(233,194,92,.45),0 0 50px -6px rgba(233,194,92,.6)}
.sig-core svg{width:42px;height:51px}
.sig-core i{position:absolute;inset:0;border-radius:50%;border:1.5px solid var(--gold);opacity:0}
.motion .sig-map.on .sig-core i{animation:halo 2.4s var(--ease) infinite}
.motion .sig-map.on .sig-core i+i{animation-delay:1.2s}
.motion .siglist li{opacity:0;transform:translate(-50%,-38%);transition:opacity .6s var(--ease),transform .7s var(--spring)}
.motion .sig-map.on .siglist li{opacity:1;transform:translate(-50%,-50%)}
.motion .sig-map.on .siglist li:nth-child(2){transition-delay:.1s}
.motion .sig-map.on .siglist li:nth-child(3){transition-delay:.2s}
.motion .sig-map.on .siglist li:nth-child(4){transition-delay:.3s}
.cats{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,5vw,90px);align-items:start;margin-top:clamp(56px,9vh,100px)}
.pills{display:flex;flex-wrap:wrap;gap:10px}
.pill{display:inline-flex;align-items:center;gap:9px;padding:10px 16px 10px 12px;border-radius:10px;font-family:var(--display);font-weight:720;font-size:15.5px;line-height:1.2;color:var(--sheet-ink);border:1.5px solid var(--sheet-ink)}
.pill::before{content:"";width:12px;height:12px;flex:none;border-radius:50%;border:1.5px solid var(--gold);background:var(--gold)}
.motion .pills.on .pill::before{animation:climbdot 1.8s var(--ease) both}
.motion .pills .pill::before{background:transparent}
.motion .pills.on .pill::before{background:var(--gold)}
.motion .pills.on .pill:nth-child(2)::before{animation-delay:.12s}
.motion .pills.on .pill:nth-child(3)::before{animation-delay:.24s}
.motion .pills.on .pill:nth-child(4)::before{animation-delay:.36s}
.motion .pills.on .pill:nth-child(5)::before{animation-delay:.48s}
.motion .pills.on .pill:nth-child(6)::before{animation-delay:.6s}
.motion .pills.on .pill:nth-child(7)::before{animation-delay:.72s}
.motion .pills.on .pill:nth-child(8)::before{animation-delay:.84s}
.motion .pills.on .pill:nth-child(9)::before{animation-delay:.96s}
@media (max-width:959px){
  .how-intro,.signals,.cats{grid-template-columns:minmax(0,1fr)}
  .sig-map{max-width:620px;width:100%}
}
@media (max-width:560px){
  .sig-map{aspect-ratio:.9}
  .siglist li{max-width:48%;padding:8px 10px 8px 8px;font-size:14px;gap:8px}
  .siglist .ico{width:32px;height:32px}
  .sig-core{width:78px;height:78px;margin:-39px 0 0 -39px}
  .sig-core svg{width:34px;height:41px}
}
/* =====================================================================
   4. THE SCAN
   ===================================================================== */
.scan{position:relative;padding:clamp(110px,16vh,180px) 0 clamp(100px,14vh,150px)}
.scan::before{content:"";position:absolute;left:0;right:0;top:0;height:60vh;pointer-events:none;background:radial-gradient(60% 70% at 18% 0%,rgba(233,194,92,.16),transparent 70%)}
.scan .intro{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,5vw,80px);align-items:end}
.scan h2{max-width:12ch;font-weight:900;font-stretch:72%;font-size:clamp(46px,6.6vw,108px);line-height:.88}
.scan .lede{margin-top:24px;max-width:52ch;font-size:18.5px;color:var(--ink-2)}
.scan .dateline{margin-top:16px;max-width:64ch;font-size:13.5px;line-height:1.55;color:var(--ink-3)}
.scan .aside p{font-size:17px;color:var(--ink-2)}
.scan .aside p+p{margin-top:14px}
.scan .aside b{color:var(--ink)}
.scan .aside p:last-of-type b{color:var(--gold-ink)}
.report{position:relative;display:flex;flex-direction:column;margin-top:clamp(48px,8vh,84px);overflow:clip;border-radius:24px;background:var(--doc);color:var(--ink);box-shadow:0 0 0 1px rgba(11,27,51,.12),0 50px 100px -50px rgba(11,27,51,.55),0 0 0 6px rgba(233,194,92,.14)}
.report-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px clamp(18px,2.6vw,30px);background:var(--navy);color:var(--cream);border-bottom:2px solid var(--gold)}
.report-bar .t{font-family:var(--display);font-weight:820;font-size:18px;line-height:1.2}
.report-bar .t small{display:block;margin-top:3px;font-family:var(--text);font-weight:450;font-size:13px;color:var(--mist)}
.report-bar .brand{display:flex;align-items:center;gap:10px;font-family:var(--display);font-weight:800;font-stretch:108%;font-size:11.5px;letter-spacing:.12em;color:var(--lamp);text-align:right}
.report-bar .brand svg{width:20px;height:24px;flex:none}
.report-top{z-index:4;display:grid;grid-template-columns:auto minmax(0,.9fr) minmax(0,1.6fr);gap:clamp(18px,2.4vw,34px);align-items:center;padding:16px clamp(18px,2.6vw,30px);background:var(--doc);border-bottom:1px solid var(--line-p);box-shadow:0 16px 26px -24px rgba(11,27,51,.55)}
.score{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:14px;align-items:center}
.ring{position:relative;grid-row:1 / span 2;width:108px;height:108px}
.ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.ring .trk{fill:none;stroke:var(--paper-2);stroke-width:12}
.ring .val{fill:none;stroke:var(--gold);stroke-width:12;stroke-linecap:round;stroke-dasharray:339.3;stroke-dashoffset:var(--off,273.98);transform-box:fill-box;transform-origin:center}
.ring .num{position:absolute;inset:0;display:grid;place-items:center;align-content:center;text-align:center}
.ring .n{font-family:var(--display);font-weight:900;font-stretch:80%;font-size:30px;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.ring .d{margin-top:3px;font-family:var(--display);font-weight:700;font-size:11px;color:var(--ink-3)}
.score .lbl{align-self:end;font-family:var(--display);font-weight:820;font-size:16px;line-height:1.2;color:var(--ink)}
.score .note{align-self:start;max-width:22ch;margin-top:3px;font-size:12.5px;line-height:1.35;color:var(--ink-3)}
.statuses{display:contents}
.strack{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.strack::before{content:"";position:absolute;left:16.6%;right:16.6%;top:15px;height:2px;background:var(--paper-2)}
.snode{position:relative;display:grid;justify-items:center;text-align:center;padding-top:40px}
.snode::before{content:"";position:absolute;top:0;left:50%;width:32px;height:32px;margin-left:-16px;border-radius:50%;background:#fff;border:3px solid var(--paper-2);z-index:1;transition:background .4s,border-color .4s}
.snode::after{position:absolute;top:0;left:50%;z-index:2;width:32px;height:32px;margin-left:-16px;display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:15px}
.snode.yes::before{background:var(--navy);border-color:var(--navy)}
.snode.yes::after{content:"\2713";color:#fff}
.snode.barely::before{background:linear-gradient(90deg,var(--gold) 50%,#fff 50%);border-color:var(--gold)}
.snode.no::before{background:var(--no-bg);border-color:var(--no)}
.snode.no::after{content:"\2715";color:var(--no);font-size:13px}
.snode b{display:block;font-family:var(--display);font-weight:820;font-size:14px;line-height:1.2;color:var(--ink)}
.snode span{display:block;margin-top:2px;font-size:12.5px;font-weight:700;color:var(--gold-ink)}
.snode.yes span{color:var(--ok)}
.snode.no span{color:var(--no)}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.stat{padding:11px 13px;border-radius:12px;background:var(--paper);border:1px solid var(--line-p)}
.stat .big{font-family:var(--display);font-weight:900;font-stretch:80%;font-size:clamp(22px,2vw,30px);line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}
.stat:last-child .big{color:var(--gold-ink)}
.stat .k{margin-top:6px;font-family:var(--display);font-weight:760;font-size:13px;line-height:1.2;color:var(--ink)}
.stat .why{margin-top:4px;font-size:11.5px;line-height:1.35;color:var(--ink-3)}
.report-body{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr)}
.qs{padding:26px clamp(18px,2.6vw,30px) 30px;border-right:1px solid var(--line-p)}
.comps{padding:26px clamp(18px,2.6vw,30px) 30px;background:linear-gradient(180deg,rgba(243,235,214,.55),rgba(243,235,214,0) 70%)}
.report h3{font-family:var(--display);font-weight:860;font-stretch:88%;font-size:20px;line-height:1.15;color:var(--ink)}
.report .sub{margin-top:5px;font-size:13.5px;line-height:1.45;color:var(--ink-3)}
.qrow{position:relative;display:grid;grid-template-columns:112px minmax(0,1fr) auto;gap:14px;align-items:center;padding:11px 0;border-top:1px solid var(--line-p)}
.qs .sub+.qrow{margin-top:14px}
.tag{padding:6px 9px;border-radius:7px;text-align:center;font-family:var(--display);font-weight:760;font-size:11.5px;line-height:1.15}
.tag.named{background:var(--navy);color:var(--cream)}
.tag.disc{background:var(--paper-2);color:var(--gold-ink);box-shadow:inset 0 0 0 1px rgba(168,116,10,.28)}
.qt{font-family:var(--voice);font-style:italic;font-weight:450;font-size:16.5px;line-height:1.32;color:var(--ink);transition:opacity .4s}
.res{justify-self:end;display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border-radius:999px;white-space:nowrap;font-family:var(--display);font-weight:760;font-size:12.5px;line-height:1.2}
.res i{width:8px;height:8px;border-radius:50%;background:currentColor}
.res.ok{background:var(--ok-bg);color:var(--ok)}
.res.miss{background:var(--no-bg);color:var(--no)}
.comps .unres{font-size:12.5px}
.comps ol{list-style:none;margin-top:12px}
.comps li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;align-items:center;padding:6px 0;border-top:1px solid var(--line-p);font-size:14.5px;line-height:1.3;color:var(--ink);transition:opacity .45s var(--ease),filter .45s var(--ease)}
.comps li>span:first-child{font-family:var(--display);font-weight:800;font-size:12.5px;color:var(--ink-3);font-variant-numeric:tabular-nums}
.comps li.you{margin:3px -10px;padding:8px 10px;border-radius:10px;border-top-color:transparent;background:linear-gradient(90deg,rgba(233,194,92,.42),rgba(233,194,92,.1));box-shadow:inset 0 0 0 1px rgba(201,151,28,.45)}
.comps li.you>span:first-child{color:var(--gold-ink)}
.comps li.you+li{border-top-color:transparent}
.youtag{margin-left:8px;padding:3px 8px;border-radius:999px;font-family:var(--display);font-weight:800;font-size:11px;color:var(--lamp);background:var(--navy);white-space:nowrap}
.report-verdict{position:relative;overflow:hidden;padding:22px clamp(18px,2.6vw,30px);font-family:var(--display);font-weight:760;font-stretch:94%;font-size:clamp(17px,1.6vw,21px);line-height:1.38;color:var(--cream);background:var(--navy);border-top:2px solid var(--gold)}
.report-verdict::after{content:"";position:absolute;top:0;bottom:0;left:-40%;width:30%;background:linear-gradient(100deg,transparent,rgba(255,236,170,.28),transparent);transform:skewX(-20deg);opacity:0}
.report.done .report-verdict::after{animation:glint 1.6s .5s var(--ease) both}
/* the scanner light */
.scanbeam{position:absolute;left:0;right:0;top:0;z-index:3;height:2px;opacity:0;pointer-events:none;background:linear-gradient(90deg,rgba(224,169,42,0),#E0A92A 12%,#F7C84C 50%,#E0A92A 88%,rgba(224,169,42,0));box-shadow:0 0 12px 2px rgba(224,169,42,.55),0 0 50px 10px rgba(233,194,92,.22);transition:opacity .3s}
.scanbeam::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:130px;background:linear-gradient(0deg,rgba(233,194,92,.22),rgba(233,194,92,0))}
.scanbeam::after{content:"";position:absolute;left:0;right:0;top:100%;height:18px;background:linear-gradient(180deg,rgba(233,194,92,.12),rgba(233,194,92,0))}
/* pending (not yet under the light) */
.motion .report .qrow:not(.hit) .res{color:transparent;background:linear-gradient(90deg,#EDE4CE,#F8F2E3,#EDE4CE);background-size:200% 100%;animation:shimmer 1.3s linear infinite}
.motion .report .qrow:not(.hit) .res i{background:#D8CDB2}
.motion .report .qrow:not(.hit) .qt{opacity:.42}
.motion .report .qrow.hit .res{animation:pop .55s var(--spring) both}
.motion .report .qrow.hit::before{content:"";position:absolute;inset:0 -30px;pointer-events:none;background:linear-gradient(90deg,rgba(233,194,92,0),rgba(233,194,92,.2) 30%,rgba(233,194,92,0));animation:flash 1s ease-out both}
.motion .report .comps li:not(.hit){opacity:.16;filter:blur(1.4px)}
.motion .report.band-live:not(.done) .ring .val{stroke-dasharray:62 277.3;stroke-dashoffset:0;animation:ringspin 1.1s linear infinite}
.motion .report.band-live.done .ring .val{animation:ringfill 1.5s var(--ease) both}
.motion .report.band-live:not(.done) .ring .num{opacity:0}
.motion .report .ring .num{transition:opacity .3s}
.motion .report:not(.band-live):not(.band-in) .ring .val{stroke-dashoffset:339.3}
.motion .report:not(.band-live).band-in .ring .val{animation:ringfill 1.4s var(--ease) both}
.motion .report.band-live:not(.done) .snode::before{background:#fff!important;border-color:var(--paper-2)!important}
.motion .report.band-live:not(.done) .snode::after{opacity:0}
.motion .report.band-live:not(.done) .snode span{opacity:0;transform:translateY(4px)}
.motion .report .snode span,.motion .report .snode::after{transition:opacity .4s var(--ease),transform .4s var(--ease)}
.motion .report.done .snode:nth-child(2) span{transition-delay:.35s}
.motion .report.done .snode:nth-child(3) span{transition-delay:.7s}
.motion .report.band-live:not(.done) .stat .big{color:transparent;border-radius:6px;background:linear-gradient(90deg,#EDE4CE,#F8F2E3,#EDE4CE);background-size:200% 100%;animation:shimmer 1.3s linear infinite;width:max-content}
.motion .report.band-live.done .stat .big{animation:pop .6s var(--spring) both}
.motion .report.done .stat:nth-child(2) .big{animation-delay:.15s}
.motion .report.done .stat:nth-child(3) .big{animation-delay:.3s}
/* score build line */
.buildline{margin-top:30px;max-width:980px;font-size:15.5px;line-height:1.65;color:var(--ink-2)}
.buildline b{color:var(--ink)}
.buildline a{color:var(--gold-ink);font-weight:700;text-underline-offset:3px}
.buildline.formula-note{margin-top:10px;font-size:13.5px;color:var(--ink-3)}
.scorebar{position:relative;display:flex;gap:3px;max-width:760px;height:14px;margin-top:14px}
.scorebar:empty{display:none}
.scorebar .seg{position:relative;height:100%;border-radius:4px;background:rgba(11,27,51,.06);box-shadow:inset 0 0 0 1px rgba(11,27,51,.1);overflow:hidden}
.scorebar .seg i{position:absolute;left:0;top:0;bottom:0;width:var(--f);background:linear-gradient(90deg,var(--gold),var(--lamp));transform-origin:0 50%;transition:transform 1.2s var(--ease)}
.scorebar .seg+.seg i{background:var(--lamp);box-shadow:none}
.motion .scan:not(.is-done) .scorebar .seg i{transform:scaleX(0)}
.motion .scan.is-done .scorebar .seg+.seg i{transition-delay:.9s}
.after{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(24px,5vw,72px);align-items:center;margin-top:clamp(56px,9vh,90px);padding:clamp(24px,3.2vw,44px);border-radius:24px;background:linear-gradient(135deg,rgba(233,194,92,.18),rgba(233,194,92,.05));border:1px solid rgba(233,194,92,.32);border-color:rgba(201,151,28,.38)}
.after .statement{font-family:var(--display);font-weight:820;font-stretch:86%;font-size:clamp(24px,2.5vw,36px);line-height:1.1;color:var(--ink)}
.after .full{margin-top:14px;font-size:16px;color:var(--ink-2)}
.after .full b{color:var(--ink)}
.after .undercta{text-align:center;color:var(--ink-3)}
@media (min-width:1100px) and (min-height:700px){
  .report-top{position:sticky;top:calc(var(--safe-t) + var(--nav-h))}
}
@media (max-width:1099px){
  .report-top{grid-template-columns:auto minmax(0,1fr)}
  .stats{grid-column:1 / -1}
  .report-body{grid-template-columns:minmax(0,1fr)}
  .qs{border-right:0;border-bottom:1px solid var(--line-p)}
}
@media (max-width:959px){
  .scan .intro,.after{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
  .report-bar{flex-direction:column;align-items:flex-start}
  .report-bar .brand{text-align:left}
  .report-top{grid-template-columns:minmax(0,1fr)}
  .score{justify-content:start}
  .stats{grid-template-columns:minmax(0,1fr)}
  .stat{display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:center}
  .stat .big{grid-row:1 / span 2}
  .qrow{grid-template-columns:auto 1fr;row-gap:8px}
  .qrow .tag{justify-self:start}
  .qrow .qt{grid-column:1 / -1;grid-row:2}
}
/* =====================================================================
   5. THE SYSTEM
   ===================================================================== */
.system h2{max-width:13ch}
.system .wrap>.lede{margin-top:22px;max-width:62ch}
.cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(40px,6vh,64px) clamp(22px,3vw,48px);margin-top:clamp(52px,8vh,90px)}
.col h3{font-weight:860;font-stretch:84%;font-size:clamp(24px,2.3vw,32px);line-height:1.04}
.col p{margin-top:14px;font-size:16.5px;line-height:1.62;color:var(--sheet-ink-2)}
.col.get{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-areas:"h u" "t u" "p u";column-gap:clamp(28px,5vw,90px);align-items:start;padding-bottom:clamp(40px,6vh,64px);border-bottom:1px solid var(--sheet-line)}
.col.get h3{grid-area:h}
.col.get .tallies{grid-area:t}
.col.get>p{grid-area:p;max-width:52ch}
.col.get .units{grid-area:u;align-self:center}
.tally-cap{margin-top:24px;font-family:var(--display);font-weight:760;font-size:14.5px;color:var(--sheet-accent)}
.tally{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:clamp(20px,3vw,44px);margin-top:6px}
.tally .n{font-family:var(--display);font-weight:900;font-stretch:74%;font-size:clamp(48px,5vw,74px);line-height:.95;color:var(--sheet-ink);font-variant-numeric:tabular-nums}
.tally .l{display:flex;align-items:center;gap:7px;margin-top:4px;font-size:13.5px;color:var(--sheet-ink-3)}
.tally.yr .n{color:var(--sheet-accent)}
.tally.yr .l::before{content:"";width:11px;height:11px;flex:none;border-radius:3px}
.tally.yr>div:nth-child(1) .l::before{background:var(--gold)}
.tally.yr>div:nth-child(2) .l::before{background:var(--sheet-ink)}
.tally.yr>div:nth-child(3) .l::before{box-shadow:inset 0 0 0 2px var(--sheet-accent)}
.units{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(4px,.55vw,8px);padding:clamp(14px,1.6vw,22px);border-radius:18px;background:var(--sheet-card);border:1px solid var(--sheet-line)}
.units:empty{display:none}
.units .m{display:grid;gap:clamp(3px,.4vw,5px)}
.units .c{aspect-ratio:1.5;border-radius:3px;background:var(--sheet-empty);transition:background-color .25s,box-shadow .25s,transform .45s var(--spring)}
.units .c.a.on{background:var(--gold)}
.units .c.p.on{background:var(--sheet-ink)}
.units .c.l.on{background:transparent;box-shadow:inset 0 0 0 2px var(--sheet-accent)}
.motion .units .c:not(.on){transform:scale(.72)}
.motion .units .c{transition-delay:calc(var(--r,0) * 26ms)}
.tally .n.tick,.tally-cap.tick{animation:tick .38s var(--ease) both}
@keyframes tick{from{opacity:.35;transform:translateY(.16em)}to{opacity:1;transform:none}}
.col.cost .price{margin-top:12px;font-family:var(--display);font-weight:900;font-stretch:72%;font-size:clamp(66px,7vw,112px);line-height:.86;letter-spacing:-.01em;color:var(--sheet-ink);font-variant-numeric:tabular-nums}
.col.cost .price-sub{margin-top:8px;font-family:var(--display);font-weight:760;font-size:18px;color:var(--sheet-accent)}
.col.cost .speeds{padding-top:14px;border-top:1px dashed var(--sheet-line);font-size:14.5px;color:var(--sheet-ink-3)}
@media (max-width:959px){
  .cols{grid-template-columns:minmax(0,1fr)}
  .col.get{grid-template-columns:minmax(0,1fr);grid-template-areas:"h" "t" "u" "p"}
  .col.get .units{margin-top:28px}
}
/* =====================================================================
   6. THE FIRST 90 DAYS
   ===================================================================== */
.timeline{position:relative;padding:clamp(110px,16vh,170px) 0 clamp(70px,10vh,110px)}
.timeline::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(50% 45% at 88% 38%,rgba(233,194,92,.13),transparent 70%)}
.timeline h2{max-width:15ch}
.tl{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2.4vw,34px);margin-top:clamp(48px,8vh,84px);padding-top:44px}
.tl-line{position:absolute;left:0;right:0;top:10px;height:2px;border-radius:2px;background:rgba(11,27,51,.1)}
.tl-line i{position:absolute;inset:0;border-radius:inherit;transform-origin:0 50%;transform:scaleX(var(--tp,1));background:linear-gradient(90deg,var(--gold),var(--lamp-hi));box-shadow:0 0 10px rgba(201,151,28,.45)}
.step{position:relative}
.step::before{content:"";position:absolute;top:-44px;left:0;width:22px;height:22px;border-radius:50%;background:var(--gold);border:2px solid var(--lamp);box-shadow:0 0 0 6px var(--page),0 0 18px 2px rgba(201,151,28,.45);transition:background .4s,border-color .4s,box-shadow .4s;border-color:var(--gold)}
.step h3{font-weight:900;font-stretch:76%;font-size:clamp(32px,3.2vw,48px);line-height:1;color:var(--ink);transition:color .4s}
.step p{margin-top:12px;max-width:28ch;font-size:16px;color:var(--ink-2);transition:opacity .4s}
.step:last-child h3,.step:last-child b{color:var(--gold-deep)}
.motion .tl .step:not(.lit)::before{background:var(--page);border-color:rgba(11,27,51,.22);box-shadow:0 0 0 6px var(--page)}
.motion .tl .step:not(.lit) h3{color:#C5CBD5}
.motion .tl .step:not(.lit) p{opacity:.4}
.eleven{display:grid;grid-template-columns:repeat(11,10px);gap:4px;margin-top:16px}
.eleven i{height:13px;border-radius:2px}
.eleven .a{background:var(--gold)}
.eleven .p{background:var(--ink)}
.eleven .l{box-shadow:inset 0 0 0 2px var(--gold)}
.motion .tl .eleven i{transform:scaleY(0);transform-origin:50% 100%;transition:transform .45s var(--spring)}
.motion .tl .step.lit .eleven i{transform:none}
.motion .tl .step.lit .eleven i:nth-child(2){transition-delay:.04s}
.motion .tl .step.lit .eleven i:nth-child(3){transition-delay:.08s}
.motion .tl .step.lit .eleven i:nth-child(4){transition-delay:.12s}
.motion .tl .step.lit .eleven i:nth-child(5){transition-delay:.16s}
.motion .tl .step.lit .eleven i:nth-child(6){transition-delay:.2s}
.motion .tl .step.lit .eleven i:nth-child(7){transition-delay:.24s}
.motion .tl .step.lit .eleven i:nth-child(8){transition-delay:.28s}
.motion .tl .step.lit .eleven i:nth-child(9){transition-delay:.32s}
.motion .tl .step.lit .eleven i:nth-child(10){transition-delay:.36s}
.motion .tl .step.lit .eleven i:nth-child(11){transition-delay:.4s}
.crew{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-top:clamp(64px,10vh,110px);border-top:1px solid var(--line-d);border-top-color:var(--line-l)}
.crew>div{padding:34px clamp(0px,3vw,44px) 0 0}
.crew>div+div{padding-left:clamp(20px,3vw,44px);border-left:1px solid var(--line-d);border-left-color:var(--line-l)}
.crew h3{font-weight:860;font-stretch:86%;font-size:26px;color:var(--ink)}
.crew p{margin-top:12px;max-width:52ch;font-size:16.5px;color:var(--ink-2)}
.crew b{color:var(--gold-ink)}
@media (max-width:859px){
  .tl{grid-template-columns:minmax(0,1fr);gap:36px;padding-top:0;padding-left:46px}
  .tl-line{left:10px;right:auto;top:6px;bottom:6px;width:2px;height:auto}
  .tl-line i{transform-origin:50% 0;transform:scaleY(var(--tp,1))}
  .step::before{top:2px;left:-46px}
  .crew{grid-template-columns:minmax(0,1fr)}
  .crew>div+div{padding-left:0;border-left:0;border-top:1px solid var(--line-d);margin-top:34px;border-top-color:var(--line-l)}
}
/* =====================================================================
   7. THE TERRITORY
   ===================================================================== */
.excl{position:relative;padding:clamp(70px,10vh,120px) 0 clamp(100px,14vh,160px)}
.excl::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(40% 50% at 74% 50%,rgba(233,194,92,.15),transparent 70%)}
.excl-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,100px);align-items:center}
.excl h2{max-width:11ch}
.excl .lede{margin-top:18px;max-width:54ch;font-size:17.5px;color:var(--ink-2)}
.excl .lede b{color:var(--ink)}
.lock{display:grid;grid-template-columns:42px 1fr;gap:16px;align-items:start;max-width:48ch;margin-top:30px;font-family:var(--display);font-weight:760;font-size:18.5px;line-height:1.38;color:var(--ink)}
.lock svg{width:42px;height:42px;padding:10px;border-radius:12px;color:var(--navy);background:var(--lamp);box-shadow:0 10px 24px -10px rgba(168,116,10,.6)}
.board{perspective:1400px}
.tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(8px,1vw,12px);transform:rotateX(16deg) rotateZ(-5deg);transform-style:preserve-3d}
.tile{aspect-ratio:1.12;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border-radius:12px;font-family:var(--display);font-weight:800;font-size:clamp(10.5px,1vw,13px);line-height:1.1;letter-spacing:.01em;text-align:center}
.tile svg{width:18px;height:18px;transition:opacity .4s,transform .5s var(--spring)}
.tile.c{color:var(--mist);background:linear-gradient(160deg,#17325C,#0B1B33);box-shadow:inset 0 0 0 1px rgba(233,194,92,.13),0 12px 22px -14px rgba(11,27,51,.6)}
.tile.o{color:var(--gold-ink);background:#fff;box-shadow:inset 0 0 0 1.5px rgba(201,151,28,.65),0 10px 20px -14px rgba(11,27,51,.35)}
.tile.y{color:var(--navy);background:linear-gradient(160deg,#F4D680,var(--gold));box-shadow:0 0 0 1px var(--gold),0 0 36px -4px rgba(233,194,92,.85),0 18px 30px -12px rgba(11,27,51,.45);transform:translateZ(18px)}
.motion .tile{transition:background .45s,box-shadow .45s,color .35s}
.motion .tile:not(.set){color:transparent;background:rgba(11,27,51,.03);box-shadow:inset 0 0 0 1px rgba(11,27,51,.1);transform:none}
.motion .tile:not(.set) svg{opacity:0;transform:translateY(-10px) scale(.6)}
.motion .tile.set{animation:tileset .6s var(--spring) both}
.motion .tile.y.set{animation:tileyours .9s var(--spring) both}
.motion .tile.o.set{animation:breathe-l 3.2s 1s ease-in-out infinite}
.tiles-cap{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:30px;font-size:13.5px;color:var(--ink-2)}
.tiles-cap span{display:inline-flex;align-items:center;gap:8px}
.tiles-cap i{width:14px;height:14px;border-radius:4px}
.tiles-cap .k-c{background:#17325C;box-shadow:inset 0 0 0 1px rgba(233,194,92,.25)}
.tiles-cap .k-o{box-shadow:inset 0 0 0 1.5px var(--gold)}
.tiles-cap .k-y{background:var(--gold)}
@media (max-width:959px){
  .excl-grid{grid-template-columns:minmax(0,1fr)}
  .tiles{transform:none}
}
/* =====================================================================
   8. IN WRITING
   ===================================================================== */
.guarantee{position:relative;padding:clamp(30px,5vh,60px) 0 clamp(110px,15vh,170px)}
.cert{position:relative;max-width:1100px;margin:0 auto;padding:clamp(9px,1.1vw,14px);border-radius:10px;background:var(--doc);color:var(--ink);box-shadow:0 0 0 1px rgba(201,151,28,.55),0 60px 110px -60px rgba(11,27,51,.55)}
.cert-inner{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(24px,4vw,60px);align-items:center;padding:clamp(28px,5vw,70px);border:1.5px solid var(--gold);outline:1px solid rgba(201,151,28,.4);outline-offset:-9px;border-radius:5px;background-color:var(--doc);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='180' viewBox='0 0 360 180'%3E%3Cg fill='none' stroke='%23C9971C' stroke-opacity='.11' stroke-width='.6'%3E%3Cpath d='M0 90.0 L4 102.2 L8 114.2 L12 125.6 L16 136.1 L20 145.6 L24 153.8 L28 160.6 L32 165.7 L36 169.2 L40 171.0 L44 171.0 L48 169.4 L52 166.2 L56 161.5 L60 155.5 L64 148.4 L68 140.4 L72 131.7 L76 122.5 L80 113.1 L84 103.7 L88 94.5 L92 85.6 L96 77.4 L100 69.8 L104 63.1 L108 57.2 L112 52.4 L116 48.6 L120 45.8 L124 44.0 L128 43.2 L132 43.4 L136 44.4 L140 46.2 L144 48.7 L148 51.8 L152 55.5 L156 59.6 L160 64.2 L164 69.0 L168 74.0 L172 79.3 L176 84.6 L180 90.0 L184 95.4 L188 100.7 L192 106.0 L196 111.0 L200 115.8 L204 120.4 L208 124.5 L212 128.2 L216 131.3 L220 133.8 L224 135.6 L228 136.6 L232 136.8 L236 136.0 L240 134.2 L244 131.4 L248 127.6 L252 122.8 L256 116.9 L260 110.2 L264 102.6 L268 94.4 L272 85.5 L276 76.3 L280 66.9 L284 57.5 L288 48.3 L292 39.6 L296 31.6 L300 24.5 L304 18.5 L308 13.8 L312 10.6 L316 9.0 L320 9.0 L324 10.8 L328 14.3 L332 19.4 L336 26.2 L340 34.4 L344 43.9 L348 54.4 L352 65.8 L356 77.8 L360 90.0'/%3E%3Cpath d='M0 127.1 L4 137.0 L8 145.8 L12 153.2 L16 159.1 L20 163.4 L24 166.1 L28 167.1 L32 166.5 L36 164.4 L40 160.7 L44 155.8 L48 149.8 L52 142.8 L56 135.0 L60 126.7 L64 118.1 L68 109.4 L72 100.7 L76 92.3 L80 84.4 L84 76.9 L88 70.2 L92 64.3 L96 59.2 L100 54.9 L104 51.6 L108 49.2 L112 47.7 L116 47.0 L120 47.1 L124 48.0 L128 49.6 L132 51.8 L136 54.6 L140 57.9 L144 61.7 L148 65.9 L152 70.5 L156 75.3 L160 80.4 L164 85.7 L168 91.2 L172 96.7 L176 102.3 L180 107.9 L184 113.3 L188 118.5 L192 123.5 L196 128.0 L200 132.1 L204 135.5 L208 138.3 L212 140.2 L216 141.2 L220 141.2 L224 140.2 L228 138.0 L232 134.7 L236 130.2 L240 124.7 L244 118.0 L248 110.4 L252 101.9 L256 92.7 L260 83.0 L264 73.0 L268 62.9 L272 52.9 L276 43.3 L280 34.3 L284 26.2 L288 19.2 L292 13.5 L296 9.2 L300 6.5 L304 5.5 L308 6.3 L312 8.9 L316 13.2 L320 19.2 L324 26.7 L328 35.6 L332 45.6 L336 56.6 L340 68.3 L344 80.4 L348 92.6 L352 104.7 L356 116.2 L360 127.1'/%3E%3Cpath d='M0 151.5 L4 156.6 L8 160.1 L12 162.0 L16 162.3 L20 161.2 L24 158.6 L28 154.8 L32 149.8 L36 143.8 L40 137.0 L44 129.7 L48 121.9 L52 114.0 L56 106.0 L60 98.1 L64 90.5 L68 83.4 L72 76.8 L76 70.8 L80 65.5 L84 60.9 L88 57.1 L92 54.1 L96 51.9 L100 50.5 L104 49.7 L108 49.7 L112 50.4 L116 51.8 L120 53.7 L124 56.2 L128 59.3 L132 62.8 L136 66.8 L140 71.2 L144 76.1 L148 81.3 L152 86.8 L156 92.5 L160 98.4 L164 104.4 L168 110.4 L172 116.4 L176 122.1 L180 127.5 L184 132.5 L188 136.9 L192 140.7 L196 143.5 L200 145.5 L204 146.4 L208 146.1 L212 144.7 L216 142.0 L220 138.0 L224 132.7 L228 126.3 L232 118.7 L236 110.2 L240 100.8 L244 90.7 L248 80.2 L252 69.5 L256 58.9 L260 48.5 L264 38.6 L268 29.6 L272 21.5 L276 14.8 L280 9.4 L284 5.7 L288 3.7 L292 3.4 L296 5.0 L300 8.3 L304 13.4 L308 20.1 L312 28.3 L316 37.7 L320 48.1 L324 59.4 L328 71.2 L332 83.1 L336 95.1 L340 106.7 L344 117.8 L348 128.0 L352 137.1 L356 145.0 L360 151.5'/%3E%3Cpath d='M0 157.1 L4 156.9 L8 155.3 L12 152.5 L16 148.6 L20 143.7 L24 137.9 L28 131.5 L32 124.7 L36 117.5 L40 110.2 L44 103.0 L48 95.9 L52 89.0 L56 82.6 L60 76.6 L64 71.2 L68 66.4 L72 62.2 L76 58.7 L80 55.8 L84 53.7 L88 52.2 L92 51.3 L96 51.1 L100 51.6 L104 52.6 L108 54.3 L112 56.6 L116 59.5 L120 62.9 L124 66.9 L128 71.5 L132 76.5 L136 82.0 L140 87.8 L144 94.0 L148 100.5 L152 107.0 L156 113.7 L160 120.2 L164 126.5 L168 132.4 L172 137.8 L176 142.5 L180 146.4 L184 149.4 L188 151.2 L192 151.8 L196 151.1 L200 149.1 L204 145.7 L208 140.9 L212 134.8 L216 127.5 L220 119.0 L224 109.5 L228 99.3 L232 88.4 L236 77.3 L240 66.0 L244 54.9 L248 44.3 L252 34.4 L256 25.5 L260 17.7 L264 11.4 L268 6.6 L272 3.5 L276 2.2 L280 2.7 L284 5.1 L288 9.2 L292 15.0 L296 22.3 L300 30.9 L304 40.7 L308 51.3 L312 62.6 L316 74.2 L320 85.9 L324 97.3 L328 108.4 L332 118.7 L336 128.1 L340 136.3 L344 143.3 L348 149.0 L352 153.2 L356 155.9 L360 157.1'/%3E%3Cpath d='M0 146.4 L4 142.5 L8 137.8 L12 132.4 L16 126.5 L20 120.2 L24 113.7 L28 107.0 L32 100.5 L36 94.0 L40 87.8 L44 82.0 L48 76.5 L52 71.5 L56 66.9 L60 62.9 L64 59.5 L68 56.6 L72 54.3 L76 52.6 L80 51.6 L84 51.1 L88 51.3 L92 52.2 L96 53.7 L100 55.8 L104 58.7 L108 62.2 L112 66.4 L116 71.2 L120 76.6 L124 82.6 L128 89.0 L132 95.9 L136 103.0 L140 110.2 L144 117.5 L148 124.7 L152 131.5 L156 137.9 L160 143.7 L164 148.6 L168 152.5 L172 155.3 L176 156.9 L180 157.1 L184 155.9 L188 153.2 L192 149.0 L196 143.3 L200 136.3 L204 128.1 L208 118.7 L212 108.4 L216 97.3 L220 85.9 L224 74.2 L228 62.6 L232 51.3 L236 40.7 L240 30.9 L244 22.3 L248 15.0 L252 9.2 L256 5.1 L260 2.7 L264 2.2 L268 3.5 L272 6.6 L276 11.4 L280 17.7 L284 25.5 L288 34.4 L292 44.3 L296 54.9 L300 66.0 L304 77.3 L308 88.4 L312 99.3 L316 109.5 L320 119.0 L324 127.5 L328 134.8 L332 140.9 L336 145.7 L340 149.1 L344 151.1 L348 151.8 L352 151.2 L356 149.4 L360 146.4'/%3E%3Cpath d='M0 127.5 L4 122.1 L8 116.4 L12 110.4 L16 104.4 L20 98.4 L24 92.5 L28 86.8 L32 81.3 L36 76.1 L40 71.2 L44 66.8 L48 62.8 L52 59.3 L56 56.2 L60 53.7 L64 51.8 L68 50.4 L72 49.7 L76 49.7 L80 50.5 L84 51.9 L88 54.1 L92 57.1 L96 60.9 L100 65.5 L104 70.8 L108 76.8 L112 83.4 L116 90.5 L120 98.1 L124 106.0 L128 114.0 L132 121.9 L136 129.7 L140 137.0 L144 143.8 L148 149.8 L152 154.8 L156 158.6 L160 161.2 L164 162.3 L168 162.0 L172 160.1 L176 156.6 L180 151.5 L184 145.0 L188 137.1 L192 128.0 L196 117.8 L200 106.7 L204 95.1 L208 83.1 L212 71.2 L216 59.4 L220 48.1 L224 37.7 L228 28.3 L232 20.1 L236 13.4 L240 8.3 L244 5.0 L248 3.4 L252 3.7 L256 5.7 L260 9.4 L264 14.8 L268 21.5 L272 29.6 L276 38.6 L280 48.5 L284 58.9 L288 69.5 L292 80.2 L296 90.7 L300 100.8 L304 110.2 L308 118.7 L312 126.3 L316 132.7 L320 138.0 L324 142.0 L328 144.7 L332 146.1 L336 146.4 L340 145.5 L344 143.5 L348 140.7 L352 136.9 L356 132.5 L360 127.5'/%3E%3Cpath d='M0 107.9 L4 102.3 L8 96.7 L12 91.2 L16 85.7 L20 80.4 L24 75.3 L28 70.5 L32 65.9 L36 61.7 L40 57.9 L44 54.6 L48 51.8 L52 49.6 L56 48.0 L60 47.1 L64 47.0 L68 47.7 L72 49.2 L76 51.6 L80 54.9 L84 59.2 L88 64.3 L92 70.2 L96 76.9 L100 84.4 L104 92.3 L108 100.7 L112 109.4 L116 118.1 L120 126.7 L124 135.0 L128 142.8 L132 149.8 L136 155.8 L140 160.7 L144 164.4 L148 166.5 L152 167.1 L156 166.1 L160 163.4 L164 159.1 L168 153.2 L172 145.8 L176 137.0 L180 127.1 L184 116.2 L188 104.7 L192 92.6 L196 80.4 L200 68.3 L204 56.6 L208 45.6 L212 35.6 L216 26.7 L220 19.2 L224 13.2 L228 8.9 L232 6.3 L236 5.5 L240 6.5 L244 9.2 L248 13.5 L252 19.2 L256 26.2 L260 34.3 L264 43.3 L268 52.9 L272 62.9 L276 73.0 L280 83.0 L284 92.7 L288 101.9 L292 110.4 L296 118.0 L300 124.7 L304 130.2 L308 134.7 L312 138.0 L316 140.2 L320 141.2 L324 141.2 L328 140.2 L332 138.3 L336 135.5 L340 132.1 L344 128.0 L348 123.5 L352 118.5 L356 113.3 L360 107.9'/%3E%3Cpath d='M0 90.0 L4 84.6 L8 79.3 L12 74.0 L16 69.0 L20 64.2 L24 59.6 L28 55.5 L32 51.8 L36 48.7 L40 46.2 L44 44.4 L48 43.4 L52 43.2 L56 44.0 L60 45.8 L64 48.6 L68 52.4 L72 57.2 L76 63.1 L80 69.8 L84 77.4 L88 85.6 L92 94.5 L96 103.7 L100 113.1 L104 122.5 L108 131.7 L112 140.4 L116 148.4 L120 155.5 L124 161.5 L128 166.2 L132 169.4 L136 171.0 L140 171.0 L144 169.2 L148 165.7 L152 160.6 L156 153.8 L160 145.6 L164 136.1 L168 125.6 L172 114.2 L176 102.2 L180 90.0 L184 77.8 L188 65.8 L192 54.4 L196 43.9 L200 34.4 L204 26.2 L208 19.4 L212 14.3 L216 10.8 L220 9.0 L224 9.0 L228 10.6 L232 13.8 L236 18.5 L240 24.5 L244 31.6 L248 39.6 L252 48.3 L256 57.5 L260 66.9 L264 76.3 L268 85.5 L272 94.4 L276 102.6 L280 110.2 L284 116.9 L288 122.8 L292 127.6 L296 131.4 L300 134.2 L304 136.0 L308 136.8 L312 136.6 L316 135.6 L320 133.8 L324 131.3 L328 128.2 L332 124.5 L336 120.4 L340 115.8 L344 111.0 L348 106.0 L352 100.7 L356 95.4 L360 90.0'/%3E%3Cpath d='M0 72.1 L4 66.7 L8 61.5 L12 56.5 L16 52.0 L20 47.9 L24 44.5 L28 41.7 L32 39.8 L36 38.8 L40 38.8 L44 39.8 L48 42.0 L52 45.3 L56 49.8 L60 55.3 L64 62.0 L68 69.6 L72 78.1 L76 87.3 L80 97.0 L84 107.0 L88 117.1 L92 127.1 L96 136.7 L100 145.7 L104 153.8 L108 160.8 L112 166.5 L116 170.8 L120 173.5 L124 174.5 L128 173.7 L132 171.1 L136 166.8 L140 160.8 L144 153.3 L148 144.4 L152 134.4 L156 123.4 L160 111.7 L164 99.6 L168 87.4 L172 75.3 L176 63.8 L180 52.9 L184 43.0 L188 34.2 L192 26.8 L196 20.9 L200 16.6 L204 13.9 L208 12.9 L212 13.5 L216 15.6 L220 19.3 L224 24.2 L228 30.2 L232 37.2 L236 45.0 L240 53.3 L244 61.9 L248 70.6 L252 79.3 L256 87.7 L260 95.6 L264 103.1 L268 109.8 L272 115.7 L276 120.8 L280 125.1 L284 128.4 L288 130.8 L292 132.3 L296 133.0 L300 132.9 L304 132.0 L308 130.4 L312 128.2 L316 125.4 L320 122.1 L324 118.3 L328 114.1 L332 109.5 L336 104.7 L340 99.6 L344 94.3 L348 88.8 L352 83.3 L356 77.7 L360 72.1'/%3E%3Cpath d='M0 52.5 L4 47.5 L8 43.1 L12 39.3 L16 36.5 L20 34.5 L24 33.6 L28 33.9 L32 35.3 L36 38.0 L40 42.0 L44 47.3 L48 53.7 L52 61.3 L56 69.8 L60 79.2 L64 89.3 L68 99.8 L72 110.5 L76 121.1 L80 131.5 L84 141.4 L88 150.4 L92 158.5 L96 165.2 L100 170.6 L104 174.3 L108 176.3 L112 176.6 L116 175.0 L120 171.7 L124 166.6 L128 159.9 L132 151.7 L136 142.3 L140 131.9 L144 120.6 L148 108.8 L152 96.9 L156 84.9 L160 73.3 L164 62.2 L168 52.0 L172 42.9 L176 35.0 L180 28.5 L184 23.4 L188 19.9 L192 18.0 L196 17.7 L200 18.8 L204 21.4 L208 25.2 L212 30.2 L216 36.2 L220 43.0 L224 50.3 L228 58.1 L232 66.0 L236 74.0 L240 81.9 L244 89.5 L248 96.6 L252 103.2 L256 109.2 L260 114.5 L264 119.1 L268 122.9 L272 125.9 L276 128.1 L280 129.5 L284 130.3 L288 130.3 L292 129.6 L296 128.2 L300 126.3 L304 123.8 L308 120.7 L312 117.2 L316 113.2 L320 108.8 L324 103.9 L328 98.7 L332 93.2 L336 87.5 L340 81.6 L344 75.6 L348 69.6 L352 63.6 L356 57.9 L360 52.5'/%3E%3Cpath d='M0 33.6 L4 30.6 L8 28.8 L12 28.2 L16 28.9 L20 30.9 L24 34.3 L28 39.1 L32 45.2 L36 52.5 L40 61.0 L44 70.5 L48 80.7 L52 91.6 L56 102.7 L60 114.0 L64 125.1 L68 135.7 L72 145.6 L76 154.5 L80 162.3 L84 168.6 L88 173.4 L92 176.5 L96 177.8 L100 177.3 L104 174.9 L108 170.8 L112 165.0 L116 157.7 L120 149.1 L124 139.3 L128 128.7 L132 117.4 L136 105.8 L140 94.1 L144 82.7 L148 71.6 L152 61.3 L156 51.9 L160 43.7 L164 36.7 L168 31.0 L172 26.8 L176 24.1 L180 22.9 L184 23.1 L188 24.7 L192 27.5 L196 31.4 L200 36.3 L204 42.1 L208 48.5 L212 55.3 L216 62.5 L220 69.8 L224 77.0 L228 84.1 L232 91.0 L236 97.4 L240 103.4 L244 108.8 L248 113.6 L252 117.8 L256 121.3 L260 124.2 L264 126.3 L268 127.8 L272 128.7 L276 128.9 L280 128.4 L284 127.4 L288 125.7 L292 123.4 L296 120.5 L300 117.1 L304 113.1 L308 108.5 L312 103.5 L316 98.0 L320 92.2 L324 86.0 L328 79.5 L332 73.0 L336 66.3 L340 59.8 L344 53.5 L348 47.6 L352 42.2 L356 37.5 L360 33.6'/%3E%3Cpath d='M0 22.9 L4 24.1 L8 26.8 L12 31.0 L16 36.7 L20 43.7 L24 51.9 L28 61.3 L32 71.6 L36 82.7 L40 94.1 L44 105.8 L48 117.4 L52 128.7 L56 139.3 L60 149.1 L64 157.7 L68 165.0 L72 170.8 L76 174.9 L80 177.3 L84 177.8 L88 176.5 L92 173.4 L96 168.6 L100 162.3 L104 154.5 L108 145.6 L112 135.7 L116 125.1 L120 114.0 L124 102.7 L128 91.6 L132 80.7 L136 70.5 L140 61.0 L144 52.5 L148 45.2 L152 39.1 L156 34.3 L160 30.9 L164 28.9 L168 28.2 L172 28.8 L176 30.6 L180 33.6 L184 37.5 L188 42.2 L192 47.6 L196 53.5 L200 59.8 L204 66.3 L208 73.0 L212 79.5 L216 86.0 L220 92.2 L224 98.0 L228 103.5 L232 108.5 L236 113.1 L240 117.1 L244 120.5 L248 123.4 L252 125.7 L256 127.4 L260 128.4 L264 128.9 L268 128.7 L272 127.8 L276 126.3 L280 124.2 L284 121.3 L288 117.8 L292 113.6 L296 108.8 L300 103.4 L304 97.4 L308 91.0 L312 84.1 L316 77.0 L320 69.8 L324 62.5 L328 55.3 L332 48.5 L336 42.1 L340 36.3 L344 31.4 L348 27.5 L352 24.7 L356 23.1 L360 22.9'/%3E%3Cpath d='M0 28.5 L4 35.0 L8 42.9 L12 52.0 L16 62.2 L20 73.3 L24 84.9 L28 96.9 L32 108.8 L36 120.6 L40 131.9 L44 142.3 L48 151.7 L52 159.9 L56 166.6 L60 171.7 L64 175.0 L68 176.6 L72 176.3 L76 174.3 L80 170.6 L84 165.2 L88 158.5 L92 150.4 L96 141.4 L100 131.5 L104 121.1 L108 110.5 L112 99.8 L116 89.3 L120 79.2 L124 69.8 L128 61.3 L132 53.7 L136 47.3 L140 42.0 L144 38.0 L148 35.3 L152 33.9 L156 33.6 L160 34.5 L164 36.5 L168 39.3 L172 43.1 L176 47.5 L180 52.5 L184 57.9 L188 63.6 L192 69.6 L196 75.6 L200 81.6 L204 87.5 L208 93.2 L212 98.7 L216 103.9 L220 108.8 L224 113.2 L228 117.2 L232 120.7 L236 123.8 L240 126.3 L244 128.2 L248 129.6 L252 130.3 L256 130.3 L260 129.5 L264 128.1 L268 125.9 L272 122.9 L276 119.1 L280 114.5 L284 109.2 L288 103.2 L292 96.6 L296 89.5 L300 81.9 L304 74.0 L308 66.0 L312 58.1 L316 50.3 L320 43.0 L324 36.2 L328 30.2 L332 25.2 L336 21.4 L340 18.8 L344 17.7 L348 18.0 L352 19.9 L356 23.4 L360 28.5'/%3E%3Cpath d='M0 52.9 L4 63.8 L8 75.3 L12 87.4 L16 99.6 L20 111.7 L24 123.4 L28 134.4 L32 144.4 L36 153.3 L40 160.8 L44 166.8 L48 171.1 L52 173.7 L56 174.5 L60 173.5 L64 170.8 L68 166.5 L72 160.8 L76 153.8 L80 145.7 L84 136.7 L88 127.1 L92 117.1 L96 107.0 L100 97.0 L104 87.3 L108 78.1 L112 69.6 L116 62.0 L120 55.3 L124 49.8 L128 45.3 L132 42.0 L136 39.8 L140 38.8 L144 38.8 L148 39.8 L152 41.7 L156 44.5 L160 47.9 L164 52.0 L168 56.5 L172 61.5 L176 66.7 L180 72.1 L184 77.7 L188 83.3 L192 88.8 L196 94.3 L200 99.6 L204 104.7 L208 109.5 L212 114.1 L216 118.3 L220 122.1 L224 125.4 L228 128.2 L232 130.4 L236 132.0 L240 132.9 L244 133.0 L248 132.3 L252 130.8 L256 128.4 L260 125.1 L264 120.8 L268 115.7 L272 109.8 L276 103.1 L280 95.6 L284 87.7 L288 79.3 L292 70.6 L296 61.9 L300 53.3 L304 45.0 L308 37.2 L312 30.2 L316 24.2 L320 19.3 L324 15.6 L328 13.5 L332 12.9 L336 13.9 L340 16.6 L344 20.9 L348 26.8 L352 34.2 L356 43.0 L360 52.9'/%3E%3C/g%3E%3C/svg%3E");background-size:360px 180px}
.cert .kicker{color:var(--gold-ink);margin-bottom:16px}
.cert h2{max-width:14ch;font-weight:900;font-stretch:76%;font-size:clamp(38px,4.8vw,70px);line-height:.94;color:var(--ink)}
.cert .writing{margin-top:14px;font-family:var(--display);font-weight:820;font-size:19px;color:var(--gold-ink)}
.cert .terms-body{margin-top:18px;max-width:64ch;font-size:16.5px;line-height:1.62;color:var(--ink-2)}
.cert .terms{margin-top:22px;padding-top:16px;border-top:1px solid rgba(11,27,51,.15);font-family:var(--display);font-weight:760;font-size:15.5px;color:var(--ink)}
.seal{width:clamp(210px,23vw,316px);height:auto;transform:rotate(-7deg);filter:drop-shadow(0 16px 22px rgba(11,27,51,.32))}
.seal .ring-t{font-family:var(--display);font-weight:850;font-stretch:84%;font-size:13.5px;letter-spacing:2.6px;text-transform:uppercase;fill:#E9C25C}
.seal .rib-t{font-family:var(--display);font-weight:900;font-stretch:78%;font-size:20px;letter-spacing:1.6px;text-transform:uppercase;fill:#0B1B33}
.seal .iw-t{font-family:var(--display);font-weight:800;font-stretch:90%;font-size:11.5px;letter-spacing:3.4px;text-transform:uppercase;fill:#0B1B33}
.seal .ribbon{transform-box:fill-box;transform-origin:50% 50%}
.motion .cert:not(.stamped) .seal{opacity:0;transform:scale(1.9) rotate(-35deg)}
.motion .cert.stamped .seal{animation:stamp .8s cubic-bezier(.2,.9,.3,1.15) both}
.motion .cert:not(.stamped) .seal .ribbon{opacity:0;transform:scaleX(.15)}
.motion .cert.stamped .seal .ribbon{animation:unfurl .7s .55s var(--spring) both}
.motion .cert.stamped .seal .glint{animation:sealglint 1.5s 1.2s ease-out both}
.motion .cert.stamped{animation:thud .45s .6s ease-out both}
@media (max-width:760px){
  .cert-inner{grid-template-columns:minmax(0,1fr)}
  .seal{justify-self:start;order:-1}
}
/* =====================================================================
   9. QUESTIONS
   ===================================================================== */
.faq-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,6vw,100px);align-items:start}
.faq h2{position:sticky;top:calc(var(--safe-t) + var(--nav-h) + 40px);max-width:9ch}
.items{border-top:1.5px solid var(--sheet-ink)}
.faq details{border-bottom:1px solid var(--sheet-line)}
.faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 0;cursor:pointer}
.faq summary::-webkit-details-marker{display:none}
.faq summary .q{font-family:var(--voice);font-style:italic;font-weight:500;font-size:clamp(20px,1.85vw,26px);line-height:1.25;color:var(--sheet-ink);transition:color .2s}
.faq summary:hover .q{color:var(--sheet-accent)}
.pm{position:relative;flex:none;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--sheet-line);border-radius:50%;transition:transform .3s var(--ease),background .3s,border-color .3s}
.pm i{position:absolute;background:var(--gold);border-radius:1px}
.pm i:first-child{width:14px;height:2px}
.pm i:last-child{width:2px;height:14px}
.faq details[open] .pm{transform:rotate(45deg);background:var(--gold);border-color:var(--gold)}
.faq details[open] .pm i{background:var(--doc)}
.faq .body{padding:0 52px 26px 0}
.faq .body p{font-size:16.5px;line-height:1.66;color:var(--sheet-ink-2)}
.faq .body b{color:var(--sheet-ink)}
.faq details::details-content{block-size:0;overflow-y:clip;transition:block-size .45s var(--ease),content-visibility .45s allow-discrete}
.faq details[open]::details-content{block-size:auto}
.faq details:target>summary .q,.faq details.lit>summary .q{color:var(--sheet-accent)}
@media (max-width:959px){
  .faq-grid{grid-template-columns:minmax(0,1fr)}
  .faq h2{position:static;max-width:none}
  .faq .body{padding-right:0}
}
/* =====================================================================
   10. YOURS OR THEIRS
   ===================================================================== */
.closer{position:relative;padding:clamp(130px,20vh,220px) 0 clamp(110px,16vh,180px);text-align:center}
.closer::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(60% 55% at 50% 50%,rgba(255,255,255,.9),rgba(255,255,255,.45) 70%,rgba(255,255,255,0) 100%)}
.closer h2{max-width:14ch;margin:0 auto;font-weight:900;font-stretch:70%;text-transform:uppercase;font-size:clamp(46px,7.6vw,128px);line-height:.86}
.closer .sub{max-width:46ch;margin:26px auto 0;font-size:19px;color:var(--ink-2)}
.closer .zipbox{margin:40px auto 0;text-align:left}
/* ---------- footer ---------- */
footer{position:relative;z-index:1;padding:46px 0 54px;background:var(--page-2);border-top:1px solid var(--line-d);border-top-color:var(--line-l)}
footer .wrap{display:grid;grid-template-columns:auto 1fr;gap:18px 32px;align-items:center}
footer .links{justify-self:end;display:flex;flex-wrap:wrap;align-items:center;gap:22px}
footer .links a{font-size:14px;color:var(--ink-2);text-decoration:none}
footer .links a:hover{color:var(--ink)}
footer .copy,footer .attrib{grid-column:1 / -1;font-size:13px;color:var(--ink-3)}
footer .attrib a{color:var(--ink-2)}
@media (max-width:640px){
  footer .wrap{grid-template-columns:minmax(0,1fr)}
  footer .links{justify-self:start}
}
/* =====================================================================
   THE ZIP CHECK (original flow, restyled)
   ===================================================================== */
body.modal-open{overflow:hidden}
dialog.lc{width:100%;max-width:min(560px,calc(100vw - 24px));margin:auto;padding:0;border:0;background:transparent;color:var(--ink)}
dialog.lc::backdrop{background:rgba(11,27,51,.45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.mbox{overflow:auto;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);border-radius:20px;background:var(--doc);box-shadow:0 0 0 1px rgba(233,194,92,.45),0 50px 120px -30px rgba(0,0,0,.85)}
.mhead{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px 12px 22px;background:var(--navy);color:var(--cream);border-bottom:2px solid var(--gold)}
.mhead .stepper{font-family:var(--display);font-weight:760;font-size:13.5px;color:var(--lamp)}
.mhead .x{display:grid;place-items:center;min-width:44px;min-height:44px;padding:6px;border:0;border-radius:10px;background:transparent;color:#fff;cursor:pointer}
.mhead .x:hover{background:rgba(255,255,255,.1)}
.mhead .x .pm{width:24px;height:24px;border:0}
.mhead .x .pm.open{transform:rotate(45deg)}
.mhead .x .pm i{background:#fff}
.mbody{padding:26px 24px 28px}
.mbody h3{margin-bottom:8px;font-family:var(--display);font-weight:860;font-stretch:88%;font-size:26px;line-height:1.1;color:var(--ink)}
.mbody p{font-size:15.5px;line-height:1.55;color:var(--ink-2)}
.mbody .zipform{margin-top:16px}
.mbody .zipform input{text-align:center;font-size:24px;letter-spacing:.22em}
.mbody .err{display:none;margin-top:10px;color:var(--no);font-weight:700;font-size:14px}
.mbody .is-invalid .err{display:block}
.mbody .is-invalid input{border-color:var(--no)}
.pane{display:none}
.pane.on{display:block;animation:rise .28s var(--ease) both}
.status{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;padding:7px 13px;border-radius:999px;font-family:var(--display);font-weight:800;font-size:13px}
.status.ok{background:var(--ok-bg);color:var(--ok)}
.status.taken{background:var(--no-bg);color:var(--no)}
.status.warn{background:#FBF0D5;color:var(--gold-ink)}
.status i{display:inline-block;width:9px;height:9px;border-radius:50%;background:currentColor}
.fields{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-top:18px}
.fields label,.field label{display:block;margin-bottom:6px;font-family:var(--display);font-weight:760;font-size:13.5px;color:var(--ink)}
.fields input,.field input{width:100%;padding:12px 14px;font-size:16px;color:var(--ink);background:#fff;border:1.5px solid rgba(11,27,51,.22);border-radius:10px}
.fields input:focus,.field input:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 3px rgba(201,151,28,.28)}
.fields .span2{grid-column:1 / -1}
.field{margin-top:14px}
.mbody .btn-block{margin-top:18px}
.mbody .small{margin-top:12px;font-size:13.5px;color:var(--ink-3)}
.mbox .btn-outline{color:var(--ink);border-color:var(--ink)}
.mbox .btn-outline:hover{color:var(--paper);background:var(--ink)}
.linkbtn{display:inline-flex;align-items:center;min-height:44px;padding:0;border:0;background:none;font-weight:700;font-size:14.5px;color:var(--ink);text-decoration:underline;cursor:pointer}
.spin{width:56px;height:56px;margin:6px 0 18px;border-radius:50%;border:5px solid var(--paper-2);border-top-color:var(--gold);animation:spin .9s linear infinite}
.spinner{width:26px;height:26px;margin-bottom:12px;border-radius:50%;border:3px solid var(--line-p);border-top-color:var(--gold);animation:spin .9s linear infinite}
.runlist{list-style:none;display:grid;gap:8px;margin:16px 0 0}
.runlist li{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:center;font-size:14px;font-style:italic;color:var(--ink-3);opacity:.45;transition:opacity .3s}
.runlist li i{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;border:2px solid var(--line-p);font-size:11px;font-style:normal;color:#fff}
.runlist li.done{opacity:1;color:var(--ink)}
.runlist li.done i{background:var(--navy);border-color:var(--navy)}
.runlist li.done i::after{content:"\2713"}
.runlist li.warn{opacity:1;color:var(--ink)}
.runlist li.warn i{background:var(--gold);border-color:var(--gold)}
.runlist li.warn i::after{content:"!"}
.runlist li.fail{opacity:1;color:var(--ink)}
.runlist li.fail i{background:var(--no);border-color:var(--no)}
.runlist li.fail i::after{content:"\2715"}
.runlist li.now{opacity:1;color:var(--navy)}
.runlist li.now i{border-color:var(--gold);animation:runpulse 1s infinite}
.runlist li.nc{color:var(--ink-3)}
.runlist li.nc i{border-color:var(--line-p);background:#fff}
.runlist li.nc i::after{content:"\2013";color:var(--ink-3);font-weight:700}
.runactions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:18px}
.runactions .small{margin:0}
.runactions .linkbtn{font-size:inherit}
.done-icon{width:64px;height:64px;margin-bottom:16px;border-radius:50%;display:grid;place-items:center;font-size:30px;font-weight:700;color:var(--ok);background:var(--ok-bg)}
.actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px}
.nearby{margin:16px 0 4px}
.nearby>p{margin:0 0 8px;font-size:14px;color:var(--ink-3)}
.zipchips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.zipchip{min-height:44px;padding:10px 16px;border-radius:999px;cursor:pointer;line-height:1.2;font-family:var(--display);font-weight:720;font-size:13px;color:var(--navy);background:#fff;border:1.5px solid rgba(168,116,10,.42)}
.zipchip small{margin-left:6px;font-weight:400;color:var(--ink-3)}
.zipchip:hover{border-color:var(--gold);background:var(--paper)}
.evchips{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:12px 0 4px;padding:0}
.evchips li{padding:5px 11px;border-radius:999px;font-size:12.5px;line-height:1.25;color:var(--navy);background:var(--paper);border:1px solid rgba(168,116,10,.42)}
.evchips li b{font-weight:700}
#d-actions .btn{width:100%}
.pane[data-pane="detected"] .status{margin-bottom:10px}
.meanwhile{margin-top:12px;color:var(--navy)}
.meanwhile b{font-family:var(--display);font-weight:720}
.err-line{color:var(--no);font-weight:700}
.nameask{margin-top:14px;padding:12px 14px;border-radius:10px;background:var(--paper);border:1px solid rgba(168,116,10,.42)}
.nameask label{display:block;margin-bottom:6px;font-family:var(--display);font-weight:720;font-size:13px;color:var(--navy)}
.nameask label .opt{margin-left:6px;font-weight:400;font-size:12px;color:var(--ink-3)}
.nameask .in-btn{display:flex;gap:8px}
.nameask input{flex:1;min-width:0;padding:10px 12px;font-size:15px;border:1px solid var(--line-p);border-radius:8px;background:#fff}
.nameask .note{margin-top:8px}
/* =====================================================================
   keyframes + reduced motion
   ===================================================================== */
@keyframes blink{50%{opacity:0}}
@keyframes dot{0%,80%,100%{transform:translateY(0);opacity:.45}40%{transform:translateY(-4px);opacity:1}}
@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes runpulse{0%,100%{box-shadow:0 0 0 0 rgba(201,151,28,.45)}50%{box-shadow:0 0 0 5px rgba(201,151,28,0)}}
@keyframes sweep{from{background-position:100% 0}to{background-position:0 0}}
@keyframes ping{0%{transform:scale(1);opacity:.9}100%{transform:scale(3.4);opacity:0}}
@keyframes halo{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.9);opacity:0}}
@keyframes flow{to{stroke-dashoffset:0}}
@keyframes climbdot{0%{background:transparent;box-shadow:none}35%{background:linear-gradient(90deg,var(--gold) 50%,transparent 50%)}70%,100%{background:var(--gold);box-shadow:0 0 10px rgba(233,194,92,.7)}}
@keyframes shimmer{from{background-position:200% 0}to{background-position:-200% 0}}
@keyframes pop{0%{transform:scale(.5);opacity:0}100%{transform:none;opacity:1}}
@keyframes flash{from{opacity:1}to{opacity:0}}
@keyframes ringspin{to{transform:rotate(360deg)}}
@keyframes ringfill{from{stroke-dashoffset:339.3}to{stroke-dashoffset:var(--off,273.98)}}
@keyframes glint{0%{left:-40%;opacity:0}20%{opacity:1}100%{left:120%;opacity:0}}
@keyframes tileset{0%{transform:rotateX(90deg) scale(.9)}100%{transform:none}}
@keyframes tileyours{0%{transform:translateZ(0) scale(.6);filter:brightness(2)}60%{transform:translateZ(30px) scale(1.08)}100%{transform:translateZ(18px) scale(1);filter:none}}
@keyframes breathe{0%,100%{box-shadow:inset 0 0 0 1.5px rgba(233,194,92,.55)}50%{box-shadow:inset 0 0 0 1.5px rgba(233,194,92,.95),0 0 22px -6px rgba(233,194,92,.7)}}
@keyframes stamp{0%{opacity:0;transform:scale(1.9) rotate(-35deg)}70%{opacity:1;transform:scale(.95) rotate(-4deg)}100%{opacity:1;transform:rotate(-7deg)}}
@keyframes unfurl{from{opacity:0;transform:scaleX(.15)}to{opacity:1;transform:none}}
@keyframes sealglint{from{transform:translateX(0)}to{transform:translateX(440px)}}
@keyframes thud{0%{transform:none}30%{transform:translateY(3px) scale(.997)}100%{transform:none}}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001s!important;animation-iteration-count:1!important;transition-duration:.001s!important}
}
html,body{background:var(--page)}
@keyframes breathe-l{0%,100%{box-shadow:inset 0 0 0 1.5px rgba(201,151,28,.6)}50%{box-shadow:inset 0 0 0 1.5px rgba(201,151,28,1),0 0 22px -6px rgba(233,194,92,.8)}}
/* the ZIP dialog as a bottom sheet on phones, lifted above the on-screen keyboard */
@media (max-width:639px){
  dialog.lc{width:100%;max-width:100%;max-height:100%;margin:auto 0 var(--kb,0px)}
  dialog.lc[open]{animation:sheet .34s var(--ease) both}
  .mbox{max-height:calc(var(--vvh,100dvh) - 10px);border-radius:22px 22px 0 0;padding-bottom:var(--safe-b)}
  .mbody{padding:22px 20px 26px}
}
@keyframes sheet{from{opacity:0;transform:translateY(48px)}to{opacity:1;transform:none}}
/* the phone action bar steps aside while a ZIP form is on screen or someone is typing */
.mobilebar{transition:transform .35s var(--ease),opacity .35s var(--ease)}
.mobilebar.away{transform:translateY(115%);opacity:0;pointer-events:none}
/* if the display font cannot load, the headline is fitted to its column instead of wrapping */
.nofont .hero h1 .ln{white-space:nowrap}
/* phones: the sample report reads a little tighter */
@media (max-width:640px){
  .qrow{padding:9px 0;row-gap:6px}
  .comps li{padding:5px 0}
}