:root{
--primary:#6c4eff;
--bg:#050816;
--surface:#10172a;
--text:#fff;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:white;font-family:Inter,Arial,sans-serif}
.container{width:min(1100px,90%);margin:auto}
.promo{text-align:center;padding:12px;background:#111827}
.header{position:sticky;top:0;background:#050816ee}
.nav{display:flex;justify-content:space-between;align-items:center;padding:20px 0}
nav a{color:white;text-decoration:none;margin:10px}
.btn{background:var(--primary);color:white;padding:14px 28px;border-radius:999px;text-decoration:none;border:0}
.hero{text-align:center;padding:90px 0}
h1{font-size:clamp(36px,6vw,64px)}
.badge{background:#1d2850;padding:8px 15px;border-radius:20px}
.visual{height:300px;margin:40px 0;border-radius:30px;background:linear-gradient(135deg,#6c4eff,#00d4ff);display:flex;align-items:center;justify-content:center}
.section{padding:70px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.card,.price{background:var(--surface);padding:30px;border-radius:20px}
.strike{text-decoration:line-through}
.faq{background:var(--surface);padding:20px;margin:10px 0;border-radius:15px}
.faq button{background:none;color:white;border:0;font-size:18px}
.wa{position:fixed;right:20px;bottom:20px;background:#25d366;color:white;padding:15px 20px;border-radius:40px;text-decoration:none}
footer{padding:30px;background:#020617}