@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap');
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Inter,system-ui,sans-serif;background:#070a14;color:#e8eaf2;line-height:1.65}
.container{max-width:1120px;margin:0 auto;padding:0 20px}
.top-info{background:#0e1224;color:#8b92b0;text-align:center;padding:7px 10px;font-size:10px;letter-spacing:.4px}
.top-info a{color:#ffd84d;text-decoration:none}
.nav{position:sticky;top:0;z-index:50;background:rgba(7,10,20,.85);backdrop-filter:blur(12px);border-bottom:1px solid #1c2340;padding:12px 0}
.nav-row{display:flex;justify-content:space-between;align-items:center}
.brand{font-weight:800;font-size:13px;letter-spacing:1px}
.nav-a a{color:#8b92b0;text-decoration:none;margin-left:18px;font-size:12px;font-weight:700}
.nav-a a:hover{color:#fff}
.hero{background:radial-gradient(1000px 500px at 15% -10%,#2040ff22,transparent),radial-gradient(800px 400px at 85% 0%,#00e5ff15,transparent),#070a14;padding:56px 0 36px}
.pill{display:inline-block;background:#111a33;border:1px solid #1f2e62;color:#7fb0ff;font-size:10px;font-weight:800;letter-spacing:1px;padding:5px 12px;border-radius:999px;margin-bottom:16px}
.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:36px;align-items:start}
.hero h1{font-size:46px;line-height:.95;font-weight:800;letter-spacing:-1px;margin-bottom:14px}
.grad{background:linear-gradient(90deg,#6aa8ff,#8a7dff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero-lead{color:#9aa3c2;font-size:16px;margin-bottom:14px;max-width:560px}
.kpi{display:flex;gap:22px;margin:18px 0}
.kpi b{display:block;font-size:24px;color:#fff}
.kpi span{font-size:10px;color:#7a8199;text-transform:uppercase;letter-spacing:1px}
.btn-main{display:inline-block;background:#fff;color:#000;padding:13px 24px;border-radius:8px;font-weight:800;text-decoration:none;transition:.15s}
.btn-main:hover{transform:translateY(-1px);box-shadow:0 10px 30px #ffffff22}
.btn{display:inline-block;background:#161c35;color:#fff;padding:11px 20px;border-radius:8px;font-weight:700;text-decoration:none;border:1px solid #26305a}
.btn.big,.btn-main.big{font-size:17px;padding:16px 30px}
.tiny{font-size:10px;color:#6b728a;margin-top:8px}
.center{text-align:center}
.hero-box{background:#0f142a;border:1px solid #1e2a5a;border-radius:16px;padding:18px}
.live{font-size:10px;font-weight:800;color:#4ade80;letter-spacing:1px;display:flex;align-items:center;gap:6px;margin-bottom:8px}
.dot{width:7px;height:7px;background:#4ade80;border-radius:50%;box-shadow:0 0 8px #4ade80}
.big-speed{font-size:38px;font-weight:800}
.line{height:1px;background:#1e2a5a;margin:12px 0}
.list{list-style:none}
.list li{font-size:12px;color:#c2c8e0;padding:4px 0}
.warn-mini{margin-top:10px;background:#1a1e00;border:1px solid #3a3a00;color:#d4c97a;font-size:10px;padding:6px 8px;border-radius:6px}
.sec{padding:44px 0}
.sec.dark{background:#0d1226;border-top:1px solid #1c2340;border-bottom:1px solid #1c2340}
.sec h2{font-size:26px;font-weight:800;letter-spacing:-.5px;margin-bottom:10px}
.lead{color:#9aa3c2;margin-bottom:14px}
.sub{font-size:18px;margin:24px 0 12px;color:#c2c8e0}
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:14px 0}
.price-grid.two{grid-template-columns:repeat(2,1fr);max-width:700px;margin:14px auto}
.p-card{background:#0f142a;border:1px solid #1e2a5a;border-radius:14px;padding:18px;position:relative}
.p-card.featured{background:#111c3e;border-color:#2e4bff;transform:scale(1.02)}
.pop{position:absolute;top:-9px;left:50%;transform:translateX(-50%);background:#2e4bff;color:#fff;font-size:9px;font-weight:800;letter-spacing:1px;padding:3px 9px;border-radius:999px;white-space:nowrap}
.price{font-size:30px;font-weight:800;margin:6px 0}
.price span{font-size:13px;color:#7a8199}
.p-card ul{list-style:none;margin:10px 0}
.p-card ul li{font-size:12px;color:#c2c8e0;padding:4px 0;border-bottom:1px solid #1c2340}
.p-card ul li:before{content:"✓ ";color:#6aa8ff;font-weight:800}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.check{list-style:none}
.check li{padding:5px 0;font-size:13px;color:#c2c8e0}
.check li b{color:#fff}
.box{background:#0f142a;border:1px solid #1e2a5a;border-radius:12px;padding:16px}
.tbl{width:100%;border-collapse:collapse;margin:14px 0}
.tbl th,.tbl td{border:1px solid #1e2a5a;padding:10px;text-align:left;font-size:13px}
.tbl th{background:#111a33}
.steps{display:flex;gap:14px;margin:18px 0}
.st{background:#0f142a;border:1px solid #1e2a5a;padding:16px;border-radius:12px;flex:1}
.n{width:26px;height:26px;background:#2e4bff;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;margin-bottom:6px}
footer{background:#050814;border-top:1px solid #1c2340;padding:26px 0;color:#7a8199;font-size:11px;line-height:1.6}
footer a{color:#9ab0ff}
@media(max-width:900px){.hero-grid,.price-grid,.price-grid.two,.grid2,.steps{grid-template-columns:1fr}.hero h1{font-size:32px}.p-card.featured{transform:none}.nav-a{display:none}}