:root {
  --brand: #2F6FED;
  --brand-ink: #0d2a6b;
}

.btn-primary {
  background-color: var(--brand);
  border-color: var(--brand);
}

.btn-outline-primary {
  color: var(--brand);
  border-color: var(--brand);
}

.hero {
  background: linear-gradient(180deg, rgba(47,111,237,0.06), rgba(47,111,237,0));
}

.card-title { color: var(--brand-ink); }

.rounded-4 { border-radius: 1rem !important; }
.rounded-3 { border-radius: .75rem !important; }

/* Service card image sizing */
.service-card img { height: 160px; object-fit: contain; }

/* City pills */
.city-pill{
  display:inline-block;
  width:100%;
  text-align:center;
  border:1px solid #e7eaf0;
  background:#ffffff;
  border-radius:9999px;
  padding:.55rem .9rem;
  font-weight:500;
  color:#1f2937;
  box-shadow: 0 1px 2px rgba(16,24,40,.04);
}
.city-pill:hover{
  background:#f8fafc;
  border-color:#dbe1ea;
}

/* Default: mobile first */
/* Logo sizing: mobile → tablet → laptop+ */