<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0" xmlns:yandex="http://news.yandex.ru" xmlns:turbo="http://turbo.yandex.ru" xmlns:media="http://search.yahoo.com/mrss/">
  <channel>
    <title>Кейсы</title>
    <link>http://yourcrmpartner.ru</link>
    <description/>
    <language>ru</language>
    <lastBuildDate>Mon, 08 Jun 2026 21:38:28 +0300</lastBuildDate>
    <item turbo="true">
      <title>Кейс</title>
      <link>http://yourcrmpartner.ru/tpost/l0jbvlvur1-keis</link>
      <amplink>http://yourcrmpartner.ru/tpost/l0jbvlvur1-keis?amp=true</amplink>
      <pubDate>Mon, 08 Jun 2026 21:19:00 +0300</pubDate>
      <turbo:content><![CDATA[<header><h1>Кейс</h1></header><div class="t-redactor__embedcode"><!-- HERO: Металл-Спринт / Битрикс24 -->
<div id="ms-hero">
  <section class="ms-hero">
    <div class="ms-shell">
      <div class="ms-hero__top">
        <div class="ms-hero__content">
          <div class="ms-hero__tag">Битрикс24 · автоматизация процессов</div>

          <h1 class="ms-hero__title">
            Комплексная автоматизация бизнес‑процессов в Битрикс24 для компании Металл-Спринт
          </h1>

          <p class="ms-hero__subtitle">
            Поможем выстроить единую систему управления заявками, продажами, задачами и коммуникациями.
            Оставьте заявку — разберём текущие процессы и предложим понятный план внедрения.
          </p>

          <div class="ms-hero__actions">
            <button class="ms-hero__button" type="button" data-ms-form-toggle>
              Оставить заявку
            </button>
          </div>

          <form class="ms-hero-form" id="msHeroForm">
            <div class="ms-hero-form__grid">
              <label class="ms-hero-form__field">
                <span>Имя</span>
                <input type="text" name="name" placeholder="Ваше имя">
              </label>

              <label class="ms-hero-form__field">
                <span>Телефон</span>
                <input type="tel" name="phone" placeholder="+7 (___) ___-__-__">
              </label>
            </div>

            <label class="ms-hero-form__agree">
              <input type="checkbox" name="privacy" required>
              <span>
                Я согласен с обработкой персональных данных и принимаю условия политики конфиденциальности
              </span>
            </label>

            <button class="ms-hero-form__submit" type="submit">
              Отправить заявку
            </button>
          </form>
        </div>

        <div class="ms-hero__visual">
          <div class="ms-hero__image-placeholder">
            <span>Место для изображения</span>
          </div>
        </div>
      </div>

      <div class="ms-hero__stats">
        <article class="ms-stat-card">
          <div class="ms-stat-card__text">
            <h3>Единая CRM-система</h3>
            <p>Заявки, клиенты, задачи и сделки в одном рабочем пространстве</p>
          </div>
          <div class="ms-stat-card__number">1</div>
        </article>

        <article class="ms-stat-card">
          <div class="ms-stat-card__text">
            <h3>Ключевые направления</h3>
            <p>Продажи, задачи, коммуникации и контроль процессов</p>
          </div>
          <div class="ms-stat-card__number">4</div>
        </article>

        <article class="ms-stat-card">
          <div class="ms-stat-card__text">
            <h3>Потери заявок</h3>
            <p>Настраиваем обработку обращений без хаоса и ручного контроля</p>
          </div>
          <div class="ms-stat-card__number">0</div>
        </article>

        <article class="ms-stat-card">
          <div class="ms-stat-card__text">
            <h3>Контроль работы</h3>
            <p>Руководитель видит статусы, задачи и движение сделок</p>
          </div>
          <div class="ms-stat-card__number">100%</div>
        </article>
      </div>
    </div>
  </section>
</div>

<style>
#ms-hero,
#ms-hero * {
  box-sizing: border-box;
}

#ms-hero {
  --ms-text: #123c7a;
  --ms-soft: #4b648f;
  --ms-border: #d8e7fb;
  --ms-blue: #2f6df6;
  --ms-blue-dark: #1f56cf;
  --ms-green: #1f9d55;
  --ms-green-light: #75d99d;
  --ms-dark: #10264d;
  --ms-shadow: 0 18px 48px rgba(23, 74, 165, 0.07);
  width: 100%;
  overflow: hidden;
  background: #ffffff;
  color: var(--ms-text);
  font-family: Arial, Helvetica, sans-serif;
}

