/* Wagonward. One container, one spacing scale, one type scale.
   Spacing: 4 8 12 16 24 32 48 64 96. Sections: 96 desktop / 64 phone. Section head -> content: 48. Cards: 28 padding, 24 gap. */
@font-face{font-family:"Jakarta";font-weight:400;font-display:swap;src:url("/fonts/jakarta-400.woff2") format("woff2")}
@font-face{font-family:"Jakarta";font-weight:500;font-display:swap;src:url("/fonts/jakarta-500.woff2") format("woff2")}
@font-face{font-family:"Jakarta";font-weight:600;font-display:swap;src:url("/fonts/jakarta-600.woff2") format("woff2")}
@font-face{font-family:"Jakarta";font-weight:700;font-display:swap;src:url("/fonts/jakarta-700.woff2") format("woff2")}
@font-face{font-family:"Jakarta";font-weight:800;font-display:swap;src:url("/fonts/jakarta-800.woff2") format("woff2")}

:root{
  --navy:#14263F; --navy-2:#1E3554; --navy-3:#0F1E33; --white:#FFFFFF; --canvas:#F6F4EF; --line:#E5E1D8; --line-2:#EEEBE4;
  --signal:#D9581A; --signal-hover:#BF4A0F; --signal-soft:#FCEBE1; --signal-ink:#9A3A0B; --signal-light:#F2A06E;
  --green:#2E7D4F; --green-soft:#E3F1E8; --red:#B3261E; --red-soft:#FBE7E5;
  --ink:#14263F; --text:#334155; --slate:#5B6676; --mist:#C9D2DE; --dim:#93A1B5; --bubble:#EEF0F3;
  --font:"Jakarta","Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --wrap:1200px; --gutter:max(24px,env(safe-area-inset-left,0px));
  --sec:96px; --head-gap:48px; --card-pad:28px; --gap:24px; --radius:16px;
  --shadow:0 1px 2px rgba(20,38,63,.06),0 12px 32px -18px rgba(20,38,63,.28);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;font-family:var(--font);font-size:17px;line-height:1.65;color:var(--text);background:var(--white);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg{max-width:100%}
a{color:inherit}
p{margin:0}
h1,h2,h3,h4{margin:0;color:var(--ink);font-weight:800;text-wrap:balance}
h1{font-size:clamp(42px,5.6vw,68px);line-height:1.04;letter-spacing:-.035em}
h2{font-size:clamp(32px,3.6vw,46px);line-height:1.1;letter-spacing:-.03em}
h3{font-size:20px;line-height:1.3;letter-spacing:-.01em;font-weight:700}
.wrap{max-width:var(--wrap);margin:0 auto;padding-left:var(--gutter);padding-right:max(24px,env(safe-area-inset-right,0px))}
.lede{font-size:19px;line-height:1.6;color:var(--slate);max-width:60ch}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:focus-visible{outline:3px solid var(--signal);outline-offset:3px;border-radius:6px}
.check{flex:none;margin-top:4px}

/* Sections */
.section{padding-block:var(--sec)}
.band-canvas{background:var(--canvas)}
.band-navy{background:var(--navy)}
.on-dark h2,.on-dark h3{color:var(--white)}
.on-dark .lede,.on-dark p{color:var(--mist)}
.section-head{display:grid;gap:16px;max-width:720px;margin-bottom:var(--head-gap)}
.eyebrow{font-size:15px;font-weight:700;color:var(--signal)}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-size:16px;font-weight:700;line-height:1;text-decoration:none;white-space:nowrap;padding:16px 24px;border-radius:12px;border:2px solid transparent;cursor:pointer;transition:background .15s ease,transform .15s ease,box-shadow .15s ease}
.btn-signal{background:var(--signal);color:var(--white);box-shadow:0 8px 20px -10px rgba(217,88,26,.7)}
.btn-signal:hover{background:var(--signal-hover);transform:translateY(-1px)}
.btn-line{border-color:var(--line);background:var(--white);color:var(--ink)}
.btn-line:hover{border-color:var(--navy)}
.on-dark .btn-line{background:transparent;border-color:rgba(255,255,255,.35);color:var(--white)}

/* Nav */
.nav{position:sticky;top:0;z-index:20;background:rgba(20,38,63,.97);backdrop-filter:saturate(1.4) blur(8px);padding-top:env(safe-area-inset-top,0px)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;height:72px}
.brand{display:flex;align-items:center;text-decoration:none}
.brand svg{height:36px;width:auto;display:block}
.nav-links{display:flex;align-items:center;gap:32px}
.nav-links a{color:var(--mist);text-decoration:none;font-size:15px;font-weight:500}
.nav-links a:hover{color:var(--white)}
.nav-links .btn{padding:12px 18px;font-size:15px;color:var(--white)}

/* Hero */
.hero{background:var(--canvas);overflow:hidden}
.hero .wrap{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:64px;align-items:center;padding-block:80px 96px}
.kicker{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--signal-ink);background:var(--signal-soft);padding:8px 14px;border-radius:999px;margin-bottom:24px}
.kicker i{width:7px;height:7px;border-radius:50%;background:var(--signal)}
.hero .lede{margin-top:24px}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.hero-proof{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:32px;font-size:15px;font-weight:600;color:var(--ink)}
.chip{display:inline-flex;align-items:center;gap:8px}
.chip i{width:18px;height:18px;border-radius:50%;background:var(--green-soft);position:relative}
.chip i::after{content:"";position:absolute;left:6px;top:3.5px;width:4px;height:8px;border:solid var(--green);border-width:0 2px 2px 0;transform:rotate(45deg)}

