@font-face{font-family:Anton;src:url(fonts/anton-latin-400-normal.woff2) format("woff2");font-display:swap}
@font-face{font-family:Inter;src:url(fonts/inter-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url(fonts/inter-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:Inter;src:url(fonts/inter-latin-800-normal.woff2) format("woff2");font-weight:800;font-display:swap}
:root{--n:#0B1F3A;--d:#050E1D;--g:#00C853;--g2:#5CFF9D;--y:#FFC83D;--r:#FF5A5F;--w:#fff}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--d)}
body{font-family:Inter,system-ui,sans-serif;color:var(--w);background:var(--d);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%}
.g{color:var(--g)}.y{color:var(--y)}.r{color:var(--r)}.center{text-align:center}
h1,h2,.huge,.title{font-family:Anton,Impact,sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.005em;line-height:.92}
h1{font-size:clamp(3.4rem,13vw,10rem)}
.ch h2{font-size:clamp(3rem,11vw,8.5rem)}
.ch h2.big{font-size:clamp(4.4rem,17vw,13rem)}
.title{font-size:clamp(2.8rem,8.5vw,6.5rem);margin:.4rem 0 1.4rem}
.eyebrow{font-size:.74rem;letter-spacing:.28em;text-transform:uppercase;color:var(--y);font-weight:600}
.lead{font-size:clamp(1.1rem,2.2vw,1.35rem);line-height:1.5;margin-bottom:1rem;font-weight:600}
p{line-height:1.65;font-size:1.02rem;color:#dfe7f3}
.fine{font-size:.78rem;opacity:.6;margin-top:1.2rem;line-height:1.5}
.nav{position:fixed;inset:0 0 auto;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:14px clamp(16px,3vw,36px);mix-blend-mode:normal;background:linear-gradient(#050e1dd9,#050e1d00)}
.logo{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:800;letter-spacing:.12em;font-size:.78rem}
.logo img{border-radius:50%;box-shadow:0 0 0 2px var(--y)}.logo b{color:var(--g);margin-left:4px}
.btn{position:relative;display:inline-flex;align-items:center;gap:.6em;background:var(--g);color:#03200e;font-weight:800;text-decoration:none;padding:17px 28px;border-radius:999px;box-shadow:0 12px 50px #00c85366,inset 0 -3px 0 #0003;overflow:hidden;white-space:nowrap;will-change:transform}
.btn:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,#0000 30%,#fff8 50%,#0000 70%);transform:translateX(-120%);animation:shine 3.2s infinite}
@keyframes shine{60%,100%{transform:translateX(120%)}}
.btn.sm{padding:10px 18px;font-size:.82rem}.btn.big{font-size:1.08rem;padding:21px 34px}
/* movie */
.movie{height:700vh;position:relative}
.stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
#film{width:100%;height:100%;display:block;background:#050e1d}
.vign{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,#0000 35%,#050e1dcc 100%),linear-gradient(#050e1d88,#0000 25%,#0000 55%,#050e1dee)}
.ch{position:absolute;left:0;right:0;bottom:14vh;padding:0 20px;text-align:center;visibility:hidden}
.ch .eyebrow{margin-bottom:1rem;text-shadow:0 2px 12px #000}
.ch h1,.ch h2{text-shadow:0 6px 50px #000c}
.ch .btn{margin-top:1.6rem}
.split .ln{display:block;overflow:hidden;padding:.16em 0 .06em;margin-top:-.16em}
.split .wd{display:inline-block;white-space:nowrap}
.wm{display:inline-block;overflow:hidden;vertical-align:top;padding-top:.16em;margin-top:-.16em}
.split .chr{display:inline-block;will-change:transform}
.progress{position:absolute;left:0;right:0;top:0;height:3px;background:#ffffff14;z-index:3}.progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--g),var(--y))}
.hint{position:absolute;bottom:26px;width:100%;text-align:center;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;opacity:.75}
.hint span{display:block;width:1px;height:38px;margin:0 auto 10px;background:linear-gradient(var(--y),#0000);animation:drop 1.6s infinite}
@keyframes drop{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
/* marquee */
.marquee{overflow:hidden;background:var(--y);color:var(--d);padding:16px 0;transform:rotate(-2deg) scale(1.04);margin:-30px 0 0;position:relative;z-index:4;box-shadow:0 20px 60px #0008}
.track{display:flex;gap:28px;width:max-content;animation:mq 26s linear infinite;font-family:Anton,sans-serif;font-size:clamp(1.6rem,4vw,2.6rem);text-transform:uppercase;align-items:center}
.track .y{color:var(--d)}.track .g{color:#00752f}.track i{font-style:normal;color:#00752f}
@keyframes mq{to{transform:translateX(-50%)}}
/* generic */
.sec{padding:clamp(90px,14vw,170px) 0;position:relative}
.wrap{max-width:1240px;margin:0 auto;padding:0 22px}.narrow{max-width:760px}
.two{display:grid;gap:56px;align-items:center}
@media(min-width:960px){.two{grid-template-columns:1fr 1fr}}
.rv{opacity:0;transform:translateY(40px)}
/* who */
.who-grid{display:grid;gap:60px;align-items:center}
@media(min-width:960px){.who-grid{grid-template-columns:1.05fr 1fr}}
.layers{position:relative;margin-top:30px !important;aspect-ratio:1/1.05;max-width:560px;width:100%;margin:auto}
.layers .l1{position:absolute;width:70%;right:0;top:0;border-radius:28px;opacity:.9;box-shadow:0 30px 80px #000a}
.layers .l2{position:absolute;width:66%;left:0;bottom:0;border-radius:50%;box-shadow:0 0 0 4px var(--y),0 0 80px #ffc83d55,0 40px 90px #000c}
.layers .tag{position:absolute;right:6%;bottom:10%;background:var(--g);color:#03200e;font-weight:800;padding:10px 16px;border-radius:999px;font-size:.85rem}
/* goal */
.goal{background:radial-gradient(ellipse at 50% 0%,#0b2b52 0%,var(--d) 60%)}
.huge{font-size:clamp(4rem,15vw,12rem);line-height:.9;margin:1rem 0}
.huge small{font-size:.32em;color:var(--y);margin:0 .15em;vertical-align:.9em}
.road{position:relative;height:26px;border-radius:99px;background:#ffffff12;margin:40px 0 12px;box-shadow:inset 0 0 0 1px #ffffff1c}
.road .fill{position:relative;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,#00a443,var(--g),var(--y));box-shadow:0 0 40px #00c853aa}
.road .fill img{position:absolute;right:-30px;top:50%;width:60px;height:60px;transform:translateY(-50%);border-radius:50%;box-shadow:0 0 0 3px var(--y)}
.road span{position:absolute;top:36px;font-size:.78rem;opacity:.7}.m0{left:0}.m1{right:0;color:var(--y)}
.big-pct{margin-top:46px;font-size:1.2rem}.big-pct b{font-family:Anton;font-size:2.6rem;font-weight:400}
.kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:50px}
@media(min-width:960px){.kpis{grid-template-columns:repeat(4,1fr)}}
.kpis div{padding:24px 20px;border-radius:22px;background:linear-gradient(160deg,#ffffff12,#ffffff05);border:1px solid #ffffff1a}
.kpis b{display:block;font-family:Anton;font-weight:400;font-size:clamp(1.6rem,4vw,2.4rem);color:var(--g)}.kpis span{font-size:.85rem;opacity:.75}
/* wallet */
.wallet{background:var(--n)}
.classes{display:grid;gap:14px}
.cl{display:grid;grid-template-columns:1fr auto;gap:6px 12px;cursor:default}
.cl b{font-family:Anton;font-weight:400;font-size:1.6rem}
.cl .t{grid-column:1/-1;height:10px;border-radius:9px;background:#ffffff12;overflow:hidden}
.cl .t i{display:block;height:100%;width:0;border-radius:9px}
.cl small{opacity:.6;font-size:.8rem;grid-column:1/-1}
.donut-box{position:relative;max-width:460px;width:100%;margin:auto}
.donut-box svg{transform:rotate(-90deg);filter:drop-shadow(0 20px 60px #0009)}
.donut-box circle{fill:none;stroke-width:6;transition:stroke-width .3s}
.donut-box circle.hl{stroke-width:7.6}
.dc{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.dc b{font-family:Anton;font-weight:400;font-size:2.4rem}.dc span{font-family:Anton;font-size:3.4rem;color:var(--g)}
/* drip */
.float img{border-radius:32px;animation:fl 6s ease-in-out infinite;box-shadow:0 40px 100px #000b}
@keyframes fl{50%{transform:translateY(-14px) rotate(-1deg)}}
.bars{display:flex;align-items:flex-end;gap:12px;height:190px;margin:34px 0 30px}
.bars div{flex:1;height:0;border-radius:10px 10px 0 0;background:linear-gradient(var(--y),var(--g));position:relative}
.bars em{position:absolute;top:-24px;width:100%;text-align:center;font-style:normal;font-size:.78rem;font-weight:600}
.bars span{position:absolute;bottom:-24px;width:100%;text-align:center;font-size:.78rem;opacity:.7}
/* week */
.week-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:20px}
@media(min-width:960px){.week-grid{grid-template-columns:repeat(4,1fr)}}
.wk{border-radius:24px;overflow:hidden;background:#ffffff0a;border:1px solid #ffffff1a;padding-bottom:18px;transition:transform .4s}
.wk:hover{transform:translateY(-8px)}
.wk img{aspect-ratio:1;object-fit:cover;width:100%}
.wk b{display:block;font-family:Anton;font-weight:400;font-size:clamp(1.8rem,4vw,2.6rem);padding:14px 16px 4px}
.wk span{display:block;padding:0 16px;font-size:.86rem;opacity:.8;line-height:1.4}
/* series horizontal */
.series{position:relative;background:linear-gradient(var(--d),var(--n))}
.hwrap{height:100vh;height:100svh;display:flex;flex-direction:column;justify-content:center;overflow:hidden}
.hhead{padding:0 22px;max-width:1240px;margin:0 auto;width:100%}
.hhead .title{margin-bottom:.4rem}
.htrack{display:flex;gap:20px;padding:24px 22px;width:max-content;will-change:transform}
.card{width:min(78vw,380px);border-radius:28px;overflow:hidden;background:#0b1f3a;border:1px solid #ffffff1f;flex:none;box-shadow:0 30px 70px #0009}
.card img{aspect-ratio:1/.8;object-fit:cover;width:100%}
.card div{padding:20px}.card b{font-family:Anton;font-weight:400;font-size:1.7rem;text-transform:uppercase;display:block;margin-bottom:6px}
/* vip */
.vip{background:radial-gradient(ellipse at 30% 40%,#00c85326,#0000 55%),radial-gradient(ellipse at 80% 70%,#ffc83d1c,#0000 50%),var(--d)}
.phone-wrap{display:flex;flex-direction:column;align-items:center}
.phone{position:relative;width:min(78vw,340px);aspect-ratio:9/19;border-radius:52px;padding:12px;background:linear-gradient(145deg,#2a3443,#0c1118);box-shadow:0 0 0 2px #3c475a,0 50px 120px #000,0 0 120px #00c85333;transform:rotate(-4deg)}
.notch{position:absolute;top:22px;left:50%;width:100px;height:28px;border-radius:20px;background:#000;transform:translateX(-50%);z-index:2}
.screen{position:relative;width:100%;height:100%;border-radius:42px;overflow:hidden;background:#0b1f3a;display:flex;align-items:center}
.screen img{position:absolute;inset:0;margin:auto;width:100%;transition:opacity .7s,transform .7s}
.dots{display:flex;gap:8px;margin-top:26px}.dots i{width:8px;height:8px;border-radius:9px;background:#ffffff40;transition:.3s}.dots i.on{width:26px;background:var(--g)}
.get{list-style:none;margin:0 0 30px}
.get li{padding:14px 0 14px 34px;border-bottom:1px solid #ffffff17;position:relative;font-size:1.02rem}
.get li:before{content:"";position:absolute;left:0;top:17px;width:20px;height:20px;border-radius:50%;background:var(--g) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10l3 3 7-7' stroke='%2303200e' stroke-width='2.6' fill='none'/%3E%3C/svg%3E")}
.get b{color:#fff}
.price{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:22px}
.price b{font-family:Anton;font-weight:400;font-size:clamp(4rem,12vw,6.5rem);color:var(--y);line-height:1}
.price small{opacity:.7}.price .old{width:100%;font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;color:var(--g2)}
.qr{display:none;align-items:center;gap:18px;margin-top:28px;background:#fff;color:var(--n);border-radius:22px;padding:14px;max-width:420px}
.qr img{width:120px}.qr span{font-weight:600;font-size:.92rem}
@media(min-width:960px){.qr{display:flex}}
/* faq */
details{border-bottom:1px solid #ffffff1f;padding:22px 0}
summary{cursor:pointer;font-weight:800;font-size:1.1rem;list-style:none;display:flex;justify-content:space-between;gap:20px}
summary::-webkit-details-marker{display:none}
summary:after{content:"+";color:var(--g);font-size:1.6rem;line-height:1;transition:transform .3s}
details[open] summary:after{transform:rotate(45deg)}
details p{margin-top:12px}
/* final */
.final{overflow:hidden;background:radial-gradient(ellipse at 50% 30%,#3a2a0466,var(--d) 60%)}
.door{width:min(70vw,440px);margin:0 auto -40px;border-radius:40px;mask-image:radial-gradient(circle,#000 55%,#0000 72%);-webkit-mask-image:radial-gradient(circle,#000 55%,#0000 72%)}
.final .btn{margin-top:10px}
.soc{display:flex;gap:16px;justify-content:center;margin-top:60px;flex-wrap:wrap}
.soc a{background:#fff;color:var(--n);text-decoration:none;border-radius:22px;padding:16px;width:180px;text-align:center;transition:transform .3s}
.soc a:hover{transform:translateY(-6px) rotate(-2deg)}
.soc img{width:130px;margin:0 auto 8px}.soc b{display:block}.soc span{font-size:.75rem}
footer{max-width:900px;margin:0 auto;padding:40px 22px 130px;text-align:center;border-top:1px solid #ffffff17}
footer p{font-size:.86rem}
/* fixed cta */
.fixed-cta{position:fixed;left:14px;right:14px;bottom:max(14px,env(safe-area-inset-bottom));z-index:60;display:flex;justify-content:space-between;align-items:center;padding:10px 10px 10px 22px;border-radius:999px;background:#0b1f3aee;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid #ffffff26;color:#fff;text-decoration:none;box-shadow:0 20px 50px #000a;transform:translateY(160%);transition:transform .5s cubic-bezier(.2,.9,.2,1)}
.fixed-cta.on{transform:none}.fixed-cta span{font-weight:600;font-size:.9rem}
.fixed-cta b{background:var(--g);color:#03200e;padding:13px 20px;border-radius:999px;font-size:.92rem}
@media(min-width:960px){.fixed-cta{left:auto;right:28px;width:340px}}
/* cursor */
.cursor{position:fixed;left:0;top:0;width:34px;height:34px;border-radius:50%;border:1.5px solid var(--y);pointer-events:none;z-index:99;transform:translate(-50%,-50%);transition:width .25s,height .25s,background .25s;display:none;mix-blend-mode:difference}
.cursor.big{width:80px;height:80px;background:#ffc83d33}
@media(hover:hover) and (pointer:fine){.cursor{display:block}}
@media(prefers-reduced-motion:reduce){.track,.btn:after,.float img{animation:none}}

/* v7: a página nunca fica mais larga que o celular (a faixa inclinada vazava e o iPhone abria com 411px numa tela de 390) */
html,body{overflow-x:clip}
/* v7: compra em 3 passos */
.compra{background:#fff;color:var(--n);border-radius:28px;padding:26px;max-width:440px;width:100%;box-shadow:0 0 0 3px var(--y),0 30px 80px #00c85340;margin-top:6px}
.compra .passo{display:block;font-size:1.05rem;margin-bottom:6px}
.compra label{display:block;font-size:.85rem;font-weight:600;margin:14px 0 6px;color:#334155}
.compra input{width:100%;font:600 1.1rem Inter,system-ui,sans-serif;padding:14px;border-radius:14px;border:1.5px solid #cbd5e1;color:#0b1f3a;background:#fff}
.compra .btn{display:flex;justify-content:center;width:100%;margin-top:16px;border:0;cursor:pointer;font-family:inherit;font-size:1.05rem}
.compra .fine,.compra p{color:#475569;opacity:1;margin-top:10px}
.qrbox{margin-top:14px;text-align:center}.qrbox img{width:180px;margin:0 auto 6px;display:block}.qrbox span{font-size:.85rem;color:#475569}
@media(max-width:959px){.qrbox{display:none}}
.troca{display:block;text-align:center;margin-top:10px;color:#475569;font-size:.85rem}
.vip .two>div{min-width:0}
.compra .btn{white-space:normal;text-align:center;padding:16px 18px}
@media(max-width:380px){.compra{padding:18px}.logo b{display:none}}