#ms-hero button,
#ms-hero input {
  font-family: inherit;
}

#ms-hero .ms-shell {
  width: 100%;
  margin: 0 auto;
  padding-left: 48px;
  padding-right: 48px;
}

#ms-hero .ms-hero {
  min-height: 100vh;
  display: flex;
  align-items: center;
  background:
    radial-gradient(circle at 0% 0%, rgba(91, 155, 255, 0.12), transparent 32%),
    radial-gradient(circle at 100% 20%, rgba(126, 200, 255, 0.16), transparent 34%),
    #ffffff;
  padding: 48px 0;
}

#ms-hero .ms-hero__top {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(360px, 0.85fr);
  gap: 56px;
  align-items: center;
}

#ms-hero .ms-hero__content {
  min-width: 0;
}

#ms-hero .ms-hero__tag {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  margin-bottom: 24px;
  padding: 0 18px;
  border-radius: 999px;
  background: #edf4ff;
  border: 1px solid var(--ms-border);
  color: var(--ms-blue-dark);
  font-size: 15px;
  line-height: 1.1;
  font-weight: 900;
  letter-spacing: 0.02em;
}

#ms-hero .ms-hero__title {
  max-width: 920px;
  margin: 0;
  color: var(--ms-text);
  font-size: clamp(42px, 5.5vw, 74px);
  line-height: 1.08;
  font-weight: 900;
  letter-spacing: -0.04em;
}

#ms-hero .ms-hero__subtitle {
  max-width: 780px;
  margin: 24px 0 0;
  color: var(--ms-soft);
  font-size: 23px;
  line-height: 1.55;
}

#ms-hero .ms-hero__actions {
  margin-top: 32px;
}

#ms-hero .ms-hero__button,
#ms-hero .ms-hero-form__submit {
  min-height: 58px;
  padding: 0 28px;
  border: 0;
  border-radius: 18px;
  background: linear-gradient(135deg, var(--ms-blue-dark), var(--ms-blue) 58%, #5aa2ff 100%);
  color: #ffffff;
  cursor: pointer;
  font-size: 17px;
  line-height: 1;
  font-weight: 900;
  box-shadow: 0 16px 32px rgba(31, 86, 207, 0.22);
}

#ms-hero .ms-hero-form {
  display: none;
  max-width: 720px;
  margin-top: 22px;
  padding: 24px;
  border-radius: 26px;
  background: #ffffff;
  border: 1px solid var(--ms-border);
  box-shadow: var(--ms-shadow);
}

#ms-hero .ms-hero-form.is-open {
  display: block;
}

#ms-hero .ms-hero-form__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

#ms-hero .ms-hero-form__field {
  display: block;
}

#ms-hero .ms-hero-form__field span {
  display: block;
  margin-bottom: 8px;
  color: var(--ms-text);
  font-size: 14px;
  line-height: 1.2;
  font-weight: 800;
}

#ms-hero .ms-hero-form__field input {
  width: 100%;
  padding: 16px 18px;
  border-radius: 16px;
  border: 1px solid var(--ms-border);
  background: #f8fbff;
  color: var(--ms-text);
  font-size: 16px;
  line-height: 1.4;
  outline: none;
}

#ms-hero .ms-hero-form__field input:focus {
  border-color: rgba(47, 109, 246, 0.65);
  box-shadow: 0 0 0 4px rgba(47, 109, 246, 0.10);
}

#ms-hero .ms-hero-form__agree {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  margin: 16px 0 18px;
  color: var(--ms-soft);
  font-size: 13px;
  line-height: 1.45;
}

#ms-hero .ms-hero-form__agree input {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  margin-top: 1px;
  accent-color: var(--ms-blue);
}

#ms-hero .ms-hero-form__submit {
  width: 100%;
}

#ms-hero .ms-hero__visual {
  min-width: 0;
}

#ms-hero .ms-hero__image-placeholder {
  width: 100%;
  min-height: 520px;
  border-radius: 34px;
  background:
    radial-gradient(circle at 20% 10%, rgba(47, 109, 246, 0.18), transparent 34%),
    linear-gradient(135deg, rgba(47, 109, 246, 0.10), rgba(126, 200, 255, 0.28)),
    #eef6ff;
  border: 1px solid #d7e8ff;
  box-shadow: var(--ms-shadow);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #4b75bc;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 900;
  text-align: center;
}

