/* Red Mammoth — Pricing page (pricing.html).
   Page-specific rules only; shared patterns come from css/site.css. */

.page-hero__title { max-width: 24ch }

.pricing__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: clamp(28px, 5vw, 60px); align-items: start }

.pricing__card { background: var(--color-navy-light); border: 1px solid var(--color-gold); border-radius: 20px; padding: clamp(28px, 4vw, 42px) }
.pricing__card-kicker { font-size: 11.5px; letter-spacing: .16em; color: var(--color-gold); margin: 0 0 18px }
.pricing__card-amount { font-family: var(--font-heading); font-weight: 700; font-size: clamp(28px, 3.6vw, 40px); margin: 0 0 8px }
.pricing__card-note { font-size: 14.5px; color: var(--color-slate); margin: 0 0 28px }
.pricing__cta { display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: 16px; padding: 17px 26px }

.pricing__features { display: flex; flex-direction: column; gap: 16px }
.pricing__feature { display: flex; align-items: center; gap: 12px; font-size: 16px; color: var(--color-cream) }
.pricing__feature i { width: 18px; height: 18px; color: var(--color-gold); flex: none }
.pricing__disclaimer { font-size: 13.5px; line-height: 1.9; color: var(--color-slate); margin: 14px 0 0; max-width: 48ch }