/* =========================================================
   IMMIX BENEFITS ADVANTAGE
   Locked-in Immix page style
   Replace: /assets/css/immix-benefits-advantage.css
========================================================= */

:root {
  --ixba-page: #f4f7f2;
  --ixba-surface: #ffffff;
  --ixba-surface-soft: #f8fbf7;

  --ixba-navy: #123a66;
  --ixba-navy-deep: #082f5f;
  --ixba-navy-ink: #061f42;

  --ixba-green: #6f9e39;
  --ixba-green-dark: #4f8735;
  --ixba-green-soft: #edf6e9;

  --ixba-text: #193650;
  --ixba-text-soft: #4f6b83;
  --ixba-line: rgba(18, 58, 102, 0.12);
  --ixba-line-strong: rgba(18, 58, 102, 0.18);

  --ixba-shadow-lg: 0 28px 74px rgba(13, 30, 52, 0.13);
  --ixba-shadow-md: 0 18px 44px rgba(13, 30, 52, 0.09);
  --ixba-shadow-soft: 0 10px 28px rgba(13, 30, 52, 0.07);

  --ixba-radius-xl: 36px;
  --ixba-radius-lg: 30px;
  --ixba-radius-md: 22px;

  --ixba-gutter: clamp(28px, 4vw, 72px);
}

/* Hide ScrollMeta output if the shared header or future blocks expose it */
.scrollmeta,
[data-scrollmeta],
.scroll-meta,
.scrollMeta,
.sm-scrollmeta {
  display: none !important;
}

html {
  scroll-behavior: smooth;
}

body {
  background: var(--ixba-page);
  color: var(--ixba-text);
  font-family: Inter, Arial, Helvetica, sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

.ixba-page {
  position: relative;
  overflow: clip;
  background:
    radial-gradient(circle at 10% 8%, rgba(111, 158, 57, 0.06), transparent 30%),
    linear-gradient(180deg, #f8fbf7 0%, var(--ixba-page) 100%);
}

.ixba-shell {
  width: min(100% - var(--ixba-gutter), 1280px);
  margin-inline: auto;
}

.ixba-kicker {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 18px;
  color: var(--ixba-green-dark);
  font-size: 13px;
  font-weight: 850;
  letter-spacing: 0.15em;
  line-height: 1.15;
  text-transform: uppercase;
}

.ixba-kicker::before {
  content: "";
  width: 38px;
  height: 2px;
  border-radius: 999px;
  background: currentColor;
  opacity: 0.62;
}

.ixba-btn {
  min-height: 56px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 15px 24px;
  border-radius: 999px;
  border: 1px solid transparent;
  font-size: 17px;
  font-weight: 800;
  line-height: 1.15;
  text-decoration: none;
  transition:
    transform 180ms ease,
    box-shadow 180ms ease,
    background 180ms ease,
    color 180ms ease,
    border-color 180ms ease;
}

.ixba-btn:hover {
  transform: translateY(-2px);
  text-decoration: none;
}

.ixba-btn--primary {
  color: #ffffff;
  background: linear-gradient(180deg, #74ad43 0%, var(--ixba-green-dark) 100%);
  box-shadow: 0 16px 34px rgba(79, 135, 53, 0.26);
}

.ixba-btn--primary:hover {
  color: #ffffff;
  background: linear-gradient(180deg, #648f39 0%, #426f2b 100%);
}

.ixba-btn--secondary {
  color: var(--ixba-navy);
  background: rgba(255, 255, 255, 0.92);
  border-color: var(--ixba-line-strong);
  box-shadow: 0 12px 28px rgba(13, 30, 52, 0.08);
}

.ixba-btn--secondary:hover {
  color: var(--ixba-navy);
  background: #ffffff;
}

/* =========================================================
   Hero
========================================================= */

.ixba-hero {
  position: relative;
  isolation: isolate;
  min-height: clamp(680px, 58vw, 840px);
  overflow: hidden;
  background: var(--ixba-page);
}

.ixba-hero__media {
  position: absolute;
  inset: 0;
  left: 50%;
  z-index: -2;
  width: 100vw;
  transform: translateX(-50%);
}

.ixba-hero__media img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: clamp(680px, 58vw, 840px);
  object-fit: cover;
  object-position: center center;
  filter: saturate(0.98) contrast(1.02);
}

.ixba-hero__media::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(
      90deg,
      rgba(248, 251, 247, 0.995) 0%,
      rgba(248, 251, 247, 0.985) 31%,
      rgba(248, 251, 247, 0.78) 55%,
      rgba(248, 251, 247, 0.34) 78%,
      rgba(248, 251, 247, 0.10) 100%
    ),
    linear-gradient(
      180deg,
      rgba(248, 251, 247, 0.08) 0%,
      rgba(248, 251, 247, 0.00) 48%,
      rgba(248, 251, 247, 0.22) 100%
    );
  pointer-events: none;
}

.ixba-hero__inner {
  width: min(100% - var(--ixba-gutter), 1280px);
  min-height: clamp(680px, 58vw, 840px);
  margin-inline: auto;
  display: grid;
  grid-template-columns: minmax(0, 0.98fr) minmax(360px, 0.72fr);
  gap: clamp(26px, 4vw, 56px);
  align-items: center;
}

.ixba-hero__content {
  position: relative;
  max-width: 720px;
  padding: clamp(54px, 7vw, 104px) 0;
  z-index: 2;
}

.ixba-hero__content::before {
  content: "";
  position: absolute;
  top: -8%;
  bottom: -8%;
  left: calc(50% - 50vw);
  right: -120px;
  z-index: -1;
  background:
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.99) 0%,
      rgba(251, 252, 250, 0.96) 62%,
      rgba(251, 252, 250, 0.72) 82%,
      rgba(251, 252, 250, 0.00) 100%
    );
}