#ms-hero .ms-hero__stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  margin-top: 42px;
}

#ms-hero .ms-stat-card {
  min-height: 156px;
  padding: 24px;
  border-radius: 26px;
  background:
    radial-gradient(circle at 0% 0%, rgba(47, 109, 246, 0.18), transparent 36%),
    linear-gradient(135deg, #10264d 0%, #173a72 100%);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 18px 44px rgba(16, 38, 77, 0.14);
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: start;
}

#ms-hero .ms-stat-card__text {
  min-width: 0;
}

#ms-hero .ms-stat-card__text h3 {
  margin: 0 0 10px;
  color: #ffffff;
  font-size: 21px;
  line-height: 1.18;
  font-weight: 900;
  letter-spacing: -0.02em;
}

#ms-hero .ms-stat-card__text p {
  margin: 0;
  color: rgba(255, 255, 255, 0.72);
  font-size: 15px;
  line-height: 1.45;
}

#ms-hero .ms-stat-card__number {
  min-width: 62px;
  height: 48px;
  padding: 0 14px;
  border-radius: 16px;
  background: linear-gradient(135deg, #0f8f52 0%, #20b86a 58%, #75d99d 100%);
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  line-height: 1;
  font-weight: 900;
  box-shadow: 0 14px 28px rgba(31, 157, 85, 0.18);
}

@media (max-width: 1199px) {
  #ms-hero .ms-hero__top {
    grid-template-columns: 1fr;
    gap: 34px;
  }

  #ms-hero .ms-hero__image-placeholder {
    min-height: 420px;
  }

  #ms-hero .ms-hero__stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  #ms-hero .ms-shell {
    padding-left: 20px;
    padding-right: 20px;
  }

  #ms-hero .ms-hero {
    min-height: auto;
    padding: 38px 0 56px;
  }

  #ms-hero .ms-hero__top {
    gap: 28px;
  }

  #ms-hero .ms-hero__tag {
    min-height: 36px;
    margin-bottom: 18px;
    padding: 0 14px;
    font-size: 13px;
  }

  #ms-hero .ms-hero__title {
    font-size: 36px;
    line-height: 1.12;
  }

  #ms-hero .ms-hero__subtitle {
    margin-top: 18px;
    font-size: 18px;
    line-height: 1.5;
  }

  #ms-hero .ms-hero__actions {
    margin-top: 24px;
  }

  #ms-hero .ms-hero__button {
    width: 100%;
  }

  #ms-hero .ms-hero-form {
    padding: 20px;
    border-radius: 22px;
  }

  #ms-hero .ms-hero-form__grid {
    grid-template-columns: 1fr;
  }

  #ms-hero .ms-hero__image-placeholder {
    min-height: 280px;
    border-radius: 24px;
    font-size: 17px;
  }

  #ms-hero .ms-hero__stats {
    grid-template-columns: 1fr;
    gap: 12px;
    margin-top: 28px;
  }

  #ms-hero .ms-stat-card {
    min-height: auto;
    padding: 20px;
    border-radius: 22px;
  }

  #ms-hero .ms-stat-card__text h3 {
    font-size: 20px;
  }

  #ms-hero .ms-stat-card__text p {
    font-size: 15px;
  }

  #ms-hero .ms-stat-card__number {
    min-width: 58px;
    height: 44px;
    border-radius: 14px;
    font-size: 20px;
  }
}

@media (max-width: 420px) {
  #ms-hero .ms-hero__title {
    font-size: 32px;
  }

  #ms-hero .ms-hero__subtitle {
    font-size: 17px;
  }
}
</style>

