
:root{--bg:#0a0b0f;--panel:#0f1117;--line:#1e2536;--text:#e7e9ef;--muted:#aab1c2;--brand:#2563ff;--good:#22c55e;--warn:#f59e0b;}
*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif}
a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}
.header{position:sticky;top:0;z-index:100;background:rgba(10,11,15,.85);backdrop-filter:blur(6px);border-bottom:1px solid var(--line)}
.header .wrap{max-width:1100px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between}
.header img{height:64px}
.nav a{margin:0 10px;font-weight:600;color:var(--text)}
.callbtn{background:var(--brand);color:#fff;padding:10px 14px;border-radius:12px;font-weight:800}
.fab{position:fixed;right:16px;bottom:16px;background:var(--brand);color:#fff;padding:14px 18px;border-radius:999px;font-weight:800;box-shadow:0 6px 24px rgba(0,0,0,.35)}
.hero{background:linear-gradient(140deg,#0f1117, #0a0b0f 65%), radial-gradient(circle at 70% 10%, rgba(37,99,255,.25), transparent 40%);padding:74px 0;border-bottom:1px solid var(--line)}
.wrap{max-width:1100px;margin:0 auto;padding:0 20px}
h1{font-size:46px;margin:0 0 10px}p.lead{color:var(--muted);font-size:18px;max-width:720px}
.badges{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 0}
.badge{border:1px solid var(--line);background:var(--panel);padding:6px 10px;border-radius:999px;color:#cfd3dc;font-size:12px}
.grid{display:grid;gap:18px}
.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}
@media(max-width:900px){.grid-3,.grid-2{grid-template-columns:1fr}h1{font-size:34px}}
.section{padding:42px 0;border-bottom:1px solid var(--line)}
.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px}
.card h3{margin-top:0}
.kv{display:flex;gap:22px;flex-wrap:wrap}.kv>*{flex:1 1 260px}
.list{list-style:none;margin:0;padding:0}.list li{padding:7px 0;border-bottom:1px dotted var(--line)}
.pricing{display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.price{background:#0c0e14;border:1px solid var(--line);border-radius:16px;padding:18px}
.price h4{margin:0}.num{font-size:28px;font-weight:900}.small{color:var(--muted);font-size:14px}
.steps{counter-reset:s}.step{display:flex;gap:12px;align-items:flex-start}.step:before{counter-increment:s;content:counter(s);display:inline-block;background:var(--brand);width:28px;height:28px;border-radius:999px;text-align:center;line-height:28px;font-weight:800;margin-top:4px}
.footer{background:#0f1117;border-top:1px solid var(--line);padding:28px 0;color:#b6bdcd}
.faq button{width:100%;text-align:left;background:#0e1016;border:1px solid var(--line);color:#d8dcee;padding:12px;border-radius:12px}
.faq p{margin:8px 0 14px}
.table{width:100%;border-collapse:collapse}.table td,.table th{border:1px solid var(--line);padding:10px}.table th{text-align:left;background:#0f121a}