.ixba-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 20px;
  padding: 10px 16px;
  border-radius: 999px;
  color: var(--ixba-green-dark);
  background: rgba(111, 158, 57, 0.11);
  border: 1px solid rgba(111, 158, 57, 0.20);
  font-size: 13px;
  font-weight: 850;
  letter-spacing: 0.13em;
  line-height: 1.15;
  text-transform: uppercase;
}

.ixba-hero h1 {
  max-width: 11.5ch;
  margin: 0 0 20px;
  color: var(--ixba-navy);
  font-family: "Noto Serif", Georgia, serif;
  font-size: clamp(3.2rem, 5.9vw, 5.75rem);
  line-height: 0.93;
  letter-spacing: -0.055em;
}

.ixba-hero__lede {
  max-width: 63ch;
  margin: 0 0 20px;
  color: var(--ixba-text-soft);
  font-size: 17px;
  font-weight: 520;
  line-height: 1.82;
}

.ixba-hero__byline {
  max-width: 31ch;
  color: var(--ixba-navy);
  font-size: clamp(1.3rem, 2.1vw, 1.72rem);
  font-weight: 850;
  line-height: 1.32;
  letter-spacing: -0.02em;
}

.ixba-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin: 28px 0 24px;
}

.ixba-hero__micro {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.ixba-chip {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border-radius: 999px;
  color: var(--ixba-text);
  background: rgba(255, 255, 255, 0.84);
  border: 1px solid rgba(18, 58, 102, 0.10);
  font-size: 15px;
  font-weight: 750;
  box-shadow: 0 10px 22px rgba(13, 30, 52, 0.055);
}

.ixba-chip i {
  color: var(--ixba-green-dark);
}

/* Hero visual card with original graphic */

.ixba-hero__panel {
  position: relative;
  z-index: 3;
}

.ixba-visual-card {
  position: relative;
  width: min(100%, 530px);
  margin-left: auto;
  border-radius: 34px;
  background:
    radial-gradient(circle at 18% 4%, rgba(111, 158, 57, 0.16), transparent 40%),
    linear-gradient(180deg, rgba(255,255,255,0.96) 0%, rgba(248,251,247,0.96) 100%);
  border: 1px solid rgba(18, 58, 102, 0.10);
  box-shadow: 0 30px 78px rgba(13, 30, 52, 0.17);
  overflow: hidden;
}

.ixba-visual-card::before {
  content: "";
  position: absolute;
  inset: 18px;
  border-radius: 26px;
  border: 1px solid rgba(18, 58, 102, 0.08);
  pointer-events: none;
}

.ixba-visual-card img {
  display: block;
  width: 100%;
  height: auto;
  padding: clamp(18px, 2.5vw, 34px);
}

.ixba-visual-card__label {
  position: relative;
  margin: 0 24px 24px;
  padding: 20px 22px;
  border-radius: 24px;
  color: #ffffff;
  background:
    radial-gradient(circle at 90% 0%, rgba(111, 158, 57, 0.20), transparent 42%),
    linear-gradient(145deg, var(--ixba-navy) 0%, var(--ixba-navy-ink) 100%);
  box-shadow: 0 18px 40px rgba(13, 30, 52, 0.18);
}

.ixba-visual-card__label strong,
.ixba-visual-card__label span {
  display: block;
}

.ixba-visual-card__label strong {
  margin-bottom: 6px;
  color: #ffffff;
  font-size: 15px;
  font-weight: 850;
  letter-spacing: 0.09em;
  line-height: 1.25;
  text-transform: uppercase;
}

.ixba-visual-card__label span {
  color: rgba(255, 255, 255, 0.82);
  font-size: 15px;
  line-height: 1.6;
}

/* =========================================================
   Sections
========================================================= */

.ixba-section {
  position: relative;
  padding: clamp(72px, 7vw, 104px) 0;
}

.ixba-intro {
  margin-top: -38px;
  z-index: 5;
}

.ixba-intro__card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 420px);
  gap: clamp(24px, 4vw, 44px);
  align-items: stretch;
  padding: clamp(26px, 4vw, 42px);
  border-radius: var(--ixba-radius-xl);
  background:
    radial-gradient(circle at 100% 0%, rgba(111, 158, 57, 0.055), transparent 30%),
    #ffffff;
  border: 1px solid var(--ixba-line);
  box-shadow: var(--ixba-shadow-lg);
}

