/* /pricing (design QA 207): two plan CARDS side by side (stacked below 900px), each a small drawing sheet: a title-block strip, the plan name, the price large, the facts, the buttons inside;
   the extra seat is inside the team card after its buttons. Renewal and the cart are narrow sections below. Tokens only (tokens.css); Heebo for Hebrew, IBM Plex Mono for the strip's codes. */
.plan-cards { display: grid; grid-template-columns: 1fr; gap: var(--vit-space-5); margin: var(--vit-space-5) 0; }
@media (min-width: 900px) { .plan-cards { grid-template-columns: 1fr 1fr; align-items: stretch; } }
.plan-card { display: flex; flex-direction: column; border: 1.5px solid var(--vit-ink); background: var(--vit-paper); min-width: 0; }
.plan-card.is-team { border-width: 3px; }
.plan-card .pc-strip { display: flex; justify-content: space-between; gap: var(--vit-space-3); padding: 6px var(--vit-space-4); border-bottom: 1.5px solid var(--vit-ink); background: var(--vit-paper-2); font-family: var(--vit-f-mono); font-size: 12px; letter-spacing: .06em; direction: ltr; }
.plan-card .pc-body { display: flex; flex-direction: column; gap: var(--vit-space-3); padding: var(--vit-space-5); flex: 1; }
.plan-card h2 { margin: 0; font-size: 24px; line-height: 1.2; }
.plan-card .pc-price { margin: 0; font-family: var(--vit-f-display); font-size: clamp(44px, 7vw, 64px); line-height: 1; }
.plan-card .pc-price [data-price] { font-size: inherit; }
.plan-card .pc-per { display: block; margin-top: var(--vit-space-2); font-family: var(--vit-f-heb); font-size: 16px; font-weight: 400; color: var(--vit-ink-2); }
.plan-card p { margin: 0; max-width: none; }
.plan-card .pc-actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--vit-space-3); margin-top: auto; padding-top: var(--vit-space-3); }
.plan-card .pc-actions [data-cta] { margin: 0; }
.plan-card [data-extra-seat] { margin-top: var(--vit-space-2); padding-top: var(--vit-space-3); border-top: 1px solid var(--vit-ink-2); }
.plan-card .addc { margin: 0; }
.pc-narrow { max-width: 40rem; margin-top: var(--vit-space-6); }
.pc-narrow h2 { margin: 0 0 var(--vit-space-2); }
/* review 23: the extra seat sits under the Team card, so both cards end in one aligned button row */
.plan-extra { min-width: 0; }
@media (min-width: 900px) { .plan-extra { grid-column: 2; } .plan-cards { grid-auto-rows: auto; } }
.plan-extra [data-extra-seat] { margin: 0; padding: var(--vit-space-3) var(--vit-space-4); border: 1px solid var(--vit-ink-2); border-top: 0; }