:root{
  --brand:#045cb4;
}
*{box-sizing:border-box}
body{font-family:Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;color:#1f2937}
.brand{color:var(--brand)}
.brand .dot{color:var(--brand)}
.text-primary{color:var(--brand)!important}
.btn-primary{--bs-btn-bg:var(--brand);--bs-btn-border-color:var(--brand)}
.btn-outline-primary{--bs-btn-color:var(--brand);--bs-btn-border-color:var(--brand)}
a{ text-decoration: none; }
.hero .carousel-caption{max-width:680px;left:8%;bottom:14%}
.hero-img{max-height:560px;object-fit:cover;filter:contrast(1.04) saturate(1.05)}
.card-hover{transition:transform .2s ease, box-shadow .2s ease;border-radius:14px}
.card-hover:hover{transform:translateY(-4px);box-shadow:0 10px 22px rgba(0,0,0,.08)}
.icon-64{width:64px;height:64px;opacity:.9}
.brand-pill{padding:.6rem 1rem;border:1px solid #e5e7eb;border-radius:999px;font-weight:600}
.step-badge{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:rgba(4,92,180,.1);color:var(--brand);font-weight:700}
.icon-circle{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:rgba(4,92,180,.08);font-size:22px}
footer a:hover{ text-decoration: underline; }
@media (max-width: 576px){
  .hero .carousel-caption{left:5%;right:5%;bottom:10%}
  .hero .carousel-caption h1,.hero .carousel-caption h2{font-size:1.6rem}
}