/* =========================================================
   LockedIn HQ — shared section components
   Used by both homepage options; themed via surface classes.
   ========================================================= */

/* ---------- HERO ---------- */
.hero{position:relative;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;overflow:clip;padding-top:var(--nav-h)}
.hero-grid{position:relative;z-index:3;flex:1;display:grid;grid-template-columns:1.04fr .96fr;gap:clamp(24px,4vw,56px);align-items:center;
  width:100%;max-width:var(--wide);margin:0 auto;padding:clamp(20px,4vh,60px) var(--pad) clamp(40px,7vh,80px)}
.hero-copy .eyebrow{margin-bottom:22px}
.hero-copy h1{font-size:clamp(2.7rem,6vw,5.2rem);line-height:.9}
.hero-copy h1 .g{color:var(--green)}
.hero-copy .hero-sub{font-size:clamp(1.08rem,1.6vw,1.36rem);line-height:1.5;opacity:.85;max-width:46ch;margin-top:24px}
.hero-copy .hero-sub b{color:#fff;font-weight:600}
.hero-copy .btnrow{margin-top:30px}
.hero-meta{display:flex;gap:clamp(18px,3vw,42px);flex-wrap:wrap;margin-top:clamp(26px,4vh,44px);padding-top:22px;border-top:1px solid var(--line)}
.hero-meta .m b{font-family:var(--disp);font-weight:800;font-size:clamp(1.4rem,2.4vw,2rem);color:#fff;display:block;line-height:1}
.hero-meta .m b i{font-style:normal;color:var(--green)}
.hero-meta .m span{font-size:.86rem;opacity:.62;margin-top:4px;display:block}
.hero-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:min(76vh,640px)}
.hero-stage .device{--dw:clamp(250px,27vw,330px);position:relative;z-index:3}
.hero-chip{position:absolute;z-index:4;background:rgba(12,33,28,.82);backdrop-filter:blur(8px);
  border:1px solid var(--line-strong);border-radius:15px;padding:11px 14px;box-shadow:0 24px 40px -20px rgba(0,0,0,.7)}
.hero-chip .hc-t{font-family:var(--disp);font-weight:800;color:#fff;font-size:.92rem}
.hero-chip .hc-s{font-size:.74rem;opacity:.62;margin-top:1px}
.hero-chip.hc1{top:9%;right:-2%}.hero-chip.hc2{bottom:11%;left:-4%}
.scroll-cue{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);z-index:5;
  font-family:var(--disp);font-weight:700;font-size:.68rem;letter-spacing:.24em;text-transform:uppercase;
  color:rgba(244,239,225,.4);display:flex;flex-direction:column;align-items:center;gap:8px}
.scroll-cue i{width:1px;height:30px;background:linear-gradient(rgba(244,239,225,.55),transparent);animation:cue 1.8s ease-in-out infinite}
@keyframes cue{0%,100%{transform:scaleY(.4);transform-origin:top;opacity:.4}50%{transform:scaleY(1);opacity:1}}
@media(max-width:900px){
  .hero-grid{grid-template-columns:1fr;gap:6px}
  .hero-stage{order:2;min-height:auto;padding:20px 0 10px}
  .hero-copy{order:1}
  .hero-chip.hc1{right:2%}.hero-chip.hc2{left:0}
}

/* ---------- PROOF MARQUEE ---------- */
.proof{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;overflow:hidden}
.s-cream .proof,.s-cream-2 .proof{border-color:var(--line-ink)}
.proof .proof-lead{text-align:center;font-family:var(--disp);font-weight:700;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;opacity:.5;margin-bottom:16px}
.marquee{display:flex;gap:14px;width:max-content;animation:marq 34s linear infinite}
.marquee:hover{animation-play-state:paused}
.mq-mask{-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
@keyframes marq{to{transform:translateX(-50%)}}
.mq-chip{display:inline-flex;align-items:center;gap:9px;flex:none;font-family:var(--disp);font-weight:700;font-size:1rem;
  padding:11px 18px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.03);white-space:nowrap}
.s-cream .mq-chip,.s-cream-2 .mq-chip{border-color:var(--line-ink);background:rgba(19,49,43,.03)}
.mq-chip b{color:var(--green);font-weight:800}
.mq-chip .dot{width:7px;height:7px;border-radius:50%;background:var(--green)}

/* ---------- MANIFESTO / 99 ---------- */
.manifesto{position:relative}
.mani-num{font-family:var(--disp);font-weight:800;letter-spacing:-.06em;line-height:.72;
  font-size:clamp(8rem,26vw,24rem);color:var(--green);text-shadow:0 0 90px rgba(24,188,43,.4);position:relative}
.mani-line{font-family:var(--disp);font-weight:800;letter-spacing:-.02em;line-height:.94;font-size:clamp(1.9rem,5vw,4rem)}
.mani-line .g{color:var(--green)}
.mani-sub{font-size:clamp(1.05rem,1.6vw,1.4rem);line-height:1.5;max-width:52ch;opacity:.85}
.mani-sub b{color:#fff;font-weight:600}
.vs{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:clamp(30px,5vh,54px)}
.vscard{border:1px solid var(--line);border-radius:20px;padding:clamp(22px,3vw,34px);min-height:280px;display:flex;flex-direction:column}
.vscard .vn{font-family:var(--disp);font-weight:800;font-size:clamp(3rem,7vw,5.4rem);line-height:.8;letter-spacing:-.04em}
.vscard .vh{font-family:var(--disp);font-weight:800;font-size:1.35rem;margin:12px 0 9px;color:#fff}
.vscard .vb{font-size:.98rem;line-height:1.6;opacity:.76}
.vscard .vlist{margin-top:auto;padding-top:18px;display:flex;flex-direction:column;gap:9px}
.vscard .vlist div{font-size:.94rem;opacity:.85;padding-left:20px;position:relative}
.vscard .vlist div::before{content:"";position:absolute;left:0;top:.5em;width:8px;height:8px;border-radius:2px;background:currentColor;opacity:.5}
.vscard.them{background:rgba(0,0,0,.28)}
.vscard.them .vn{color:rgba(244,239,225,.32)}
.vscard.them .vh{color:rgba(244,239,225,.8)}
.vscard.us{background:linear-gradient(160deg,#15402a,#0c211c);border-color:var(--green-line)}
.vscard.us .vn{color:var(--green)}
.vscard.us .vlist div::before{background:var(--green);opacity:1}
@media(max-width:720px){.vs{grid-template-columns:1fr}.vscard{min-height:0}}

/* ---------- APP SHOWCASE (scroll scrub) ---------- */
.showcase{position:relative}
.sc-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(30px,5vw,80px);align-items:start}
.sc-stage{position:sticky;top:0;height:100vh;height:100svh;display:flex;align-items:center;justify-content:center}
.sc-phonewrap{position:relative}
.sc-phonewrap .device{--dw:clamp(240px,25vw,318px)}
.sc-phonewrap .dscreen [data-sc-screen]{position:absolute;inset:0;width:100%;height:auto;opacity:0;transition:opacity .5s ease,transform .6s var(--ease)}
.sc-phonewrap .dscreen [data-sc-screen]:first-child{position:relative;opacity:1}
.sc-glow{position:absolute;inset:-16% -12%;z-index:-1;border-radius:50%;background:radial-gradient(circle,rgba(24,188,43,.3),transparent 62%);filter:blur(50px)}
.sc-steps{padding:38vh 0 40vh;display:flex;flex-direction:column;gap:34vh}
.sc-step{opacity:.32;transition:opacity .4s ease;position:relative;padding-left:26px}
.sc-step::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:3px;background:currentColor;opacity:.16}
.sc-step.on{opacity:1}
.sc-step.on::before{opacity:1;background:var(--green)}
.sc-step .stepno{font-family:var(--disp);font-weight:800;font-size:.9rem;letter-spacing:.1em;color:var(--green);text-transform:uppercase}
.sc-step h3{font-size:clamp(1.6rem,3vw,2.5rem);margin:10px 0 12px}
.sc-step p{font-size:1.06rem;line-height:1.55;opacity:.82;max-width:42ch}
.sc-step .stepfeat{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
@media(max-width:900px){
  .sc-grid{grid-template-columns:1fr;gap:10px}
  .sc-stage{position:relative;height:auto;padding:20px 0}
  .sc-phonewrap .dscreen [data-sc-screen]{position:relative;opacity:1!important;transform:none!important;display:none}
  .sc-phonewrap .dscreen [data-sc-screen].mob-show{display:block}
  .sc-steps{padding:24px 0;gap:20px}
  .sc-step{opacity:1}
}

/* ---------- SCORE CONSOLE ---------- */
.score-sec .sc2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,4vw,64px);align-items:center}
@media(max-width:900px){.score-sec .sc2{grid-template-columns:1fr;gap:26px}}
.console{position:relative;background:linear-gradient(165deg,rgba(22,54,45,.8),rgba(8,24,19,.9));
  border:1px solid var(--line-strong);border-radius:26px;padding:clamp(20px,2.4vw,30px);box-shadow:0 50px 90px -40px rgba(0,0,0,.7)}
.console .amb{position:absolute;inset:0;border-radius:26px;pointer-events:none;background:radial-gradient(60% 50% at 30% 0%,rgba(24,188,43,.22),transparent 70%);opacity:.7;transition:opacity .5s}
.c-head{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}
.c-head .lbl{font-family:var(--disp);font-weight:700;font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(244,239,225,.55)}
.c-live{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:700;color:var(--green-soft)}
.c-live i{width:7px;height:7px;border-radius:50%;background:var(--green);animation:blink 1.6s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
.gauge-row{display:flex;align-items:center;gap:20px;margin-top:16px;position:relative;z-index:2}
.gauge{position:relative;width:168px;height:168px;flex:none}
.gauge svg{transform:rotate(-90deg)}
.gauge .center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.gauge .num{font-family:var(--disp);font-weight:800;font-size:3.1rem;color:#fff;line-height:.9;font-variant-numeric:tabular-nums}
.gauge .max{font-size:.72rem;color:rgba(255,255,255,.5);font-weight:700;letter-spacing:.06em}
.g-band .bn{font-family:var(--disp);font-weight:800;font-size:1.15rem;color:var(--green)}
.g-band .nx{font-size:.86rem;color:rgba(244,239,225,.62);margin-top:3px}
.bvcard{margin-top:12px;display:flex;align-items:center;gap:10px;background:rgba(0,0,0,.25);border:1px solid var(--line);border-radius:13px;padding:9px 11px}
.bvcard .ava{width:34px;height:34px}
.bvcard .nm{font-family:var(--disp);font-weight:800;font-size:.92rem;color:#fff;line-height:1}
.bvcard .mt{font-size:.72rem;color:rgba(244,239,225,.55)}
.bvcard .rd{margin-left:auto;text-align:right}
.bvcard .rd b{font-family:var(--disp);font-weight:800;color:var(--green);font-size:1.15rem;line-height:1}
.bvcard .rd span{font-size:.58rem;color:rgba(244,239,225,.5);font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.c-sub{font-family:var(--disp);font-weight:700;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(244,239,225,.5);margin:18px 0 10px;position:relative;z-index:2}
.acts{display:grid;grid-template-columns:1fr 1fr;gap:9px;position:relative;z-index:2}
.act{display:flex;align-items:center;gap:9px;text-align:left;background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:13px;padding:11px;transition:.18s}
.act:hover{border-color:var(--green-line);background:rgba(24,188,43,.08)}
.act .ico{width:30px;height:30px;border-radius:9px;background:rgba(24,188,43,.16);color:var(--green);display:grid;place-items:center;flex:none}
.act .ico svg{width:16px;height:16px}
.act .t{font-family:var(--disp);font-weight:700;font-size:.85rem;color:#fff;line-height:1.1}
.act .pt{margin-left:auto;font-family:var(--disp);font-weight:800;font-size:.85rem;color:var(--green);white-space:nowrap}
.act.done{border-color:var(--green-line);background:rgba(24,188,43,.12)}
.act.fresh{animation:pop .5s ease}
@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.04)}100%{transform:scale(1)}}
.unlock{margin-top:12px;display:flex;align-items:center;gap:10px;border-radius:13px;padding:11px 13px;position:relative;z-index:2;border:1px solid var(--line);background:rgba(0,0,0,.22);transition:.35s}
.unlock .ic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.06);color:rgba(244,239,225,.6);flex:none}
.unlock .ic svg{width:16px;height:16px}
.unlock .ut b{font-family:var(--disp);font-weight:800;font-size:.9rem;color:#fff;display:block;line-height:1.1}
.unlock .ut span{font-size:.74rem;color:rgba(244,239,225,.55)}
.unlock .st{margin-left:auto;font-family:var(--disp);font-weight:800;font-size:.72rem;color:rgba(244,239,225,.5);letter-spacing:.04em;text-transform:uppercase}
.unlock.open{border-color:var(--green-line);background:rgba(24,188,43,.1)}
.unlock.open .ic{background:rgba(24,188,43,.2);color:var(--green)}
.unlock.open .st{color:var(--green)}
.unlock.just{animation:pop .6s ease}
.c-foot{display:flex;align-items:center;justify-content:space-between;margin-top:14px;position:relative;z-index:2}
.reset{font-family:var(--disp);font-weight:600;font-size:.8rem;color:rgba(244,239,225,.5)}
.reset:hover{color:var(--cream)}
@media(max-width:420px){.acts{grid-template-columns:1fr}.gauge-row{flex-direction:column;align-items:flex-start}}

/* ---------- PILLARS ---------- */
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pillar{position:relative;border-radius:18px;padding:24px;background:linear-gradient(165deg,var(--surface),rgba(8,24,19,.35));border:1px solid var(--line);overflow:hidden;min-height:210px;display:flex;flex-direction:column;transition:transform .22s var(--ease),box-shadow .22s ease,border-color .22s}
.s-cream .pillar,.s-cream-2 .pillar{background:linear-gradient(165deg,#fff,#f6f2e8);border-color:var(--line-ink)}
.pillar::before{content:"";position:absolute;left:0;top:0;right:0;height:3px;background:linear-gradient(90deg,var(--green),transparent 72%)}
.pillar::after{content:"";position:absolute;right:-22px;bottom:-26px;width:118px;height:118px;background:url('assets/mark-white.png') center/contain no-repeat;opacity:.05;pointer-events:none}
.s-cream .pillar::after,.s-cream-2 .pillar::after{background-image:url('assets/mark-dark.png');opacity:.06}
.pillar:hover{transform:translateY(-5px);box-shadow:0 26px 54px -34px rgba(0,0,0,.55);border-color:var(--green-line)}
.s-cream .pillar:hover,.s-cream-2 .pillar:hover{box-shadow:0 28px 56px -40px rgba(19,49,43,.4)}
.pillar .pnum{position:absolute;top:18px;right:20px;font-family:var(--disp);font-weight:800;font-size:1.7rem;opacity:.16}
.pillar .pico{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;margin-bottom:15px;box-shadow:0 12px 24px -12px rgba(0,0,0,.5)}
.pillar .pico svg{width:22px;height:22px}
.pillar h3{font-size:1.4rem}
.pillar .ppromise{font-size:.96rem;opacity:.75;margin-top:6px;line-height:1.4}
.pillar .pfoot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:16px}
.pillar .ptag{font-family:var(--disp);font-weight:700;font-size:.76rem;padding:4px 10px;border-radius:999px}
.pillar .ptag.live{background:rgba(24,188,43,.16);color:var(--green-soft)}
.pillar .ptag.soon{background:rgba(255,255,255,.06);color:rgba(244,239,225,.55)}
.s-cream .pillar .ptag.soon,.s-cream-2 .pillar .ptag.soon{background:rgba(19,49,43,.06);color:rgba(19,49,43,.5)}
.pillar .ppts{font-family:var(--disp);font-weight:800;font-size:.92rem;color:var(--green)}
@media(max-width:820px){.pillars{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.pillars{grid-template-columns:1fr}}

/* ---------- HOW IT WORKS ---------- */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:step}
.stepcard{position:relative;border-radius:18px;padding:24px 20px;background:var(--surface);border:1px solid var(--line);display:flex;flex-direction:column}
.s-cream .stepcard,.s-cream-2 .stepcard{background:#fff;border-color:var(--line-ink)}
.stepcard .sn{counter-increment:step;font-family:var(--disp);font-weight:800;font-size:.9rem;color:var(--green);display:flex;align-items:center;gap:8px}
.stepcard .sn::before{content:counter(step,decimal-leading-zero)}
.stepcard .sico{width:46px;height:46px;border-radius:13px;background:rgba(24,188,43,.14);color:var(--green);display:grid;place-items:center;margin:16px 0 14px}
.stepcard .sico svg{width:22px;height:22px}
.stepcard h3{font-size:1.32rem}
.stepcard p{font-size:.98rem;opacity:.78;margin-top:8px;line-height:1.5}
@media(max-width:900px){.steps{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.steps{grid-template-columns:1fr}}

/* ---------- STORY ---------- */
.story-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(24px,4vw,52px);align-items:center}
.story-card{border-radius:22px;overflow:hidden;position:relative}
.story-card .photo{border-radius:22px 22px 0 0}
.story-card .sc-meta{padding:20px;background:var(--surface);border:1px solid var(--line);border-top:0;border-radius:0 0 22px 22px}
.s-cream .story-card .sc-meta{background:#fff;border-color:var(--line-ink)}
.story-card .sc-meta b{font-family:var(--disp);font-weight:800;font-size:1.15rem;display:block;color:#fff}
.s-cream .story-card .sc-meta b{color:var(--dark)}
.story-card .sc-meta span{font-size:.9rem;opacity:.66}
.story-steps{display:flex;flex-direction:column;gap:16px}
.story-step .sk{font-family:var(--disp);font-weight:700;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--green);margin-bottom:5px}
.story-step .sv{font-size:1.08rem;line-height:1.5;opacity:.88}
.story-step .sv strong{color:#fff;font-weight:700}
.s-cream .story-step .sv strong{color:var(--dark)}
.story-big{margin-top:22px;padding:20px 24px;border-radius:16px;background:linear-gradient(150deg,#15402a,#0c211c);border:1px solid var(--green-line);display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}
.story-big b{font-family:var(--disp);font-weight:800;font-size:clamp(2rem,4vw,3rem);color:var(--green);line-height:1}
.story-big span{font-size:.98rem;opacity:.8;max-width:34ch}
@media(max-width:820px){.story-grid{grid-template-columns:1fr}}

/* ---------- INVESTORS band ---------- */
.inv-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2.4vw,30px)}
.inv-stats.cols-3{grid-template-columns:repeat(3,1fr)}
.inv-stat{padding:22px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid var(--line)}
.s-cream .inv-stat{background:#fff;border-color:var(--line-ink)}
.why-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:26px}
.why{padding:20px;border-radius:16px;border:1px solid var(--line)}
.why h4{font-family:var(--disp);font-weight:800;font-size:1.15rem;color:#fff;margin-bottom:8px}
.s-cream .why h4{color:var(--dark)}
.why p{font-size:.96rem;opacity:.78;line-height:1.5}
@media(max-width:820px){.inv-stats,.inv-stats.cols-3{grid-template-columns:1fr 1fr}.why-list{grid-template-columns:1fr}}

/* ---------- VOICES ---------- */
.voices{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.voice{border-radius:20px;padding:26px 24px;background:var(--surface);border:1px solid var(--line);display:flex;flex-direction:column}
.s-cream .voice{background:#fff;border-color:var(--line-ink)}
.voice .qmark{font-family:var(--disp);font-weight:800;font-size:2.6rem;color:var(--green);line-height:.6;height:.5em}
.voice blockquote{font-size:1.1rem;line-height:1.5;margin:14px 0 20px;flex:1}
.voice .vby{display:flex;align-items:center;gap:11px;margin-top:auto}
.voice .vby .ava{width:44px;height:44px}
.voice .vby b{font-family:var(--disp);font-weight:800;font-size:.98rem;display:block}
.voice .vby span{font-size:.82rem;opacity:.62}
@media(max-width:820px){.voices{grid-template-columns:1fr}}

/* ---------- FEATURE LIST ---------- */
.ck{list-style:none;display:flex;flex-direction:column;gap:12px;margin-top:8px}
.ck li{position:relative;padding-left:32px;font-size:1.06rem;line-height:1.45}
.ck li svg{position:absolute;left:0;top:2px;width:20px;height:20px;color:var(--green)}

/* ---------- big CTA ---------- */
.cta-band{position:relative;text-align:center;overflow:clip}
.cta-band .cta-mark{height:76px;margin:0 auto 22px}
.cta-band h2{font-size:clamp(2.6rem,7vw,5.4rem)}
.cta-band h2 .g{color:var(--green)}
.cta-band .s-green &,.s-green .cta-band h2 .g{color:#fff}
.cta-band p{font-size:clamp(1.06rem,1.6vw,1.32rem);line-height:1.55;max-width:56ch;margin:20px auto 0;opacity:.85}
.cta-band .btnrow{justify-content:center;margin-top:32px}
.cta-band .cta-fine{margin-top:20px;font-size:.9rem;opacity:.6}

/* ---------- pricing bill toggle ---------- */
.bill{display:inline-flex;align-items:center;gap:12px;margin:0 auto 34px;font-family:var(--disp);font-weight:700}
.bill [data-bill-toggle]{position:relative;width:58px;height:30px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid var(--line);transition:.2s}
.s-cream .bill [data-bill-toggle]{background:rgba(19,49,43,.1);border-color:var(--line-ink)}
.bill [data-bill-toggle]::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--green);transition:.24s var(--ease)}
.bill [data-bill-toggle].annual::after{transform:translateX(28px)}
.bill .save{font-family:var(--disp);font-weight:700;font-size:.76rem;color:var(--green);background:rgba(24,188,43,.14);padding:4px 10px;border-radius:999px}
.bill .opt{opacity:.5;transition:.2s}.bill .opt.act{opacity:1}

/* ---------- shared gradient stat band (light-theme punctuation) ---------- */
.statband{background:linear-gradient(100deg,#18BC2B 0%,#18b7a4 52%,#e7e0ca 100%);color:var(--ink)}
.statband .sgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.statband .sgrid.cols-3{grid-template-columns:repeat(3,1fr)}
.statband .st b{font-family:var(--disp);font-weight:800;font-size:clamp(2.2rem,4.6vw,3.6rem);line-height:.9;display:block;color:var(--ink)}
.statband .st b i{font-style:normal}
.statband .st span{font-family:var(--disp);font-weight:700;font-size:.98rem;margin-top:8px;display:block;color:rgba(12,33,28,.78)}
@media(max-width:820px){.statband .sgrid,.statband .sgrid.cols-3{grid-template-columns:1fr 1fr;gap:20px}}

/* ---------- light section polish (used across subpages) ---------- */
.s-cream .lead-strong,.s-cream-2 .lead-strong{color:var(--dark)}
.tint-quote{position:relative;border-left:3px solid var(--green);padding:6px 0 6px 22px}
.kicker-num{font-family:var(--disp);font-weight:800;font-size:clamp(2.6rem,5vw,4rem);color:var(--green-deep);line-height:.9}
.s-ink .kicker-num,.s-dark .s-ink .kicker-num{color:var(--green)}
.chiprow{display:flex;gap:8px;flex-wrap:wrap}
.softcard{background:#fff;border:1px solid var(--line-ink);border-radius:18px;padding:24px;box-shadow:0 22px 50px -46px rgba(19,49,43,.4)}
.softcard.dark{background:var(--dark);border-color:var(--dark);color:var(--cream)}
.softcard.dark h4,.softcard.dark h3{color:#fff}