:root {
  --navy: #28104f !important;
  --navy2: #3a176b !important;
  --blue: #38bdf8 !important;
  --cyan: #38bdf8 !important;
  --magenta: #7c3aed !important;
  --pink: #7c3aed !important;
  --yellow: #ffdf1b !important;
  --line: #d9d5e8 !important;
  --brand-purple: #7c3aed;
  --brand-sky: #38bdf8;
  --brand-canary: #ffdf1b;
}
.nav-cta, .primary, .button, button[type="submit"] {
  background: var(--brand-canary) !important;
  color: #24103f !important;
  border-color: var(--brand-canary) !important;
}
.gradient, .hero h1 span {
  background-image: linear-gradient(95deg, var(--brand-canary), var(--brand-sky), #a78bfa) !important;
}
.eyebrow, .kicker, .section-head .kicker, .num { color: var(--brand-purple) !important; }
.card:hover, .product:hover, .contact-pill:hover { border-color: var(--brand-sky) !important; }
.icon, .mark { background-color: #35145f !important; }
.tags span, .badge { border-color: #c7eaff !important; }
.messenger-links { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-top: 14px; }
.messenger-links .messenger-link { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; font-weight: 700; }
.messenger-links .messenger-link:hover { color: var(--brand-sky) !important; }
.foot { flex-wrap: wrap; gap: 14px; }
.social .messenger-link { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.messenger-mark { width: 22px; height: 22px; flex: 0 0 22px; vertical-align: middle; }
.social .messenger-link:hover { color: var(--brand-sky) !important; }