<script>
(function () {
  var root = document.getElementById('ms-hero');
  if (!root) return;

  var toggle = root.querySelector('[data-ms-form-toggle]');
  var form = root.querySelector('#msHeroForm');

  if (toggle && form) {
    toggle.addEventListener('click', function () {
      form.classList.add('is-open');
      toggle.style.display = 'none';
      var firstInput = form.querySelector('input');
      if (firstInput) {
        setTimeout(function () {
          firstInput.focus();
        }, 120);
      }
    });
  }

  if (form) {
    form.addEventListener('submit', function (e) {
      e.preventDefault();

      var privacy = form.querySelector('input[name="privacy"]');
      if (privacy && !privacy.checked) {
        privacy.focus();
        return;
      }

      var button = form.querySelector('.ms-hero-form__submit');
      if (!button) return;

      var originalText = button.textContent;
      button.textContent = 'Заявка отправлена';
      button.disabled = true;

      setTimeout(function () {
        button.textContent = originalText;
        button.disabled = false;
      }, 2500);

      form.reset();
    });
  }
})();
</script>
</div><div class="t-redactor__text">Кейс: комплексная автоматизация бизнес‑процессов в Битрикс24 для компании X<br /><br />Глава 1. Задача<br /><br />Клиент: производственная компания с отделами продаж, производства, логистики и бухгалтерии.<br /><br />Исходные проблемы:<br /><br />1.    Потеря клиентов из‑за разрозненных источников заявок. Заявки поступали из 7 каналов (сайт, соцсети, маркетплейсы, звонки, email, офлайн‑точки, партнёрские площадки). Из‑за ручной обработки до 20 % заявок терялись, не фиксировались в системе.<br /><br />2.    Отсутствие сквозного контроля за заказами. Не было единого инструмента для отслеживания полного пути клиента: от заявки до доставки. Это приводило к:<br /><br />o  задержкам в обработке;<br /><br />o  ошибкам при передаче данных между отделами;<br /><br />o  невозможности оперативно реагировать на проблемы с доставкой.<br /><br />3.    Некорректное распределение задач в отделе продаж. Менеджеры выбирали заявки произвольно, без учёта приоритета клиента и срочности заказа.<br /><br />4.    Разрыв между отделами. Производство получало заказы с задержкой, без полной информации; бухгалтерия не знала о статусе оплаты, что вызывало ошибки в учёте.<br /><br />5.    Ручной ввод данных. Дублирование информации в Excel, 1С, мессенджерах — высокая нагрузка на сотрудников и риск ошибок.<br /><br />Глава 2. Решение<br /><br />Этап 1. Консолидация источников заявок<br /><br />·      Настроен приём заявок из всех каналов в единую CRM‑систему.<br /><br />·      Для каждого источника создана отдельная CRM‑форма с предустановленными полями (источник, тип продукта, бюджет).<br /><br />·      Интегрированы:<br /><br />o  сайт (виджет формы);<br /><br />o  соцсети (чат‑боты и виджеты);<br /><br />o  маркетплейсы (через API);<br /><br />o  IP‑телефония (запись звонков + привязка к сделке);<br /><br />o  email (парсинг писем в сделки);<br /><br />o  офлайн‑точки (мобильное приложение Битрикс24).<br /><br />·      Настроено автоматическое создание лида при поступлении заявки с пометкой источника.<br /><br />Этап 2. Построение сквозных воронок для всех отделов<br /><br />·      Воронка отдела продаж: 5 этапов с автоматическими задачами и уведомлениями (от «Новой заявки» до «Оплата получена»).<br /><br />·      Воронка производственного отдела: 4 этапа с контролем материалов и фотоотчётами (от «В работе» до «Готово к отгрузке»).<br /><br />·      Воронка бухгалтерии: 4 этапа с синхронизацией с 1С (от «Счёт выставлен» до «Закрывающие документы»).<br /><br />Этап 3. Автоматизация взаимодействия между отделами<br /><br />Настроены роботы и триггеры для передачи задач между отделами:<br /><br />·      при переходе сделки в статус «Оплата получена» → автоматически создаётся задача для начальника производства;<br /><br />·      при смене статуса на «Изготовление» → уведомление бухгалтеру о планируемой дате отгрузки;<br /><br />·      при завершении производства → задача логисту на организацию доставки;<br /><br />·      при доставке → автоматический опрос клиента (оценка качества через SMS‑форму).<br /><br />Интеграции:<br /><br />·      1С: синхронизация справочников, автоматическая выгрузка счетов и актов.<br /><br />·      IP‑телефония: запись разговоров, привязка звонков к сделкам, статистика по менеджерам.<br /><br />·      Email‑рассылки: триггерные письма (подтверждение заказа, уведомление об отгрузке).<br /><br />·      SMS‑шлюз: автоматические уведомления клиенту (статус заказа, напоминание об оплате).<br /><br />Этап 4. Обучение и адаптация персонала<br /><br />Проведено:<br /><br />·      3‑дневный тренинг для отдела продаж: работа с воронками, заполнение карточек, использование шаблонов.<br /><br />·      Мастер‑класс для производства: мобильное приложение Битрикс24 (фотоотчёты, статусы).<br /><br />·      Семинар для бухгалтерии: синхронизация с 1С, закрытие сделок.<br /><br />·      Создание базы знаний с видеоинструкциями и FAQ.<br /><br />·      Назначение «чемпиона изменений» в каждом отделе для поддержки коллег.<br /><br />Этап 5. Контроль и аналитика<br /><br />Настроены:<br /><br />·      дашборды для руководителя (конверсия по источникам, средний чек, цикл сделки), менеджеров (план/факт, количество лидов), производства (загрузка цеха), бухгалтерии (дебиторская задолженность);<br /><br />·      автоотчёты: ежедневные — руководителям отделов, еженедельные — собственнику, ежемесячные — для стратегического анализа.<br /><br />Глава 3. Результат<br /><br />Количественные показатели:<br /><br />Показатель<br /><br />До внедрения<br /><br />После внедрения<br /><br />Улучшение<br /><br />Потерянные заявки<br /><br />15–20 %<br /><br />0 %<br /><br />−100 %<br /><br />Время обработки заявки<br /><br />2–3 часа<br /><br />15 минут<br /><br />−80 %<br /><br />Срок передачи заказа в производство<br /><br />1–2 дня<br /><br />2 часа<br /><br />−85 %<br /><br />Ошибки в документах<br /><br />5–7 %<br /><br />&lt; 1 %<br /><br />−86 %<br /><br />Конверсия из лида в сделку<br /><br />35 %<br /><br />48 %<br /><br />+37 %<br /><br />Удовлетворённость клиентов (NPS)<br /><br />62 %<br /><br />89 %<br /><br />+44 %<br /><br />Экономический эффект:<br /><br />·      сокращение трудозатрат отдела продаж на 30 %;<br /><br />·      ускорение цикла сделки на 40 %;<br /><br />·      снижение количества ошибок в документах на 85 %;<br /><br />·      рост выручки на 25 % за счёт обработки всех заявок;<br /><br />·      высвобождение 15 часов в неделю у каждого менеджера для работы с клиентами вместо рутинных операций.<br /><br />Качественные изменения:<br /><br />·      полный контроль над заявками из любых источников;<br /><br />·      бесшовная работа отделов без «перекидывания» задач;<br /><br />·      прозрачная аналитика для принятия решений;<br /><br />·      сэкономленное время сотрудников — они занимаются продажами, а не рутиной;<br /><br />·      рост лояльности клиентов за счёт быстрых ответов и точного соблюдения сроков.<br /><br />Вывод: внедрение Битрикс24 позволило компании перейти от хаотичной ручной работы к чёткой, прозрачной и автоматизированной системе управления заказами. Все отделы работают в единой среде, задачи распределяются автоматически, а руководитель видит полную картину бизнеса в реальном времени.<br /><br />Готовы обсудить, как адаптировать это решение под ваш бизнес? Назначим встречу для аудита текущих процессов и составления индивидуального плана внедрения!<br /><br />Хотите, раскрою какой‑то этап подробнее или подготовлю расчёт ROI для вашей компании?<br /><br /><br /><br /><br /></div>]]></turbo:content>
    </item>
    <item turbo="true">
      <title>Кейс 2</title>
      <link>http://yourcrmpartner.ru/tpost/zfaezf2ha1-keis-2</link>
      <amplink>http://yourcrmpartner.ru/tpost/zfaezf2ha1-keis-2?amp=true</amplink>
      <pubDate>Mon, 08 Jun 2026 21:25:00 +0300</pubDate>
      <turbo:content><![CDATA[<header><h1>Кейс 2</h1></header><div class="t-redactor__embedcode"><!-- HERO: Металл-Спринт / Битрикс24 -->
<div id="ms-hero">
  <section class="ms-hero">
    <div class="ms-shell">
      <div class="ms-hero__top">
        <div class="ms-hero__content">
          <div class="ms-hero__tag">Битрикс24 · автоматизация процессов</div>

          <h1 class="ms-hero__title">
            Комплексная автоматизация бизнес‑процессов в Битрикс24 для компании Металл-Спринт
          </h1>

          <p class="ms-hero__subtitle">
            Поможем выстроить единую систему управления заявками, продажами, задачами и коммуникациями.
            Оставьте заявку — разберём текущие процессы и предложим понятный план внедрения.
          </p>

          <div class="ms-hero__actions">
            <button class="ms-hero__button" type="button" data-ms-form-toggle>
              Оставить заявку
            </button>
          </div>

          <form class="ms-hero-form" id="msHeroForm">
            <div class="ms-hero-form__grid">
              <label class="ms-hero-form__field">
                <span>Имя</span>
                <input type="text" name="name" placeholder="Ваше имя">
              </label>

              <label class="ms-hero-form__field">
                <span>Телефон</span>
                <input type="tel" name="phone" placeholder="+7 (___) ___-__-__">
              </label>
            </div>

            <label class="ms-hero-form__agree">
              <input type="checkbox" name="privacy" required>
              <span>
                Я согласен с обработкой персональных данных и принимаю условия политики конфиденциальности
              </span>
            </label>

            <button class="ms-hero-form__submit" type="submit">
              Отправить заявку
            </button>
          </form>
        </div>

        <div class="ms-hero__visual">
          <div class="ms-hero__image-placeholder">
            <span>Место для изображения</span>
          </div>
        </div>
      </div>

      <div class="ms-hero__stats">
        <article class="ms-stat-card">
          <div class="ms-stat-card__text">
            <h3>Единая CRM-система</h3>
            <p>Заявки, клиенты, задачи и сделки в одном рабочем пространстве</p>
          </div>
          <div class="ms-stat-card__number">1</div>
        </article>

        <article class="ms-stat-card">
          <div class="ms-stat-card__text">
            <h3>Ключевые направления</h3>
            <p>Продажи, задачи, коммуникации и контроль процессов</p>
          </div>
          <div class="ms-stat-card__number">4</div>
        </article>

        <article class="ms-stat-card">
          <div class="ms-stat-card__text">
            <h3>Потери заявок</h3>
            <p>Настраиваем обработку обращений без хаоса и ручного контроля</p>
          </div>
          <div class="ms-stat-card__number">0</div>
        </article>

        <article class="ms-stat-card">
          <div class="ms-stat-card__text">
            <h3>Контроль работы</h3>
            <p>Руководитель видит статусы, задачи и движение сделок</p>
          </div>
          <div class="ms-stat-card__number">100%</div>
        </article>
      </div>
    </div>
  </section>
</div>

<style>
#ms-hero,
#ms-hero * {
  box-sizing: border-box;
}

#ms-hero {
  --ms-text: #123c7a;
  --ms-soft: #4b648f;
  --ms-border: #d8e7fb;
  --ms-blue: #2f6df6;
  --ms-blue-dark: #1f56cf;
  --ms-green: #1f9d55;
  --ms-green-light: #75d99d;
  --ms-dark: #10264d;
  --ms-shadow: 0 18px 48px rgba(23, 74, 165, 0.07);
  width: 100%;
  overflow: hidden;
  background: #ffffff;
  color: var(--ms-text);
  font-family: Arial, Helvetica, sans-serif;
}