/* Phone */
.phone-wrap{position:relative;justify-self:center;width:100%;max-width:380px}
.phone{width:100%;background:var(--navy);border-radius:40px;padding:10px;box-shadow:0 40px 80px -40px rgba(20,38,63,.65),0 0 0 1px rgba(20,38,63,.08)}
.screen{background:var(--white);border-radius:31px;overflow:hidden}
.screen-top{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line-2)}
.avatar{width:36px;height:36px;border-radius:50%;background:var(--canvas);display:grid;place-items:center;font-weight:800;color:var(--navy);font-size:13px;flex:none}
.who{font-size:14px;font-weight:700;line-height:1.3;color:var(--ink)}
.who small{display:block;font-weight:500;color:var(--slate);font-size:12px}
.thread{display:flex;flex-direction:column;gap:8px;padding:16px 16px 20px;font-size:14px;line-height:1.45}
.event{align-self:center;font-size:11.5px;font-weight:600;color:var(--signal-ink);background:var(--signal-soft);border-radius:999px;padding:5px 11px;margin-bottom:4px}
.stamp{align-self:center;font-size:11px;color:var(--slate);margin-top:4px}
.quiet{align-self:center;font-size:11px;color:var(--dim);font-style:italic}
.msg{max-width:84%;padding:10px 13px;border-radius:18px;color:var(--ink)}
.in{align-self:flex-start;background:var(--bubble);border-bottom-left-radius:6px}
.out{align-self:flex-end;background:var(--navy);color:var(--white);border-bottom-right-radius:6px}
.speed{align-self:flex-end;font-size:11px;color:var(--green);font-weight:700;margin-top:-2px}
.float{position:absolute;background:var(--white);border-radius:14px;padding:12px 16px;box-shadow:var(--shadow);font-size:12.5px;font-weight:500;color:var(--slate);line-height:1.3;display:grid;gap:4px}
.float b{font-size:22px;font-weight:800;letter-spacing:-.02em;line-height:1;font-variant-numeric:tabular-nums}
.float.f1{left:-64px;top:132px}.float.f1 b{color:var(--green)}
.float.f2{right:-40px;top:-18px}.float.f2 b{color:var(--signal)}
.replay{display:block;margin:16px auto 0;background:none;border:0;font:inherit;font-size:13px;font-weight:600;color:var(--slate);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.example{font-size:12.5px;color:var(--slate);text-align:center;margin-top:8px}
.js .thread .wait{display:none!important}
.thread .msg.pop{animation:pop .3s ease-out}
@keyframes pop{from{transform:translateY(6px) scale(.97);opacity:.2}to{transform:none;opacity:1}}
.typing{align-self:flex-end;background:var(--navy);border-radius:18px;padding:12px 14px;display:none;gap:4px}
.typing.cust{align-self:flex-start;background:var(--bubble)}
.typing.cust i{background:var(--slate)}
.typing.on{display:flex}
.typing i{width:6px;height:6px;border-radius:50%;background:var(--mist);animation:blink 1.1s infinite}
.typing i:nth-child(2){animation-delay:.18s}.typing i:nth-child(3){animation-delay:.36s}
@keyframes blink{0%,60%,100%{opacity:.25}30%{opacity:1}}

/* Trust strip */
.trust{background:var(--white);border-bottom:1px solid var(--line)}
.trust .wrap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding-block:24px;font-size:15px;color:var(--ink);font-weight:600}
.trust span{display:flex;align-items:center;gap:12px}
.trust svg{flex:none}

/* Race chart */
.race{display:grid;gap:24px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:36px;box-shadow:var(--shadow)}
.lane{display:grid;grid-template-columns:200px minmax(0,1fr);gap:24px;align-items:center}
.lane-label b{display:block;font-size:17px;font-weight:700;color:var(--ink);line-height:1.3}
.lane-label span{font-size:14px;color:var(--slate)}
.track{position:relative;height:44px;background:var(--line-2);border-radius:10px}
.bar{position:absolute;inset:0 auto 0 0;width:var(--w);border-radius:10px;transition:width 1.4s cubic-bezier(.2,.8,.2,1)}
.val{position:absolute;top:50%;left:calc(var(--w) + 14px);transform:translateY(-50%);font-weight:800;font-size:18px;letter-spacing:-.01em;color:var(--ink);white-space:nowrap;transition:left 1.4s cubic-bezier(.2,.8,.2,1),opacity .4s ease .9s}
.val.inside{left:auto;right:16px;color:var(--white)}
.js .race:not(.go) .bar{width:0!important}
.js .race:not(.go) .val{left:14px;opacity:0}
.js .race:not(.go) .val.inside{left:auto}
.bar.us{background:var(--green)}.bar.mid{background:#8A94A3}.bar.slow{background:var(--red)}
.axis{display:grid;grid-template-columns:200px minmax(0,1fr);gap:24px;font-size:12.5px;color:var(--slate);margin-top:-4px}
.ticks{position:relative;height:18px}
.ticks span{position:absolute;top:0;white-space:nowrap}
.race-note{margin-top:16px;font-size:13.5px;color:var(--slate);max-width:90ch}
.race-note a{color:var(--slate)}

/* Night comparison */
.night{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--gap)}
.col{border-radius:var(--radius);padding:var(--card-pad);background:var(--white);border:1px solid var(--line)}
.col.good{background:var(--navy);border-color:var(--navy)}
.col-head{margin-bottom:16px}
.tag{display:inline-block;font-size:13px;font-weight:700;padding:6px 12px;border-radius:999px}
.bad .tag{background:var(--red-soft);color:var(--red)}
.good .tag{background:rgba(227,241,232,.14);color:#8FD3A8}
.tl{list-style:none;margin:0;padding:0}
.tl li{display:grid;grid-template-columns:84px minmax(0,1fr);gap:16px;padding:14px 0;border-top:1px solid var(--line-2);font-size:16px;color:var(--text)}
.tl time{font-weight:700;color:var(--slate);font-variant-numeric:tabular-nums}
.good .tl li{border-color:rgba(255,255,255,.1);color:var(--mist)}
.good .tl time{color:var(--signal-light)}
.tl li.end{font-weight:700}
.bad .tl li.end span{color:var(--red)}
.good .tl li.end span{color:var(--white)}

/* Stats */
.stats3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;padding-block:var(--sec)}
.statc{display:grid;gap:12px;align-content:start}
.donut{width:112px;height:112px;margin-bottom:4px}
.donut .bg{stroke:rgba(255,255,255,.12)}
.donut .fg{stroke:var(--signal-light);stroke-dasharray:var(--d) 400;transition:stroke-dasharray 1.4s ease}
.js .stats3:not(.go) .donut .fg{stroke-dasharray:0 400}
.num{font-weight:800;font-size:88px;height:112px;display:flex;align-items:center;margin-bottom:4px;line-height:1;letter-spacing:-.04em;color:var(--white);font-variant-numeric:tabular-nums}
.num small{font-size:.5em;color:var(--signal-light);margin-left:2px}
.statc h3{font-size:20px}
.statc p{font-size:15.5px}
.source{display:block;font-size:13px;color:var(--dim);margin-top:4px}
.source a{color:var(--dim)}

/* Reasons */
.reasons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}
.reason{display:grid;gap:12px;align-content:start;padding:var(--card-pad);border-radius:var(--radius);background:var(--canvas)}
.reason p{font-size:16px;color:var(--slate)}