.ixba-intro__copy h2,
.ixba-section-head h2,
.ixba-cta__content h2 {
  margin: 0 0 16px;
  color: var(--ixba-navy);
  font-family: "Noto Serif", Georgia, serif;
  font-size: clamp(2.15rem, 3.1vw, 3.15rem);
  line-height: 1.04;
  letter-spacing: -0.035em;
}

.ixba-intro__copy p,
.ixba-section-head p,
.ixba-card p,
.ixba-faq__item p,
.ixba-cta__content p {
  color: var(--ixba-text-soft);
  font-size: 17px;
  line-height: 1.82;
}

.ixba-intro__copy p:last-child,
.ixba-section-head p:last-child,
.ixba-card p:last-child,
.ixba-faq__item p:last-child,
.ixba-cta__content p:last-child {
  margin-bottom: 0;
}

.ixba-intro__statbox {
  display: grid;
  gap: 18px;
  align-content: start;
}

.ixba-stat {
  padding: 24px;
  border-radius: 26px;
  color: #ffffff;
  background:
    radial-gradient(circle at 100% 0%, rgba(111, 158, 57, 0.20), transparent 42%),
    linear-gradient(145deg, var(--ixba-navy) 0%, var(--ixba-navy-ink) 100%);
  box-shadow: var(--ixba-shadow-md);
}

.ixba-stat strong {
  display: block;
  margin-bottom: 8px;
  color: rgba(255, 255, 255, 0.78);
  font-size: 13px;
  font-weight: 850;
  letter-spacing: 0.12em;
  line-height: 1.2;
  text-transform: uppercase;
}

.ixba-stat span {
  display: block;
  margin-bottom: 8px;
  color: #ffffff;
  font-family: "Noto Serif", Georgia, serif;
  font-size: clamp(1.65rem, 2.2vw, 2.05rem);
  line-height: 1.1;
}

.ixba-stat p {
  margin: 0;
  color: rgba(255, 255, 255, 0.82);
  font-size: 15px;
  line-height: 1.65;
}

.ixba-section-head {
  max-width: 860px;
  margin: 0 auto 38px;
  text-align: center;
}

.ixba-section-head .ixba-kicker {
  justify-content: center;
}

.ixba-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.ixba-grid--graphic {
  align-items: stretch;
}

