:root {
  --navy: #123f7a !important;
  --red: #ef0000 !important;
  --ink: #172338 !important;
  --muted: #637487 !important;
  --soft: #f1f7fb !important;
  --line: #dce7ef !important;
}

body { background: #f4f8fb !important; }
.site, .page { background: #fff !important; box-shadow: 0 0 64px rgba(18, 63, 122, .1) !important; }
.hero {
  color: var(--ink) !important;
  background: linear-gradient(116deg, #eef6fc 0 56%, #fff 56%) !important;
}
.hero::after { opacity: .2 !important; }
.hero .eyebrow, .hero .mini { color: var(--red) !important; }
.hero h1 { color: var(--navy) !important; }
.hero h1 span { color: var(--navy) !important; }
.hero p { color: var(--muted) !important; }
.hero .btn.primary { color: #fff !important; background: var(--red) !important; }
.hero .btn.ghost { color: var(--navy) !important; border-color: rgba(18,63,122,.18) !important; background:#fff !important; }
.hero-visual {
  margin: clamp(32px, 4vw, 56px) !important;
  border: 1px solid var(--line) !important;
  border-radius: 30px !important;
  overflow: hidden !important;
  background: linear-gradient(145deg, #fff, #edf5fa) !important;
  box-shadow: 0 26px 70px rgba(18,63,122,.12) !important;
}
.section.alt { background: var(--soft) !important; }
.section:not(.dark) { color: var(--ink); }
.head h2, .section h2 { color: var(--navy); }
.mini { color: var(--red) !important; }