/* Final homepage color lock. Keep the landing page entirely within the ReRoot blue editorial palette. */
.home-page,
.home-page .home-main {
  --rr-blue: #365f8d;
  --rr-blue-deep: #24384e;
  --rr-blue-mid: #6d8fb5;
  --rr-blue-soft: #d8e6f5;
  --rr-page: #f7f9fc;
  --rr-ink: #24384e;
  --rr-muted: #5b6d80;
  background-color: var(--rr-page) !important;
  color: var(--rr-ink) !important;
}

.home-page .ash-hero,
.home-page .ash-places,
.home-page .ash-membership {
  background: linear-gradient(145deg, #f8fafc 0%, #edf3f8 100%) !important;
}

.home-page .ash-method {
  background: #ffffff !important;
}

.home-page .ash-ask,
.home-page .ash-final {
  background: var(--rr-blue-deep) !important;
}

.home-page .ash-ask__panel,
.home-page .ash-note {
  background: #2a425c !important;
}

.home-page h1,
.home-page h2,
.home-page h3,
.home-page .ash-price,
.home-page .logo-wordmark,
.home-page .footer-brand-name {
  color: var(--rr-blue-deep) !important;
}

.home-page .ash-ask h2,
.home-page .ash-ask h3,
.home-page .ash-ask p,
.home-page .ash-ask li,
.home-page .ash-note,
.home-page .ash-note strong,
.home-page .ash-note span,
.home-page .ash-note p,
.home-page .ash-place h3,
.home-page .ash-place p,
.home-page .ash-place span {
  color: #ffffff !important;
}

.home-page .ash-kicker,
.home-page .ash-method__grid span,
.home-page .ash-plans span {
  color: var(--rr-blue-mid) !important;
}

.home-page .ash-lead,
.home-page .ash-method__grid p,
.home-page .ash-membership header p {
  color: var(--rr-muted) !important;
}

.home-page .ash-btn--dark,
.home-page .nav-cta-btn,
.home-page button[type='submit'] {
  background: var(--rr-blue) !important;
  border-color: var(--rr-blue) !important;
  color: #ffffff !important;
}

.home-page .ash-btn--dark:hover,
.home-page .ash-btn--dark:focus-visible,
.home-page .nav-cta-btn:hover,
.home-page .nav-cta-btn:focus-visible,
.home-page button[type='submit']:hover,
.home-page button[type='submit']:focus-visible {
  background: var(--rr-blue-deep) !important;
  border-color: var(--rr-blue-deep) !important;
}

.home-page a,
.home-page .ash-link,
.home-page .site-nav-desktop a:hover,
.home-page .site-nav-desktop a:focus-visible {
  accent-color: var(--rr-blue);
}

.home-page .ash-link,
.home-page .site-nav-desktop a.active,
.home-page .rr-mobile-link.rr-active {
  color: var(--rr-blue) !important;
}

.home-page input:focus,
.home-page button:focus-visible,
.home-page a:focus-visible {
  outline-color: var(--rr-blue) !important;
}

.home-page ::selection {
  background: var(--rr-blue-soft);
  color: var(--rr-blue-deep);
}