/* Price comparisons extend the shared public card and section treatments. */
.pricing-grid { align-items: stretch; }
.pricing-card { gap: 24px; }
.pricing-card-heading .collection-card-heading { margin-bottom: 6px; }
.pricing-card-heading h2 { margin: 0; }
.pricing-card-heading p, .pricing-section-intro { color: var(--muted); margin: 0; font-size: .9375rem; }
.pricing-card-price { min-width: 0; }
.pricing-amount { font-family: var(--font-sans); font-size: clamp(2.25rem, 4vw, 3rem); font-weight: 400; letter-spacing: -.045em; line-height: 1.15; font-variant-numeric: lining-nums tabular-nums; margin: 0; }
.pricing-cadence { color: var(--muted); font-size: .875rem; margin: 8px 0 0; }
.pricing-saving { display: inline-block; margin: 16px 0 0; padding: 4px 10px; border-radius: 6px; font-size: .75rem; font-weight: 700; background: var(--accent-hover); color: #fff; }
.pricing-features { display: grid; gap: 12px; list-style: none; padding: 0; margin: 0; font-size: .9375rem; }
.pricing-features li { display: flex; align-items: baseline; gap: 12px; }
.pricing-features li::before { content: "✓"; color: var(--accent); font-weight: 600; }
.pricing-card-footnote { color: var(--muted); font-size: .8125rem; margin: auto 0 0; border-top: 1px solid var(--line); padding-top: 16px; }
.pricing-inclusion { text-align: center; color: var(--muted); font-size: .875rem; margin: 0 0 32px; }
.pricing-section-intro { margin-top: 10px; }
.pricing-pack-label { color: var(--accent); font-size: .8125rem; white-space: nowrap; }
.pricing-pack { gap: 0; }
.pricing-pack h3 { margin-bottom: 20px; }
.pricing-pack .pricing-amount { font-size: 2rem; }
.pricing-pack .pricing-card-footnote { margin-top: 20px; }
.pricing-free { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.pricing-free h2 { margin-bottom: 8px; }
.pricing-free p { color: var(--muted); margin: 0; font-size: .9375rem; }
.pricing-free .text-link { flex-shrink: 0; }
@media (max-width: 1000px) {
  .pricing-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 640px) {
  .pricing-free { align-items: flex-start; flex-direction: column; gap: 12px; }
  .pricing-amount { font-size: 3rem; }
  .pricing-card-heading p { font-size: 1rem; }
  .pricing-inclusion { text-align: left; }
}
.pricing-credit { margin: 0; color: var(--accent); font-size: .875rem; font-weight: 600; }