/* Growth Partner OS — sales page (the overhaul, 13 Oct 2026, approved design: reference/index.html + HANDOFF.md).
   The reference's CSS below is kept as designed; changes are marked: 44px tap targets, the live sticky bar, the real
   demo video, live prices (from /api/stats) and the Cold Pitch Kit tab. */
@font-face{font-family:"Archivo";src:url("/assets/fonts/archivo-1d8fd584.woff2") format("woff2");font-weight:600 800;font-stretch:100% 125%;font-display:swap}
@font-face{font-family:"Geist";src:url("/assets/fonts/geist-f833aa5c.woff2") format("woff2");font-weight:400 600;font-display:swap}
@font-face{font-family:"Geist Mono";src:url("/assets/fonts/geist-mono-08efc93a.woff2") format("woff2");font-weight:400 500;font-display:swap}
/* Layout: the operations floor. Five agents are the visual anchor; one gold pipeline thread (Find → Close) recurs as hero strip, roster and pipeline UI. Single dark look, matching the live brand. */
:root{
  color-scheme:dark;
  --bg:#0E0C0A; --raise:#14110D; --surface:#1A1610; --surface-2:#221D15;
  --line:#2D261C; --line-2:#4A3D28;
  --fg:#F4EDE1; --muted:#ABA190; --dim:#918577; /* 13 Oct 2026: the reference's #7A7064 was 3.9–4.0:1 on the dark surfaces (Lighthouse/axe); this passes 4.5:1 on all four */
  --gold:#E8B65C; --gold-hi:#F7D592; --gold-deep:#AF7C37; --on-gold:#1B1306;
  --gold-a:rgba(232,182,92,.14); --gold-b:rgba(232,182,92,.32);
  --red:#EA6A4F; --red-a:rgba(234,106,79,.15);
  /* 13 Oct 2026, LCP: short fallback stacks. The fonts are self-hosted and preloaded, so a fallback only shows for a
     moment; but every name a device doesn't have (system-ui, ui-monospace, "Segoe UI", Menlo…) is looked up during the
     first layout, which doubled its cost on Linux, where Lighthouse runs. */
  --f-display:"Archivo",Arial,sans-serif;
  --f-body:"Geist",Arial,sans-serif;
  --f-mono:"Geist Mono",monospace;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--fg);font-family:var(--f-body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit}
button{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:6px}
.wrap{width:100%;max-width:1140px;margin-inline:auto;padding-inline:clamp(16px,4.5vw,40px)}
h1,h2,h3{font-family:var(--f-display);font-stretch:112%;font-weight:800;letter-spacing:-.015em;line-height:1.04;text-wrap:balance;margin:0}
h1{font-size:clamp(2.15rem,7.2vw,4.3rem)}
h2{font-size:clamp(1.75rem,5.2vw,3rem)}
h3{font-size:1.1rem;font-stretch:108%;font-weight:700;letter-spacing:0;line-height:1.2}
p{margin:0}
.eyebrow{font-family:var(--f-mono);font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);display:inline-flex;align-items:center;gap:10px}
.eyebrow::before{content:"";width:18px;height:1px;background:currentColor}
.lede{color:var(--muted);font-size:clamp(1rem,2.6vw,1.15rem);max-width:58ch}
.gold{color:var(--gold)}
.sec{padding-block:clamp(64px,11vw,124px);position:relative}
.sec-head{display:grid;gap:14px;margin-bottom:clamp(28px,5vw,48px);max-width:760px}
.center{text-align:center;margin-inline:auto;justify-items:center}

/* buttons */
.btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 26px;border-radius:999px;border:0;cursor:pointer;text-decoration:none;font-weight:600;font-size:1rem;color:var(--on-gold);background:linear-gradient(180deg,var(--gold-hi) 0%,var(--gold) 52%,var(--gold-deep) 100%);box-shadow:inset 0 0 0 1px rgba(247,213,146,.5),0 14px 34px -14px rgba(232,182,92,.7)}
.btn::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);transform:translateX(-120%);animation:shine 4.5s ease-in-out infinite 1.2s}
.btn svg{width:18px;height:18px}
.btn-sm{min-height:44px;padding:0 16px;font-size:.88rem}
.btn-sm::after{display:none}
.cta-row{display:grid;gap:12px;justify-items:start}
.trust{font-size:.84rem;color:var(--muted);display:flex;flex-wrap:wrap;gap:6px 14px}
.trust span{display:inline-flex;align-items:center;gap:6px}
.trust span::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--gold)}
@keyframes shine{0%,60%{transform:translateX(-120%)}85%,100%{transform:translateX(120%)}}

/* nav */
.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;background:rgba(14,12,10,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:62px}
.brand{display:inline-flex;align-items:center;min-height:44px;gap:10px;text-decoration:none;font-family:var(--f-display);font-stretch:110%;font-weight:700;font-size:.98rem;white-space:nowrap}
/* 13 Oct 2026: the original logo (gold bolt in a rounded square), exactly as in a530c81: same markup, same
   rules, the old palette's gold and gold line written out (this page's --gold is a different gold). The 1px margin keeps
   the 26px slot the radar mark had, so the name and the rest of the nav don't move. */
.g-mark{width:24px;height:24px;border-radius:7px;background:#1F1A13 linear-gradient(180deg,#2A241B,#1A1611);border:1px solid rgba(212,168,79,.42);display:inline-block;position:relative;flex:none}
.g-mark::after{content:"";position:absolute;inset:5px 6px;background:#D4A84F;clip-path:polygon(60% 0,0 58%,44% 58%,38% 100%,100% 40%,56% 40%)}
.brand .g-mark{margin:1px}
.nav-links{display:none;gap:26px;font-size:.92rem;color:var(--muted)}
.nav-links a{text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
.nav-links a:hover{color:var(--fg)}
@media(min-width:820px){.nav-links{display:flex}}

/* hero */
.hero{padding-block:clamp(36px,7vw,84px) clamp(48px,8vw,96px);overflow:hidden;position:relative}
.hero::before{content:"";position:absolute;inset:-20% -10% auto;height:620px;background:radial-gradient(closest-side,rgba(232,182,92,.16),transparent 70%);pointer-events:none}
.hero-grid{position:relative;display:grid;gap:28px;grid-template-areas:"copy" "demo" "team" "cta"}
.hero-copy{grid-area:copy;display:grid;gap:18px}
.hero-demo{grid-area:demo;min-width:0}
.hero-team{grid-area:team;min-width:0}
.hero-cta{grid-area:cta}
@media(min-width:960px){
  .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);grid-template-areas:"copy demo" "cta demo" "team team";column-gap:56px;row-gap:28px;align-items:start}
  .hero-cta{align-self:start}
}
.hl{color:var(--gold-hi);background:linear-gradient(var(--gold-b),var(--gold-b)) no-repeat 0 90%/100% .2em;-webkit-box-decoration-break:clone;box-decoration-break:clone;animation:sweep 1.1s cubic-bezier(.2,.8,.2,1) .4s both}
@keyframes sweep{from{background-size:0 .2em}}
@media(min-width:960px){.hero h1{font-size:clamp(2.6rem,4.3vw,3.7rem)}}

/* demo frame */
.demo{position:relative;aspect-ratio:16/10;max-width:100%;border-radius:16px;overflow:hidden;background:var(--raise);border:1px solid var(--line-2);box-shadow:0 30px 80px -30px rgba(0,0,0,.9),0 0 0 6px rgba(232,182,92,.05)}
.demo-ui{position:absolute;inset:0;display:grid;grid-template-columns:24% 1fr;filter:blur(1.2px);opacity:.75}
.demo-side{border-right:1px solid var(--line);padding:14% 10%;display:grid;align-content:start;gap:10px}
.demo-side i{height:7px;border-radius:4px;background:var(--line-2)}
.demo-side i:first-child{background:var(--gold-deep);width:70%}
.demo-main{padding:7% 6%;display:grid;align-content:start;gap:9px}
.demo-row{display:flex;align-items:center;gap:10px;height:28px;border-radius:7px;background:var(--surface);padding:0 10px}
.demo-row b{height:8px;width:38%;border-radius:4px;background:#000}
.demo-row s{height:12px;width:22%;border-radius:20px;background:var(--gold-a);border:1px solid var(--gold-b);margin-left:auto}
.demo-row:nth-child(3) s,.demo-row:nth-child(5) s{background:var(--red-a);border-color:rgba(234,106,79,.4)}
.demo::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(14,12,10,.2),rgba(14,12,10,.78))}
.play{position:absolute;inset:0;z-index:2;display:grid;place-items:center;align-content:center;gap:14px;text-align:center;border:0;background:none;cursor:pointer;padding:16px}
.play-btn{position:relative;width:74px;height:74px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,var(--gold-hi),var(--gold));color:var(--on-gold);box-shadow:0 0 0 10px rgba(232,182,92,.12)}
.play-btn::before{content:"";position:absolute;inset:-10px;border-radius:50%;border:1px solid var(--gold);animation:ring 2.4s ease-out infinite}
.play-btn svg{width:26px;height:26px;margin-left:4px}
.play-label{font-weight:600;font-size:1rem}
.play-label small{display:block;font-family:var(--f-mono);font-weight:400;font-size:.72rem;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-top:4px}
.demo-tc{position:absolute;right:12px;bottom:12px;z-index:2;font-family:var(--f-mono);font-size:.72rem;padding:4px 8px;border-radius:6px;background:rgba(0,0,0,.6);color:var(--fg)}
.demo-cap{font-size:.8rem;color:var(--dim);margin-top:10px}
@keyframes ring{from{transform:scale(.85);opacity:.9}to{transform:scale(1.5);opacity:0}}


/* avatar crop of a 4:5 portrait */
.av{position:relative;flex:none;border-radius:50%;overflow:hidden;background:#090706;box-shadow:0 0 0 1.5px var(--line-2)}
.av img{position:absolute;max-width:none;width:170%;height:auto;left:var(--x,-33%);top:var(--y,-7%)}
.a-scout{--x:-31.6%;--y:-7.4%}.a-auditor{--x:-35%;--y:-11%}.a-builder{--x:-36.5%;--y:0%}.a-writer{--x:-33%;--y:-7.4%}.a-closer{--x:-36.5%;--y:0%}

.stamp{position:absolute;right:6px;bottom:-4px;z-index:2;transform:rotate(-6deg);font-family:var(--f-mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--red);border:1.5px solid var(--red);border-radius:6px;padding:4px 8px;background:var(--bg)}
.foot-note{margin-top:20px;font-size:.88rem;color:var(--dim);max-width:70ch}



.handoff{margin-top:26px;display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;padding:18px;border-radius:18px;border:1px dashed var(--line-2);background:var(--raise)}
.handoff .av{width:54px;height:54px;display:grid;place-items:center;background:var(--surface-2);color:var(--gold)}
.handoff .av svg{width:24px;height:24px}
.handoff b{display:block;font-family:var(--f-display);font-stretch:110%;font-size:1.1rem}
.handoff p{font-size:.9rem;color:var(--muted)}


/* pricing */
.price-wrap{display:grid;gap:18px}
@media(min-width:900px){.price-wrap{grid-template-columns:1.05fr .95fr;gap:24px;align-items:start}}
.price-card{position:relative;border-radius:22px;padding:26px 22px;border:1px solid var(--gold-b);background:linear-gradient(170deg,rgba(232,182,92,.14),var(--raise) 45%);display:grid;gap:20px;overflow:hidden}
.price-card::before{content:"";position:absolute;width:280px;height:280px;right:-90px;top:-110px;border-radius:50%;background:radial-gradient(closest-side,rgba(232,182,92,.28),transparent);pointer-events:none}
.price{display:flex;flex-wrap:wrap;align-items:flex-end;gap:6px 14px;position:relative}
.price .was{font-family:var(--f-display);font-stretch:110%;font-size:1.4rem;color:var(--dim);text-decoration:line-through;text-decoration-color:var(--red);text-decoration-thickness:2px;margin-bottom:10px}
.price .now{font-family:var(--f-display);font-stretch:118%;font-weight:800;font-size:clamp(3.4rem,13vw,4.6rem);line-height:.9;color:var(--gold-hi);font-variant-numeric:tabular-nums}
.price .once{font-size:.95rem;color:var(--muted);margin-bottom:8px}
.disc{position:relative;justify-self:start;font-family:var(--f-mono);font-size:.72rem;padding:5px 10px;border-radius:6px;background:var(--gold);color:var(--on-gold);font-weight:500}
.incl{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.incl li{display:grid;grid-template-columns:22px 1fr;gap:10px;font-size:.95rem}
.incl svg{width:18px;height:18px;color:var(--gold);margin-top:3px}
.soon{border-radius:16px;border:1px dashed var(--line-2);padding:14px;display:grid;gap:12px;position:relative}
.soon-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.soon-h b{font-family:var(--f-mono);font-weight:500;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.soon-h span{font-size:.74rem;color:var(--dim)}
.soon > p{font-size:.76rem;color:var(--dim);line-height:1.45}
.soon-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media(min-width:620px){.soon-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.ft{margin:0;display:grid;gap:8px;align-content:start;min-width:0}
.ft-art{position:relative;aspect-ratio:1;max-width:100%;border-radius:14px;overflow:hidden;background:#0E0C0A;box-shadow:inset 0 0 0 1px var(--line-2);isolation:isolate}
.ft-art img{width:100%;height:100%;object-fit:cover;transform:scale(1.06);animation:ftFloat 6s ease-in-out infinite;animation-delay:var(--dl,0s)}
@keyframes ftFloat{50%{transform:translateY(-2.5%) scale(1.06)}}
.ft-art::after{content:"";position:absolute;inset:-30%;z-index:3;pointer-events:none;background:linear-gradient(115deg,transparent 42%,rgba(255,240,210,.16) 50%,transparent 58%);transform:translateX(-100%);animation:glint 7s ease-in-out infinite;animation-delay:var(--dl,0s)}
@keyframes glint{0%,60%{transform:translateX(-100%)}85%,100%{transform:translateX(100%)}}
.ft-art::before{content:"";position:absolute;inset:0;z-index:4;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--line-2);pointer-events:none}
.fx{position:absolute;z-index:2;pointer-events:none;transform:translate(-50%,-50%);mix-blend-mode:screen}
.fx-ripple{width:20%;aspect-ratio:1;border-radius:50%}
.fx-ripple::before,.fx-ripple::after{content:"";position:absolute;inset:0;border-radius:50%;border:1.5px solid var(--gold-hi);opacity:0;animation:ripple 2.6s ease-out infinite}
.fx-ripple::after{animation-delay:1.3s}
@keyframes ripple{0%{transform:scale(.25);opacity:.95}100%{transform:scale(1.7);opacity:0}}
.fx-sun{width:62%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,214,140,.55),rgba(232,182,92,.18) 45%,transparent 70%);animation:sunPulse 4.5s ease-in-out infinite}
@keyframes sunPulse{0%,100%{opacity:.35;transform:translate(-50%,-46%) scale(.92)}50%{opacity:.85;transform:translate(-50%,-52%) scale(1.04)}}
.fx-ping{width:9%;aspect-ratio:1;border-radius:50%;border:1.5px solid var(--gold-hi);opacity:0;animation:ping 3.2s ease-out infinite;animation-delay:var(--pd,0s)}
@keyframes ping{0%{transform:translate(-50%,-50%) scale(.3);opacity:1}55%,100%{transform:translate(-50%,-50%) scale(2.2);opacity:0}}
.fx-tw{width:12%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,240,205,1),rgba(247,213,146,.45) 28%,transparent 62%);opacity:.2;animation:twinkle 2.8s ease-in-out infinite;animation-delay:var(--pd,0s)}
@keyframes twinkle{0%,100%{opacity:.15;transform:translate(-50%,-50%) scale(.6)}45%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}}
.fx-rise{width:6%;aspect-ratio:1;border-radius:2px;background:var(--gold-hi);box-shadow:0 0 10px 3px rgba(247,213,146,.55);opacity:0;animation:rise2 3.6s ease-out infinite;animation-delay:var(--pd,0s)}
@keyframes rise2{0%{transform:translate(-50%,0) rotate(0) scale(.6);opacity:0}15%{opacity:.95}100%{transform:translate(-50%,-260%) rotate(140deg) scale(1);opacity:0}}
.ft figcaption{display:grid;gap:5px;font-size:.8rem;line-height:1.25;color:var(--fg);min-width:0}
.ft figcaption em{justify-self:start;font-style:normal;font-family:var(--f-mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;padding:2px 7px;border-radius:5px;border:1px solid var(--gold-b);color:var(--gold-hi);background:var(--gold-a)}
.ft.later figcaption em{border-style:dashed;border-color:var(--line-2);color:var(--muted);background:none}
.ft.later .ft-art{box-shadow:0 0 0 1px var(--gold-b),0 0 24px -6px rgba(232,182,92,.45)}

/* faq */
.faq{display:grid;gap:8px;max-width:820px}
.faq details{border-radius:14px;border:1px solid var(--line);background:var(--raise);padding:0 18px;transition:border-color .2s}
.faq details[open]{border-color:var(--gold-b)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:58px;font-weight:600;font-size:.98rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:22px;height:22px;border-radius:50%;background:var(--surface-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E8B65C' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 7v10M7 12h10'/%3E%3C/svg%3E") center/14px no-repeat;transition:transform .25s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding-bottom:18px;color:var(--muted);font-size:.94rem;max-width:65ch}

/* final */
.final{text-align:center;overflow:hidden;padding-bottom:clamp(40px,7vw,80px)}
.final h2{max-width:22ch;margin-inline:auto}
.final .cta-row{justify-items:center;margin-top:28px}
.final .trust{justify-content:center}

footer{border-top:1px solid var(--line);padding-block:30px calc(30px + env(safe-area-inset-bottom,0px));font-size:.82rem;color:var(--dim)}
footer .wrap{display:grid;gap:10px}
footer nav{display:flex;flex-wrap:wrap;gap:6px 16px}
footer a{color:var(--muted)}
footer nav a{display:inline-flex;align-items:center;min-height:44px}
/* 29 Oct 2026: the Atlas state pages already public (build.py atlas_states_nav), above the legal links */
footer .foot-states span{display:inline-flex;align-items:center;min-height:44px;color:var(--dim)}
footer .email{display:inline-flex;align-items:center;min-height:44px}
.email{user-select:all;color:var(--muted)}

.reveal-line{height:1px;background:linear-gradient(90deg,transparent,var(--gold-b),transparent)}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  html{scroll-behavior:auto}
}

/* ===================== the live pieces, in the redesign's tokens (13 Oct 2026) ===================== */
[hidden]{display:none !important}
.u-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
html{scroll-padding-top:74px}
b,strong{font-weight:600}
.vcta{margin:0}
.btn[aria-busy="true"]{opacity:.75;pointer-events:none}
.nav .vcta .btn{white-space:nowrap}

/* ---- prices: every number comes from /api/stats (os.js); invisible until it answers, space kept ---- */
html:not(.priced) [data-price],html:not(.priced) [data-was],html:not(.priced) [data-partner]{visibility:hidden}
html:not(.js) [data-price]{display:none}
/* The struck compare-at is drawn from data-amt (no text node): text extraction and screen readers get it once. */
.g-was s[data-amt]::before{content:attr(data-amt);content:attr(data-amt) / ""}
.price .g-was{margin-bottom:10px}
.price s.was{font-family:var(--f-display);font-stretch:110%;font-size:1.4rem;color:var(--dim);text-decoration:line-through;text-decoration-color:var(--red);text-decoration-thickness:2px}
.price .now:empty{display:inline-block;min-width:2.6ch;min-height:.9em}
html.price-unknown .price{display:none}
/* The price on every buy button (14 Oct 2026): "Get instant access · $97"; the price card's "Get instant access | $199 $97".
   Its space is held (invisible) until the price arrives, so nothing moves; JS off or an unknown price: the bare label. */
.btn .bp{display:inline-flex;align-items:baseline;white-space:nowrap;font-variant-numeric:tabular-nums}
.btn .bp::before{content:"·";content:"·" / "";margin-right:.6em}
.btn .bp [data-price]{display:inline-block;min-width:2.7em;text-align:left}
.btn .bp-main{box-sizing:content-box;justify-content:center;min-width:5.1em;padding-left:12px;border-left:1px solid rgba(20,15,7,.28)}
.btn .bp-main::before{display:none}
/* the unlock card's "Unlock Growth Partner OS — $97 one-time": the dash is CSS (silent), the price written by os.js */
.btn .bp-dash::before{content:"—";content:"—" / "";margin:0 .4em 0 .35em}
.btn .bp-dash [data-price]{min-width:2.4em;text-align:center}
.btn .bp-main [data-price]{min-width:0}
.btn .bp-main .g-was s{text-decoration:line-through;text-decoration-thickness:.08em;opacity:.62;font-size:.85em;margin-right:.3em}
/* the price card's button needs ~300px on one line: a little less padding on phones, a smaller face on the narrowest */
@media(max-width:419px){.price-card .vcta .btn{padding:0 16px;gap:8px}.btn .bp-main{padding-left:10px}}
@media(max-width:360px){.hero-cta .vcta .btn{padding:0 20px}
  .price-card{padding-left:16px;padding-right:16px}
  .price-card .vcta .btn{padding:0 12px;gap:7px;font-size:.92rem}
  .btn .bp-main{padding-left:8px}}
html:not(.priced) .btn .bp{visibility:hidden}
html:not(.js) .btn .bp,html.price-unknown .btn .bp{display:none}
/* "The price is going up." and its line: only while a discount is live (os.js shows it); the gold heading style. */
.g-up{display:grid;gap:8px;position:relative;visibility:hidden}
.g-up.live{visibility:visible}
html:not(.js) .g-up{display:none}
/* its space is reserved before the price arrives (the line is 2 lines on a wide card, 3 on a phone, 4 on the narrowest) */
.g-up-line{min-height:calc(2 * 1.55em)}
@media(max-width:620px){.g-up-line{min-height:calc(3 * 1.55em)}}
@media(max-width:350px){.g-up-line{min-height:calc(4 * 1.55em)}}
.g-up-h{font-size:clamp(1.35rem,4.4vw,1.75rem);font-stretch:112%;font-weight:800;line-height:1.1}
.g-up-line{color:var(--muted);font-size:.98rem;line-height:1.55;max-width:46ch}
/* The Partner pricing line: the redesign's discount chip; its row stays reserved, empty at the full price. */
.g-left{min-height:28px;margin:0;display:flex;align-items:center;position:relative}
.g-left .disc:empty{display:none}
.price-note{color:var(--muted);font-size:.92rem;position:relative}
.g-lockin{margin:-6px 0 0;font-weight:600;color:var(--gold-hi);text-wrap:balance;position:relative;line-height:1.5;min-height:1.5em}
@media(max-width:350px){.g-lockin{min-height:3em}}
html:not(.js) .g-lockin{display:none}
.price-card .vcta .btn{width:100%}
/* B41: the "Why is it [price] right now?" question keeps its row (invisible) until the price arrives; it is removed at the
   full price (os.js) and gone with JS off or an unknown price */
html.js:not(.price-unknown):not(.priced) .faq details[data-intro-only][hidden]{display:block!important;visibility:hidden}
.os-cancelled{margin:0 0 18px;padding:12px 16px;border:1px solid var(--line-2);border-radius:12px;font-size:.95rem;color:var(--fg);background:var(--raise)}

/* ---- the real demo video in the redesign's frame (16:9: the video's own shape; nothing of it loads before the tap) ---- */
.demo{aspect-ratio:16/9}
.demo::after{content:none}
.g-dv{position:absolute;inset:0;background:#0A0907}
.g-dv-video{display:block;width:100%;height:100%;background:#000;object-fit:contain}
.g-dv-video:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}
html:not(.js) .g-dv-js{display:none}
.g-dv noscript .g-dv-video{position:absolute;inset:0}
.g-dv-play{all:unset;box-sizing:border-box;position:absolute;inset:0;cursor:pointer;display:block;z-index:2}
.g-dv-play img{display:block;width:100%;height:100%;object-fit:cover}
.g-dv-play::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(14,12,10,.05),rgba(14,12,10,.55))}
.g-dv-play .play{position:absolute;inset:auto 0 0;padding:0 16px 22px;z-index:3;pointer-events:none}
.g-dv-play:focus-visible{outline:2px solid var(--gold);outline-offset:-3px}
.g-dv-play:hover .play-btn{transform:scale(1.05)}
.play-btn{transition:transform .2s}
@media(max-width:520px){.play-btn{width:60px;height:60px}.play-btn svg{width:22px;height:22px}.play-label{font-size:.9rem}.g-dv-play .play{padding-bottom:12px;gap:8px}}

/* ---- the sticky bar (the live checkout form): price over "One-time payment", the button, the secure line ---- */
.vsticky{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;align-items:center;gap:12px;flex-wrap:wrap;row-gap:6px;padding:10px clamp(16px,4.5vw,40px) calc(10px + env(safe-area-inset-bottom,0px));background:rgba(14,12,10,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line-2);transform:translateY(110%);visibility:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1),visibility 0s linear .35s}
.vsticky.on{transform:none;visibility:visible;transition:transform .35s cubic-bezier(.2,.8,.2,1),visibility 0s}
.vsticky.off,.vsticky.off-v{transform:translateY(110%);visibility:hidden}
.vsticky .vs-price{min-width:0;flex:1}
.vsticky .vs-price b{display:block;min-height:1.3em;font-family:var(--f-display);font-stretch:110%;font-size:1.15rem;line-height:1.3;color:var(--fg);white-space:nowrap;font-variant-numeric:tabular-nums}
.vsticky .vs-price .g-was s{font-size:.8em;color:var(--dim);margin-right:.25em;text-decoration-color:var(--red)}
/* the struck compare-at and the price on one line (the shared .price rule is a wrapping flex row) */
.vsticky .vs-price .price{display:inline-flex;flex-wrap:nowrap;align-items:baseline;gap:0;white-space:nowrap}
.vsticky .vs-price small{display:block;font-size:.8rem;line-height:1.3;color:var(--muted)}
.vsticky .btn{min-height:46px;padding:0 18px;font-size:.92rem;flex:none}
.vsticky .btn::after{display:none}
.vsticky .vs-secure{flex-basis:100%;margin:0;font-size:.82rem;line-height:1.3;color:var(--muted)}
body.stuck{padding-bottom:var(--vs-h,96px)}
@media(min-width:900px){.vsticky{justify-content:center;padding-left:max(16px,calc(50% - 540px));padding-right:max(16px,calc(50% - 540px))}
  .vsticky .vs-secure{flex-basis:auto}
  .vsticky .vs-price{flex:0 0 auto;width:11em}}