#ms-hero button,
#ms-hero input {
  font-family: inherit;
}

#ms-hero .ms-shell {
  width: 100%;
  margin: 0 auto;
  padding-left: 48px;
  padding-right: 48px;
}

#ms-hero .ms-hero {
  min-height: 100vh;
  display: flex;
  align-items: center;
  background:
    radial-gradient(circle at 0% 0%, rgba(91, 155, 255, 0.12), transparent 32%),
    radial-gradient(circle at 100% 20%, rgba(126, 200, 255, 0.16), transparent 34%),
    #ffffff;
  padding: 48px 0;
}

#ms-hero .ms-hero__top {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(360px, 0.85fr);
  gap: 56px;
  align-items: center;
}

#ms-hero .ms-hero__content {
  min-width: 0;
}

#ms-hero .ms-hero__tag {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  margin-bottom: 24px;
  padding: 0 18px;
  border-radius: 999px;
  background: #edf4ff;
  border: 1px solid var(--ms-border);
  color: var(--ms-blue-dark);
  font-size: 15px;
  line-height: 1.1;
  font-weight: 900;
  letter-spacing: 0.02em;
}

#ms-hero .ms-hero__title {
  max-width: 920px;
  margin: 0;
  color: var(--ms-text);
  font-size: clamp(26px, 3vw, 38px);
  line-height: 1.08;
  font-weight: 900;
  letter-spacing: -0.04em;
}

