/* Balance packages are financial choices, not generic marketing feature cards. */
body[data-page-kind="pricing"] .pricing-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; align-items: stretch; margin-bottom: 56px; }
.balance-plan { position: relative; display: flex; flex-direction: column; min-width: 0; padding: 28px 24px; border: 1px solid var(--site-border); border-radius: 14px; background: var(--site-surface); color: var(--site-text); }
.balance-plan-featured { border-color: var(--site-accent); background: var(--site-raised); }
.balance-plan .plan-title { font-size: 19px; font-weight: 600; line-height: 1.4; margin: 0 0 8px; }
.balance-plan .page-card-text { font-size: 15px; line-height: 1.6; }
.balance-plan > div > span:first-child { color: var(--site-text) !important; font-size: 38px !important; font-weight: 600 !important; font-variant-numeric: tabular-nums; letter-spacing: -.03em; }
.balance-plan > a { margin-top: auto; min-height: 48px; font-size: 14px; }
body[data-page-kind="pricing"] .balance-plan-featured .btn-primary { background: var(--site-accent); color: var(--site-on-accent); }
.balance-plan .plan-recommendation { position: absolute; top: 12px; right: 14px; color: var(--site-accent); font-size: 11px; line-height: 1.3; font-weight: 600; }
body[data-page-kind="pricing"] .page-content > .container > .card { width: 100%; border-radius: 0; border: 0; border-top: 1px solid var(--site-border); padding-top: 40px; background: transparent; box-shadow: none; }
@media (max-width: 1100px) { body[data-page-kind="pricing"] .pricing-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 599px) { body[data-page-kind="pricing"] .pricing-grid { grid-template-columns: 1fr; } .balance-plan { padding: 24px; } }