:root{--bg:#103050;--panel:rgba(255,255,255,.06);--ink:#fff;--muted:#cfe0f0;
--accent:#3da9fc;--accent2:#27e0a4;--warn:#ffcc66;--line:rgba(255,255,255,.12);--maxw:1100px;--link:#ffd800}
*{box-sizing:border-box}
a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
background:radial-gradient(1200px 600px at 70% -10%,#13243f 0%,var(--bg) 60%);color:var(--ink);line-height:1.6}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}
header{padding:20px 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(16,48,80,.9);backdrop-filter:blur(8px);z-index:10}
.brand{font-weight:700;letter-spacing:.5px}.brand .dot{color:var(--accent2)}
nav a{color:var(--muted);margin-left:18px;font-size:14px}nav a.on,nav a:hover{color:var(--ink)}
main{padding:40px 0 80px}footer{border-top:1px solid var(--line);padding:24px 0;color:var(--muted);font-size:13px}
footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap}
.hero{padding:40px 0}h1{font-size:clamp(28px,5vw,48px);line-height:1.1;margin:0 0 14px}
h1 .hl{color:var(--accent)}.lede{font-size:18px;color:var(--muted);max-width:760px}
.badge{display:inline-block;background:#0f2236;color:var(--accent2);border:1px solid #1c3a55;padding:6px 12px;border-radius:999px;font-size:13px;margin-bottom:16px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:24px 0}
.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px;backdrop-filter:blur(6px)}
.card h3{margin:0 0 8px;color:var(--accent)}.card p{margin:0;color:var(--muted);font-size:14px}
.kpis{display:flex;gap:24px;flex-wrap:wrap;margin:20px 0}
.kpi{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px 22px}
.kpi b{display:block;font-size:28px;color:var(--accent2)}.kpi span{color:var(--muted);font-size:13px}
table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line)}
th{color:var(--muted);font-weight:600}.ok{color:var(--accent2)}.warn{color:var(--warn)}.down{color:#ff6b6b}
form{max-width:560px}.field{margin:12px 0}label{display:block;font-size:14px;color:var(--muted);margin-bottom:6px}
input,textarea,select{width:100%;padding:10px;border-radius:8px;border:1px solid var(--line);background:#0e2438;color:var(--ink);font:inherit}
button{background:var(--accent);color:#04223a;border:0;padding:11px 22px;border-radius:8px;font-weight:700;cursor:pointer}
.cta{display:inline-block;background:var(--accent);color:#04223a;padding:12px 24px;border-radius:8px;font-weight:700;margin-top:10px}
.section{margin-top:40px}.pill{display:inline-block;font-size:12px;padding:2px 9px;border-radius:999px;border:1px solid var(--line);color:var(--muted);margin-left:8px}
.pill.offered{color:var(--accent2);border-color:#1c3a55}.pill.roadmap{color:var(--warn);border-color:#3a3320}
.price{color:var(--accent2);font-weight:700}.tag{color:#9fb0c8;font-size:13px}
.faq q{font-weight:600;color:var(--ink)}.faq div{margin:18px 0}.faq p{color:var(--muted);margin:4px 0 0}
.muted{color:var(--muted)}