:root{
  --brand:#0d6efd;
  --muted:#6c757d;
  --surface:#ffffff;
  --card:#fbfdff;
  --accent:#0d6efd;
  font-family: 'Inter', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}

*{box-sizing:border-box}
body{margin:0;background:var(--surface);color:#212529;line-height:1.6}

/* NAV */
.navbar-brand{color:var(--brand) !important}
.navbar .nav-link{color:#495057 !important}
.navbar .btn-outline-primary{border-color:var(--brand); color:var(--brand);}

/* HERO */
.hero-section{height:auto; position:relative;}
.hero-img{height:560px;object-fit:cover;filter:brightness(0.55)}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg, rgba(13,110,253,0.08), rgba(0,0,0,0.25))}
.hero-content{position:absolute;left:50px;top:30%;max-width:640px;color:#fff}

/* page banner */
.page-banner{position:relative; overflow:hidden}
.banner-img{height:320px;object-fit:cover;filter:brightness(0.55)}
.banner-overlay{position:absolute;inset:0;background:linear-gradient(180deg, rgba(0,0,0,0.12), rgba(0,0,0,0.30))}
.banner-content{position:absolute;left:50px;bottom:30px;color:#fff}

/* cards & grids */
.card{background:var(--card)}
.card h5{color:#0b3a66}
.pillars .card{border:0}
.bg-light{background:#f8f9fa}

/* CTA band */
.rounded-3{border-radius:0.75rem}

/* form */
form .form-control{border-radius:8px}

/* small screens */
@media (max-width: 991px) {
  .hero-img{height:420px}
  .hero-content{left:24px;right:24px;top:25%}
  .banner-content{left:24px;bottom:20px}
}
@media (max-width: 575px) {
  .hero-img{height:320px}
  .hero-content h1{font-size:1.6rem}
  .hero-content p{font-size:.95rem}
}