/* ============================================================
   VOLCAN — Landing Page v2  (rebuild, section by section)
   Section 01 · HERO
   Built on the Volcan Growth Tech design tokens.
   ============================================================ */

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#050506;color:var(--text-body);font-family:'Poppins',system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}

:root{
  --ease-out:cubic-bezier(.22,1,.36,1);
}

/* ============================================================
   01 · HERO  — split: copy left (pressure) · ember mark right
   ============================================================ */
.hero{position:relative;display:grid;grid-template-columns:1.1fr .9fr;min-height:100vh}

/* ---- LEFT (near-black, the copy) ---- */
.panelL{position:relative;background:#08080a;display:flex;align-items:center;padding:clamp(48px,7vw,96px);overflow:hidden}
.panelL__key{position:absolute;inset:0;background:radial-gradient(70% 58% at 24% -8%,rgba(255,140,30,.30),rgba(238,44,34,.06) 42%,transparent 64%)}
.hero{--mx:30%;--my:40%}
.panelL{--mx:30%;--my:40%}
.panelL__lava{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.24;
  background:linear-gradient(120deg,#1a0a06,#3a0d05 35%,#7a1c08 70%,#ee2c22 100%);
  background-size:300% 300%;animation:lavaShift 16s ease infinite}
.panelL__cursor{position:absolute;inset:0;z-index:2;pointer-events:none;
  background:radial-gradient(460px circle at var(--mx,30%) var(--my,40%),rgba(255,130,34,.15),transparent 62%)}
@keyframes lavaShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
.panelL canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}
.lc{position:relative;z-index:3;max-width:580px}

/* ---- the audience chip (caixinha) ---- */
.hero-chip{display:inline-flex;flex-wrap:wrap;align-items:center;gap:10px 14px;
  padding:11px 18px;border-radius:var(--radius-pill,999px);
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.012));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
  margin-bottom:30px;opacity:0;animation:rise .9s var(--ease-out) .05s forwards}
