/* css/style.css */
:root{
  --brand:#0ea5e9;
  --dark:#0b3954;
}
*{box-sizing:border-box}
body{font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; line-height:1.6; color:#222;}
a{text-decoration:none}
.navbar-brand{font-weight:800;color:var(--brand)!important}
.nav-link{font-weight:600}
.hero{
  background: radial-gradient(1200px 600px at 80% -20%, rgba(14,165,233,0.25), transparent),
              linear-gradient(120deg, rgba(14,165,233,0.1), rgba(14,165,233,0));
  color:#0b3954;
  padding:80px 20px;
  text-align:center;
}
.hero h1{font-size: clamp(28px, 5vw, 48px); font-weight:900}
.hero p{max-width:720px;margin:10px auto 0}
.badge-pill{border-radius:999px;padding:10px 16px;background:#e6f7ff;border:1px solid #cdefff;display:inline-block;font-weight:700}
.section{padding:60px 0}
.icon{width:48px;height:48px}
.footer{background:var(--dark);color:white;padding:24px 0;margin-top:40px}
.footer a{color:#aee3ff}
.card.product{border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;transition:transform .2s, box-shadow .2s}
.card.product:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(0,0,0,.08)}
.btn-brand{background:var(--brand);border:none}
.btn-brand:hover{background:#0c94cf}
.contact-card{border-radius:16px;border:1px solid #e5e7eb;padding:20px}
/* Responsive tweaks */
@media (max-width: 576px){
  .navbar-brand{font-size:18px}
}