/* Calculator */
.calc{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);background:var(--white);border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:var(--shadow)}
.calc-in{padding:40px;display:grid;gap:32px}
.field{display:grid;gap:12px}
.field-top{display:flex;justify-content:space-between;align-items:baseline;gap:16px}
.field label{font-weight:600;font-size:16px;color:var(--ink)}
.field output{font-weight:800;font-size:22px;letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums}
.field small{color:var(--slate);font-size:13.5px;margin-top:-4px}
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:linear-gradient(90deg,var(--signal) var(--p,50%),var(--line) var(--p,50%));margin:8px 0}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:var(--white);border:3px solid var(--signal);box-shadow:0 2px 6px rgba(20,38,63,.2);cursor:pointer}
input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--white);border:3px solid var(--signal);cursor:pointer}
.calc-out{background:var(--navy);color:var(--white);padding:40px;display:flex;flex-direction:column;gap:16px}
.calc-out .label{color:var(--mist);font-size:15px;font-weight:600}
.loss{font-weight:800;font-size:clamp(48px,5.4vw,68px);line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--white)}
.loss-year{font-size:16px;color:var(--mist)}
.loss-year b{color:var(--signal-light)}
.yr{display:grid;gap:8px;margin-top:8px}
.yr-bars{display:flex;align-items:flex-end;gap:6px;height:112px;border-bottom:1px solid rgba(255,255,255,.18)}
.yr-bars i{flex:1;background:rgba(242,160,110,.55);border-radius:4px 4px 0 0;height:0;transition:height .5s ease}
.yr-bars i:last-child{background:var(--signal)}
.yr-lab{display:flex;justify-content:space-between;font-size:12px;color:var(--dim)}
.calc-out hr{border:0;border-top:1px solid rgba(255,255,255,.12);margin:8px 0;width:100%}
.mini{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.mini div{display:grid;gap:4px}
.mini b{font-size:28px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.mini span{font-size:14px;color:var(--mist);line-height:1.4}
.calc-note{font-size:12.5px;color:var(--dim);margin-top:auto;line-height:1.5}

/* Steps */
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap);counter-reset:s}
.step{display:grid;gap:12px;align-content:start;padding:var(--card-pad);border:1px solid var(--line);border-radius:var(--radius)}
.step-n{width:40px;height:40px;border-radius:12px;background:var(--navy);color:var(--white);display:grid;place-items:center;font-weight:800;font-size:16px;margin-bottom:4px}
.step p{font-size:16px;color:var(--slate)}

/* Conversations */
.convo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:start}
.tabs{display:grid;gap:12px}
.tab{display:grid;gap:4px;text-align:left;font:inherit;color:var(--ink);background:var(--white);border:1px solid var(--line);border-radius:14px;padding:18px 20px;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}
.tab b{font-size:17px;font-weight:700}
.tab span{color:var(--slate);font-size:14.5px}
.tab:hover{border-color:#C9C3B6}
.tab[aria-selected=true]{border-color:var(--signal);box-shadow:0 0 0 1px var(--signal),var(--shadow)}
.rules{margin:32px 0 0;display:grid;gap:12px;padding:0;list-style:none;font-size:15.5px;color:var(--ink);font-weight:500}
.rules li{display:flex;gap:12px}
.panel[hidden]{display:none}
.convo .phone{max-width:380px;margin:0 auto}

/* Dashboard */
.dash{background:var(--white);border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 40px 80px -48px rgba(20,38,63,.55)}
.dash-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;background:var(--navy)}
.dash-top svg{height:26px;width:auto}
.dash-top span{font-size:13px;color:var(--mist);font-weight:500}
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--line-2)}
.kpi{padding:20px 24px;display:grid;gap:4px;border-right:1px solid var(--line-2)}
.kpi:last-child{border-right:0}
.kpi span{font-size:13px;color:var(--slate);font-weight:500}
.kpi b{font-size:30px;font-weight:800;letter-spacing:-.03em;line-height:1.1;color:var(--ink);font-variant-numeric:tabular-nums}
.kpi em{font-style:normal;font-size:12.5px;color:var(--green);font-weight:700}
.dash-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.leads{border-right:1px solid var(--line-2)}
.leads-h{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;font-weight:700;font-size:15px;color:var(--ink);border-bottom:1px solid var(--line-2)}
.lrow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;width:100%;text-align:left;font:inherit;color:inherit;background:none;border:0;border-bottom:1px solid var(--line-2);padding:14px 24px;cursor:pointer}
.lrow:last-child{border-bottom:0}
.lrow:hover{background:#FAF9F6}
.lrow[aria-selected=true]{background:#F4F7FB;box-shadow:inset 3px 0 0 var(--signal)}
.lrow b{font-size:15px;color:var(--ink)}
.lrow small{grid-column:1;font-size:13px;color:var(--slate)}
.lrow .st{grid-row:1 / span 2;grid-column:2;align-self:center}
.st{font-size:12px;font-weight:700;padding:5px 10px;border-radius:999px;white-space:nowrap}
.st.ready{background:var(--signal-soft);color:var(--signal-ink)}
.st.talk{background:#E6EEF8;color:#24508C}
.st.follow{background:#F1EFE8;color:#5F5E5A}
.st.booked{background:var(--green-soft);color:var(--green)}
.detail{padding:24px;display:grid;gap:16px;align-content:start}
.detail h4{font-size:22px;letter-spacing:-.02em}
.rows{display:grid;grid-template-columns:auto minmax(0,1fr);margin:0;font-size:14.5px}
.rows dt,.rows dd{margin:0;padding:10px 0;border-bottom:1px solid var(--line-2)}
.rows dt{color:var(--slate)}
.rows dd{font-weight:600;color:var(--ink);text-align:right;font-variant-numeric:tabular-nums}
.spark{display:grid;gap:8px;margin-top:4px}
.spark span{font-size:13px;color:var(--slate);font-weight:500}
.dash-note{font-size:12.5px;color:var(--slate);margin-top:16px;text-align:center}

/* Follow-up road */
.road{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;padding-top:44px}
.road::before{content:"";position:absolute;left:0;right:0;top:15px;height:4px;border-radius:2px;background:repeating-linear-gradient(90deg,var(--navy) 0 24px,transparent 24px 36px);opacity:.85}
.mark{position:relative;display:grid;gap:8px}
.mark::before{content:"";position:absolute;top:-38px;left:0;width:20px;height:20px;border-radius:50%;background:var(--canvas);border:4px solid var(--navy)}
.mark:first-child::before{background:var(--signal);border-color:var(--signal)}
.mark b{font-size:17px;font-weight:800;color:var(--ink)}
.mark p{font-size:15px;color:var(--slate)}
.wagon{position:absolute;top:0;left:0;width:40px;height:30px;transition:transform 2.6s cubic-bezier(.3,.1,.2,1)}
.js .road.go .wagon{transform:translateX(calc(var(--rw) - 40px))}
.road-note{margin-top:32px;font-size:14.5px;color:var(--slate);max-width:72ch}

/* Compare */
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);box-shadow:var(--shadow)}
table.cmp{width:100%;border-collapse:collapse;min-width:680px;font-size:15px}
.cmp th,.cmp td{padding:18px 24px;text-align:left;border-bottom:1px solid var(--line-2);vertical-align:middle}
.cmp thead th{font-size:15px;font-weight:700;color:var(--ink);background:#FAF9F6}
.cmp thead th.us{background:var(--navy);color:var(--white)}
.cmp td.us{background:#F4F7FB;font-weight:700}
.cmp tr:last-child td{border-bottom:0}
.cmp td:first-child{color:var(--ink);font-weight:600}
.yes{color:var(--green)}.no{color:var(--red)}.meh{color:var(--slate)}

/* Features */
.feats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}
.feat{display:grid;gap:8px;align-content:start;padding:var(--card-pad);border:1px solid var(--line);border-radius:var(--radius)}
.feat p{font-size:15.5px;color:var(--slate)}

/* Offer */
.offer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.offer .lede{margin-top:16px}
.offer-card{background:var(--white);border-radius:20px;padding:36px;display:grid;gap:20px;box-shadow:var(--shadow);border:1px solid var(--line)}
.offer-card ol{margin:0;padding:0;list-style:none;display:grid;gap:16px;counter-reset:o}
.offer-card li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px;color:var(--slate);font-size:16px;counter-increment:o}
.offer-card li::before{content:counter(o);width:32px;height:32px;border-radius:10px;background:var(--signal-soft);color:var(--signal-ink);font-weight:800;display:grid;place-items:center;font-size:14px}
.offer-card li b{color:var(--ink)}
.badge{justify-self:start;background:var(--signal);color:var(--white);font-weight:700;font-size:13px;padding:6px 12px;border-radius:999px}

/* Setup */
.setup{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap)}
.setup>div{border-radius:var(--radius);padding:var(--card-pad);background:var(--navy-2);display:grid;gap:8px;align-content:start}
.setup time{font-weight:700;color:var(--signal-light);font-size:14px}
.setup h3{font-size:19px}
.setup p{font-size:15px}

/* Pricing */
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap);align-items:stretch}
.plan{background:var(--white);border:1px solid var(--line);border-radius:20px;padding:32px;display:flex;flex-direction:column;gap:20px}
.plan.found{background:var(--navy);border-color:var(--navy);box-shadow:0 30px 60px -36px rgba(20,38,63,.8)}
.plan h3{font-size:22px}
.found h3{color:var(--white)}
.price{font-size:52px;font-weight:800;letter-spacing:-.04em;line-height:1;color:var(--ink)}
.found .price{color:var(--white)}
.price small{font-size:15px;font-weight:500;letter-spacing:0;color:var(--slate)}
.found .price small,.found .note{color:var(--mist)}
.note{font-size:14.5px;color:var(--slate);margin-top:-8px}
.plan ul{list-style:none;margin:0;padding:20px 0 0;border-top:1px solid var(--line-2);display:grid;gap:12px;font-size:15px;color:var(--ink);font-weight:500}
.found ul{border-color:rgba(255,255,255,.12);color:var(--white)}
.plan li{display:flex;gap:12px}
.plan .btn{margin-top:auto}
.guar{display:flex;gap:16px;align-items:center;margin-top:var(--gap);background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:24px var(--card-pad)}
.guar svg{flex:none}
.guar b{display:block;font-size:17px;color:var(--ink)}
.guar span{color:var(--slate);font-size:15px}
.terms-line{margin-top:16px;font-size:14.5px;color:var(--slate)}

