:root{
  --bg:#06111c;
  --bg2:#091523;
  --card:#0b1a2b;
  --card2:#12253b;
  --line:rgba(255,255,255,.08);
  --cyan:#23d7ff;
  --cyan2:#a5f5ff;
  --blue:#4e79ff;
  --gold:#f3c75e;
  --gold2:#ffe08e;
  --text:#eef5ff;
  --muted:#aebfd3;
  --shadow:0 30px 70px rgba(0,0,0,.34);
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at 20% 10%, rgba(35,215,255,.12), transparent 30%),
    radial-gradient(circle at 80% 12%, rgba(243,199,94,.12), transparent 28%),
    linear-gradient(180deg, #06111c 0%, #071320 50%, #091523 100%);
  line-height:1.6;
  overflow-x:hidden;
}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
.site-bg{
  position:fixed;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);
  background-size:38px 38px;
  mask-image:linear-gradient(180deg, rgba(0,0,0,.55), rgba(0,0,0,.15));
  opacity:.34;
}
.container{max-width:var(--max);margin:0 auto;padding:0 22px}
.section{padding:100px 0;position:relative}
.section-soft{background:linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.008))}
.center{text-align:center}
h1,h2,h3{line-height:1.03;letter-spacing:-.045em;margin:0}
h1{font-size:clamp(2.8rem,6vw,5.25rem);margin:16px 0 18px}
h2{font-size:clamp(2rem,4vw,3.55rem);margin:16px 0}
h3{font-size:1.2rem;margin:0 0 10px}
.tag{
  display:inline-flex;align-items:center;padding:11px 16px;border-radius:999px;
  border:1px solid rgba(35,215,255,.18);background:rgba(35,215,255,.08);color:#defbff;
  font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
  box-shadow:0 0 0 1px rgba(255,255,255,.02) inset;
}
.accent{color:var(--cyan)}
.accent-gold{color:var(--gold2)}
.lead{font-size:1.15rem;color:#dce8f6;max-width:760px;margin:0 0 28px}
.section-text{font-size:1.06rem;color:var(--muted);margin:0}
.max{max-width:840px;margin-inline:auto}
.live-bar{
  position:sticky;top:0;z-index:90;min-height:54px;display:flex;justify-content:center;align-items:center;gap:12px;
  background:rgba(6,17,28,.82);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);
  font-size:.95rem;font-weight:700
}
.live-dot{width:10px;height:10px;border-radius:999px;background:#22c55e;box-shadow:0 0 0 0 rgba(34,197,94,.65);animation:pulseDot 1.8s infinite}
@keyframes pulseDot{0%{box-shadow:0 0 0 0 rgba(34,197,94,.65)}70%{box-shadow:0 0 0 12px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
.hero{padding:42px 0 96px;position:relative}
.hero::before{
  content:"";position:absolute;right:-180px;top:-40px;width:520px;height:520px;border-radius:999px;
  background:radial-gradient(circle, rgba(243,199,94,.24), transparent 62%);filter:blur(20px);opacity:.95;
}
.hero::after{
  content:"";position:absolute;left:-180px;top:0;width:440px;height:440px;border-radius:999px;
  background:radial-gradient(circle, rgba(35,215,255,.16), transparent 62%);filter:blur(18px);
}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center;position:relative;z-index:1}
.logo{width:340px;max-width:100%;margin-bottom:16px}
.benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 30px}
.benefits div{display:flex;align-items:center;gap:12px;padding:16px 18px;border-radius:20px;background:rgba(255,255,255,.03);border:1px solid var(--line);box-shadow:0 10px 30px rgba(0,0,0,.16) inset}
.benefits span{width:10px;height:10px;border-radius:999px;background:var(--cyan);box-shadow:0 0 20px rgba(35,215,255,.8)}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:60px;padding:0 28px;border-radius:18px;font-weight:900;border:1px solid transparent;transition:.24s ease;letter-spacing:-.01em}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:linear-gradient(135deg,var(--gold2),#ffd45f 42%, #ffb81f 100%);color:#191203;box-shadow:0 10px 30px rgba(243,199,94,.25)}
.btn-secondary{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.08);color:#dcefff}
.btn.large{min-height:64px;padding-inline:34px}
.pulse{animation:pulseCTA 1.9s infinite}
.pulse-soft{animation:pulseCTA 2.2s infinite}
@keyframes pulseCTA{0%,100%{transform:scale(1)}50%{transform:scale(1.022)}}
.micro{margin-top:16px;color:#9fb7d0;font-size:.98rem;max-width:720px}
.hero-card,.media,.card,.module-card,.proof,.offer,.guarantee,.faq-item{
  background:linear-gradient(180deg, rgba(11,26,43,.95) 0%, rgba(18,37,59,.96) 100%);
  border:1px solid var(--line);box-shadow:var(--shadow)
}
.hero-card{padding:18px;border-radius:32px;position:relative;overflow:hidden}
.hero-card::before{
  content:"";position:absolute;inset:-40px;background:radial-gradient(circle, rgba(255,190,60,.26), transparent 70%);
  filter:blur(50px);z-index:0
}
.hero-card::after{
  content:"";position:absolute;inset:0;background:linear-gradient(135deg, rgba(35,215,255,.06), transparent 28%, rgba(243,199,94,.08));z-index:0
}
.hero-card img,.media img{border-radius:22px;position:relative;z-index:1}
.before-after{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center;margin-top:34px}
.ba-box{padding:14px;border-radius:26px;background:linear-gradient(180deg,var(--card) 0%, var(--card2) 100%);border:1px solid var(--line);box-shadow:var(--shadow)}
.ba-before{box-shadow:0 25px 70px rgba(35,215,255,.08), var(--shadow)}
.ba-after{box-shadow:0 25px 70px rgba(243,199,94,.10), var(--shadow)}
.ba-box span{display:block;margin:0 0 10px;font-size:.8rem;font-weight:900;letter-spacing:.13em;color:#e7f9ff}
.ba-after span{color:#ffe8b3}
.ba-box img{border-radius:18px;width:100%;aspect-ratio:16/10;object-fit:cover}
.ba-arrow{width:62px;height:62px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold2),var(--gold));color:#1a1306;font-size:1.35rem;font-weight:900;box-shadow:var(--shadow)}
.cards-4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.card{padding:28px;border-radius:26px;position:relative;overflow:hidden}
.card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(255,255,255,.025), transparent 50%);pointer-events:none}
.icon{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;margin-bottom:16px;background:linear-gradient(135deg,rgba(35,215,255,.18),rgba(78,121,255,.24));border:1px solid rgba(35,215,255,.18);color:#bff8ff;font-weight:900}
.card p{margin:0;color:var(--muted)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}
.media{padding:18px;border-radius:30px;position:relative;overflow:hidden}
.media::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg, rgba(35,215,255,.06), transparent 35%, rgba(243,199,94,.06));pointer-events:none;z-index:1}
.checklist,.feature-list{display:grid;gap:14px;margin-top:24px}
.checklist div,.feature-list div{padding:16px 18px;border-radius:20px;background:rgba(255,255,255,.03);border:1px solid var(--line)}
.checklist b{display:block;margin-bottom:4px}
.checklist span{color:var(--muted)}
.module-cards{display:grid;gap:24px;margin-top:34px}
.module-card{display:grid;grid-template-columns:340px 1fr;gap:24px;align-items:center;padding:22px;border-radius:30px;overflow:hidden}
.module-media img{border-radius:22px;width:100%}
.module-tag{display:inline-flex;padding:9px 13px;border-radius:999px;background:rgba(35,215,255,.1);border:1px solid rgba(35,215,255,.18);font-size:.76rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#ddf7ff}
.module-tag.gold{background:rgba(243,198,95,.12);border-color:rgba(243,198,95,.24);color:#ffe9b6}
.module-copy p{margin:12px 0 16px;color:var(--muted)}
.module-copy ul{margin:0 0 18px;padding-left:18px}
.module-copy li{margin:0 0 8px;color:#dcecff}
.result{display:block;color:#f4f8ff}
.video{position:relative}
.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:88px;height:88px;border-radius:999px;border:none;background:linear-gradient(135deg,var(--gold2),var(--gold));color:#15120a;font-size:1.4rem;font-weight:900;box-shadow:var(--shadow);cursor:pointer;z-index:2}
.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:28px}
.proof{overflow:hidden;border-radius:26px}
.proof img{width:100%;aspect-ratio:16/10;object-fit:cover}
.proof div{padding:16px 18px;background:linear-gradient(135deg,rgba(35,215,255,.12),rgba(78,121,255,.14));border-top:1px solid var(--line)}
.proof strong{display:block;margin-bottom:4px}
.proof span{color:var(--muted);font-size:.94rem}
.offer{padding:46px;border-radius:34px;text-align:center;position:relative;overflow:hidden}
.offer::before{content:"";position:absolute;inset:auto -120px -120px auto;width:320px;height:320px;background:radial-gradient(circle, rgba(243,199,94,.18), transparent 64%);filter:blur(18px)}
.price-wrap{display:flex;gap:14px;align-items:flex-end;justify-content:center;margin:22px 0 22px;flex-wrap:wrap}
.price{font-size:4rem;line-height:.9;font-weight:900;letter-spacing:-.06em;color:var(--gold2)}
.price-note{font-size:1rem;color:var(--muted);padding-bottom:10px}
.offer-note{margin:14px 0 0;color:#9fb7d0;font-size:.95rem}
.guarantee{padding:34px;border-radius:30px;display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center}
.seal{display:flex;justify-content:center}
.seal-ring{width:240px;height:240px;border-radius:999px;border:2px solid rgba(243,198,95,.26);display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at center, rgba(243,198,95,.14), rgba(255,255,255,.02))}
.seal-ring strong{font-size:3rem;line-height:1;color:var(--gold2);margin:8px 0}
.seal-ring span{font-weight:800;letter-spacing:.08em}
.faq{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:28px}
.faq-item{padding:24px;border-radius:24px}
.faq-item p{margin:0;color:var(--muted)}
.final{padding-bottom:120px}
.footer{border-top:1px solid var(--line);padding:30px 0 56px;color:#9eb6cf}
.footer-inner{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center}
.toast{position:fixed;left:18px;bottom:18px;z-index:70;max-width:360px;padding:14px 16px;border-radius:20px;background:linear-gradient(180deg,var(--card) 0%, var(--card2) 100%);border:1px solid var(--line);box-shadow:var(--shadow);opacity:0;transform:translateY(12px);pointer-events:none;transition:.28s ease}
.toast.show{opacity:1;transform:translateY(0)}
.toast strong{display:block;font-size:.92rem;margin-bottom:2px}
.toast span{font-size:.84rem;color:var(--muted)}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease, transform .7s ease}
.reveal.visible{opacity:1;transform:translateY(0)}
.delay-1{transition-delay:.08s}
.delay-2{transition-delay:.16s}
.delay-3{transition-delay:.24s}
@media (max-width:1080px){
  .hero-grid,.split,.guarantee,.module-card{grid-template-columns:1fr}
  .cards-4,.proof-grid,.faq{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .section{padding:82px 0}
  h1{font-size:2.8rem}
  h2{font-size:2.2rem}
  .hero{padding:32px 0 76px}
  .benefits,.cards-4,.proof-grid,.faq{grid-template-columns:1fr}
  .before-after{grid-template-columns:1fr}
  .ba-arrow{margin:0 auto}
  .toast{left:14px;right:14px;max-width:none;bottom:84px}
  .whatsapp{right:14px;bottom:14px;padding:14px 16px}
  .logo{width:290px}
}

html,body{max-width:100%;overflow-x:hidden}
main,.section,.container,.hero-grid,.before-after,.proof-grid,.cards-4,.faq,.split,.module-card{min-width:0}
img{height:auto}
.hero-card img,.module-media img,.proof img,.ba-box img,.media img{max-width:100%}
@media (max-width:760px){
  .container{padding:0 16px}
  .hero-grid,.split,.module-card,.guarantee,.before-after,.cards-4,.proof-grid,.faq{width:100%;max-width:100%;overflow:hidden}
  .hero-card,.media,.card,.module-card,.proof,.offer,.guarantee,.faq-item,.ba-box{max-width:100%}
  .hero-card{padding:12px;border-radius:24px}
  .hero-card img{border-radius:18px}
  .lead,.section-text,.micro{max-width:100%}
  .before-after{gap:14px}
  .ba-box{padding:10px;border-radius:22px}
  .ba-box img{aspect-ratio:4/3;object-fit:cover}
  .ba-arrow{width:56px;height:56px}
  .module-card{padding:16px;gap:18px}
  .module-media img,.proof img{aspect-ratio:4/3}
  .proof div{padding:14px 14px}
  .live-bar{padding-inline:14px;text-align:center}
  .toast{left:16px;right:16px;bottom:16px;max-width:none;border-radius:18px}
}