:root{
  --bg:hsl(216 56% 10%);
  --bg-deep:hsl(216 56% 7%);
  --card:hsl(217 45% 16%);
  --border:hsl(215 35% 25%);
  --fg:hsl(0 0% 100%);
  --muted:hsl(214 18% 69%);
  --primary:hsl(25 100% 50%);
  --primary-dark:hsl(21 100% 42%);
  --ok:hsl(142 70% 45%);
  --danger:hsl(0 72% 51%);
  --radius:.75rem;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--fg);font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,video{max-width:100%;display:block}
a{color:inherit}
.wrap{width:100%;max-width:760px;margin:0 auto;padding:0 20px}
section{padding:56px 0}
h1,h2,h3{line-height:1.15;letter-spacing:-.02em}
h2{font-size:clamp(26px,5.6vw,36px);font-weight:800;text-align:center;margin-bottom:14px}
.lead{color:var(--muted);text-align:center;font-size:17px;max-width:600px;margin:0 auto 28px}
.accent{color:var(--primary)}
.center{text-align:center}

/* barra de oferta */
.topbar{position:sticky;top:0;z-index:50;background:var(--bg-deep);border-bottom:1px solid var(--border)}
.topbar .wrap{display:flex;align-items:center;justify-content:center;padding-top:12px;padding-bottom:12px;max-width:980px}
.topbar .logo{font-weight:800;font-size:17px;white-space:nowrap}
.logo .dot-ai{color:var(--primary)}
.topbar .msg{font-size:14px;color:var(--muted);text-align:center;line-height:1.3}
.topbar .msg strong{color:var(--fg)}
.timer{font-variant-numeric:tabular-nums;font-weight:800;color:var(--primary);font-size:15px}
.topbar .btn-sm{background:var(--primary);color:#fff;font-weight:800;font-size:13px;padding:9px 14px;border-radius:8px;text-decoration:none;white-space:nowrap}
@media(max-width:620px){.topbar .msg{font-size:13px}}
#prova,#oferta,#bonus{scroll-margin-top:56px}

/* botão */
.btn{display:block;width:100%;max-width:460px;margin:22px auto 0;text-align:center;text-decoration:none;color:#fff;font-weight:800;font-size:18px;letter-spacing:.01em;padding:18px 24px;border-radius:var(--radius);background:linear-gradient(180deg,var(--primary),var(--primary-dark));box-shadow:0 10px 30px -8px hsl(25 100% 50% / .55),inset 0 1px 0 hsl(0 0% 100% / .25);transition:transform .15s,filter .15s;animation:pulse 2.4s infinite}
.btn:hover{transform:translateY(-2px);filter:brightness(1.08)}
@keyframes pulse{0%,100%{box-shadow:0 10px 30px -8px hsl(25 100% 50% / .55),0 0 0 0 hsl(25 100% 50% / .45)}60%{box-shadow:0 10px 30px -8px hsl(25 100% 50% / .55),0 0 0 14px hsl(25 100% 50% / 0)}}
.micro{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px;margin-top:14px;font-size:13px;color:var(--muted)}
.micro span::before{content:"✓ ";color:var(--ok);font-weight:800}

/* hero */
.hero{padding:48px 0 44px;text-align:center;background:radial-gradient(900px 380px at 50% -80px,hsl(25 100% 50% / .16),transparent 70%)}
.hero h1{font-size:clamp(30px,7vw,46px);font-weight:800;margin-bottom:18px}
.hero .sub{font-size:clamp(19px,4.4vw,24px);color:var(--muted);max-width:620px;margin:0 auto}
.hero .sub strong{color:var(--fg)}
.pill{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--primary);border:1px solid hsl(25 100% 50% / .45);background:hsl(25 100% 50% / .1);padding:6px 12px;border-radius:999px;margin-bottom:18px}
.offer-line{margin:30px auto 0;max-width:520px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;font-size:16px}
.offer-line b{color:var(--primary)}

/* cards */
.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:22px}
.grid{display:grid;gap:14px}
.three .card h3{font-size:17px;margin-bottom:6px}
.three .card p{color:var(--muted);font-size:15px}
.num{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:hsl(25 100% 50% / .15);color:var(--primary);font-weight:800;margin-bottom:12px}
.solve{margin-top:22px;text-align:center;font-size:18px}
.solve strong{color:var(--primary)}

/* objeções */
.obj{display:grid;gap:14px}
.obj .card h3{font-size:17px;color:var(--fg);margin-bottom:8px}
.obj .card h3::before{content:"“";color:var(--primary);font-size:26px;line-height:0;margin-right:4px;vertical-align:-6px}
.obj .card p{color:var(--muted);font-size:15px}
.obj .card p strong{color:var(--fg)}

