*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Arial,sans-serif;background:#08111f;color:#fff}
.container{max-width:1200px;margin:auto;padding:0 20px}
.hero{text-align:center;padding:100px 0;background:linear-gradient(135deg,#0f172a,#1e293b)}
.badge{display:inline-block;padding:10px 15px;border-radius:30px;background:#ffffff15;margin-bottom:20px}
h1{font-size:64px;margin-bottom:20px}
.hero p{max-width:850px;margin:0 auto 30px;color:#cbd5e1;font-size:20px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:40px auto;max-width:900px}
.card{background:#111827;padding:25px;border-radius:18px}
.card b{display:block;font-size:42px;color:#60a5fa}
.btn{display:inline-block;background:#ff0003;color:#fff;text-decoration:none;padding:18px 30px;border-radius:14px;font-weight:bold}
.section{padding:80px 0}
.dark{background:#111827}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.feature{background:#111827;padding:25px;border-radius:16px}
.download{text-align:center;padding:100px 0}
h2{text-align:center;margin-bottom:30px;font-size:42px}
@media(max-width:768px){
h1{font-size:38px}
.stats{grid-template-columns:1fr}
h2{font-size:30px}
.btn{width:100%}
}