/* ---- the free Cold Pitch Kit tab (fixed, never moves the page; steps aside for buttons, the video and the bar) ---- */
.kit{position:fixed;left:16px;bottom:16px;z-index:55;max-width:min(380px,calc(100vw - 32px));transform:translateY(calc(-1 * var(--kit-lift,0px)));transition:opacity .2s ease;font-family:var(--f-body)}
.kit.away{visibility:hidden;opacity:0}
.kit-tabrow{display:flex;align-items:stretch;border-radius:999px;background:var(--surface);border:1px solid var(--gold-b);box-shadow:0 14px 34px -14px rgba(0,0,0,.9),0 0 22px -8px rgba(232,182,92,.45);overflow:hidden;width:max-content;max-width:100%}
.kit.open .kit-tabrow{display:none}
.kit-tab{all:unset;box-sizing:border-box;cursor:pointer;min-height:46px;padding:0 6px 0 18px;display:flex;align-items:center;gap:8px;font:600 16px/1.2 var(--f-body);color:var(--gold-hi)}
.kit-tab::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px rgba(232,182,92,.9)}
.kit-x{all:unset;box-sizing:border-box;cursor:pointer;width:46px;min-height:46px;display:grid;place-items:center;font:400 24px/1 var(--f-body);color:var(--muted)}
.kit-x:hover,.kit-tab:hover{color:var(--fg)}
.kit-tab:focus-visible,.kit-x:focus-visible{outline:2px solid var(--gold);outline-offset:-3px;border-radius:999px}
.kit-card{position:relative;background:linear-gradient(180deg,var(--surface-2),var(--raise));border:1px solid var(--gold-b);border-radius:18px;padding:20px 20px 16px;box-shadow:0 24px 60px -20px rgba(0,0,0,.95),0 0 30px -12px rgba(232,182,92,.35)}
.kit-x-card{position:absolute;top:6px;right:6px;width:44px;min-height:44px}
.kit-h{font:700 20px/1.25 var(--f-display);font-stretch:108%;color:var(--fg);margin:0 40px 8px 0}
.kit-line{font-size:16px;line-height:1.45;color:var(--muted);margin:0 0 14px}
.kit-label{display:block;font-size:16px;font-weight:600;color:var(--fg);margin:0 0 6px}
.kit-in{width:100%;min-height:48px;padding:0 14px;border-radius:10px;border:1px solid var(--line-2);background:#0B0907;color:var(--fg);font:16px/1.2 var(--f-body)}
.kit-in:focus{outline:2px solid var(--gold);outline-offset:1px;border-color:var(--gold)}
.kit-go{width:100%;margin-top:10px;min-height:50px}
.kit-small{font-size:16px;line-height:1.4;color:var(--muted);margin:10px 0 0}
.kit-msg{font-size:16px;line-height:1.4;color:var(--gold-hi);margin:0;font-weight:600}
.kit-msg:empty{display:none}
.kit-msg.bad{color:var(--red)}
.kit-card.sent .kit-form,.kit-card.sent .kit-line{display:none}
.kit-card.sent .kit-msg{margin-top:4px}
.kit-hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}

/* ---- pictures: the <picture> wrapper must not change the reference's image boxes ---- */
.ft-art picture{display:contents}
.av picture{display:contents}

@media (prefers-reduced-motion: reduce){
  .vsticky,.kit{transition:none}
  .play-btn::before{display:none}
}

/* ---- fixes found comparing against the reference (13 Oct 2026) ---- */
/* The reference has no body margin reset (the browser's 8px showed as a gap round the sticky nav). */
body{margin:0}
/* The sticky bar's own lines must not show while the bar is away (a child's visibility:visible overrides the parent's). */
.vsticky:not(.on) *,.vsticky.off *,.vsticky.off-v *{visibility:hidden !important}
/* The real poster has the title card across its middle: the play button and its label sit bottom-left, like a player's. */
.g-dv-play .play{display:flex;align-items:center;justify-content:flex-start;gap:12px;inset:auto auto 0 0;padding:0 0 16px 16px;text-align:left}
.g-dv-play .play-btn{width:58px;height:58px;box-shadow:0 0 0 7px rgba(232,182,92,.14)}
.g-dv-play .play-btn svg{width:22px;height:22px}
.g-dv-play .play-label{text-shadow:0 1px 10px rgba(0,0,0,.85)}
@media(max-width:520px){.g-dv-play .play-btn{width:48px;height:48px}.g-dv-play .play{padding:0 0 10px 10px;gap:10px}.g-dv-play .play-label{font-size:.88rem}}
/* Narrow phones (≤389px): the nav's name gives way to the mark (the link keeps its label), and long chips wrap: the
   reference ran 20–60px past the screen at 320–360px. 14 Oct 2026: ≤374 → ≤389, the name + the priced nav button ran
   6–11px past a 375px screen (iPhone mini/SE); below 420px the nav row is a little tighter. */
@media(max-width:389px){.brand-t{display:none}}
@media(max-width:419px){.nav .wrap{gap:10px}.nav .btn-sm{padding:0 13px}}
/* Phones: the play button goes top-left so it is on the first screen even on an iPhone SE in Safari (568px visible). */
@media(max-width:520px){.g-dv-play .play{inset:0 auto auto 0;padding:10px 0 0 10px}}
/* Count-ups keep their final width while they run (the number re-centring as it grew a digit was a layout shift). */
[data-count]{display:inline-block;text-align:center}
@media(min-width:900px) and (max-width:1099px){.g-up-line{min-height:calc(3 * 1.55em)}}

/* ===================== the next pass (15 Oct 2026): visual overhaul, from design-ref/gpos-design-reference.html =====================
   The reference's layout, motion and interactions in this page's own tokens (no new font, no new colour except the two
   pay-once bars). Motion animates transform, opacity and stroke-dashoffset only; every loop pauses off screen (.offscreen,
   set by os.js) and none runs with reduced motion. Every section is complete at rest: the markup is the final state. */
:root{--gold-a10:rgba(232,182,92,.10);--gold-a20:rgba(232,182,92,.20);--gold-a40:rgba(232,182,92,.40);--spring:cubic-bezier(.34,1.3,.64,1);--ease:cubic-bezier(.22,1,.36,1)}
.offscreen,.offscreen *,.offscreen *::before,.offscreen *::after{animation-play-state:paused!important}
.ico{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.dt{width:28px;height:28px;flex:none;fill:none;stroke:var(--gold);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.dt .s{fill:var(--gold-a20);stroke:none}
.fine{font-size:.82rem;line-height:1.5;color:var(--dim);text-align:center;max-width:56ch;margin-inline:auto;text-wrap:pretty}
.mini-h{font-family:var(--f-mono);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--dim);text-align:center}
.lchips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.lchips li{font-size:.84rem;line-height:1.2;padding:8px 12px;border-radius:999px;border:1px solid var(--line-2);background:var(--bg);color:var(--fg)}
.sec-head.center .eyebrow::before{width:30px}
.btn-lg{min-height:54px}
/* anchored sections land below the sticky header through html{scroll-padding-top} (header + ~10px; a scroll-margin on top doubled it) */

/* ---- the scroll progress bar: 2px gold along the header's bottom edge (transform only) ---- */
.sp{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,var(--gold-deep),var(--gold));transform-origin:left;transform:scaleX(0);pointer-events:none}