/* carrossel */
.proof{background:var(--bg-deep);border-block:1px solid var(--border)}
.carousel{position:relative;margin-top:26px}
.track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 20px 14px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.track::-webkit-scrollbar{display:none}
.slide{flex:0 0 min(70vw,260px);scroll-snap-align:center}
.vid{position:relative;aspect-ratio:9/16;border-radius:var(--radius);overflow:hidden;background:#000;border:1px solid var(--border);cursor:pointer}
.vid video{width:100%;height:100%;object-fit:cover}
.vid .play{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(180deg,transparent 55%,hsl(216 56% 6% / .7))}
.vid .play i{width:62px;height:62px;border-radius:50%;background:var(--primary);display:grid;place-items:center;box-shadow:0 8px 24px hsl(25 100% 50% / .5)}
.vid .play i::after{content:"";border-left:18px solid #fff;border-top:11px solid transparent;border-bottom:11px solid transparent;margin-left:5px}
.vid.playing .play{display:none}
.slide figcaption{margin-top:10px;font-size:14px;color:var(--muted);line-height:1.4}
.slide figcaption b{color:var(--fg);display:block;font-size:14px;margin-bottom:2px}
.arrow{position:absolute;top:38%;width:42px;height:42px;border-radius:50%;border:1px solid var(--border);background:var(--card);color:#fff;font-size:20px;cursor:pointer;display:none;place-items:center;z-index:2}
.arrow.prev{left:6px}.arrow.next{right:6px}
@media(min-width:900px){.arrow{display:grid}.slide{flex-basis:240px}.track{justify-content:flex-start}}
.dots{display:flex;justify-content:center;gap:8px;margin-top:6px}
.dots i{width:7px;height:7px;border-radius:50%;background:var(--border);transition:.2s}
.dots i.on{background:var(--primary);width:22px;border-radius:6px}
.note{font-size:12px;color:var(--muted);text-align:center;margin-top:16px;padding:0 20px}

/* plataforma */
.shots{display:grid;gap:14px;margin:26px 0 8px}
@media(min-width:640px){.shots{grid-template-columns:repeat(3,1fr)}}
.shots figure{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}
.shots img{width:100%;height:auto}
.shots figcaption{font-size:13px;color:var(--muted);padding:10px 12px}
.list{display:grid;gap:12px;margin-top:22px}
.item{display:flex;gap:14px;align-items:flex-start}
.item .ic{flex:0 0 38px;height:38px;border-radius:10px;background:hsl(25 100% 50% / .14);color:var(--primary);display:grid;place-items:center;font-weight:800}
.item h3{font-size:16px;margin-bottom:2px}
.item p{font-size:14.5px;color:var(--muted)}
.bonus{margin-top:26px;border-color:hsl(25 100% 50% / .5);background:linear-gradient(180deg,hsl(25 100% 50% / .08),var(--card))}
.bonus h3{font-size:18px;margin-bottom:10px}
.bonus li{list-style:none;padding:7px 0 7px 26px;position:relative;font-size:15px;color:var(--muted)}
.bonus li strong{color:var(--fg)}
.bonus li::before{content:"+";position:absolute;left:0;color:var(--primary);font-weight:800}

/* preço */
.price{background:radial-gradient(700px 320px at 50% 0,hsl(25 100% 50% / .14),transparent 70%)}
.compare{display:grid;gap:8px;margin:0 auto 26px;max-width:520px}
.compare div{display:flex;justify-content:space-between;gap:10px;padding:10px 14px;border:1px dashed var(--border);border-radius:10px;font-size:15px;color:var(--muted)}
.compare div b{color:var(--fg)}
.pricebox{max-width:520px;margin:0 auto;background:var(--card);border:2px solid var(--primary);border-radius:calc(var(--radius) + 4px);padding:28px 22px;text-align:center;box-shadow:0 24px 60px -24px hsl(25 100% 50% / .45)}
.pricebox .was{color:var(--fg);font-weight:800;font-size:17px}
.pricebox .was s{color:var(--danger);text-decoration-thickness:2px}
.pricebox .big{font-size:clamp(40px,10vw,56px);font-weight:800;color:var(--ok);line-height:1.05;margin:6px 0}
.pricebox .big small{font-size:.38em;font-weight:700;color:var(--fg);margin-right:6px}
.pricebox .alt{font-size:17px;color:var(--fg)}
.pricebox .alt b{color:var(--ok)}
.pricebox ul{list-style:none;text-align:left;margin:20px auto 0;max-width:340px;font-size:15px}
.pricebox li{padding:5px 0 5px 24px;position:relative;color:var(--muted)}
.pricebox li::before{content:"✓";position:absolute;left:0;color:var(--ok);font-weight:800}

/* garantia */
.guar{display:grid;gap:14px}
@media(min-width:640px){.guar{grid-template-columns:repeat(3,1fr)}}
.guar .card{text-align:center}
.guar .card b{display:block;font-size:30px;color:var(--ok);margin-bottom:4px}
.guar .card h3{font-size:16px;margin-bottom:6px}
.guar .card p{font-size:14.5px;color:var(--muted)}

/* fecho */
.close{text-align:center}
.close h2{margin-bottom:12px}
.close p{color:var(--muted);font-size:17px;max-width:560px;margin:0 auto}
.close p strong{color:var(--fg)}
.fork{display:grid;gap:12px;margin:26px auto 0;max-width:620px;text-align:left}
@media(min-width:640px){.fork{grid-template-columns:1fr 1fr}}
.fork .card h3{font-size:15px;margin-bottom:6px}
.fork .card p{font-size:14.5px}
.fork .no{border-color:hsl(0 72% 51% / .5)}
.fork .no h3{color:hsl(0 80% 66%)}
.fork .yes{border-color:hsl(142 70% 45% / .55)}
.fork .yes h3{color:var(--ok)}


.red{color:var(--danger)!important;font-weight:800}
.bonus li s{color:var(--danger);font-weight:800;white-space:nowrap;margin-left:4px}
.price .lead+.lead{margin-top:-10px;color:var(--fg)}