body {
  background-image: linear-gradient(180deg, var(--bs-secondary-bg), var(--bs-body-bg) 100px, var(--bs-body-bg));
}

.container {
  max-width: 960px;
}

.pricing-header {
  max-width: 700px;
}

/* Keep the actual annual charge prominent alongside the monthly equivalent. */
.plan-price-options .annual-value {
  flex-wrap: wrap;
}

.plan-price-options .annual-value > span:not(.annual-value-badge) {
  min-width: 0;
}

.plan-card .plan-price-options .annual-value small {
  display: block;
  margin-top: .5rem;
  font-size: clamp(1.15rem, 2.4vw, 1.5rem);
  font-weight: 800;
  line-height: 1.3;
  color: #7be3bd;
}