﻿:root{
  --bg:#080b14;
  --bg-center:#111a2e;
  --ink:#eef1f7;
  --ink-soft:#8b95ac;
  --gold:#d9b877;
  --gold-2:#f2dca8;
  --gold-deep:#b8944e;
  --ice:#8fb3d9;
  --glass-bg:rgba(255,255,255,.04);
  --glass-bg-strong:rgba(255,255,255,.055);
  --glass-brd:rgba(255,255,255,.09);
  --glass-brd-hi:rgba(217,184,119,.42);
  --glow-gold:rgba(217,184,119,.26);
  --radius:22px;
  --maxw:600px;
  --shadow:0 18px 50px rgba(0,0,0,.5);
  --ease:cubic-bezier(.22,1,.36,1);
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{
  font-family:'Satoshi','Segoe UI',-apple-system,sans-serif;
  color:var(--ink);background:var(--bg);line-height:1.62;-webkit-font-smoothing:antialiased;
  overflow-x:hidden;position:relative;min-height:100vh;
}
h1,h2,h3{font-family:'Clash Display','Satoshi',sans-serif;font-weight:600;}
.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 22px;position:relative;z-index:3;}
.center{text-align:center;}
.grad{background:linear-gradient(100deg,var(--gold-2),var(--gold));
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}

/* ---------- FUNDO ---------- */
.bg-depth{position:fixed;inset:0;z-index:0;
  background:radial-gradient(ellipse 95% 75% at 50% 8%,var(--bg-center),var(--bg) 72%);}
.bg-aurora{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.5;filter:blur(72px);
  background:
    radial-gradient(closest-side at 22% 18%,rgba(143,179,217,.14),transparent),
    radial-gradient(closest-side at 80% 28%,rgba(217,184,119,.16),transparent),
    radial-gradient(closest-side at 58% 78%,rgba(143,179,217,.08),transparent);
  animation:auroraDrift 20s ease-in-out infinite alternate;}
@keyframes auroraDrift{0%{transform:translate3d(0,0,0) scale(1);}100%{transform:translate3d(-3%,2%,0) scale(1.08);}}
.fx-particles{position:fixed;inset:0;z-index:1;pointer-events:none;}
.noise{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.028;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}

.progress-bar{position:fixed;top:0;left:0;height:2px;width:0;z-index:999;
  background:linear-gradient(90deg,var(--gold),var(--ice));box-shadow:0 0 10px var(--glow-gold);}

/* ---------- GLASS ---------- */
.glass{position:relative;background:var(--glass-bg);
  border:1px solid var(--glass-brd);border-radius:var(--radius);
  backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),inset 0 -1px 0 rgba(0,0,0,.25),var(--shadow);
  transition:border-color .28s var(--ease),background .28s var(--ease),transform .28s var(--ease),box-shadow .28s var(--ease);}
.glass::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(140deg,rgba(255,255,255,.13),transparent 42%);opacity:.7;}
.glass:hover{background:var(--glass-bg-strong);border-color:var(--glass-brd-hi);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 20px 50px rgba(0,0,0,.5),0 0 26px rgba(217,184,119,.09);}
.glass-strong{background:var(--glass-bg-strong);border:1px solid var(--glass-brd);border-radius:26px;
  backdrop-filter:blur(26px) saturate(150%);-webkit-backdrop-filter:blur(26px) saturate(150%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 30px 70px rgba(0,0,0,.55);position:relative;overflow:hidden;}
.glass-strong::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);}

/* reveal */
.reveal{opacity:0;transform:translateY(12px);transition:opacity .42s var(--ease),transform .42s var(--ease);}
.reveal.show{opacity:1;transform:none;}
.reveal.d1{transition-delay:.05s;}.reveal.d2{transition-delay:.1s;}
.reveal.d3{transition-delay:.15s;}.reveal.d4{transition-delay:.2s;}

/* ---------- botões ---------- */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;
  text-decoration:none;font-family:'Clash Display',sans-serif;font-weight:600;border:none;border-radius:16px;
  cursor:pointer;overflow:hidden;transition:transform .2s var(--ease),box-shadow .2s,filter .2s;}
.btn-primary{color:#0a0e18;
  background:linear-gradient(120deg,var(--gold-2),var(--gold));
  box-shadow:0 10px 30px var(--glow-gold),inset 0 1px 0 rgba(255,255,255,.5);}
.btn-primary::after{content:"";position:absolute;top:0;left:-130%;width:55%;height:100%;
  background:linear-gradient(120deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);
  animation:shine 8s ease-in-out infinite;}
@keyframes shine{0%,88%{left:-130%;}96%{left:150%;}100%{left:150%;}}
.btn-primary:hover{transform:translateY(-2px);filter:brightness(1.05);
  box-shadow:0 16px 40px var(--glow-gold),inset 0 1px 0 rgba(255,255,255,.6);}
.btn-primary:active{transform:translateY(0);}
.btn-lg{font-size:16.5px;padding:18px 32px;}
.btn-block{width:100%;}
.btn .arrow{transition:transform .25s var(--ease);}
.btn:hover .arrow{transform:translateX(5px);}