.ixba-card {
  position: relative;
  min-height: 100%;
  padding: clamp(24px, 3vw, 32px);
  border-radius: 30px;
  background:
    linear-gradient(180deg, #ffffff 0%, #fbfcfa 100%);
  border: 1px solid var(--ixba-line);
  box-shadow: var(--ixba-shadow-md);
  overflow: hidden;
}

.ixba-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 5px;
  background: linear-gradient(180deg, var(--ixba-green) 0%, var(--ixba-navy) 100%);
}

.ixba-card__icon {
  width: 62px;
  height: 62px;
  display: grid;
  place-items: center;
  margin-bottom: 18px;
  border-radius: 20px;
  background: rgba(111, 158, 57, 0.10);
  color: var(--ixba-green-dark);
  font-size: 25px;
}

.ixba-card__icon--image {
  padding: 10px;
  background:
    linear-gradient(180deg, rgba(111,158,57,0.12) 0%, rgba(111,158,57,0.065) 100%);
  border: 1px solid rgba(111, 158, 57, 0.14);
}

.ixba-card__icon--image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.ixba-card h3,
.ixba-faq__item h3 {
  margin: 0 0 12px;
  color: var(--ixba-navy);
  font-size: clamp(1.35rem, 2vw, 1.65rem);
  font-weight: 850;
  line-height: 1.18;
  letter-spacing: -0.025em;
}

.ixba-card--wide {
  grid-column: 1 / -1;
}

/* Navy band with original logo graphic */

.ixba-band {
  padding: 0 0 clamp(72px, 7vw, 104px);
}

.ixba-band__card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 360px);
  gap: clamp(24px, 4vw, 42px);
  align-items: center;
  padding: clamp(28px, 4vw, 44px);
  border-radius: 34px;
  color: #ffffff;
  background:
    radial-gradient(circle at 100% 0%, rgba(111, 158, 57, 0.20), transparent 38%),
    linear-gradient(140deg, var(--ixba-navy) 0%, var(--ixba-navy-ink) 100%);
  box-shadow: 0 30px 72px rgba(13, 30, 52, 0.20);
  overflow: hidden;
}

.ixba-band__card .ixba-kicker {
  color: rgba(255, 255, 255, 0.78);
}

.ixba-band__card h2 {
  margin: 0 0 12px;
  color: #ffffff;
  font-family: "Noto Serif", Georgia, serif;
  font-size: clamp(2rem, 3vw, 3rem);
  line-height: 1.05;
  letter-spacing: -0.035em;
}

.ixba-band__card p {
  margin: 0;
  max-width: 58ch;
  color: rgba(255, 255, 255, 0.84);
  font-size: 17px;
  line-height: 1.78;
}

.ixba-logo-mark {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 188px;
  padding: 28px;
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.10);
  border: 1px solid rgba(255, 255, 255, 0.16);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.10);
}

.ixba-logo-mark img {
  display: block;
  width: min(100%, 310px);
  height: auto;
  filter: drop-shadow(0 14px 30px rgba(0, 0, 0, 0.20));
}

/* FAQ */

.ixba-faq {
  display: grid;
  gap: 18px;
}

.ixba-faq__item {
  padding: clamp(22px, 3vw, 28px);
  border-radius: 26px;
  background: #ffffff;
  border: 1px solid var(--ixba-line);
  box-shadow: var(--ixba-shadow-soft);
}

/* Final CTA */

.ixba-cta {
  padding: 0 0 clamp(78px, 7vw, 110px);
}

.ixba-cta__card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: clamp(22px, 4vw, 42px);
  align-items: center;
  padding: clamp(28px, 4vw, 44px);
  border-radius: 34px;
  background:
    radial-gradient(circle at 100% 0%, rgba(111, 158, 57, 0.09), transparent 34%),
    #ffffff;
  border: 1px solid var(--ixba-line);
  box-shadow: var(--ixba-shadow-lg);
}

.ixba-cta__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 14px;
}

/* =========================================================
   Responsive
========================================================= */

