/* =====================================================================
   VNS — Mentoria · landing de funil
   Direção: capítulos de cor chapada (cada seção é um passo da subida),
   um emblema 3D que sobe de Prata a Diamante enquanto você rola.
   Paleta: cores.png (SEC Navy / Purple / Red + apoios). Sem gradientes.
   ===================================================================== */

:root{
  color-scheme: dark;

  /* paleta da marca */
  --navy:#041F30;
  --navy-2:#0B3350;
  --mblue:#42628B;
  --lblue:#ADC2DD;
  --purple:#8D5FFF;
  --mpurple:#54419D;
  --dpurple:#26204C;
  --lpurple:#C2B5FB;
  --red:#FB273E;
  --mred:#AA1734;
  --dred:#641333;
  --lred:#FF8DA4;
  --white:#FFFFFF;
  --grey-l:#D7D7D5;
  --grey-m:#9D9EA0;
  --grey-d:#52555A;

  /* tiers do emblema (cor das asas) */
  --t-prata:#B7C0CC; --t-ouro:#E4B44A; --t-platina:#43C0B0; --t-esmeralda:#2FD27B; --t-diamante:#7FB4FF;

  --font-d:"Archivo","Inter",system-ui,sans-serif;
  --font-b:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;

  /* escala: 5 passos + a palavra-assinatura */
  --s-h1:clamp(2.05rem,3.3vw,2.9rem);
  --s-h2:clamp(1.7rem,3.4vw,3.5rem);
  --s-lead:clamp(1.15rem,1.55vw,1.45rem);
  --s-body:1.0625rem;
  --s-small:.9rem;

  --m:clamp(18px,4.4vw,72px);          /* margem externa, igual dos dois lados */
  --nav:64px;
  --ease:cubic-bezier(.16,1,.3,1);
  --r:0px;                              /* um único raio na página: cantos retos */
}

