/* Тарифы: карточки в стиле витрины, акцентная карточка «Базовый». */
.plans { display: grid; gap: 12px; grid-template-columns: 1fr; margin-bottom: 16px; }
@media (min-width: 760px) { .plans { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.plan { display: flex; flex-direction: column; background: var(--surface); border-radius: var(--radius-l); padding: 20px; min-width: 0; }
.plan--accent { box-shadow: inset 0 0 0 2px var(--brand); }
.plan--current { box-shadow: inset 0 0 0 2px var(--ok); }
.plan__head { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.plan__tagline { color: var(--text-2); font-size: 14px; margin: 6px 0 0; }
.plan__price { font: 800 30px/1.1 var(--font); letter-spacing: -.03em; font-variant-numeric: tabular-nums; margin-top: 14px; }
.plan__price small { font: 700 14px var(--font); color: var(--text-3); letter-spacing: 0; }
.plan__year { color: var(--text-3); font-size: 13px; font-weight: 600; margin: 4px 0 0; }
.plan__features { list-style: none; padding: 14px 0 0; margin: 14px 0 0; border-top: 1px solid var(--line); display: grid; gap: 8px; font-size: 14px; }
.plan__features li { display: flex; gap: 8px; align-items: flex-start; line-height: 1.35; }
.plan__features .icon--s { color: var(--ok); margin-top: 1px; }
.plan__actions { margin-top: auto; padding-top: 18px; display: grid; gap: 8px; }
.plan__actions form { margin: 0; }
.plan__pay { display: grid; gap: 8px; }
.plan__trial { font-size: 14px; width: 100%; text-align: center; }
.plan__pilot { font-size: 13px; text-align: center; margin: 0; }

.billing-note { margin-bottom: 16px; }
.billing-current { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 16px; }
.billing-current__label { font-size: 12px; font-weight: 700; }
.billing-current__name { font: 800 20px/1.2 var(--font); }
.billing-hint { font-size: 13px; margin: 0 0 16px; }
.billing-history { margin-top: 16px; }

.upsell { max-width: 640px; margin: 12px auto; padding: 28px 24px; }
.upsell h1 { font-size: 24px; margin-bottom: 8px; }
.upsell__features { margin-bottom: 18px; }
.upsell__icon--ok { background: var(--ok-soft); color: var(--ok); }
.upsell__back { font-size: 14px; margin: 16px 0 0; }