/* Promise */
.promise{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:64px;align-items:start}
.promise .lede{margin-top:16px}
.promise ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap)}
.promise li{display:flex;gap:12px;padding:var(--card-pad);border:1px solid var(--line);border-radius:var(--radius);align-content:start}
.promise li b{display:block;font-size:17px;color:var(--ink)}
.promise li span{color:var(--slate);font-size:15px}

/* FAQ */
.faq{max-width:880px}
.dash-wrap{display:grid;gap:12px}
.faq details{border-bottom:1px solid var(--line)}
.faq details:first-child{border-top:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 0;font-weight:700;font-size:17px;color:var(--ink)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:28px;height:28px;border-radius:8px;background:var(--white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 6v12M6 12h12' stroke='%23D9581A' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") center/16px no-repeat;border:1px solid var(--line);transition:transform .2s ease}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 0 22px;color:var(--slate);font-size:16px;max-width:64ch}

/* Final CTA + form */
.final .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center;padding-block:var(--sec)}
.final h2{font-size:clamp(34px,4.2vw,52px)}
.final .lede{margin-top:16px}
.final .rules{color:var(--white)}
.contact{background:var(--white);border-radius:20px;padding:36px;display:grid;gap:20px;box-shadow:0 40px 80px -40px rgba(0,0,0,.5)}
.contact h3{font-size:22px}
.form{display:grid;gap:16px}
.form .two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.form label{display:grid;gap:8px;font-size:14px;color:var(--ink);font-weight:600}
.form input,.form select{font:inherit;font-size:16px;font-weight:500;color:var(--ink);background:var(--white);border:1px solid #D6D1C6;border-radius:10px;padding:12px 14px;width:100%;transition:border-color .15s ease,box-shadow .15s ease}
.form input::placeholder{color:#9AA3AF}
.form input:focus,.form select:focus{outline:none;border-color:var(--signal);box-shadow:0 0 0 3px var(--signal-soft)}
.form .err{color:var(--red);font-size:13.5px;font-weight:600;min-height:1.2em;margin:-4px 0}
.form small{color:var(--slate);font-size:12.5px;line-height:1.5}
.form .btn{width:100%}

/* Footer */
footer{background:var(--navy-3);color:var(--dim);font-size:14px}
footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 24px;padding-block:32px calc(32px + env(safe-area-inset-bottom,0px))}
footer svg{height:28px;width:auto}
footer nav{display:flex;flex-wrap:wrap;gap:24px}
footer a{color:var(--mist);text-decoration:none}
footer a:hover{color:var(--white)}

/* Sticky phone CTA */
.mbar{display:none}

/* ---------- Responsive ---------- */
@media (max-width:1100px){.float.f1{left:-16px}.float.f2{right:-8px}}
@media (max-width:1000px){
  :root{--sec:80px}
  .hero .wrap,.offer,.convo,.promise,.final .wrap,.calc{grid-template-columns:minmax(0,1fr);gap:48px}
  .calc{gap:0}
  .stats3{grid-template-columns:minmax(0,1fr);gap:48px}
  .plans{grid-template-columns:minmax(0,1fr);max-width:560px}
  .setup,.feats,.trust .wrap{grid-template-columns:repeat(2,minmax(0,1fr))}
  .reasons,.steps{grid-template-columns:minmax(0,1fr)}
  .dash-body{grid-template-columns:minmax(0,1fr)}
  .leads{border-right:0;border-bottom:1px solid var(--line-2)}
  .float{display:none}
  .nav-links a:not(.btn){display:none}
}
@media (max-width:720px){
  :root{--sec:64px;--head-gap:32px;--card-pad:24px;--gutter:max(20px,env(safe-area-inset-left,0px))}
  .wrap{padding-right:max(20px,env(safe-area-inset-right,0px))}
  body{font-size:16px}
  .lede{font-size:17px}
  .hero .wrap{padding-block:48px 64px}
  .night,.setup,.feats,.promise ul,.trust .wrap{grid-template-columns:minmax(0,1fr)}
  .trust .wrap{gap:12px}
  .race{padding:24px}
  .lane,.axis{grid-template-columns:minmax(0,1fr);gap:8px}
  .axis>span:first-child{display:none}
  .val{font-size:16px}
  .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kpi:nth-child(2){border-right:0}.kpi:nth-child(-n+2){border-bottom:1px solid var(--line-2)}
  .road{grid-template-columns:minmax(0,1fr);padding-top:0;padding-left:40px;gap:28px}
  .road::before{left:8px;right:auto;top:0;bottom:0;width:4px;height:auto;background:repeating-linear-gradient(180deg,var(--navy) 0 20px,transparent 20px 30px)}
  .mark::before{top:3px;left:-40px}
  .wagon{display:none}
  .calc-in,.calc-out,.offer-card,.contact{padding:24px}
  .form .two{grid-template-columns:minmax(0,1fr)}
  .tl li{grid-template-columns:72px minmax(0,1fr);gap:12px}
  .brand svg{height:30px}
  .nav .wrap{height:64px}
  .nav-links .btn{padding:10px 14px;font-size:14px}
  .mbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:30;gap:12px;align-items:center;justify-content:space-between;background:var(--navy);padding:12px max(20px,env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) max(20px,env(safe-area-inset-left,0px));box-shadow:0 -12px 28px -16px rgba(0,0,0,.5);transform:translateY(110%);transition:transform .25s ease}
  .mbar.show{transform:none}
  .mbar span{color:var(--white);font-size:14px;font-weight:600;line-height:1.3}
  .mbar .btn{padding:12px 16px;font-size:14px}
  footer .wrap{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.leads-h .sub{color:var(--slate);font-weight:500;font-size:13px}
.offer-card li{display:block;position:relative;padding-left:44px;min-height:32px;padding-top:4px}
.offer-card li::before{position:absolute;left:0;top:0}
.contact h3{color:var(--ink)}
.promise li span{line-height:1.6}

/* ===================== v5 ===================== */
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--signal)}
.eyebrow::before{content:"";width:20px;height:2px;border-radius:2px;background:currentColor}
.on-dark .eyebrow{color:var(--signal-light)}
.section-head.center{margin-inline:auto;text-align:center;justify-items:center}
.section-head.center .eyebrow::after{content:"";width:20px;height:2px;border-radius:2px;background:currentColor}

/* Hero */
.hero{position:relative;isolation:isolate}
.hero::before{content:"";position:absolute;z-index:-1;width:720px;height:720px;right:-160px;top:-120px;border-radius:50%;background:radial-gradient(closest-side,rgba(217,88,26,.13),rgba(217,88,26,0));pointer-events:none}
.hero::after{content:"";position:absolute;z-index:-1;inset:0;background-image:radial-gradient(rgba(20,38,63,.09) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:linear-gradient(90deg,transparent 30%,#000 75%);mask-image:linear-gradient(90deg,transparent 30%,#000 75%);pointer-events:none}
.hl{position:relative;white-space:nowrap}
.hl::after{content:"";position:absolute;left:0;right:0;bottom:.02em;height:.14em;border-radius:.1em;background:var(--signal);opacity:.85;transform-origin:left;animation:swipe .9s .5s cubic-bezier(.2,.8,.2,1) both;z-index:-1}
@keyframes swipe{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.float{animation:bob 5s ease-in-out infinite}
.float.f2{animation-delay:-2.5s}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.hero .replay{margin-top:20px}

/* Pain */
.pains{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}
.pain{display:grid;gap:10px;align-content:start;padding:var(--card-pad);border-radius:var(--radius);background:var(--white);border:1px solid var(--line);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.pain:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#D8D2C5}
.pain-ic,.feat-ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;margin-bottom:6px}
.pain-ic{background:var(--red-soft);color:var(--red)}
.pain h3{font-size:19px}
.pain p{font-size:15.5px;color:var(--slate)}
.bridge{display:flex;align-items:center;gap:20px;margin-top:var(--gap);padding:24px var(--card-pad);border-radius:var(--radius);background:var(--navy);color:var(--mist)}
.bridge-mark svg{width:44px;height:44px;display:block}
.bridge p{font-size:18px;line-height:1.5}
.bridge b{color:var(--white)}

/* Steps */
.steps{position:relative}
.step{position:relative;background:var(--white)}
.step-n{width:52px;height:52px;border-radius:14px;background:var(--canvas);color:var(--navy);transition:background .4s ease,color .4s ease}
.step-k{font-size:13px;font-weight:700;color:var(--slate)}
.js .steps.go .step .step-n{background:var(--navy);color:var(--white)}
.js .steps.go .step:nth-child(2) .step-n{transition-delay:.5s}
.js .steps.go .step:nth-child(3) .step-n{transition-delay:1s;background:var(--signal)}
.steps::before{content:"";position:absolute;left:12%;right:12%;top:54px;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--navy),var(--signal));transform-origin:left;transform:scaleX(0);transition:transform 1.4s cubic-bezier(.3,.1,.2,1);z-index:0}
.steps.go::before,html:not(.js) .steps::before{transform:scaleX(1)}
.step{z-index:1}

/* Conversations */
.convo-phone{position:relative}
.convo .phone{max-width:370px}

/* Showcase: alert + app */
.showcase{display:grid;grid-template-columns:300px minmax(0,1fr);gap:32px;align-items:start}
.alert-wrap{margin:0;position:sticky;top:96px}
.alert-wrap figcaption,.app-note{margin-top:14px;text-align:center;font-size:13.5px;color:var(--slate)}
.app-note b{color:var(--ink)}
.alert-phone{border-radius:36px;padding:9px}
.alert-phone .screen{border-radius:28px;background:#F3F4F6}
.alert-phone .screen-top{background:var(--white)}
.av-ww{background:var(--white);border:1px solid var(--line-2)}
.av-ww svg{width:26px;height:26px}
.alert-body{padding:16px 14px 22px;display:grid;gap:10px;min-height:380px;align-content:start}
.alert-time{justify-self:center;font-size:11.5px;color:var(--slate);font-weight:600}
.alert-msg{background:var(--white);border-radius:18px;border-bottom-left-radius:6px;padding:14px 14px 12px;box-shadow:0 1px 2px rgba(20,38,63,.08);font-size:13px;line-height:1.45;color:var(--ink)}
.js .alert-msg{opacity:0;transform:translateY(14px) scale(.97);transition:opacity .5s ease,transform .5s cubic-bezier(.2,.8,.2,1)}
.js .alert-msg.show{opacity:1;transform:none}
.alert-title{display:flex;align-items:center;gap:8px;font-size:14px;margin-bottom:10px}
.alert-title i{width:8px;height:8px;border-radius:50%;background:var(--signal);box-shadow:0 0 0 4px var(--signal-soft)}
.alert-msg dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:5px 10px;margin:0}
.alert-msg dt{color:var(--slate)}
.alert-msg dd{margin:0;font-weight:600}
.alert-call{margin-top:12px;padding:9px 11px;border-radius:10px;background:var(--green-soft);color:var(--green);font-weight:700}

.app{background:var(--white);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 1px 2px rgba(20,38,63,.05),0 40px 80px -48px rgba(20,38,63,.5)}
.app-bar{display:flex;align-items:center;gap:16px;padding:12px 16px;background:#F3F2EE;border-bottom:1px solid var(--line-2)}
.dots{display:flex;gap:6px}.dots i{width:11px;height:11px;border-radius:50%;background:#D9D5CC}
.url{display:flex;align-items:center;gap:6px;flex:1;max-width:340px;margin:0 auto;justify-content:center;background:var(--white);border-radius:8px;padding:5px 12px;font-size:12.5px;color:var(--slate);font-weight:500}
.app-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:20px 24px 16px}
.app-title{display:grid}
.app-title b{font-size:22px;font-weight:800;letter-spacing:-.02em;color:var(--ink);line-height:1.2}
.app-title span{font-size:13px;color:var(--slate)}
.app-kpis{display:flex;gap:8px;flex-wrap:wrap}
.app-kpis div{display:grid;padding:8px 14px;border-radius:12px;background:var(--canvas);min-width:84px}
.app-kpis b{font-size:18px;font-weight:800;color:var(--ink);letter-spacing:-.02em;line-height:1.2;font-variant-numeric:tabular-nums}
.app-kpis span{font-size:11.5px;color:var(--slate);font-weight:500}
.app-filters{display:flex;gap:6px;padding:0 24px 14px;overflow-x:auto;border-bottom:1px solid var(--line-2);scrollbar-width:none}
.app-filters::-webkit-scrollbar{display:none}
.app-filters button{flex:none;font:inherit;font-size:13.5px;font-weight:600;color:var(--slate);background:none;border:1px solid transparent;border-radius:999px;padding:7px 12px;cursor:pointer;display:inline-flex;gap:6px;align-items:center}
.app-filters button em{font-style:normal;font-size:12px;min-width:20px;padding:1px 6px;border-radius:999px;background:var(--line-2);color:var(--slate)}
.app-filters button:hover{color:var(--ink)}
.app-filters button[aria-selected=true]{background:var(--navy);color:var(--white)}
.app-filters button[aria-selected=true] em{background:rgba(255,255,255,.18);color:var(--white)}
.app-main{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);min-height:470px}
.app-list{border-right:1px solid var(--line-2);padding:8px}
.lead{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;text-align:left;font:inherit;color:inherit;background:none;border:0;border-radius:12px;padding:10px 12px;cursor:pointer;transition:background .15s ease}
.lead:hover{background:#FAF9F6}
.lead.on{background:#F1F5FA;box-shadow:inset 3px 0 0 var(--signal)}
.av{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#E6ECF4;color:var(--navy);font-weight:800;font-size:12.5px;flex:none}
.av.big{width:48px;height:48px;font-size:15px}
.av-call{background:var(--signal-soft);color:var(--signal-ink)}
.lead-t{display:grid;min-width:0}
.lead-t b{font-size:14.5px;color:var(--ink)}
.lead-t small,.lead-r small{font-size:12.5px;color:var(--slate);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lead-r{display:grid;justify-items:end;gap:4px}
.st{font-size:11.5px;padding:4px 9px}
.empty{padding:24px;text-align:center;color:var(--slate);font-size:14px}
.app-detail{padding:20px 24px 24px;display:grid;gap:16px;align-content:start}
.d-top{display:flex;align-items:center;gap:12px}
.d-name{flex:1;min-width:0}
.d-name h4{font-size:20px;letter-spacing:-.02em}
.d-name small{font-size:12.5px;color:var(--slate)}
.d-next{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;font-weight:700;font-size:14.5px;background:var(--green-soft);color:var(--green)}
.d-next.talk{background:#E6EEF8;color:#24508C}
.d-next.follow{background:#F1EFE8;color:#5F5E5A}
.d-next svg{flex:none}
.d-tabs{display:flex;gap:4px;padding:4px;background:var(--canvas);border-radius:10px}
.d-tabs button{flex:1;font:inherit;font-size:13.5px;font-weight:600;color:var(--slate);background:none;border:0;border-radius:8px;padding:8px;cursor:pointer}
.d-tabs button[aria-selected=true]{background:var(--white);color:var(--ink);box-shadow:0 1px 3px rgba(20,38,63,.12)}
.d-body{animation:fadein .25s ease}
@keyframes fadein{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.d-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.d-item{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--line-2);border-radius:12px}
.d-ic{width:28px;height:28px;border-radius:8px;background:var(--canvas);color:var(--navy);display:grid;place-items:center;flex:none}
.d-item small{display:block;font-size:11.5px;color:var(--slate);line-height:1.3}
.d-item b{display:block;font-size:13.5px;color:var(--ink);line-height:1.35}
.d-chat{display:flex;flex-direction:column;gap:6px;font-size:13px;line-height:1.45;max-height:300px;overflow:auto;padding:4px}
.d-chat .msg{max-width:88%;padding:8px 11px;border-radius:14px}
.d-actions{display:flex;justify-content:flex-end}
.btn-sm{padding:11px 16px;font-size:14px}
.d-done{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--green);font-size:14px}

/* Features */
.feat-ic{background:var(--canvas);color:var(--navy)}

/* Pricing */
.plan{position:relative}
.plan-tag{position:absolute;top:24px;right:24px;font-size:12px;font-weight:700;color:var(--navy);background:var(--signal-light);padding:5px 10px;border-radius:999px}

/* FAQ centered */
.faq{max-width:820px;margin-inline:auto}
.faq summary{transition:color .15s ease}
.faq summary:hover{color:var(--signal-ink)}
.faq details[open] p{animation:fadein .25s ease}

/* Final */
.test-steps{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:14px;counter-reset:t}
.test-steps li{display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:14px;counter-increment:t}
.test-steps li::before{content:counter(t);grid-row:span 2;width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.1);color:var(--signal-light);font-weight:800;display:grid;place-items:center}
.test-steps b{color:var(--white);font-size:16.5px}
.test-steps span{color:var(--mist);font-size:15px}
.final .rules{margin-top:28px;color:var(--white)}
.form .ok{color:var(--green);font-size:13.5px;font-weight:600;margin:-4px 0}
.form .ok:empty,.form .err:empty{display:none}

/* Reveal */
.js .rv{opacity:0;transform:translateY(18px);transition:opacity .6s ease var(--rd,0ms),transform .6s cubic-bezier(.2,.8,.2,1) var(--rd,0ms)}
.js .rv.seen{opacity:1;transform:none}

@media (max-width:1100px){
  .showcase{grid-template-columns:minmax(0,1fr)}
  .alert-wrap{position:static;max-width:320px;margin-inline:auto}
  .alert-body{min-height:0}
}
@media (max-width:1000px){
  .pains{grid-template-columns:repeat(2,minmax(0,1fr))}
  .steps::before{display:none}
  .hero::after{display:none}
}
@media (max-width:720px){
  .pains{grid-template-columns:minmax(0,1fr)}
  .bridge{flex-direction:column;align-items:flex-start;gap:12px}
  .bridge p{font-size:16.5px}
  .hl{white-space:normal}
  .app-head,.app-filters{padding-left:16px;padding-right:16px}
  .app-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:6px}
  .app-kpis div{min-width:0;padding:8px}
  .app-kpis b{font-size:16px}
  .app-kpis span{font-size:10.5px}
  .app-main{grid-template-columns:minmax(0,1fr);min-height:0}
  .app-list{border-right:0;border-bottom:1px solid var(--line-2)}
  .app-detail{padding:16px}
  .d-grid{grid-template-columns:minmax(0,1fr)}
  .url{max-width:none}
  .plan-tag{top:20px;right:20px}
}
@media (prefers-reduced-motion:reduce){.js .rv{opacity:1;transform:none}.js .alert-msg{opacity:1;transform:none}}
@media (max-width:720px){
  .table-wrap{overflow:visible;border:0;background:none;box-shadow:none}
  table.cmp{min-width:0}
  .cmp thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .cmp,.cmp tbody,.cmp tr,.cmp td{display:block;width:100%}
  .cmp tr{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:12px;overflow:hidden}
  .cmp td{display:flex;justify-content:space-between;gap:16px;padding:10px 18px;border-bottom:1px solid var(--line-2);text-align:right}
  .cmp td:first-child{display:block;text-align:left;font-size:16px;font-weight:700;padding:14px 18px;background:#FAF9F6}
  .cmp td[data-l]::before{content:attr(data-l);color:var(--slate);font-weight:500;text-align:left}
  .cmp td.us{background:#F1F5FA}
  .cmp td.us::before{color:var(--ink);font-weight:700}
}

/* ===================== v6 ===================== */
.btn-lg{padding:18px 28px;font-size:16.5px}
.btn-ghost{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.22);color:var(--white)}
.btn-ghost:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.4)}

/* Dark hero */
.hero{background:radial-gradient(1200px 600px at 85% -10%,#24406A 0%,rgba(36,64,106,0) 60%),linear-gradient(180deg,#14263F 0%,#101F35 100%);color:var(--mist)}
.hero::before{width:640px;height:640px;right:-120px;top:auto;bottom:-260px;background:radial-gradient(closest-side,rgba(217,88,26,.28),rgba(217,88,26,0))}
.hero::after{background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);-webkit-mask-image:radial-gradient(70% 80% at 75% 40%,#000,transparent);mask-image:radial-gradient(70% 80% at 75% 40%,#000,transparent)}
.hero .wrap{padding-block:72px 96px;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
.hero h1{color:var(--white);font-size:clamp(44px,5.8vw,74px);letter-spacing:-.04em}
.hero .hl{color:var(--white)}
.hero .hl::after{background:linear-gradient(90deg,var(--signal),#F2A06E);opacity:1;height:.12em;bottom:0}
.hero .lede{color:#C3CDDA;max-width:56ch}
.kicker{background:rgba(217,88,26,.14);color:#F6B58E;border:1px solid rgba(217,88,26,.3)}
.kicker i{box-shadow:0 0 0 0 rgba(217,88,26,.6);animation:pulse 2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(217,88,26,.55)}70%{box-shadow:0 0 0 8px rgba(217,88,26,0)}100%{box-shadow:0 0 0 0 rgba(217,88,26,0)}}
.hero-proof{list-style:none;padding:0;margin:40px 0 0;display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:0;border-top:1px solid rgba(255,255,255,.12);padding-top:24px}
.hero-proof li{display:grid;gap:2px;padding-right:32px;margin-right:32px;border-right:1px solid rgba(255,255,255,.12)}
.hero-proof li:last-child{border-right:0;margin-right:0;padding-right:0}
.hero-proof b{font-size:24px;font-weight:800;color:var(--white);letter-spacing:-.02em;line-height:1.2}
.hero-proof span{font-size:14px;color:var(--dim);font-weight:500}
.hero .phone{box-shadow:0 50px 100px -40px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.08);background:#0B1626}
.hero .float{border:0}
.hero .replay{color:var(--dim)}
.hero .phone-wrap{padding-bottom:40px}

/* Race card */
.race-card{position:absolute;left:-88px;bottom:0;width:300px;background:rgba(255,255,255,.97);border-radius:16px;padding:16px;box-shadow:0 30px 60px -24px rgba(0,0,0,.6);backdrop-filter:blur(8px);z-index:2}
.rc-head{display:grid;margin-bottom:10px}
.rc-head b{font-size:14px;color:var(--ink)}
.rc-head span{font-size:12px;color:var(--slate)}
.rc-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.rc-row{display:grid;grid-template-columns:minmax(0,1fr) 54px 84px;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:#F4F5F7;font-size:12.5px}
.rc-n{font-weight:700;color:var(--ink);display:flex;align-items:center;gap:6px;white-space:nowrap}
.rc-n em{font-style:normal;font-size:10px;font-weight:700;color:var(--white);background:var(--navy);padding:2px 6px;border-radius:999px}
.rc-t{font-variant-numeric:tabular-nums;font-weight:700;color:var(--slate);text-align:right}
.rc-s{font-size:11.5px;font-weight:700;color:var(--dim);text-align:right}
.rc-row.win{background:var(--green-soft)}
.rc-row.win.done .rc-t,.rc-row.win.done .rc-s{color:var(--green)}
.rc-row.done:not(.win) .rc-s{color:var(--red)}
.rc-row:not(.done):not(.win) .rc-t{color:var(--ink)}

/* Pain v6 */
.pain-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:72px;align-items:start}
.pain-intro{position:sticky;top:110px;display:grid;gap:20px}
.pain-intro h2{font-size:clamp(34px,4vw,52px)}
.pain-intro .bridge{margin-top:12px;flex-direction:row;align-items:flex-start}
.pain-intro .bridge p{font-size:16px}
.pain-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px}
.pain-list li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:14px;padding:28px 0;border-top:1px solid var(--line)}
.pain-list li:nth-child(-n+2){border-top:0;padding-top:4px}
.px{width:28px;height:28px;border-radius:50%;background:var(--red-soft);position:relative;margin-top:2px}
.px::before,.px::after{content:"";position:absolute;left:8px;top:13px;width:12px;height:2px;border-radius:1px;background:var(--red);transform:rotate(45deg)}
.px::after{transform:rotate(-45deg)}
.pain-list b{display:block;font-size:18px;font-weight:700;color:var(--ink);line-height:1.35;letter-spacing:-.01em}
.pain-list p{margin-top:6px;font-size:15.5px;color:var(--slate);line-height:1.55}

/* Bento */
.bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap)}
.bx{display:grid;gap:8px;align-content:start;padding:var(--card-pad);border:1px solid var(--line);border-radius:20px;background:var(--white);transition:transform .2s ease,box-shadow .2s ease}
.bx:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.bx p{font-size:15.5px;color:var(--slate)}
.bx-big{grid-column:span 2;grid-row:span 2;background:linear-gradient(160deg,#F7F5F0,#EFEBE2);border-color:transparent}
.bx-wide{grid-column:span 4;display:flex;gap:20px;align-items:center;background:var(--navy);border-color:var(--navy)}
.bx-wide h3{color:var(--white)}
.bx-wide p{color:var(--mist);max-width:70ch}
.bx-wide .feat-ic{background:rgba(255,255,255,.1);color:var(--white);margin:0;flex:none}
.bx-big .feat-ic{background:var(--white)}
.mini-call{margin-top:16px;background:var(--white);border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:8px;font-size:13.5px;line-height:1.45;box-shadow:var(--shadow)}
.mc-miss{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--red-soft);color:var(--red);font-size:13px}
.mc-miss svg{width:18px;height:18px;flex:none}
.mc-miss b{color:var(--red)}
.mc-miss span{color:#7A2A24}
.mini-call .msg{max-width:88%}

/* Founding */
.found-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--gap)}
.t-card{margin:0;position:relative;padding:40px;border-radius:24px;background:var(--navy);color:var(--mist);display:grid;gap:16px;align-content:start;overflow:hidden}
.t-card::after{content:"";position:absolute;right:-80px;top:-80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(closest-side,rgba(217,88,26,.35),transparent)}
.t-q{font-size:96px;line-height:.6;font-weight:800;color:var(--signal-light);height:40px}
.t-card blockquote{margin:0;font-size:clamp(28px,3vw,38px);font-weight:800;letter-spacing:-.03em;line-height:1.15;color:var(--white)}
.t-card p{font-size:16px;line-height:1.6}
.t-card figcaption{display:flex;align-items:center;gap:14px;margin-top:8px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12)}
.t-spots{display:flex}
.t-spots i{width:36px;height:36px;border-radius:50%;border:2px dashed rgba(255,255,255,.35);margin-right:-8px;background:var(--navy)}
.t-card figcaption span:last-child{display:grid;font-size:13.5px;margin-left:8px}
.t-card figcaption b{color:var(--white);font-size:15px}
.f-note{padding:40px;border-radius:24px;background:var(--canvas);display:grid;gap:16px;align-content:start}
.f-note p{font-size:17px;line-height:1.7;color:var(--text)}
.sig{display:grid;margin-top:8px;padding-top:16px;border-top:1px solid var(--line)}
.sig b{color:var(--ink);font-size:16px}
.sig a{color:var(--slate);font-size:14px}
.pledges{grid-column:1 / -1;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap)}
.pledges li{display:flex;gap:10px;font-size:14.5px;color:var(--slate);line-height:1.5}
.pledges b{color:var(--ink)}

@media (max-width:1100px){
  .race-card{left:-24px}
  .pledges{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:1000px){
  .hero .wrap{grid-template-columns:minmax(0,1fr)}
  .race-card{position:relative;left:auto;bottom:auto;width:100%;max-width:380px;margin:-56px auto 0}
  .hero .phone-wrap{padding-bottom:0}
  .pain-grid{grid-template-columns:minmax(0,1fr);gap:40px}
  .pain-intro{position:static}
  .bento{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bx-wide{grid-column:span 2}
  .found-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:720px){
  .hero .wrap{padding-block:48px 64px}
  .hero-proof{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hero-proof li{padding-right:12px;margin-right:12px}
  .hero-proof b{font-size:19px}
  .hero-proof span{font-size:12.5px}
  .cta-row .btn{width:100%}
  .pain-list{grid-template-columns:minmax(0,1fr)}
  .pain-list li:nth-child(2){border-top:1px solid var(--line);padding-top:28px}
  .pain-intro .bridge{flex-direction:column}
  .bento{grid-template-columns:minmax(0,1fr)}
  .bx-big,.bx-wide{grid-column:auto;grid-row:auto}
  .bx-wide{flex-direction:column;align-items:flex-start}
  .t-card,.f-note{padding:28px}
  .pledges{grid-template-columns:minmax(0,1fr)}
}

/* v6 fixes */
.race-card{position:relative;left:auto;bottom:auto;width:340px;margin:-28px 0 0 -72px}
.hero .phone-wrap{padding-bottom:0}
.rc-row{grid-template-columns:minmax(0,1fr) 52px 92px}
.rc-n{display:grid;gap:0;line-height:1.25}
.rc-n em{background:none;color:var(--green);padding:0;font-size:11px;border-radius:0}
@media (max-width:1100px){.race-card{margin-left:-24px}}
@media (max-width:1000px){.race-card{margin:-28px auto 0;width:100%;max-width:380px}}