:root{
  --brand: #0b5cff;
  --accent: #22c1c3;
  --dark: #0f1724;
  --muted: #6b7280;
}

*{box-sizing:border-box}
body{font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; color:#0f1724; margin:0; background:#fff;}
.hero{background:linear-gradient(90deg, rgba(11,92,255,0.9), rgba(34,193,195,0.85)), url('assets/hero-bg.jpg') center/cover no-repeat; padding:140px 0; color:#fff;}
.navbar-brand img{height:36px;}
.service-card{transition:transform .25s, box-shadow .25s;}
.service-card:hover{transform:translateY(-6px); box-shadow:0 12px 30px rgba(11,92,255,0.12);}
.card img{object-fit:cover; height:200px;}
.swiper{padding:24px 0;}
.swiper-slide img{max-height:60px; opacity:.95; filter:grayscale(.0);}
#topNav.scrolled{background:rgba(255,255,255,0.98); transition:background .25s; box-shadow:0 6px 18px rgba(16,24,40,0.06)}
footer{background:#0b1020; color:#d1d5db}
@media(max-width:767px){ .hero{padding:80px 0} }