// Capability cards — number inline in heading text.

function Capabilities() {
  return (
    <section id="bot">
      <div className="wrap">
        <div className="section-head">
          <h2>Как Парк AI <em>закрывает поддержку</em> — без ночных смен и выгорания операторов</h2>
        </div>
        <div className="cap-grid">
          <div className="cap cap-hero">
            <h3>Помогает водителю оформить <em>самозанятость или ИП</em> прямо в чате</h3>
            <p>
              Самый тяжёлый пласт для поддержки. Водитель впервые сталкивается с налогами,
              приложением «Мой налог», регистрацией. Бот ведёт по шагам: собирает данные,
              объясняет, обрабатывает ошибки. От обращения до готовности к линии — обычно
              меньше десяти минут.
            </p>
          </div>
          <div className="cap">
            <h3>до <span className="cap-num">70%</span> обращений <em>закрывает сам</em></h3>
            <p>Выплаты, статус заказа, настройка приложения, смены, бонусы. Операторы видят только то, что бот не смог решить сам.</p>
          </div>
          <div className="cap">
            <h3><span className="cap-num">+10%</span> к конверсии <em>в первую поездку</em></h3>
            <p>Новый водитель пишет ночью — к утру оформлен и получил ссылки на старт смены. Без живого оператора.</p>
          </div>
          <div className="cap">
            <h3><span className="cap-num">24/7</span> отвечает <em>мгновенно</em></h3>
            <p>Скорость и точность снимают большую часть претензий. Водители меньше жалуются и реже уходят.</p>
          </div>
          <div className="cap">
            <h3>Сотрудник <em>решает сложное</em>, а не отвечает на рутину</h3>
            <p>Если кейс нестандартный или водитель просит живого оператора — бот переводит диалог вместе со всей перепиской. Операторы освобождаются для сложной и важной работы.</p>
          </div>
        </div>
      </div>
    </section>);

}

window.Capabilities = Capabilities;