:root{--accent:#004c72;--muted:#6b7280;--bg:#f7fafc;--card:#ffffff}
*{box-sizing:border-box}
body{font-family:Inter, "Helvetica Neue", Arial; margin:0; background:var(--bg); color:#0f172a; line-height:1.5}
header{background:linear-gradient(90deg,var(--accent),#0a5a84); color:#fff; padding:24px}
.container{max-width:1100px;margin:0 auto;padding:24px}
nav{display:flex;align-items:center;gap:16px}
.brand{display:flex;align-items:center;gap:12px;font-weight:700}
.brand svg{width:48px;height:48px}
.navlinks{margin-left:auto;display:flex;gap:12px}
.navlinks a{color:rgba(255,255,255,0.95);text-decoration:none;padding:8px 12px;border-radius:8px}
.navlinks a:hover{background:rgba(255,255,255,0.08)}
main{padding:40px 0}
.card{background:var(--card);border-radius:12px;padding:20px;box-shadow:0 6px 18px rgba(12,14,20,0.06)}
h1,h2,h3,h4{margin-top:0}
p.lead{color:var(--muted);margin:0 0 18px}
.cta{display:inline-block;background:#ff7a00;color:#fff;padding:10px 14px;border-radius:10px;text-decoration:none;font-weight:600}
footer{padding:28px;background:#0b1220;color:#cbd5e1;margin-top:36px}
.small{font-size:13px;color:var(--muted)}
@media (max-width:900px){.product-grid{grid-template-columns:1fr}}