.cv-site-header {
  --cv-primary: #004bc9;
  --cv-text: #0d121c;
  --bs-primary-rgb: 0, 75, 201;
  --bs-body-color: var(--cv-text);
  color: var(--cv-text);
  font: 400 18px/1.5 Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
}

.cv-site-header .cv-brand-logo {
  width: 2.7rem;
  height: 2.7rem;
  object-fit: cover;
}

.cv-hero {
  --cv-primary: #004bc9;
  --cv-navy: #01091c;
  --cv-soft: #f4f8fd;
  --cv-text: #0d121c;
  --bs-primary-rgb: 0, 75, 201;
  --bs-body-color: var(--cv-text);
  min-height: calc(100vh - 5.75rem);
  color: var(--cv-text);
  background:
    radial-gradient(circle at 85% 18%, rgba(0, 75, 201, .08), transparent 28rem),
    var(--cv-soft);
  font: 400 18px/1.5 Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
}

.cv-hero .cv-heading {
  max-width: 12ch;
  color: var(--cv-navy);
  font-size: 2.82rem;
  line-height: .98;
}

.cv-hero .cv-copy {
  max-width: 25rem;
}

.cv-hero .btn-primary {
  --bs-btn-bg: var(--cv-primary);
  --bs-btn-border-color: var(--cv-primary);
  --bs-btn-hover-bg: #003fa8;
  --bs-btn-hover-border-color: #003fa8;
  --bs-btn-active-bg: #003788;
  --bs-btn-active-border-color: #003788;
}

.cv-hero .btn-outline-primary {
  --bs-btn-color: var(--cv-primary);
  --bs-btn-border-color: var(--cv-primary);
  --bs-btn-hover-color: var(--cv-primary);
  --bs-btn-hover-bg: rgba(0, 75, 201, .08);
  --bs-btn-hover-border-color: var(--cv-primary);
  --bs-btn-active-color: var(--cv-primary);
  --bs-btn-active-bg: rgba(0, 75, 201, .14);
}

.cv-hero .cv-hero-img {
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.cv-hero .cv-tile-img {
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

.cv-hero .cv-benefit-icon {
  width: 4.25rem;
  height: 4.25rem;
}

.cv-hero .h6,
.cv-hero .small {
  font-size: 18px;
}

@media (min-width: 768px) {
  .cv-hero .cv-heading {
    max-width: 14ch;
    font-size: 4.1rem;
  }
}