:root{
  --navy:#0b2b57;
  --green:#1f8a3e;
  --bg:#f8fafc;
  --muted:#6b7280;
}
*{box-sizing:border-box}
body{font-family:Inter,system-ui,Roboto,Arial,sans-serif;background:var(--bg);color:var(--navy);margin:0}
.container{max-width:1140px;margin:0 auto;padding:0 16px}
a{color:var(--navy);text-decoration:none}
.navbar{background:#fff;border-bottom:1px solid rgba(11,43,87,0.06);padding:12px 0}
.brand-logo{height:44px;object-fit:contain}
.nav-items{display:flex;gap:22px;align-items:center;flex-wrap:nowrap}
.nav-link{white-space:nowrap;color:var(--navy)!important}
.hero{padding:72px 0;background:linear-gradient(135deg,var(--navy),var(--green));color:#fff;text-align:center}
.lead-white{color:rgba(255,255,255,0.95)}
.card{border-radius:12px;box-shadow:0 8px 24px rgba(3,10,21,0.06);overflow:hidden}
.equal-img{width:100%;height:320px;object-fit:cover;display:block}
.product-img{width:100%;height:220px;object-fit:cover;display:block}
.project-img{width:100%;height:240px;object-fit:cover;display:block}
.section-title{font-weight:700;margin-bottom:1rem}
.small-muted{color:var(--muted)}
.footer{background:var(--navy);color:#cbd5e1;padding:28px 0}
.footer a{color:#cbd5e1}
@media (max-width:767px){
  .nav-items{flex-wrap:wrap;gap:10px}
  .equal-img{height:200px}
  .project-img{height:160px}
  .product-img{height:140px}
}