/**
 * CONSOLIDATED DARK-BACKGROUND CONTRAST — Task #1534412
 * Owns: WCAG AA enforcement for ALL text on dark/colored backgrounds.
 * Does NOT own: light-background text contrast, layout, animations.
 *
 * REPLACES three separate files that duplicated 80% of each other:
 *   - dark-bg-contrast-1532910.css
 *   - dark-contrast-fix-1532912.css
 *   - dark-container-contrast-1532911.css
 *
 * IRON RULE: This file loads LAST in the cascade.
 *   - Dark/colored background → ALL child text white or light
 *   - Uses specific selectors (#id, .parent .child), NOT global wildcards
 *   - No global span/p/a color rules anywhere in this file
 *
 * WCAG AA contrast ratios (verified):
 *   #FFFFFF on #005f3f = 5.8:1 ✓ (announcement bar)
 *   #FFFFFF on #0f172a = 16.1:1 ✓ (nudge bar)
 *   #FFFFFF on #161616 = 14.8:1 ✓ (bundle sticky)
 *   #f0ede8 on #0d0d0d = 18.7:1 ✓ (bundle pages)
 */


/* ═══════════════════════════════════════════════════════════════════════════
   1. ANNOUNCEMENT BAR — Dark green gradient (#005f3f → #007a52)
   ALL text, links, dots, dismiss button MUST be white. No exceptions.
   ═══════════════════════════════════════════════════════════════════════════ */

/* Nuclear: every child element inside the bar is white */
html body #sr-announcement-bar,
html body #sr-announcement-bar *:not(svg):not(path):not(line) {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

/* Dismiss button — slightly transparent for visual hierarchy */
html body #sr-announcement-bar .sr-anbar-dismiss {
  color: rgba(255, 255, 255, 0.85) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.85) !important;
}
html body #sr-announcement-bar .sr-anbar-dismiss:hover {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

/* Carousel dots — background color, not text color */
html body #sr-announcement-bar .sr-anbar-dot {
  background: rgba(255, 255, 255, 0.6) !important;
  background-color: rgba(255, 255, 255, 0.6) !important;
}
html body #sr-announcement-bar .sr-anbar-dot.sr-anbar-dot--active {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
}