/* ---- hero: the glowing team strip ---- */
.team-strip{border:0;background:none;padding:0;max-width:620px;margin-inline:auto;width:100%}
.team-strip-h{display:flex;justify-content:center;align-items:baseline;flex-wrap:wrap;gap:2px 8px;margin-bottom:12px;font-size:.86rem;color:var(--muted)}
.team-strip-h b{font-weight:600;color:var(--fg)}
.pipe{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:2px;isolation:isolate;position:relative}
.pipe::before{content:none}
.crew-line{position:absolute;top:24px;left:calc(100% / 12);right:calc(100% / 12);height:1px;background:linear-gradient(90deg,var(--gold-a40),var(--gold-a20) 85%,transparent);z-index:-1;container-type:inline-size}
.crew-line::after{content:"";position:absolute;top:-3px;left:0;width:44px;height:7px;margin-left:-22px;border-radius:7px;background:radial-gradient(closest-side,var(--gold-hi),rgba(232,182,92,.5) 55%,transparent);animation:relay 6s linear infinite}
@keyframes relay{0%{transform:translateX(0);opacity:0}4%{opacity:1}66.6%{transform:translateX(100cqw);opacity:1}72%,100%{transform:translateX(100cqw);opacity:0}}
/* each node is a column: the ring, the name, the verb under it, centred; a link (works with JS off), never underlined */
.node{position:relative;display:grid;justify-items:center;align-content:start;gap:3px;min-width:0;padding:0 0 4px;min-height:44px;border-radius:12px;text-align:center;text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent}
.node b,.node small{display:block;max-width:100%;white-space:nowrap;line-height:1.1}
.cring{position:relative;display:block;width:48px;height:48px;border-radius:50%;padding:2px;background:conic-gradient(from 200deg,var(--gold-hi),var(--gold) 30%,var(--gold-deep) 55%,var(--gold-hi) 80%,var(--gold));box-shadow:0 0 22px -1px rgba(232,182,92,.75),0 0 0 3px var(--bg);animation:flare 6s var(--ease) infinite;animation-delay:calc(var(--i) * .8s)}
.cring::before{content:"";position:absolute;inset:-12px;border-radius:50%;background:radial-gradient(circle,rgba(232,182,92,.6),rgba(232,182,92,.16) 50%,transparent 70%);z-index:-1;animation:breathe2 3.2s ease-in-out infinite;animation-delay:calc(var(--i) * -.55s)}
.cring .av{display:block;width:100%;height:100%;box-shadow:none}
.node .cring .av{animation:none}
.node b{font-family:var(--f-display);font-stretch:106%;font-size:.78rem;font-weight:700;margin-top:3px}
.node small{font-family:var(--f-mono);font-size:.6rem;letter-spacing:.04em;text-transform:uppercase;color:var(--gold)}
.node.you .cring{background:var(--bg);border:1.5px dashed var(--gold);padding:0;display:grid;place-items:center;color:var(--gold);box-shadow:0 0 22px -1px rgba(232,182,92,.45)}
.node.you .cring svg{width:18px;height:18px}
a.node:active .cring{transform:scale(.94)}
@keyframes breathe2{0%,100%{opacity:.35;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}
@keyframes flare{0%,100%{transform:scale(1);filter:brightness(1)}3%{transform:scale(1.1);filter:brightness(1.35)}10%{transform:scale(1);filter:brightness(1)}}
@media(max-width:420px){.node b{font-size:.72rem}.node small{font-size:.54rem;letter-spacing:.02em}}
@media(max-width:360px){.cring{width:42px;height:42px}.crew-line{top:21px}.node small{display:none}}

/* ---- team: rail | panel, the details underneath ---- */
.team{background:none;border-block:0}
.team::before{content:"";position:absolute;inset:40px 0 auto;height:320px;background:radial-gradient(60% 60% at 50% 30%,rgba(232,182,92,.10),transparent 70%);pointer-events:none}
.squad{position:relative;display:grid;grid-template-columns:74px minmax(0,1fr);gap:10px;align-items:stretch}
.rail{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:4px;padding:4px 0;margin:0}
.rail-ind{position:absolute;left:0;right:0;top:0;height:0;border-radius:16px;background:linear-gradient(180deg,#2C2416,#1E1912);border:1px solid var(--gold-a40);transition:transform .5s var(--spring),height .3s var(--ease);pointer-events:none}
.rail.no-anim .rail-ind,.rail.no-anim .rail-fill{transition:none}
.rail-line{position:absolute;width:2px;margin-left:-1px;background:var(--line);border-radius:2px;pointer-events:none}
.rail-fill{position:absolute;inset:0;background:linear-gradient(180deg,var(--gold-deep),var(--gold));transform-origin:top;transform:scaleY(0);transition:transform .55s var(--ease);border-radius:2px}
.rail-spark{--len:0px;position:absolute;left:50%;top:0;width:6px;height:16px;margin-left:-3px;border-radius:6px;background:linear-gradient(180deg,transparent,var(--gold-hi));box-shadow:0 0 12px 2px var(--gold-a40);opacity:0;animation:glintD 1.9s var(--ease) infinite}
.rail-spark.idle{animation:none;opacity:0}
@keyframes glintD{0%{transform:translateY(-8px);opacity:0}18%{opacity:1}80%{opacity:1}100%{transform:translateY(calc(var(--len) - 8px));opacity:0}}
.roster .tab{position:relative;z-index:1;display:grid;justify-items:center;align-content:center;gap:4px;flex:1;min-height:64px;padding:4px 2px;border:0;border-radius:16px;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
.roster .tab[aria-selected="true"]{background:none;border:0}
.ring{--p:1;position:relative;display:block;width:44px;height:44px;border-radius:50%;padding:2px;background:var(--line-2);flex:none;transition:box-shadow .4s var(--ease)}
.ring .av{display:block;width:100%;height:100%;box-shadow:none;filter:grayscale(.55) brightness(.72);transition:filter .45s var(--ease)}
.tab[aria-selected="true"] .ring{background:conic-gradient(var(--gold) calc(var(--p) * 1turn),var(--line-2) 0);box-shadow:0 0 22px -4px var(--gold-a40)}
.tab[aria-selected="true"] .ring .av{filter:none}
.tab:hover .ring .av{filter:grayscale(.2) brightness(.9)}
.r-name{position:relative;font-family:var(--f-display);font-stretch:106%;font-weight:700;font-size:.78rem;line-height:1.1;color:var(--muted);background:var(--bg);padding:1px 4px;border-radius:4px}
.tab[aria-selected="true"] .r-name{color:var(--fg);background:transparent}
.r-verb,.r-line{display:none}
.tpanel{position:relative;min-width:0;border-radius:18px;border:1px solid var(--line);background:linear-gradient(180deg,var(--surface),var(--raise) 60%);padding:12px;display:flex;flex-direction:column;gap:10px;touch-action:pan-y}
@property --a{syntax:'<angle>';initial-value:0deg;inherits:false}
/* the border beam (16 Oct 2026): a static masked 1px ring (.beam-r, painted once) with a conic square spinning inside it by
   transform, so the browser composites it instead of repainting a masked gradient over the whole card every frame (B54) */
.beam-r{position:absolute;inset:-1px;border-radius:inherit;padding:1px;overflow:hidden;pointer-events:none;container-type:size;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.beam-r::before{content:"";position:absolute;left:50%;top:50%;width:calc(100cqw + 100cqh);aspect-ratio:1;translate:-50% -50%;background:conic-gradient(transparent 0 68%,var(--gold-a40) 78%,var(--gold) 84%,transparent 92%);animation:beam var(--beam,7s) linear infinite;will-change:rotate}
@keyframes beam{to{rotate:360deg}}
.tour{position:absolute;top:3px;right:3px;z-index:2;width:44px;height:44px;border:0;border-radius:50%;background:none;display:grid;place-items:center;cursor:pointer;color:var(--muted);padding:0}
.tour::before{content:"";position:absolute;inset:7px;border-radius:50%;border:1px solid var(--line-2);background:var(--bg);transition:border-color .2s}
.tour svg{position:relative;width:12px;height:12px;fill:currentColor}
.tour:hover{color:var(--gold)}.tour:hover::before{border-color:var(--gold-a40)}
html:not(.js) .tour{display:none}
.stage{position:relative;display:grid;flex:1}
.si{grid-area:1/1;display:flex;flex-direction:column;gap:10px;min-width:0}
html.js .si:not(.on){visibility:hidden}
.p-top{display:flex;align-items:center;min-height:28px;padding-right:40px}
.step{font-family:var(--f-mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);white-space:nowrap}
.p-title{font-family:var(--f-display);font-stretch:106%;font-weight:750;font-size:1.06rem;line-height:1.2;letter-spacing:-.01em;min-height:2.4em;text-wrap:balance}
.win{border:1px solid var(--line);border-radius:13px;background:var(--bg);overflow:hidden;display:flex;flex-direction:column;flex:1}
.win-bar{display:flex;align-items:center;gap:5px;height:28px;padding:0 10px;border-bottom:1px solid var(--line);font-family:var(--f-mono);font-size:.66rem;color:var(--muted)}
.win-bar i{width:6px;height:6px;border-radius:50%;background:var(--line-2);flex:none}
.win-bar span{margin-left:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.win-bar em{margin-left:auto;font-style:normal;font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;background:linear-gradient(90deg,var(--gold-deep),var(--gold-hi),var(--gold-deep));background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--gold);animation:wshine 3.2s linear infinite}
@keyframes wshine{to{background-position:-200% 0}}
.wb{flex:1;padding:10px;display:flex;flex-direction:column;gap:9px;min-height:198px;font-size:.8rem;line-height:1.4}
.wb ul,.wb ol{list-style:none;margin:0;padding:0}
.rv{transition:opacity .4s var(--ease),transform .5s var(--spring)}
.rv.pre{opacity:0;transform:translateY(6px)}
/* typing without moving anything: every character is laid out from the start; typing only paints it (the caret is a shadow) */
.tw i{font-style:normal}
.tw i.u{color:transparent}
.tw i.cur{box-shadow:inset 1.5px 0 0 var(--gold)}
.wb .tag{margin-left:auto;font-family:var(--f-mono);font-size:.62rem;letter-spacing:.02em;border-radius:999px;padding:2px 8px;white-space:nowrap;border:1px solid}
.t-gold{color:var(--gold-hi);border-color:var(--gold-a40);background:var(--gold-a10)}
.t-mute{color:var(--muted);border-color:var(--line-2);background:transparent}
.wfoot{margin-top:auto;display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 10px;font-size:.7rem;color:var(--dim);border-top:1px dashed var(--line);padding-top:8px}
.wfoot b{color:var(--fg);font-weight:600;font-variant-numeric:tabular-nums}
/* count-ups hold their final width (a narrower number re-wrapped the footer and moved the panel: CLS) */
.sc-n,.au-s{display:inline-block;text-align:right;font-variant-numeric:tabular-nums}.sc-n{min-width:2ch}.au-s{min-width:3.6ch}
.mb-l{display:inline-grid}.mb-l>span{grid-area:1/1}
html.js .mb-l>span:not(.on){visibility:hidden}
.sc-q{display:flex;align-items:center;gap:7px;border:1px solid var(--line-2);border-radius:9px;padding:6px 9px;font-family:var(--f-mono);font-size:.72rem;color:var(--fg);background:var(--raise)}
.sc-radar{position:relative;width:14px;height:14px;border-radius:50%;border:1px solid var(--gold-a40);flex:none;overflow:hidden}
.sc-radar::after{content:"";position:absolute;inset:0;background:conic-gradient(from 0deg,transparent 0 75%,var(--gold) 100%);border-radius:50%;animation:spin 1.6s linear infinite}
.sc-list{display:grid;gap:6px}
.sc-list li,.au-list li,.cl-fu li{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:9px;background:var(--raise);border:1px solid var(--line)}
.sc-list .ico{width:13px;height:13px;color:var(--dim)}
.wb .redact{height:8px;border-radius:3px;background:linear-gradient(90deg,#2F2820,#3A3127);box-shadow:none;flex:1;max-width:70px}
.sc-list li.sc-more{-webkit-mask:linear-gradient(180deg,#000,transparent);mask:linear-gradient(180deg,#000,transparent);opacity:.55}
.sc-list li.sc-more.pre{opacity:0}
.au-scan{display:grid;gap:6px}
.au-row{display:flex;justify-content:space-between;font-family:var(--f-mono);font-size:.66rem;color:var(--muted)}
.au-row b{color:var(--gold);font-weight:500;font-variant-numeric:tabular-nums}
.au-bar{height:4px;border-radius:4px;background:var(--line);overflow:hidden}
.au-bar i{display:block;height:100%;width:100%;transform-origin:left;transform:scaleX(var(--k,1));background:linear-gradient(90deg,var(--gold-deep),var(--gold))}
.au-list{display:grid;gap:6px}
.pill{font-family:var(--f-mono);font-size:.6rem;letter-spacing:.05em;text-transform:uppercase;border-radius:6px;padding:2px 5px;flex:none;min-width:46px;text-align:center}
.sev-high .pill{color:var(--red);background:var(--red-a)}
.sev-med .pill{color:var(--gold-hi);background:var(--gold-a)}
.sev-low .pill{color:var(--muted);background:rgba(171,161,144,.12)}
.au-list li.sev-high{border-color:rgba(234,106,79,.32)}
.au-list b{font-variant-numeric:tabular-nums;font-weight:600}
.bu-opp{display:flex;align-items:center;gap:8px;padding:8px 9px;border-radius:10px;border:1px solid var(--gold-a40);background:var(--gold-a10);font-weight:600;font-size:.8rem;line-height:1.3}
.bu-opp .ico{width:15px;height:15px;fill:var(--gold);stroke:none}
.bu-chain{position:relative;display:grid;gap:5px;padding-left:16px!important}
.bu-chain::before{content:"";position:absolute;left:4px;top:10px;bottom:10px;width:2px;background:var(--line);border-radius:2px}
.bu-cw{position:relative}
.bu-wire{position:absolute;z-index:1;left:4px;top:10px;bottom:10px;width:2px;transform-origin:top;transform:scaleY(var(--k,1));background:linear-gradient(180deg,var(--gold-deep),var(--gold));border-radius:2px;transition:transform .9s var(--ease)}
.bu-chain li{position:relative;display:flex;align-items:baseline;gap:8px;padding:5px 8px;border-radius:8px;background:var(--raise);border:1px solid var(--line)}
.bu-chain li::before{content:"";position:absolute;left:-15px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:var(--gold);border:2px solid var(--gold);transition:border-color .3s,background .3s}
.bu-chain li.pre::before{background:var(--bg);border-color:var(--line-2)}
.bu-chain .k{font-family:var(--f-mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);width:52px;flex:none}
.bu-chain .svc{border-color:var(--gold-a40);background:var(--gold-a10)}
.bu-chain .svc .v{color:var(--gold-hi);font-weight:600}
.bu-docs{display:grid;gap:5px;font-size:.74rem;color:var(--muted)}
.bu-docs span{display:flex;align-items:center;gap:7px}
.bu-docs .ico{width:14px;height:14px;color:var(--gold)}
.wr-tabs{display:flex;gap:4px;font-family:var(--f-mono);font-size:.66rem}
.wr-tabs span{padding:3px 9px;border-radius:7px;border:1px solid var(--line);color:var(--dim)}
.wr-tabs .on{color:var(--on-gold);background:var(--gold);border-color:var(--gold)}
.wr-msg{padding:9px 10px;border-radius:11px 11px 11px 3px;background:var(--raise);border:1px solid var(--line);color:var(--fg);min-height:7.2em}
.wr-b.flag{text-decoration:underline wavy var(--red);text-decoration-thickness:1.2px;text-underline-offset:3px;background:rgba(234,106,79,.10);border-radius:3px}
.wr-warn{display:flex;align-items:center;gap:6px;font-size:.7rem;color:var(--red)}
.wr-warn .ico{width:13px;height:13px}
.wr-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:auto}
.wr-chips span{font-family:var(--f-mono);font-size:.62rem;padding:3px 8px;border-radius:999px;border:1px solid var(--line-2);color:var(--muted)}
.cl-stage{display:grid;gap:6px}
.cl-seg{display:grid;grid-template-columns:repeat(5,1fr);gap:3px}
.cl-seg i{height:4px;border-radius:3px;background:var(--line);transition:background .4s var(--ease)}
.cl-seg i.on{background:var(--gold)}
.cl-row{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--f-mono);font-size:.66rem;color:var(--dim)}
.cl-row b{color:var(--fg);font-family:var(--f-display);font-stretch:106%;font-size:.8rem;font-weight:700}
.cl-fu{display:grid;gap:5px}
.cl-fu li{transition:opacity .4s,border-color .4s}
.cl-fu .dot{width:16px;height:16px;border-radius:50%;border:1.5px solid var(--line-2);display:grid;place-items:center;flex:none;color:var(--on-gold);transition:background .3s,border-color .3s}
.cl-fu .dot .ico{width:10px;height:10px;stroke-width:3;opacity:0}
.cl-fu li>span:nth-child(2){white-space:nowrap}
.cl-fu .st{margin-left:auto;font-family:var(--f-mono);font-size:.62rem;color:var(--dim);white-space:nowrap}
.cl-fu li.sent .dot{background:var(--gold);border-color:var(--gold)}
.cl-fu li.sent .dot .ico{opacity:1}
.cl-fu li.sent .st{color:var(--muted)}
.cl-fu li.replied{border-color:var(--gold-a40)}
.cl-fu li.replied .st{color:var(--on-gold);background:var(--gold);padding:1px 7px;border-radius:999px}
.cl-fu li.stopped{opacity:.45}
.cl-fu li.stopped span:nth-child(2){text-decoration:line-through;text-decoration-color:var(--dim)}
.tmore{grid-column:1/-1;border:1px solid var(--line);border-radius:16px;background:var(--raise);overflow:hidden}
.more-btn{width:100%;min-height:50px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 16px;border:0;background:none;cursor:pointer;font-size:.97rem;text-align:left}
.more-btn b{font-weight:600}
.more-btn .ico{width:18px;height:18px;color:var(--gold);transition:transform .35s var(--spring)}
.more-btn[aria-expanded="true"] .ico{transform:rotate(45deg)}
.more-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s var(--ease)}
.more-body.open,html:not(.js) .more-body{grid-template-rows:1fr}
.more-body>div{overflow:hidden}
.more-h{display:block;padding:10px 16px 6px;font-weight:600}
html.js .more-h,html:not(.js) .more-btn{display:none}
.more-list{list-style:none;margin:0;display:grid;gap:10px;padding:2px 16px 16px}
.more-list li{display:flex;gap:10px;font-size:.92rem;line-height:1.45;color:var(--fg)}
.more-list li::before{content:"";width:7px;height:7px;margin-top:.5em;transform:rotate(45deg);border-radius:2px;background:var(--gold);flex:none}
.handoff{margin-top:18px;grid-template-columns:auto minmax(0,1fr);gap:12px 14px;padding:16px;background:radial-gradient(120% 140% at 0% 0%,var(--gold-a10),transparent 60%),var(--raise)}
.handoff .you{width:48px;height:48px;border-radius:50%;border:1px solid var(--gold-a40);display:grid;place-items:center;color:var(--gold);background:var(--bg)}
.handoff .you svg{width:20px;height:20px}
.handoff h3{font-family:var(--f-display);font-stretch:110%;font-weight:800;font-size:1.3rem;line-height:1.15;letter-spacing:-.015em}
.handoff p{margin-top:3px}
.handoff .vcta{grid-column:1/-1}
.handoff .vcta .btn{width:100%;padding:0 14px}
@media(max-width:374px){.handoff{padding:14px 12px}}
.stats{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.stats li{background:var(--raise);padding:13px 14px;display:grid;gap:4px;align-content:start}
.stats li b{font-family:var(--f-display);font-stretch:110%;font-weight:800;font-size:1.75rem;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--fg)}
.stats li b small{font-family:var(--f-body);font-size:.75rem;font-weight:500;color:var(--muted);letter-spacing:0;margin-right:3px}
.stats li>span{font-size:.8rem;color:var(--muted);line-height:1.35}
.stats li.paid1 b{font-size:.95rem;line-height:1.25;font-weight:700;color:var(--gold-hi);align-self:center}
@media(min-width:600px){
  .squad{grid-template-columns:200px minmax(0,1fr);gap:14px}
  .roster .tab{grid-template-columns:46px minmax(0,1fr);justify-items:start;align-items:center;column-gap:12px;row-gap:1px;padding:8px 12px;text-align:left}
  .roster .tab .ring{grid-row:span 2;width:46px;height:46px}
  .r-name{font-size:.94rem;align-self:end}
  .r-verb{display:block;font-family:var(--f-mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);align-self:start}
  .tab[aria-selected="true"] .r-verb{color:var(--gold)}
  .tpanel{padding:16px}
  .tour{top:7px;right:7px}
  .p-title{font-size:1.3rem}
  .wb{min-height:222px;font-size:.84rem}
  .stats{grid-template-columns:repeat(4,minmax(0,1fr))}
  .handoff{grid-template-columns:auto minmax(0,1fr) auto}
  .handoff .vcta{grid-column:auto}
  .handoff .vcta .btn{width:auto}
}
@media(min-width:900px){
  .squad{grid-template-columns:300px minmax(0,1fr);gap:18px}
  .roster .tab{grid-template-columns:52px minmax(0,1fr);padding:12px 14px}
  .roster .tab .ring{width:52px;height:52px;grid-row:span 3}
  .r-line{display:block;font-size:.8rem;color:var(--dim);line-height:1.35}
  .tab[aria-selected="true"] .r-line{color:var(--muted)}
  .tpanel{padding:20px}
  .tour{top:11px;right:11px}
  .p-title{font-size:1.6rem;min-height:auto}
  .wb{min-height:250px;font-size:.875rem;padding:16px;gap:12px}
  .sc-list,.au-list,.cl-fu,.bu-chain{gap:9px}
  .sc-list li,.au-list li,.cl-fu li{padding:11px 12px}
  .bu-chain li{padding:9px 12px}
  .wr-msg{padding:12px 14px}
  .wb .tag,.wr-chips span{font-size:.7rem}
  .pill{font-size:.66rem;min-width:60px}
}
@media(max-width:419px){.win-bar i{display:none}.win-bar span{margin-left:0}}
/* JavaScript off: no tabs to switch, so the five agents stack, each complete; the rail and its indicator go. */
html:not(.js) .squad{grid-template-columns:minmax(0,1fr)}
html:not(.js) .rail{display:none}
html:not(.js) .stage{gap:22px}
html:not(.js) .si{grid-area:auto}

/* ---- why it works: the usual pitch (compact) vs the finding, with the speed gauge ---- */
.vs{display:grid;gap:10px;max-width:560px;width:100%;margin-inline:auto}
.vs-k{font-family:var(--f-mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.vs-k.gold{color:var(--gold)}
.vs-old{position:relative;display:grid;gap:6px;text-align:left;padding:14px 16px;border-radius:16px;border:1px solid var(--line);background:var(--raise);cursor:pointer;overflow:hidden;width:100%;min-height:44px}   /* muted by colour, not opacity/filters (contrast) */
.vs-old .vs-q{font-size:.91rem;color:var(--muted);padding-right:84px}
html.js .vs-old .vs-q{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html.js .vs-old .vs-why{display:none}
.vs-old .vs-why{font-size:.82rem;color:var(--muted)}
html.js .vs-old[aria-expanded="true"] .vs-q{-webkit-line-clamp:unset;display:block}
html.js .vs-old[aria-expanded="true"] .vs-why{display:block}
.vs .stamp{position:absolute;right:10px;top:16px;bottom:auto;transform:rotate(-8deg);font-size:.62rem;padding:3px 6px;background:none;opacity:.9}
.vs-mid{display:grid;place-items:center;position:relative;height:14px}
.vs-mid::before{content:"";position:absolute;left:20%;right:20%;top:50%;height:1px;background:var(--line)}
.vs-mid span{position:relative;font-family:var(--f-mono);font-size:.66rem;color:var(--dim);background:var(--bg);padding:0 10px;letter-spacing:.12em;text-transform:uppercase}
.vs-new{display:grid;gap:12px;padding:16px;border-radius:18px;border:1px solid var(--gold-a40);background:radial-gradient(120% 80% at 50% 0%,var(--gold-a10),transparent 60%),var(--surface);box-shadow:0 20px 50px -30px rgba(232,182,92,.45)}
.vs-new .vs-q{font-size:1rem;line-height:1.5;color:var(--fg)}
.vs-new mark{background:linear-gradient(transparent 55%,rgba(232,182,92,.35) 55%);color:var(--gold-hi);font-weight:600;padding:0 2px}
.vs-foot{font-size:.82rem;color:var(--muted)}
.gauge{display:grid;justify-items:center;gap:4px;padding:10px 8px 8px;border-radius:14px;background:var(--bg);border:1px solid var(--line)}
.gauge svg{width:100%;max-width:260px;height:auto;aspect-ratio:220/130}
.g-needle{transform-box:view-box;transform-origin:110px 112px;transform:rotate(174deg)}
.g-read{display:flex;align-items:baseline;gap:10px;font-size:.82rem;color:var(--muted)}
.g-read b{font-family:var(--f-display);font-stretch:108%;font-size:1.9rem;font-weight:800;color:var(--red);font-variant-numeric:tabular-nums;letter-spacing:-.02em;transition:color .3s;min-width:3.4ch;text-align:right}
.gauge.under .g-read b{color:var(--fg)}
.g-cap{font-size:.76rem;color:var(--muted)}
@media(min-width:900px){
  .vs{max-width:880px;grid-template-columns:1fr auto 1.25fr;align-items:center}
  .vs-mid{height:auto;width:40px;align-self:stretch}
  .vs-mid::before{left:50%;right:auto;top:15%;bottom:15%;width:1px;height:auto}
}

/* ---- six offers: a tile picker and one detail panel (all six panels share one cell, so the height never changes) ---- */
.picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:720px;margin:0 auto 10px}
.pk{display:grid;justify-items:center;align-content:center;gap:8px;min-height:92px;padding:12px 6px;border-radius:16px;border:1px solid var(--line);background:var(--raise);cursor:pointer;text-align:center;transition:border-color .3s,background .3s,transform .15s var(--ease);-webkit-tap-highlight-color:transparent}
.pk:active{transform:scale(.97)}
.pk span{font-size:.8rem;line-height:1.2;font-weight:600;color:var(--muted)}
.pk .dt{width:30px;height:30px;transition:filter .3s}
.pk[aria-selected="true"]{border-color:var(--gold-a40);background:radial-gradient(100% 100% at 50% 0%,var(--gold-a20),transparent 70%),var(--surface)}
.pk[aria-selected="true"] span{color:var(--fg)}
.pk[aria-selected="true"] .dt{filter:drop-shadow(0 0 8px rgba(232,182,92,.6))}
html:not(.js) .picker{display:none}
.offers{display:grid;max-width:720px;margin-inline:auto}
.offer{grid-area:1/1;display:grid;gap:12px;align-content:start;padding:16px;border-radius:18px;border:1px solid var(--line-2);background:linear-gradient(180deg,var(--surface),var(--raise))}
html.js .offer:not(.on){visibility:hidden}
html:not(.js) .offers{gap:12px}
html:not(.js) .offer{grid-area:auto}
.of-h{display:flex;align-items:center;gap:14px}
.of-img{flex:none;width:72px;height:72px;border-radius:16px;display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,rgba(247,213,146,.30),rgba(175,124,55,.12) 60%,transparent),var(--bg);border:1px solid var(--gold-a40);box-shadow:0 0 22px -8px rgba(232,182,92,.55)}
.of-img img{width:56px;height:56px;object-fit:contain}
.of-img picture{display:contents}
.of-h h3{font-size:1.2rem;line-height:1.15}
.of-d{font-size:.95rem;line-height:1.5;color:var(--fg)}
.of-paid{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.of-paid .k{font-family:var(--f-mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.of-paid b{font-size:.85rem;font-weight:600;color:var(--gold-hi);border:1px solid var(--gold-a40);background:var(--gold-a10);border-radius:999px;padding:4px 11px}
.of-help{display:grid;gap:8px;padding:12px;border-radius:14px;background:var(--bg);border:1px solid var(--line)}
.of-help .k{font-family:var(--f-mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.of-help p{font-size:.88rem;line-height:1.45;color:var(--muted)}
.of-ag{display:flex;flex-wrap:wrap;gap:6px}
.of-ag>span{display:flex;align-items:center;gap:6px;font-size:.8rem;font-weight:600;padding:3px 10px 3px 3px;border-radius:999px;border:1px solid var(--gold-a40);background:var(--gold-a10)}
.of-ag .av{width:24px;height:24px;box-shadow:0 0 10px -1px rgba(232,182,92,.7)}
@media(min-width:600px){.picker{grid-template-columns:repeat(6,minmax(0,1fr))}.offer{padding:20px}}

/* ---- who it's for ---- */
.yn{display:grid;gap:10px}
.yes,.no{display:grid;gap:10px;align-content:start;padding:16px;border-radius:18px;border:1px solid var(--line)}
.yes{border-color:var(--gold-a40);background:radial-gradient(120% 90% at 0% 0%,var(--gold-a10),transparent 60%),var(--surface)}
.no{background:var(--raise)}
.yes h3,.no h3{display:flex;align-items:center;gap:8px;font-family:var(--f-mono);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;font-weight:500;font-stretch:100%}
.yes h3{color:var(--gold)}.no h3{color:var(--red)}
.yes h3 svg,.no h3 svg{width:18px;height:18px;padding:3px;border-radius:50%;stroke-width:3;box-sizing:content-box}
.yes h3 svg{background:var(--gold);color:var(--on-gold)}
.no h3 svg{background:var(--red-a);color:var(--red)}
.yes>p,.no>p{font-family:var(--f-display);font-stretch:106%;font-size:1.12rem;font-weight:750;line-height:1.2}
.nos{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.nos li{font-size:.88rem;color:var(--muted);padding-left:14px;position:relative}
.nos li::before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;border-radius:50%;background:var(--red)}
.fit-take{margin-top:22px}
.bento{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.bento li{display:grid;align-content:start;gap:8px;padding:14px;border-radius:16px;border:1px solid var(--line);background:linear-gradient(180deg,var(--surface),var(--raise));min-width:0}
.bento h3{font-size:.94rem;font-stretch:106%;font-weight:750;line-height:1.2}
.bento p{font-size:.82rem;line-height:1.45;color:var(--muted)}
.dont{display:grid;justify-items:center;gap:10px;margin-top:22px}
.dont ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.dont li{font-size:.88rem;color:var(--muted);padding:7px 12px;border-radius:999px;border:1px dashed var(--line-2)}
.x{position:relative;text-decoration:none}
.x::after{content:"";position:absolute;left:-2px;right:-2px;top:52%;height:1.5px;background:var(--red);transform-origin:left;transform:scaleX(1);transition:transform .5s var(--ease)}
.dont.pre .x::after{transform:scaleX(0)}
.dont li:nth-child(2) .x::after{transition-delay:.12s}.dont li:nth-child(3) .x::after{transition-delay:.24s}.dont li:nth-child(4) .x::after{transition-delay:.36s}
@media(min-width:600px){.bento{grid-template-columns:repeat(4,minmax(0,1fr))}.yn{grid-template-columns:1.25fr 1fr}}

/* ---- proof ---- */
.proof-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:720px;margin-inline:auto}
.ps{position:relative;display:grid;justify-items:center;align-content:center;gap:4px;padding:16px 6px;border-radius:16px;border:1px solid var(--line);background:var(--raise);text-align:center;min-height:132px}
.ps>strong{font-family:var(--f-display);font-stretch:110%;font-size:2.1rem;font-weight:800;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums;color:var(--fg);white-space:nowrap}
.ps>span{font-size:.8rem;line-height:1.3;color:var(--muted)}
.ps-ring{padding-top:88px;align-content:start}
.ps-ring svg{position:absolute;top:12px;left:50%;width:72px;height:72px;margin-left:-36px}
.ps-ring>strong{position:absolute;top:36px;left:0;right:0;font-size:1.2rem}
.pr-arc{filter:drop-shadow(0 0 4px rgba(232,182,92,.6))}
.ps-ring.pre .pr-arc{stroke-dashoffset:213.6}
.ps-ring.go .pr-arc{transition:stroke-dashoffset 1.4s var(--ease)}
@media(min-width:600px){.ps>strong{font-size:2.75rem}.ps-ring>strong{font-size:1.2rem}}

/* ---- pay once ---- */
.cmp1{width:100%;max-width:620px;margin-inline:auto;display:grid;gap:10px;padding:12px 12px 14px;border-radius:22px;border:1px solid var(--gold-a40);background:radial-gradient(100% 55% at 50% 0%,var(--gold-a10),transparent 60%),var(--surface);box-shadow:0 30px 70px -40px rgba(232,182,92,.5)}
.c1-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.c1-head h3{font-size:1rem;font-weight:800;line-height:1.15;letter-spacing:-.01em;min-width:0}
.c1-seg{display:flex;gap:2px;padding:0;border-radius:999px;border:1px solid var(--line-2);background:var(--bg);flex:none}
.c1-seg button{position:relative;min-height:44px;padding:0 12px;border:0;border-radius:999px;background:none;color:var(--muted);font-size:.82rem;font-weight:600;cursor:pointer;transition:background .3s,color .3s}
.c1-seg button[aria-checked="true"]{background:var(--gold-a20);color:var(--fg);box-shadow:inset 0 0 0 1px var(--gold-a40)}
.c1-tw{position:relative;isolation:isolate}
.c1-col{position:absolute;top:0;bottom:0;right:0;width:52px;border-radius:12px;background:linear-gradient(180deg,rgba(232,182,92,.13),rgba(232,182,92,.07));border:1px solid var(--gold-a20);z-index:-1;pointer-events:none}
.c1-t{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;font-size:.82rem}
.c1-cp{width:80px}.c1-ch{width:52px}
.c1-t thead th{font-family:var(--f-mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);font-weight:500;text-align:right;padding:8px 10px 7px 0}
.c1-t thead th:first-child{text-align:left}
.c1-t thead .c1-here{color:var(--gold);text-align:center;padding-right:0}
.c1-t tbody th,.c1-t tbody td{border-top:1px solid var(--line);padding:6px 0;vertical-align:middle}
.c1-t tbody .c1-here{border-top-color:transparent;text-align:center}
.c1-t tbody th{text-align:left;font-weight:400}
.c1-job{display:flex;align-items:center;gap:9px;min-width:0}
.c1-job .av{width:28px;height:28px;box-shadow:0 0 0 1.5px var(--gold),0 0 12px -2px rgba(232,182,92,.7)}
.c1-job>span:last-child{display:grid;gap:1px;min-width:0}
.c1-job b{font-size:.88rem;font-weight:600;line-height:1.2;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c1-job small{font-size:.72rem;line-height:1.3;color:var(--muted)}
.c1-p{text-align:right;white-space:nowrap;padding-right:10px!important;font-variant-numeric:tabular-nums}
.p1-v{font-family:var(--f-display);font-stretch:106%;font-weight:750;font-size:.97rem;color:var(--fg)}
.ok{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--gold);color:var(--on-gold);box-shadow:0 0 12px -2px rgba(232,182,92,.8)}
.ok svg{width:13px;height:13px;stroke-width:3}
.c1-t tfoot th,.c1-t tfoot td{border-top:1px solid var(--gold-a40);padding:10px 0 9px;vertical-align:middle}
.c1-t tfoot .c1-here{border-top-color:transparent;text-align:center}
.c1-t tfoot th{text-align:left;font-family:var(--f-mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:500}
.c1-t tfoot th small{display:block;font-family:var(--f-body);font-size:.72rem;letter-spacing:0;text-transform:none;color:var(--dim);margin-top:3px}
.c1-t tfoot td{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;padding-right:10px}
.c1-t tfoot b{font-family:var(--f-display);font-stretch:108%;font-size:1.2rem;font-weight:800;letter-spacing:-.02em}
.c1-t tfoot .c1-here b{color:var(--gold-hi);font-size:1.05rem;display:inline-block;min-width:2.7em}
.c1-t tfoot .c1-here small{display:block;margin-top:-1px;font-size:.68rem;color:var(--dim)}
.c1-time{display:grid;gap:6px;padding-top:2px}
.c1-tl{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:.88rem;color:var(--muted)}
.c1-tl b{color:var(--fg)}
.c1-save b{color:var(--gold-hi);font-family:var(--f-display);font-stretch:108%;font-size:1.2rem;font-weight:800;font-variant-numeric:tabular-nums;display:inline-block;min-width:4.4ch;text-align:right}
html:not(.priced) .c1-save,html:not(.priced) .c1-gp-v,html:not(.priced) .c1-bar.gp .track i{visibility:hidden}
/* every price slot keeps its line before the price arrives (an empty slot had no line height: the card grew 14px, CLS) */
.cmp1 [data-price]:empty::before,.p1-diff:empty::before{content:"\200b"}
html.price-unknown .c1-save,html:not(.js) .c1-save{display:none}
.c1-time input{width:100%;min-height:40px;accent-color:var(--gold-deep);cursor:pointer;margin:0}
.c1-bars{display:grid;gap:8px}
.c1-bar{display:grid;grid-template-columns:104px minmax(0,1fr) 58px;align-items:center;gap:8px}
.c1-bar .bl{font-size:.75rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c1-bar .track{height:12px;border-radius:4px;background:var(--bg);overflow:hidden;position:static;border:0}
.c1-bar .track i{display:block;height:100%;width:100%;min-width:5px;border-radius:4px;transform-origin:left;transform:scaleX(var(--w,1));transition:transform .45s var(--ease)}
.c1-bar.sub .track i{background:#9A523F}
.c1-bar.gp .track i{background:#B98930;box-shadow:0 0 12px rgba(232,182,92,.65)}
.c1-bar>b{text-align:right;font-size:.88rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--fg)}
.c1-cta{display:grid;justify-items:center;margin-top:16px}
.c1-cta .btn{width:100%;max-width:420px}
@media(min-width:600px){
  .cmp1{padding:20px;gap:14px}
  .c1-head h3{font-size:1.3rem}
  .c1-t{font-size:.875rem}
  .c1-job b{font-size:.94rem}.c1-job small{font-size:.78rem}
  .c1-job .av{width:36px;height:36px}
  .c1-cp{width:110px}.c1-ch,.c1-col{width:88px}
  .c1-t tfoot td:nth-child(2) b{font-size:1.375rem}
  .c1-bar{grid-template-columns:140px minmax(0,1fr) 70px}
  .c1-bar .bl{font-size:.82rem}
}
/* short phones (375×667): the whole card fits between the header and the price bar; the bars repeat "You save" and the totals, so they go (as in the reference) */
@media(max-height:700px) and (max-width:599px){.c1-t tbody th,.c1-t tbody td{padding:4px 0}.c1-bars{display:none}.cmp1{gap:8px}}

/* ---- pricing: icons on the included list, the border beam, the chips row ---- */
.price-wrap{grid-template-columns:minmax(0,1fr)!important;max-width:560px;margin-inline:auto}
.price-card{overflow:visible}
.price-card::before{content:none}
.price-card{--beam:6s;background:radial-gradient(100% 60% at 50% 0%,var(--gold-a20),transparent 60%),var(--surface);box-shadow:0 30px 80px -40px rgba(232,182,92,.5)}
.incl{gap:2px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:6px 0}
.incl li{display:flex;align-items:center;gap:12px;padding:7px 2px;font-size:.92rem;line-height:1.35}
.incl .dt{width:26px;height:26px;margin:0}
.astack{display:flex;flex:none;padding:2px;border-radius:999px;box-shadow:0 0 16px -4px rgba(232,182,92,.7)}
.astack .av{display:block;flex:0 0 30px;width:30px;height:30px;border-radius:50%;box-shadow:0 0 0 2px var(--surface),0 0 0 3px rgba(232,182,92,.35);margin-left:-9px}
.astack .av:first-child{margin-left:0}
.badges{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 14px;font-size:.8rem;color:var(--muted)}
.badges .badge{display:flex;align-items:center;gap:6px;padding:0;background:none;font-size:.8rem}
.badges .badge::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--gold)}
.badges .badge svg{display:none}
.ft.next figcaption em{border-style:solid}

/* ---- 14-day refund + after you pay ---- */
.guar-sec .wrap{display:grid;justify-items:center;text-align:center;gap:18px}
.seal{position:relative;width:132px;height:132px}
.seal svg{width:100%;height:100%;overflow:visible}
.seal-spin{transform-origin:60px 60px;animation:spin 22s linear infinite}
.seal-c{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;font-family:var(--f-mono);font-size:.62rem;letter-spacing:.2em;color:var(--muted)}
.seal-c b{font-family:var(--f-display);font-stretch:110%;font-size:2.1rem;font-weight:800;color:var(--gold-hi);letter-spacing:-.02em;line-height:1}
.guar-k{font-family:var(--f-mono);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.guar-h{max-width:20ch;font-size:clamp(1.5rem,6.6vw,2.5rem)}
.after1{display:grid;gap:12px;width:100%;max-width:560px}
.steps1{list-style:none;margin:0;padding:0;position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.steps1::before,.steps1::after{content:"";position:absolute;top:25px;left:16.6%;right:16.6%;height:2px;background:var(--line)}
.steps1::after{background:linear-gradient(90deg,var(--gold-deep),var(--gold));transform-origin:left;transform:scaleX(1);transition:transform 1.2s var(--ease)}
.steps1.pre::after{transform:scaleX(0)}
.steps1 li{position:relative;display:grid;justify-items:center;gap:8px;font-size:.82rem;line-height:1.3;color:var(--fg)}
.steps1 .dt{width:52px;height:52px;padding:12px;box-sizing:border-box;border-radius:50%;background:var(--surface);border:1px solid var(--gold-a40);box-shadow:0 0 18px -6px rgba(232,182,92,.7);transition:transform .5s var(--spring),opacity .4s}
.steps1.pre .dt{transform:scale(.6);opacity:.3}
.steps1 li:nth-child(2) .dt{transition-delay:.45s}.steps1 li:nth-child(3) .dt{transition-delay:.9s}
.runs{display:grid;gap:10px;justify-items:center}
.runs .lchips{justify-content:center}

/* ---- what you'll need (19 Oct 2026): three tiles, the monthly-cost estimator, a real person if stuck ----
   Page tokens only (no new colour or font). The sliders are native range inputs: 44px tall, full width, keyboard as
   the browser gives it. Numbers are tabular with room for their widest value, so nothing moves while a slider moves. */
.need .sec-head{margin-bottom:clamp(24px,4vw,40px)}
.need-tiles{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.need-tiles>li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:start;align-content:start;padding:18px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(180deg,var(--surface),var(--raise))}
.need-tiles .dt{width:46px;height:46px;padding:10px;border-radius:14px;background:var(--gold-a10);border:1px solid var(--gold-a20)}
.need-tiles h3{font-size:1.02rem;margin-top:2px}
.need-tiles p{margin-top:6px;font-size:.92rem;line-height:1.5;color:var(--muted)}
.need-who{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.need-who li{padding:7px 12px;border-radius:999px;border:1px solid var(--line-2);background:var(--bg);font-size:.84rem;line-height:1.35;color:var(--fg)}
.need-who b{color:var(--gold-hi);font-weight:600}
.est{margin-top:14px;display:grid;border-radius:22px;border:1px solid var(--gold-b);background:linear-gradient(180deg,var(--surface),var(--raise));overflow:hidden}
.est-in{padding:24px 20px 8px;min-width:0}
.est h3{font-size:clamp(1.25rem,3.2vw,1.45rem)}
.est-sub{margin-top:8px;font-size:.94rem;line-height:1.55;color:var(--muted)}
.ctl{margin-top:22px}
.ctl-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.ctl label{font-weight:600;font-size:.96rem}
.ctl output{flex:none;min-width:5ch;text-align:right;font-weight:600;color:var(--gold-hi);font-variant-numeric:tabular-nums}
.ctl small{display:block;margin-top:2px;font-size:.82rem;line-height:1.45;color:var(--dim)}
.ctl input[type=range]{-webkit-appearance:none;appearance:none;display:block;width:100%;height:44px;margin:4px 0 0;background:transparent;cursor:pointer;touch-action:pan-y}
.ctl input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:6px;background:linear-gradient(90deg,var(--gold) var(--p,20%),var(--line-2) var(--p,20%))}
.ctl input[type=range]::-moz-range-track{height:6px;border-radius:6px;background:var(--line-2)}
.ctl input[type=range]::-moz-range-progress{height:6px;border-radius:6px;background:var(--gold)}
.ctl input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;margin-top:-10px;border-radius:50%;background:var(--gold-hi);border:4px solid var(--bg);box-shadow:0 0 0 1px var(--gold),0 4px 14px rgba(0,0,0,.5)}
.ctl input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--gold-hi);border:4px solid var(--bg);box-shadow:0 0 0 1px var(--gold)}
.ctl input[type=range]:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:8px}
html:not(.js) .ctl input[type=range]{display:none}
.est-out{padding:22px 20px 24px;border-top:1px solid var(--gold-b);background:var(--gold-a10);min-width:0}
.est-lab{font-family:var(--f-mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.est-total{margin-top:6px;display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px}
.est-total b{font-family:var(--f-display);font-stretch:112%;font-weight:800;font-size:clamp(2.9rem,10vw,4rem);line-height:1;letter-spacing:-.02em;color:var(--gold-hi);font-variant-numeric:tabular-nums}
.est-total span{color:var(--muted);font-size:1rem}
.est-per{margin-top:8px;font-size:.94rem;color:var(--muted)}
.est-per span{color:var(--fg);font-weight:600;font-variant-numeric:tabular-nums}
.est-rows{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px}
.est-rows li{display:flex;justify-content:space-between;align-items:baseline;gap:14px;font-size:.92rem;line-height:1.45;color:var(--muted)}
.est-rows b{color:var(--fg);font-weight:600;font-variant-numeric:tabular-nums}
.est-rows li>b{flex:none;min-width:6ch;white-space:nowrap;text-align:right}
.est-rows li.free>b{color:var(--gold-hi)}
.est-us{margin-top:16px;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:var(--raise);font-size:.94rem;color:var(--muted)}
.est-us b{color:var(--fg)}
.est-us .ico{width:18px;height:18px;color:var(--gold)}
/* 19 Oct 2026: the "you don't have to email everyone" note: quieter than the estimator (no fill, small type) */
.need-call{margin-top:14px;display:flex;align-items:flex-start;gap:12px;padding:14px 18px;border-radius:16px;border:1px solid var(--line)}
.need-call .ico{width:18px;height:18px;margin-top:3px;color:var(--gold)}
.need-call p{font-size:.9rem;line-height:1.55;color:var(--muted);max-width:76ch}
.need-call b{color:var(--fg)}
.need-help{margin-top:14px;display:grid;gap:12px;align-items:center;padding:18px 20px;border-radius:18px;border:1px dashed var(--line-2)}
.need-help p{font-size:.96rem;line-height:1.55;color:var(--muted)}
.need-help p b{color:var(--fg)}
.need-go{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 20px;border-radius:999px;border:1px solid var(--gold-b);color:var(--gold-hi);font-weight:600;font-size:.94rem;text-decoration:none;transition:border-color .2s,background-color .2s}
.need-go:hover{border-color:var(--gold);background:var(--gold-a10)}
.need-go .ico{width:16px;height:16px}
@media(min-width:760px){
  .need-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .need-tiles>li{grid-template-columns:1fr;padding:22px}
  .est-in{padding:30px 32px 10px}
  .est-out{padding:26px 32px 30px}
  .need-help{grid-template-columns:minmax(0,1fr) auto;padding:20px 24px}
}
/* side by side only where each result row fits on one line whatever the counts (a row that wraps at 3,000 but not at 60
   would change the panel's height as the slider moves) */
@media(min-width:1024px){
  .est{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .est-in{padding:32px}
  .est-out{border-top:0;border-left:1px solid var(--gold-b);padding:32px;display:flex;flex-direction:column;justify-content:center}
}

/* ---- FAQ: the native accordion, restyled; the plus turns to × ---- */
.faq{margin-inline:auto;max-width:680px}
.faq details{padding:0 16px}
.faq summary{min-height:52px;font-size:.94rem}
.faq summary::after{background-color:transparent;transition:transform .3s var(--spring)}

/* ---- the close: the illustrated map (decorative; it never shows finder data) ---- */
.map{width:100%;max-width:640px;margin:0 auto 26px;border-radius:20px;overflow:hidden;border:1px solid var(--line);background:radial-gradient(90% 90% at 50% 40%,rgba(232,182,92,.08),transparent 70%),var(--bg)}
.map svg{display:block;width:100%;height:auto;aspect-ratio:360/200}
.map .st{stroke:var(--line);stroke-width:1.2;fill:none}
.map .av-st{stroke:var(--line-2);stroke-width:3;fill:none}
.map .river{stroke:#1F2A30;stroke-width:9;fill:none;stroke-linecap:round;opacity:.9}
.map .blk{fill:var(--raise)}
.map .pin{transform-box:fill-box;transform-origin:50% 100%;transition:transform .5s var(--spring),opacity .3s}
.map.pre .pin{transform:scale(0);opacity:0}
.map .pin.g path{fill:var(--gold)}
.map .pin.d path{fill:#4A3D2C}
.map .pin circle{fill:var(--bg)}
.map .pulse{fill:none;stroke:var(--gold);stroke-width:1.5;transform-box:fill-box;transform-origin:center;animation:mpulse 2.6s var(--ease) infinite}
@keyframes mpulse{0%{transform:scale(.4);opacity:.9}100%{transform:scale(2.4);opacity:0}}

@media (prefers-reduced-motion: reduce){
  .cring::before{opacity:.8;transform:none}
  .crew-line::after,.rail-spark,.map .pulse{display:none}
  .beam-r{opacity:.5}.beam-r::before{animation:none}
  .rv.pre,.sc-list li.sc-more.pre{opacity:1;transform:none}
  .dont.pre .x::after,.steps1.pre::after{transform:none}
  .steps1.pre .dt{transform:none;opacity:1}
  .map.pre .pin{transform:none;opacity:1}
  .ps-ring.pre .pr-arc{stroke-dashoffset:0}
  .tour{display:none}
}

/* ===================== the Local Opportunity Finder (15 Oct 2026, Part B), from design-ref's #finder / #unlock ===================== */
.lof-sec .sec-head{margin-bottom:22px}
.lof{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:14px;width:100%;max-width:1040px;margin-inline:auto;padding:14px;border-radius:22px;border:1px solid var(--gold-a40);background:radial-gradient(110% 55% at 50% 0%,var(--gold-a10),transparent 60%),var(--surface);box-shadow:0 30px 70px -40px rgba(232,182,92,.5);scroll-margin-top:84px;--beam:8s}
.lof-top{display:flex;align-items:center;gap:12px;min-width:0}
.lof-av{width:44px;height:44px;flex:none;border-radius:50%;padding:2px;background:conic-gradient(from 200deg,var(--gold-hi),var(--gold) 30%,var(--gold-deep) 55%,var(--gold-hi) 80%,var(--gold));box-shadow:0 0 20px -2px rgba(232,182,92,.75)}
.lof-av .av{display:block;width:100%;height:100%;box-shadow:none}
.lof-tt{flex:1;min-width:0}
.lof-tt h3{font-size:1.06rem;font-weight:800;line-height:1.15}
.lof-tt p{margin-top:2px;font-size:.8rem;line-height:1.35;color:var(--muted)}
.lof-free{flex:none;font-family:var(--f-mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--on-gold);background:var(--gold);border-radius:999px;padding:4px 10px;box-shadow:0 0 14px -3px rgba(232,182,92,.9)}
.lof-form{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-content:start;min-width:0;margin:0}
.lf-field{display:grid;grid-template-columns:minmax(0,1fr);gap:7px;min-width:0;margin:0;padding:0;border:0}
.lf-lab{padding:0;font-family:var(--f-mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.lf-box{position:relative;min-width:0}
.lf-loc{display:flex;align-items:center;gap:8px;min-height:54px;padding:0 6px 0 13px;border-radius:14px;border:1px solid var(--line-2);background:var(--bg);transition:border-color .2s,box-shadow .2s}
.lf-loc:focus-within{border-color:var(--gold-a40);box-shadow:0 0 0 3px var(--gold-a10)}
.lof.invalid .lf-loc{border-color:rgba(234,106,79,.7);box-shadow:0 0 0 3px rgba(234,106,79,.12)}
.lf-loc>.ico{width:18px;height:18px;color:var(--gold)}
.lf-loc input{flex:1 1 0;width:0;min-width:0;height:50px;border:0;background:none;color:var(--fg);font:inherit;font-size:16px;outline:none}
.lf-loc input::placeholder{color:var(--dim);opacity:1}
.lf-near{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 11px;border-radius:10px;border:1px solid var(--line-2);background:var(--raise);color:var(--fg);font-size:.82rem;font-weight:600;cursor:pointer;white-space:nowrap;flex:none}
.lf-near .ico{width:15px;height:15px;color:var(--gold)}
.lf-sug{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:6;margin:0;padding:6px;list-style:none;border-radius:14px;border:1px solid var(--line-2);background:#17130F;box-shadow:0 24px 40px -12px rgba(0,0,0,.75)}
.lf-sug li{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 10px;border-radius:10px;font-size:.94rem;color:var(--fg);cursor:pointer}
.lf-sug li .ico{width:15px;height:15px;color:var(--dim)}
.lf-sug li[aria-selected="true"],.lf-sug li:hover{background:var(--gold-a10)}
.lf-sug mark{background:none;color:var(--gold-hi);font-weight:600}
.lf-err,.lf-note{display:flex;align-items:center;gap:6px;margin:0;font-size:.82rem;color:var(--red)}
.lf-note{color:var(--muted)}
.lf-err .ico,.lf-note .ico{width:15px;height:15px}
.lf-chips{display:flex;gap:7px;overflow-x:auto;scroll-snap-type:x proximity;margin-inline:-14px;padding:3px 14px 5px;scrollbar-width:none;-webkit-mask:linear-gradient(90deg,transparent,#000 14px,#000 calc(100% - 28px),transparent);mask:linear-gradient(90deg,transparent,#000 14px,#000 calc(100% - 28px),transparent)}
.lf-chips::-webkit-scrollbar{display:none}
.lf-chip{position:relative;flex:none;scroll-snap-align:start}
.lf-chip input,.lf-seg input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}
.lf-chip span{display:inline-flex;align-items:center;min-height:42px;padding:0 14px;border-radius:999px;border:1px solid var(--line-2);background:var(--bg);color:var(--fg);font-size:.875rem;white-space:nowrap;transition:border-color .2s,background .2s,box-shadow .25s}
.lf-chip input:checked+span{border-color:var(--gold);background:var(--gold-a20);box-shadow:0 0 16px -4px rgba(232,182,92,.85)}
.lf-chip input:focus-visible+span,.lf-seg input:focus-visible+span{outline:2px solid var(--gold);outline-offset:2px}
.lf-seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;border-radius:14px;border:1px solid var(--line-2);background:var(--bg)}
.lf-seg label{position:relative}
.lf-seg span{display:grid;place-items:center;min-height:42px;border-radius:10px;font-size:.875rem;font-weight:600;color:var(--muted);transition:background .2s,color .2s}
.lf-seg input:checked+span{background:var(--gold-a20);color:var(--fg);box-shadow:inset 0 0 0 1px var(--gold-a40)}
.lf-go{width:100%;gap:10px}
.lf-go .ico{width:19px;height:19px}
.lf-go[aria-busy="true"]{filter:saturate(.7) brightness(.92);pointer-events:none}
.lf-go[aria-busy="true"] .ico{animation:spin 1s linear infinite}
.lf-micro{margin:-4px 0 0;font-size:.8rem;color:var(--dim);text-align:center}
.lf-hp{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}
.lof-out{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-content:start;min-width:0;scroll-margin-top:84px}
.radar{position:relative;width:132px;height:132px;flex:none;border-radius:50%;border:1px solid var(--gold-a20);background:radial-gradient(circle,rgba(232,182,92,.10),transparent 70%)}
.radar .rr{position:absolute;border-radius:50%;border:1px solid var(--gold-a20)}
.radar .r1{inset:17%}.radar .r2{inset:33%}
.radar .sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 72%,rgba(232,182,92,.5) 100%);animation:spin 2.4s linear infinite}
.radar.idle .sweep{animation-duration:7s;opacity:.55}
.radar .blip{position:absolute;left:var(--x);top:var(--y);width:6px;height:6px;margin:-3px;border-radius:50%;background:var(--gold-hi);box-shadow:0 0 10px var(--gold);opacity:0;animation:blip 2.4s ease-out infinite;animation-delay:var(--t)}
.radar.idle .blip{display:none}
.radar-av{position:absolute;inset:35%;border-radius:50%;padding:2px;background:var(--gold);box-shadow:0 0 18px rgba(232,182,92,.75)}
.radar-av .av{display:block;width:100%;height:100%;box-shadow:none}
@keyframes blip{0%,10%{opacity:0;transform:scale(.4)}14%{opacity:1;transform:scale(1.4)}55%{opacity:.75;transform:scale(1)}100%{opacity:0;transform:scale(1)}}
.lo-idle{display:grid;justify-items:center;gap:12px;text-align:center;padding:18px 12px;border-radius:18px;border:1px dashed var(--line-2);background:linear-gradient(180deg,rgba(14,12,10,.5),transparent)}
.lo-idle h4,.lo-msg h4{margin:0;font-family:var(--f-display);font-stretch:106%;font-size:1.06rem;font-weight:750;line-height:1.2;text-wrap:balance;max-width:26ch}
.lo-idle p,.lo-msg p{margin:0;font-size:.875rem;line-height:1.45;color:var(--muted);max-width:36ch}
.lo-quick,.lo-msg .row{display:flex;flex-wrap:wrap;justify-content:center;gap:7px}
.lo-quick button,.lo-msg .row button{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 13px;border-radius:999px;border:1px solid var(--gold-a40);background:var(--gold-a10);color:var(--fg);font-size:.84rem;font-weight:600;cursor:pointer}
.lo-quick .ico,.lo-msg .row .ico{width:14px;height:14px;color:var(--gold)}
.lo-load{display:grid;justify-items:center;gap:12px;padding:6px 0 2px}
.lo-status{margin:0;min-height:2.9em;font-size:.875rem;line-height:1.45;color:var(--fg);text-align:center;max-width:32ch}
.lo-status b{color:var(--gold-hi);font-weight:600}
.lo-dots{display:flex;gap:6px}
.lo-dots i{width:22px;height:4px;border-radius:4px;background:var(--line);transition:background .3s}
.lo-dots i.on{background:var(--gold)}
.skels{display:grid;gap:10px;width:100%}
.skel{position:relative;overflow:hidden;height:118px;border-radius:16px;border:1px solid var(--line);background:var(--raise)}
.skel::before{content:"";position:absolute;left:14px;right:40%;top:16px;height:12px;border-radius:6px;background:#221D17;box-shadow:0 22px 0 -2px #1E1A15,0 62px 0 6px #1C1814}
.skel::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,236,190,.05),transparent);transform:translateX(-100%);animation:sk 1.3s ease-in-out infinite}
@keyframes sk{to{transform:translateX(100%)}}
.lo-res{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;padding:12px;border-radius:18px;border:1px solid var(--line-2);background:rgba(14,12,10,.55)}
.lo-sum{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 10px}
.lo-sum p{margin:0;font-size:.9rem;line-height:1.35;color:var(--muted);min-width:0}
.lo-sum b{color:var(--fg);font-weight:600}
.lo-sample{font-family:var(--f-mono);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:var(--red);border:1px dashed rgba(234,106,79,.6);border-radius:6px;padding:3px 8px}
.lo-edit{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;border-radius:999px;border:1px solid var(--line-2);background:var(--bg);color:var(--fg);font-size:.82rem;font-weight:600;cursor:pointer}
.lo-edit .ico{width:14px;height:14px;color:var(--gold)}
.lo-note{display:flex;align-items:center;gap:8px;margin:0;font-size:.8rem;color:var(--gold-hi)}
.lo-note .ico{width:14px;height:14px}
.lo-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.biz{display:grid;gap:9px;padding:13px;border-radius:16px;border:1px solid var(--line);background:var(--raise);animation:bizIn .5s var(--ease) both;animation-delay:calc(var(--d) * 90ms)}
@keyframes bizIn{from{opacity:0;transform:translateY(10px)}}
.biz-h{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start}
.biz-n{margin-top:2px;font-family:var(--f-mono);font-size:.7rem;color:var(--gold);border:1px solid var(--gold-a40);border-radius:6px;padding:2px 5px;font-variant-numeric:tabular-nums}
.biz-t{min-width:0}
.biz-t h4{margin:0;font-family:var(--f-body);font-size:.97rem;font-weight:600;line-height:1.25;color:var(--fg);overflow-wrap:anywhere}
.biz-t p{margin:2px 0 0;font-size:.8rem;line-height:1.35;color:var(--muted)}
.biz-t .biz-rt{display:flex;align-items:center;gap:6px;margin:4px 0 2px;white-space:nowrap}
.biz-rt.nr{color:var(--muted)}
.biz-rt b{font-size:.875rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--fg)}
.biz-rt small{font-size:.75rem;color:var(--muted);font-variant-numeric:tabular-nums}
.stars{--p:calc(var(--r) / 5 * 100%);display:block;width:70px;height:13px;background:linear-gradient(90deg,var(--gold) var(--p),var(--line-2) var(--p));-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 13'%3E%3Cpath d='M7 .6l1.85 3.95 4.3.5-3.2 2.95.86 4.25L7 10.1 3.19 12.25l.86-4.25L.85 5.05l4.3-.5z'/%3E%3C/svg%3E") 0 0/14px 13px repeat-x;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 13'%3E%3Cpath d='M7 .6l1.85 3.95 4.3.5-3.2 2.95.86 4.25L7 10.1 3.19 12.25l.86-4.25L.85 5.05l4.3-.5z'/%3E%3C/svg%3E") 0 0/14px 13px repeat-x}
.biz-c{display:flex;flex-wrap:wrap;gap:0 16px}
.biz-c a,.biz-c span{display:inline-flex;align-items:center;gap:7px;min-height:44px;font-size:.84rem;color:var(--fg);text-decoration:none}
.biz-c a:hover{color:var(--gold-hi)}
.biz-c .ico{width:15px;height:15px;color:var(--gold)}
.biz-c .nows,.biz-c .nows .ico{color:var(--red)}
/* 30 Oct 2026 (it should read as an offer, not a placeholder): the angle sits on a soft gold
   wash with a glowing icon tile; the offer is a pill with its own icon; the card's button is a solid gold action that opens
   checkout. Static glows only (box-shadow, no filters, nothing animated beyond the card's own rise): WebKit crashed on
   animated filters and shadows on this page. */
.biz-ang{display:grid;grid-template-columns:auto minmax(0,1fr);gap:11px;align-items:start;margin:0;padding:11px 12px;border-radius:14px;border:1px solid var(--gold-a20);
  background:linear-gradient(135deg,rgba(232,182,92,.14),rgba(232,182,92,.04) 62%),var(--raise);box-shadow:inset 0 1px 0 rgba(247,213,146,.10);font-size:.82rem;line-height:1.45;color:var(--fg)}
.biz-glow{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;
  background:radial-gradient(circle at 30% 25%,var(--gold-hi),var(--gold) 55%,var(--gold-deep));box-shadow:0 0 0 1px rgba(247,213,146,.35),0 0 18px rgba(232,182,92,.38)}
.biz-glow .ico{width:15px;height:15px;color:var(--on-gold)}
.biz-ang b{display:block;margin-bottom:2px;font-family:var(--f-mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);font-weight:500}
.biz-ang p{margin:0}
.biz-offer{display:flex;align-items:center;gap:9px;width:fit-content;max-width:100%;margin-top:9px!important;padding:5px 11px 5px 5px;border-radius:12px;border:1px solid var(--gold-a40);
  background:rgba(14,12,10,.62);box-shadow:0 0 16px -2px rgba(232,182,92,.16);font-size:.8rem;line-height:1.35;color:var(--fg)}
.bo-ic{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:8px;background:var(--gold-a20);box-shadow:inset 0 0 0 1px var(--gold-a40),0 0 12px rgba(232,182,92,.30)}
.bo-ic .ico{width:14px;height:14px;color:var(--gold-hi)}
.bo-t{font-weight:600;min-width:0}
.bo-t span{color:var(--gold-hi);font-weight:500}
.biz-a{display:grid;grid-template-columns:repeat(auto-fit,minmax(124px,1fr));gap:8px}
.ba{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:0 10px;border-radius:12px;border:1px solid var(--line-2);background:var(--bg);color:var(--fg);font:inherit;font-size:.84rem;font-weight:600;text-decoration:none;cursor:pointer;white-space:nowrap}
.ba .ico{width:15px;height:15px;color:var(--gold)}
.ba.lock{border:1px solid rgba(247,213,146,.55);background:linear-gradient(180deg,var(--gold-hi),var(--gold) 58%,var(--gold-deep));color:var(--on-gold);
  box-shadow:0 8px 20px -10px rgba(232,182,92,.85),inset 0 1px 0 rgba(255,255,255,.35)}
.ba.lock:hover{background:linear-gradient(180deg,#FBE2AE,var(--gold-hi) 55%,var(--gold))}
.ba.lock:focus-visible{outline:2px solid var(--gold-hi);outline-offset:2px}
.ba.lock .ico{color:var(--on-gold)}
.ba.lock small{font-size:.78rem;font-weight:600;opacity:.72;font-variant-numeric:tabular-nums}
.ba.lock[aria-busy="true"]{opacity:.7;pointer-events:none}
/* phones: the priced action takes its own full-width row, first; Google Maps below it (two half-width buttons cut its label) */
@media(max-width:599px){.biz-a{grid-template-columns:minmax(0,1fr)}.ba.lock{order:-1}}
.lo-hook{display:flex;align-items:center;gap:8px;margin:0;font-size:.84rem;line-height:1.4;color:var(--fg)}
.lo-hook .ico{flex:none;width:15px;height:15px;color:var(--gold)}
.lo-more{display:flex;align-items:center;gap:10px;margin:0;padding:12px;border-radius:14px;border:1px dashed var(--gold-a40);font-size:.84rem;line-height:1.45;color:var(--fg)}
.lo-more .ico{width:18px;height:18px;color:var(--gold)}
/* Google's attribution: the official logo, unmodified, ≥10px clear left/right/top and 5px below */
.lo-attr{display:flex;flex-wrap:wrap;align-items:center;gap:0 10px;padding:10px 0 5px;border-top:1px solid var(--line);font-size:.75rem;color:var(--muted)}
.gm-logo{display:block;width:98px;height:18px;margin:10px 10px 5px}
.lo-attr a{margin-left:auto;min-height:44px;display:inline-flex;align-items:center;color:var(--muted);text-decoration:underline;text-underline-offset:2px}
/* 19 Oct 2026 (Places policies: ranking factors + Google's review notice, inside the attribution, right under the Google results) */
.lo-attr-n{flex-basis:100%;margin:0 0 4px;font-size:.75rem;line-height:1.5;color:var(--muted)}
.lo-msg{display:grid;justify-items:center;gap:10px;text-align:center;padding:22px 14px;border-radius:18px;border:1px solid var(--line-2);background:var(--raise)}
.lo-msg .big{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line-2);background:var(--bg);color:var(--gold)}
.lo-msg .big .ico{width:24px;height:24px}
.lo-msg.warn .big{color:var(--red);border-color:rgba(234,106,79,.4)}
.lim{display:flex;gap:6px}
.lim i{width:34px;height:6px;border-radius:4px;background:var(--gold);box-shadow:0 0 10px -2px rgba(232,182,92,.8)}
/* the unlock card (results and daily-limit states only) */
.unl{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:13px;width:100%;max-width:720px;margin:18px auto 0;padding:20px 14px 16px;border-radius:22px;border:1px solid var(--gold-a40);background:radial-gradient(100% 45% at 50% 0%,var(--gold-a20),transparent 62%),var(--surface);box-shadow:0 30px 80px -40px rgba(232,182,92,.6);scroll-margin-top:84px;animation:unlIn .6s var(--ease) both;--beam:6s}
@keyframes unlIn{from{opacity:0;transform:translateY(14px)}}
.unl-kick{display:flex;align-items:center;justify-content:center;gap:10px;font-family:var(--f-mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.unl h3{font-size:clamp(1.45rem,6.4vw,2.1rem);font-stretch:110%;font-weight:800;line-height:1.08;letter-spacing:-.02em;text-align:center}
.unl-sub{margin:0 auto;max-width:44ch;font-size:.9rem;line-height:1.5;color:var(--muted);text-align:center;text-wrap:pretty}
.u-tw{position:relative;isolation:isolate}
.u-t{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;font-size:.82rem}
.u-cf{width:48px}.u-ch{width:78px}
.u-col{position:absolute;top:0;bottom:0;right:0;width:78px;z-index:-1;pointer-events:none;border-radius:12px;border:1px solid var(--gold-a20);background:linear-gradient(180deg,rgba(232,182,92,.14),rgba(232,182,92,.07))}
.u-t thead th{padding:8px 0 7px;font-family:var(--f-mono);font-size:.6rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);text-align:center}
.u-t thead .u-here{color:var(--gold)}
.u-t tbody th,.u-t tbody td{padding:7px 0;border-top:1px solid var(--line);vertical-align:middle}
.u-t tbody td{text-align:center;font-variant-numeric:tabular-nums}
.u-t tbody .u-here{border-top-color:transparent}
.u-t tbody th{text-align:left;font-weight:400}
.u-row{display:flex;align-items:center;gap:9px;min-width:0}
.u-row .av,.u-row .u-ic{width:26px;height:26px;flex:none;border-radius:50%;box-shadow:0 0 0 1.5px var(--gold),0 0 12px -2px rgba(232,182,92,.7)}
.u-row .u-ic{display:grid;place-items:center;background:var(--bg);color:var(--gold)}
.u-row .u-ic .ico{width:14px;height:14px}
.u-row>span:last-child{display:grid;gap:1px;min-width:0}
.u-row b{font-size:.84rem;font-weight:600;line-height:1.25;color:var(--fg)}
.u-row small{font-size:.72rem;line-height:1.3;color:var(--muted)}
.u-no{color:var(--dim)}
.u-free{font-size:.875rem;font-weight:600;color:var(--fg)}
.u-full{font-family:var(--f-display);font-stretch:106%;font-size:.875rem;font-weight:800;color:var(--gold-hi);line-height:1.1}
.u-t tr.flash th,.u-t tr.flash td:not(.u-here){animation:rowFlash 1.6s var(--ease)}
@keyframes rowFlash{0%,100%{background:transparent}25%{background:rgba(232,182,92,.16)}}
.unl-same{margin:0;font-size:.8rem;color:var(--muted);text-align:center}
.unl-price{display:flex;align-items:baseline;justify-content:center;gap:10px;flex-wrap:wrap;margin:0}
.unl-price s{font-size:1.1rem;color:var(--muted);text-decoration:line-through;text-decoration-color:var(--red);text-decoration-thickness:2px}
.unl-price strong{font-family:var(--f-display);font-stretch:112%;font-size:2.5rem;font-weight:800;letter-spacing:-.03em;line-height:1;display:inline-block;min-width:2.6ch}
.unl-price>span:last-child{font-size:.875rem;color:var(--muted)}
.unl .vcta .btn{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;column-gap:0;row-gap:2px;text-align:center;line-height:1.25;padding:10px 20px;min-height:54px;hyphens:manual;-webkit-hyphens:manual;overflow-wrap:normal;word-break:normal}
.unl .vcta .btn .bp{white-space:nowrap;flex:none}
.unl .trust{justify-content:center}
.unl-again{justify-self:center;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:0;background:none;color:var(--muted);font:inherit;font-size:.875rem;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.unl-again .ico{width:15px;height:15px;color:var(--gold)}
/* the hero's link to the free search */
.try-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:15px;font-weight:600;color:var(--gold);text-decoration:none;border-bottom:1px solid var(--gold)}
.try-link .ico{width:16px;height:16px}
@media(min-width:600px){
  .lof{padding:20px}
  .lf-chips{flex-wrap:wrap;overflow:visible;margin-inline:0;padding:2px;-webkit-mask:none;mask:none}
  .biz-a{grid-template-columns:auto auto;justify-content:start}
  .ba{padding:0 16px}
  .unl{padding:26px 26px 20px}
  .u-t{font-size:.875rem}
  .u-cf{width:90px}.u-ch,.u-col{width:120px}
  .u-row b{font-size:.9rem}
  .u-full{font-size:1rem}
}
@media(min-width:900px){
  .lof{grid-template-columns:minmax(0,370px) minmax(0,1fr);column-gap:26px;padding:24px}
  .lof-top{grid-column:1/-1}
  .lof-out{min-height:100%}
  .lo-idle{height:100%;align-content:center}
}
@media (prefers-reduced-motion: reduce){
  .radar .blip{opacity:.8}
}
/* 18 Oct 2026: the currency, said once under the main price card (Stripe's website checklist). A whole-pixel line height,
   so nothing below it moves by a fraction of a pixel */
.price-cur{margin:0 auto;max-width:34em;text-align:center;font-size:.8rem;line-height:20px;color:var(--muted)}

/* ===== 26 Oct 2026: the reviewed 1.3 changes (AI section, Fixer, price card, refund under the price, the FAQ value answer).
   Blocks that depend on an unreleased feature are switched in src/_release.json; their styles cost nothing while off. ===== */
.new-chip{display:inline-flex;align-items:center;gap:5px;font-family:var(--f-mono);font-size:.6rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;line-height:1;color:var(--on-gold);background:linear-gradient(90deg,var(--gold),var(--gold-hi));border-radius:999px;padding:4px 7px;white-space:nowrap;vertical-align:middle}
.new-chip.ghost{color:var(--gold-hi);background:var(--gold-a);box-shadow:inset 0 0 0 1px var(--gold-b)}

/* ---- the AI section ---- */
.ai-sec .sec-head .lede{max-width:700px;margin-inline:auto}
.ai-grid{display:grid;gap:14px;margin-top:30px}
@media(min-width:920px){.ai-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:stretch}}
.ai-stats{display:grid;gap:10px;align-content:start}
.ai-stat{display:grid;grid-template-columns:auto 1fr;gap:2px 16px;align-items:center;padding:16px 18px;border-radius:16px;border:1px solid var(--line);background:var(--raise)}
.ai-stat strong{grid-row:span 2;font-family:var(--f-display);font-stretch:110%;font-size:2.35rem;font-weight:800;letter-spacing:-.03em;line-height:1;color:var(--fg);font-variant-numeric:tabular-nums;white-space:nowrap;min-width:2.3em}
.ai-stat p{margin:0;font-size:.93rem;line-height:1.42;color:var(--fg);text-wrap:pretty}
.ai-stat small{font-size:.8rem;color:var(--dim)}
.ai-stat.hl{border-color:var(--gold-b);background:linear-gradient(135deg,var(--gold-a),rgba(232,182,92,.03) 60%)}
.ai-stat.hl strong{color:var(--gold-hi)}
.ai-win{min-height:100%}
.ai-win .wb{padding:14px;display:grid;gap:10px;align-content:start}
.ai-q{margin:0;font-size:.9rem;line-height:1.4;color:var(--fg);padding:11px 12px;border-radius:10px;background:var(--surface);border:1px solid var(--line)}
.ai-q small{display:block;margin-top:5px;font-family:var(--f-mono);font-size:.62rem;letter-spacing:.08em;color:var(--dim);text-transform:uppercase}
.ai-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.ai-list li{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:9px;background:var(--raise);border:1px solid var(--line);font-size:.78rem;color:var(--muted)}
.ai-list li .redact{flex:1;max-width:84px;height:8px;border-radius:3px;background:linear-gradient(90deg,#2F2820,#3A3127)}
.ai-list li.miss{border-color:var(--gold-b);background:linear-gradient(90deg,var(--gold-a),transparent 70%)}
.pips{display:inline-flex;gap:3px;margin-left:auto}
.pips i{width:8px;height:8px;border-radius:50%;background:transparent;box-shadow:inset 0 0 0 1.5px var(--line-2)}
.pips i.on{background:var(--gold);box-shadow:none}
.ai-v{min-width:92px;text-align:right;white-space:nowrap}
.ai-v b{color:var(--fg);font-weight:600}
.ai-list li.miss .ai-v b{color:var(--gold-hi)}
.ai-how{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px}
@media(min-width:760px){.ai-how{grid-template-columns:repeat(3,minmax(0,1fr))}}
.ai-how li{padding:18px;border-radius:16px;border:1px solid var(--line);background:var(--raise)}
.ai-how .k{font-family:var(--f-mono);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.ai-how h3{margin:6px 0 6px;font-size:1.02rem;line-height:1.3}
.ai-how p{margin:0;font-size:.9rem;line-height:1.5;color:var(--muted)}
.ai-punch{margin:26px auto 0;max-width:640px;text-align:center;font-family:var(--f-display);font-stretch:105%;font-weight:700;font-size:clamp(1.15rem,2.4vw,1.45rem);line-height:1.3;letter-spacing:-.01em;text-wrap:balance}
.ai-stat cite,footer cite{font-style:normal}

/* ---- Fixer in the team ---- */
.fx-ann{display:inline-flex;align-items:center;gap:10px;margin:16px auto 0;padding:5px 14px 5px 5px;border-radius:999px;border:1px solid var(--gold-b);background:linear-gradient(90deg,var(--gold-a),rgba(232,182,92,.04));color:var(--fg);font-size:.86rem;text-decoration:none;min-height:44px}
.fx-ann:hover{border-color:var(--gold)}
.fx-ann img{width:34px;height:34px;border-radius:50%;box-shadow:0 0 0 1px var(--gold-b)}
.fx-ann b{color:var(--gold-hi);font-weight:600}
.fx-ann svg{width:14px;height:14px;stroke:var(--gold);fill:none;stroke-width:2}
@media(prefers-reduced-motion:no-preference){.fx-ann{animation:fxIn .7s cubic-bezier(.22,1,.36,1) both .3s}@keyframes fxIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}}
.a-fixer img{width:118%;left:-9%;top:-4%}
.tab .r-name .new-chip{margin-left:6px;font-size:.55rem;padding:3px 6px}
.fx-head{display:flex;align-items:center;gap:12px;padding-bottom:10px;border-bottom:1px dashed var(--line)}
.fx-av{width:64px;height:64px;border-radius:50%;overflow:hidden;flex:none;background:#090706;box-shadow:0 0 0 1px var(--gold-b),0 0 26px -6px rgba(232,182,92,.55)}
.fx-av video,.fx-av img{width:100%;height:100%;object-fit:cover;display:block}
.fx-head p{margin:0;font-size:.8rem;line-height:1.35;color:var(--muted)}
.fx-head p b{display:block;color:var(--fg);font-size:.9rem}
.fx-rows{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.fx-rows li{display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:9px;background:var(--raise);border:1px solid var(--line);font-size:.78rem;color:var(--fg)}
.fx-rows .dot{width:16px;height:16px;border-radius:50%;display:grid;place-items:center;background:var(--gold);flex:none}
.fx-rows .dot svg{width:10px;height:10px;stroke:var(--on-gold);fill:none;stroke-width:3}
.fx-rows li.todo .dot{background:transparent;box-shadow:inset 0 0 0 1.5px var(--gold)}
.fx-rows .st{margin-left:auto;font-family:var(--f-mono);font-size:.6rem;letter-spacing:.06em;text-transform:uppercase;color:var(--gold-hi);white-space:nowrap}
.fx-rows li.pre{opacity:0;transform:translateY(4px)}
.fx-rows li{transition:opacity .35s,transform .35s}
.p-top .new-chip{margin-left:10px}

/* ---- pricing card: shipped ---- */
.ft.shipped .ft-art{position:relative}
.ft.shipped .ft-art::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(14,12,10,0),rgba(14,12,10,.35));pointer-events:none}
.ft-done{position:absolute;right:7px;top:7px;z-index:3;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--gold);box-shadow:0 0 0 3px var(--bg),0 0 18px rgba(232,182,92,.6)}
.ft-done svg{width:13px;height:13px;stroke:var(--on-gold);fill:none;stroke-width:3}
.ft.shipped figcaption .t{text-decoration:line-through;text-decoration-color:var(--gold);text-decoration-thickness:2px;color:var(--fg)}
.ft.shipped figcaption em{border-color:var(--gold);color:var(--on-gold);background:linear-gradient(90deg,var(--gold),var(--gold-hi))}
.ft.shipped figcaption em{white-space:nowrap;letter-spacing:.06em}

/* ---- refund folded under the price card ---- */
.guar-mini{display:grid;gap:14px;justify-items:center;margin:26px auto 0;max-width:720px;text-align:center}
.guar-mini .gm-top{display:flex;align-items:center;gap:14px;text-align:left}
.guar-mini .seal{width:74px;height:74px;margin:0;flex:none}
.guar-mini .seal-c b{font-size:1.25rem}
.guar-mini .gm-top p{margin:0;font-family:var(--f-display);font-stretch:105%;font-weight:700;font-size:1.12rem;line-height:1.3;max-width:440px;text-wrap:balance}
.guar-mini .gm-top small{display:block;font-family:var(--f-mono);font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:4px}
.guar-mini .after1,.guar-mini .runs{margin:0}

/* ---- the FAQ's value answer ---- */
.faq .val{margin:6px 0 10px;padding:0;list-style:none;display:grid;gap:6px}
.faq .val li{display:flex;gap:10px;align-items:baseline;font-size:.95rem;line-height:1.45;color:var(--fg)}
.faq .val li::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--gold);transform:translateY(-2px)}
.faq .val li span{margin-left:auto;padding-left:12px;font-family:var(--f-mono);font-size:.72rem;color:var(--muted);white-space:nowrap}
@media(prefers-reduced-motion:reduce){.fx-av video{display:none}.fx-av{background:#090706 url(/assets/fixer/fixer-poster-480.webp) center/cover}}

@media(max-width:600px){.p-top .new-chip{display:none}.fx-rows .st{font-size:.56rem}}
/* phones: the AI section, tighter */
@media(max-width:600px){
  .ai-grid{margin-top:22px;gap:10px}
  .ai-stat{padding:12px 14px;gap:0 12px}
  .ai-stat strong{font-size:1.85rem}
  .ai-stat p{font-size:.86rem;line-height:1.38}
  .ai-how{gap:0;margin-top:12px;border:1px solid var(--line);border-radius:16px;background:var(--raise)}
  .ai-how li{padding:12px 14px;border:0;border-radius:0;background:none}
  .ai-how li+li{border-top:1px solid var(--line)}
  .ai-how .k{display:none}
  .ai-how h3{margin:0 0 2px;font-size:.95rem}
  .ai-how p{font-size:.85rem}
  .ai-punch{margin-top:18px}
  .ai-win .wb{padding:10px}
}
.est-pg{margin:-4px 0 10px;font-size:.78rem;line-height:1.4;color:var(--muted)}
.fit-proof{display:grid;gap:12px;justify-items:center;margin-top:28px;text-align:center}
.fit-proof .proof-row{width:100%}
.fit-proof .fine{margin:0}
.faq-a{display:grid;gap:4px}
.faq-a > p:first-child{padding-bottom:4px}
.faq-a .val{margin-bottom:8px}

/* ============ 29 Oct 2026, the overhaul (release switch `coach`, src/_release.json): everything below styles the coach
   page only (main.v14 and the classes it alone uses). From gpos-overhaul-pass/mockup/src/after.css, the approved mockup. */
/* The overhaul's new pieces, in land.css's own tokens and idiom: Coach in the hero strip, How it works (the free-first-win
   method), Meet Coach, the first month, and the pricing card's new lines. The three rules that touch
   existing pieces (the AI section's grid and stats, the price card's avatar stack) are scoped to main.v14, the coach page's main. */
.a-coach{--x:-38.4%;--y:-1%}
.pipe.p7{grid-template-columns:repeat(7,minmax(0,1fr))}
.team-strip.t7{max-width:700px}
@media(max-width:419px){.pipe.p7 .cring{width:42px;height:42px}.pipe.p7 .node b{font-size:.76rem}.pipe.p7 .node small{font-size:.62rem}}
/* 29 Oct 2026: at 320–359px seven columns are ~41px wide: smaller rings, the names a touch smaller and narrower (Archivo at
   100% width), no column gap, so "Auditor" and "Builder" never touch their neighbours (test-layout-labels: ≥ 5.8px apart at 320). */
@media(max-width:359px){.pipe.p7{gap:0}.pipe.p7 .cring{width:38px;height:38px}.pipe.p7 .crew-line{top:19px}.pipe.p7 .node b{font-size:.68rem;font-stretch:100%;letter-spacing:-.01em}}

/* How it works: four steps, each with the agents doing it */
.m4{list-style:none;margin:30px 0 0;padding:0;display:grid;gap:10px;counter-reset:m4}
.m4 li{position:relative;display:grid;gap:10px;align-content:start;padding:18px 16px 16px;border-radius:16px;border:1px solid var(--line);background:var(--raise)}
.m4 li::before{content:"";position:absolute;left:16px;right:16px;top:-1px;height:1px;background:linear-gradient(90deg,var(--gold),transparent)}
.m4 .m-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.m4 .m-n{font-family:var(--f-mono);font-size:.7rem;letter-spacing:.16em;color:var(--gold)}
.m4 .astack .av{flex-basis:28px;width:28px;height:28px}
.m4 h3{font-size:1.08rem}
.m4 p{color:var(--muted);font-size:.92rem;line-height:1.5}
.m4 .lchips{margin-top:2px}
.m4 .lchips li{font-size:.74rem;padding:6px 10px;background:var(--bg)}
.m4 li.m-win{border-color:var(--gold-b);background:radial-gradient(120% 90% at 0% 0%,var(--gold-a10),transparent 60%),var(--surface)}
@media(min-width:620px){.m4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1024px){.m4{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* Meet Coach */
.co-grid{display:grid;gap:28px;align-items:start}
.co-port{position:relative;width:100%;max-width:300px;margin-inline:auto;aspect-ratio:4/5;border-radius:22px;overflow:hidden;border:1px solid var(--gold-b);background:#090706;box-shadow:0 30px 80px -40px rgba(232,182,92,.55)}
.co-port img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none}
.co-plate{position:absolute;left:0;right:0;bottom:0;display:grid;gap:4px;padding:40px 18px 16px;background:linear-gradient(transparent,rgba(9,7,6,.92) 55%)}
.co-plate b{font-family:var(--f-display);font-stretch:112%;font-weight:800;font-size:1.6rem;line-height:1;display:flex;align-items:center;gap:8px}
.co-plate small{font-family:var(--f-mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.co-body{display:grid;gap:22px;min-width:0}
.co-body .sec-head{margin-bottom:0}
.co-moves{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.co-moves li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:start;padding:14px;border-radius:14px;border:1px solid var(--line);background:var(--raise)}
.co-moves h3{font-size:1rem;margin-bottom:4px}
.co-moves p{color:var(--muted);font-size:.9rem;line-height:1.5}
@media(min-width:620px){.co-moves{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:960px){.co-grid{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);column-gap:52px}.co-port{max-width:none;position:sticky;top:96px}}
.co-win{flex:none}
.co-win .wb{min-height:0;gap:10px}
.co-day{display:grid;gap:6px}
.co-day-r{display:flex;justify-content:space-between;gap:10px;font-family:var(--f-mono);font-size:.68rem;letter-spacing:.06em;color:var(--muted)}
.co-day-r b{color:var(--gold-hi);font-weight:500}
.co-bar{height:4px;border-radius:4px;background:var(--line);overflow:hidden}
.co-bar i{display:block;height:100%;width:30%;background:linear-gradient(90deg,var(--gold-deep),var(--gold))}
.co-msg{display:flex;gap:10px;align-items:flex-start}
.co-msg .av{width:30px;height:30px;flex:none}
.co-msg p{padding:9px 12px;border-radius:4px 12px 12px 12px;background:var(--surface);border:1px solid var(--line);font-size:.84rem;line-height:1.45;color:var(--fg)}
.co-rows{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.co-rows li{display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:9px;background:var(--raise);border:1px solid var(--line);font-size:.78rem;color:var(--fg);min-width:0}
.co-rows li>span:nth-child(2){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.co-rows .redact{flex:0 0 46px}
.co-rows .tag{flex:none}
.co-acts{display:flex;flex-wrap:wrap;gap:6px}
.co-acts span{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--gold-b);background:var(--gold-a10);color:var(--gold-hi);font-size:.76rem;font-weight:600}
.co-acts span.q{border-color:var(--line-2);background:none;color:var(--fg);font-weight:500}
.co-acts svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.co-hand .av{background:#090706;overflow:hidden}


/* Pricing: the two-line comparison that replaces the "Pay once" section */
main.v14 .g-incl .astack .av{flex-basis:28px;width:28px;height:28px}
.p-vs{display:grid;gap:8px;padding:14px;border-radius:14px;border:1px solid var(--line);background:rgba(14,12,10,.55)}
.p-vs .r{display:grid;grid-template-columns:minmax(0,7.5rem) minmax(0,1fr) auto;align-items:center;gap:10px;font-size:.8rem;color:var(--muted)}
.p-vs .r b{font-family:var(--f-display);font-stretch:110%;font-size:1.02rem;color:var(--fg);font-variant-numeric:tabular-nums}
.p-vs .t{height:8px;border-radius:8px;background:var(--line);overflow:hidden}
.p-vs .t i{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,#5A4B37,#7C6A52)}
.p-vs .r.gp .t i{width:4%;background:linear-gradient(90deg,var(--gold-deep),var(--gold))}
.p-vs .r.gp b{color:var(--gold-hi)}
.p-vs small{font-size:.8rem;color:var(--dim)}
.fit-new{margin-top:4px;padding-top:10px;border-top:1px dashed var(--line);font-size:.9rem;color:var(--muted)}
.fit-new b{color:var(--fg)}
/* tighter on phones: the portrait becomes a banner, the step and move cards lose a little padding */
.co-punch{font-family:var(--f-display);font-stretch:108%;font-weight:700;font-size:1.15rem;line-height:1.25;text-wrap:balance}
main.v14 #ai .ai-grid{grid-template-columns:none}
@media(min-width:760px){main.v14 #ai .ai-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:959px){
  .co-port{max-width:none;aspect-ratio:5/3.4}
  .co-port img{object-position:50% 18%}
  .co-plate{padding:30px 16px 12px}
  .co-plate b{font-size:1.3rem}
}
@media(max-width:619px){
  .m4 li,.co-moves li{padding:13px 14px}
  .m4 li{gap:6px}
  .m4 .m-top{justify-content:flex-start;gap:12px}
}

/* Coach's four moves: small glowing tiles, each with one looping motion (transform, opacity and stroke-dashoffset only).
   The list is data-live, so the loops pause off screen; reduced motion shows each icon's finished state. */
.ci{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;border:1px solid var(--gold-a40);
  background:radial-gradient(90% 90% at 30% 15%,var(--gold-a20),transparent 70%),var(--surface);box-shadow:0 0 24px -8px rgba(232,182,92,.85),inset 0 1px 0 rgba(247,213,146,.14)}
.ci::after{content:"";position:absolute;inset:-1px;border-radius:inherit;border:1px solid var(--gold);opacity:0;animation:ciPing 4.8s var(--ease) infinite;animation-delay:calc(var(--i) * 1.2s)}
.ci svg{width:26px;height:26px;fill:none;stroke:var(--gold);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;overflow:visible;filter:drop-shadow(0 0 4px rgba(232,182,92,.5))}
.ci svg .s{fill:var(--gold-a20);stroke:none}
.ci-plan .ck{stroke:var(--gold-hi);stroke-width:1.9;stroke-dasharray:6;animation:ciCk 3.6s var(--ease) var(--d) infinite both}
.ci-plan .ln{opacity:.5}
.ci-call svg{transform-origin:50% 50%;animation:ciRing 3.6s ease-in-out infinite}
.ci-call .wv{stroke:var(--gold-hi);animation:ciWv 1.8s ease-in-out var(--d) infinite both}
.ci-mail .pl{stroke:var(--gold-hi);animation:ciPl 3.2s var(--ease) infinite both}
.ci-win .rg{stroke:var(--gold-hi);stroke-width:1.9;stroke-dasharray:38;transform:rotate(-90deg);transform-origin:12px 9.5px;animation:ciRg 4s var(--ease) infinite both}
.ci-win .ck2{stroke:var(--gold-hi);stroke-width:1.9;stroke-dasharray:8;animation:ciCk2 4s var(--ease) infinite both}
.ci-win .sp{stroke:var(--gold-hi);transform-box:fill-box;transform-origin:center;animation:ciSp 2.4s ease-in-out var(--d) infinite both}
@keyframes ciPing{0%,62%{opacity:0;transform:scale(1)}66%{opacity:.7}100%{opacity:0;transform:scale(1.35)}}
@keyframes ciCk{0%,6%{stroke-dashoffset:6}20%,78%{stroke-dashoffset:0}90%,100%{stroke-dashoffset:6}}
@keyframes ciRing{0%,64%,100%{transform:rotate(0)}68%{transform:rotate(-9deg)}72%{transform:rotate(8deg)}76%{transform:rotate(-6deg)}80%{transform:rotate(5deg)}84%{transform:rotate(0)}}
@keyframes ciWv{0%,100%{opacity:.12}40%{opacity:1}}
@keyframes ciPl{0%{transform:translate(-5px,4px) scale(.7);opacity:0}22%{opacity:1}55%{transform:none;opacity:1}82%,100%{transform:translate(4px,-4px) scale(.9);opacity:0}}
@keyframes ciRg{0%,8%{stroke-dashoffset:38}40%,82%{stroke-dashoffset:0}96%,100%{stroke-dashoffset:38}}
@keyframes ciCk2{0%,38%{stroke-dashoffset:8}50%,82%{stroke-dashoffset:0}96%,100%{stroke-dashoffset:8}}
@keyframes ciSp{0%,100%{opacity:0;transform:scale(.4)}50%{opacity:1;transform:scale(1)}}

/* Your first month: five steps on a rail (each step's employee lights up as the page scrolls past it, and the rail fills
   between lit steps), ending on the result: an example before-and-after report. Without JS, or with reduced motion,
   everything shows lit and finished (the dim and hidden states exist only under .jr-on, which the script adds). */
.jr{margin-top:14px;display:grid;gap:12px}
.jr-steps{list-style:none;margin:0;padding:0;display:grid;isolation:isolate}
.jr-steps li{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr);gap:0 14px;padding-bottom:8px}
.jr-steps li:last-child{padding-bottom:0}
.jr-steps li:not(:last-child)::before,.jr-steps li:not(:last-child)::after{content:"";position:absolute;left:23.25px;top:50px;bottom:2px;width:1.5px;border-radius:2px;background:var(--line-2);z-index:-2}
.jr-steps li:not(:last-child)::after{background:linear-gradient(180deg,var(--gold-hi),var(--gold-deep));box-shadow:0 0 10px rgba(232,182,92,.55);transform-origin:top;transition:transform .6s var(--ease)}
.jr-node{display:grid;place-items:center;height:48px}
.jr-node .cring{width:44px;height:44px;transition:opacity .5s var(--ease)}
/* 29 Oct 2026: an unlit step dims the WHOLE ring by opacity; its glow (box-shadow) and colour (filter) never change. A
   grayscale filter and a box-shadow fading in and out as the page scrolled crashed Playwright's WebKit compositor in every
   long run (with both switched off, never), and both repaint on real phones too. Opacity stays on the compositor. */
.jr-node .cring .av{animation:none}
.jr-node .cring::before{transition:opacity .5s}
.jr-b{display:grid;gap:2px;align-content:start;padding-top:2px;min-width:0}
.jr-top{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:20px}
.jr-k{font-family:var(--f-mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);white-space:nowrap;transition:color .4s}
.jr-out{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:999px;border:1px solid var(--gold-a40);background:var(--gold-a10);color:var(--gold-hi);font-family:var(--f-mono);font-size:.6rem;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;transition:opacity .4s var(--ease),transform .5s var(--spring)}
.jr-out svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.jr-b h3{font-size:1.02rem}
.jr-b p{color:var(--muted);font-size:.9rem;line-height:1.45}
.jr.jr-on li:not(.lit) .cring{opacity:.32;animation:none}
.jr.jr-on li:not(.lit) .cring::before{opacity:0}
.jr.jr-on li:not(.lit) .jr-k{color:var(--dim)}
.jr.jr-on li:not(.lit) .jr-out{opacity:0;transform:translateY(4px) scale(.9)}
.jr.jr-on li:not(.go)::after{transform:scaleY(0)}

.jr-win{position:relative;display:grid;gap:12px;padding:16px 14px 14px;border-radius:20px;border:1px solid var(--gold-b);
  background:radial-gradient(110% 90% at 0% 0%,var(--gold-a10),transparent 60%),var(--surface);box-shadow:0 30px 70px -45px rgba(232,182,92,.6)}
.jr-win-t{display:grid;gap:4px}
.jr-win-t h3{font-family:var(--f-display);font-stretch:110%;font-weight:800;font-size:1.35rem;line-height:1.1}
.jr-win-t p{color:var(--muted);font-size:.92rem;line-height:1.5}
.rep{display:grid;gap:5px;padding:10px;border-radius:14px;border:1px solid var(--line);background:rgba(14,12,10,.62)}
.rep-h{display:flex;align-items:center;gap:8px;font-family:var(--f-mono);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:0 2px 2px}
.rep-h .redact{max-width:60px}
.rep-h em{margin-left:auto;font-style:normal;color:var(--gold);border:1px dashed var(--gold-a40);border-radius:999px;padding:2px 7px;letter-spacing:.08em}
.rep-rows{list-style:none;margin:0;padding:0;display:grid;gap:5px}
.rep-rows li{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:8px;padding:6px 10px;border-radius:10px;background:var(--raise);border:1px solid var(--line);font-size:.82rem}
.rep-n{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--fg)}
.rep-was{position:relative;font-family:var(--f-mono);font-size:.66rem;color:var(--red)}
.rep-was::after{content:"";position:absolute;left:-2px;right:-2px;top:50%;height:1px;background:var(--red);transform-origin:left;transition:transform .45s var(--ease) calc(var(--i) * .25s)}
.rep-ar{color:var(--dim);font-size:.8rem}
.rep-now{font-family:var(--f-mono);font-size:.64rem;letter-spacing:.04em;padding:3px 8px;border-radius:999px;color:var(--on-gold);background:linear-gradient(90deg,var(--gold),var(--gold-hi));box-shadow:0 0 14px -2px rgba(232,182,92,.7);transition:opacity .4s var(--ease) calc(.2s + var(--i) * .25s),transform .55s var(--spring) calc(.2s + var(--i) * .25s)}
.rep-prop{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:10px;border:1px dashed var(--gold-a40);font-size:.82rem;color:var(--fg);transition:opacity .5s var(--ease) 1s}
.rep-prop .astack .av{flex-basis:24px;width:24px;height:24px}
.rep-sent{margin-left:auto;padding:3px 8px;border-radius:999px;border:1px solid var(--gold-a40);background:var(--gold-a10);color:var(--gold-hi);font-family:var(--f-mono);font-size:.6rem;letter-spacing:.06em;text-transform:uppercase;transition:opacity .4s var(--ease) 1.2s,transform .5s var(--spring) 1.2s}
.jr.jr-on:not(.won) .rep-was::after{transform:scaleX(0)}
.jr.jr-on:not(.won) .rep-now{opacity:0;transform:scale(.6)}
.jr.jr-on:not(.won) .rep-prop{opacity:.35}
.jr.jr-on:not(.won) .rep-sent{opacity:0;transform:scale(.6)}
@media(max-width:759px){.jr-win-t p{display:none}}
@media(min-width:760px){.jr-win{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:24px;padding:24px 26px}}
@media(min-width:1024px){
  .jr-steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
  .jr-steps li{grid-template-columns:none;grid-template-rows:auto 1fr;gap:12px;padding:0}
  .jr-steps li:not(:last-child)::before,.jr-steps li:not(:last-child)::after{left:56px;right:-6px;top:23.25px;bottom:auto;width:auto;height:1.5px}
  .jr-steps li:not(:last-child)::after{background:linear-gradient(90deg,var(--gold-hi),var(--gold-deep));transform-origin:left}
  .jr.jr-on li:not(.go)::after{transform:scaleX(0)}
  .jr-node{justify-content:start;place-items:center start}
  .jr-top{justify-content:flex-start;flex-wrap:wrap;gap:6px 8px}
}
@media (prefers-reduced-motion: reduce){
  .ci::after{display:none}
  .ci svg,.ci svg *{animation:none!important}
  .ci-plan .ck,.ci-win .rg,.ci-win .ck2{stroke-dashoffset:0}
  .ci-call .wv,.ci-win .sp{opacity:1}
}
.g-incl .astack.a7 .av{flex-basis:24px;width:24px;height:24px}
.fit-seg{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.fit-seg li{display:grid;gap:3px;align-content:start;padding:9px 8px;border-radius:12px;border:1px solid var(--line);background:var(--raise);text-align:center}
.fit-seg b{color:var(--fg);font-weight:600;font-size:.84rem;line-height:1.2}
.fit-seg span{font-family:var(--f-mono);font-size:.6rem;letter-spacing:.04em;color:var(--gold)}
.yn .yes p.fit-new{margin-top:10px;padding-top:10px;border-top:1px dashed var(--line);font:400 .9rem/1.5 var(--f-body);color:var(--muted);letter-spacing:0}
.yn .yes p.fit-new b{color:var(--fg);font-weight:600}
/* ---- the track record (28 Oct): one card, two numbers in the gold of the highlights, then the 100% line under a rule.
   The two numbers count up with the live page's own [data-count]. ---- */
.fit-proof.fp{justify-items:stretch;text-align:left}
.fp .fine{margin-inline:auto}
.fp-card{position:relative;overflow:hidden;width:100%;max-width:720px;margin-inline:auto;padding:16px 16px 14px;border-radius:20px;border:1px solid var(--gold-a40);
  background:radial-gradient(120% 80% at 0% 0%,var(--gold-a20),transparent 55%),radial-gradient(90% 70% at 100% 100%,var(--gold-a10),transparent 60%),var(--surface);
  box-shadow:0 26px 60px -34px rgba(232,182,92,.45),inset 0 1px 0 rgba(247,213,146,.10)}
.fp-card::before{content:"";position:absolute;left:24px;right:24px;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold-hi),transparent);opacity:.65}
.fp-k{display:flex;align-items:center;gap:9px;margin:0;font:500 .68rem/1.2 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.fp-dot{flex:none;width:7px;height:7px;border-radius:50%;background:var(--gold-hi);box-shadow:0 0 0 3px var(--gold-a20),0 0 12px var(--gold)}
.fp-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}
.fp-s{display:grid;gap:6px;align-content:start;padding-right:14px}
.fp-s+.fp-s{padding:0 0 0 18px;border-left:1px solid var(--line-2)}
.fp-s strong,.fp-pct strong{font-family:var(--f-display);font-stretch:110%;font-weight:800;line-height:.9;letter-spacing:-.04em;font-variant-numeric:tabular-nums;
  background:linear-gradient(180deg,var(--gold-hi) 8%,var(--gold) 55%,var(--gold-deep) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.fp-s strong{display:flex;align-items:baseline;font-size:2.75rem}
.fp-s strong em{font-style:normal;font-size:.6em;margin-left:3px}
.fp-s>span{font-size:.88rem;line-height:1.35;color:var(--muted);text-wrap:balance}
.fp-pct{display:flex;align-items:center;gap:12px;margin:14px 0 0;padding-top:12px;border-top:1px solid var(--line)}
.fp-pct strong{flex:none;font-size:2rem}
.fp-pct>span{font-size:1rem;font-weight:500;line-height:1.3;color:var(--fg)}
@media(max-width:359px){.fp-k{letter-spacing:.1em}}
@media(min-width:640px){
  .fp-card{padding:24px 30px 22px}
  .fp-stats{margin-top:18px}
  .fp-pct{margin-top:18px;padding-top:16px}
  .fp-s strong{font-size:3.9rem}
  .fp-s>span{font-size:.95rem}
  .fp-pct strong{font-size:2.8rem}
  .fp-pct>span{font-size:1.05rem}
}

/* 1 Nov 2026 evening: a way into /apply for people who want help setting it up (under the price card and the final CTA) */
.g-help{margin:14px 0 0;text-align:center;font-size:1rem}
.g-help a{color:var(--gold-hi);text-decoration:underline;text-underline-offset:3px;display:inline-block;padding:10px 4px;min-height:44px}
.g-help a:hover{color:var(--fg)}

/* 3 Nov 2026: "How it works" told as the track record (homepage + /program): Day 0 → 1 → 7 → 30, a rail with one dot per
   day, the quote you can say on the call, and the four counts. The Day 30 card is the sample record (.rec). */
.rec{display:grid;gap:10px;padding:12px 14px 11px;border-radius:14px;border:1px solid var(--line-2);background:rgba(14,12,10,.55)}
.rec-h{display:flex;align-items:center;gap:8px;margin:0;font:500 .64rem/1.2 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.rec-h em{margin-left:auto;font-style:normal;color:var(--dim);letter-spacing:.1em;white-space:nowrap}
.rec-dot{flex:none;width:6px;height:6px;border-radius:50%;background:var(--gold-hi);box-shadow:0 0 0 3px var(--gold-a20),0 0 10px var(--gold)}
.tr-cols{display:none}
.tr{--dot:33px;list-style:none;margin:0 auto;padding:0;max-width:1060px;position:relative;display:grid}
/* the rail: one segment per row, from its dot to the next dot (every dot sits at the same offset from its row's top) */
.tr-row:not(:last-child)::after{content:"";position:absolute;left:9px;top:calc(var(--dot) + 8px);height:100%;width:2px;background:linear-gradient(var(--seg-a),var(--seg-b))}
.tr-row:nth-child(1){--seg-a:var(--line-2);--seg-b:var(--gold-deep)}.tr-row:nth-child(2){--seg-a:var(--gold-deep);--seg-b:var(--gold)}.tr-row:nth-child(3){--seg-a:var(--gold);--seg-b:var(--gold-hi)}
.tr-row{position:relative;display:grid;gap:14px;padding:24px 0 24px 40px;min-width:0}
.tr-row::before{content:"";position:absolute;z-index:1;left:2px;top:var(--dot);width:16px;height:16px;border-radius:50%;background:var(--bg);border:2px solid var(--gold);box-shadow:0 0 0 5px var(--bg),0 0 16px rgba(232,182,92,.55)}
.tr-zero::before{border-color:var(--line-2);box-shadow:0 0 0 5px var(--bg)}
.tr-when{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.tr-when span{font:500 .66rem/1 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.tr-when b{font-family:var(--f-display);font-stretch:112%;font-weight:800;font-size:2.4rem;line-height:.9;letter-spacing:-.03em;color:var(--fg);font-variant-numeric:tabular-nums}
.tr-when small{font:500 .7rem/1.2 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim);margin-left:4px}
.tr-zero .tr-when span,.tr-zero .tr-when b{color:var(--dim)}
.tr-say{display:grid;gap:12px;min-width:0}
.tr-q{position:relative;margin:0;font-family:var(--f-display);font-stretch:104%;font-weight:700;font-size:clamp(1.2rem,2.3vw,1.6rem);line-height:1.22;letter-spacing:-.01em;color:var(--fg);text-wrap:pretty}
.tr-q mark{background:linear-gradient(transparent 58%,rgba(232,182,92,.35) 58%);color:var(--gold-hi);padding:0 2px}
.tr-zero .tr-q{font-family:var(--f-body);font-weight:400;font-size:1rem;line-height:1.5;color:var(--muted);padding-right:96px}
.tr-zero .stamp{right:0;bottom:auto;top:2px}
.tr-do{display:flex;align-items:center;gap:12px;margin:0}
.tr-do .astack .av{flex-basis:28px;width:28px;height:28px}
.tr-do .astack .av+.av{margin-left:-6px}
.tr-do-t{color:var(--muted);font-size:.92rem;line-height:1.45}
.tr-zero .tr-do-t{color:var(--dim)}
.tr-n{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0}
.tr-n>div{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:5px;padding:0 10px;border-left:1px solid var(--line)}
.tr-n>div:first-child{padding-left:0;border-left:0}
.tr-n dd{margin:0;font-family:var(--f-display);font-stretch:110%;font-size:1.6rem;font-weight:800;letter-spacing:-.03em;line-height:1;color:var(--dim);font-variant-numeric:tabular-nums}
.tr-n dt{font-size:.68rem;line-height:1.25;color:var(--dim);text-wrap:balance}
.tr-n .up dd{color:var(--fg)}
.tr-n .up dt{color:var(--muted)}
.tr-n .on dd{color:var(--gold-hi);text-shadow:0 0 18px rgba(232,182,92,.35)}
.tr-n .on dt{color:var(--gold)}
.tr-win{border:1px solid var(--gold-b);border-radius:22px;background:radial-gradient(120% 90% at 0% 0%,var(--gold-a10),transparent 60%),var(--surface);box-shadow:0 30px 70px -40px rgba(232,182,92,.55);padding:24px 18px 20px 18px;margin-left:34px}
.tr-win::before{left:-32px;background:var(--gold-hi);border-color:var(--gold-hi);box-shadow:0 0 0 5px var(--bg),0 0 22px var(--gold)}
.tr-win .tr-when b{color:var(--gold-hi);text-shadow:0 0 24px rgba(232,182,92,.4)}
.tr-win .tr-when small{color:var(--gold)}
.tr-win .lchips li{font-size:.74rem;padding:6px 10px}
.tr-card{padding:14px 16px 14px}
.tr-card .tr-n dd{font-size:2.1rem}
@media (max-width:440px){.tr-n dd{font-size:1.3rem}.tr-n dt{font-size:.62rem}.tr-n>div{padding:0 7px}.tr-card .tr-n dd{font-size:1.55rem}.tr-zero .tr-q{padding-right:0;padding-top:34px}.tr-zero .stamp{left:0;right:auto;top:0}.tr-card .rec-h em{display:none}}
@media (min-width:900px){
  .tr-cols{display:grid;grid-template-columns:96px minmax(0,1fr) 340px;gap:32px;max-width:1060px;margin:0 auto 4px;padding-left:40px;font:500 .64rem/1 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}
  .tr{--dot:63px}
  .tr-row{grid-template-columns:96px minmax(0,1fr) 340px;gap:32px;align-items:start;padding:30px 0 30px 40px;border-top:1px solid var(--line)}
  .tr-row:first-child{border-top:0}
  .tr-when{display:grid;gap:6px}
  .tr-when b{font-size:3.4rem}
  .tr-when small{margin-left:0;font-size:.62rem;line-height:1.3}
  .tr-win{border-top:1px solid var(--gold-b);padding:30px 24px 30px 6px;margin-left:34px;grid-template-columns:96px minmax(0,1fr) 340px}
  .tr-win::before{left:-32px}
  .tr-win .tr-card{align-self:center}
  .tr-win .tr-when{padding-left:0}
}