:root{--bs-900:#0a2540;--bs-700:#0b4f8a;--bs-600:#0a66c2;--bs-500:#1683d8;--bs-400:#38a3ef;}
html{scroll-behavior:smooth}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#0f172a}
.hero-bg{background:radial-gradient(1200px 600px at 85% 20%,rgba(56,163,239,.35),transparent 60%),linear-gradient(135deg,#061a30 0%,#0a2f57 45%,#0b4f8a 100%)}
.hero-bg.grid-lines{background:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px) 0 0/40px 40px,linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px) 0 0/40px 40px,radial-gradient(1200px 600px at 85% 20%,rgba(56,163,239,.35),transparent 60%),linear-gradient(135deg,#061a30 0%,#0a2f57 45%,#0b4f8a 100%)}
.card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;box-shadow:0 1px 2px rgba(15,23,42,.04)}
.card:hover{box-shadow:0 10px 30px -12px rgba(10,102,194,.25)}
.nav-link.active{color:#0a66c2;font-weight:600}
.spec-table th{background:#0a2f57;color:#fff;font-weight:600}
.spec-table td,.spec-table th{padding:.65rem .9rem;white-space:nowrap}
.spec-table tbody tr:nth-child(even){background:#f1f7fd}
.placeholder{border:2px dashed #94a3b8;background:repeating-linear-gradient(45deg,#f8fafc,#f8fafc 10px,#f1f5f9 10px,#f1f5f9 20px)}