/* Loan mockup tokens — scoped to page body content only */
.page-loans-mockup,
.site-public.page-loans-mockup {
  --navy: #31366d;
  --navy-dark: #1d2144;
  --green: #00a85a;
  --green-dark: #008447;
  --orange: #f7941d;
  --muted: #667085;
  --mist: #f4f8fa;
  --ink: #101828;
  --shadow: 0 8px 24px rgba(29, 45, 78, 0.08);
}

.page-loans-mockup .eyebrow {
  display: inline-block;
  color: var(--green-dark);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.page-loans-mockup .hero-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  margin-top: 1rem;
}

/* Keep global header/footer language pills on the homepage design (loans-mockup.css defines generic .lang-pill) */
.site-header .lang-pill--compact .lang-pill__item,
.mobile-nav .lang-pill--mobile .lang-pill__item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: auto;
  height: auto;
  padding: inherit;
  border-radius: inherit;
  background: transparent;
  font-size: inherit;
  font-weight: inherit;
}

.site-header .lang-pill--compact .lang-pill__item.is-active,
.mobile-nav .lang-pill--mobile .lang-pill__item.is-active {
  background: inherit;
  color: inherit;
}