:root {
  --emerald: #0e9f6e;
  --orchid: #c084fc;
  --tangerine: #fb923c;
  --navy: #0b1220;
  --soft: #f1f5f9;
  --silver: #cbd5e1;
}

html,
body {
  font-family: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
  color: var(--navy);
  background: #fff;
}
h1,
h2,
h3,
h4,
h5 {
  font-family: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
}
.fw-extrabold {
  font-weight: 800;
}

.nav-link.active {
  color: var(--emerald) !important;
  font-weight: 600;
}
.nav-link:hover {
  color: var(--emerald);
}

.hero-aud {
  background: radial-gradient(
      1200px 600px at 10% 10%,
      rgba(255, 255, 255, 0.14),
      rgba(255, 255, 255, 0)
    ),
    linear-gradient(135deg, var(--orchid), var(--emerald));
}
.shadow-neo {
  box-shadow: 0 12px 32px rgba(11, 18, 32, 0.22);
}

.bg-soft {
  background: var(--soft);
}

.card {
  border-radius: 1rem;
}
.card .bi {
  vertical-align: -2px;
}

.text-emerald {
  color: var(--emerald) !important;
}
.text-orchid {
  color: var(--orchid) !important;
}

.btn-emerald {
  --bs-btn-bg: var(--emerald);
  --bs-btn-border-color: var(--emerald);
  --bs-btn-hover-bg: #0b8a5e;
  --bs-btn-hover-border-color: #0b8a5e;
  color: #fff;
  font-weight: 600;
}

.price-card.highlight {
  outline: 3px solid var(--tangerine);
}
.price-card .display-6 {
  color: var(--emerald);
}

.step-pill {
  display: inline-flex;
  width: 44px;
  height: 44px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: var(--emerald);
  color: #fff;
  font-weight: 700;
}

.glass {
  background: rgba(255, 255, 255, 0.74);
  backdrop-filter: blur(6px);
  border: 1px solid rgba(14, 159, 110, 0.16);
}

.section-cta {
  background: radial-gradient(
      800px 400px at 80% 10%,
      rgba(251, 146, 60, 0.18),
      rgba(251, 146, 60, 0)
    ),
    linear-gradient(135deg, #ffffff, #f7faff);
  border-top: 1px solid rgba(0, 0, 0, 0.04);
}

.hp-field {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
a {
  text-underline-offset: 2px;
}
.breadcrumb a {
  text-decoration: none;
}

.form-label {
  font-weight: 600;
}

.border-soft {
  border-color: var(--silver) !important;
}