:root{--p:#7a3cff;--p2:#ff4fa0;--ink:#1d1530;--mut:#5d5670;--bg:#fbf8ff;--card:#fff;--ok:#12a36b;--dk:#17102e}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--bg);-webkit-text-size-adjust:100%;overflow-x:hidden}
img,video{max-width:100%;display:block}
.w{max-width:960px;margin:0 auto;padding:0 18px}
section{padding:44px 0;position:relative}
h1{font-size:30px;line-height:1.12;letter-spacing:-.6px}
h2{font-size:25px;line-height:1.18;text-align:center;margin-bottom:12px;letter-spacing:-.3px}
.lead{text-align:center;max-width:520px;margin:0 auto 22px;color:#cfc6ee}
/* hero */
.hero{background:radial-gradient(120% 70% at 50% 0,#4a1f86 0,#251047 45%,#17102e 100%);color:#fff;text-align:center;padding:26px 0 0;overflow:hidden}
.selo{display:inline-block;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);color:#fff;font-weight:700;font-size:13px;padding:6px 14px;border-radius:99px;margin-bottom:14px;position:relative;overflow:hidden}
.selo:after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);animation:brilho 3.4s infinite}
.selo:before{content:"⭐ "}
.hero h1{background:linear-gradient(90deg,#fff,#ffd3ea);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p.sub{color:#d9cffa;margin:12px auto 20px;max-width:560px}
.heroimg{position:relative;width:min(340px,82%);margin:28px auto 0;animation:flutua 6s ease-in-out infinite}
.heroimg img{width:100%;height:auto;margin-bottom:-60px}
.chip{position:absolute;background:#fff;color:var(--ink);font-weight:800;font-size:14px;padding:8px 14px;border-radius:14px;box-shadow:0 8px 22px #0006;animation:flutua 4.5s ease-in-out infinite}
.chip.c1{left:-8%;top:18%;transform:rotate(-8deg)}.chip.c2{right:-6%;top:44%;transform:rotate(6deg);animation-delay:-1.5s}.chip.c3{left:-2%;bottom:20%;background:#12a36b;color:#fff;transform:rotate(-4deg);animation-delay:-3s}
.btn{display:block;width:100%;max-width:420px;margin:0 auto;background:linear-gradient(90deg,#e11d48,var(--p));color:#fff;font-weight:800;font-size:18px;padding:17px 20px;border:0;border-radius:99px;text-decoration:none;text-align:center;cursor:pointer;box-shadow:0 10px 24px -6px #e11d4888;transition:transform .2s}
.btn:hover{transform:translateY(-2px)}
.btn.alt{background:#fff;color:var(--p);border:2px solid var(--p);box-shadow:none}
.pulse{animation:pulso 2.4s infinite}
.nota{font-size:13px;color:var(--mut);margin-top:10px}
.hero .nota{color:#b9aedd}
.dark .btn{margin-top:4px}
/* urgência */
.urg{background:#fff3c7;color:#6b4a00;text-align:center;font-size:14px;padding:10px 14px;font-weight:600}
.urg[hidden]{display:none}
/* faixa */
.faixa{padding:30px 0 10px;overflow:hidden}
.faixa h2{font-size:19px}
.marq{display:flex;gap:14px;width:max-content;animation:rola 40s linear infinite;padding:6px 0 10px}
.marq div{width:150px;height:110px;background:linear-gradient(145deg,#2d1859,#17102e);border-radius:18px;box-shadow:0 4px 16px #1d153014;display:flex;align-items:center;justify-content:center;padding:10px;flex:none}
.marq img{max-width:100%;max-height:100%;object-fit:contain}
/* cards */
.grid{display:grid;gap:12px}
.ben{grid-template-columns:1fr 1fr}
.card{background:var(--card);border-radius:18px;padding:16px;box-shadow:0 2px 14px #1d153012}
.ben .card{text-align:center}
.ben .i{font-size:30px}.ben b{display:block;margin:4px 0}.ben span{font-size:14px;color:var(--mut)}
/* seções escuras */
.dark{background:radial-gradient(100% 60% at 50% 0,#3b1a73,#17102e);color:#fff;text-align:center}
.dark h2{color:#fff}
.dark2{background:linear-gradient(180deg,#f3ebff,#ffe8f3)}
/* celular */
.phone{position:relative;width:min(290px,76vw);aspect-ratio:9/17.6;margin:6px auto 22px;border-radius:44px;background:linear-gradient(145deg,#3a3550,#0d0a18);padding:9px;box-shadow:0 30px 60px -12px #000a,0 0 0 2px #5c5678 inset,0 0 80px #7a3cff44}
.phone.sm{box-shadow:0 26px 50px -14px #1d153099,0 0 0 2px #5c5678 inset}
.phone:before{content:"";position:absolute;top:16px;left:50%;width:70px;height:20px;background:#07050d;border-radius:12px;transform:translateX(-50%);z-index:9}
.screen{position:relative;width:100%;height:100%;border-radius:36px;overflow:hidden;background:#000;text-align:left;touch-action:pan-y}
.track{display:flex;height:100%;transition:transform .45s cubic-bezier(.3,.7,.2,1);cursor:grab;user-select:none;-webkit-user-select:none}
.track.drag{transition:none;cursor:grabbing}
.track>div{min-width:100%;height:100%;background:#222}
.track img{width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none}
.ig-bars{position:absolute;top:44px;left:12px;right:12px;display:flex;gap:2px;z-index:5}
.ig-bars i{flex:1;height:3px;background:rgba(255,255,255,.35);border-radius:3px;overflow:hidden}
.ig-bars i b{display:block;height:100%;width:0;background:#fff}
.ig-bars i.on b{width:100%}
.ig-bars i.run b{animation:barra var(--t,5s) linear forwards}
.paused .ig-bars i.run b{animation-play-state:paused}
.ig-top{position:absolute;top:56px;left:12px;right:12px;display:flex;align-items:center;gap:8px;color:#fff;font-size:12px;z-index:5;text-shadow:0 1px 4px #0008}
.ig-top .av{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#ffb020,#ff4fa0,#7a3cff);border:2px solid #fff;flex:none}
.ig-top b{font-weight:700}.ig-top em{opacity:.75;font-style:normal}
.ig-reply{position:absolute;left:10px;right:10px;bottom:12px;display:flex;align-items:center;gap:12px;color:#fff;z-index:5;font-size:19px}
.ig-reply span{flex:1;border:1.5px solid rgba(255,255,255,.85);border-radius:99px;padding:8px 14px;font-size:13px;opacity:.95}
.dots{display:flex;justify-content:center;gap:7px;margin:0 0 22px}
.dots i{width:8px;height:8px;border-radius:99px;background:#ffffff40;transition:.3s;cursor:pointer}
.dots i.on{width:24px;background:#ff4fa0}
/* demo */
.demo-scr{background:#111}
.demo-story{position:absolute;inset:0;background:#2b1a4d center/cover no-repeat}
.demo-story:after{content:"";position:absolute;inset:0;background:linear-gradient(#0006,#0000 30%,#0009)}
.demo-story img{position:absolute;width:70%;left:15%;top:26%;z-index:2;opacity:0;transform:scale(.4) rotate(-12deg);filter:drop-shadow(0 8px 12px #0007)}
.demo-story img.show{animation:cola .55s cubic-bezier(.2,1.4,.4,1) forwards}
.demo-scr .ig-top{top:44px}
.sheet{position:absolute;left:0;right:0;bottom:0;height:34%;background:#fff;border-radius:22px 22px 0 0;padding:12px 10px;z-index:3}
.sheet:before{content:"";display:block;width:36px;height:4px;border-radius:4px;background:#d8d2e6;margin:-2px auto 8px}
.sheet-g{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.sheet-g div{background:#1d1530;border-radius:10px;height:62px;display:flex;align-items:center;justify-content:center;padding:5px;transition:.2s}
.sheet-g div.tap{background:#4b2a90;transform:scale(.92)}
.sheet-g img{max-width:100%;max-height:100%}
.toast{position:absolute;left:50%;top:18%;transform:translate(-50%,-14px);background:#12a36b;color:#fff;font-weight:800;font-size:13px;padding:7px 16px;border-radius:99px;opacity:0;z-index:6;transition:.3s}
.toast.show{opacity:1;transform:translate(-50%,0)}
.finger{position:absolute;width:38px;height:38px;border-radius:50%;background:rgba(122,60,255,.35);border:3px solid #fff;box-shadow:0 4px 14px #0006;z-index:7;left:50%;top:80%;opacity:0;transition:left .6s ease,top .6s ease,opacity .3s,transform .15s}
.finger.on{opacity:1}.finger.press{transform:scale(.7)}
/* resto */
.passos{grid-template-columns:repeat(3,1fr);text-align:center}
.num{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--p),var(--p2));color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto 6px}
.passos .card{padding:14px 8px}.passos span{font-size:13px;color:var(--mut)}
ul.ck{list-style:none;padding:0}
ul.ck li{padding:6px 0 6px 28px;position:relative}
ul.ck li:before{content:"✓";position:absolute;left:0;color:var(--ok);font-weight:900}
ul.ck li.no{color:#9b95a8;text-decoration:line-through}ul.ck li.no:before{content:"✕";color:#c44}
.bon .card{display:flex;gap:14px;align-items:center;padding:12px}
.bon img{width:124px;height:auto;flex:none}
.bon small{font-size:11px;font-weight:800;color:var(--p2);letter-spacing:.5px;text-transform:uppercase}
.bon b{display:block}.bon span{font-size:14px;color:var(--mut)}
.pl .card{position:relative}
.plano h3{font-size:20px}
.preco{font-size:38px;font-weight:900;margin:6px 0}
.preco small{font-size:15px;font-weight:600;color:var(--mut)}
.de{color:#9b95a8;text-decoration:line-through;font-size:15px}
.dest{border:3px solid var(--p);margin-top:16px;box-shadow:0 18px 40px -12px #7a3cff66}
.tag{position:absolute;top:-15px;left:50%;transform:translateX(-50%);background:linear-gradient(90deg,var(--p2),#ff8a3c);color:#fff;font-weight:800;font-size:13px;padding:5px 16px;border-radius:99px;white-space:nowrap;animation:tag 2s ease-in-out infinite}
.plano .btn{margin-top:14px}
.ext{text-align:center;max-width:520px;margin:18px auto 0;font-size:13px}
.gar{text-align:center}.gar .sel{font-size:46px}
.alt-bg{background:#fff}
details{background:#fff;border-radius:12px;padding:14px 16px;margin-bottom:8px;box-shadow:0 2px 10px #1d153010}
.alt-bg details{background:var(--bg)}
summary{font-weight:700;cursor:pointer}details p{margin-top:8px;color:var(--mut)}
.fin{background:linear-gradient(160deg,#f1e8ff,#ffe6f1);text-align:center}
footer{padding:26px 0 40px;font-size:12px;color:var(--mut);text-align:center}
footer a{color:var(--mut);margin:0 6px}
.doc{padding:30px 0}.doc h1{font-size:26px;margin-bottom:14px}.doc h2{text-align:left;font-size:19px;margin:18px 0 6px}.doc p,.doc li{color:var(--mut);margin-bottom:6px}
/* animações */
.rv{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
.rv.in{opacity:1;transform:none}
@keyframes pulso{0%{box-shadow:0 10px 24px -6px #e11d4888,0 0 0 0 #e11d4866}70%{box-shadow:0 10px 24px -6px #e11d4888,0 0 0 16px #e11d4800}100%{box-shadow:0 10px 24px -6px #e11d4888,0 0 0 0 #e11d4800}}
@keyframes flutua{0%,100%{translate:0 0}50%{translate:0 -10px}}
@keyframes brilho{0%{left:-60%}60%,100%{left:130%}}
@keyframes rola{to{transform:translateX(-50%)}}
@keyframes barra{to{width:100%}}
@keyframes cola{to{opacity:1;transform:scale(1) rotate(-3deg)}}
@keyframes tag{0%,100%{transform:translateX(-50%) scale(1)}50%{transform:translateX(-50%) scale(1.08)}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}
@media(min-width:720px){h1{font-size:44px}.ben{grid-template-columns:repeat(4,1fr)}.pl{grid-template-columns:1fr 1fr}.bon{grid-template-columns:1fr 1fr}.heroimg{width:380px}.phone{width:310px}}