/**
 * pricing.css — styles specific to the pricing page (pricing.html).
 *
 * Covers: the monthly/annual billing toggle and the FAQ accordion.
 * Global rules live in base.css.
 */

/* ---- Billing toggle ---- */
.billing-switch {
  transition: background-color 0.25s ease;
}

.billing-knob {
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.billing-switch[data-billing="annual"] .billing-knob {
  transform: translateX(28px);
}

/* ---- FAQ accordion ---- */
.faq-answer {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.3s ease;
}

.faq-item.open .faq-answer {
  grid-template-rows: 1fr;
}

.faq-item.open .faq-chevron {
  transform: rotate(180deg);
}

.faq-chevron {
  transition: transform 0.3s ease;
}