#ms-hero .ms-hero__subtitle {
  max-width: 780px;
  margin: 24px 0 0;
  color: var(--ms-soft);
  font-size: 23px;
  line-height: 1.55;
}

#ms-hero .ms-hero__actions {
  margin-top: 32px;
}

#ms-hero .ms-hero__button,
#ms-hero .ms-hero-form__submit {
  min-height: 58px;
  padding: 0 28px;
  border: 0;
  border-radius: 18px;
  background: linear-gradient(135deg, var(--ms-blue-dark), var(--ms-blue) 58%, #5aa2ff 100%);
  color: #ffffff;
  cursor: pointer;
  font-size: 17px;
  line-height: 1;
  font-weight: 900;
  box-shadow: 0 16px 32px rgba(31, 86, 207, 0.22);
}

#ms-hero .ms-hero-form {
  max-width: 720px;
  max-height: 0;
  margin-top: 0;
  padding: 0 24px;
  border-radius: 26px;
  background: #ffffff;
  border: 1px solid transparent;
  box-shadow: 0 18px 48px rgba(23, 74, 165, 0);
  opacity: 0;
  overflow: hidden;
  transform: translateY(-14px);
  pointer-events: none;
  transition:
    max-height 0.45s ease,
    margin-top 0.35s ease,
    padding 0.35s ease,
    opacity 0.3s ease,
    transform 0.35s ease,
    border-color 0.35s ease,
    box-shadow 0.35s ease;
}

