/* Pricing page only. Shared tokens/layout in style.css (including the
   .plan-* card components, which the private /account/plan page also
   uses); topbar/eyebrow/subtitle/footer in landing.css. */

.pricing-hero { max-width: 640px; margin: 8px auto 40px; text-align: center; }
.pricing-hero .eyebrow { display: block; }
.pricing-hero h1 { font-size: 36px; line-height: 1.18; letter-spacing: -0.02em; margin: 0 0 14px; }
.pricing-hero .subtitle { max-width: none; margin: 0 auto; }

.plan-fineprint { max-width: 640px; margin: 22px auto 0; text-align: center; color: var(--dim); font-size: 12.5px; line-height: 1.6; }
.plan-fineprint a { color: var(--muted); }

.pricing-status { text-align: center; margin-top: 10px; }

@media (max-width: 800px) {
  .pricing-hero h1 { font-size: 28px; }
}