/* Pricing page (Claude Design comp) */
.pricing-page h1 { margin-bottom: 12px; }
.pricing-lead { font-size: 1.0625rem; max-width: 60ch; margin-bottom: 36px; }
.plan-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 22px; max-width: 62rem; }
.plan-card { display: flex; flex-direction: column; padding: clamp(26px, 4vw, 34px); }
.plan-card h2 { margin: 0 0 4px; font-size: 1.25rem; }
.plan-tag { font-size: .9375rem; color: var(--text-muted); margin: 0 0 8px; }
.plan-price { font-size: 2rem; font-weight: 600; color: var(--ink); margin: 0 0 20px; }
.plan-price-note { font-size: .9375rem; color: var(--text-muted); font-weight: 400; margin-left: 6px; }
.plan-alt { font-size: .8125rem; color: var(--text-muted); font-weight: 400; margin: -14px 0 20px; }
.plan-cta { margin: auto 0 0; padding-top: 24px; }
.plan-card-premium { border: 2px solid var(--accent); box-shadow: var(--shadow-m); position: relative; }
.plan-badge { position: absolute; top: -12px; right: 24px; background: var(--accent); color: var(--on-accent); font-size: .75rem; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; padding: 5px 12px; border-radius: var(--r-round); }
.billing-note { margin-top: 22px; background: var(--surface-alt); border: 1px solid var(--line); border-radius: var(--r-m); padding: 22px 26px; font-size: .9375rem; line-height: 1.65; max-width: 72ch; }
.billing-note strong { color: var(--ink); }
.pricing-faq { margin-top: clamp(40px, 6vw, 64px); max-width: 48rem; }
.faq-stack { display: flex; flex-direction: column; gap: 12px; }