#ms-hero .ms-hero-form.is-open {
  max-height: 520px;
  margin-top: 22px;
  padding: 24px;
  border-color: var(--ms-border);
  box-shadow: var(--ms-shadow);
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

#ms-hero .ms-hero__button.is-active {
  background: #edf4ff;
  color: var(--ms-blue-dark);
  box-shadow: none;
}

#ms-hero .ms-hero-form__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

#ms-hero .ms-hero-form__field {
  display: block;
}

#ms-hero .ms-hero-form__field span {
  display: block;
  margin-bottom: 8px;
  color: var(--ms-text);
  font-size: 14px;
  line-height: 1.2;
  font-weight: 800;
}

#ms-hero .ms-hero-form__field input {
  width: 100%;
  padding: 16px 18px;
  border-radius: 16px;
  border: 1px solid var(--ms-border);
  background: #f8fbff;
  color: var(--ms-text);
  font-size: 16px;
  line-height: 1.4;
  outline: none;
}

#ms-hero .ms-hero-form__field input:focus {
  border-color: rgba(47, 109, 246, 0.65);
  box-shadow: 0 0 0 4px rgba(47, 109, 246, 0.10);
}

#ms-hero .ms-hero-form__agree {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  margin: 16px 0 18px;
  color: var(--ms-soft);
  font-size: 13px;
  line-height: 1.45;
}

#ms-hero .ms-hero-form__agree input {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  margin-top: 1px;
  accent-color: var(--ms-blue);
}

#ms-hero .ms-hero-form__submit {
  width: 100%;
}

#ms-hero .ms-hero__visual {
  min-width: 0;
}

#ms-hero .ms-hero__image-placeholder {
  width: 100%;
  min-height: 520px;
  border-radius: 34px;
  background:
    radial-gradient(circle at 20% 10%, rgba(47, 109, 246, 0.18), transparent 34%),
    linear-gradient(135deg, rgba(47, 109, 246, 0.10), rgba(126, 200, 255, 0.28)),
    #eef6ff;
  border: 1px solid #d7e8ff;
  box-shadow: var(--ms-shadow);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #4b75bc;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 900;
  text-align: center;
}

#ms-hero .ms-hero__stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  margin-top: 42px;
}

#ms-hero .ms-stat-card {
  min-height: 156px;
  padding: 24px;
  border-radius: 26px;
  background:
    radial-gradient(circle at 0% 0%, rgba(47, 109, 246, 0.18), transparent 36%),
    linear-gradient(135deg, #10264d 0%, #173a72 100%);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 18px 44px rgba(16, 38, 77, 0.14);
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: start;
}

#ms-hero .ms-stat-card__text {
  min-width: 0;
}

#ms-hero .ms-stat-card__text h3 {
  margin: 0 0 10px;
  color: #ffffff;
  font-size: 21px;
  line-height: 1.18;
  font-weight: 900;
  letter-spacing: -0.02em;
}

#ms-hero .ms-stat-card__text p {
  margin: 0;
  color: rgba(255, 255, 255, 0.72);
  font-size: 15px;
  line-height: 1.45;
}