*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav) + 12px);-webkit-text-size-adjust:100%;}
body{
  margin:0;background:var(--navy);color:var(--white);
  font-family:var(--font-b);font-size:var(--s-body);line-height:1.6;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
h1,h2,h3{font-family:var(--font-d);font-stretch:125%;font-weight:900;margin:0;line-height:1.02;letter-spacing:-.025em;text-wrap:balance;}
h2{font-size:var(--s-h2);margin-bottom:.5em;}
h3{font-size:clamp(1.2rem,1.7vw,1.6rem);letter-spacing:-.015em;line-height:1.12;}
p{margin:0 0 1em;}
img{max-width:100%;height:auto;display:block;}
ul,ol{margin:0;padding:0;}
button,select{font:inherit;color:inherit;}
a{color:inherit;}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
.skip{position:fixed;left:12px;top:-60px;z-index:100;background:var(--white);color:var(--navy);padding:10px 16px;font-weight:700;}
.skip:focus{top:12px;}

.wrap{width:min(100% - 2*var(--m),1240px);margin-inline:auto;position:relative;z-index:2;}
.lead{font-size:var(--s-lead);line-height:1.45;max-width:36em;}

/* ===== Capítulos (campos de cor) ===== */
.ch{padding:clamp(88px,15vh,170px) 0;position:relative;}
.ch-navy{background:var(--navy);color:var(--white);}
.ch-dpurple{background:var(--dpurple);color:var(--white);}
.ch-mpurple{background:var(--mpurple);color:var(--white);}
.ch-lpurple{background:var(--lpurple);color:var(--navy);}
.ch-dred{background:var(--dred);color:var(--white);}
.ch-red{background:var(--red);color:var(--white);}
.ch-white{background:var(--white);color:var(--navy);}
.ch-lblue{background:var(--lblue);color:var(--navy);}

/* ===== Botões: um formato só (reto), uma cor de ação (SEC Red) ===== */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.5em;
  min-height:56px;padding:0 28px;border:0;border-radius:var(--r);
  font-family:var(--font-b);font-weight:800;font-size:1.1875rem;line-height:1;text-decoration:none;cursor:pointer;
  transition:transform .2s var(--ease),background-color .2s,color .2s;
}
.btn:hover{transform:translateY(-2px);}
.btn:active{transform:translateY(0) scale(.98);}
.btn:focus-visible,summary:focus-visible,.car:focus-visible,.rc-img:focus-visible,.zoom:focus-visible,.vsl-btn:focus-visible,select:focus-visible,.car-btn:focus-visible,.lb-x:focus-visible,a:focus-visible{outline:3px solid var(--lpurple);outline-offset:3px;}
.ch-white a:focus-visible,.ch-lblue a:focus-visible,.ch-lpurple a:focus-visible,.ch-white .btn:focus-visible,.ch-lpurple .btn:focus-visible,.ch-lblue .btn:focus-visible,.ch-lblue summary:focus-visible,.ch-lpurple .car-btn:focus-visible,.ch-lpurple .car:focus-visible{outline-color:var(--purple);}
.btn-red{background:var(--red);color:var(--white);}
.btn-red:hover{background:#ff3b50;}
.btn-navy{background:var(--navy);color:var(--white);}
.btn-navy:hover{background:var(--navy-2);}
.btn-line{background:transparent;color:var(--white);border:2px solid var(--white);}
.btn-line:hover{background:var(--white);color:var(--navy);}
.btn-block{width:100%;}
.btn-sm{min-height:44px;padding:0 20px;font-size:1rem;}

/* ===== Nav: barra simples, wordmark + 4 links + 1 ação ===== */
.nav{position:fixed;inset:0 0 auto 0;height:var(--nav);z-index:50;background:var(--navy);}
.nav-in{height:100%;width:min(100% - 2*var(--m),1240px);margin-inline:auto;display:flex;align-items:center;gap:28px;}
.nav-logo{display:flex;align-items:center;gap:12px;text-decoration:none;font-family:var(--font-d);font-stretch:125%;font-weight:900;font-size:1.35rem;letter-spacing:-.02em;margin-right:auto;}
.nav-logo img{height:34px;width:auto;}
.nav-logo small{font-family:var(--font-b);font-stretch:100%;font-weight:500;font-size:.95rem;letter-spacing:0;opacity:.8;margin-left:6px;padding-left:16px;border-left:3px solid var(--purple);line-height:1.1;}
@media (max-width:1060px){.nav-logo small{display:none;}}
.nav-links{display:flex;gap:30px;}
.nav-links a{text-decoration:none;font-weight:500;font-size:1rem;opacity:.85;transition:opacity .15s;}
.nav-links a:hover{opacity:1;}
.nav-cta{min-height:44px;font-size:1rem;padding:0 20px;}
@media (max-width:880px){.nav-links{display:none;}}
@media (max-width:420px){.nav-cta{padding:0 14px;font-size:.92rem;}}

/* ===== Régua de elo (progresso de scroll = emblema subindo) ===== */
#gl{position:fixed;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;transition:opacity .2s;}
.rail{position:fixed;z-index:3;pointer-events:none;right:0;top:calc(var(--nav) + 40px);bottom:56px;width:72px;transition:opacity .2s;}
.rail-track{position:absolute;left:50%;top:0;bottom:0;width:4px;margin-left:-2px;background:rgba(173,194,221,.28);}
.rail-fill{position:absolute;inset:0;background:var(--t-prata);transform-origin:bottom;transform:scaleY(0);transition:background-color .4s;}
.rail-tiers{list-style:none;position:absolute;inset:0;font-size:0;}
.rail-tiers li{position:absolute;left:50%;width:12px;height:12px;margin:-6px 0 0 -6px;background:var(--navy);border:3px solid var(--grey-m);}
.rail-tiers li.on{background:var(--tc,#fff);border-color:var(--tc,#fff);}
.rail-name{position:absolute;right:62px;margin-top:-14px;background:var(--navy);color:var(--white);font-family:var(--font-b);font-weight:700;font-size:.85rem;padding:5px 10px;line-height:1.2;white-space:nowrap;opacity:0;transition:opacity .25s;}
.rail-mark{position:absolute;left:0;top:0;width:44px;height:auto;display:none;}
.no-webgl .rail-mark{display:block;}
.rail.show-name .rail-name{opacity:1;}
body.calm #gl,body.calm .rail{opacity:0;}
@media (max-width:1099px){
  .rail{left:0;right:0;top:var(--nav);bottom:auto;width:auto;height:30px;}
  .rail-track{left:var(--m);right:var(--m);top:5px;bottom:auto;width:auto;height:4px;margin:0;}
  .rail-fill{transform-origin:left;transform:scaleX(0);}
  .rail-name{right:auto;top:12px;margin:0;font-size:.78rem;padding:3px 8px;}
  .rail-tiers li{margin:0;}
}

/* ===== 1 · Hero ===== */
.hero{padding:calc(var(--nav) + clamp(28px,6vh,72px)) 0 0;min-height:100svh;display:flex;flex-direction:column;justify-content:space-between;}
.hero-grid{display:grid;grid-template-columns:repeat(12,1fr);column-gap:clamp(16px,2vw,32px);align-items:start;flex:1;}
.hero-copy{grid-column:1 / span 8;padding-bottom:40px;}
.hero-stage{grid-column:9 / span 4;position:relative;height:min(74svh,640px);align-self:stretch;}
.hero-h1{font-size:var(--s-h1);line-height:1;letter-spacing:-.035em;margin-bottom:28px;}
.ln{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em;}
.lni{display:block;}
.hero-sub{font-size:var(--s-lead);line-height:1.5;max-width:33em;margin-bottom:30px;}
.hero-ctas{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:22px;}
.hero-scarcity{font-weight:500;color:var(--lpurple);margin-bottom:12px;}
.hero-scarcity strong{color:var(--white);}
.hero-proof{font-size:var(--s-small);color:var(--lblue);max-width:38em;margin:0;}
.hero-proof span{color:var(--grey-m);}
.stage-fallback{display:none;position:absolute;left:50%;top:6%;width:min(70%,300px);transform:translateX(-50%);}
.no-webgl .stage-fallback{display:block;}

.vsl{position:absolute;left:0;right:0;bottom:0;z-index:3;}
.vsl-btn{display:flex;align-items:center;gap:18px;width:100%;text-align:left;cursor:pointer;background:var(--dpurple);border:0;padding:16px 20px;border-radius:var(--r);transition:background-color .2s,transform .2s var(--ease);}
.vsl-btn:hover{background:var(--mpurple);transform:translateY(-2px);}
.vsl-play{flex:none;width:64px;height:64px;background:var(--red);position:relative;}
.vsl-play::after{content:"";position:absolute;left:25px;top:20px;border-left:20px solid var(--white);border-top:12px solid transparent;border-bottom:12px solid transparent;}
.vsl-txt{display:grid;gap:3px;}
.vsl-txt b{font-size:1.1rem;line-height:1.25;}
.vsl-txt small{font-size:.9rem;color:var(--lpurple);}
.vsl-frame{aspect-ratio:16/9;background:#000;}
.vsl-frame iframe{width:100%;height:100%;border:0;display:block;}

.hero-quote{padding:clamp(28px,5vh,56px) 0 clamp(36px,6vh,72px);}
.hero-quote blockquote{margin:0;max-width:44em;}
.hero-quote p{font-family:var(--font-d);font-stretch:125%;font-weight:700;font-size:clamp(1.2rem,1.9vw,1.75rem);line-height:1.25;margin-bottom:6px;}
.hero-quote footer{color:var(--lblue);font-size:var(--s-small);}

@media (max-width:980px){
  .hero{min-height:0;}
  .hero-grid{display:block;}
  .hero-copy{padding-bottom:28px;}
  .hero-stage{height:auto;min-height:390px;margin-top:8px;display:flex;align-items:flex-end;}
  .hero-stage .vsl{position:relative;}
  .hero-h1{font-size:clamp(2rem,8.4vw,3.2rem);}
}

/* Entrada do hero em cascata (só transform/opacity) */
.js .hero-h1 .lni{transform:translate3d(0,108%,0);transition:transform .9s var(--ease);}
.js [data-hero]{opacity:0;transform:translate3d(0,20px,0);transition:opacity .6s var(--ease),transform .6s var(--ease);}
.js .hero-ready .hero-h1 .ln:nth-child(2) .lni{transition-delay:.11s;}
.js .hero-ready .hero-h1 .ln:nth-child(3) .lni{transition-delay:.22s;}
.js .hero-ready .hero-h1 .lni{transform:none;}
.js .hero-ready [data-hero]{opacity:1;transform:none;}
.js .hero-ready [data-hero="0"]{transition-delay:0s;}
.js .hero-ready [data-hero="1"]{transition-delay:.45s;}
.js .hero-ready [data-hero="2"]{transition-delay:.55s;}
.js .hero-ready [data-hero="3"]{transition-delay:.7s;}

/* ===== Reveals genéricos (uma vez só; só transform/opacity) ===== */
.js [data-rv]{opacity:0;transform:translate3d(0,22px,0);transition:opacity .65s var(--ease) calc(var(--i,0) * 1ms),transform .65s var(--ease) calc(var(--i,0) * 1ms);}
.js [data-rv="left"]{transform:translate3d(-56px,0,0);}
.js [data-rv="right"]{transform:translate3d(56px,0,0);}
.js [data-rv="stamp"]{transform:scale(1.07);transform-origin:50% 50%;}
.js [data-rv="fade"]{transform:none;}
.js [data-rv].in,.rv-fallback [data-rv]{opacity:1;transform:none;}
.js [data-rv="wipe"]{opacity:1;transform:none;}

/* ===== 2 · As 4 palavras ===== */
.words{padding:clamp(60px,10vh,120px) 0;}
.word-list{list-style:none;}
.word{padding:clamp(18px,4vh,44px) 0;min-height:30svh;display:flex;flex-direction:column;justify-content:center;}
.word-t{position:relative;display:block;font-family:var(--font-d);font-stretch:125%;font-weight:900;font-size:clamp(3.2rem,13.5vw,12.5rem);line-height:.9;letter-spacing:-.05em;width:max-content;max-width:100%;}
.js .word-t{color:#7B69D2;}
.js .word-t::after{content:attr(data-t);position:absolute;inset:0;color:var(--white);opacity:0;transition:opacity .6s var(--ease);}
.word.on .word-t::after{opacity:1;}
.word-s{display:block;font-size:var(--s-lead);margin-top:14px;max-width:28em;}
.js .word-s{opacity:0;transform:translate3d(0,14px,0);transition:opacity .6s var(--ease) .15s,transform .6s var(--ease) .15s;}
.js .word.on .word-s,.rv-fallback .word-s{opacity:1;transform:none;}
.rv-fallback .word-t{color:var(--white);}
.words-invite{margin:clamp(24px,5vh,60px) 0 0;font-size:var(--s-lead);color:var(--lpurple);font-weight:600;}

/* ===== 3 · A dor ===== */
.pain h2{margin-bottom:clamp(32px,6vh,64px);}
.pain-list{list-style:none;display:grid;gap:12px;max-width:62rem;}
.pain-list li{display:flex;gap:22px;align-items:flex-start;background:rgba(0,0,0,.22);padding:clamp(20px,2.6vw,32px);}
.pain-list .x{flex:none;position:relative;width:26px;height:26px;margin-top:.2em;}
.pain-list .x::before,.pain-list .x::after{content:"";position:absolute;left:0;right:0;top:50%;height:4px;margin-top:-2px;background:var(--lred);transform:rotate(45deg);}
.pain-list .x::after{transform:rotate(-45deg);}
.pain-list p{margin:0;font-size:var(--s-lead);line-height:1.45;}
.pain-close{font-family:var(--font-d);font-stretch:125%;font-weight:700;font-size:clamp(1.3rem,2.2vw,2rem);line-height:1.2;max-width:26em;margin:clamp(36px,6vh,64px) 0 0;}
.float-quote{margin:clamp(40px,7vh,84px) 0 0 auto;max-width:34rem;background:var(--lred);color:var(--navy);padding:clamp(20px,2.6vw,32px);}
.float-quote p{font-family:var(--font-d);font-stretch:125%;font-weight:700;font-size:clamp(1.2rem,1.8vw,1.6rem);line-height:1.25;margin-bottom:10px;}
.float-quote footer{font-size:var(--s-small);font-weight:600;}

/* ===== 3B · A herança (campo clareia em degraus de cor) ===== */
.story{position:relative;}
.story-line{position:absolute;z-index:3;top:0;bottom:0;left:calc((100% - min(100% - 2*var(--m),1240px)) / 2);width:6px;background:rgba(141,95,255,.28);}
.story-line i{position:absolute;inset:0;background:var(--purple);transform-origin:top;transform:scaleY(0);}
.rv-fallback .story-line i{transform:none;}
.band{padding:clamp(84px,16vh,180px) 0;}
.band-navy{background:var(--navy);color:var(--white);}
.band-mblue{background:var(--mblue);color:var(--white);}
.band-lblue{background:var(--lblue);color:var(--navy);}
.band-white{background:var(--white);color:var(--navy);}
.story-in{padding-left:clamp(36px,6vw,92px);}
.story-in h2{margin-bottom:.7em;}
.st{font-size:clamp(1.25rem,2vw,1.85rem);line-height:1.32;max-width:27em;margin-bottom:1.1em;}
.st-big{font-family:var(--font-d);font-stretch:110%;font-weight:700;font-size:clamp(1.2rem,1.85vw,1.65rem);line-height:1.3;letter-spacing:-.01em;max-width:30em;}
.st-end{font-family:var(--font-d);font-stretch:125%;font-weight:900;font-size:clamp(1.35rem,2.3vw,2.2rem);line-height:1.12;letter-spacing:-.02em;max-width:26em;margin:0;}

/* ===== 4 · Pilares ===== */
.pillars h2{}
.pillars .lead{margin-bottom:clamp(36px,6vh,64px);}
.pillar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.6vw,24px);align-items:start;}
.pillar{background:var(--dpurple);padding:clamp(24px,2.6vw,38px);min-height:340px;display:flex;flex-direction:column;gap:14px;}
.pillar:nth-child(2){margin-top:clamp(0px,4vw,64px);}
.pillar:nth-child(3){margin-top:clamp(0px,8vw,128px);}
.pillar p{margin:0;color:var(--white);}
.pillar b{margin-top:auto;color:var(--lpurple);font-size:1.0625rem;line-height:1.35;}
.manifesto{position:relative;margin-top:clamp(40px,7vh,84px);background:var(--lpurple);color:var(--navy);padding:clamp(28px,4vw,56px);max-width:70rem;}
.manifesto p{font-family:var(--font-d);font-stretch:110%;font-weight:700;font-size:clamp(1.2rem,1.9vw,1.7rem);line-height:1.25;letter-spacing:-.01em;margin-bottom:14px;}
.manifesto strong{font-size:var(--s-lead);}
.js .manifesto::after{content:"";position:absolute;inset:0;background:var(--mpurple);transform-origin:right;transition:transform .9s var(--ease);}
.js .manifesto.in::after,.rv-fallback .manifesto::after{transform:scaleX(0);}
@media (max-width:860px){.pillar-grid{grid-template-columns:1fr;}.pillar,.pillar:nth-child(n){margin-top:0;min-height:0;}}

/* ===== 5 · Você não sobe sozinho ===== */
.deliver h2{margin-bottom:.3em;}
.deliver-quote{margin:clamp(28px,5vh,52px) 0 clamp(40px,7vh,84px);max-width:60rem;}
.deliver-quote p{font-family:var(--font-d);font-stretch:110%;font-weight:700;font-size:clamp(1.2rem,1.9vw,1.7rem);line-height:1.22;margin-bottom:8px;}
.deliver-quote footer{font-size:var(--s-small);color:var(--mblue);font-weight:600;}
.deliver-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(10px,1.2vw,16px);}
.tile{padding:clamp(24px,2.6vw,38px);min-height:260px;display:flex;flex-direction:column;gap:14px;color:var(--navy);}
.tile h3{font-size:clamp(1.35rem,2.1vw,2rem);}
.tile p{margin:0;font-size:1.0625rem;max-width:30em;}
.t-plan{grid-column:span 7;background:var(--lpurple);}
.t-verd{grid-column:span 5;background:var(--lblue);}
.t-live{grid-column:span 4;background:var(--grey-l);}
.t-rit{grid-column:span 4;background:var(--lred);}
.t-disc{grid-column:span 4;background:var(--lpurple);}
@media (max-width:860px){.deliver-grid{grid-template-columns:1fr;}.tile{grid-column:auto!important;min-height:0;}}

/* ===== 6 · Jornada de 90 dias ===== */
.journey-grid{display:grid;grid-template-columns:5fr 7fr;column-gap:clamp(28px,6vw,96px);align-items:start;}
.journey-head{position:sticky;top:calc(var(--nav) + 40px);}
.journey h2{max-width:11em;}
.picker{margin-top:clamp(24px,4vh,44px);display:grid;gap:14px;}
.picker label{display:grid;gap:6px;font-weight:600;font-size:var(--s-small);color:var(--lblue);}
.picker select{appearance:none;-webkit-appearance:none;background:var(--navy-2);color:var(--white);border:0;border-radius:var(--r);height:56px;padding:0 48px 0 18px;font-size:1.125rem;font-weight:600;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10'%3E%3Cpath d='M1 1l7 7 7-7' fill='none' stroke='%23fff' stroke-width='3'/%3E%3C/svg%3E");background-position:right 18px center;background-repeat:no-repeat;}
.picker-out{margin:6px 0 0;padding:18px 20px;background:var(--mpurple);font-size:1.0625rem;line-height:1.45;transition:opacity .25s;min-height:96px;}
.picker-out.swap{opacity:0;}
.tl-wrap{position:relative;padding-left:clamp(40px,5vw,72px);}
.tl-line{position:absolute;left:0;top:10px;bottom:10px;width:6px;background:rgba(141,95,255,.28);}
.tl-line i{position:absolute;inset:0;background:var(--purple);transform-origin:top;transform:scaleY(0);}
.rv-fallback .tl-line i{transform:none;}
.timeline{list-style:none;}
.tl{position:relative;padding:0 0 clamp(36px,6vh,64px);}
.tl-dot{position:absolute;left:calc(-1 * clamp(40px,5vw,72px) - 7px);top:6px;width:20px;height:20px;background:var(--navy);border:5px solid var(--purple);}
.tl h3{font-size:clamp(1.3rem,2.2vw,2rem);margin-bottom:10px;}
.tl p{margin:0;font-size:var(--s-lead);line-height:1.45;max-width:28em;}
.tl-note{font-family:var(--font-d);font-stretch:125%;font-weight:700;font-size:clamp(1.1rem,1.6vw,1.4rem);color:var(--lpurple);list-style:none;padding-top:8px;}
@media (max-width:900px){.journey-grid{grid-template-columns:1fr;}.journey-head{position:static;margin-bottom:36px;}}

/* ===== 7 · Resultados (carrossel arrastável, sem autoplay) ===== */
.results{padding-bottom:clamp(72px,11vh,130px);}
.results-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:clamp(28px,5vh,56px);flex-wrap:wrap;}
.results-head>div:first-child{flex:1 1 560px;}
.results h2{margin-bottom:.35em;}
.results .lead{margin:0;}
.car-ctrl{display:flex;align-items:center;gap:10px;}
.car-count{font-family:var(--font-d);font-stretch:125%;font-weight:900;font-size:1.25rem;margin-right:10px;font-variant-numeric:tabular-nums;}
.car-btn{width:56px;height:56px;border:0;border-radius:var(--r);background:var(--navy);color:var(--white);font-size:1.5rem;cursor:pointer;transition:background-color .2s,transform .2s var(--ease);}
.car-btn:hover{background:var(--purple);transform:translateY(-2px);}
.car-btn:disabled{opacity:.35;cursor:default;transform:none;}
.car{position:relative;z-index:2;display:flex;gap:clamp(12px,1.4vw,20px);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;
  padding-inline:calc((100% - min(100% - 2*var(--m),1240px)) / 2);scroll-padding-inline:calc((100% - min(100% - 2*var(--m),1240px)) / 2);cursor:grab;-webkit-overflow-scrolling:touch;}
.car::-webkit-scrollbar{display:none;}
.car.drag{cursor:grabbing;scroll-snap-type:none;}
.car.drag .rc-img{pointer-events:none;}
.rc{flex:0 0 min(84vw,460px);scroll-snap-align:start;background:var(--navy);color:var(--white);padding:clamp(20px,2vw,28px);display:flex;flex-direction:column;gap:16px;user-select:none;-webkit-user-select:none;}
.rc-top{display:grid;gap:4px;}
.rc-top b{font-family:var(--font-d);font-stretch:125%;font-weight:900;font-size:1.4rem;letter-spacing:-.02em;}
.rc-top span{color:var(--lpurple);font-weight:600;line-height:1.3;}
.rc-img{position:relative;display:block;width:100%;border:0;padding:0;background:#10202e;cursor:zoom-in;color:inherit;}
.rc-img img{width:100%;height:auto;max-height:340px;object-fit:contain;background:#0d1620;}
.rc-img em{display:block;font-style:normal;font-weight:700;font-size:.9rem;padding:9px 12px;background:var(--navy-2);text-align:left;}
.rc p{margin:0;font-size:1.0625rem;line-height:1.45;}
.rc-text{background:var(--mpurple);justify-content:flex-start;}
.rc-text .rc-top span{color:var(--lpurple);}
.rc-big{font-family:var(--font-d);font-stretch:125%;font-weight:700;font-size:clamp(1.4rem,2.2vw,1.95rem)!important;line-height:1.2!important;letter-spacing:-.015em;margin-top:auto!important;}
.js .rc{opacity:0;transform:scale(1.045);transition:opacity .6s var(--ease) calc(var(--i,0) * 1ms),transform .6s var(--ease) calc(var(--i,0) * 1ms);}
.js .rc.in,.rv-fallback .rc{opacity:1;transform:none;}
.results-foot{margin-top:clamp(28px,5vh,52px);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:baseline;}
.results-note{margin:0;font-weight:600;}
.results-count{margin:0;font-family:var(--font-d);font-stretch:125%;font-weight:900;font-size:clamp(1.3rem,2.4vw,2.2rem);letter-spacing:-.02em;}
.results-count b{font-variant-numeric:tabular-nums;}

/* ===== 8 · Como entrar ===== */
.enter h2{margin-bottom:clamp(28px,5vh,56px);}
.steps{list-style:none;counter-reset:st;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.6vw,20px);}
@media (max-width:900px){.steps{grid-template-columns:1fr;}}
.steps li{counter-increment:st;display:grid;grid-template-columns:auto 1fr;column-gap:clamp(18px,2.4vw,34px);align-items:start;background:var(--mred);padding:clamp(22px,2.6vw,36px);}
.steps li::before{content:counter(st);grid-row:span 2;font-family:var(--font-d);font-stretch:125%;font-weight:900;font-size:clamp(3rem,6vw,5.6rem);line-height:.85;letter-spacing:-.05em;color:var(--white);}
.steps b{font-family:var(--font-d);font-stretch:125%;font-weight:900;font-size:clamp(1.25rem,2vw,1.8rem);letter-spacing:-.02em;line-height:1.1;}
.steps span{font-size:var(--s-lead);line-height:1.4;margin-top:6px;}

/* ===== 9 · Para quem é (esquerda × direita) ===== */
.fit{display:grid;grid-template-columns:1fr 1fr;min-height:76svh;overflow:hidden;position:relative;}
.fit-yes{background:var(--white);color:var(--navy);}
.fit-no{background:var(--navy);color:var(--white);}
.fit-in{position:relative;z-index:2;padding:clamp(64px,12vh,140px) var(--m);max-width:680px;}
.fit-yes .fit-in{margin-left:auto;}
.fit h2{margin-bottom:.8em;}
.fit ul{list-style:none;display:grid;gap:16px;}
.fit li{font-size:var(--s-lead);line-height:1.35;padding-left:34px;position:relative;}
.fit-yes li::before{content:"";position:absolute;left:0;top:.5em;width:16px;height:16px;background:var(--purple);}
.fit-no li::before{content:"";position:absolute;left:0;top:.5em;width:16px;height:16px;background:var(--red);}
.fit small{font-size:.9rem;opacity:.8;}
@media (max-width:760px){.fit{grid-template-columns:1fr;min-height:0;}.fit-yes .fit-in{margin-left:0;}.fit-in{padding-block:64px;}}

/* ===== 10 · Autoridade ===== */
.authority-grid{display:grid;grid-template-columns:5fr 7fr;column-gap:clamp(28px,5vw,80px);align-items:start;}
.authority h2{margin-bottom:clamp(28px,5vh,56px);}
.sun-quote{margin:clamp(24px,4vh,44px) 0 0;background:var(--mpurple);padding:clamp(22px,2.6vw,34px);}
.sun-quote p{font-family:var(--font-d);font-stretch:125%;font-weight:700;font-size:clamp(1.2rem,1.9vw,1.7rem);line-height:1.22;margin-bottom:8px;}
.sun-quote footer{font-size:var(--s-small);color:var(--lpurple);font-weight:600;}
.auth-visual{display:grid;gap:clamp(14px,1.6vw,22px);}
.stamp{margin:0;}
.zoom{display:block;width:100%;border:0;padding:0;background:none;cursor:zoom-in;color:inherit;text-align:left;}
.zoom img{width:100%;height:auto;}
.zoom em{display:block;font-style:normal;font-size:.9rem;font-weight:700;padding:9px 12px;background:var(--mpurple);}
.stamp figcaption{padding-top:10px;font-weight:600;color:var(--lpurple);font-size:var(--s-small);}
@media (max-width:900px){.authority-grid{grid-template-columns:1fr;row-gap:36px;}}

/* ===== 11 · Oferta: parada, sem movimento ===== */
.offer h2{max-width:10em;margin-bottom:.3em;}
.offer .lead{margin-bottom:clamp(36px,6vh,64px);color:var(--navy);}
.ticket{position:relative;display:grid;grid-template-columns:7fr 3fr;background:var(--navy);color:var(--white);}
.ticket-main{padding:clamp(28px,3.6vw,52px);position:relative;}
.ticket-main .ticket-tag{display:inline-block;margin:0 0 22px;}
.ticket-tag{align-self:flex-start;background:var(--red);color:var(--white);font-weight:800;font-size:.95rem;padding:7px 14px;margin:0 0 18px;}
.ticket-main h3{font-size:clamp(2rem,4vw,3.8rem);margin-bottom:24px;letter-spacing:-.035em;}
.ticket-main ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:14px 36px;}
.ticket-main li{font-size:1.0625rem;line-height:1.4;padding-left:24px;position:relative;}
.ticket-main li::before{content:"";position:absolute;left:0;top:.5em;width:10px;height:10px;background:var(--purple);}
.ticket-stub{background:var(--lpurple);color:var(--navy);padding:clamp(28px,3vw,44px);display:flex;flex-direction:column;justify-content:center;position:relative;}
.ticket-stub::before,.ticket-stub::after{content:"";position:absolute;left:-14px;width:28px;height:28px;border-radius:50%;background:var(--white);}
.ticket-stub::before{top:-14px;}
.ticket-stub::after{bottom:-14px;}
.perf{position:absolute;}
.price{font-family:var(--font-d);font-stretch:125%;font-weight:900;font-size:clamp(3.4rem,6.4vw,6rem);line-height:.9;letter-spacing:-.05em;margin:0;display:flex;align-items:flex-start;gap:6px;}
.price span{font-size:.38em;margin-top:.18em;letter-spacing:0;}
.price small{font-size:.26em;font-weight:700;letter-spacing:0;align-self:flex-end;margin-bottom:.35em;}
.price-note{font-weight:600;margin:12px 0 22px;}
.guar{font-size:.95rem;line-height:1.4;margin:18px 0 10px;}
.scar{font-size:.95rem;line-height:1.4;margin:0;}
.ladder{display:grid;grid-template-columns:1fr 1fr;gap:clamp(12px,1.6vw,20px);margin-top:clamp(12px,1.6vw,20px);}
.mini{background:var(--grey-l);color:var(--navy);padding:clamp(24px,3vw,40px);display:flex;flex-direction:column;gap:12px;align-items:flex-start;}
.mini h3{font-size:clamp(1.4rem,2.2vw,2rem);}
.mini-price{font-family:var(--font-d);font-stretch:125%;font-weight:900;font-size:clamp(2rem,3.4vw,3.2rem);line-height:1;letter-spacing:-.04em;margin:0;}
.mini-price small{font-size:.4em;font-weight:700;letter-spacing:0;}
.mini p:not(.mini-price){margin:0 0 8px;max-width:34em;}
.mini .btn{margin-top:auto;}
/* oferta é estática por regra do guia de scroll */
#oferta .btn:hover,#oferta .btn:active{transform:none;}
@media (max-width:900px){
  .ticket{grid-template-columns:1fr;}
  .ticket-main ul{grid-template-columns:1fr;}
  .ticket-stub::before,.ticket-stub::after{left:auto;top:-14px;bottom:auto;}
  .ticket-stub::before{left:-14px;}
  .ticket-stub::after{right:-14px;}
  .ladder{grid-template-columns:1fr;}
}

/* ===== 12 · FAQ ===== */
.faq-grid{display:grid;grid-template-columns:4fr 8fr;column-gap:clamp(28px,5vw,80px);align-items:start;}
.faq-h{position:sticky;top:calc(var(--nav) + 32px);max-width:7em;}
.faq-list{display:grid;gap:8px;}
details{background:#C9D8EA;color:var(--navy);}
summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:72px;padding:14px 24px;font-weight:700;font-size:1.25rem;line-height:1.3;}
summary::-webkit-details-marker{display:none;}
summary{position:relative;padding-right:68px;}
summary::before,summary::after{content:"";position:absolute;right:26px;top:50%;width:16px;height:3px;margin-top:-1.5px;background:currentColor;transition:transform .3s var(--ease);}
summary::after{transform:rotate(90deg);}
details[open]{background:var(--purple);color:var(--white);}
details[open] summary::after{transform:rotate(0deg);}
details p{margin:0;padding:0 24px 24px;font-size:1.0625rem;max-width:52ch;}
details[open] summary:focus-visible{outline-color:var(--white);}
@media (max-width:900px){.faq-grid{grid-template-columns:1fr;row-gap:28px;}.faq-h{position:static;}summary{font-size:1.125rem;}}

/* ===== 13 · CTA final ===== */
.final{background:var(--navy);}
.final-h{padding:clamp(72px,12vh,140px) var(--m) clamp(32px,5vh,56px);max-width:calc(1240px + 2*var(--m));margin:0 auto;font-size:var(--s-h2);position:relative;z-index:2;}
.final-paths{display:grid;grid-template-columns:1fr 1fr;position:relative;z-index:2;overflow:hidden;}
.path{padding:clamp(40px,8vh,96px) var(--m) clamp(48px,9vh,110px);min-height:48svh;display:flex;flex-direction:column;align-items:flex-start;gap:6px;}
.path h3{font-size:clamp(1.6rem,3vw,2.8rem);margin-bottom:10px;}
.path p{font-size:var(--s-lead);line-height:1.45;max-width:26em;}
.path-1{background:var(--grey-d);color:var(--grey-l);}
.path-2{background:var(--navy-2);color:var(--white);}
.path-2 .btn{margin:14px 0 18px;}
.path-scar{font-size:var(--s-small)!important;color:var(--lblue);margin:0;}
.path-scar strong{color:var(--white);}
@media (max-width:760px){.final-paths{grid-template-columns:1fr;}.path{min-height:0;}}

/* ===== Rodapé: a marca construída ===== */
.foot{background:var(--navy);color:var(--white);padding:clamp(56px,10vh,110px) 0 36px;position:relative;z-index:2;}
.foot-mark{display:flex;align-items:flex-end;gap:4px;height:clamp(190px,34svh,340px);}
.fm{flex:1;display:flex;align-items:flex-end;justify-content:flex-start;padding:0 clamp(8px,1.4vw,22px);font-family:var(--font-d);font-stretch:125%;font-weight:900;font-size:clamp(7rem,22vw,22rem);line-height:.74;letter-spacing:-.06em;color:var(--navy);overflow:hidden;}
.fm-v{background:var(--purple);height:100%;}
.fm-n{background:var(--red);height:78%;}
.fm-s{background:var(--lblue);height:92%;}
.foot-logo{flex:0 0 auto;height:100%;width:auto;padding-left:clamp(10px,2vw,32px);object-fit:contain;}
.foot-cols{display:grid;grid-template-columns:repeat(12,1fr);gap:24px;margin-top:56px;}
.foot-cols nav{grid-column:1 / span 6;display:flex;gap:clamp(18px,3vw,44px);flex-wrap:wrap;align-content:flex-start;}
.foot-cols nav a{font-size:.95rem;text-decoration:none;font-weight:600;}
.foot-cols nav a:hover{text-decoration:underline;}
.foot-legal{grid-column:7 / span 6;font-size:.9rem;color:var(--lblue);}
.foot-legal p{margin:0 0 .6em;}
.foot-last{margin-top:40px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;}
.foot-last p{margin:0;font-size:.9rem;color:var(--grey-m);}
@media (max-width:760px){.foot-cols{grid-template-columns:1fr;}.foot-cols nav,.foot-legal{grid-column:auto;}.foot-logo{display:none;}}

/* ===== CTA fixo (mobile, depois da oferta) ===== */
.sticky-cta{position:fixed;z-index:60;left:var(--m);right:var(--m);bottom:calc(12px + env(safe-area-inset-bottom,0px));display:none;transform:translate3d(0,140%,0);transition:transform .35s var(--ease);}
.sticky-cta.show{transform:none;}
@media (max-width:899px){.sticky-cta{display:flex;}}

/* ===== Lightbox ===== */
.lb{border:0;padding:0;background:transparent;max-width:96vw;max-height:94vh;color:var(--white);}
.lb::backdrop{background:rgba(4,31,48,.94);}
.lb img{max-width:96vw;max-height:88vh;width:auto;height:auto;margin:auto;}
.lb-x{position:fixed;top:14px;right:14px;z-index:5;width:52px;height:52px;border:0;background:var(--red);color:var(--white);cursor:pointer;}
.lb-x span{position:absolute;inset:0;}
.lb-x span::before,.lb-x span::after{content:"";position:absolute;left:14px;right:14px;top:50%;height:3px;margin-top:-1.5px;background:#fff;transform:rotate(45deg);}
.lb-x span::after{transform:rotate(-45deg);}

/* ===== Movimento reduzido: sem deslocamento, só aparece ===== */
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto;}
  .js [data-rv],.js [data-rv="left"],.js [data-rv="right"],.js [data-rv="stamp"],.js .rc,.js [data-hero],.js .word-s{transform:none!important;transition:opacity .3s!important;}
  .js .hero-h1 .lni{transform:none!important;transition:none!important;}
  .js .manifesto::after{display:none;}
  .btn:hover,.car-btn:hover,.vsl-btn:hover{transform:none;}
  .sticky-cta{transition:none;}
}
