:root { --brand: #ef5b3f; --ink: #17324d; --soft: #f4f7fb; --bs-heading-color: #24537c; }
body { color: var(--ink); font-family: "Exo", sans-serif; }
.hero h1 { color: #fff; }
.bg-secondary h1, .bg-secondary h2, .bg-secondary h3 { color: #fff; }
.navbar-brand img { width: 112px; height: 50px; }
.hero { background: url("../images/hero-background.jpg") center / cover no-repeat; }
.text-brand { color: var(--brand) !important; }
.bg-brand { background-color: var(--brand) !important; }
.btn-brand { --bs-btn-bg: var(--brand); --bs-btn-border-color: var(--brand); --bs-btn-hover-bg: #d94c32; --bs-btn-hover-border-color: #d94c32; color: #fff; }
.bg-soft { background-color: var(--soft); }
.form-frame { min-height: 720px; }
.step-icon { width: 150px; height: 150px; object-fit: contain; }
@media (min-width: 992px) { .hero-copy { position: sticky; top: 2rem; } }
@media (max-width: 575.98px) {
  .navbar .container { flex-wrap: nowrap; gap: .5rem; }
  .navbar .btn { font-size: .75rem; padding: .4rem .6rem; white-space: nowrap; }
  .navbar-brand { margin-right: 0; }
}