@media (max-width: 1120px) {
  .ixba-hero__inner,
  .ixba-intro__card,
  .ixba-band__card,
  .ixba-cta__card {
    grid-template-columns: 1fr;
  }

  .ixba-hero__content::before {
    right: calc(50% - 50vw);
  }

  .ixba-visual-card {
    width: min(100%, 620px);
    margin: 0;
  }

  .ixba-grid {
    grid-template-columns: 1fr;
  }

  .ixba-card--wide {
    grid-column: auto;
  }

  .ixba-cta__actions {
    justify-content: flex-start;
  }
}

@media (max-width: 980px) {
  .ixba-hero,
  .ixba-hero__inner,
  .ixba-hero__media img {
    min-height: auto;
  }

  .ixba-hero__inner {
    display: block;
    padding: 54px 0 64px;
  }

  .ixba-hero__media img {
    min-height: 900px;
  }

  .ixba-hero__media::before {
    background:
      linear-gradient(
        180deg,
        rgba(248,251,247,0.985) 0%,
        rgba(248,251,247,0.965) 48%,
        rgba(248,251,247,0.72) 78%,
        rgba(248,251,247,0.32) 100%
      );
  }

  .ixba-hero__content {
    padding: 0 0 28px;
  }

  .ixba-hero__content::before {
    top: -28px;
    bottom: -18px;
    background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(251,252,250,0.84) 100%);
  }

  .ixba-hero h1 {
    max-width: 100%;
  }

  .ixba-intro {
    margin-top: 0;
  }
}

@media (max-width: 720px) {
  .ixba-shell,
  .ixba-hero__inner {
    width: min(100% - 28px, 1280px);
  }

  .ixba-hero__inner {
    padding: 42px 0 54px;
  }

  .ixba-hero__media img {
    min-height: 980px;
  }

  .ixba-hero h1 {
    font-size: clamp(2.7rem, 15vw, 4rem);
  }

  .ixba-hero__actions .ixba-btn,
  .ixba-cta__actions .ixba-btn {
    width: 100%;
  }

  .ixba-intro__card,
  .ixba-card,
  .ixba-band__card,
  .ixba-faq__item,
  .ixba-cta__card {
    border-radius: 24px;
  }

  .ixba-visual-card {
    border-radius: 26px;
  }

  .ixba-visual-card__label {
    margin: 0 16px 16px;
  }

  .ixba-logo-mark {
    min-height: 150px;
  }
}

/* =========================================================
   Immix Benefits Advantage navy band refinement
   Fixes logo contrast, spacing, hierarchy, and locked-in style
========================================================= */

.ixba-band {
  padding: 0 0 clamp(78px, 7vw, 116px) !important;
}

.ixba-band__card--refined {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.05fr) minmax(300px, 0.58fr) !important;
  gap: clamp(26px, 4vw, 52px) !important;
  align-items: center !important;
  padding: clamp(30px, 4.5vw, 52px) !important;
  border-radius: 36px !important;
  color: #ffffff !important;
  background:
    radial-gradient(circle at 92% 12%, rgba(111, 158, 57, 0.26), transparent 34%),
    radial-gradient(circle at 0% 100%, rgba(255, 255, 255, 0.10), transparent 40%),
    linear-gradient(135deg, #123f6e 0%, #0d2a49 58%, #071d37 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow:
    0 32px 78px rgba(13, 30, 52, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.10) !important;
  overflow: hidden !important;
}

.ixba-band__card--refined::before {
  content: "" !important;
  position: absolute !important;
  inset: 22px !important;
  border-radius: 28px !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  pointer-events: none !important;
}

.ixba-band__content {
  position: relative !important;
  z-index: 2 !important;
}

.ixba-band__card--refined .ixba-kicker {
  margin-bottom: 14px !important;
  color: rgba(255, 255, 255, 0.78) !important;
}

.ixba-band__card--refined h2 {
  margin: 0 0 14px !important;
  max-width: 13ch !important;
  color: #ffffff !important;
  font-family: "Noto Serif", Georgia, serif !important;
  font-size: clamp(2.35rem, 4vw, 4.2rem) !important;
  line-height: 0.98 !important;
  letter-spacing: -0.055em !important;
}

.ixba-band__card--refined p {
  margin: 0 !important;
  max-width: 58ch !important;
  color: rgba(255, 255, 255, 0.84) !important;
  font-size: 17px !important;
  line-height: 1.78 !important;
}