/* ---------- HERO ---------- */
.hero{position:relative;padding:74px 0 40px;text-align:center;}
.badge{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.6px;
  color:var(--gold);padding:9px 17px;border-radius:999px;margin-bottom:26px;}
.badge .dot{width:7px;height:7px;border-radius:50%;background:var(--ice);
  box-shadow:0 0 0 0 rgba(143,179,217,.5);animation:pulse 2.4s infinite;}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(143,179,217,.5);}70%{box-shadow:0 0 0 8px rgba(143,179,217,0);}100%{box-shadow:0 0 0 0 rgba(143,179,217,0);}}
.hero-title{font-size:42px;line-height:1.08;font-weight:700;letter-spacing:-1.4px;margin-bottom:18px;}
.hero-sub{font-size:17px;color:var(--ink-soft);margin-bottom:30px;}
.hero-note{font-size:13px;color:var(--ink-soft);margin-top:18px;display:flex;gap:12px;justify-content:center;align-items:center;}
.hero-note .sep{opacity:.5;}

/* ---------- CARTÃO DE CONFIANÇA (novo, no lugar do ebook) ---------- */
.trust-card{margin-top:52px;padding:30px 26px;text-align:left;}
.trust-top{display:flex;align-items:center;gap:20px;margin-bottom:26px;position:relative;z-index:1;}
.trust-seal{flex:none;width:74px;height:74px;border-radius:20px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(140deg,rgba(217,184,119,.22),rgba(217,184,119,.06));
  border:1px solid var(--glass-brd-hi);box-shadow:0 10px 26px var(--glow-gold);position:relative;overflow:hidden;}
.trust-seal::after{content:"";position:absolute;inset:0;
  background:conic-gradient(from 0deg,transparent,rgba(242,220,168,.35),transparent 40%);
  animation:sealSpin 6s linear infinite;}
@keyframes sealSpin{to{transform:rotate(360deg);}}
.seal-ico{font-size:34px;position:relative;z-index:1;}
.trust-headline{display:flex;flex-direction:column;gap:4px;}
.trust-eyebrow{font-family:'Clash Display',sans-serif;font-size:11px;font-weight:600;letter-spacing:2px;color:var(--gold);text-transform:uppercase;}
.trust-title{font-family:'Clash Display',sans-serif;font-size:23px;font-weight:700;letter-spacing:-.4px;}
.trust-desc{font-size:14px;color:var(--ink-soft);line-height:1.5;}
.trust-proofs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;position:relative;z-index:1;
  padding-top:22px;border-top:1px solid var(--glass-brd);}
.proof{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;}
.proof-ico{font-size:22px;width:46px;height:46px;display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.04);border:1px solid var(--glass-brd);border-radius:14px;}
.proof-t{font-size:12px;color:var(--ink-soft);line-height:1.35;font-weight:500;}

/* ---------- SEÇÕES ---------- */
.section{padding:72px 0;position:relative;z-index:3;}
.eyebrow{display:inline-block;font-family:'Clash Display',sans-serif;font-size:12px;font-weight:600;
  letter-spacing:2.6px;color:var(--gold);text-transform:uppercase;margin-bottom:15px;}
.eyebrow.gold{color:var(--gold-2);}
.section-title{font-size:31px;line-height:1.15;font-weight:700;letter-spacing:-.8px;margin-bottom:16px;}
.section-lead{font-size:17px;color:var(--ink-soft);margin-bottom:36px;}

/* problema */
.pain-grid{display:grid;gap:15px;}
.pain-card{padding:26px;}
.pain-card p{font-size:15.5px;color:var(--ink-soft);position:relative;z-index:1;}
.pain-card strong{color:var(--ink);}
.pain-ico{font-size:22px;display:inline-flex;width:50px;height:50px;align-items:center;justify-content:center;
  background:rgba(217,184,119,.1);border:1px solid var(--glass-brd);border-radius:14px;margin-bottom:14px;position:relative;z-index:1;}
.tilt{transform-style:preserve-3d;will-change:transform;}

/* steps */
.steps{display:flex;flex-direction:column;gap:15px;}
.step{display:flex;gap:18px;align-items:flex-start;padding:24px;}
.step:hover{transform:translateX(5px);}
.step-letter{flex:none;width:54px;height:54px;border-radius:15px;
  background:linear-gradient(135deg,var(--gold-2),var(--gold-deep));color:#0a0e18;
  font-family:'Clash Display',sans-serif;font-weight:700;font-size:25px;
  display:flex;align-items:center;justify-content:center;box-shadow:0 8px 22px var(--glow-gold);position:relative;z-index:1;}
.step h3{font-size:18px;font-weight:600;margin-bottom:5px;position:relative;z-index:1;}
.step p{font-size:15px;color:var(--ink-soft);position:relative;z-index:1;}

