@font-face{font-family:'Geist';font-weight:400;font-display:swap;src:url(fonts/geist-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Geist';font-weight:500;font-display:swap;src:url(fonts/geist-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Geist';font-weight:600;font-display:swap;src:url(fonts/geist-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Geist';font-weight:700;font-display:swap;src:url(fonts/geist-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Unbounded';font-weight:800;font-display:swap;src:url(fonts/unbounded-latin-800-normal.woff2) format('woff2')}
@font-face{font-family:'Unbounded';font-weight:900;font-display:swap;src:url(fonts/unbounded-latin-900-normal.woff2) format('woff2')}

:root{
  --black:#000;
  --panel:#060a13;
  --white:#f2f5f9;
  --muted:#aab4c4;
  --quiet:#6e788a;
  --rule:#182033;
  --blue:#1d5ff0;
  --blue-hi:#4a90ff;
  --cyan:#25d2ff;
  --chrome:linear-gradient(180deg,#fff 0%,#eef2f6 30%,#c3cbd6 47%,#7c8593 55%,#b6bec9 67%,#f0f3f7 87%,#fff 100%);
  --sans:'Geist',system-ui,-apple-system,sans-serif;
  --display:'Unbounded','Geist',sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{background:var(--black);-webkit-text-size-adjust:100%}
body{background:var(--black);color:var(--white);font-family:var(--sans);font-weight:500;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-underline-offset:3px;text-decoration-thickness:1px}
:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:6px}

/* larguras: o padding lateral mora só aqui */
.col{width:100%;max-width:600px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}
.col-wide{max-width:820px}

/* faixa do prazo */
.bar{background:#071233;border-bottom:1px solid rgba(74,144,255,.28);text-align:center;padding:10px 16px;font-size:14px;font-weight:600;color:#cfe0ff;line-height:1.4}
.bar b{color:#fff;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}

/* cabeçalho */
.head{padding-top:18px;display:flex;justify-content:center}
.head img{height:42px;width:auto}

/* topo */
.hero{padding-top:18px;text-align:center}
.hero h1{font-weight:700;font-size:clamp(27px,6.6vw,40px);line-height:1.1;letter-spacing:-.035em;max-width:18ch;margin:0 auto}
.hero p{margin-top:12px;color:var(--muted);font-size:16px}

/* vídeo: a única luz da página */
.vsl-wrap{position:relative;margin:12px auto 0;max-width:780px}
.vsl-wrap::before{content:"";position:absolute;left:10%;right:10%;top:15%;bottom:-8%;background:var(--blue);filter:blur(90px);opacity:.42;pointer-events:none}
.vsl{position:relative;width:100%;aspect-ratio:16/9;margin:0 auto;border-radius:16px;overflow:hidden;background:#04070d;box-shadow:0 0 0 1px rgba(255,255,255,.09)}
.vsl.vertical{aspect-ratio:9/16}
.vsl.anima{transition:width .5s ease,height .5s ease}
.vsl iframe,.vsl video{position:absolute;inset:0;width:100%;height:100%;border:0}
.vsl .ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:14px;color:var(--quiet);font-size:14px}
.vsl .ph b{width:66px;height:66px;border-radius:50%;background:var(--white);position:relative;flex:none}
.vsl .ph b::after{content:"";position:absolute;left:27px;top:21px;border-left:19px solid #000;border-top:12px solid transparent;border-bottom:12px solid transparent}
.hint{margin-top:18px;text-align:center;color:var(--quiet);font-size:14px}
/* aviso acima do vídeo: diz que é curto antes da pessoa decidir dar o play */
.aviso{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:16px;color:var(--muted);font-size:13.5px;font-weight:600;line-height:1.3}
.aviso svg{color:#4a90ff;flex:none}
.aviso i{font-style:normal;color:var(--quiet)}
@media(max-height:720px){.head{padding-top:12px}.head img{height:34px}.hero{padding-top:12px}.hero h1{font-size:26px}.hero p{font-size:15px;margin-top:8px}.aviso{margin-top:12px}}

/* trava: nada da oferta existe na página antes do pitch */
.gate{display:none}
.revealed .gate{display:block;animation:rise .7s cubic-bezier(.2,.7,.2,1) both}
.revealed .hint{display:none}
@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}

/* virada do preço */
.js-after{display:none}
.launch-over .js-launch{display:none!important}
.launch-over .js-after{display:block}
.launch-over .js-launch-i{display:none}

/* botão de compra */
.btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:100%;max-width:480px;margin:0 auto;min-height:70px;padding:12px 26px;border-radius:14px;
  background:linear-gradient(180deg,var(--blue-hi) 0%,var(--blue) 100%);color:#fff;text-decoration:none;text-align:center;
  font-weight:700;font-size:19px;line-height:1.2;letter-spacing:-.015em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.38),inset 0 -2px 0 rgba(0,0,0,.22),0 0 0 1px rgba(110,165,255,.55),0 14px 36px rgba(29,95,240,.5);
  transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}
.btn small{font-weight:500;font-size:13.5px;letter-spacing:0;color:rgba(255,255,255,.86)}
.btn:hover{filter:brightness(1.07);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),inset 0 -2px 0 rgba(0,0,0,.22),0 0 0 1px rgba(140,185,255,.7),0 18px 48px rgba(29,95,240,.62)}
.btn:active{transform:translateY(1px)}
.btn-ghost{background:transparent;box-shadow:inset 0 0 0 1px rgba(170,190,225,.35);min-height:58px;font-weight:600;font-size:17px}
.btn-ghost:hover{filter:none;box-shadow:inset 0 0 0 1px rgba(200,215,240,.6)}
.btn-inline{display:inline-flex;width:auto;min-height:58px;font-size:17px;padding:10px 30px}

.cta1{margin-top:18px}
.cta-note{margin-top:12px;text-align:center;color:var(--muted);font-size:14px}

/* seções */
.block{padding-top:84px}
.block>h2,.sec-title{font-weight:700;font-size:clamp(22px,5.4vw,28px);line-height:1.15;letter-spacing:-.03em;margin-bottom:22px}

/* textos de seção */
.kicker{color:var(--blue-hi);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.kicker.center{text-align:center}
.sec-big{margin-top:10px;font-weight:700;font-size:clamp(28px,7.4vw,40px);line-height:1.08;letter-spacing:-.035em;max-width:16ch}
.passos{list-style:none;margin-top:30px;border-top:1px solid var(--rule)}
.passos li{display:grid;grid-template-columns:42px 1fr;padding:18px 0;border-bottom:1px solid var(--rule)}
.passos .n{font-family:var(--display);font-weight:800;font-size:13px;color:var(--blue-hi);padding-top:4px}
.passos b{display:block;font-weight:600;font-size:17.5px;letter-spacing:-.015em;line-height:1.3}
.passos span{display:block;margin-top:4px;color:var(--muted);font-size:15px;line-height:1.45}

/* case */
.case{text-align:center}
.case .nums{margin-top:18px}
.case-sub{margin-top:14px;font-size:18px;font-weight:600;letter-spacing:-.015em}
.fresco{margin:28px auto 0;max-width:36ch;color:var(--muted);font-size:15.5px;line-height:1.5}

/* a quebra: faixa clara só no preço */
.band{margin-top:96px;padding:72px 0 80px}
.band-light{background:#eef2f8;color:#0a0f1a}
.band-light .kicker{color:var(--blue)}
.offer-title{margin:10px auto 30px;max-width:17ch;text-align:center;font-weight:700;font-size:clamp(27px,7vw,38px);line-height:1.1;letter-spacing:-.035em}
.band-light .guar div{background:#fff;border-color:#d3dae6}
.band-light .guar b{color:#0a0f1a}
.band-light .guar p{color:#566174}
.band+.block{padding-top:80px}

/* card da oferta */
.offer{position:relative;border-radius:24px;overflow:hidden;background:linear-gradient(180deg,#0a1222 0%,#04070e 100%);color:var(--white);
  box-shadow:0 0 0 1px rgba(140,180,255,.24),0 30px 70px rgba(6,20,60,.35),0 0 90px rgba(29,95,240,.18)}
.offer::after{content:"";position:absolute;left:12%;right:12%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent)}
.offer-cover{width:100%;aspect-ratio:3/1;object-fit:cover}
.offer-body{padding:26px 22px 28px}
.leva{list-style:none;display:grid;gap:14px}
.leva li{display:grid;grid-template-columns:22px 1fr;gap:12px;align-items:start;font-size:16px;font-weight:600;line-height:1.4;letter-spacing:-.01em}
.leva svg{margin-top:1px}
.leva b{color:var(--blue-hi);font-weight:700}
.leva span{font-weight:500;color:#d6deea}
.teach{font-weight:700;font-size:20px;letter-spacing:-.025em;margin-bottom:16px}
.incl{list-style:none;display:grid;gap:14px}
.bonus{margin-top:18px;padding-top:16px;border-top:1px dashed var(--rule);color:var(--muted);font-size:14.5px;line-height:1.45}
.incl li{display:grid;grid-template-columns:22px 1fr;gap:12px;align-items:start}
.incl svg{margin-top:3px}
.incl b{display:block;font-weight:600;font-size:16.5px;letter-spacing:-.01em;line-height:1.35}
.incl span{display:block;color:var(--muted);font-size:14.5px;line-height:1.45}

.deal{margin-top:24px;padding-top:24px;border-top:1px solid var(--rule);text-align:center}
.valor{font-family:var(--display);font-weight:800;font-size:46px;line-height:1;letter-spacing:-.04em;color:#fff}
.valor .cur{font-family:var(--sans);font-weight:600;font-size:18px;letter-spacing:0;vertical-align:top;position:relative;top:5px;margin-right:4px;color:var(--muted)}
.deal .terms{margin:8px 0 20px;font-size:14px}
.sobe{margin-top:14px;color:var(--muted);font-size:14px}
.sobe b{color:#fff;font-weight:600}
.tag{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border-radius:999px;background:rgba(29,95,240,.16);border:1px solid rgba(74,144,255,.4);color:#cfe0ff;font-size:13.5px;font-weight:600}
.tag i{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}
.price{margin-top:14px;font-family:var(--display);font-weight:900;font-size:clamp(78px,23vw,112px);line-height:1;letter-spacing:-.045em;
  background:var(--chrome);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 rgba(0,0,0,.65)) drop-shadow(0 0 28px rgba(70,140,255,.25))}
.price .cur{font-size:.3em;letter-spacing:0;vertical-align:top;position:relative;top:.6em;margin-right:.14em}
.terms{margin-top:8px;color:var(--muted);font-size:15px}
.next{margin:16px auto 0;max-width:34ch;font-size:15.5px;line-height:1.45}
.next b{font-weight:700}
.count{display:flex;justify-content:center;gap:8px;margin:20px 0 24px}
.count div{text-align:center;min-width:64px;padding:10px 4px 8px;border-radius:12px;background:#071233;border:1px solid rgba(74,144,255,.3)}
.count b{display:block;font-family:var(--display);font-weight:800;font-size:24px;line-height:1.1;font-variant-numeric:tabular-nums;color:#fff}
.count small{font-size:11.5px;color:var(--muted);font-weight:500}
.launch-over .deal .btn{margin-top:24px}
.pay{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 18px;margin-top:16px;color:var(--muted);font-size:13.5px}
.pay span{display:inline-flex;align-items:center;gap:6px}

/* garantias */
.guar{display:grid;gap:10px;margin-top:14px}
.guar div{display:grid;grid-template-columns:46px 1fr;gap:14px;align-items:center;padding:16px 18px;border-radius:16px;background:var(--panel);border:1px solid var(--rule)}
.guar .seal{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 30%,#2b6dff,#0b2063);box-shadow:0 0 0 1px rgba(127,200,255,.6);font-family:var(--display);font-weight:900;font-size:13px;color:#fff}
.guar b{display:block;font-weight:600;font-size:16px;color:var(--white)}
.guar p{color:var(--muted);font-size:14.5px;line-height:1.45}
@media(min-width:640px){.guar{grid-template-columns:1fr 1fr}}

/* prova */
.proof{text-align:center}
.nums{display:flex;align-items:center;justify-content:center;gap:12px 16px;flex-wrap:wrap;font-family:var(--display);font-weight:900;letter-spacing:-.045em;line-height:1}
.nums .from{font-size:clamp(28px,8vw,44px);color:var(--quiet)}
.nums .to{font-size:clamp(54px,15.5vw,120px);background:var(--chrome);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 rgba(0,0,0,.6));font-variant-numeric:tabular-nums}
.nums svg{flex:none}
.proof>p{margin:16px auto 0;max-width:36ch;color:var(--white);font-size:18px;font-weight:600;letter-spacing:-.015em;line-height:1.4}
.proof>p.mine{margin-top:24px;color:var(--muted);font-size:15px;font-weight:500;letter-spacing:0}
.prints{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:30px}
.prints div,.prints img{aspect-ratio:9/16;border-radius:14px;width:100%}
.prints div{background:#05080e;border:1px solid var(--rule);display:flex;align-items:center;justify-content:center;color:var(--quiet);font-size:12.5px;text-align:center;padding:10px}
.prints img{object-fit:cover;border:1px solid var(--rule)}

/* perguntas */
.faq details{border-bottom:1px solid var(--rule)}
.faq details:first-of-type{border-top:1px solid var(--rule)}
.faq summary{list-style:none;cursor:pointer;padding:20px 36px 20px 0;font-size:17px;font-weight:600;letter-spacing:-.01em;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:4px;top:50%;width:10px;height:10px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:translateY(-70%) rotate(45deg);transition:transform .2s ease}
.faq details[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
.faq details p{padding:0 0 20px;color:var(--muted);font-size:16px;max-width:52ch}
.final{margin-top:44px;text-align:center}

/* rodapé */
.foot{padding-top:96px;padding-bottom:40px;text-align:center;color:var(--quiet);font-size:13px;line-height:1.5}
.foot a{color:var(--muted)}
.foot p+p{margin-top:6px}

/* barra fixa no celular */
.sticky{position:fixed;left:0;right:0;bottom:0;z-index:10;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent,rgba(0,0,0,.92) 38%);transition:transform .3s ease,opacity .3s ease}
.sticky .btn{min-height:56px;font-size:16.5px}
.sticky.hide{transform:translateY(110%);opacity:0;pointer-events:none}
@media(min-width:900px){.sticky{display:none}}

/* páginas curtas */
.page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}
.page main{flex:1;padding-top:52px;padding-bottom:56px}
.page h1{font-weight:700;font-size:clamp(29px,7vw,42px);line-height:1.1;letter-spacing:-.035em}
.lede{margin-top:16px;color:var(--muted);font-size:18px;line-height:1.55;max-width:40ch}
.status{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--muted);margin-bottom:18px}
.status i{width:8px;height:8px;border-radius:50%}
.steps{list-style:none;counter-reset:s;margin-top:30px;border-top:1px solid var(--rule)}
.steps li{counter-increment:s;padding:18px 0 18px 44px;border-bottom:1px solid var(--rule);position:relative}
.steps li::before{content:counter(s);position:absolute;left:0;top:15px;width:28px;height:28px;border-radius:50%;background:#071233;border:1px solid rgba(74,144,255,.4);display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:800;font-size:12px;color:#cfe0ff}
.actions{display:flex;flex-direction:column;gap:14px;margin-top:30px}
.actions .btn{margin:0;max-width:420px}
.link{color:var(--muted);font-size:15px}
.aside{margin-top:64px;padding-top:32px;border-top:1px solid var(--rule)}
.aside h2{font-weight:700;font-size:clamp(22px,5.4vw,28px);line-height:1.15;letter-spacing:-.03em;max-width:22ch}
.aside p{margin-top:12px;color:var(--muted);max-width:46ch}
.page .count{justify-content:flex-start;margin:26px 0 0}

@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* antes da oferta a página é uma tela só: nada rola */
html.travada,html.travada body{overflow:hidden;height:100%;overscroll-behavior:none}

/* topo enxuto: logo pequena, título em duas linhas, o resto da tela é do vídeo */
.head{padding-top:16px}
.head img{height:30px}
.hero{padding-top:14px}
.hero h1{font-size:clamp(28px,7.6vw,44px);max-width:none}
.hero h1 span{color:var(--blue-hi)}
@media(max-height:720px){.head img{height:26px}.hero h1{font-size:25px}}
.case .nums{flex-wrap:nowrap;gap:10px}
.case .nums .from{font-size:clamp(22px,6.4vw,40px)}
.case .nums .to{font-size:clamp(42px,12vw,96px)}
