*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:#07111f;color:#eef5ff;line-height:1.7}
.container{max-width:1180px;margin:auto;padding:0 24px}header{position:fixed;width:100%;background:rgba(7,17,31,.85);backdrop-filter:blur(12px);border-bottom:1px solid #1d3552}
.nav{display:flex;justify-content:space-between;align-items:center;height:76px}.logo{font-size:30px;font-weight:800;color:#59d6ff}nav a{margin-left:22px;color:#fff;text-decoration:none}
.hero{padding:140px 0 90px;background:radial-gradient(circle at top right,#2563eb66,transparent 35%),linear-gradient(135deg,#08111f,#0d1b2f)}
.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center}
.badge{display:inline-block;background:#17314d;color:#59d6ff;padding:8px 14px;border-radius:999px;font-size:12px;font-weight:700}
h1{font-size:64px;line-height:1.05;margin:18px 0}h1 span{color:#59d6ff}.hero p{color:#bfd3e6;font-size:20px}
.actions{margin:32px 0}.btn,.ghost{display:inline-block;padding:15px 28px;border-radius:999px;text-decoration:none;font-weight:700}.btn{background:#59d6ff;color:#07111f}.ghost{border:1px solid #59d6ff;color:#59d6ff;margin-left:12px}
.metrics{display:flex;gap:36px;margin-top:24px}.metrics b{font-size:32px;display:block}.glass{background:rgba(20,34,54,.7);border:1px solid #264464;padding:30px;border-radius:24px}
section{padding:90px 0}h2{text-align:center;font-size:40px;margin-bottom:40px}
.cards,.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.card,.steps>div{background:#12233a;border:1px solid #203855;border-radius:18px;padding:26px}.card h3,.steps h3{color:#59d6ff}
.dark{background:#0d1728;text-align:center}.cta{background:linear-gradient(135deg,#2563eb,#06b6d4);text-align:center}.white{background:#fff}.foot{display:flex;justify-content:space-between;padding:36px 24px;flex-wrap:wrap}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}nav{display:none}h1{font-size:44px}.metrics{flex-wrap:wrap}}