:root{--navy:#0b1f3a;--teal:#0f9faa;--green:#16a34a;--bg:#f8fafc;--card:#fff;--text:#0f172a;--muted:#475569}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}
.container{max-width:1180px;margin:0 auto;padding:0 24px}.site-header{background:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:20}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0}.brand{font-weight:800;color:var(--navy);text-decoration:none;font-size:1.25rem}
.nav-links{display:flex;gap:18px}.nav-links a{text-decoration:none;color:#334155;font-weight:600}
.btn{display:inline-block;padding:11px 16px;border-radius:10px;text-decoration:none;font-weight:700}.btn-primary{background:var(--navy);color:#fff}.btn-secondary{background:#e6fffb;color:#0f766e}
.hero{padding:76px 0 56px;background:#fff}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:start}.eyebrow{font-size:.78rem;letter-spacing:.12em;color:var(--teal);font-weight:800}
h1{font-size:3rem;line-height:1.15;color:var(--navy);margin:10px 0 14px}h2{font-size:2rem;color:var(--navy);margin:0 0 12px}.sub{font-size:1.12rem;color:var(--muted)}
.section{padding:62px 0}.muted{color:var(--muted)}.strip{background:#eef2f7;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}
.grid{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.card{background:var(--card);border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 10px 28px rgba(2,6,23,.07);padding:22px}.pill{display:inline-block;background:#dcfce7;color:#166534;padding:4px 10px;border-radius:999px;font-size:.78rem;font-weight:700}
.dashboard{background:#0f172a;color:#e2e8f0}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat{background:#111c2f;padding:10px;border-radius:10px}.stat b{color:#fff}.sev-critical{color:#fca5a5}.sev-warning{color:#fde68a}
table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{padding:8px;border-bottom:1px solid #1e293b;text-align:left}
.compare th,.compare td{border:1px solid #cbd5e1;padding:10px}.compare th{background:#f1f5f9}
.form-wrap input,.form-wrap select,.form-wrap textarea{width:100%;padding:11px;border:1px solid #cbd5e1;border-radius:10px;margin-bottom:10px}.form-wrap textarea{min-height:110px}
.cta{background:linear-gradient(180deg,#0b1f3a,#132d52);color:#fff}.cta h2{color:#fff}.site-footer{background:#fff;border-top:1px solid #e2e8f0;padding-top:26px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:16px}.footer-grid a{display:block;margin-bottom:6px;color:#334155;text-decoration:none}.copy{padding:14px 24px;color:#64748b}
@media (max-width:960px){.hero-grid,.grid-2,.grid-3,.grid-4,.footer-grid{grid-template-columns:1fr}.nav-wrap{flex-wrap:wrap}h1{font-size:2.2rem}}