/* Pricing extends the existing Tigerwalk design tokens and shared components. */
.pricing-page { padding-top: 150px; background: radial-gradient(ellipse at top right, rgba(255,87,90,.09), transparent 40%); }
.pricing-hero { padding-bottom: 30px; max-width: 900px; }
.pricing-hero h1 { max-width: 900px; }
.pricing-intro { max-width: 780px; color: var(--muted); }
.pricing-intro .text-link { margin-top: 12px; display: table; }
.pricing-categories { padding: 24px 0 40px; }
.pricing-section { padding: 64px 0; border-top: 1px solid var(--line); scroll-margin-top: 95px; }
.pricing-page h2 { font-size: clamp(32px, 4vw, 50px); letter-spacing: -.04em; line-height: 1.12; margin: 18px 0 20px; }
.pricing-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin-top: 36px; }
.pricing-grid-web { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.price-card { padding: 30px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); display: flex; flex-direction: column; align-items: flex-start; }
.price-card-featured { border-color: var(--accent); }
.package-label { min-height: 24px; margin-bottom: 18px; color: var(--accent); font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .12em; }
.price-card h3 { font-size: 26px; line-height: 1.15; letter-spacing: -.025em; }
.package-price { font: 600 clamp(25px, 3vw, 36px)/1.2 "Space Grotesk", sans-serif; letter-spacing: -.035em; margin: 20px 0; }
.package-price span { color: var(--muted); font: 500 14px "DM Sans", sans-serif; letter-spacing: 0; }
.package-description, .package-note, .care-panel p { color: var(--muted); }
.package-description { margin: 0; }
.price-card ul, .care-panel ul { padding: 0; list-style: none; width: 100%; margin: 24px 0 30px; }
.price-card li, .care-panel li { position: relative; padding: 7px 0 7px 23px; font-size: 14px; }
.price-card li::before, .care-panel li::before { content: "✓"; position: absolute; left: 0; color: var(--accent); }
.package-note { font-size: 13px; margin: 0 0 24px; }
.price-card .btn { margin-top: auto; }
.price-button { border: 1px solid var(--line); background: var(--bg); }
.price-button:hover { border-color: var(--accent); color: var(--accent); }
.care-panel { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); padding: 36px; margin-top: 32px; }
.care-panel .care-heading { font: 600 26px/1.2 "Space Grotesk", sans-serif; color: var(--text); margin-top: 0; }
.care-panel ul { margin: 0; }
.care-panel .btn { margin-top: 20px; }
.pricing-disclaimer { border-left: 2px solid var(--accent); padding: 2px 24px; margin: 0 0 60px; color: var(--muted); font-size: 14px; max-width: 900px; }
.pricing-final { padding: 60px 0 90px; max-width: 850px; }
.pricing-page a:focus-visible { outline: 2px solid var(--accent); outline-offset: 5px; }
.navbar-link[aria-current="page"] { color: var(--text); }
.navbar-link[aria-current="page"]::after { width: 100%; }
@media (max-width: 1000px) { .pricing-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 700px) {
  .pricing-page { padding-top: 115px; }
  .pricing-hero h1 { font-size: clamp(40px, 11vw, 68px); }
  .pricing-grid, .care-panel { grid-template-columns: 1fr; }
  .pricing-section { padding: 42px 0; }
  .price-card, .care-panel { padding: 24px; }
  .care-panel { gap: 28px; }
  .pricing-final { padding-bottom: 55px; }
}

.invitation-tagline { color: var(--accent); font-size: 13px; font-weight: 700; letter-spacing: .08em; margin-bottom: 12px; }