.ixba-band__proof {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-top: 24px !important;
}

.ixba-band__proof span {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 40px !important;
  padding: 8px 13px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.10) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  color: rgba(255, 255, 255, 0.90) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
}

.ixba-band__identity {
  position: relative !important;
  z-index: 2 !important;
  padding: clamp(18px, 2.5vw, 26px) !important;
  border-radius: 30px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 251, 247, 0.96) 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.55) !important;
  box-shadow:
    0 22px 48px rgba(4, 20, 39, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.90) !important;
}

.ixba-band__logo-card {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 142px !important;
  padding: 22px !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(111, 158, 57, 0.10), transparent 44%),
    #ffffff !important;
  border: 1px solid rgba(18, 58, 102, 0.10) !important;
}

.ixba-band__logo-card img {
  display: block !important;
  width: min(100%, 280px) !important;
  height: auto !important;
  filter: none !important;
}

.ixba-band__identity p {
  margin: 18px 0 0 !important;
  color: var(--ixba-text-soft) !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
  font-weight: 650 !important;
}

@media (max-width: 1050px) {
  .ixba-band__card--refined {
    grid-template-columns: 1fr !important;
  }

  .ixba-band__card--refined h2 {
    max-width: 100% !important;
  }

  .ixba-band__identity {
    max-width: 520px !important;
  }
}

@media (max-width: 720px) {
  .ixba-band__card--refined {
    padding: 24px !important;
    border-radius: 28px !important;
  }

  .ixba-band__card--refined::before {
    inset: 14px !important;
    border-radius: 22px !important;
  }

  .ixba-band__card--refined h2 {
    font-size: clamp(2.05rem, 12vw, 3rem) !important;
  }

  .ixba-band__proof span {
    width: 100% !important;
  }

  .ixba-band__logo-card {
    min-height: 120px !important;
  }
}

/* =========================================================
   IMMIX BENEFITS ADVANTAGE TYPOGRAPHY HANDOFF PATCH
   Supports the unified /assets/css/immix-locked-typography.css layer.
   Keep this at the end of immix-benefits-advantage.css.
========================================================= */

.ixba-page main {
  font-family: var(--ix-font-sans, Inter, Arial, Helvetica, sans-serif);
}

/* Keep the Immix Advantage page from restyling the global footer. */
.ixba-page .ixf-footer,
.ixba-page .ixf-footer * {
  font-family: Inter, Arial, Helvetica, sans-serif;
}

/* Dark panels and visual labels */
.ixba-page main :is(
  .ixba-visual-card__label,
  .ixba-stat,
  .ixba-band__card,
  .ixba-band__card--refined
) {
  color: #ffffff;
}

.ixba-page main :is(
  .ixba-visual-card__label,
  .ixba-stat,
  .ixba-band__card,
  .ixba-band__card--refined
) :is(h1, h2, h3, h4, h5, h6, strong) {
  color: #ffffff !important;
}

.ixba-page main :is(
  .ixba-visual-card__label,
  .ixba-stat,
  .ixba-band__card,
  .ixba-band__card--refined
) :is(p, li, span, a) {
  color: rgba(255, 255, 255, 0.88) !important;
}

.ixba-page main :is(
  .ixba-band__card,
  .ixba-band__card--refined
) :is(.ixba-kicker, [class*="kicker"], [class*="eyebrow"]) {
  color: rgba(199, 232, 179, 0.96) !important;
}

.ixba-page main :is(
  .ixba-band__card,
  .ixba-band__card--refined
) :is(.ixba-kicker::before, [class*="kicker"]::before, [class*="eyebrow"]::before) {
  background: rgba(199, 232, 179, 0.70) !important;
}

