/* Pricing page — hero backdrop + interval toggle */

.hero-backdrop {
  position: relative;
}

.hero-backdrop::before {
  content: "";
  position: absolute;
  inset: -2rem -8vw 0;
  top: -4rem;
  z-index: -1;
  border-radius: var(--radius-2xl);
  background:
    radial-gradient(ellipse 70% 55% at 50% 0%, rgba(255, 255, 255, 0.65), transparent 70%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.35) 0%, transparent 100%);
  pointer-events: none;
}

.pricing-interval-btn.is-active {
  border-color: #b07d4a;
  background-color: #fce1c6;
  color: #1a1a1a;
}

.pricing-interval-btn:not(.is-active) {
  border-color: transparent;
  background-color: #fff;
  color: #7a7570;
}

.pricing-interval-btn:not(.is-active):hover {
  background-color: #ede8e0;
}

.pricing-card .pricing-yearly-only {
  display: none;
}

.pricing-card.is-yearly .pricing-yearly-only {
  display: block;
}

.pricing-card.is-yearly .pricing-yearly-only.pricing-yearly-only--inline {
  display: inline-flex;
}

.pricing-card.is-yearly .pricing-monthly-only {
  display: none;
}