.hero-chip__lead{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--text-muted,#9a958f);white-space:nowrap}
.hero-chip__tags{display:inline-flex;flex-wrap:wrap;align-items:center;gap:9px}
.hero-chip__tags .tag{font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:#f2efe9}
.hero-chip .dot{width:6px;height:6px;border-radius:50%;flex:none;
  background:var(--flame-molten);
  box-shadow:0 0 7px 1px rgba(255,102,0,.9),0 0 14px 2px rgba(255,102,0,.55);
  animation:dotPulse 2.6s ease-in-out infinite}
.hero-chip .dot:nth-child(2){animation-delay:.3s}
.hero-chip .dot:nth-child(4){animation-delay:.6s}
.hero-chip .dot:nth-child(6){animation-delay:.9s}
.hero-chip .dot:nth-child(8){animation-delay:1.2s}
@keyframes dotPulse{0%,100%{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.25)}}

/* ---- headline ---- */
.hero-h1{font-family:'Josefin Sans',sans-serif;font-weight:600;letter-spacing:-.025em;
  line-height:.96;color:#fff;margin:0 0 30px;
  font-size:clamp(2.7rem,5vw,4.4rem);
  opacity:0;animation:rise 1s var(--ease-out) .18s forwards}
.hero-h1 .num{font-size:1.14em;letter-spacing:-.03em;display:inline-block;white-space:nowrap;position:relative}
.hero-h1 .num::after{content:"";position:absolute;left:0;right:0;bottom:-.04em;height:5px;border-radius:3px;
  background:var(--gradient-heat);
  box-shadow:0 0 12px 1px rgba(255,102,0,.7);
  transform:scaleX(0);transform-origin:left;
  animation:underline 1s var(--ease-out) 1.05s forwards}
.hero-h1 .plain{color:#fff}
.hero-h1 .grad{background:var(--gradient-heat);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-h1 .hl{color:var(--flame-amber);white-space:nowrap}
@keyframes underline{to{transform:scaleX(1)}}

/* ---- subheadline (line-by-line) ---- */
.hero-sub{font-size:clamp(1.05rem,1.45vw,1.24rem);line-height:1.5;margin:0 0 38px;max-width:46ch;
  opacity:0;animation:rise 1s var(--ease-out) .34s forwards}
.hero-sub .line{display:block;color:var(--text-muted,#9a958f)}
.hero-sub .line + .line{margin-top:5px}
.hero-sub .line b{color:#fff;font-weight:600}
.hero-sub .line.accent{color:#f2efe9;font-weight:500}
.hero-sub .paren{color:#6f6a64}

/* ---- CTA ---- */
.hero-actions{opacity:0;animation:rise 1s var(--ease-out) .5s forwards}
.hero-cta{position:relative;display:inline-flex;align-items:center;gap:12px;overflow:hidden;
  background:var(--gradient-heat);color:var(--text-on-flame,#1a0b00);
  font-family:'Poppins',sans-serif;font-weight:600;font-size:clamp(1rem,1.2vw,1.1rem);
  padding:19px 36px;border-radius:var(--radius-pill,999px);
  box-shadow:0 10px 34px rgba(255,102,0,.34);
  animation:ctaPulse 3s ease-in-out infinite;
  transition:transform .2s var(--ease-out),box-shadow .2s var(--ease-out)}
.hero-cta .ar{transition:transform .2s var(--ease-out)}
.hero-cta:hover{transform:scale(1.035);box-shadow:0 14px 46px rgba(255,102,0,.5)}
.hero-cta:hover .ar{transform:translateX(5px)}
.hero-cta:active{transform:scale(.99)}
.hero-cta__sheen{position:absolute;top:0;bottom:0;left:-40%;width:32%;pointer-events:none;
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.55),transparent);
  transform:skewX(-18deg);animation:sheen 3.4s ease-in-out infinite}
@keyframes ctaPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.022)}}
@keyframes sheen{0%{left:-45%}28%{left:130%}100%{left:130%}}

/* ---- RIGHT (warm panel, ember mark) ---- */
.panelR{position:relative;overflow:hidden;display:grid;place-items:center;
  background:linear-gradient(155deg,#190d06 0%,#311609 38%,#4a1c08 72%,#2a1206 100%)}
.panelR__wash{position:absolute;inset:0;background:radial-gradient(60% 56% at 50% 30%,rgba(255,150,40,.5),rgba(238,44,34,.13) 46%,transparent 70%)}
.panelR__top{position:absolute;inset:0;background:radial-gradient(70% 40% at 50% -8%,rgba(255,190,90,.45),transparent 56%)}
.panelR canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:4}
.panelR{--mx:50%;--my:42%}
.panelR__drift{position:absolute;top:-14%;right:-10%;width:62%;aspect-ratio:1;border-radius:50%;z-index:1;pointer-events:none;
  background:radial-gradient(circle,rgba(238,44,34,.22),transparent 66%);filter:blur(22px);transition:transform .3s var(--ease-out)}
.panelR__cursor{position:absolute;inset:0;z-index:5;pointer-events:none;mix-blend-mode:screen;
  background:radial-gradient(400px circle at var(--mx,50%) var(--my,42%),rgba(255,180,80,.18),transparent 60%)}
.logo-glow{position:absolute;left:50%;top:50%;width:120%;height:120%;transform:translate(-50%,-50%);z-index:2;pointer-events:none;
  background:radial-gradient(closest-side,rgba(255,140,40,.5),rgba(238,44,34,.16) 45%,transparent 72%);
  filter:blur(8px);animation:breathe 6s ease-in-out infinite}
.logo-stage{position:relative;z-index:3;width:min(80%,460px);aspect-ratio:250.5/267.4;animation:float 7s ease-in-out infinite}
.shimmerband{animation:shimmer 7s ease-in-out infinite}

/* ---- central fissure ---- */
.hero-fissure{position:absolute;top:0;bottom:0;left:55%;width:3px;z-index:10;transform:translateX(-50%);
  background:linear-gradient(180deg,transparent,var(--flame-amber),var(--flame-molten),var(--flame-amber),transparent);
  box-shadow:0 0 26px 4px rgba(255,102,0,.6)}
.hero-fissure::after{content:"";position:absolute;inset:-2px -3px;background:inherit;filter:blur(6px);opacity:.8}

/* ---- keyframes ---- */
@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes breathe{0%,100%{opacity:.85}50%{opacity:1}}
@keyframes shimmer{0%{transform:translateX(-60px)}50%{transform:translateX(60px)}100%{transform:translateX(-60px)}}

@media(prefers-reduced-motion:reduce){
  .hero-chip,.hero-h1,.hero-sub,.hero-actions{opacity:1}
  .hero-h1 .num::after{transform:scaleX(1)}
}

/* ============================================================
   TWEAK HOOKS  (driven by the Tweaks panel)
   ============================================================ */
#vlc-page{--glow:1}

/* chip alignment */
#vlc-page[data-chip="center"] .hero-chip{display:flex;width:fit-content;margin-left:auto;margin-right:auto;justify-content:center}

/* glow intensity */
#vlc-page .hero-cta{box-shadow:0 10px calc(34px * var(--glow)) rgba(255,102,0,calc(.34 * var(--glow)))}
#vlc-page .hero-cta:hover{box-shadow:0 14px calc(46px * var(--glow)) rgba(255,102,0,calc(.5 * var(--glow)))}
#vlc-page .hero-fissure{box-shadow:0 0 calc(26px * var(--glow)) calc(4px * var(--glow)) rgba(255,102,0,calc(.6 * var(--glow)))}
#vlc-page .logo-glow{filter:blur(8px) brightness(calc(.78 + .26 * var(--glow)))}
#vlc-page .hero-chip .dot{box-shadow:0 0 calc(7px * var(--glow)) 1px rgba(255,102,0,.9),0 0 calc(14px * var(--glow)) 2px rgba(255,102,0,.55)}

/* motion energy (canvas speed handled in the page script) */
#vlc-page[data-motion="still"] .hero-cta,
#vlc-page[data-motion="still"] .hero-cta__sheen,
#vlc-page[data-motion="still"] .logo-stage,
#vlc-page[data-motion="still"] .logo-glow,
#vlc-page[data-motion="still"] .shimmerband,
#vlc-page[data-motion="still"] .hero-chip .dot,
#vlc-page[data-motion="still"] .hero-h1 .num::after{animation-play-state:paused}
#vlc-page[data-motion="kinetic"] .hero-cta{animation-duration:1.9s}
#vlc-page[data-motion="kinetic"] .logo-stage{animation-duration:4.6s}
#vlc-page[data-motion="kinetic"] .hero-cta__sheen{animation-duration:2.4s}

/* new-section animations honor the Still setting */
#vlc-page[data-motion="still"] .cta-ring,
#vlc-page[data-motion="still"] .caserow__plus,
#vlc-page[data-motion="still"] .divider--fissure .line,
#vlc-page[data-motion="still"] .divider--fissure .spark{animation-play-state:paused}

/* ============================================================
   TOP NAV
   ============================================================ */
.nav{position:fixed;top:0;left:0;right:0;z-index:60;display:flex;align-items:center;justify-content:space-between;
  gap:24px;padding:14px clamp(20px,4vw,52px);
  transition:background .3s var(--ease-out),backdrop-filter .3s,border-color .3s}
.nav::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,rgba(5,5,7,.9),rgba(5,5,7,0));opacity:1;transition:opacity .3s}
.nav.scrolled{background:rgba(10,10,11,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(255,255,255,.07)}
.nav.scrolled::before{opacity:0}

/* wordmark lockup */
.nav__logo{display:inline-flex;align-items:center}
.nav__logo-img{height:40px;width:auto;display:block;filter:drop-shadow(0 0 8px rgba(255,102,0,calc(.28 * var(--glow,1))))}

/* links */
.nav__links{display:flex;align-items:center;gap:clamp(18px,2.6vw,42px);list-style:none;margin:0;padding:0}
.nav__links a{font-family:'Poppins',sans-serif;font-size:1rem;color:var(--text-secondary,#c9c5be);font-weight:400;
  position:relative;transition:color .2s}
.nav__links a::after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:1.5px;border-radius:2px;
  background:var(--gradient-heat);transform:scaleX(0);transform-origin:left;transition:transform .25s var(--ease-out)}
.nav__links a:hover{color:#fff}
.nav__links a:hover::after{transform:scaleX(1)}

/* right cluster */
.nav__right{display:flex;align-items:center;gap:14px}
.nav__apply{display:inline-flex;align-items:center;justify-content:center;font-family:'Poppins',sans-serif;
  font-weight:600;font-size:.95rem;color:var(--flame-orange,#fc7a12);padding:11px 26px;border-radius:999px;border:1.5px solid transparent;
  background:linear-gradient(#0b0b0d,#0b0b0d) padding-box,var(--gradient-heat) border-box;
  box-shadow:0 0 18px rgba(255,102,0,calc(.32 * var(--glow,1)));
  transition:color .25s var(--ease-out),background .25s var(--ease-out),box-shadow .25s var(--ease-out),transform .2s var(--ease-out)}
.nav__apply:hover{background:var(--gradient-heat) padding-box,var(--gradient-heat) border-box;color:var(--text-on-flame,#1a0b00);
  box-shadow:0 0 30px rgba(255,102,0,.6);transform:scale(1.04)}

/* burger + mobile panel */
.nav__burger{display:none;flex-direction:column;gap:5px;width:44px;height:44px;align-items:center;justify-content:center;
  background:none;border:0;cursor:pointer;padding:0}
.nav__burger span{display:block;width:24px;height:2px;background:#fff;border-radius:2px;transition:transform .28s var(--ease-out),opacity .2s}
.nav.open .nav__burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav.open .nav__burger span:nth-child(2){opacity:0}
.nav.open .nav__burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.nav__panel{position:absolute;top:100%;left:0;right:0;display:flex;flex-direction:column;
  padding:8px clamp(20px,4vw,52px) 22px;
  background:rgba(10,10,11,.94);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(255,255,255,.08);
  transform:translateY(-14px);opacity:0;pointer-events:none;transition:transform .3s var(--ease-out),opacity .3s}
.nav.open .nav__panel{transform:none;opacity:1;pointer-events:auto}
.nav__panel a{font-family:'Poppins',sans-serif;font-size:1.08rem;color:var(--text-secondary,#c9c5be);
  padding:15px 2px;border-bottom:1px solid rgba(255,255,255,.05)}
.nav__panel a:last-child{border-bottom:0}
.nav__panel-apply{margin-top:12px;text-align:center;color:var(--text-on-flame,#1a0b00) !important;font-weight:600;
  background:var(--gradient-heat);border-radius:999px;padding:15px 18px !important;border:0 !important}
@media(min-width:861px){.nav__panel{display:none}}
@media(max-width:860px){
  .nav__links{display:none}
  .nav__burger{display:flex}
}

/* keep hero clear of the fixed nav */
.panelL{padding-top:clamp(96px,9vw,120px)}

/* ============================================================
   CTA pulse ring (outward)
   ============================================================ */
.cta-wrap{position:relative;display:inline-flex}
.cta-ring{position:absolute;inset:0;border-radius:999px;pointer-events:none;
  border:2px solid rgba(255,170,60,.65);opacity:0;
  animation:ctaRing 2.8s var(--ease-out) infinite}
.cta-ring.r2{animation-delay:1.4s}
@keyframes ctaRing{0%{transform:scale(1);opacity:.7}70%{opacity:0}100%{transform:scale(1.32);opacity:0}}

/* ============================================================
   SHARED — section + wrap + reveal
   ============================================================ */
.vsec{position:relative;overflow:hidden}
.vwrap{position:relative;z-index:3;width:min(1180px,92vw);margin:0 auto}
.vsec canvas[data-fx]{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}

.reveal{opacity:0;transform:translateY(30px);transition:opacity .75s var(--ease-out),transform .75s var(--ease-out)}
.reveal.in{opacity:1;transform:none}
.reveal-draw .ekgline{stroke-dasharray:2400;stroke-dashoffset:2400}
.reveal-draw.in .ekgline{transition:stroke-dashoffset 2s var(--ease-out);stroke-dashoffset:0}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}.reveal-draw .ekgline{stroke-dashoffset:0}}

/* ============================================================
   DIVIDER — lava flow (hero → stats)
   ============================================================ */
.divider--lava{position:relative;height:clamp(96px,13vw,150px);overflow:hidden;
  background:linear-gradient(180deg,#08080a 0%,#141416 62%,#1c1c1e 100%)}
.divider--lava canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}

/* ============================================================
   DIVIDER — fissure (stats → cases)
   ============================================================ */
.divider--fissure{position:relative;height:clamp(48px,6vw,78px);overflow:hidden;
  background:linear-gradient(180deg,#1c1c1e 0%,#0d0d0e 60%,#0a0a0b 100%)}
.divider--fissure .line{position:absolute;left:0;right:0;top:50%;height:2px;transform:translateY(-50%);
  background:linear-gradient(90deg,transparent,var(--flame-amber) 22%,var(--flame-molten) 50%,var(--flame-amber) 78%,transparent);
  box-shadow:0 0 calc(22px * var(--glow,1)) calc(2px * var(--glow,1)) rgba(255,102,0,.5);
  animation:fissureBreathe 4s ease-in-out infinite}
.divider--fissure .spark{position:absolute;top:50%;width:18%;height:3px;transform:translateY(-50%);border-radius:3px;
  background:linear-gradient(90deg,transparent,#fff6df,transparent);
  filter:blur(.4px);animation:fissureRun 5s linear infinite}
@keyframes fissureBreathe{0%,100%{opacity:.7}50%{opacity:1}}
@keyframes fissureRun{0%{left:-20%}100%{left:120%}}

/* ============================================================
   02 · STATS  (release / charcoal)
   ============================================================ */
.stats{background:#211c19;padding:clamp(44px,5.5vw,76px) 0 clamp(50px,6vw,84px);border-top:1px solid rgba(255,150,50,.16)}
.stats::before{content:"";position:absolute;left:0;right:0;top:0;height:46%;z-index:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,130,46,.15),transparent)}
.stats .stat__cap{color:#b8afa4}
.stats__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;position:relative;z-index:1;
  background:linear-gradient(90deg,var(--flame-orange,#fc7a12),var(--flame-red,#ff2500));
  border-top:1px solid rgba(252,122,18,.55);border-bottom:1px solid rgba(252,122,18,.55);
  box-shadow:0 0 34px rgba(255,102,0,calc(.16 * var(--glow,1)))}
.stat{text-align:center;padding:clamp(40px,4.4vw,56px) clamp(20px,2.8vw,40px);background:#211c19}
.stat__n{font-family:'Josefin Sans',sans-serif;font-weight:700;line-height:1;letter-spacing:-.015em;
  font-size:clamp(3rem,5vw,3.9rem);
  background:linear-gradient(180deg,#ffc236,#ff2500);-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 0 18px rgba(255,102,0,calc(.3 * var(--glow,1))))}
.stat__cap{font-family:'Poppins',sans-serif;color:#8f8a84;
  font-size:clamp(.82rem,1.05vw,.94rem);line-height:1.45;margin:10px auto 0;max-width:22ch}
.stats__ekg{position:absolute;left:0;right:0;bottom:0;width:100%;height:60px;z-index:2}

/* ============================================================
   03 · CASES  (pressure / near-black)
   ============================================================ */
.cases{background:#0b0a0a;padding:clamp(52px,6.5vw,90px) 0}
.cases::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(56% 88% at 50% 47%,rgba(255,116,24,.24),rgba(176,42,8,.08) 38%,transparent 66%),
             radial-gradient(86% 122% at 50% 50%,transparent 54%,rgba(4,4,5,.62))}
.kicker{display:flex;align-items:center;gap:18px;margin-bottom:clamp(30px,4vw,50px)}
.kicker__idx{font-family:'Josefin Sans',sans-serif;font-weight:600;letter-spacing:.2em;text-transform:uppercase;
  font-size:clamp(.78rem,1vw,.92rem);color:var(--flame-orange);white-space:nowrap}
.kicker__line{flex:1;height:1px;background:linear-gradient(90deg,var(--flame-molten),rgba(255,102,0,.12) 70%,transparent)}

.caselist{display:flex;flex-direction:column;gap:clamp(16px,2.2vw,26px)}
.caselist .caserow:nth-child(2){transition-delay:.09s}
.caselist .caserow:nth-child(3){transition-delay:.18s}
.caserow{position:relative;display:grid;align-items:center;
  grid-template-columns:clamp(54px,6vw,104px) 1fr auto auto;
  gap:clamp(14px,2.4vw,34px);
  background:linear-gradient(160deg,#121214,#0c0c0e);
  border:1px solid rgba(255,255,255,.06);border-radius:20px;
  padding:clamp(22px,3vw,34px) clamp(22px,3vw,40px);
  transition:transform .3s var(--ease-out),border-color .3s var(--ease-out),box-shadow .3s var(--ease-out)}
.caserow:hover{transform:translateY(-3px);border-color:rgba(255,140,40,.32);box-shadow:0 18px 50px rgba(0,0,0,.5),0 0 30px rgba(255,102,0,calc(.12 * var(--glow,1)))}
.caserow__num{font-family:'Josefin Sans',sans-serif;font-weight:600;line-height:.9;
  font-size:clamp(2.6rem,5.4vw,4.6rem);color:rgba(255,255,255,.10);letter-spacing:-.02em}
.caserow__body{min-width:0}
.caserow__tag{display:inline-block;font-family:'Josefin Sans',sans-serif;font-weight:600;
  letter-spacing:.18em;text-transform:uppercase;font-size:.72rem;color:var(--flame-amber);margin-bottom:9px;white-space:nowrap}
.caserow__head{font-family:'Josefin Sans',sans-serif;font-weight:600;line-height:1;letter-spacing:-.02em;
  font-size:clamp(1.7rem,3.1vw,2.7rem);color:#fff;margin:0;display:flex;align-items:baseline;flex-wrap:wrap;gap:.32em}
.caserow__head .arrow{color:var(--flame-orange)}
.caserow__head sup{font-family:'Poppins',sans-serif;font-size:.32em;font-weight:600;color:var(--text-muted,#9a958f);vertical-align:super;margin-left:-.2em}
.caserow__head .dur{font-family:'Poppins',sans-serif;font-size:.4em;font-weight:600;color:var(--flame-amber);letter-spacing:.01em;align-self:center}
.caserow__sub{font-family:'Poppins',sans-serif;color:var(--text-muted,#8c877f);
  font-size:clamp(.95rem,1.25vw,1.05rem);line-height:1.45;margin:12px 0 0;max-width:72ch}
.caserow__now{display:inline-flex;align-items:center;gap:11px;margin-top:16px;
  padding:9px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.02)}
.caserow__now .lbl{font-family:'Poppins',sans-serif;font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted,#7d786f)}
.caserow__now .val{font-family:'Josefin Sans',sans-serif;font-weight:600;font-size:1.18rem;
  background:var(--gradient-heat);-webkit-background-clip:text;background-clip:text;color:transparent}
.caserow__now svg{flex:none}
.caserow__thumb{width:clamp(72px,8vw,98px);height:clamp(72px,8vw,98px);border-radius:14px;overflow:hidden}
.caserow__plus{flex:none;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;cursor:pointer;
  background:rgba(252,122,18,.06);border:1px solid rgba(255,140,40,.55);color:var(--flame-orange);
  font-family:'Poppins',sans-serif;font-size:1.7rem;font-weight:300;line-height:0;
  transition:transform .25s var(--ease-out),background .25s var(--ease-out),box-shadow .25s var(--ease-out);
  animation:plusPulse 2.8s var(--ease-out) infinite}
.caserow__plus:hover{transform:scale(1.1) rotate(90deg);background:rgba(252,122,18,.18);box-shadow:0 0 24px rgba(255,102,0,.5)}
@keyframes plusPulse{0%{box-shadow:0 0 0 0 rgba(255,150,40,.45)}70%{box-shadow:0 0 0 12px rgba(255,150,40,0)}100%{box-shadow:0 0 0 0 rgba(255,150,40,0)}}

/* ============================================================
   04 · TENSION  (pressure / near-black)
   ============================================================ */
.tension{background:#0b0a0a;padding:clamp(46px,6vw,84px) 0 clamp(38px,5vw,66px)}
.tension::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(56% 64% at 50% 14%,rgba(255,116,24,.16),rgba(176,42,8,.05) 42%,transparent 68%),radial-gradient(86% 122% at 50% 50%,transparent 56%,rgba(4,4,5,.6))}
.tn-beat{text-align:center}
.tn-lead,.tn-years{margin-left:auto;margin-right:auto;text-align:center;width:100%}
.tn-flukes{padding-bottom:clamp(6px,1.4vw,16px)}
.tn-inner-div{height:clamp(42px,5vw,68px)}
.tn-inner-div.divider--lava{height:clamp(60px,7vw,92px)}
.tn-inner-div.divider--fissure{background:linear-gradient(180deg,#0b0a0a,#0b0a0a)}

/* strong surface — crack / vein network behind the 2026 beat */
.tn-strong{position:relative;z-index:2;overflow:hidden;
  background:#0b0a0a;
  border-top:1px solid rgba(255,120,30,.16);border-bottom:1px solid rgba(255,120,30,.16);
  padding:clamp(44px,5.4vw,82px) 0}
.tn-strong canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}
.tn-strong::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:radial-gradient(66% 74% at 50% 6%,rgba(255,116,24,.20),rgba(176,42,8,.05) 46%,transparent 72%),
             radial-gradient(92% 120% at 50% 52%,transparent 52%,rgba(6,6,8,.62))}
.tn-strong .vwrap{position:relative;z-index:3}
.tn-strong .tn-2026{margin:0 auto}

/* beat 1 underline */
.tn-flukes .tn-h{display:inline-block;position:relative;padding-bottom:.2em}
.tn-flukes .tn-h::after{content:"";position:absolute;left:8%;right:8%;bottom:0;height:4px;border-radius:3px;
  background:var(--gradient-heat);box-shadow:0 0 12px 1px rgba(255,102,0,.6);
  transform:scaleX(0);transform-origin:center;transition:transform .75s var(--ease-out) .2s}
.tn-flukes .tn-h.in::after{transform:scaleX(1)}

/* shared heat type */
.tn-h{font-family:'Josefin Sans',sans-serif;font-weight:600;letter-spacing:-.02em;line-height:1.04;
  color:#fff;font-size:clamp(2rem,4.4vw,3.4rem);margin:0}
.grad{background:var(--gradient-heat);-webkit-background-clip:text;background-clip:text;color:transparent}

/* beat 1 — flukes */
.tn-lead{font-family:'Poppins',sans-serif;color:var(--text-secondary,#c9c5be);
  font-size:clamp(1.05rem,1.7vw,1.32rem);margin:clamp(16px,2vw,24px) 0 clamp(26px,3.4vw,40px)}
.tn-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(12px,1.6vw,20px)}
.tn-chip{display:inline-flex;align-items:center;gap:11px;
  font-family:'Josefin Sans',sans-serif;font-weight:600;letter-spacing:.02em;
  font-size:clamp(1rem,1.5vw,1.2rem);color:#f2efe9;
  padding:12px 22px;border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.tn-chip .dot{width:7px;height:7px;border-radius:50%;flex:none;background:var(--flame-molten);
  box-shadow:0 0 7px 1px rgba(255,102,0,.9),0 0 14px 2px rgba(255,102,0,.5);
  animation:dotPulse 2.6s ease-in-out infinite}
.tn-years{font-family:'Poppins',sans-serif;color:var(--text-muted,#8c877f);
  font-size:clamp(1rem,1.5vw,1.22rem);margin:clamp(24px,3vw,34px) 0 0}
.tn-years .hot{font-family:'Josefin Sans',sans-serif;font-weight:600;
  background:var(--gradient-heat);-webkit-background-clip:text;background-clip:text;color:transparent}

/* beat 2 — 2026 harder */
.tn-h--xl{font-size:clamp(2.3rem,5.4vw,4.2rem);margin-bottom:clamp(30px,4vw,48px)}
.tn-cards{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,2.4vw,30px);
  max-width:920px;margin:0 auto}
.paincard{position:relative;overflow:hidden;text-align:center;
  background:linear-gradient(160deg,#161417,#0c0c0e);
  border:1px solid rgba(255,120,30,.20);border-radius:20px;
  padding:clamp(28px,3.4vw,44px) clamp(24px,3vw,40px) clamp(28px,3.4vw,44px) clamp(30px,3.6vw,48px);
  box-shadow:0 18px 50px rgba(0,0,0,.45)}
.paincard__bar{position:absolute;left:0;top:8%;bottom:8%;width:5px;border-radius:0 4px 4px 0;
  background:linear-gradient(180deg,#ff2500,#ff6600);
  box-shadow:0 0 16px 1px rgba(255,80,0,.7);
  transform:scaleY(0);transform-origin:top;transition:transform .7s var(--ease-out) .15s}
.reveal.in .paincard__bar,.paincard.reveal.in .paincard__bar{transform:scaleY(1)}
.paincard__t{font-family:'Josefin Sans',sans-serif;font-weight:600;letter-spacing:-.01em;
  font-size:clamp(1.5rem,2.6vw,2.1rem);color:#fff;margin:0 0 12px}
.paincard__d{font-family:'Poppins',sans-serif;color:var(--text-secondary,#b6b1aa);
  font-size:clamp(1.02rem,1.5vw,1.22rem);line-height:1.45;margin:0;max-width:30ch;margin-inline:auto}
.paincard__d b{font-weight:600;color:var(--flame-amber);white-space:nowrap}

/* "Harder to reach / convert / profit" */
.tn-harder{display:block;text-align:center;
  font-family:'Josefin Sans',sans-serif;font-weight:600;letter-spacing:.01em;line-height:1.25;
  color:#fff;font-size:clamp(1.3rem,2.4vw,1.9rem);margin:clamp(34px,4.4vw,54px) 0 0}
.tn-harder span{display:block;opacity:0;transform:translateY(14px);transition:opacity .55s var(--ease-out),transform .55s var(--ease-out)}
.tn-harder em{font-style:normal}
.tn-harder.in span{opacity:1;transform:none}
.tn-harder.in span:nth-child(2){transition-delay:.13s}
.tn-harder.in span:nth-child(3){transition-delay:.26s}

/* beat 3 — cliffhanger */
.tn-cliff{padding:clamp(20px,3vw,38px) 0}
.tn-cliffhead{font-family:'Josefin Sans',sans-serif;font-weight:600;letter-spacing:-.02em;line-height:1.14;
  color:#fff;font-size:clamp(2rem,4.6vw,3.5rem);margin:0 auto;max-width:22ch}

@media(prefers-reduced-motion:reduce){
  .paincard__bar{transform:scaleY(1)}
  .tn-harder span{opacity:1;transform:none}
}

/* ============================================================
   05 · CONSTRAINT  (release / charcoal) — insight + pull quote
   ============================================================ */
.constraint{background:radial-gradient(110% 80% at 50% -6%,rgba(255,120,30,.18),rgba(255,90,10,.05) 44%,transparent 66%),var(--bg-release,#1c1c1e);padding:clamp(40px,5vw,72px) 0 clamp(46px,6vw,84px)}
.constraint::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(58% 92% at 50% 46%,rgba(255,116,24,.26),rgba(176,42,8,.08) 38%,transparent 66%),
             radial-gradient(86% 122% at 50% 50%,transparent 54%,rgba(4,4,5,.62))}
.cn-wrap{text-align:center;max-width:920px}
.cn-h{font-family:'Josefin Sans',sans-serif;font-weight:600;letter-spacing:-.02em;line-height:1.06;
  color:#fff;font-size:clamp(2rem,4.4vw,3.5rem);margin:0}
.cn-sub{font-family:'Josefin Sans',sans-serif;font-weight:600;letter-spacing:-.01em;
  color:#fff;font-size:clamp(1.5rem,3vw,2.4rem);margin:clamp(8px,1.2vw,16px) 0 0}
.cn-body{font-family:'Poppins',sans-serif;color:var(--text-secondary,#c4bfb7);
  font-size:clamp(1.04rem,1.5vw,1.24rem);line-height:1.62;max-width:60ch;margin:clamp(26px,3.4vw,44px) auto 0}
.cn-body b{color:#fff;font-weight:600;letter-spacing:.01em}
.cn-quote{position:relative;max-width:780px;margin:clamp(38px,4.6vw,64px) auto 0;
  padding:clamp(38px,4.4vw,58px) clamp(30px,4vw,60px) clamp(34px,4vw,50px);
  background:linear-gradient(160deg,rgba(255,255,255,.045),rgba(255,255,255,.01));
  border:1px solid rgba(255,140,40,.22);border-radius:22px;
  box-shadow:0 26px 64px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.05)}
.cn-quote__mark{position:absolute;top:-.42em;left:.24em;z-index:0;
  font-family:'Josefin Sans',sans-serif;font-weight:700;font-size:clamp(5rem,9vw,8.5rem);line-height:1;
  background:var(--gradient-heat);-webkit-background-clip:text;background-clip:text;color:transparent;
  opacity:.55;pointer-events:none;
  filter:drop-shadow(0 0 18px rgba(255,102,0,calc(.35 * var(--glow,1))))}
.cn-quote blockquote{position:relative;z-index:1;margin:0;text-wrap:balance;
  font-family:'Josefin Sans',sans-serif;font-weight:600;letter-spacing:-.01em;line-height:1.32;
  color:#fff;font-size:clamp(1.35rem,2.7vw,2.15rem)}
.cn-quote__rule{display:block;width:64px;height:3px;margin:clamp(22px,2.6vw,32px) auto 0;border-radius:3px;
  background:var(--gradient-heat);box-shadow:0 0 12px 1px rgba(255,102,0,calc(.5 * var(--glow,1)))}

/* ---- mobile-only hero mark + sticky dock + tag break (base = hidden on desktop) ---- */
.hero__mmark{display:none}
.hero__range{display:none}
.tag-break{display:none}
.mobile-dock{display:none}

/* ---- responsive ---- */

/* TABLET (761–980): stacked split — text, then the ember panel below */
@media(min-width:761px) and (max-width:980px){
  .hero{grid-template-columns:1fr;grid-template-rows:auto auto;min-height:auto}
  .panelL{padding:clamp(72px,12vw,96px) 28px 60px;order:1}
  .panelR{order:2;min-height:54vh;padding:40px}
  .hero-fissure{top:auto;left:0;right:0;bottom:auto;width:auto;height:3px;transform:translateY(-50%);
    background:linear-gradient(90deg,transparent,var(--flame-amber),var(--flame-molten),var(--flame-amber),transparent)}
}

/* PHONE (≤760): centered hero, ember A behind, no nav, single sticky CTA */
@media(max-width:760px){
  /* nav off → reclaim space; sticky Apply replaces it */
  .nav{display:none}
  /* fixed bottom bar: call affordance + primary CTA, thumb-reachable */
  .mobile-dock{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:55;gap:10px;align-items:center;
    padding:10px 12px calc(10px + env(safe-area-inset-bottom));
    background:linear-gradient(180deg,rgba(10,10,11,0),rgba(10,10,11,.88) 36%,rgba(10,10,11,.97));
    backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.08)}
  .mobile-dock__call{flex:none;width:52px;height:52px;display:flex;align-items:center;justify-content:center;
    border-radius:999px;border:1.5px solid rgba(255,255,255,.18);color:var(--flame-amber,#ffc236);
    background:rgba(255,255,255,.03)}
  .mobile-dock__call svg{width:22px;height:22px}
  .mobile-dock__cta{flex:1;display:flex;align-items:center;justify-content:center;min-height:52px;text-align:center;
    border-radius:999px;font-family:'Poppins',sans-serif;font-weight:600;font-size:1rem;
    color:var(--text-on-flame,#1a0b00);background:var(--gradient-heat);
    box-shadow:0 8px 26px rgba(255,102,0,calc(.4 * var(--glow,1)));animation:ctaPulse 3s ease-in-out infinite}
  #vlc-page{padding-bottom:88px}
  /* moderate rhythm compression on phones */
  .vsec{padding-block:clamp(52px,12vw,74px)}

  /* HERO — pulled up, centered, A behind */
  .hero{grid-template-columns:1fr;min-height:auto;overflow:hidden}
  .panelR,.hero-fissure,.hero-actions{display:none}
  .panelL{order:1;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
    background:linear-gradient(180deg,#050506 0%,#08070a 40%,#120b08 74%,#1e100a 100%);
    padding:clamp(88px,14vh,116px) 22px clamp(150px,26vh,210px)}
  .panelL__lava,.panelL__key,.panelL__cursor{display:none}
  .lc{max-width:none;width:100%;margin:0;flex:0 1 auto;display:flex;flex-direction:column;align-items:center;gap:clamp(16px,3.4vh,26px)}
  .hero__mmark svg,.hero__range svg{width:100%;display:block}

  /* VARIANT B (rethought) — faint peak behind headline, warm horizon at base, dark reading plate keeps copy legible */
  #vlc-page[data-hero-mobile="watermark"] .hero__mmark{display:block;position:absolute;z-index:0;left:50%;top:40%;
    transform:translate(-50%,-50%);width:min(104%,460px);pointer-events:none;opacity:.10;
    filter:drop-shadow(0 0 54px rgba(255,106,0,.4))}
  #vlc-page[data-hero-mobile="watermark"] .panelL::before{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);
    width:150%;height:44%;z-index:0;pointer-events:none;
    background:radial-gradient(60% 100% at 50% 100%,rgba(255,120,26,.4),rgba(255,74,8,.12) 44%,transparent 72%)}
  #vlc-page[data-hero-mobile="watermark"] .panelL::after{content:"";position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);
    width:132%;height:66%;z-index:1;pointer-events:none;
    background:radial-gradient(56% 50% at 50% 46%,rgba(4,3,5,.86),rgba(4,3,5,.5) 58%,transparent 80%)}
  #vlc-page[data-hero-mobile="watermark"] .lc{z-index:3}

  /* VARIANT C — peak becomes the horizon: text raised, lit mountains + glow at the base */
  #vlc-page[data-hero-mobile="horizon"] .hero__mmark{display:none}
  #vlc-page[data-hero-mobile="horizon"] .panelL{padding-bottom:clamp(224px,35vh,268px)}
  #vlc-page[data-hero-mobile="horizon"] .hero__range{display:block;position:absolute;left:50%;bottom:0;transform:translateX(-50%);
    width:min(1000px,205%);z-index:1;pointer-events:none}
  #vlc-page[data-hero-mobile="horizon"] .hero__range::before{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);
    width:92%;height:300px;z-index:-1;background:radial-gradient(50% 62% at 50% 100%,rgba(255,130,30,.44),rgba(255,80,10,.12) 46%,transparent 72%);filter:blur(4px)}

  .hero-chip{margin:0 auto;padding:8px 15px;gap:7px 11px}
  .hero-chip__lead{flex-basis:100%;text-align:center;font-size:.68rem}
  .hero-chip__tags{justify-content:center}
  .hero-chip__tags .tag{font-size:.68rem}
  .tag-break{display:block;flex-basis:100%;height:0}

  /* headline dominates */
  .hero-h1{text-align:center;font-size:clamp(2.9rem,13vw,3.8rem);line-height:.92;margin:0}
  .hero-h1 .num{font-size:1.42em}
  .hero-sub{margin:0 auto;text-align:center;max-width:34ch;font-size:1rem;line-height:1.55}
  .hero-sub .paren{display:block;font-size:.92em}

  /* terms: 2 compact chips, calm */
  .hero-terms{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:8px 10px;margin:0;max-width:none}
  .hero-terms li{padding:6px 13px 6px 26px;border:1px solid rgba(255,255,255,.14);border-radius:999px;
    background:rgba(255,255,255,.03);font-size:.8rem;color:#e6e1da;line-height:1.2}
  .hero-terms li::before{left:11px;top:50%;transform:translateY(-50%)}

  /* STATS — 3 up, compact */
  .stats{padding:clamp(40px,9vw,62px) 0 clamp(46px,10vw,70px)}
  .stats__grid{grid-template-columns:repeat(3,1fr)}
  .stat{padding:clamp(22px,6vw,32px) 6px}
  .stat__n{font-size:clamp(1.5rem,7vw,2.2rem)}
  .stat__cap{font-size:.75rem;margin-top:8px;max-width:16ch;line-height:1.3}
  .caserow__now .lbl{font-size:.74rem}

  /* CASES — stacked rows */
  .caserow{grid-template-columns:auto 1fr;gap:12px 16px;row-gap:14px;padding:22px 20px}
  .caserow__num{grid-row:1;grid-column:1;font-size:2.4rem}
  .caserow__body{grid-row:2;grid-column:1/-1}
  .caserow__thumb{grid-row:1;grid-column:2;justify-self:end;width:60px;height:60px}
  .caserow__plus{grid-row:1;grid-column:2;display:none}
  .caserow__head{font-size:clamp(1.5rem,7vw,2rem)}

  /* TENSION — stack cards, tighten */
  .tn-cards{grid-template-columns:1fr;gap:14px;max-width:none}
  .tn-chips{gap:10px}
  .tn-chip{font-size:.98rem;padding:11px 18px}
  .paincard{padding:26px 22px 26px 26px}
  .tn-inner-div{height:clamp(54px,12vw,80px)}
  .tn-cliffhead{max-width:none}
}

/* ============================================================
   06 · CHAMA  — proprietary method, scroll-pinned lava gauge
   (sticky-only; glow locked subtle via scoped --glow)
   ============================================================ */
.chama{position:relative;height:340vh;background:#0b0a0a;--glow:.6;--fillp:0}
.chama__pin{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;align-items:center}
.chama__pin::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(60% 60% at 50% 8%,rgba(255,120,28,.20),rgba(176,42,8,.06) 40%,transparent 68%),
             radial-gradient(90% 120% at 50% 50%,transparent 52%,rgba(4,4,5,.6))}
.chama__pin canvas[data-fx]{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}
.chama__inner{position:relative;z-index:3;display:flex;flex-direction:column;height:100%;
  justify-content:center;gap:clamp(20px,3.2vh,40px);padding:clamp(70px,9vh,100px) 0 clamp(40px,6vh,64px)}

/* head — centered framing text */
.chama__head{flex:none;text-align:center}
.chama__head .kicker{justify-content:center;margin-bottom:0}
.chama__h{font-family:'Josefin Sans',sans-serif;font-weight:600;letter-spacing:-.025em;line-height:1.04;
  color:#fff;font-size:clamp(1.8rem,3.6vw,3rem);margin:18px auto 0;max-width:24ch}
.chama__name{font-family:'Poppins',sans-serif;color:var(--text-muted,#9a958f);
  font-size:clamp(1.05rem,1.6vw,1.32rem);margin:14px 0 0;display:flex;align-items:baseline;gap:.5em;flex-wrap:wrap;justify-content:center}
.chama__word{font-family:'Josefin Sans',sans-serif;font-weight:600;letter-spacing:.12em;font-size:1.5em;
  background:var(--gradient-heat);-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 0 16px rgba(255,102,0,calc(.4 * var(--glow))))}

/* apparatus — gauge + 5 equal-height stage rows */
.chama__apparatus{flex:1 1 auto;min-height:0;display:flex;align-items:stretch;gap:clamp(22px,3.4vw,52px)}
.gauge{flex:none;width:clamp(12px,1.3vw,18px);display:flex}
.gauge__channel{position:relative;flex:1;border-radius:999px;overflow:hidden;
  background:rgba(255,255,255,.045);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),inset 0 0 20px rgba(0,0,0,.6)}
.gauge__fill{position:absolute;left:0;right:0;top:0;height:calc(var(--fillp,0) * 100%);
  background:linear-gradient(180deg,rgba(150,30,8,.5) 0%,rgba(210,58,10,.72) 38%,rgba(255,110,12,.9) 76%,rgba(255,196,90,1) 100%);
  box-shadow:0 0 calc(16px * var(--glow)) rgba(255,110,10,.6)}
.gauge__front{position:absolute;left:-3px;right:-3px;bottom:-2px;height:10px;border-radius:999px;
  background:linear-gradient(180deg,rgba(255,244,214,1),rgba(255,150,30,.4));
  box-shadow:0 0 calc(18px * var(--glow)) calc(3px * var(--glow)) rgba(255,170,40,.9),0 0 calc(34px * var(--glow)) calc(6px * var(--glow)) rgba(255,90,0,.5)}
.gauge__bubble{position:absolute;border-radius:50%;background:rgba(255,224,150,.9);box-shadow:0 0 8px rgba(255,170,40,.9);opacity:0;animation:bubbleRise 3.4s ease-in infinite}
.gauge__bubble.b1{left:30%;width:4px;height:4px;animation-delay:.2s}
.gauge__bubble.b2{left:58%;width:3px;height:3px;animation-delay:1.3s}
.gauge__bubble.b3{left:42%;width:5px;height:5px;animation-delay:2.4s}
@keyframes bubbleRise{0%{opacity:0;bottom:2px}15%{opacity:.9}80%{opacity:.5}100%{opacity:0;bottom:64%}}

.stages{flex:1;min-width:0;list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.stage{flex:1;min-height:0;display:grid;align-items:center;grid-template-columns:clamp(54px,7vw,108px) 1fr;gap:clamp(16px,2.6vw,38px);border-top:1px solid rgba(255,255,255,.05)}
.stage:first-child{border-top:0}
.stage__letter{font-family:'Josefin Sans',sans-serif;font-weight:600;line-height:1;letter-spacing:-.02em;
  font-size:clamp(2.3rem,5vw,4.3rem);color:rgba(255,255,255,.12);text-align:center;
  transition:color .5s var(--ease-out),transform .5s var(--ease-out),filter .5s var(--ease-out)}
.stage.is-lit .stage__letter{background:var(--gradient-heat);-webkit-background-clip:text;background-clip:text;color:transparent;
  transform:scale(1.06);filter:drop-shadow(0 0 calc(20px * var(--glow)) rgba(255,110,10,.65))}
.stage__copy{min-width:0;opacity:.28;transform:translateY(8px);transition:opacity .55s var(--ease-out),transform .55s var(--ease-out)}
.stage.is-lit .stage__copy{opacity:1;transform:none}
.stage__title{font-family:'Josefin Sans',sans-serif;font-weight:600;letter-spacing:-.01em;line-height:1;color:#fff;font-size:clamp(1.25rem,2.4vw,2rem);margin:0}
.stage__desc{font-family:'Poppins',sans-serif;color:var(--text-muted,#9a958f);font-size:clamp(.92rem,1.3vw,1.14rem);line-height:1.4;margin:8px 0 0;max-width:34ch}
.stage.is-lit .stage__title{text-shadow:0 0 24px rgba(255,140,40,calc(.3 * var(--glow)))}

.chama__close{flex:none;margin:0;text-align:center;font-family:'Josefin Sans',sans-serif;font-weight:600;letter-spacing:-.01em;line-height:1.25;
  color:#cfc9c1;font-size:clamp(1.05rem,1.9vw,1.5rem);opacity:0;transform:translateY(12px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}
.chama__close.is-done{opacity:1;transform:none}

/* CHAMA — erupting volcano (replaces the fighter figure), scales with --fillp */
.chama__volcano{position:absolute;z-index:2;top:0;bottom:0;right:0;width:44%;overflow:hidden;pointer-events:none;margin:0}
.chama__volcano::before{content:"";position:absolute;inset:0;z-index:6;pointer-events:none;
  background:linear-gradient(90deg,#0b0a0a,rgba(11,10,10,.35) 20%,transparent 52%),
             linear-gradient(0deg,#0b0a0a,transparent 22%),
             linear-gradient(180deg,rgba(11,10,10,.55),transparent 14%)}
.cv__scene{position:absolute;left:52%;bottom:-2%;transform:translateX(-50%);width:min(440px,86%);height:72%}
.cv__mtn{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:100%;height:80%;z-index:4;
  clip-path:polygon(50% 0,100% 100%,0 100%);
  background:linear-gradient(180deg,#2a2521,#161311 68%,#0e0c0b);box-shadow:inset 0 -30px 50px rgba(0,0,0,.5)}
.cv__lava{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:32%;height:72%;z-index:5;
  clip-path:polygon(50% 0,100% 100%,0 100%);
  background:linear-gradient(180deg,#ffc236,#ff6600 55%,#ee2c22);
  opacity:calc(.62 + var(--fillp,0) * .38);filter:drop-shadow(0 0 20px rgba(255,102,0,.55))}
.cv__glow{position:absolute;left:50%;top:4%;transform:translateX(-50%);width:54%;aspect-ratio:1;border-radius:50%;z-index:2;
  background:radial-gradient(circle,rgba(255,200,54,.9),rgba(255,90,20,.4) 46%,transparent 70%);
  filter:blur(6px);opacity:calc(.55 + var(--fillp,0) * .45);animation:cvPulse 2.8s ease-in-out infinite}
.cv__crater{position:absolute;left:50%;top:15%;transform:translateX(-50%);width:20%;height:4%;border-radius:50%;z-index:6;
  background:radial-gradient(circle,#fff2c8,#ff6a1a 62%,transparent);
  box-shadow:0 0 30px 6px rgba(255,120,20,.75);opacity:calc(.6 + var(--fillp,0) * .4)}
.cv__smoke{position:absolute;left:50%;top:2%;width:72px;height:150px;transform:translateX(-50%);z-index:3;
  background:radial-gradient(ellipse at 50% 100%,rgba(122,114,112,.42),transparent 72%);filter:blur(9px);
  animation:cvSmoke 5s ease-out infinite}
.cv__smoke.s2{width:98px;height:184px;animation-duration:6.6s;animation-delay:1s}
.cv__erupt{position:absolute;left:50%;top:11%;width:0;height:0;z-index:6;opacity:calc(.65 + var(--fillp,0) * .35)}
.cv__erupt span{position:absolute;left:0;top:0;border-radius:50%;opacity:0;
  animation:cvArc var(--dur,1.8s) ease-out var(--delay,0s) infinite}
@keyframes cvPulse{0%,100%{opacity:.5;transform:translateX(-50%) scale(1)}50%{opacity:1;transform:translateX(-50%) scale(1.14)}}
@keyframes cvSmoke{0%{transform:translateX(-50%) translateY(0) scale(.6);opacity:0}22%{opacity:.4}100%{transform:translateX(-50%) translateY(-150px) scale(1.7);opacity:0}}
@keyframes cvArc{0%{transform:translate(-50%,0) scale(.5);opacity:0}10%{opacity:1}100%{transform:translate(calc(-50% + var(--dx,0)),var(--dy,-150px)) scale(1.1);opacity:0}}
@media(min-width:901px){
  .chama .chama__inner{padding-right:min(44%,640px)}
}
@media(max-width:900px){
  .chama__volcano{left:0;width:auto;opacity:.55}
  .chama__volcano::before{background:linear-gradient(0deg,#0b0a0a,transparent 42%),linear-gradient(90deg,rgba(11,10,10,.62),transparent 44%,rgba(11,10,10,.5))}
}

#vlc-page[data-motion="still"] .gauge__bubble{animation:none}
@media(prefers-reduced-motion:reduce){.stage__copy,.stage__letter,.chama__close{transition:none}}

@media(max-width:860px){
  /* no scroll-jack on touch: unpin into a normal stacked section that reveals as you scroll */
  .chama{height:auto}
  .chama__pin{position:static;height:auto;overflow:visible;display:block}
  .chama__inner{height:auto;padding:clamp(56px,13vw,84px) 0 clamp(40px,9vw,56px);gap:clamp(22px,6vw,34px)}
  .chama .chama__inner{padding-right:0}
  .chama__apparatus{gap:16px;align-items:stretch}
  .gauge{width:6px}
  .stages{gap:22px}
  .stage{flex:none;grid-template-columns:clamp(46px,12vw,64px) 1fr;gap:14px;padding:4px 0}
  .stage__desc{max-width:32ch}
  .chama__volcano{opacity:.3}
  .chama__close{margin-top:6px}
}
@media(max-width:500px){
  .chama__h{font-size:clamp(1.5rem,6.6vw,2rem)}
  .stage__title{font-size:clamp(1.1rem,5vw,1.4rem)}
  .stage__desc{font-size:.86rem;margin-top:5px}
  .stage__letter{font-size:clamp(2rem,11vw,2.8rem)}
}

/* ============================================================
   07 · GROWTH AUDIT  (release / charcoal + top glow) — the first move
   ============================================================ */
.audit{position:relative;overflow:hidden;padding:clamp(56px,7vw,96px) 0;
  background:radial-gradient(120% 78% at 50% -8%,rgba(255,120,30,.18),rgba(255,90,10,.05) 42%,transparent 66%),var(--bg-release,#1c1c1e)}
.audit canvas[data-fx]{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.au-wrap{position:relative;z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center}
.au-h{font-family:'Josefin Sans',sans-serif;font-weight:600;letter-spacing:-.03em;line-height:1.04;
  color:#fff;font-size:clamp(2rem,5.2vw,4rem);margin:22px auto 0;max-width:18ch}
.au-body{font-family:'Poppins',sans-serif;color:var(--text-muted,#9a958f);
  font-size:clamp(1rem,1.5vw,1.28rem);line-height:1.5;margin:20px auto 0;max-width:52ch}
.au-body b{color:#efe9e1;font-weight:600}

/* the 14-day feature lockup */
.au-badge{display:flex;align-items:center;justify-content:center;gap:clamp(14px,1.8vw,26px);
  margin:clamp(26px,3.6vw,44px) 0 0}
.au-badge__intro{font-family:'Poppins',sans-serif;color:var(--text-muted,#9a958f);
  font-size:clamp(.92rem,1.3vw,1.12rem);max-width:14ch;text-align:right;line-height:1.35}
.au-badge__n{font-family:'Josefin Sans',sans-serif;font-weight:600;line-height:.82;letter-spacing:-.04em;
  font-size:clamp(3.4rem,8.5vw,7rem);
  background:var(--gradient-heat);-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 0 calc(22px * var(--glow)) rgba(255,110,10,.5))}
.au-badge__unit{text-align:left;font-family:'Josefin Sans',sans-serif;font-weight:600;line-height:1;
  text-transform:uppercase;letter-spacing:.02em;color:#fff}
.au-badge__unit .d{display:block;font-size:clamp(1.05rem,1.8vw,1.6rem)}
.au-badge__unit .g{display:block;font-size:clamp(.82rem,1.25vw,1.1rem);color:var(--flame-amber,#ffc236);letter-spacing:.14em}
.au-badge__rule{display:block;width:40px;height:2px;margin:8px 0;
  background:linear-gradient(90deg,var(--flame-molten,#ff6600),transparent)}

/* dramatic echo one-liner */
.au-oneliner{margin:clamp(40px,5vw,64px) auto 0;max-width:40ch;position:relative}
.au-oneliner::before,.au-oneliner::after{content:"";display:block;width:1px;height:clamp(18px,2.6vw,30px);margin:0 auto;
  background:linear-gradient(180deg,transparent,var(--flame-molten,#ff6600))}
.au-oneliner::after{transform:rotate(180deg)}
.au-oneliner blockquote{margin:clamp(16px,2vw,24px) 0;
  font-family:'Josefin Sans',sans-serif;font-weight:600;letter-spacing:-.02em;line-height:1.28;
  color:#f3ede4;font-size:clamp(1.15rem,1.9vw,1.55rem)}

/* discrete CTA (ghost-warm, matches system) */
.au-cta{margin:clamp(40px,5vw,60px) auto 0;display:inline-flex;align-items:center;gap:12px;
  font-family:'Poppins',sans-serif;font-weight:600;font-size:clamp(1rem,1.2vw,1.08rem);color:#fff;
  padding:16px 32px;border-radius:var(--radius-pill,999px);
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.16);
  transition:transform .2s var(--ease-out),background .2s var(--ease-out),border-color .2s var(--ease-out),box-shadow .2s var(--ease-out)}
.au-cta:hover{transform:scale(1.03);background:var(--accent-soft,rgba(255,102,0,.12));border-color:rgba(255,140,40,.5);
  box-shadow:0 10px calc(34px * var(--glow)) rgba(255,102,0,calc(.32 * var(--glow)))}
.au-cta .ar{transition:transform .2s var(--ease-out)}
.au-cta:hover .ar{transform:translateX(5px)}

/* subheadline + expanded audit content */
.au-sub2{position:relative;z-index:2;text-align:center;font-family:'Poppins',sans-serif;color:#d7d2ca;
  font-size:clamp(1.02rem,1.5vw,1.28rem);line-height:1.55;margin:clamp(26px,3vw,40px) auto 0;max-width:56ch}
.au-sub2 b{color:#fff;font-weight:600}
.au-sech{font-family:'Josefin Sans',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.16em;
  font-size:.82rem;color:var(--flame-orange,#fc7a12);margin:0 0 20px}

.au-happens{max-width:1080px;margin:clamp(36px,4.4vw,56px) auto 0;text-align:center}
.au-happens .au-sech{margin-bottom:clamp(26px,3vw,40px)}
.au-phases{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,1.5vw,22px);align-items:stretch}
.au-phases__seam{position:absolute;top:26px;left:12.5%;right:12.5%;height:2px;z-index:0;border-radius:2px;
  background:linear-gradient(90deg,var(--flame-amber,#ffc236),var(--flame-molten,#ff6600) 50%,var(--flame-crimson,#ee2c22));
  box-shadow:0 0 16px rgba(255,102,0,.5)}
.au-phase{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}
.au-phase__num{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;margin:0 0 20px;
  background:radial-gradient(circle at 50% 35%,#2a1408,#0c0b0b);box-shadow:0 0 0 1px rgba(255,140,40,.45),0 0 24px rgba(255,102,0,.5)}
.au-phase__num span{font-family:'Josefin Sans',sans-serif;font-weight:600;font-size:1.2rem;
  background:var(--gradient-heat);-webkit-background-clip:text;background-clip:text;color:transparent}
.au-phase__body{position:relative;overflow:hidden;flex:1;width:100%;text-align:center;border-radius:16px;padding:24px 20px;
  background:linear-gradient(160deg,#1a1512,#0e0d0d);border:1px solid rgba(255,120,30,.22);
  box-shadow:0 14px 40px rgba(0,0,0,.45),0 0 22px rgba(255,102,0,calc(.10 * var(--glow,1))),inset 0 1px 0 rgba(255,255,255,.05)}
.au-phase__body::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--gradient-heat);opacity:.85;box-shadow:0 0 12px rgba(255,102,0,.6)}
.au-phase__t{font-family:'Josefin Sans',sans-serif;font-weight:600;letter-spacing:-.01em;color:#fff;
  font-size:clamp(1.12rem,1.5vw,1.42rem);margin:0}
.au-phase__d{font-family:'Poppins',sans-serif;color:var(--text-muted,#9a958f);
  font-size:clamp(.92rem,1.15vw,1.04rem);line-height:1.5;margin:10px 0 0}

.au-recv{max-width:880px;margin:clamp(32px,4vw,48px) auto 0;text-align:center}
.au-recv__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.au-recv__list li{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:baseline;padding:15px 0;
  border-top:1px solid rgba(255,255,255,.08);font-family:'Poppins',sans-serif;color:var(--text-muted,#9a958f);
  font-size:clamp(.98rem,1.25vw,1.12rem);line-height:1.45}
.au-recv__list li:first-child{border-top:0}
.au-recv__list .arw{color:var(--flame-molten,#ff6600);font-weight:700;filter:drop-shadow(0 0 8px rgba(255,102,0,.6))}
.au-recv__list b{color:#fff;font-weight:600}

.au-guar{position:relative;max-width:640px;margin:clamp(32px,4vw,48px) auto 0;border-radius:16px;
  padding:clamp(18px,2.4vw,28px);text-align:center;background:rgba(255,102,0,.05);overflow:hidden}
.au-guar::before{content:"";position:absolute;inset:0;border-radius:16px;padding:1.6px;background:var(--gradient-heat);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.au-guar__big{font-family:'Josefin Sans',sans-serif;font-weight:600;letter-spacing:-.02em;color:#fff;
  font-size:clamp(1.25rem,2.2vw,1.8rem);margin:0;line-height:1.2}
.au-guar__big .grad{filter:drop-shadow(0 0 24px rgba(255,90,0,.45))}
.au-guar__sub{font-family:'Poppins',sans-serif;color:#cbc6bf;font-size:clamp(.98rem,1.3vw,1.14rem);margin:12px 0 0}
.au-guar__sub b{color:var(--flame-amber,#ffc236);font-weight:600}

@media(max-width:640px){
  .au-badge{gap:12px}
  .au-badge__intro{max-width:10ch;font-size:.86rem}
  .au-oneliner{max-width:none}
  .au-phase{grid-template-columns:1fr 1fr;gap:16px}
}
@media(max-width:820px){
  .au-phases{grid-template-columns:1fr 1fr;gap:16px}
  .au-phases__seam{display:none}
}
@media(max-width:460px){
  .au-phases{grid-template-columns:1fr}
}

/* ============================================================
   08 · 5 PILLARS  (pressure / near-black) — radial core + orbit
   ============================================================ */
.pillars{position:relative;overflow:hidden;padding:clamp(56px,7vw,96px) 0;background:var(--bg-pressure,#0a0a0b)}
.pillars canvas[data-fx]{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}
.plr__head{position:relative;z-index:3;text-align:center;display:flex;flex-direction:column;align-items:center}
.plr__head .kicker{justify-content:center}
.plr__h{font-family:'Josefin Sans',sans-serif;font-weight:600;letter-spacing:-.025em;line-height:1.06;
  color:#fff;font-size:clamp(1.8rem,3.4vw,2.9rem);margin:18px auto 0;max-width:22ch}
.plr__sub{font-family:'Poppins',sans-serif;color:var(--text-muted,#9a958f);font-size:clamp(1rem,1.4vw,1.24rem);margin:14px 0 0}
.plr__sub b{color:#efe9e1;font-weight:600}

.plr__stage{position:relative;z-index:3;width:min(1060px,94vw);aspect-ratio:1100/1010;margin:clamp(24px,3vw,40px) auto 0}
.plr__svg{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:visible}
.plr__penta{stroke-dasharray:6 9;animation:plrDash 1.1s linear infinite}
@keyframes plrDash{to{stroke-dashoffset:-15}}

.plr__core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:4;
  width:clamp(176px,20vw,240px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;text-align:center;
  background:radial-gradient(circle at 50% 34%,#3a1a0a 0%,#160c0b 62%,#0c0b0b 100%);
  box-shadow:0 0 0 1px rgba(255,150,50,.45),0 0 60px rgba(255,102,0,.5),inset 0 0 30px rgba(0,0,0,.7);
  animation:plrCore 3.2s ease-in-out infinite}
@keyframes plrCore{0%,100%{box-shadow:0 0 0 1px rgba(255,150,50,.4),0 0 46px rgba(255,102,0,.42),inset 0 0 30px rgba(0,0,0,.7)}
  50%{box-shadow:0 0 0 1px rgba(255,175,70,.6),0 0 78px rgba(255,120,10,.62),inset 0 0 30px rgba(0,0,0,.7)}}
.plr__core .k{font-family:'Josefin Sans',sans-serif;font-weight:600;font-size:clamp(1.35rem,2.1vw,1.85rem);
  letter-spacing:.04em;line-height:1;background:var(--gradient-heat);-webkit-background-clip:text;background-clip:text;color:transparent}
.plr__core .peak{display:block;width:clamp(52px,6.5vw,80px);height:auto;margin:0 auto 7px;
  filter:drop-shadow(0 0 10px rgba(255,110,10,.7))}

/* expanding energy rings from the core */
.plr__ring{position:absolute;left:50%;top:50%;width:clamp(176px,20vw,240px);aspect-ratio:1;border-radius:50%;z-index:3;
  border:1px solid rgba(255,120,30,.5);transform:translate(-50%,-50%);animation:plrPulse 3.4s ease-out infinite;pointer-events:none}
.plr__ring.r2{animation-delay:1.7s}
@keyframes plrPulse{0%{opacity:.55;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.9)}}

.plr__node{position:absolute;z-index:4;width:clamp(184px,18.5vw,250px);transform:translate(-50%,-50%);
  background:rgba(16,14,14,.94);border:1px solid rgba(255,255,255,.09);border-radius:16px;padding:15px 17px;
  box-shadow:0 20px 50px rgba(0,0,0,.5)}
.plr__chead{display:flex;align-items:center;gap:10px;margin-bottom:11px}
.plr__badge{width:38px;height:38px;border-radius:50%;flex:none;display:grid;place-items:center;
  background:radial-gradient(circle at 50% 35%,#2a1408,#0c0b0b);box-shadow:0 0 0 1px rgba(255,140,40,.4),0 0 18px rgba(255,102,0,.45)}
.plr__badge span{font-family:'Josefin Sans',sans-serif;font-weight:600;font-size:1.08rem;letter-spacing:-.02em;
  background:var(--gradient-heat);-webkit-background-clip:text;background-clip:text;color:transparent}
.plr__node .plr__t{font-family:'Josefin Sans',sans-serif;font-weight:600;letter-spacing:-.01em;color:#fff;font-size:1.08rem;margin:0}
.plr-chips{display:flex;flex-wrap:wrap;gap:7px;list-style:none;margin:0;padding:0}
.plr-chips li{font-family:'Poppins',sans-serif;font-size:.78rem;color:#cbc6bf;
  background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);padding:5px 10px;border-radius:999px;white-space:nowrap}

.plr__close{position:relative;z-index:3;text-align:center;margin:clamp(28px,3.4vw,44px) auto 0;
  font-family:'Josefin Sans',sans-serif;font-weight:600;letter-spacing:-.01em;color:#f0ebe3;font-size:clamp(1.15rem,1.9vw,1.6rem)}

/* reveal scale-in for the whole orbit */
.plr__stage.reveal{opacity:0;transform:scale(.94)}
.plr__stage.reveal.in{opacity:1;transform:none;transition:opacity .8s var(--ease-out),transform .8s var(--ease-out)}

/* ---- mobile: collapse orbit into a stacked seam ---- */
@media(max-width:760px){
  .plr__stage{aspect-ratio:auto;width:100%;display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:26px}
  .plr__svg{display:none}
  .plr__ring{display:none}
  .plr__core{position:relative;left:auto;top:auto;transform:none;width:130px}
  .plr__node{position:relative;left:auto!important;top:auto!important;transform:none;width:min(420px,92%)}
  .plr__stage.reveal{transform:none}
}
@media(prefers-reduced-motion:reduce){
  .plr__core,.plr__ring,.plr__penta{animation:none}
}

/* ============================================================
   09 · TWO MODELS + TWO OUTCOMES  (pressure / near-black) — the false choice
   ============================================================ */
.models{position:relative;overflow:hidden;padding:clamp(56px,7vw,96px) 0;background:var(--bg-pressure,#0a0a0b)}
.models canvas[data-fx]{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}
.mdl__h{position:relative;z-index:3;text-align:center;font-family:'Josefin Sans',sans-serif;font-weight:600;
  letter-spacing:-.025em;line-height:1.08;color:#fff;font-size:clamp(1.7rem,3.2vw,2.7rem);margin:14px auto 0;max-width:20ch}
.mdl__h .grad{font-weight:600}

.mdl__grid{position:relative;z-index:3;display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,2.4vw,32px);
  margin:clamp(34px,4.4vw,58px) auto 0;max-width:980px}
.mdl__card{position:relative;background:rgba(255,255,255,.026);border:1px solid rgba(255,255,255,.09);
  border-radius:var(--radius-lg,18px);padding:clamp(24px,2.6vw,36px);display:flex;flex-direction:column}
.mdl__card::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;border-radius:18px 18px 0 0;
  background:var(--gradient-heat);opacity:.5}
.mdl__chead{display:flex;align-items:center;gap:14px;margin-bottom:22px}
.mdl__cnum{font-family:'Josefin Sans',sans-serif;font-weight:600;font-size:1.5rem;line-height:1;letter-spacing:-.02em;
  background:var(--gradient-heat);-webkit-background-clip:text;background-clip:text;color:transparent}
.mdl__cico{width:26px;height:26px;stroke:var(--flame-amber,#ffc236);stroke-width:2;fill:none;flex:none;
  stroke-linecap:round;stroke-linejoin:round}
.mdl__ctitle{font-family:'Josefin Sans',sans-serif;font-weight:600;letter-spacing:-.01em;color:#fff;
  font-size:clamp(1.3rem,2vw,1.75rem);margin:0}
.mdl__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:13px}
.mdl__list li{position:relative;padding-left:26px;font-family:'Poppins',sans-serif;
  color:#c4bfb8;font-size:clamp(.95rem,1.15vw,1.06rem);line-height:1.4}
.mdl__list li::before{content:"";position:absolute;left:0;top:.62em;width:15px;height:2px;border-radius:2px;
  background:linear-gradient(90deg,var(--flame-crimson,#ee2c22),var(--flame-molten,#ff6600));
  box-shadow:0 0 8px rgba(255,80,0,.6)}
.mdl__note{margin:22px 0 0;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);
  font-family:'Poppins',sans-serif;color:var(--text-muted,#9a958f);font-size:clamp(.95rem,1.2vw,1.08rem);line-height:1.5}
.mdl__note b{color:#efe9e1;font-weight:600}

/* ---- inner divider (models → outcomes) ---- */
.mdl__gap{position:relative;z-index:3;height:clamp(40px,6vw,72px)}

/* ---- the two outcomes / bifurcation ---- */
.out__h{position:relative;z-index:3;text-align:center;font-family:'Josefin Sans',sans-serif;font-weight:600;
  letter-spacing:-.025em;line-height:1.1;color:#fff;font-size:clamp(1.7rem,3.2vw,2.7rem);margin:0 auto;max-width:20ch}
.out__flow{position:relative;z-index:3;max-width:900px;margin:clamp(30px,4vw,52px) auto 0}
.out__origin{width:max-content;margin:0 auto;font-family:'Josefin Sans',sans-serif;font-weight:600;
  text-transform:uppercase;letter-spacing:.14em;font-size:.82rem;color:var(--flame-amber,#ffc236);
  padding:11px 22px;border-radius:999px;border:1px solid rgba(255,150,50,.35);background:rgba(255,102,0,.06);
  box-shadow:0 0 26px rgba(255,102,0,.18)}
.out__band{display:block;width:100%;height:clamp(56px,8vw,92px);overflow:visible}
.out__branches{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,3vw,44px)}
.out__scn{text-align:center;background:rgba(255,255,255,.026);border:1px solid rgba(255,255,255,.09);
  border-radius:var(--radius-lg,18px);padding:clamp(22px,2.4vw,32px)}
.out__scn .n{font-family:'Josefin Sans',sans-serif;font-weight:600;font-size:1.3rem;
  background:var(--gradient-heat);-webkit-background-clip:text;background-clip:text;color:transparent}
.out__scn .cond{display:block;margin-top:8px;font-family:'Josefin Sans',sans-serif;font-weight:600;
  color:#fff;font-size:clamp(1.05rem,1.6vw,1.4rem);line-height:1.2}
.out__scn .res{display:block;margin-top:10px;font-family:'Poppins',sans-serif;
  color:var(--text-muted,#9a958f);font-size:clamp(.92rem,1.2vw,1.06rem);line-height:1.4}
.out__verdict{position:relative;z-index:3;text-align:center;margin:0 auto;
  font-family:'Josefin Sans',sans-serif;font-weight:600;letter-spacing:-.03em;line-height:1;
  font-size:clamp(2.6rem,7.5vw,5.5rem);color:#fff}
.out__verdict .grad{filter:drop-shadow(0 0 40px rgba(255,90,0,.5))}

@media(max-width:720px){
  .mdl__grid{grid-template-columns:1fr;max-width:520px}
  .out__band{height:44px}
}

/* ============================================================
   10 · THE SOLUTION  (release / charcoal + glow) — the third way
   ============================================================ */
.solution{position:relative;overflow:hidden;padding:clamp(56px,7vw,96px) 0;
  background:radial-gradient(120% 80% at 50% -8%,rgba(255,120,30,.2),rgba(255,90,10,.05) 44%,transparent 66%),var(--bg-release,#1c1c1e)}
.solution canvas[data-fx]{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.sol__wrap{position:relative;z-index:3;text-align:center;display:flex;flex-direction:column;align-items:center}
.sol__wrap .kicker{justify-content:center}
.sol__h{font-family:'Josefin Sans',sans-serif;font-weight:600;letter-spacing:-.03em;line-height:1.02;
  color:#fff;font-size:clamp(2.4rem,6vw,4.6rem);margin:20px auto 0}
.sol__h .ln{display:inline-block;white-space:nowrap}
.sol__h .grad{filter:drop-shadow(0 0 40px rgba(255,90,0,.5))}

.sol__flow{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:clamp(10px,1.4vw,18px);
  margin:clamp(34px,4.6vw,58px) auto 0;max-width:920px}
.sol__step{font-family:'Josefin Sans',sans-serif;font-weight:600;letter-spacing:-.01em;color:#fff;
  font-size:clamp(1rem,1.5vw,1.35rem);padding:14px 22px;border-radius:var(--radius-pill,999px);
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.14);white-space:nowrap}
.sol__step .sub{color:var(--flame-amber,#ffc236);font-weight:600}
.sol__step.is-last{background:var(--gradient-heat);color:var(--text-on-flame,#1a0b00);border-color:transparent;
  box-shadow:0 10px calc(34px * var(--glow,1.4)) rgba(255,102,0,.32)}
.sol__arrow{flex:none;color:var(--flame-molten,#ff6600);font-size:clamp(1.1rem,1.6vw,1.5rem);line-height:1;
  filter:drop-shadow(0 0 8px rgba(255,102,0,.6))}

@media(max-width:640px){
  .sol__flow{flex-direction:column;gap:12px}
  .sol__step{white-space:normal;text-align:center}
  .sol__arrow{transform:rotate(90deg)}
}

/* ============================================================
   11 · WE ONLY WIN WHEN YOU WIN  (pressure) — aligned incentives
   ============================================================ */
.aligned{position:relative;overflow:hidden;padding:clamp(56px,7vw,96px) 0;background:var(--bg-pressure,#0a0a0b)}
.aligned canvas[data-fx]{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.win__wrap{position:relative;z-index:3;text-align:center;display:flex;flex-direction:column;align-items:center}
.win__wrap .kicker{justify-content:center}
.win__h{font-family:'Josefin Sans',sans-serif;font-weight:600;letter-spacing:-.03em;line-height:1.02;
  color:#fff;font-size:clamp(2.2rem,5.2vw,4.2rem);margin:18px auto 0}
.win__h .grad{filter:drop-shadow(0 0 40px rgba(255,90,0,.45))}
.win__h .ln{display:inline-block;white-space:nowrap}

/* baseline vs incremental chart */
.win__chart{width:min(920px,100%);margin:clamp(40px,4.8vw,64px) auto 0}
.win__bar{display:flex;height:clamp(80px,9vw,104px);border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.12)}
.win__seg{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left;
  padding:0 clamp(16px,2vw,26px);position:relative}
.win__seg .lbl{font-family:'Josefin Sans',sans-serif;font-weight:600;letter-spacing:-.01em;color:#fff;
  font-size:clamp(.98rem,1.4vw,1.24rem)}
.win__seg .sub{font-family:'Poppins',sans-serif;font-size:clamp(.76rem,1vw,.9rem);color:#9a958f;margin-top:4px}
.win__seg--base{flex:0 0 55%;background:rgba(255,255,255,.05)}
.win__seg--incr{flex:1;background:linear-gradient(90deg,rgba(255,102,0,.2),rgba(255,102,0,.52))}
.win__seg--incr .lbl{color:#fff}
.win__seg--incr .sub{color:#ffd9a8}
.win__seg--incr::before{content:"";position:absolute;left:0;top:-8px;bottom:-8px;width:2px;
  background:linear-gradient(180deg,var(--flame-amber,#ffc236),var(--flame-molten,#ff6600));box-shadow:0 0 16px rgba(255,102,0,.7)}
.win__bracket{display:grid;grid-template-columns:55% 1fr;margin-top:10px}
.win__bracket__c{grid-column:2;position:relative;padding-top:14px;text-align:center}
.win__bracket__c::before{content:"";position:absolute;top:0;left:8%;right:8%;height:9px;
  border:2px solid rgba(255,140,40,.55);border-bottom:0;border-radius:7px 7px 0 0}
.win__bracket__c p{margin:0;font-family:'Poppins',sans-serif;color:#cbc6bf;font-size:clamp(.9rem,1.15vw,1.05rem);line-height:1.45}
.win__bracket__c b{color:var(--flame-amber,#ffc236);font-weight:600}

/* the two components */
.win__cards{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2vw,26px);width:min(920px,100%);
  margin:clamp(34px,4vw,52px) auto 0;text-align:left}
.win__card{position:relative;overflow:hidden;border-radius:18px;padding:clamp(24px,2.6vw,34px);
  background:rgba(255,255,255,.028);border:1px solid rgba(255,255,255,.09)}
.win__card--share{background:rgba(255,102,0,.05)}
.win__card--share::before{content:"";position:absolute;inset:0;border-radius:18px;padding:1.6px;background:var(--gradient-heat);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.win__sym{font-family:'Josefin Sans',sans-serif;font-weight:600;line-height:1;font-size:clamp(2rem,3.4vw,2.8rem);
  background:var(--gradient-heat);-webkit-background-clip:text;background-clip:text;color:transparent}
.win__ct{font-family:'Josefin Sans',sans-serif;font-weight:600;letter-spacing:-.01em;color:#fff;
  font-size:clamp(1.25rem,1.9vw,1.7rem);margin:12px 0 0}
.win__cd{font-family:'Poppins',sans-serif;color:var(--text-muted,#9a958f);font-size:clamp(.96rem,1.2vw,1.1rem);line-height:1.55;margin:10px 0 0}
.win__cd b{color:#efe9e1;font-weight:600}
.win__cta{margin-top:clamp(36px,4vw,52px)}

@media(max-width:640px){
  .win__cards{grid-template-columns:1fr}
  .win__seg .sub{display:none}
  .win__bracket{grid-template-columns:1fr}
  .win__bracket__c{grid-column:1}
}

/* ---- baseline vs incremental — two-bar comparison ---- */
.win__viz{display:flex;align-items:center;justify-content:center;gap:clamp(30px,5vw,72px);flex-wrap:wrap;
  width:min(920px,100%);margin:clamp(40px,4.8vw,64px) auto 0}
.win__bars{display:flex;align-items:flex-end;gap:clamp(28px,4vw,56px);padding-bottom:36px}
.win__bar2{width:clamp(104px,13vw,150px);height:clamp(300px,34vw,384px);
  display:flex;flex-direction:column;justify-content:flex-end;position:relative}
.win__base{background:linear-gradient(180deg,#2c2723,#201c18);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.win__bar2--before .win__base{height:58%;border-radius:14px}
.win__bar2--after .win__base{height:58%;border-radius:0 0 14px 14px}
.win__incr{height:42%;border-radius:14px 14px 0 0;position:relative;display:grid;place-items:center;text-align:center;
  background:linear-gradient(180deg,#ffc236 0%,#fc7a12 62%,#f2600a 100%);
  border-bottom:2px dashed rgba(24,12,4,.45);
  box-shadow:0 0 26px rgba(252,122,18,calc(.4 * var(--glow,1))),0 0 72px rgba(252,122,18,calc(.24 * var(--glow,1)))}
.win__incr span{font-family:'Josefin Sans',sans-serif;font-weight:600;letter-spacing:-.01em;
  color:#211002;font-size:clamp(.82rem,1.15vw,1rem);line-height:1.12;padding:0 6px}
.win__barlabel{position:absolute;top:100%;left:0;right:0;margin-top:13px;text-align:center;
  font-family:'Poppins',sans-serif;font-size:clamp(.86rem,1.1vw,1rem);color:#9a958f}
.win__bar2--after .win__barlabel{color:#efe9e1;font-weight:500}
.win__legend{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:18px;text-align:left;max-width:300px}
.win__legend li{display:flex;align-items:flex-start;gap:14px;
  font-family:'Poppins',sans-serif;font-weight:400;color:#9a958f;
  font-size:clamp(.98rem,1.3vw,1.14rem);line-height:1.4}
.win__legend .sw{width:22px;height:22px;flex:none;border-radius:6px;margin-top:2px;
  border:1.5px solid rgba(255,255,255,.2);background:transparent}
.win__legend li.hot{color:#efe9e1}
.win__legend li.hot .sw{border:0;background:linear-gradient(180deg,#ffc236,#fc7a12);
  box-shadow:0 0 18px rgba(252,122,18,calc(.7 * var(--glow,1)))}
@media(max-width:640px){
  .win__bars{gap:26px;padding-bottom:32px}
  .win__bar2{height:270px;width:min(120px,32vw)}
  .win__legend{max-width:none}
}

/* ============================================================
   12 · STEP BY STEP  (release) — how a partnership begins
   ============================================================ */
.steps{position:relative;overflow:hidden;padding:clamp(56px,7vw,96px) 0;
  background:radial-gradient(120% 78% at 50% -8%,rgba(255,120,30,.16),rgba(255,90,10,.04) 42%,transparent 66%),#141112}
.steps canvas[data-fx]{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.stp__wrap{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center}
.stp__h{text-align:center;font-family:'Josefin Sans',sans-serif;font-weight:600;letter-spacing:-.025em;line-height:1.04;
  color:#fff;font-size:clamp(2rem,4.6vw,3.6rem);margin:16px auto 0}

.stp__list{list-style:none;width:min(780px,100%);margin:clamp(36px,4.6vw,60px) auto 0;padding:0}
.stp{position:relative;display:grid;grid-template-columns:56px 1fr;gap:clamp(18px,2.8vw,36px);
  padding:0 0 clamp(32px,4vw,52px);text-align:left}
.stp:last-child{padding-bottom:0}
.stp__rail{position:relative;display:flex;justify-content:center}
.stp__rail::before{content:"";position:absolute;top:60px;bottom:6px;left:50%;width:2px;transform:translateX(-50%);
  background:linear-gradient(180deg,rgba(255,140,40,.55),rgba(255,140,40,.10));border-radius:2px}
.stp:last-child .stp__rail::before{display:none}
.stp__node{width:52px;height:52px;flex:none;border-radius:50%;display:grid;place-items:center;
  background:radial-gradient(circle at 50% 35%,#2a1408,#0c0b0b);
  box-shadow:0 0 0 1px rgba(255,140,40,.45),0 0 24px rgba(255,102,0,calc(.5 * var(--glow,1)))}
.stp__node span{font-family:'Josefin Sans',sans-serif;font-weight:600;font-size:1.15rem;
  background:var(--gradient-heat);-webkit-background-clip:text;background-clip:text;color:transparent}
.stp__body{padding-top:8px;min-width:0}
.stp__t{font-family:'Josefin Sans',sans-serif;font-weight:600;letter-spacing:-.01em;color:#fff;
  font-size:clamp(1.35rem,2.3vw,1.9rem);margin:0;display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 16px}
.stp__tag{font-family:'Poppins',sans-serif;font-weight:600;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--flame-amber,#ffc236)}
.stp__d{font-family:'Poppins',sans-serif;color:#b6b1aa;font-size:clamp(.98rem,1.3vw,1.14rem);line-height:1.55;
  margin:10px 0 0;max-width:58ch}
.stp__d b{color:#fff;font-weight:600}
.stp__d--sub{color:var(--text-muted,#8c877f);margin-top:6px}
.stp__pill{position:relative;display:inline-flex;align-items:center;margin-top:16px;padding:10px 20px;border-radius:999px;
  font-family:'Josefin Sans',sans-serif;font-weight:600;font-size:.82rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--flame-amber,#ffc236);background:rgba(255,102,0,.06)}
.stp__pill::before{content:"";position:absolute;inset:0;border-radius:999px;padding:1.5px;background:var(--gradient-heat);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.stp--fire .stp__node{box-shadow:0 0 0 1px rgba(255,170,70,.7),0 0 34px rgba(255,102,0,calc(.75 * var(--glow,1)))}
.stp__cta{margin-top:clamp(38px,4.6vw,56px)}
@media(max-width:640px){
  .stp{grid-template-columns:44px 1fr;gap:16px}
  .stp__node{width:44px;height:44px}
  .stp__node span{font-size:1rem}
  .stp__rail::before{top:52px}
}


/* ============================================================
   REFINEMENTS — brighter secondary text (no more washed-out gray)
   ============================================================ */
.hero-sub .line{color:#cfc9c2}
.tn-lead,.cn-body,.au-body,.au-sub2{color:#ddd8d1}
.stat__cap,.stats .stat__cap,.tn-years,.plr__sub,.au-phase__d,.win__cd,.mdl__note,.out__scn .res,.stage__desc,.chama__name,.caserow__sub,.stp__d,.stp__d--sub,.mdl__list li,.win__legend li,.au-badge__intro,.au-guar__sub{color:#cfc9c2}
.tn-beat,.tn-beat .tn-h,.tn-cliffhead{text-align:center}
.tn-lead,.tn-years{max-width:none;margin-inline:auto}

/* ---- tweet card (constraint quote) ---- */
.cn-tweet{position:relative;max-width:620px;margin:clamp(34px,4vw,54px) auto 0;text-align:left;
  padding:clamp(22px,2.6vw,30px) clamp(22px,3vw,34px);
  background:linear-gradient(160deg,#141315,#0c0c0e);border:1px solid rgba(255,255,255,.10);border-radius:18px;
  box-shadow:0 20px 54px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.05)}
.cn-tweet__head{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.cn-tweet__ava{width:52px;height:52px;flex:none;border-radius:50%;overflow:hidden;
  box-shadow:0 0 0 2px rgba(255,140,40,.45),0 0 18px rgba(255,102,0,.35)}
.cn-tweet__id{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}
.cn-tweet__id .nm{font-family:'Poppins',sans-serif;font-weight:600;color:#fff;font-size:1.02rem}
.cn-tweet__id .hd{font-family:'Poppins',sans-serif;color:#9a958f;font-size:.9rem;transition:color .2s}
.cn-tweet__id .hd:hover{color:var(--flame-amber,#ffc236)}
.cn-tweet__x{width:22px;height:22px;margin-left:auto;flex:none;fill:#e8e2d9;opacity:.9}
.cn-tweet blockquote{margin:0;font-family:'Poppins',sans-serif;font-weight:400;color:#f0ebe3;
  font-size:clamp(1.05rem,1.5vw,1.3rem);line-height:1.55}
.cn-tweet blockquote .grad{font-weight:600}
.cn-tweet__q{display:flex;flex-direction:column}
.cn-tweet__q .ln{display:block}
.cn-tweet__q .ln--2{margin-top:.85em;padding-top:.85em;border-top:1px solid rgba(255,255,255,.09)}

/* ---- diagnose-first ordered lockup (audit) ---- */
.au-order{display:flex;align-items:stretch;justify-content:center;gap:clamp(12px,1.6vw,20px);flex-wrap:wrap;
  margin:clamp(26px,3vw,42px) auto 0;width:min(780px,100%)}
.au-order__step{flex:1 1 280px;text-align:left;border-radius:16px;padding:clamp(20px,2.2vw,26px);
  border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.025);display:flex;flex-direction:column;gap:9px}
.au-order__step--first{border-color:rgba(255,150,50,.4);background:rgba(255,102,0,.05);
  box-shadow:0 0 34px rgba(255,102,0,calc(.14 * var(--glow,1)))}
.au-order__tag{font-family:'Poppins',sans-serif;text-transform:uppercase;letter-spacing:.16em;
  font-size:.72rem;font-weight:500;color:#8f8a83}
.au-order__step--first .au-order__tag{color:var(--flame-amber,#ffc236)}
.au-order__label{font-family:'Josefin Sans',sans-serif;font-weight:600;letter-spacing:-.01em;
  color:#fff;font-size:clamp(1.14rem,1.7vw,1.46rem)}
.au-order__note{font-family:'Poppins',sans-serif;font-size:clamp(.86rem,1.1vw,.98rem);color:#9a958f;line-height:1.45}
.au-order__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}
.au-order__chips span{font-family:'Poppins',sans-serif;font-size:.84rem;color:#cfc9c2;
  padding:7px 13px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03)}
.au-order__then{align-self:center;display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;
  font-family:'Poppins',sans-serif;letter-spacing:.06em;font-size:.86rem;color:var(--flame-molten,#ff6600)}
.au-order__dot{width:5px;height:5px;border-radius:50%;background:currentColor;box-shadow:0 0 8px rgba(255,102,0,.7)}
@media(max-width:720px){.au-order__then{transform:rotate(90deg);margin:2px 0}}

/* ---- what-you-receive deliverable cards ---- */
.au-recv__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,1.6vw,20px);text-align:left}
.au-rcard{position:relative;overflow:hidden;border-radius:16px;padding:22px 22px 20px;
  background:linear-gradient(160deg,#1a1512,#0e0d0d);border:1px solid rgba(255,120,30,.22);
  box-shadow:0 14px 40px rgba(0,0,0,.45),0 0 22px rgba(255,102,0,calc(.08 * var(--glow,1))),inset 0 1px 0 rgba(255,255,255,.05)}
.au-rcard svg{width:22px;height:22px;stroke:var(--flame-orange,#fc7a12);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;
  filter:drop-shadow(0 0 8px rgba(255,102,0,.5))}
.au-rcard h3{font-family:'Josefin Sans',sans-serif;font-weight:600;letter-spacing:-.01em;color:#fff;font-size:1.12rem;margin:12px 0 0}
.au-rcard p{font-family:'Poppins',sans-serif;color:#cfc9c2;font-size:.95rem;line-height:1.5;margin:8px 0 0}
@media(max-width:640px){.au-recv__grid{grid-template-columns:1fr}}

/* ---- bridge: the one-metric transition ---- */
.bridge{padding:clamp(44px,5.5vw,72px) 0;background:linear-gradient(180deg,#1c1c1e,#0a0a0b);border-top:1px solid rgba(255,120,30,.12)}
.bridge__wrap{text-align:center;display:flex;flex-direction:column;align-items:center;gap:clamp(22px,2.8vw,32px)}
.bridge__q{margin:0 auto;max-width:34ch;text-wrap:balance;font-family:'Josefin Sans',sans-serif;font-weight:600;letter-spacing:-.02em;line-height:1.28;
  color:#f3ede4;font-size:clamp(1.3rem,2.4vw,2rem)}


/* ---- interactive orbital pillars ---- */
.plr__stage--orbit{aspect-ratio:auto;height:clamp(520px,56vw,660px)}
.plr__stage--orbit .plr__svg{overflow:visible}
.plr__onode{position:absolute;z-index:5;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:10px;transition:opacity .5s var(--ease-out)}
.plr__obadge{width:60px;height:60px;border-radius:50%;cursor:pointer;border:0;padding:0;display:grid;place-items:center;
  background:radial-gradient(circle at 50% 35%,#2a1408,#0c0b0b);
  box-shadow:0 0 0 1px rgba(255,140,40,.45),0 0 24px rgba(255,102,0,.5);
  transition:transform .35s var(--ease-out),box-shadow .35s var(--ease-out)}
.plr__obadge span{font-family:'Josefin Sans',sans-serif;font-weight:600;font-size:1.2rem;letter-spacing:-.02em;
  background:var(--gradient-heat);-webkit-background-clip:text;background-clip:text;color:transparent}
.plr__obadge:hover{transform:scale(1.12);box-shadow:0 0 0 1px rgba(255,170,70,.7),0 0 34px rgba(255,102,0,.7)}
.plr__onode.is-open .plr__obadge{transform:scale(1.3);box-shadow:0 0 0 1.5px rgba(255,190,90,.85),0 0 46px rgba(255,110,10,.85)}
.plr__olabel{font-family:'Josefin Sans',sans-serif;font-weight:600;letter-spacing:-.01em;color:#fff;font-size:1.02rem;white-space:nowrap;text-shadow:0 2px 12px rgba(0,0,0,.8)}
.plr__ocard{position:absolute;top:calc(100% + 10px);left:50%;width:252px;opacity:0;pointer-events:none;
  transform:translateX(-50%) translateY(8px);
  background:rgba(14,12,12,.97);border:1px solid rgba(255,140,40,.32);border-radius:16px;padding:14px 16px;
  box-shadow:0 22px 54px rgba(0,0,0,.65),0 0 30px rgba(255,102,0,.16);
  transition:opacity .3s var(--ease-out),transform .3s var(--ease-out)}
.plr__ocard::before{content:"";position:absolute;left:50%;top:-11px;width:1.5px;height:10px;transform:translateX(-50%);
  background:linear-gradient(180deg,transparent,var(--flame-molten,#ff6600))}
.plr__onode.is-open .plr__ocard{opacity:1;pointer-events:auto;transform:translateX(-50%)}
@media(max-width:760px){
  .plr__stage--orbit{height:auto;display:flex;flex-direction:column;align-items:center;gap:18px;margin-top:26px}
  .plr__stage--orbit .plr__svg,.plr__stage--orbit .plr__ring{display:none}
  .plr__onode{position:static;transform:none;opacity:1 !important;width:min(420px,92%);
    flex-direction:row;flex-wrap:wrap;justify-content:flex-start;gap:12px;
    background:rgba(16,14,14,.94);border:1px solid rgba(255,255,255,.09);border-radius:16px;padding:14px 16px}
  .plr__obadge{width:42px;height:42px;pointer-events:none}
  .plr__obadge span{font-size:1rem}
  .plr__ocard{position:static;opacity:1;pointer-events:auto;transform:none;width:100%;padding:0;border:0;background:none;box-shadow:none}
  .plr__ocard::before{display:none}
}
.cn-tweet__ava{object-fit:cover}


/* ---- expandable case detail ---- */
.caserow{cursor:pointer}
.caserow__detail{grid-column:1/-1;display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s var(--ease-out)}
.caserow.open .caserow__detail{grid-template-rows:1fr}
.caserow__detail__in{overflow:hidden;min-height:0;cursor:auto}
.caserow.open .caserow__plus{transform:rotate(45deg);background:rgba(252,122,18,.16)}
.csx{display:flex;flex-direction:column;gap:clamp(20px,2.4vw,30px);padding-top:clamp(18px,2.4vw,28px);margin-top:clamp(8px,1.2vw,14px);border-top:1px solid rgba(255,255,255,.08)}
.csx__h{font-family:'Josefin Sans',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.16em;font-size:.76rem;color:var(--flame-orange,#fc7a12);margin:0 0 12px}
.csx__p{font-family:'Poppins',sans-serif;color:#cfc9c2;font-size:clamp(.95rem,1.2vw,1.06rem);line-height:1.55;margin:0;max-width:74ch}
.csx__p b{color:#fff;font-weight:600}
.csx__cap{font-family:'Poppins',sans-serif;color:#9a958f;font-size:.85rem;margin:10px 0 0}
.csx-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.csx-steps li{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:baseline}
.csx-steps .n{font-family:'Josefin Sans',sans-serif;font-weight:600;font-size:1.1rem;letter-spacing:-.02em;
  background:var(--gradient-heat);-webkit-background-clip:text;background-clip:text;color:transparent}
.csx-steps div{font-family:'Poppins',sans-serif;color:#cfc9c2;font-size:clamp(.93rem,1.15vw,1.02rem);line-height:1.55;max-width:80ch}
.csx-steps b{color:#fff;font-weight:600}
.csx-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.csx-list li{position:relative;padding-left:24px;font-family:'Poppins',sans-serif;color:#cfc9c2;font-size:clamp(.95rem,1.2vw,1.04rem);line-height:1.5}
.csx-list li::before{content:"→";position:absolute;left:0;color:var(--flame-molten,#ff6600);filter:drop-shadow(0 0 6px rgba(255,102,0,.6))}
.csx-list b{color:#fff;font-weight:600}
.csx-ba{display:grid;grid-template-columns:1fr 1fr;gap:clamp(12px,1.6vw,20px);max-width:760px}
.csx-ba__col{border-radius:14px;padding:16px 18px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.02)}
.csx-ba__col--a{border-color:rgba(255,150,50,.4);background:rgba(255,102,0,.06);box-shadow:0 0 22px rgba(255,102,0,.12)}
.csx-ba__t{font-family:'Josefin Sans',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.16em;font-size:.7rem;margin:0 0 12px;color:#9a958f}
.csx-ba__col--a .csx-ba__t{color:var(--flame-amber,#ffc236)}
.csx-ba ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.csx-ba li{position:relative;padding-left:22px;font-family:'Poppins',sans-serif;font-size:.93rem;line-height:1.45;color:#b6b1aa}
.csx-ba__col--a li{color:#efe9e1}
.csx-ba li::before{position:absolute;left:0;font-weight:700}
.csx-ba__col--b li::before{content:"✕";color:var(--flame-crimson,#ee2c22);opacity:.8}
.csx-ba__col--a li::before{content:"✓";color:var(--flame-amber,#ffc236)}
.csx-constraint{display:inline-flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0;padding:10px 18px;border-radius:999px;width:fit-content;
  border:1px solid rgba(255,150,50,.4);background:rgba(255,102,0,.06);
  font-family:'Josefin Sans',sans-serif;font-weight:600;color:#fff;font-size:.95rem}
.csx-constraint span{text-transform:uppercase;letter-spacing:.14em;font-size:.66rem;color:var(--flame-amber,#ffc236)}
.csx-chart{display:flex;align-items:flex-end;gap:clamp(8px,1.4vw,18px);height:200px;max-width:760px}
.csx-bar{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px}
.csx-bar .v{font-family:'Josefin Sans',sans-serif;font-weight:600;font-size:clamp(.82rem,1.1vw,1rem);color:#cfc9c2}
.csx-bar.hot .v{background:var(--gradient-heat);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:clamp(.95rem,1.3vw,1.15rem)}
.csx-bar i{display:block;width:100%;max-width:58px;height:calc(var(--v)*1.34px);min-height:3px;border-radius:6px 6px 2px 2px;
  background:linear-gradient(180deg,#ffc236,#fc7a12 45%,#8f2a0a);
  transform:scaleY(0);transform-origin:bottom;transition:transform .7s var(--ease-out)}
.csx-bar.hot i{box-shadow:0 0 24px rgba(255,102,0,.5)}
.caserow.open .csx-bar i{transform:scaleY(1)}
.caserow.open .csx-bar:nth-child(2) i{transition-delay:.07s}
.caserow.open .csx-bar:nth-child(3) i{transition-delay:.14s}
.caserow.open .csx-bar:nth-child(4) i{transition-delay:.21s}
.caserow.open .csx-bar:nth-child(5) i{transition-delay:.28s}
.caserow.open .csx-bar:nth-child(6) i{transition-delay:.35s}
.csx-bar .m{font-family:'Poppins',sans-serif;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:#9a958f;white-space:nowrap}
@media(prefers-reduced-motion:reduce){.csx-bar i{transform:scaleY(1)}}
@media(max-width:640px){
  .csx-ba{grid-template-columns:1fr}
  .csx-chart{height:150px}
  .csx-bar i{height:calc(var(--v)*.9px)}
  .csx-bar .m{font-size:.74rem}
  .csx-bar .v{font-size:.82rem}
}

/* ============================================================
   MOTION OVERRIDE — force the signature animations to run even when
   the OS/browser has "reduce motion" on (beats the DS universal
   `*{animation-duration:.001ms!important}` reduce rule via specificity)
   ============================================================ */
.panelL__lava{animation:lavaShift 16s ease infinite !important}
.hero-cta{animation:ctaPulse 3s ease-in-out infinite !important}
.hero-cta__sheen{animation:sheen 3.4s ease-in-out infinite !important}
.cta-ring{animation:ctaRing 2.8s var(--ease-out) infinite !important}
.cta-ring.r2{animation:ctaRing 2.8s var(--ease-out) 1.4s infinite !important}
.logo-stage{animation:float 7s ease-in-out infinite !important}
.logo-glow{animation:breathe 6s ease-in-out infinite !important}
.shimmerband{animation:shimmer 7s ease-in-out infinite !important}
.hero-chip .dot,.tn-chip .dot{animation:dotPulse 2.6s ease-in-out infinite !important}
.divider--fissure .line{animation:fissureBreathe 4s ease-in-out infinite !important}
.divider--fissure .spark{animation:fissureRun 5s linear infinite !important}
.cv__glow{animation:cvPulse 2.8s ease-in-out infinite !important}
.cv__smoke{animation:cvSmoke 5s ease-out infinite !important}
.cv__smoke.s2{animation:cvSmoke 6.6s ease-out 1s infinite !important}
.cv__erupt span{animation:cvArc var(--dur,1.8s) ease-out var(--delay,0s) infinite !important}
.gauge__bubble{animation:bubbleRise 3.4s ease-in infinite !important}
.gauge__bubble.b1{animation-delay:.2s !important}
.gauge__bubble.b2{animation-delay:1.3s !important}
.gauge__bubble.b3{animation-delay:2.4s !important}
.plr__core{animation:plrCore 3.2s ease-in-out infinite !important}
.plr__ring{animation:plrPulse 3.4s ease-out infinite !important}
.plr__ring.r2{animation:plrPulse 3.4s ease-out 1.7s infinite !important}
.plr__penta{animation:plrDash 1.1s linear infinite !important}
.hero-h1 .num::after{animation:underline 1s var(--ease-out) 1.05s forwards !important}
/* honor the Tweaks "Still" motion mode */
#vlc-page[data-motion="still"] .panelL__lava,
#vlc-page[data-motion="still"] .hero-cta,
#vlc-page[data-motion="still"] .hero-cta__sheen,
#vlc-page[data-motion="still"] .cta-ring,
#vlc-page[data-motion="still"] .logo-stage,
#vlc-page[data-motion="still"] .logo-glow,
#vlc-page[data-motion="still"] .shimmerband,
#vlc-page[data-motion="still"] .hero-chip .dot,
#vlc-page[data-motion="still"] .cv__glow,
#vlc-page[data-motion="still"] .cv__smoke,
#vlc-page[data-motion="still"] .cv__erupt span,
#vlc-page[data-motion="still"] .gauge__bubble{animation-play-state:paused !important}

/* ============================================================
   CASE PROOFS — video-frame thumbs, stacked funnel/video/creatives
   ============================================================ */
/* outlier disclaimer */
.csx-outlier{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:11px 0 0;font-family:'Poppins',sans-serif;font-size:.78rem;color:#a29b91}
.csx-outlier span{font-family:'Josefin Sans',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.14em;font-size:.66rem;color:var(--flame-amber,#ffc236);border:1px solid rgba(255,194,54,.5);border-radius:999px;padding:4px 10px}

/* video-frame thumbnail (collapsed row) */
.caserow__thumb{background:#050506}
.caserow__thumb--v{position:relative;display:grid;place-items:center;background:linear-gradient(150deg,#2a1a10,#0b0a0a)}
.caserow__thumb--v .pbadge{color:#ffb877;font-size:1.05rem;text-shadow:0 1px 8px rgba(0,0,0,.7);filter:drop-shadow(0 0 8px rgba(255,120,40,.5))}
.caserow__cue{display:inline-flex;align-items:center;gap:7px;margin-top:14px;font-family:'Josefin Sans',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;color:var(--flame-amber,#ffc236);cursor:pointer}
.caserow__cue .ar{font-style:normal;font-size:1.15em;line-height:1;transition:transform .3s var(--ease-out)}
.caserow.open .caserow__cue .ar{transform:rotate(90deg)}
.caserow__cue .t-close{display:none}
.caserow.open .caserow__cue .t-open{display:none}
.caserow.open .caserow__cue .t-close{display:inline}
.caserow__thumb--fn{display:grid;place-items:center;background:#120d0b;border:1px solid rgba(255,140,40,.25)}
.caserow__thumb--fn svg{width:56%;height:56%}

/* stacked proof block */
.csx-proofs{display:flex;flex-direction:column;gap:clamp(22px,3vw,30px)}
.csx-proof{display:flex;flex-direction:column;gap:11px}
.csx-proof__lead{display:flex;align-items:baseline;flex-wrap:wrap;gap:9px}
.csx-proof__k{font-family:'Josefin Sans',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.16em;font-size:.74rem;color:var(--flame-orange,#fc7a12)}
.csx-proof__note{font-family:'Poppins',sans-serif;font-size:.72rem;color:#8c877f}
/* video proof — contain, never crop laterally */
.csx-video{position:relative;width:100%;background:#050506;border:1px solid rgba(255,255,255,.10);border-radius:14px;overflow:hidden;display:flex;justify-content:center}
.csx-video video{width:100%;height:auto;max-height:360px;object-fit:contain;display:block}
.csx-video__badge{position:absolute;left:11px;top:11px;z-index:2;display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;background:rgba(5,5,6,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-family:'Josefin Sans',sans-serif;font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-size:.6rem;color:#ffd7b8;border:1px solid rgba(255,140,40,.35);pointer-events:none}
/* creatives proof — cropped grid image */
.csx-creatives{width:100%;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.10);background:#0b0a0a}
.csx-creatives img{width:100%;height:auto;display:block}

/* ---- native vertical funnel ---- */
.csf{display:flex;flex-direction:column;align-items:center;width:100%;--fire:#d85a30;--fire2:#ff8a3d}
.csf-node{position:relative;width:100%;max-width:360px;background:#1a1816;border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:12px 15px;text-align:center;font-family:'Poppins',sans-serif;font-size:.9rem;font-weight:500;color:#f0ebe4;box-shadow:0 2px 10px rgba(0,0,0,.4);line-height:1.3}
.csf-node.sm{font-size:.82rem;padding:9px 12px}
.csf-node.hero{border-color:rgba(216,90,48,.85);background:#241812}
.csf .csf-node.hero{display:block;min-height:0;grid-template-columns:none}
.csf-node.lever{border-color:rgba(239,159,39,.65);background:#231f1b;color:#faeeda}
.csf-node.outcome{border-color:rgba(226,75,74,.62);background:#241c1c;color:#fceaea}
.csf-node.close{border-color:#1d9e75;background:#132420;color:#d7f5ea;font-weight:600}
.csf-node .cap{display:block;font-size:.7rem;font-weight:400;color:#a29b91;margin-top:5px;line-height:1.35}
.csf-conn{width:2px;height:20px;background:linear-gradient(180deg,var(--fire),var(--fire2))}
.csf-fan{position:relative;width:100%;max-width:360px;height:15px}
.csf-fan::before,.csf-fan::after{content:"";position:absolute;top:0;width:2px;height:15px;background:var(--fire)}
.csf-fan::before{left:25%}.csf-fan::after{left:75%}
.csf-fan .stem{position:absolute;top:0;left:25%;width:50%;height:2px;background:var(--fire)}
.csf-split{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:360px}
.csf-split .csf-node{max-width:none;font-size:.8rem;padding:10px 11px}
.csf-tri{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;width:100%;max-width:360px}
.csf-tri .csf-node{max-width:none;padding:10px 8px;font-size:.75rem}
.csf-tri .csf-node .cap{font-size:.64rem;margin-top:4px}
.csf-pills{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.csf-pill{border:1px solid rgba(216,90,48,.8);background:#1c1310;border-radius:999px;padding:8px 16px;font-family:'Poppins',sans-serif;font-size:.8rem;font-weight:600;color:#ffd7b8}
.csf-ladder{display:flex;flex-direction:column;gap:9px;width:100%;max-width:360px}
.csf-rung{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#151a18;border:1px solid rgba(29,158,117,.8);border-radius:10px;padding:11px 14px}
.csf-rung.side{border-color:rgba(239,159,39,.75)}
.csf-rung .nm{font-family:'Poppins',sans-serif;font-weight:600;font-size:.84rem;color:#e9fbf3;text-align:left;line-height:1.25}
.csf-rung .sb{display:block;font-weight:400;font-size:.68rem;color:#a29b91;margin-top:2px}
.csf-rung .pr{font-family:'Josefin Sans',sans-serif;font-weight:600;font-size:1.02rem;color:#4fd6a8;white-space:nowrap}
.csf-rung.side .pr{color:var(--flame-amber,#ffc236)}

/* ============================================================
   HERO qualifier + terms · SOLUTION columns · WHO WE PARTNER WITH
   ============================================================ */
.hero-qual{margin:9px 0 0;font-family:'Poppins',sans-serif;font-size:.84rem;letter-spacing:.01em;color:#a29b91}
.hero-qual b{color:var(--flame-amber,#ffc236);font-weight:600}
.hero-terms{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px;max-width:none}
.hero-terms li{position:relative;padding:7px 14px 7px 27px;border:1px solid rgba(255,140,40,.26);border-radius:999px;background:rgba(255,255,255,.02);font-family:'Poppins',sans-serif;font-size:.82rem;line-height:1.2;color:#d7d1c9}
.hero-terms li::before{content:"\2192";position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--flame-orange,#fc7a12);font-weight:600}
.hero-terms b{color:#fff;font-weight:600}

.sol__cols{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,3vw,32px);margin-top:clamp(26px,4vw,44px);text-align:left}
.sol__col{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.10);border-radius:18px;padding:clamp(20px,2.6vw,30px)}
.sol__col--own{border-color:rgba(255,140,40,.32);box-shadow:0 0 40px rgba(255,102,0,calc(.10*var(--glow,1)))}
.sol__ch{font-family:'Josefin Sans',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;color:var(--flame-orange,#fc7a12);margin:0 0 16px}
.sol__col--own .sol__ch{color:var(--flame-amber,#ffc236)}
.sol__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.sol__list li{position:relative;padding-left:26px;font-family:'Poppins',sans-serif;font-size:clamp(.92rem,1.15vw,1.02rem);line-height:1.45;color:#ddd8d1}
.sol__list li::before{content:"\2192";position:absolute;left:0;top:.05em;color:var(--flame-orange,#fc7a12);font-weight:600}
.sol__col--own .sol__list li::before{content:"\2713";color:var(--flame-amber,#ffc236)}
.sol__list b{color:#fff;font-weight:600}
.sol__close{margin:clamp(28px,4vw,44px) auto 0;max-width:56ch;font-family:'Poppins',sans-serif;font-size:clamp(1.05rem,1.5vw,1.3rem);line-height:1.5;color:#cfc9c2}
.sol__close .grad{background:var(--gradient-heat);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:600}

.partners{position:relative;background:#0a0a0b;padding:clamp(44px,6vw,78px) 0 clamp(46px,6vw,84px);overflow:hidden}
.prt__wrap{position:relative;z-index:2;text-align:center}
.prt__h{font-family:'Josefin Sans',sans-serif;font-weight:600;letter-spacing:-.02em;line-height:1.05;font-size:clamp(2rem,5vw,3.3rem);color:#fff;margin:16px 0 0}
.prt__h .grad{background:var(--gradient-heat);-webkit-background-clip:text;background-clip:text;color:transparent}
.prt__sub{font-family:'Poppins',sans-serif;color:#ddd8d1;font-size:clamp(1rem,1.4vw,1.15rem);line-height:1.55;max-width:58ch;margin:16px auto 0}
.prt__sub b{color:#fff;font-weight:600}
.prt__cols{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2.6vw,26px);margin-top:clamp(30px,4vw,48px);text-align:left}
.prt__col{border:1px solid rgba(255,255,255,.10);border-radius:18px;padding:clamp(20px,2.6vw,30px);background:rgba(255,255,255,.02)}
.prt__col--fit{border-color:rgba(255,170,60,.3)}
.prt__col--no{border-color:rgba(226,75,74,.28)}
.prt__ch{font-family:'Josefin Sans',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;margin:0 0 16px}
.prt__col--fit .prt__ch{color:var(--flame-amber,#ffc236)}
.prt__col--no .prt__ch{color:#e2706f}
.prt__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.prt__list li{position:relative;padding-left:28px;font-family:'Poppins',sans-serif;font-size:clamp(.9rem,1.1vw,1rem);line-height:1.45;color:#ddd8d1}
.prt__list li::before{position:absolute;left:0;top:0;font-weight:700}
.prt__list--yes li::before{content:"\2713";color:#4fd6a8}
.prt__list--no li::before{content:"\2717";color:#e2706f}
.prt__note{font-family:'Poppins',sans-serif;color:#a8a29b;font-size:.96rem;line-height:1.55;max-width:64ch;margin:clamp(26px,3.5vw,40px) auto 0}
@media(max-width:640px){
  .sol__cols,.prt__cols{grid-template-columns:1fr}
  .hero-terms li{font-size:.9rem}
}
.hero-terms+.hero-actions{margin-top:clamp(24px,3.5vw,40px)}
.caserow__tag{white-space:normal;line-height:1.3}
.au-cta[hidden]{display:none !important}

/* ---- "The hardest market yet" crossing chart (tension beat 2) ---- */
.hm__eyebrow{display:block;font-family:'Josefin Sans',sans-serif;font-weight:600;letter-spacing:.32em;text-transform:uppercase;font-size:.82rem;color:#ff2500;margin-bottom:14px}
.hm__h{font-family:'Josefin Sans',sans-serif;font-weight:600;letter-spacing:-.02em;line-height:1.02;color:#fff;font-size:clamp(2.4rem,6vw,4rem);margin:0 0 clamp(26px,4.5vw,48px)}
.hm__h .grad{background:var(--gradient-heat);-webkit-background-clip:text;background-clip:text;color:transparent}
.hm__chart{position:relative;width:min(560px,94%);aspect-ratio:400/300;margin:0 auto}
.hm__chart svg{width:100%;height:100%;overflow:visible}
.hm__axis{stroke:rgba(255,255,255,.14);stroke-width:1.5}
.hm__line{fill:none;stroke-width:4;stroke-linecap:round;stroke-dasharray:380;stroke-dashoffset:380}
.hm__line--cac{stroke:#ff2500;filter:drop-shadow(0 0 8px rgba(255,60,0,.85))}
.hm__line--trust{stroke:#9a958f}
.hm__dot{opacity:0}
.hm__dot--cac{fill:#ff3a1a;filter:drop-shadow(0 0 10px rgba(255,60,0,.95))}
.hm__dot--trust{fill:#c9c4bc}
.reveal.in .hm__line{animation:hmDraw 1.3s var(--ease-out) .1s forwards}
.reveal.in .hm__line--cac{animation-delay:.28s}
.reveal.in .hm__dot--trust{animation:hmDot .4s ease .95s forwards}
.reveal.in .hm__dot--cac{animation:hmDot .4s ease 1.35s forwards}
@keyframes hmDraw{to{stroke-dashoffset:0}}
@keyframes hmDot{to{opacity:1}}
.hm__lbl{position:absolute;display:flex;flex-direction:column;font-family:'Poppins',sans-serif;line-height:1.15;text-align:left}
.hm__lbl b{font-family:'Josefin Sans',sans-serif;font-weight:600;font-size:clamp(1.05rem,2.6vw,1.5rem);letter-spacing:-.01em}
.hm__lbl i{font-style:normal;font-size:.78rem;color:#8c877f;margin-top:2px}
.hm__lbl--cac{right:3%;top:4%}
.hm__lbl--cac b{color:#ff3a1a}
.hm__lbl--trust{right:3%;bottom:6%}
.hm__lbl--trust b{color:#c9c4bc}
.hm__eyebrow,.hm__h,.hm__cap{text-align:center}
.hm__cap{font-family:'Poppins',sans-serif;color:#ddd8d1;font-size:clamp(1rem,1.6vw,1.2rem);margin:clamp(24px,4vw,42px) 0 0}
@media(prefers-reduced-motion:reduce){.hm__line{stroke-dashoffset:0}.hm__dot{opacity:1}}

/* ============================================================
   MOBILE COMPRESSION (≤760) — tighter type + spacing; hero fits ~1 screen + peek
   ============================================================ */
@media(max-width:760px){
  /* section rhythm ~25-30% tighter */
  .vsec{padding-block:clamp(36px,8.5vw,52px)}
  .solution,.audit,.pillars,.models,.aligned,.steps,.partners{padding-top:clamp(38px,8.5vw,54px);padding-bottom:clamp(38px,8.5vw,54px)}
  .constraint,.tension{padding-top:clamp(32px,7.5vw,46px);padding-bottom:clamp(32px,7.5vw,46px)}

  /* big section headlines a notch down */
  .tn-h{font-size:clamp(1.85rem,8.4vw,2.4rem)}
  .tn-h--xl{font-size:clamp(2rem,9vw,2.7rem)}
  .cn-h{font-size:clamp(1.7rem,8vw,2.2rem)}
  .cn-sub{font-size:clamp(1.2rem,5.6vw,1.6rem)}
  .au-h,.sol__h,.prt__h,.stp__h,.mdl__h{font-size:clamp(1.55rem,7.2vw,2.1rem)}
  .bridge__q{font-size:clamp(1.5rem,6.6vw,1.95rem)}

  /* body/lead copy a touch smaller */
  .cn-body,.tn-lead,.au-sub2,.prt__sub,.sol__close{font-size:clamp(.98rem,4vw,1.08rem);line-height:1.5}
  .prt__sub,.sol__close{margin-top:14px}

  /* tension pain cards tighter */
  .tn-cards{gap:12px}
  .paincard{padding:18px 18px 18px 22px}
  .paincard__t{font-size:clamp(1.3rem,6.2vw,1.6rem);margin-bottom:8px}
  .paincard__d{font-size:.94rem;line-height:1.4}

  /* case detail + list spacing */
  .caselist{gap:14px}
  .csx{gap:18px;padding-top:16px;margin-top:8px}

  /* solution / partners columns tighter */
  .sol__col,.prt__col{padding:18px}
  .sol__cols,.prt__cols{gap:12px;margin-top:22px}

  /* HERO — compact, fits ~1 screen with a peek of the numbers below */
  .panelL{min-height:88svh;justify-content:flex-start;align-items:stretch;padding-top:clamp(70px,12vh,98px);padding-bottom:24px}
  .lc{flex:none;width:100%;max-width:100%}
  .hero-chip{margin:0 auto 16px;max-width:100%;width:-moz-fit-content;width:fit-content;display:flex;flex-wrap:wrap;justify-content:center}
  .hero-chip__lead{white-space:normal;flex-basis:100%;text-align:center}
  .hero-h1{margin:0 0 14px;font-size:clamp(2.3rem,10.2vw,3rem)}
  .hero-sub{margin:0 auto 16px;font-size:.95rem;line-height:1.42;max-width:34ch}
  .hero-sub .line + .line{margin-top:3px}
  .hero-terms{justify-content:center;gap:7px;margin-top:0}
  .hero-terms li{font-size:.75rem;padding:6px 11px 6px 24px}
  .hero-terms li::before{left:10px}
}