:root{
  --bg:#F1F2F4;--surface:#FFFFFF;--ink:#0B0B0F;--muted:#5A5F6B;--line:#D9DCE2;--lime:#C4F31B;--acc:#4C6A00;--dk:#0B0C10;
  --head:'Anton','Impact','Arial Narrow',sans-serif;--body:'Barlow','Helvetica Neue',Arial,sans-serif;
  box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0B0C10;--surface:#14161C;--ink:#F4F5F7;--muted:#9AA0AE;--line:#232733;--acc:#C4F31B;--dk:#050608}}
:root[data-theme="dark"]{--bg:#0B0C10;--surface:#14161C;--ink:#F4F5F7;--muted:#9AA0AE;--line:#232733;--acc:#C4F31B;--dk:#050608}
*,*::before,*::after{box-sizing:inherit}
html{scroll-behavior:smooth;scroll-padding-top:calc(76px + env(safe-area-inset-top,0px))}
body{margin:0;background:var(--bg);color:var(--ink);font:400 1.1rem/1.6 var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:30;background:var(--bg)}
h1,h2,h3{font-family:var(--head);font-weight:400;margin:0;line-height:.98;letter-spacing:.01em;text-transform:uppercase}
p{margin:0}a{color:inherit}
:focus-visible{outline:3px solid var(--lime);outline-offset:3px;border-radius:4px}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px}
section{padding:96px 0}
h2{font-size:clamp(2.4rem,6vw,4.4rem);max-width:15ch}
.eyebrow{font:700 .85rem var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--acc);margin-bottom:14px}
.lead{color:var(--muted);max-width:56ch;margin-top:16px}
.hl{background:linear-gradient(var(--lime),var(--lime)) no-repeat 0 92%/0% 16%;animation:hl 1s 1s forwards}
@keyframes hl{to{background-size:100% 16%}}
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.top nav{display:flex;align-items:center;justify-content:space-between;height:72px}
.brand{font:400 1.7rem var(--head);text-decoration:none;text-transform:uppercase;letter-spacing:.02em}
.brand b{color:var(--lime);-webkit-text-stroke:1px var(--ink)}
.links{display:flex;gap:26px;align-items:center}
.links a{text-decoration:none;font-size:.95rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.links a:hover{color:var(--ink)}
.btn{display:inline-block;background:var(--lime);color:#0B0B0F;padding:16px 30px;border-radius:6px;font:400 1.15rem var(--head);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;transition:transform .25s,box-shadow .25s;border:0;cursor:pointer;clip-path:polygon(0 0,100% 0,100% 70%,92% 100%,0 100%)}
.btn:hover{transform:translateY(-3px);box-shadow:0 14px 30px -10px var(--lime)}
.btn.ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 2px var(--line);clip-path:none}
.links a.btn,.links a.btn:hover{padding:10px 20px;color:#0B0B0F;font-size:1rem;letter-spacing:.06em}
@media(max-width:860px){.links a:not(.btn){display:none}}

/* hero */
.hero{position:relative;overflow:hidden;padding:48px 0 130px}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:40px;align-items:center}
/* Keep edited headings from taking the animation column’s original space. */
.hero-grid>div{min-width:0}
.hero-grid h1{overflow-wrap:anywhere}
h1{font-size:clamp(2.75rem,6.5vw,5.5rem);line-height:1.02}
.split span{display:inline-block;transform-origin:50% 100%;opacity:0;transform:perspective(600px) rotateX(-85deg) translateY(24px);animation:flip .9s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(var(--i)*.14s + .1s)}
@keyframes flip{to{opacity:1;transform:none}}
.hero .lead{font-size:1.25rem;color:var(--ink);opacity:.8}
.cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}
.stick{position:absolute;right:46%;bottom:36px;transform:rotate(-8deg);background:var(--lime);color:#0B0B0F;padding:10px 18px;font:400 1.1rem var(--head);text-transform:uppercase;letter-spacing:.05em;animation:wob 4s ease-in-out infinite;z-index:2}
@keyframes wob{50%{transform:rotate(-3deg) translateY(-6px)}}
.live{position:relative;justify-self:center;width:100%;max-width:440px;aspect-ratio:1/1.1;background:linear-gradient(165deg,#171A22,#0A0B0F);color:#F4F5F7;border:2px solid var(--lime);clip-path:polygon(0 0,86% 0,100% 12%,100% 100%,14% 100%,0 88%);overflow:hidden}
.live::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(196,243,27,.05) 0 1px,transparent 1px 28px)}
.live svg.fg{position:absolute;inset:0;width:100%;height:100%}
.fig{fill:none;stroke:#F4F5F7;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.bar{stroke:var(--lime);stroke-width:6;stroke-linecap:round}
.pl{fill:var(--lime)}
.jt{fill:#0A0B0F;stroke:var(--lime);stroke-width:3}
.hudt{position:absolute;left:22px;top:18px;font:700 .75rem var(--body);letter-spacing:.18em;text-transform:uppercase;color:#9AA0AE}
.hudt i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#FF4D5E;margin-right:8px;animation:blink 1.2s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.rep{position:absolute;right:20px;top:30px;text-align:right;font:400 4.2rem/1 var(--head);color:var(--lime);font-variant-numeric:tabular-nums}
.rep small{display:block;font:700 .72rem var(--body);letter-spacing:.18em;color:#9AA0AE}
.bpm{position:absolute;left:22px;bottom:18px;right:22px;display:flex;align-items:flex-end;gap:14px;font:400 2rem/1 var(--head);font-variant-numeric:tabular-nums}
.bpm small{display:block;font:700 .7rem var(--body);letter-spacing:.18em;color:#9AA0AE}
.bpm svg{flex:1;height:44px}
.bpm polyline{fill:none;stroke:#FF4D5E;stroke-width:2.5;stroke-linejoin:round}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.live{max-width:360px}.stick{right:auto;left:20px;bottom:auto;top:-6px;position:relative;display:inline-block;margin-top:24px}}

/* faixa */
.slant{position:relative;margin:-20px 0;padding:130px 0;clip-path:polygon(0 40px,100% 0,100% calc(100% - 40px),0 100%)}
.strip{background:var(--lime);color:#0B0B0F;overflow:hidden;white-space:nowrap;transform:rotate(-2deg);margin:0 -30px;padding:14px 0;position:relative;z-index:2}
.strip div{display:inline-flex;gap:36px;animation:mq 26s linear infinite}
.strip span{font:400 clamp(2rem,4vw,3rem) var(--head);text-transform:uppercase;display:inline-flex;align-items:center;gap:36px}
.strip span:nth-child(even){color:transparent;-webkit-text-stroke:1.5px #0B0B0F}
.strip span::after{content:"";width:14px;height:14px;background:#0B0B0F;transform:rotate(45deg)}
@keyframes mq{to{transform:translateX(-50%)}}
.stats{background:var(--dk);color:#F4F5F7}
.stats .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.stats b{display:block;font:400 clamp(3rem,7vw,5rem)/1 var(--head);color:var(--lime)}
.stats span{color:#9AA0AE;font-size:1rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600}
@media(max-width:700px){.stats .wrap{grid-template-columns:repeat(2,1fr)}}

/* imagens */
.fr{position:relative;display:grid;place-items:center;text-align:center;margin:0;overflow:hidden;background:repeating-linear-gradient(135deg,#171A22 0 12px,#1C2029 12px 24px);color:#9AA0AE;border:2px solid var(--lime);font:700 .85rem var(--body);letter-spacing:.14em;text-transform:uppercase}
.fr span{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px}
.fr svg{width:44px;height:44px;fill:none;stroke:currentColor;stroke-width:1.4}
.fr small{opacity:.7;font-weight:500;letter-spacing:.1em}
.about{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:center}
.about .fr{aspect-ratio:4/5;clip-path:polygon(0 0,100% 0,100% 88%,86% 100%,0 100%);box-shadow:none}
.about ul{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:10px}
.about li{padding-left:30px;position:relative;font-weight:500}
.about li::before{content:"";position:absolute;left:0;top:.5em;width:16px;height:16px;background:var(--lime);transform:rotate(45deg) scale(.7)}
@media(max-width:860px){.about{grid-template-columns:1fr}.about .fr{max-width:340px}}

/* programas */
.prog{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:48px}
.tilt{position:relative;background:var(--surface);border:2px solid var(--line);padding:34px 30px;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .18s ease-out,background .3s,color .3s,border-color .3s;overflow:hidden;clip-path:polygon(0 0,100% 0,100% 82%,94% 100%,0 100%)}
.tilt::after{content:attr(data-n);position:absolute;right:18px;top:6px;font:400 6rem/1 var(--head);color:transparent;-webkit-text-stroke:1.5px var(--line);transition:-webkit-text-stroke-color .3s}
.tilt:hover{background:var(--lime);color:#0B0B0F;border-color:var(--lime)}
.tilt:hover::after{-webkit-text-stroke-color:#0B0B0F}
.tilt h3{font-size:2.2rem;margin-bottom:10px;position:relative}
.tilt p{color:var(--muted);max-width:34ch;position:relative;transition:color .3s}
.tilt:hover p{color:#27300A}
@media(max-width:760px){.prog{grid-template-columns:1fr}}

/* método */
.steps{list-style:none;margin:56px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:32px;position:relative;counter-reset:s}
.steps::before{content:"";position:absolute;left:0;right:0;top:34px;height:4px;background:var(--line)}
.steps::after{content:"";position:absolute;left:0;top:34px;height:4px;width:100%;background:var(--lime);transform:scaleX(0);transform-origin:left;transition:transform 2s ease .2s}
.steps.in::after{transform:scaleX(1)}
.steps li{counter-increment:s;position:relative;padding-top:88px}
.steps li::before{content:counter(s);position:absolute;top:0;left:0;width:68px;height:68px;background:var(--bg);border:4px solid var(--lime);display:grid;place-items:center;font:400 2rem var(--head);z-index:1;transform:rotate(-5deg)}
.steps h3{font-size:1.9rem;margin-bottom:8px}
.steps p{color:var(--muted)}
@media(max-width:760px){.steps{grid-template-columns:1fr}.steps::before,.steps::after{display:none}}

/* transformação */
.ba{position:relative;margin-top:44px;max-width:820px;aspect-ratio:16/10;overflow:hidden;--p:50%;user-select:none;border:2px solid var(--lime)}
.ba .fr{position:absolute;inset:0;border:0}
#baA{background:repeating-linear-gradient(135deg,#22252E 0 12px,#292D38 12px 24px)}
#baD{background:repeating-linear-gradient(135deg,#2C3A06 0 12px,#35480A 12px 24px);color:#D8F57A;clip-path:inset(0 calc(100% - var(--p)) 0 0)}
.ba .tag{position:absolute;top:16px;font:400 1.1rem var(--head);letter-spacing:.06em;background:var(--lime);color:#0B0B0F;padding:4px 14px;z-index:2;text-transform:uppercase}
.ba .tag.l{left:16px}.ba .tag.r{right:16px}
.ba .bh{position:absolute;top:0;bottom:0;left:var(--p);width:4px;background:var(--lime);z-index:3;transform:translateX(-50%)}
.ba .bh::after{content:"\2194";position:absolute;top:50%;left:50%;width:50px;height:50px;background:var(--lime);color:#0B0B0F;display:grid;place-items:center;font-size:1.4rem;transform:translate(-50%,-50%) rotate(45deg);animation:nudge 2.4s ease-in-out infinite}
@keyframes nudge{50%{transform:translate(-50%,-50%) rotate(45deg) scale(1.12)}}
.ba input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:4;margin:0}
.note{color:var(--muted);font-size:.92rem;margin-top:12px}
.gal{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
.gal .fr{aspect-ratio:4/3;transition:transform .4s}
.gal .fr:hover{transform:rotate(-1.5deg) scale(1.02)}
@media(max-width:760px){.gal{grid-template-columns:1fr}}

/* planos */
.sw{display:inline-flex;margin-top:30px;border:2px solid var(--line);padding:4px;gap:4px}
.sw button{font:400 1.05rem var(--head);letter-spacing:.06em;text-transform:uppercase;border:0;background:transparent;color:var(--muted);padding:10px 22px;cursor:pointer;transition:background .25s,color .25s}
.sw button[aria-pressed="true"]{background:var(--lime);color:#0B0B0F}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px}
.plan{background:var(--surface);border:2px solid var(--line);padding:34px 28px;display:flex;flex-direction:column;position:relative}
.plan.top3{border-color:var(--lime);transform:translateY(-12px)}
.plan.top3::before{content:"Mais escolhido";position:absolute;top:-14px;left:24px;background:var(--lime);color:#0B0B0F;font:400 .95rem var(--head);padding:3px 12px;letter-spacing:.06em;text-transform:uppercase}
.plan h3{font-size:2rem}
.price{font:400 3.6rem/1 var(--head);margin:18px 0 4px;font-variant-numeric:tabular-nums}
.price small{font:600 1rem var(--body);color:var(--muted)}
.plan .per{color:var(--muted);font-size:.92rem;min-height:1.5em}
.plan ul{list-style:none;margin:20px 0 26px;padding:0;display:grid;gap:8px;flex:1}
.plan li{padding-left:24px;position:relative}
.plan li::before{content:"";position:absolute;left:0;top:.6em;width:12px;height:3px;background:var(--lime)}
.plan .btn{text-align:center}
@media(max-width:900px){.plans{grid-template-columns:1fr}.plan.top3{transform:none;margin-top:12px}}

/* depoimentos */
.say{background:var(--dk);color:#F4F5F7}
.say h2{color:#F4F5F7}.say .eyebrow{color:var(--lime)}
.roll{overflow:hidden;margin-top:44px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.roll div{display:flex;gap:20px;width:max-content;animation:mq 40s linear infinite}
.roll:hover div{animation-play-state:paused}
.roll blockquote{margin:0;width:340px;flex:none;background:#14161C;border:2px solid #232733;padding:26px;font-size:1.05rem;white-space:normal}
.roll cite{display:block;margin-top:14px;font:400 1.2rem var(--head);font-style:normal;color:var(--lime);text-transform:uppercase;letter-spacing:.04em}

/* faq e final */
.faq{max-width:780px;margin-top:40px;border-top:2px solid var(--line)}
details{border-bottom:2px solid var(--line);padding:22px 0}
summary{cursor:pointer;font:400 1.6rem var(--head);text-transform:uppercase;list-style:none;display:flex;justify-content:space-between;gap:16px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";color:var(--acc);font-size:2rem;line-height:1;transition:transform .25s}
details[open] summary::after{transform:rotate(45deg)}
details p{color:var(--muted);margin-top:12px}
.final{background:var(--lime);color:#0B0B0F}
.final h2{color:#0B0B0F;max-width:13ch}
.final .eyebrow{color:#27300A}
.final .lead{color:#27300A}
.chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
.chip{font:600 1rem var(--body);padding:11px 20px;border:2px solid #0B0B0F;background:transparent;color:#0B0B0F;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;transition:background .2s,color .2s}
.chip[aria-pressed="true"]{background:#0B0B0F;color:var(--lime)}
.days{margin-top:26px;max-width:420px}
.days label{display:flex;justify-content:space-between;font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:.9rem}
.days output{font:400 1.6rem var(--head)}
.days input{width:100%;accent-color:#0B0B0F;margin-top:8px}
.final .btn{background:#0B0B0F;color:var(--lime)}
.final .btn:hover{box-shadow:0 14px 30px -10px #0B0B0F}
.final .btn.ghost{background:transparent;color:#0B0B0F;box-shadow:inset 0 0 0 2px #0B0B0F}
.foot{padding:36px 0 44px;color:var(--muted);font-size:.92rem}
.foot .wrap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}

.rv{opacity:0;transform:translateY(34px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s)}
.rv.in{opacity:1;transform:none}
.split span.hl{animation:flip .9s cubic-bezier(.2,.8,.2,1) forwards,hl 1s forwards;animation-delay:calc(var(--i)*.14s + .1s),1.3s}
.links a.btn{font-weight:400}
.plan.top3.rv.in{transform:translateY(-12px)}
@media(max-width:900px){.plan.top3.rv.in{transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.rv{opacity:1;transform:none;transition:none}.split span{opacity:1;transform:none;animation:none}.hl,.split span.hl{animation:none;background-size:100% 16%}.stick,.strip div,.roll div,.hudt i,.ba .bh::after{animation:none}.tilt{transform:none}.steps::after{transform:none;transition:none}}