:root {
  --brand: #1f5fbf;
  --brand-dark: #15408a;
  --ink: #0b1220;
}
/* Small, custom tweaks on top of Tailwind */
.brand-bg { background: var(--brand); }
.brand-text { color: var(--brand); }
.brand-ring { box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand) 25%, transparent); }
.nav-link { transition: opacity .2s ease; }
.nav-link:hover { opacity: .85; }
.section-pad { padding-top: 4rem; padding-bottom: 4rem; }
.card { border: 1px solid rgb(226 232 240); border-radius: 1.25rem; background: white; box-shadow: 0 10px 25px rgba(2,6,23,.06); }