/* Focus states for accessibility */
html body #sr-announcement-bar a:focus-visible,
html body #sr-announcement-bar button:focus-visible {
  outline: 2px solid rgba(255, 255, 255, 0.7) !important;
  outline-offset: 2px !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   2. NUDGE BAR — Dark navy background (#0f172a)
   ═══════════════════════════════════════════════════════════════════════════ */

html body .sr-nudge-bar,
html body .sr-nudge-bar p,
html body .sr-nudge-bar span,
html body .sr-nudge-bar a,
html body .sr-nudge-bar strong {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}

html body .sr-nudge-bar .sr-nudge-bar-text {
  color: #cbd5e1 !important;
  -webkit-text-fill-color: #cbd5e1 !important;
}

html body .sr-nudge-bar .sr-nudge-bar-text strong {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}

/* Close button — WCAG AA minimum 4.5:1 on navy (#94a3b8 = 4.7:1 ✓) */
html body .sr-nudge-bar .sr-nudge-bar-close,
html body .sr-nudge-bar .sr-nudge-close,
html body .sr-nudge-bar button[class*="close"],
html body .sr-nudge-bar button[aria-label*="close"],
html body .sr-nudge-bar button[aria-label*="dismiss"] {
  color: #e2e8f0 !important;
  -webkit-text-fill-color: #e2e8f0 !important;
  opacity: 1 !important;
}
html body .sr-nudge-bar .sr-nudge-bar-close:hover,
html body .sr-nudge-bar .sr-nudge-close:hover {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

/* CTA button */
html body .sr-nudge-bar .sr-nudge-bar-cta,
html body .sr-nudge-bar .sr-nudge-cta,
html body .sr-nudge-bar a[class*="cta"],
html body .sr-nudge-bar a[class*="btn"] {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

/* Focus states */
html body .sr-nudge-bar a:focus-visible,
html body .sr-nudge-bar button:focus-visible {
  outline: 2px solid rgba(255, 255, 255, 0.7) !important;
  outline-offset: 2px !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   3. BUNDLE PAGES (.bn-page) — Near-black background #0d0d0d
   ═══════════════════════════════════════════════════════════════════════════ */

/* All text content */
html body .bn-page,
html body .bn-page h1,
html body .bn-page h2,
html body .bn-page h3,
html body .bn-page h4,
html body .bn-page p,
html body .bn-page span,
html body .bn-page li,
html body .bn-page td,
html body .bn-page th,
html body .bn-page label,
html body .bn-page a:not(.bn-hero__cta):not(.bn-cta-box__btn):not(.bn-combo-card__btn):not(.bn-sticky__btn) {
  color: var(--bn-text, #f0ede8) !important;
  -webkit-text-fill-color: var(--bn-text, #f0ede8) !important;
}

/* Muted text — raised to 0.72+ for WCAG AA */
html body .bn-page {
  --bn-muted: rgba(240, 237, 232, 0.78) !important;
}

html body .bn-page .bn-crumb,
html body .bn-page .bn-crumb a,
html body .bn-page .bn-hero__sub,
html body .bn-page .bn-hero__trust,
html body .bn-page .bn-stat__label,
html body .bn-page .bn-combo-card__meta,
html body .bn-page .bn-combo-card__toolkit,
html body .bn-page .bn-book-tile__meta,
html body .bn-page .bn-toolkit-card__paired,
html body .bn-page .bn-toolkit-card__items li,
html body .bn-page .bn-step__desc,
html body .bn-page .bn-feature__desc,
html body .bn-page .bn-faq__a,
html body .bn-page .bn-cta-box__desc,
html body .bn-page .bn-cta-box__note,
html body .bn-page .bn-section__sub,
html body .bn-page .bn-seo-text,
html body .bn-page .bn-value__row,
html body .bn-page .bn-hero__price-old,
html body .bn-page .bn-sticky__price {
  color: var(--bn-muted, rgba(240, 237, 232, 0.78)) !important;
  -webkit-text-fill-color: var(--bn-muted, rgba(240, 237, 232, 0.78)) !important;
}

/* Gold accent text */
html body .bn-page .bn-hero__badge,
html body .bn-page .bn-stat__num,
html body .bn-page .bn-combo-card__plus,
html body .bn-page .bn-cta-box__badge,
html body .bn-page .bn-value__row--price,
html body .bn-page .bn-compare th.bn-compare__featured {
  color: var(--bn-gold, #f59e0b) !important;
  -webkit-text-fill-color: var(--bn-gold, #f59e0b) !important;
}

/* Green accent */
html body .bn-page .bn-hero__savings,
html body .bn-page .bn-combo-card__savings,
html body .bn-page .bn-compare__check,
html body .bn-page .bn-value__savings-pill,
html body .bn-page .bn-toolkit-card__items li::before {
  color: var(--bn-green, #10b981) !important;
  -webkit-text-fill-color: var(--bn-green, #10b981) !important;
}

/* CTA buttons — black text on gold bg */
html body .bn-page .bn-hero__cta,
html body .bn-page .bn-cta-box__btn:not(.bn-cta-box__btn--ghost),
html body .bn-page .bn-combo-card__btn,
html body .bn-page .bn-sticky__btn {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}

/* Ghost CTA — light text */
html body .bn-page .bn-cta-box__btn--ghost {
  color: var(--bn-text, #f0ede8) !important;
  -webkit-text-fill-color: var(--bn-text, #f0ede8) !important;
}

/* Links in dark context → gold */
html body .bn-page a:not([class*="cta"]):not([class*="btn"]) {
  color: #f59e0b !important;
  -webkit-text-fill-color: #f59e0b !important;
}

/* Form inputs on dark backgrounds — keep white bg + dark text */
html body .bn-page input,
html body .bn-page textarea,
html body .bn-page select {
  color: #1F2A37 !important;
  -webkit-text-fill-color: #1F2A37 !important;
  background-color: #FFFFFF !important;
}

/* Footer EXCLUSION — always white bg, always dark text */
html body .bn-page footer[role="contentinfo"],
html body .bn-page footer[role="contentinfo"] *,
html body .bn-page .sr-ramsey-footer,
html body .bn-page .sr-ramsey-footer * {
  color: #374151 !important;
  -webkit-text-fill-color: #374151 !important;
}
html body .bn-page footer[role="contentinfo"] a,
html body .bn-page .sr-ramsey-footer a {
  color: #6B7280 !important;
  -webkit-text-fill-color: #6B7280 !important;
}
html body .bn-page footer[role="contentinfo"] a:hover,
html body .bn-page .sr-ramsey-footer a:hover {
  color: #00875A !important;
  -webkit-text-fill-color: #00875A !important;
}
html body .bn-page .sr-footer-cta-banner,
html body .bn-page .sr-footer-cta-banner * {
  color: #374151 !important;
  -webkit-text-fill-color: #374151 !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   4. BUNDLE STICKY CTA — Dark background (#161616)
   ═══════════════════════════════════════════════════════════════════════════ */

html body .bn-sticky,
html body .bn-sticky span,
html body .bn-sticky p,
html body .bn-sticky strong {
  color: #f0ede8 !important;
  -webkit-text-fill-color: #f0ede8 !important;
}

html body .bn-sticky button[class*="close"],
html body .bn-sticky .bn-sticky__close {
  color: #e2e8f0 !important;
  -webkit-text-fill-color: #e2e8f0 !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   5. TOAST NOTIFICATIONS — Dark backgrounds
   ═══════════════════════════════════════════════════════════════════════════ */

html body .sr-toast,
html body .sr-toast span,
html body .sr-toast p,
html body .sr-toast strong {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

html body [class*="toast"][style*="background:#0"] span,
html body [class*="toast"][style*="background:#1"] span,
html body [class*="toast"][style*="background:#2"] span {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   6. CROSS-SELL DARK CARDS — Black background (#0A0A0A)
   ═══════════════════════════════════════════════════════════════════════════ */

html body .cs-card--dark,
html body .cs-card--dark span,
html body .cs-card--dark p,
html body .cs-card--dark h2,
html body .cs-card--dark h3,
html body .cs-card--dark h4,
html body .cs-card--dark li,
html body .cs-card--dark .cs-card__headline {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

html body .cs-card--dark .cs-card__desc {
  color: rgba(255, 255, 255, 0.65) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.65) !important;
}

html body .cs-card--dark .cs-card__badge {
  color: #FCD34D !important;
  -webkit-text-fill-color: #FCD34D !important;
}

html body .cs-card--dark .cs-card__value-math,
html body .cs-card--dark .cs-card__price {
  color: #6EE7B7 !important;
  -webkit-text-fill-color: #6EE7B7 !important;
}

html body .cs-card--dark .cs-card__price-sub {
  color: rgba(255, 255, 255, 0.5) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.5) !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   7. FINAL CTA / FOOTER CTA — Dark gradient backgrounds
   ═══════════════════════════════════════════════════════════════════════════ */

html body .sr-final-cta,
html body .sr-final-cta h2,
html body .sr-final-cta h3,
html body .sr-final-cta p,
html body .sr-final-cta span,
html body .sr-final-cta a {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

html body .sr-final-cta .sr-final-cta__body {
  color: rgba(255, 255, 255, 0.85) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.85) !important;
}

html body .sr-final-cta .sr-final-cta__note {
  color: rgba(255, 255, 255, 0.7) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.7) !important;
}

html body .footer-cta-dark,
html body .footer-cta-dark h2,
html body .footer-cta-dark h3,
html body .footer-cta-dark p,
html body .footer-cta-dark span,
html body .footer-cta-dark a {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   8. UPSELL CONFIRMATION (.us-confirm) — Dark navy #0a2540
   ═══════════════════════════════════════════════════════════════════════════ */

html body .us-confirm,
html body .us-confirm h1,
html body .us-confirm h2,
html body .us-confirm h3,
html body .us-confirm p,
html body .us-confirm span {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

html body .us-confirm .us-confirm__sub {
  color: rgba(255, 255, 255, 0.85) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.85) !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   9. COUNTDOWN TIMERS — Colored backgrounds
   ═══════════════════════════════════════════════════════════════════════════ */

html body .countdown-timer span,
html body .closing-soon-timer span,
html body [class*="countdown"][style*="background"] span {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   10. EXIT-INTENT POPUPS — Dark overlays
   ═══════════════════════════════════════════════════════════════════════════ */

html body .sr-conv-book-cover span,
html body .sr-conv-book-cover p,
html body .sr-conv-book-cover h3 {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

html body [class*="exit-intent"][class*="dark"] span,
html body [class*="exit-intent"][class*="dark"] p,
html body [class*="exit-intent"][class*="dark"] h2,
html body [class*="exit-intent"][class*="dark"] h3,
html body .sr-exit-dark h1,
html body .sr-exit-dark h2,
html body .sr-exit-dark h3,
html body .sr-exit-dark p,
html body .sr-exit-dark span,
html body .sr-exit-dark li {
  color: #F1F5F9 !important;
  -webkit-text-fill-color: #F1F5F9 !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   11. BOOKS PAYWALL (.br-paywall) — Dark background
   ═══════════════════════════════════════════════════════════════════════════ */

html body .br-paywall,
html body .br-paywall h2,
html body .br-paywall h3,
html body .br-paywall p,
html body .br-paywall span,
html body .br-paywall li,
html body .br-paywall label,
html body .br-paywall a:not(.br-paywall__opt-cta) {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

html body .br-paywall .br-paywall__per-mo {
  color: rgba(255, 255, 255, 0.8) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.8) !important;
}

html body .br-paywall .br-paywall__opt-badge--muted {
  color: rgba(255, 255, 255, 0.85) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.85) !important;
}

html body .br-paywall .br-paywall__opt-cta {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   12. STATS BAR, DROP BAR, MOBILE FILE CTA — Dark backgrounds
   ═══════════════════════════════════════════════════════════════════════════ */

html body .sr-stats-bar,
html body .sr-stats-bar span,
html body .sr-stats-bar p {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

html body .sr-stats-bar .sr-stats-bar__label {
  color: rgba(255, 255, 255, 0.8) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.8) !important;
}

html body .sr-drop-bar,
html body .sr-drop-bar span,
html body .sr-drop-bar a,
html body .sr-drop-bar p {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

html body #srMobileFileCta,
html body #srMobileFileCta span,
html body #srMobileFileCta p,
html body #srMobileFileCta a {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

html body #sr-mobile-sticky-btn span,
html body .sr-mobile-sticky span {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   13. PWA SPLASH — Pure dark background
   ═══════════════════════════════════════════════════════════════════════════ */

html body #pwa-splash span,
html body #pwa-splash p,
html body #pwa-splash h1 {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   14. UPGRADE PROMPT HEADERS — Dark green backgrounds
   ═══════════════════════════════════════════════════════════════════════════ */

html body [class*="ugp-"][style*="background"] span,
html body [class*="ugp-"][style*="background"] p,
html body [class*="ugp-"][style*="background"] h2,
html body [class*="ugp-"][style*="background"] h3 {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   15. NUDGE MODAL — White bg overlay on dark backdrop
   ═══════════════════════════════════════════════════════════════════════════ */

html body .sr-nudge-overlay .sr-nudge-modal {
  color: #0f172a !important;
}

html body .sr-nudge-overlay .sr-nudge-modal .sr-nudge-title {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

html body .sr-nudge-overlay .sr-nudge-modal .sr-nudge-body {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   16. B2B / PARTNER DARK-THEMED PAGES — inline dark backgrounds
   ═══════════════════════════════════════════════════════════════════════════ */

html body [style*="background:#0a2540"] *,
html body [style*="background: #0a2540"] *,
html body [style*="background-color:#0a2540"] *,
html body [style*="background-color: #0a2540"] * {
  color: #F1F5F9 !important;
  -webkit-text-fill-color: #F1F5F9 !important;
}

html body [style*="background:#00875A"] *,
html body [style*="background: #00875A"] *,
html body [style*="background-color:#00875A"] *,
html body [style*="background-color: #00875A"] *,
html body [style*="background:#047857"] *,
html body [style*="background: #047857"] * {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   17. GENERIC DARK CONTAINER SAFETY NET
   Catches components not explicitly listed above.
   Uses specific class patterns, NOT global wildcards.
   ═══════════════════════════════════════════════════════════════════════════ */

/* Class-based dark containers */
html body [class*="-dark"] span,
html body [class*="-dark"] p,
html body [class*="-dark"] h1,
html body [class*="-dark"] h2,
html body [class*="-dark"] h3,
html body [class*="-dark"] li,
html body [class*="-dark"] label,
html body [class*="-dark"] strong,
html body [class*="-dark"] a:not([class*="btn"]) {
  color: #F1F5F9 !important;
  -webkit-text-fill-color: #F1F5F9 !important;
}

/* Navy glass cards */
html body .sr-card-navy-glass span,
html body .sr-card-navy-glass p,
html body .sr-card-navy-glass h2,
html body .sr-card-navy-glass h3,
html body .sr-card-navy-glass li {
  color: #F1F5F9 !important;
  -webkit-text-fill-color: #F1F5F9 !important;
}

html body .sr-card-dark *,
html body .sr-dark-section *,
html body [data-theme="dark"] * {
  color: #F1F5F9 !important;
  -webkit-text-fill-color: #F1F5F9 !important;
}

/* Inline dark backgrounds */
html body [style*="background-color:#0f172a"] *,
html body [style*="background-color: #0f172a"] *,
html body [style*="background-color:#0d0d0d"] *,
html body [style*="background-color: #0d0d0d"] *,
html body [style*="background-color:#111827"] *,
html body [style*="background-color: #111827"] *,
html body [style*="background-color:#1e293b"] *,
html body [style*="background-color: #1e293b"] * {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}

html body [style*="background:#0f172a"] *,
html body [style*="background: #0f172a"] *,
html body [style*="background:#0d0d0d"] *,
html body [style*="background: #0d0d0d"] *,
html body [style*="background:#111827"] *,
html body [style*="background: #111827"] *,
html body [style*="background:#1e293b"] *,
html body [style*="background: #1e293b"] *,
html body [style*="background:#161616"] *,
html body [style*="background: #161616"] * {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   18. HOVER STATES — Maintain visibility on dark backgrounds
   ═══════════════════════════════════════════════════════════════════════════ */

html body .bn-page a:hover,
html body .sr-nudge-bar a:hover,
html body #sr-announcement-bar a:hover,
html body .sr-final-cta a:hover {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

html body .bn-page .bn-crumb a:hover {
  color: var(--bn-gold, #f59e0b) !important;
  -webkit-text-fill-color: var(--bn-gold, #f59e0b) !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   19. MOBILE REINFORCEMENT
   ═══════════════════════════════════════════════════════════════════════════ */

@media (max-width: 768px) {
  /* Bundle page content stays light on mobile */
  html body .bn-page .bn-hero *,
  html body .bn-page .bn-stats *,
  html body .bn-page .bn-section *,
  html body .bn-page .bn-crumb *,
  html body .bn-page .bn-sticky * {
    color: #f0ede8 !important;
    -webkit-text-fill-color: #f0ede8 !important;
  }
  html body .bn-page .bn-hero__badge,
  html body .bn-page .bn-stat__num {
    color: #f59e0b !important;
    -webkit-text-fill-color: #f59e0b !important;
  }
  html body .bn-page .bn-hero__cta {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
  }

  /* Nudge bar stays light on mobile */
  html body .sr-nudge-bar * {
    color: #f8fafc !important;
    -webkit-text-fill-color: #f8fafc !important;
  }
  html body .sr-nudge-bar .sr-nudge-bar-text {
    color: #cbd5e1 !important;
    -webkit-text-fill-color: #cbd5e1 !important;
  }

  /* Announcement bar stays white on mobile */
  html body #sr-announcement-bar * {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
  }

  /* Footer stays dark text even on mobile within .bn-page */
  html body .bn-page footer[role="contentinfo"] *,
  html body .bn-page .sr-ramsey-footer *,
  html body .bn-page .sr-footer-cta-banner * {
    color: #374151 !important;
    -webkit-text-fill-color: #374151 !important;
  }
}

@media (max-width: 375px) {
  html body .bn-page .bn-hero *,
  html body .bn-page .bn-stats *,
  html body .bn-page .bn-section *,
  html body .bn-page .bn-crumb *,
  html body .bn-page .bn-sticky * {
    color: #f0ede8 !important;
    -webkit-text-fill-color: #f0ede8 !important;
  }
  html body .bn-page .bn-hero__badge,
  html body .bn-page .bn-stat__num {
    color: #f59e0b !important;
    -webkit-text-fill-color: #f59e0b !important;
  }
  html body .bn-page .bn-hero__cta {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
  }
  html body .bn-page .bn-hero__title em {
    color: #f59e0b !important;
    -webkit-text-fill-color: #f59e0b !important;
  }
}