/* ===================================================================
   FÓRMULA AFILIADO VIRAL — página de vendas
   Luxo preto + dourado. Liquid glass, gradual blur, brilhos, cena 3D.
   =================================================================== */
:root{
  --preto:#08080a; --grafite:#101014; --carvao:#16151a;
  --ouro:#E0A82E; --ouro-2:#F0C866; --ouro-3:#FBE9AE; --ouro-d:#C9902A;
  --creme:#F5EFE2; --cinza:#9c9488; --cinza-2:#6f6a62;
  --glass:rgba(255,255,255,.04); --glass-2:rgba(255,255,255,.065);
  --gold-glass:rgba(224,168,46,.06);
  --border:rgba(240,200,120,.12); --border-2:rgba(240,200,120,.26);
  --maxw:1160px;
  --ease:cubic-bezier(.22,1,.36,1);
  --gold-grad:linear-gradient(120deg,#FBE9AE 0%,#F0C866 38%,#E0A82E 66%,#C9902A 100%);
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{
  font-family:'Inter',system-ui,-apple-system,sans-serif;
  background:var(--preto); color:var(--cinza);
  line-height:1.6; overflow-x:hidden; -webkit-font-smoothing:antialiased;
  position:relative; min-height:100vh;
}
a{color:inherit; text-decoration:none;}
h1,h2,h3{font-family:'Space Grotesk',sans-serif; color:var(--creme); line-height:1.06; letter-spacing:-.01em;}
b{color:var(--creme); font-weight:600;}
s{color:var(--cinza-2);}
::selection{background:rgba(224,168,46,.32); color:#0a0a0a;}

/* ---------- BACKGROUND ANIMADO ---------- */
.bg-layer{position:fixed; inset:0; z-index:0; overflow:hidden; pointer-events:none;
  background:
    radial-gradient(120% 80% at 50% -10%, #131015 0%, transparent 55%),
    radial-gradient(100% 60% at 50% 110%, #100d10 0%, transparent 60%), var(--preto);}
.glow{position:absolute; border-radius:50%; filter:blur(100px); opacity:.5;}
.glow-a{width:60vw; height:60vw; left:-16vw; top:-22vh;
  background:radial-gradient(circle,rgba(224,168,46,.22),transparent 66%);
  animation:drift-a 24s var(--ease) infinite alternate;}
.glow-b{width:52vw; height:52vw; right:-18vw; bottom:-24vh;
  background:radial-gradient(circle,rgba(201,144,42,.16),transparent 66%);
  animation:drift-b 28s var(--ease) infinite alternate;}
@keyframes drift-a{to{transform:translate3d(12vw,10vh,0) scale(1.16);}}
@keyframes drift-b{to{transform:translate3d(-10vw,-8vh,0) scale(1.2);}}
.embers{position:absolute; inset:-10%;
  background:
    repeating-linear-gradient(118deg,transparent 0 40px,rgba(240,200,120,.012) 40px 41px);
  mask:radial-gradient(120% 90% at 50% 0%,#000 26%,transparent 78%);
  animation:embers-move 44s linear infinite;}
@keyframes embers-move{to{background-position:420px 0;}}
#dust{position:absolute; inset:0; width:100%; height:100%; opacity:.6;}
.grain{position:absolute; inset:0; opacity:.045; mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}

.cursor-glow{position:fixed; z-index:3; width:440px; height:440px; left:0; top:0;
  transform:translate(calc(var(--mx,-9999px) - 220px), calc(var(--my,-9999px) - 220px));
  background:radial-gradient(circle,rgba(224,168,46,.05),transparent 62%);
  border-radius:50%; pointer-events:none; mix-blend-mode:screen; transition:opacity .3s;}

/* ---------- GRADUAL BLUR (edge inferior, estilo reactbits) ---------- */
.gradual-blur{position:fixed; left:0; right:0; z-index:6; pointer-events:none;}
.gb-bottom{bottom:0; height:130px;}
.gradual-blur .gb{position:absolute; inset:0;}
.gb1{backdrop-filter:blur(1px);  -webkit-backdrop-filter:blur(1px);
  -webkit-mask:linear-gradient(to top,#000 0%,#000 100%); mask:linear-gradient(to top,#000 0%,#000 100%);}
.gb2{backdrop-filter:blur(3px);  -webkit-backdrop-filter:blur(3px);
  -webkit-mask:linear-gradient(to top,#000 0%,transparent 82%); mask:linear-gradient(to top,#000 0%,transparent 82%);}
.gb3{backdrop-filter:blur(7px);  -webkit-backdrop-filter:blur(7px);
  -webkit-mask:linear-gradient(to top,#000 0%,transparent 60%); mask:linear-gradient(to top,#000 0%,transparent 60%);}
.gb4{backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
  -webkit-mask:linear-gradient(to top,#000 0%,transparent 40%); mask:linear-gradient(to top,#000 0%,transparent 40%);}
.gb5{backdrop-filter:blur(26px); -webkit-backdrop-filter:blur(26px);
  -webkit-mask:linear-gradient(to top,#000 0%,transparent 22%); mask:linear-gradient(to top,#000 0%,transparent 22%);}
.gb-tint{position:absolute; inset:0;
  background:linear-gradient(to top,var(--preto) 4%,rgba(8,8,10,.5) 42%,transparent 100%);}

/* ---------- LOGO / INTRO ---------- */
.intro{position:fixed; inset:0; z-index:100; display:grid; place-items:center;
  background:var(--preto); transition:opacity .7s var(--ease), visibility .7s;}
.intro.hide{opacity:0; visibility:hidden;}
.intro-logo{position:relative; width:min(78vw,440px);
  animation:intro-pop .9s var(--ease) both;}
.intro-mark{display:block; width:100%; height:auto;}
/* brilho mascarado pelo próprio logo: a luz varre só as letras, não o retângulo */
.intro-sheen{position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(105deg, transparent 43%, rgba(255,255,255,.7) 50%, transparent 57%);
  background-repeat:no-repeat; background-size:250% 100%; background-position:135% 0;
  -webkit-mask:url("assets/logo.png") center/contain no-repeat;
  mask:url("assets/logo.png") center/contain no-repeat;
  animation:intro-sheen 1.3s var(--ease) .5s 1;}
@keyframes intro-pop{from{opacity:0; transform:scale(.92);} to{opacity:1; transform:none;}}
@keyframes intro-sheen{to{background-position:-135% 0;}}

/* ---------- NAV ---------- */
.nav{position:fixed; top:0; left:0; right:0; z-index:40;
  display:flex; align-items:center; justify-content:space-between; gap:20px;
  padding:14px clamp(16px,4vw,40px); transition:padding .3s, background .3s, border-color .3s;
  border-bottom:1px solid transparent;}
.nav.scrolled{background:rgba(8,8,10,.62); backdrop-filter:blur(18px) saturate(150%);
  -webkit-backdrop-filter:blur(18px) saturate(150%); border-bottom-color:var(--border); padding-top:9px; padding-bottom:9px;}
.brand{display:flex; align-items:center;}
.brand-logo{height:34px; width:auto; display:block;}
.nav.scrolled .brand-logo{height:30px;}
.nav-links{display:flex; gap:28px; font-size:14px; color:var(--cinza);}
.nav-links a{position:relative; transition:color .2s;}
.nav-links a::after{content:''; position:absolute; left:0; bottom:-5px; height:1px; width:0;
  background:var(--ouro); transition:width .25s var(--ease);}
.nav-links a:hover{color:var(--creme);} .nav-links a:hover::after{width:100%;}

/* ---------- BOTÕES ---------- */
.btn{position:relative; overflow:hidden; display:inline-flex; align-items:center; justify-content:center;
  gap:8px; font-family:'Space Grotesk',sans-serif; font-weight:600; font-size:15px;
  padding:14px 26px; border-radius:999px; cursor:pointer; white-space:nowrap;
  transition:transform .2s var(--ease), box-shadow .25s, border-color .25s, background .25s;}
.btn-sm{padding:10px 18px; font-size:13.5px;}
.btn-lg{padding:16px 32px; font-size:16px;}
.btn-block{width:100%; margin-top:6px;}
.btn-primary{color:#241a05; background:var(--gold-grad); background-size:160% 160%;
  box-shadow:0 12px 36px -12px rgba(224,168,46,.7), inset 0 1px 0 rgba(255,255,255,.45);
  animation:gold-breathe 6s ease-in-out infinite;}
@keyframes gold-breathe{0%,100%{background-position:0% 50%;} 50%{background-position:100% 50%;}}
.btn-primary:hover{transform:translateY(-2px); box-shadow:0 22px 50px -12px rgba(224,168,46,.88), inset 0 1px 0 rgba(255,255,255,.5);}
.btn-ghost{color:var(--creme); background:var(--glass); border:1px solid var(--border-2);
  backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);}
.btn-ghost:hover{transform:translateY(-2px); border-color:var(--ouro); background:var(--glass-2);}
.btn::after{content:''; position:absolute; inset:0; transform:translateX(-130%);
  background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.5) 50%,transparent 65%);
  transition:transform .7s var(--ease); pointer-events:none;}
.btn:hover::after{transform:translateX(130%);}

/* ---------- LAYOUT / SEÇÕES ---------- */
main{position:relative; z-index:2;}
.section{max-width:var(--maxw); margin:0 auto; padding:clamp(56px,9vw,110px) clamp(16px,4vw,40px);}
.section-head{max-width:660px; margin:0 auto clamp(30px,5vw,52px); text-align:center;}
.kicker{display:inline-block; font-family:'Space Grotesk',sans-serif; font-size:12px; font-weight:600;
  letter-spacing:.26em; text-transform:uppercase; color:var(--ouro-2); margin-bottom:14px;}
.section-head h2{font-size:clamp(27px,5vw,44px); margin-bottom:14px; text-wrap:balance;}
.section-head p{color:var(--cinza); font-size:clamp(15px,2.2vw,17px);}
.eyebrow{display:inline-block; font-family:'Space Grotesk',sans-serif; font-size:12px; font-weight:600;
  letter-spacing:.18em; text-transform:uppercase; color:var(--ouro-2);
  padding:7px 16px; border:1px solid var(--border); border-radius:999px; background:var(--gold-glass); margin-bottom:24px;}

/* ---------- HERO ---------- */
.hero{position:relative; max-width:var(--maxw); margin:0 auto;
  padding:clamp(120px,17vh,180px) clamp(16px,4vw,40px) clamp(30px,6vw,60px); text-align:center;}
.hero-inner{position:relative; z-index:2; max-width:880px; margin:0 auto;}
.hero-title{font-size:clamp(33px,6.2vw,62px); font-weight:700; letter-spacing:-.02em; margin-bottom:20px; text-wrap:balance;}
.grad{background:var(--gold-grad); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 2px 14px rgba(224,168,46,.28));}
/* Shiny Text (reactbits): dourado com brilho que varre */
.shiny{background:linear-gradient(100deg,#C9902A 0%,#E0A82E 26%,#FDEFC0 48%,#E0A82E 70%,#C9902A 100%);
  background-size:230% 100%; -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent;
  filter:drop-shadow(0 2px 14px rgba(224,168,46,.28)); animation:shine 5s linear infinite;}
@keyframes shine{to{background-position:-230% 0;}}
/* Rotating Text (reactbits): palavra que troca, sem reflow (inline-grid) */
.rotator{display:inline-grid; place-items:center; vertical-align:top; line-height:1.05;}
.rot-word{grid-area:1/1; white-space:nowrap; opacity:0; transform:translateY(.5em);
  transition:opacity .55s var(--ease), transform .55s var(--ease); will-change:opacity,transform;}
.rot-word.is-active{opacity:1; transform:none;}
.rot-word.is-out{opacity:0; transform:translateY(-.5em);}
.hero-sub{max-width:620px; margin:0 auto 30px; color:var(--cinza); font-size:clamp(15px,2.4vw,18px);}
.hero-cta{display:flex; gap:14px; justify-content:center; flex-wrap:wrap;}
.hero-meta{display:flex; align-items:center; justify-content:center; gap:14px; flex-wrap:wrap;
  margin-top:32px; color:var(--cinza-2); font-size:13px;}
.hero-meta b{color:var(--ouro-2); font-weight:600;}
.hero-meta .dot{width:4px; height:4px; border-radius:50%; background:var(--ouro); opacity:.6;}
.hero-visual{position:relative; max-width:920px; margin:clamp(36px,6vw,64px) auto 0;}
.hv-frame{position:relative; z-index:2; border-radius:20px; overflow:hidden;
  border:1px solid var(--border-2);
  box-shadow:0 50px 120px -40px rgba(0,0,0,.9), 0 0 0 1px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.08);
  animation:float-y 7s ease-in-out infinite;}
.hv-frame img{display:block; width:100%; height:auto;}
.hv-glow{position:absolute; z-index:1; inset:-8% -4% -18%;
  background:radial-gradient(60% 60% at 50% 60%,rgba(224,168,46,.28),transparent 70%); filter:blur(30px);}
@keyframes float-y{0%,100%{transform:translateY(0);} 50%{transform:translateY(-10px);}}

/* ---------- FAIXA (marquee) ---------- */
.strip{max-width:100%; overflow:hidden; padding:22px 0; margin:0 auto;
  border-top:1px solid var(--border); border-bottom:1px solid var(--border);
  -webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
  mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);}
.strip-track{display:flex; align-items:center; gap:26px; width:max-content;
  animation:marquee 26s linear infinite; font-family:'Space Grotesk',sans-serif;
  font-size:15px; letter-spacing:.02em; color:var(--creme);}
.strip:hover .strip-track{animation-play-state:paused;}
.strip-track span{opacity:.82;}
.strip-track i{width:6px; height:6px; border-radius:50%; background:var(--ouro); opacity:.7; flex:0 0 auto;}
@keyframes marquee{to{transform:translateX(-50%);}}

/* ---------- GLASS ---------- */
.glass{background:var(--glass); border:1px solid var(--border);
  backdrop-filter:blur(16px) saturate(140%); -webkit-backdrop-filter:blur(16px) saturate(140%);
  box-shadow:0 30px 80px -50px rgba(0,0,0,.92), inset 0 1px 0 rgba(255,255,255,.05);
  border-radius:22px;}

/* ---------- GRIDS ---------- */
.grid{display:grid; gap:20px;}
.grid-3{grid-template-columns:repeat(3,1fr);}
.grid-2{grid-template-columns:repeat(2,1fr);}

/* ---------- CARDS ---------- */
.card{padding:30px 26px; transition:transform .25s var(--ease), border-color .25s, background .25s, box-shadow .25s;}
.card:hover{transform:translateY(-5px); border-color:var(--border-2); background:var(--glass-2);
  box-shadow:0 34px 90px -46px rgba(224,168,46,.32), inset 0 1px 0 rgba(255,255,255,.09);}
.card-ico{width:48px; height:48px; display:grid; place-items:center; border-radius:14px;
  background:linear-gradient(135deg,rgba(224,168,46,.2),rgba(224,168,46,.04));
  border:1px solid rgba(224,168,46,.3); color:var(--ouro-2); font-size:20px; font-weight:700; margin-bottom:18px;}
.card h3{font-size:19px; margin-bottom:9px;}
.card p{color:var(--cinza); font-size:14.5px;}
.strat .card{padding:28px 26px;}

/* ---------- PLATAFORMAS ---------- */
.plats{gap:22px;}
.plat{padding:0; overflow:hidden; display:flex; flex-direction:column;
  transition:transform .25s var(--ease), border-color .25s, box-shadow .25s;}
.plat:hover{transform:translateY(-6px); border-color:var(--border-2);
  box-shadow:0 40px 100px -48px rgba(224,168,46,.38);}
.plat-cover{position:relative; aspect-ratio:16/10; overflow:hidden; background:#0c0b0e;}
.plat-cover img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 44%;
  transition:transform .5s var(--ease);}
.plat:hover .plat-cover img{transform:scale(1.06);}
.plat-cover::after{content:''; position:absolute; inset:0; pointer-events:none;
  box-shadow:inset 0 -40px 40px -26px rgba(8,8,10,.95);}
.plat-info{padding:20px 22px 24px;}
.plat-tag{font-family:'Space Grotesk',sans-serif; font-size:11.5px; letter-spacing:.12em; text-transform:uppercase; color:var(--ouro-2);}
.plat-info h3{font-size:20px; margin:7px 0 8px;}
.plat-info p{color:var(--cinza); font-size:14px;}

/* ---------- BÔNUS ---------- */
.bonus{padding:30px 26px; position:relative; transition:transform .25s var(--ease), border-color .25s, box-shadow .25s;}
.bonus:hover{transform:translateY(-5px); border-color:var(--border-2); box-shadow:0 34px 90px -46px rgba(224,168,46,.32);}
.bonus-flag{display:inline-block; font-family:'Space Grotesk',sans-serif; font-size:11.5px; font-weight:600;
  letter-spacing:.1em; text-transform:uppercase; color:#241a05; background:var(--gold-grad);
  padding:5px 12px; border-radius:999px; margin-bottom:16px;}
.bonus h3{font-size:20px; margin-bottom:9px;}
.bonus p{color:var(--cinza); font-size:14.5px;}

/* ---------- BANDA DIFERENCIAL ---------- */
.band{max-width:var(--maxw);}
.band-inner{position:relative; overflow:hidden; padding:clamp(40px,6vw,72px); text-align:center;
  background:rgba(224,168,46,.045);
  backdrop-filter:blur(24px) saturate(160%); -webkit-backdrop-filter:blur(24px) saturate(160%);
  border:1px solid var(--border-2);
  box-shadow:0 44px 130px -50px rgba(224,168,46,.4), inset 0 1px 0 rgba(255,255,255,.1);}
.band-inner>*{position:relative; z-index:1;}
.band-inner::before{content:''; position:absolute; inset:-1px; z-index:0; pointer-events:none; border-radius:inherit;
  background:radial-gradient(60% 130% at 8% -6%, rgba(224,168,46,.22), transparent 62%),
             radial-gradient(58% 130% at 106% 106%, rgba(201,144,42,.2), transparent 64%);
  animation:band-glow 8s ease-in-out infinite alternate;}
@keyframes band-glow{0%{opacity:.55;}100%{opacity:1;}}
.band-inner h2{font-size:clamp(25px,4.6vw,42px); margin:12px 0 16px; line-height:1.14; text-wrap:balance;}
.band-inner h2 .flee-word{display:inline-block; white-space:nowrap;}
.band-inner h2 .flee{display:inline-block; transition:transform .5s cubic-bezier(.34,1.4,.4,1); will-change:transform;}
.band-inner>p{max-width:640px; margin:0 auto; color:var(--cinza); font-size:clamp(15px,2.2vw,17px);}
.pillars{display:flex; justify-content:center; gap:clamp(22px,6vw,60px); flex-wrap:wrap; margin-top:36px;}
.pillars>div{display:flex; flex-direction:column;}
.pillars b{font-family:'Space Grotesk',sans-serif; color:var(--creme); font-size:18px;}
.pillars span{color:var(--cinza); font-size:13px; margin-top:4px;}

/* ---------- PRA QUEM É ---------- */
.fitcols{gap:22px;}
.fit{padding:32px 30px;}
.fit h3{font-size:21px; margin-bottom:18px;}
.fit ul{list-style:none; display:flex; flex-direction:column; gap:12px;}
.fit li{position:relative; padding-left:30px; font-size:15px; color:var(--creme);}
.fit li::before{position:absolute; left:0; top:-1px; font-weight:700; font-size:16px;}
.fit-yes{border-color:var(--border-2); background:linear-gradient(180deg,rgba(224,168,46,.07),var(--glass) 60%);}
.fit-yes li::before{content:'✓'; color:var(--ouro-2);}
.fit-no li{color:var(--cinza);}
.fit-no li::before{content:'✕'; color:var(--cinza-2);}

/* ---------- EXPERT ---------- */
.expert-wrap{display:grid; grid-template-columns:.9fr 1.2fr; gap:clamp(24px,5vw,54px); align-items:center;}
.expert-photo{position:relative; display:flex; justify-content:center;}
.ep-glow{position:absolute; z-index:0; left:50%; top:50%; transform:translate(-50%,-50%);
  width:104%; height:104%;
  background:radial-gradient(circle at 50% 42%, rgba(224,168,46,.34), rgba(224,168,46,.06) 52%, transparent 70%);
  filter:blur(22px);}
.expert-frame{position:relative; z-index:1; width:100%; max-width:410px; aspect-ratio:4/5; margin:0;
  border-radius:22px; overflow:hidden; border:1px solid var(--border-2);
  box-shadow:0 44px 110px -44px rgba(0,0,0,.9), 0 0 0 1px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.08);}
.expert-frame img{width:100%; height:100%; object-fit:cover; object-position:center 20%;
  transition:transform .5s var(--ease);}
.expert-frame:hover img{transform:scale(1.04);}
.expert-frame::after{content:''; position:absolute; inset:0; pointer-events:none;
  box-shadow:inset 0 -70px 64px -34px rgba(8,8,10,.75); border-radius:inherit;}
.expert-copy h2{font-size:clamp(28px,4.6vw,42px); margin:12px 0 12px;}
.expert-lead{color:var(--creme) !important; font-size:clamp(16px,2.4vw,19px) !important; font-weight:500; margin-bottom:14px !important;}
.expert-copy p{color:var(--cinza); font-size:15.5px; margin-bottom:16px; max-width:56ch;}
.expert-creds{display:flex; flex-wrap:wrap; gap:10px; margin-top:22px;}
.cred{display:inline-flex; align-items:center; gap:8px; font-family:'Space Grotesk',sans-serif; font-size:13.5px; color:var(--creme);
  padding:9px 16px; border-radius:999px; background:var(--gold-glass); border:1px solid var(--border-2);}
.cred::before{content:'✦'; color:var(--ouro-2); font-size:12px;}

/* ---------- OFERTA ---------- */
.offer{position:relative; max-width:640px; margin:0 auto; padding:clamp(34px,5vw,52px); text-align:center;
  border-color:var(--border-2);
  background:linear-gradient(180deg,rgba(224,168,46,.08),var(--glass) 55%);
  box-shadow:0 50px 140px -50px rgba(224,168,46,.45), inset 0 1px 0 rgba(255,255,255,.1);}
/* Border Glow (reactbits): brilho dourado varrendo a borda do card de oferta (leve, só background-position) */
.offer::before{content:''; position:absolute; inset:-1px; border-radius:inherit; padding:1.6px; pointer-events:none; z-index:0;
  background:linear-gradient(115deg, transparent 22%, rgba(240,200,120,.85) 42%, rgba(253,239,192,1) 50%, rgba(224,168,46,.85) 58%, transparent 78%);
  background-size:260% 100%;
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude;
  animation:border-sweep 4.5s linear infinite; opacity:.9;}
@keyframes border-sweep{to{background-position:-260% 0;}}
.offer>*{position:relative; z-index:1;}
.offer h2{font-size:clamp(24px,4.4vw,36px); margin:12px 0 10px;}
.offer-lead{color:var(--cinza); font-size:15.5px; max-width:46ch; margin:0 auto 24px;}
.offer-stack{list-style:none; text-align:left; max-width:440px; margin:0 auto 26px; display:flex; flex-direction:column; gap:1px;}
.offer-stack li{display:flex; align-items:center; justify-content:space-between; gap:14px;
  padding:12px 4px; border-bottom:1px solid rgba(240,200,120,.09); font-size:14.5px; color:var(--creme);}
.offer-stack li::before{content:'✓'; color:var(--ouro-2); font-weight:700; margin-right:10px;}
.offer-stack span{flex:1;}
.offer-stack b{font-family:'Space Grotesk',sans-serif; font-size:11.5px; text-transform:uppercase; letter-spacing:.08em;
  color:var(--ouro-2); font-weight:600;}
.price{margin:6px 0 22px;}
.price-from{display:block; color:var(--cinza); font-size:14px; margin-bottom:2px;}
.price-now{font-family:'Space Grotesk',sans-serif; font-weight:700; color:var(--creme); font-size:clamp(40px,8vw,58px); line-height:1;}
.price-now small{display:block; font-size:14px; font-weight:500; color:var(--cinza); letter-spacing:.04em; margin-bottom:2px;}
.price-now .cents{font-size:.62em; vertical-align:top; margin-left:1px;}
.price-cash{display:block; margin-top:10px; color:var(--ouro-2); font-family:'Space Grotesk',sans-serif; font-size:15px;}
.offer-safe{margin-top:14px; color:var(--cinza-2); font-size:13px;}
.buy{animation:gold-breathe 6s ease-in-out infinite, buy-pulse 2.8s ease-in-out infinite;}
@keyframes buy-pulse{0%,100%{box-shadow:0 12px 36px -12px rgba(224,168,46,.7), inset 0 1px 0 rgba(255,255,255,.45);}
  50%{box-shadow:0 18px 52px -10px rgba(224,168,46,.95), inset 0 1px 0 rgba(255,255,255,.5);}}

/* ---------- GARANTIA ---------- */
.guarantee{max-width:var(--maxw);}
.guar-inner{display:flex; align-items:center; gap:30px; padding:clamp(28px,4vw,44px); border-color:var(--border-2);}
.guar-seal{flex:0 0 auto; width:104px; height:104px; border-radius:50%; display:grid; place-items:center;
  font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:40px; color:#241a05;
  background:var(--gold-grad); box-shadow:0 16px 40px -14px rgba(224,168,46,.7), inset 0 2px 0 rgba(255,255,255,.4);
  text-align:center; line-height:.85;}
.guar-seal small{display:block; font-size:12px; letter-spacing:.14em; text-transform:uppercase; font-weight:600; margin-top:3px;}
.guar-copy h3{font-size:22px; margin-bottom:8px;}
.guar-copy p{color:var(--cinza); font-size:15px; max-width:64ch;}

/* ---------- FAQ ---------- */
.faq{max-width:760px; margin:0 auto; display:flex; flex-direction:column; gap:12px;}
.faq-item{overflow:hidden;}
.faq-item summary{list-style:none; cursor:pointer; padding:20px 24px; font-family:'Space Grotesk',sans-serif;
  font-weight:600; font-size:16px; color:var(--creme); display:flex; align-items:center; justify-content:space-between; gap:16px;}
.faq-item summary::-webkit-details-marker{display:none;}
.fq-i{position:relative; flex:0 0 auto; width:16px; height:16px;}
.fq-i::before,.fq-i::after{content:''; position:absolute; background:var(--ouro-2); border-radius:2px; transition:transform .25s var(--ease);}
.fq-i::before{top:7px; left:0; width:16px; height:2px;}
.fq-i::after{left:7px; top:0; width:2px; height:16px;}
.faq-item[open] .fq-i::after{transform:rotate(90deg); opacity:0;}
.faq-a{padding:0 24px 22px; margin-top:-4px;}
.faq-a p{color:var(--cinza); font-size:15px;}
.faq-item[open]{border-color:var(--border-2);}

/* ---------- CTA FINAL ---------- */
.cta-final{max-width:var(--maxw);}
.cta-box{padding:clamp(40px,7vw,72px); text-align:center;
  background:linear-gradient(180deg,rgba(224,168,46,.09),var(--glass) 60%); border-color:var(--border-2);}
.cta-box h2{font-size:clamp(27px,5vw,46px); margin:12px auto 14px; max-width:22ch;}
.cta-box>p{max-width:560px; margin:0 auto 28px; color:var(--cinza); font-size:clamp(15px,2.2vw,17px);}

/* ---------- STICKY CTA (mobile) ---------- */
.sticky-buy{position:fixed; bottom:0; left:0; right:0; z-index:35; display:none;
  align-items:center; justify-content:space-between; gap:14px; padding:12px 16px calc(12px + env(safe-area-inset-bottom));
  background:rgba(8,8,10,.82); backdrop-filter:blur(20px) saturate(150%); -webkit-backdrop-filter:blur(20px) saturate(150%);
  border-top:1px solid var(--border-2); transform:translateY(120%); transition:transform .4s var(--ease);}
.sticky-buy.show{transform:none;}
.sb-price{font-family:'Space Grotesk',sans-serif; font-weight:700; color:var(--creme); font-size:19px; line-height:1;}
.sb-price small{display:block; font-size:11px; font-weight:500; color:var(--cinza);}
.sticky-buy .btn{padding:13px 22px;}

/* ---------- FOOTER ---------- */
.footer{position:relative; z-index:2; text-align:center; padding:56px 24px 44px;
  border-top:1px solid var(--border); margin-top:30px;}
.footer-logo{height:38px; width:auto; margin-bottom:16px; opacity:.92;}
.footer-tag{color:var(--cinza); font-size:14px; margin-bottom:20px;}
.footer-links{display:flex; gap:24px; justify-content:center; flex-wrap:wrap; font-size:14px; margin-bottom:22px;}
.footer-links a{color:var(--creme); transition:color .2s;} .footer-links a:hover{color:var(--ouro-2);}
.footer-copy{color:var(--cinza-2); font-size:12px; line-height:1.7;}

/* ---------- REVEAL ---------- */
.reveal{opacity:0; filter:blur(6px); transition:opacity .7s var(--ease), filter .7s var(--ease);}
.reveal.in{opacity:1; filter:none;}
.section-head.reveal,.cta-box.reveal,.offer.reveal{filter:none;}

/* ---------- SCROLL REVEAL (texto palavra a palavra, dispara de uma vez ao entrar) ---------- */
.sr-word{display:inline-block; will-change:opacity,filter;}
.sr.sr-ready .sr-word{opacity:.14; filter:blur(4px);
  transition:opacity .5s var(--ease), filter .5s var(--ease);}
.sr.sr-in .sr-word{opacity:1; filter:none;}

/* ---------- MAGIC BENTO (spotlight + borda dourada seguindo o cursor) ---------- */
.mb{position:relative;}
.mb-glow{position:absolute; inset:0; border-radius:inherit; pointer-events:none; z-index:1;
  opacity:0; transition:opacity .35s var(--ease);}
.mb.is-hover .mb-glow{opacity:1;}
.mb-glow::before{content:''; position:absolute; inset:0; border-radius:inherit;
  background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%), rgba(224,168,46,.13), transparent 60%);}
.mb-glow::after{content:''; position:absolute; inset:0; border-radius:inherit; padding:1.2px;
  background:radial-gradient(220px circle at var(--mx,50%) var(--my,50%), rgba(240,200,120,.7), rgba(240,200,120,0) 55%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude;}

/* ---------- RESPONSIVO ---------- */
@media(max-width:920px){
  .grid-3{grid-template-columns:repeat(2,1fr);}
  .nav-links{display:none;}
  .expert-wrap{grid-template-columns:1fr; gap:24px;}
}
@media(max-width:700px){
  .gb-bottom{display:none;} /* dá lugar ao sticky CTA */
  .sticky-buy{display:flex;}
  .footer{padding-bottom:96px;}
}
@media(max-width:600px){
  .grid-3,.grid-2,.strat,.plats,.fitcols{grid-template-columns:1fr;}
  .btn-lg{width:100%;}
  .hero-cta{flex-direction:column;}
  .guar-inner{flex-direction:column; text-align:center;}
  .offer-stack li b{display:none;}
}
@media(prefers-reduced-motion:reduce){
  *{animation:none !important; scroll-behavior:auto;}
  .reveal{opacity:1; transform:none; filter:none;}
  .sr.sr-ready .sr-word{opacity:1; filter:none;}
  .mb-glow{display:none;}
  .hv-frame{animation:none;}
}