*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,sans-serif;color:#111827;background:#fff;line-height:1.6}
.wrap{width:min(1120px,92%);margin:auto}
.top{background:#ffd000;color:#111;text-align:center;padding:11px;font-weight:950}
.hero{background:radial-gradient(circle at 80% 25%,#183e6a55,transparent 35%),linear-gradient(135deg,#020711,#07192f);color:#fff;padding-bottom:80px}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between}
.nav strong{letter-spacing:1.5px}.nav strong span{color:#ffd000}
.nav a{color:#fff;text-decoration:none;border:1px solid #ffffff55;padding:9px 17px;border-radius:999px;font-weight:800}
.hero-grid{display:grid;grid-template-columns:1fr .82fr;gap:55px;align-items:center;padding-top:55px}
.eyebrow,.tag{color:#ffd000;font-weight:950;letter-spacing:2px;font-size:12px}
.hero h1{font-size:clamp(58px,8vw,96px);line-height:.82;margin:18px 0 15px;letter-spacing:-4px}
.hero h1 span{color:#ffd000}.hero h2{font-size:clamp(25px,3vw,38px);line-height:1.08;margin:0 0 20px}
.hero p{font-size:18px;color:#d3dce8;max-width:700px}
.price{display:flex;align-items:end;gap:15px;flex-wrap:wrap;margin:28px 0}
.price s{color:#9caabd}.price b{font-size:52px;color:#ffd000;line-height:1}.price small{color:#ff2e68;font-weight:950}
.btn{display:inline-block;background:#ffd000;color:#050505;text-decoration:none;font-weight:950;padding:16px 24px;border-radius:12px;box-shadow:0 10px 25px #0004;transition:.2s}
.btn:hover{transform:translateY(-2px)}
.trust{margin-top:17px;color:#bfcbd9;font-size:13px}
.promo-box{background:#000;border:2px solid #ffd000;border-radius:18px;padding:8px;box-shadow:0 25px 70px #0008}
.promo-box img{width:100%;display:block;border-radius:10px}
.section{padding:85px 0}.soft{background:#f7f7f4}
.section h2{font-size:clamp(30px,4vw,46px);line-height:1.08;margin:10px 0 30px}
.flow{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:nowrap;margin-top:35px}
.flow div{flex:1;min-width:0;height:112px;border:2px solid #ffd000;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#07162b;color:#fff;text-align:center}
.flow b{font-size:23px;color:#ffd000}.flow span{font-size:10px;font-weight:900}
.flow i{font-size:25px;color:#ffcc00;font-style:normal;flex:0 0 auto}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.card{padding:23px;border:1px solid #e2e5ea;border-radius:15px;background:#fff}
.card b{font-size:16px}.card p{color:#657083;margin-bottom:0}
.dark{background:#050f20;color:#fff}.dark h2{color:#fff}
.bonus-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}
.bonus-grid>div{padding:25px;border-radius:16px;background:#ffffff08;border:1px solid #ffd00055}
.bonus-grid b{color:#ffd000}.bonus-grid h3{margin-bottom:0}
.mid-cta{text-align:center;margin-top:34px}
.audience{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.audience div{padding:20px;border:1px solid #e3e6eb;border-radius:13px;background:#fff;font-weight:800}
.cta{background:linear-gradient(135deg,#06152d,#173b63);color:#fff}
.center{text-align:center}.cta h2 span{color:#ffd000}.big{font-size:70px;font-weight:950;color:#ffd000}
.light{background:#fff;color:#061b35}.tiny{font-size:12px;color:#a9b7c8}
footer{background:#020710;color:#9caabc;padding:30px 0;font-size:13px}

@media(max-width:900px){
  .hero-grid{grid-template-columns:1fr}
  .grid3{grid-template-columns:repeat(2,1fr)}
  .bonus-grid{grid-template-columns:repeat(2,1fr)}
  .flow{flex-wrap:wrap}
  .flow div{flex:0 0 105px}
}
@media(max-width:600px){
  .grid3,.bonus-grid,.audience{grid-template-columns:1fr}
  .hero h1{font-size:60px}.hero-grid{padding-top:35px}.section{padding:65px 0}
  .btn{width:100%;text-align:center}
  .flow{gap:10px;justify-content:flex-start}
  .flow i{display:none}
  .flow div{flex:1 1 29%;min-width:90px;height:100px}
}
.visual-proof{background:#050f20;color:#fff}
.visual-proof h2{color:#fff}
.visual-grid{max-width:1050px;margin:30px auto 0;border:2px solid #ffd000;border-radius:18px;padding:8px;background:#020710;box-shadow:0 20px 60px #0008}
.visual-grid img{display:block;width:100%;height:auto;border-radius:10px}

.after-payment{max-width:650px;margin:22px auto 0;padding:16px 18px;border:1px solid #ffd00055;border-radius:12px;background:#ffffff0a;color:#d7e1ee;display:flex;flex-direction:column;gap:4px;font-size:13px}
.after-payment strong{color:#ffd000;font-size:14px}
.after-payment b{color:#fff}