/* Keep the white identity/logo card readable inside the navy band. */
.ixba-page main :is(
  .ixba-band__identity,
  .ixba-band__identity *,
  .ixba-band__logo-card,
  .ixba-band__logo-card *
) :is(h1, h2, h3, h4, h5, h6, strong) {
  color: var(--ixba-navy, #123a66) !important;
}

.ixba-page main :is(
  .ixba-band__identity,
  .ixba-band__identity *,
  .ixba-band__logo-card,
  .ixba-band__logo-card *
) :is(p, li, span, a) {
  color: var(--ixba-text-soft, #4f6b83) !important;
}

/* Light content cards remain dark-on-light. */
.ixba-page main :is(
  .ixba-hero__content,
  .ixba-intro__card,
  .ixba-intro__copy,
  .ixba-card,
  .ixba-faq__item,
  .ixba-cta__card,
  .ixba-cta__content,
  .ixba-section-head
) :is(h1, h2, h3, h4, h5, h6, strong) {
  color: var(--ixba-navy, #123a66) !important;
}

.ixba-page main :is(
  .ixba-hero__content,
  .ixba-intro__card,
  .ixba-intro__copy,
  .ixba-card,
  .ixba-faq__item,
  .ixba-cta__card,
  .ixba-cta__content,
  .ixba-section-head
) :is(p, li, span) {
  color: var(--ixba-text-soft, #4f6b83) !important;
}

/* Kicker and chip readability */
.ixba-page main :is(.ixba-kicker, .ixba-hero__eyebrow) {
  color: var(--ixba-green-dark, #4f8735) !important;
}

.ixba-page main .ixba-chip {
  color: var(--ixba-text, #193650) !important;
}

.ixba-page main .ixba-chip i {
  color: var(--ixba-green-dark, #4f8735) !important;
}

/* Buttons */
.ixba-page main .ixba-btn--primary {
  color: #ffffff !important;
}

.ixba-page main .ixba-btn--secondary {
  color: var(--ixba-navy, #123a66) !important;
}

/* Keep icons crisp and consistent */
.ixba-page main .ixba-card__icon {
  color: var(--ixba-green-dark, #4f8735) !important;
}

@media (max-width: 760px) {
  .ixba-page main :is(
    .ixba-hero__lede,
    .ixba-intro__copy p,
    .ixba-section-head p,
    .ixba-card p,
    .ixba-faq__item p,
    .ixba-cta__content p,
    .ixba-band__card p,
    .ixba-stat p
  ) {
    font-size: 17px !important;
    line-height: 1.58 !important;
  }
}

/* =========================================================
   IMMIX BENEFITS ADVANTAGE POLISH PASS
   Fixes overview stat-card contrast and refines the navy brand band.
   Keep this at the end of immix-benefits-advantage.css.
========================================================= */

/* Overview stat cards: stronger contrast, better interior rhythm */
.ixba-page main .ixba-intro__statbox {
  gap: 16px !important;
}

.ixba-page main .ixba-stat {
  position: relative !important;
  min-height: 146px !important;
  padding: 26px 26px 24px !important;
  border-radius: 26px !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 94% 0%, rgba(111, 158, 57, 0.28), transparent 42%),
    radial-gradient(circle at 0% 100%, rgba(255, 255, 255, 0.10), transparent 46%),
    linear-gradient(145deg, #154978 0%, #0b315a 56%, #061f42 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  box-shadow:
    0 24px 52px rgba(13, 30, 52, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}

.ixba-page main .ixba-stat::before {
  content: "" !important;
  position: absolute !important;
  inset: 14px !important;
  border-radius: 20px !important;
  border: 1px solid rgba(255, 255, 255, 0.075) !important;
  pointer-events: none !important;
}

.ixba-page main .ixba-stat strong {
  position: relative !important;
  z-index: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  margin: 0 0 10px !important;
  color: #c9eba9 !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  letter-spacing: 0.13em !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
}

.ixba-page main .ixba-stat strong::after {
  content: "" !important;
  width: 30px !important;
  height: 2px !important;
  border-radius: 999px !important;
  background: rgba(201, 235, 169, 0.72) !important;
}

.ixba-page main .ixba-stat span {
  position: relative !important;
  z-index: 2 !important;
  display: block !important;
  margin: 0 0 8px !important;
  color: #ffffff !important;
  font-family: var(--ix-font-sans, Inter, Arial, Helvetica, sans-serif) !important;
  font-size: clamp(26px, 2.25vw, 36px) !important;
  font-weight: 850 !important;
  line-height: 1.04 !important;
  letter-spacing: -0.04em !important;
}

.ixba-page main .ixba-stat p {
  position: relative !important;
  z-index: 2 !important;
  margin: 0 !important;
  max-width: 31ch !important;
  color: rgba(255, 255, 255, 0.90) !important;
  font-size: 17px !important;
  font-weight: 560 !important;
  line-height: 1.62 !important;
}

/* Refined navy band: improve contrast and polish without changing layout */
.ixba-page main .ixba-band__card--refined {
  border-color: rgba(255, 255, 255, 0.15) !important;
}

.ixba-page main .ixba-band__card--refined .ixba-kicker {
  color: #c9eba9 !important;
}

.ixba-page main .ixba-band__card--refined .ixba-kicker::before {
  background: #c9eba9 !important;
  opacity: 0.72 !important;
}

.ixba-page main .ixba-band__proof span {
  background: rgba(255, 255, 255, 0.125) !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
  color: rgba(255, 255, 255, 0.94) !important;
  font-weight: 760 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

.ixba-page main .ixba-band__identity p {
  color: #425d76 !important;
  font-weight: 700 !important;
}

/* Ensure the FAQ heading is not partially hidden behind the browser bar when anchored */
.ixba-page main .ixba-faq,
.ixba-page main .ixba-section-head {
  scroll-margin-top: 120px !important;
}

@media (max-width: 720px) {
  .ixba-page main .ixba-stat {
    min-height: 0 !important;
    padding: 22px !important;
  }

  .ixba-page main .ixba-stat span {
    font-size: clamp(25px, 8vw, 31px) !important;
  }

  .ixba-page main .ixba-stat p {
    max-width: 100% !important;
  }
}


/* =========================================================
   IMMIX TRUE CHOICE PLAN UPDATE v1
   Name-transition and Lindsay-note refinement patch.
   Keeps existing ixba namespace and locked typography intact.
========================================================= */

.ixba-page main .ixba-hero h1 {
  max-width: 10.4ch !important;
}

.ixba-page main .ixba-hero__byline {
  max-width: 35ch !important;
}

.ixba-page main .ixba-visual-card__label strong {
  letter-spacing: 0.075em !important;
}

.ixba-page main .ixba-band__identity--plan {
  background:
    radial-gradient(circle at 100% 0%, rgba(111, 158, 57, 0.10), transparent 36%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(248, 251, 247, 0.97) 100%) !important;
}

.ixba-page main .ixba-plan-card {
  position: relative;
  display: grid;
  gap: 0.7rem;
  padding: clamp(1.25rem, 2vw, 1.65rem);
  border-radius: 24px;
  background:
    radial-gradient(circle at 100% 0%, rgba(111, 158, 57, 0.12), transparent 34%),
    #ffffff;
  border: 1px solid rgba(18, 58, 102, 0.10);
  box-shadow:
    0 14px 30px rgba(13, 30, 52, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.86);
}

.ixba-page main .ixba-plan-card span {
  display: inline-flex;
  width: fit-content;
  min-height: 32px;
  align-items: center;
  padding: 0.4rem 0.72rem;
  border-radius: 999px;
  background: rgba(111, 158, 57, 0.11);
  color: var(--ixba-green-dark, #4f8735) !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1.1 !important;
  letter-spacing: 0.095em;
  text-transform: uppercase;
}

.ixba-page main .ixba-plan-card strong {
  display: block;
  color: var(--ixba-navy, #123a66) !important;
  font-family: var(--ix-font-sans, Inter, Arial, Helvetica, sans-serif) !important;
  font-size: clamp(1.65rem, 2vw, 2.15rem) !important;
  font-weight: 880 !important;
  line-height: 1.06 !important;
  letter-spacing: -0.038em;
}

.ixba-page main .ixba-plan-card p {
  margin: 0 !important;
  color: var(--ixba-text-soft, #4f6b83) !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  line-height: 1.66 !important;
}

.ixba-page main .ixba-section-head p {
  max-width: 62ch;
}

@media (max-width: 720px) {
  .ixba-page main .ixba-hero h1 {
    max-width: 100% !important;
  }

  .ixba-page main .ixba-plan-card {
    border-radius: 20px;
  }
}