/* recebe */
.deliver{display:grid;gap:16px;}
.deliver-card{padding:30px;}
.deliver-card h3{font-size:20px;font-weight:700;margin:12px 0 8px;position:relative;z-index:1;}
.deliver-card p{font-size:15px;color:var(--ink-soft);position:relative;z-index:1;}
.tag{display:inline-block;font-family:'Clash Display',sans-serif;font-size:11px;font-weight:600;letter-spacing:1.4px;
  background:rgba(217,184,119,.12);color:var(--gold);padding:6px 13px;border-radius:999px;border:1px solid var(--glass-brd);position:relative;z-index:1;}
.tag-bonus{background:rgba(143,179,217,.13);color:var(--ice);}

/* flow */
.flow{display:flex;flex-direction:column;gap:14px;}
.flow-step{display:flex;gap:18px;align-items:center;padding:22px 24px;}
.flow-step .num{flex:none;width:42px;height:42px;border-radius:50%;
  background:linear-gradient(135deg,var(--gold-2),var(--gold-deep));color:#0a0e18;
  font-family:'Clash Display',sans-serif;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:17px;position:relative;z-index:1;}
.flow-step p{font-size:15.5px;color:var(--ink-soft);position:relative;z-index:1;}

/* CTA */
.cta-card{padding:40px 26px;text-align:center;}
.cta-title{font-size:26px;font-weight:700;letter-spacing:-.5px;margin-bottom:22px;position:relative;z-index:1;}
.price{display:flex;flex-direction:column;align-items:center;margin-bottom:26px;position:relative;z-index:1;}
.price-from{font-size:15px;color:var(--ink-soft);text-decoration:line-through;}
.price-now{font-size:54px;font-weight:700;letter-spacing:-2px;line-height:1;margin:4px 0;
  font-family:'Clash Display',sans-serif;
  background:linear-gradient(100deg,var(--gold-2),var(--gold));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.price-now .cents{font-size:26px;vertical-align:super;}
.price-tag{font-size:12.5px;font-weight:700;background:rgba(217,184,119,.12);color:var(--gold);
  padding:5px 13px;border-radius:999px;border:1px solid var(--glass-brd);}
.cta-list{list-style:none;text-align:left;margin-bottom:28px;display:flex;flex-direction:column;gap:12px;position:relative;z-index:1;}
.cta-list li{font-size:15.5px;padding-left:34px;position:relative;}
.cta-list li::before{content:"✓";position:absolute;left:0;top:1px;color:#0a0e18;font-weight:700;
  background:linear-gradient(135deg,var(--gold-2),var(--gold));width:23px;height:23px;border-radius:50%;
  font-size:12px;display:flex;align-items:center;justify-content:center;}

/* form */
.form{display:flex;flex-direction:column;gap:15px;position:relative;z-index:1;}
.field{text-align:left;}
.field label{display:block;font-family:'Clash Display',sans-serif;font-size:13px;font-weight:500;margin-bottom:7px;}
.field input{width:100%;font-family:inherit;font-size:16px;padding:16px 17px;color:var(--ink);
  border:1px solid var(--glass-brd);border-radius:14px;background:rgba(255,255,255,.04);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  transition:border-color .2s,box-shadow .2s,background .2s;}
.field input::placeholder{color:#5a6478;}
.field input:focus{outline:none;border-color:var(--glass-brd-hi);background:rgba(255,255,255,.06);
  box-shadow:0 0 0 4px rgba(217,184,119,.12);}
.form-msg{font-size:14px;text-align:center;min-height:18px;font-weight:600;}
.form-msg.error{color:#f87171;}.form-msg.ok{color:var(--ice);}
.form-secure{font-size:12.5px;color:var(--ink-soft);text-align:center;}
.btn:disabled{opacity:.6;cursor:not-allowed;}

/* FAQ */
.faq-list{display:flex;flex-direction:column;gap:12px;}
.faq-item{padding:4px 22px;}
.faq-item summary{cursor:pointer;font-family:'Clash Display',sans-serif;font-weight:500;font-size:16px;
  padding:18px 0;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;position:relative;z-index:1;}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary::after{content:"+";font-size:23px;color:var(--gold);font-weight:400;transition:transform .25s var(--ease);}
.faq-item[open] summary::after{content:"−";transform:rotate(180deg);}
.faq-item p{font-size:15px;color:var(--ink-soft);padding-bottom:20px;position:relative;z-index:1;}

/* footer */
.footer{padding:46px 0;border-top:1px solid var(--glass-brd);position:relative;z-index:3;}
.foot-logo{font-family:'Clash Display',sans-serif;font-weight:700;font-size:19px;}
.foot-note{font-size:13px;color:var(--ink-soft);margin-top:6px;}

/* desktop */
@media(min-width:680px){
  :root{--maxw:660px;}
  .hero-title{font-size:56px;}
  .section-title{font-size:38px;}
  .pain-grid{grid-template-columns:1fr 1fr;}
  .deliver{grid-template-columns:1fr 1fr;}
  .hero{padding:100px 0 56px;}
  .section{padding:100px 0;}
  .trust-card{max-width:520px;margin-left:auto;margin-right:auto;}
}
@media(prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none;transition:none;}
  .bg-aurora,.btn-primary::after,.trust-seal::after{animation:none;}
}
