/* K AI: наши правки поверх стилей дизайнера (landing v2) — подключается
   последним. Живые тарифы (kai-pricing.js): до пяти карточек вместо трёх. */

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}

/* Сетка тарифов: 5 в ряд на широком экране, 3 + 2 по центру на среднем,
   столбик на узком (как у дизайнера ниже 900px) */
.pricing-grid.pricing-grid-live{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;max-width:1520px}
.pricing-grid-live .price-card{flex:0 1 calc((100% - 4 * 16px) / 5);padding:26px 22px}
.pricing-grid-live .price-card h3{font-size:clamp(22px,1.6vw,30px);min-width:0}
.pricing-grid-live .price-mark{font-size:22px;line-height:1;flex-shrink:0;margin-left:8px}
.pricing-grid-live .price-description{min-height:42px}
.pricing-grid-live .price-amount{margin-top:18px}
.pricing-grid-live .price-amount strong{font-size:clamp(32px,2.5vw,42px)}
.pricing-grid-live .price-billing{min-height:48px;line-height:1.5}
.pricing-grid-live .price-select{margin-top:auto}
.price-billing s{color:#8f849d}
.pricing-grid-live .price-card-top{gap:8px}
.pricing-grid-live .price-card-featured .price-card-top{flex-wrap:wrap}
.price-badge{padding:4px 10px;border-radius:999px;background:#705bff;color:#fff;font-size:11px;font-weight:600;letter-spacing:.02em;white-space:nowrap}
.price-card-featured .price-description{color:#e2d8ff}

/* Таблица «Сравнить тарифы»: подсветка популярного, а не третьей колонки */
.price-table thead th:nth-child(3):not(.is-featured){background:#eee9f5}
.price-table tbody :is(td,th):nth-child(3):not(.is-featured){background:none}
.price-table thead th.is-featured{background:#e3dafb}
.price-table td.is-featured{background:#705bff0f}

/* Тарифы не загрузились */
.pricing-grid.pricing-grid-message{display:block}
.price-fallback{text-align:center;padding:36px 16px 20px;color:#d8d0e5;font-size:15px}
.price-fallback .button{margin-top:18px}

@media(max-width:1399px){
  .pricing-grid-live .price-card{flex-basis:calc((100% - 2 * 16px) / 3)}
}
@media(max-width:900px){
  .pricing-grid-live .price-card{flex-basis:100%;max-width:560px}
  .pricing-grid-live .price-card h3{font-size:clamp(24px,7.5vw,30px)}
  .pricing-grid-live .price-description,.pricing-grid-live .price-billing{min-height:0}
  .pricing-grid-live .price-select{margin-top:18px}
}

/* FAQ: дизайнерский второй абзац (.start-demo) заменён обычным */
.start-answer p+p{margin-top:12px}

/* Футер: ссылки на приложение, блог, бота и документы вместо плашки прототипа */
.footer-links{display:flex;flex-wrap:wrap;gap:4px 22px;font-size:12px}
.footer-links a{display:inline-flex;align-items:center;min-height:36px;color:var(--dark-muted)}
.footer-links a:hover{color:var(--white)}
@media(max-width:680px){
  footer .footer-links{order:3;width:100%;gap:0 18px;font-size:12px}
}

/* Шапка на самых узких экранах (320–374): «K AI» и кнопка не должны
   переноситься в две строки — знак и стрелка сжимают отступы */
@media(max-width:374px){
  .header-inner{gap:8px}
  .header-inner .brand{white-space:nowrap;gap:6px;font-size:20px}
  .header-inner .brand img{width:24px;height:24px}
  .header-start{white-space:nowrap;padding:10px 12px;gap:8px}
}