#ms-hero .ms-stat-card__number {
  min-width: 62px;
  height: 48px;
  padding: 0 14px;
  border-radius: 16px;
  background: linear-gradient(135deg, #0f8f52 0%, #20b86a 58%, #75d99d 100%);
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  line-height: 1;
  font-weight: 900;
  box-shadow: 0 14px 28px rgba(31, 157, 85, 0.18);
}

@media (max-width: 1199px) {
  #ms-hero .ms-hero__top {
    grid-template-columns: 1fr;
    gap: 34px;
  }

  #ms-hero .ms-hero__image-placeholder {
    min-height: 420px;
  }

  #ms-hero .ms-hero__stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  #ms-hero .ms-shell {
    padding-left: 20px;
    padding-right: 20px;
  }

  #ms-hero .ms-hero {
    min-height: auto;
    padding: 38px 0 56px;
  }

  #ms-hero .ms-hero__top {
    gap: 28px;
  }

  #ms-hero .ms-hero__tag {
    min-height: 36px;
    margin-bottom: 18px;
    padding: 0 14px;
    font-size: 13px;
  }

  #ms-hero .ms-hero__title {
    font-size: 36px;
    line-height: 1.12;
  }

  #ms-hero .ms-hero__subtitle {
    margin-top: 18px;
    font-size: 18px;
    line-height: 1.5;
  }

  #ms-hero .ms-hero__actions {
    margin-top: 24px;
  }

  #ms-hero .ms-hero__button {
    width: 100%;
  }

  #ms-hero .ms-hero-form {
    padding: 0 20px;
    border-radius: 22px;
  }

  #ms-hero .ms-hero-form.is-open {
    padding: 20px;
  }

  #ms-hero .ms-hero-form__grid {
    grid-template-columns: 1fr;
  }

  #ms-hero .ms-hero__image-placeholder {
    min-height: 280px;
    border-radius: 24px;
    font-size: 17px;
  }

  #ms-hero .ms-hero__stats {
    grid-template-columns: 1fr;
    gap: 12px;
    margin-top: 28px;
  }

  #ms-hero .ms-stat-card {
    min-height: auto;
    padding: 20px;
    border-radius: 22px;
  }

  #ms-hero .ms-stat-card__text h3 {
    font-size: 20px;
  }

  #ms-hero .ms-stat-card__text p {
    font-size: 15px;
  }

  #ms-hero .ms-stat-card__number {
    min-width: 58px;
    height: 44px;
    border-radius: 14px;
    font-size: 20px;
  }
}

@media (max-width: 420px) {
  #ms-hero .ms-hero__title {
    font-size: 32px;
  }

  #ms-hero .ms-hero__subtitle {
    font-size: 17px;
  }
}
</style>

<script>
document.addEventListener('DOMContentLoaded', function () {
  var root = document.getElementById('ms-hero');
  if (!root) return;

  var toggle = root.querySelector('[data-ms-form-toggle]');
  var form = root.querySelector('#msHeroForm');

  if (toggle && form) {
    toggle.addEventListener('click', function (e) {
      e.preventDefault();

      var isOpen = form.classList.toggle('is-open');
      toggle.classList.toggle('is-active', isOpen);
      toggle.textContent = isOpen ? 'Скрыть форму' : 'Оставить заявку';

      if (isOpen) {
        var firstInput = form.querySelector('input');
        if (firstInput) {
          setTimeout(function () {
            firstInput.focus();
          }, 260);
        }
      }
    });
  }

  if (form) {
    form.addEventListener('submit', function (e) {
      e.preventDefault();

      var privacy = form.querySelector('input[name="privacy"]');
      if (privacy && !privacy.checked) {
        privacy.focus();
        return;
      }

      var button = form.querySelector('.ms-hero-form__submit');
      if (!button) return;

      var originalText = button.textContent;
      button.textContent = 'Заявка отправлена';
      button.disabled = true;

      setTimeout(function () {
        button.textContent = originalText;
        button.disabled = false;
      }, 2500);

      form.reset();

      setTimeout(function () {
        form.classList.remove('is-open');
        if (toggle) {
          toggle.classList.remove('is-active');
          toggle.textContent = 'Оставить заявку';
        }
      }, 2600);
    });
  }
});
</script>
</div>]]></turbo:content>
    </item>
  </channel>
</rss>
