diff --git a/medcenterstart/legacy/v2/DEPLOY.txt b/medcenterstart/legacy/v2/DEPLOY.txt new file mode 100644 index 0000000..c8e2a1d --- /dev/null +++ b/medcenterstart/legacy/v2/DEPLOY.txt @@ -0,0 +1,14 @@ +ГОТОВО К ЗАГРУЗКЕ НА СЕРВЕР + +Загрузить вместе: +1. index.html +2. styles.css +3. script.js +4. папку assets целиком + +После загрузки проверьте: +- открывается первый экран и фон; +- отображаются логотип и карточки оборудования; +- работает калькулятор; +- кнопки прокручивают к нужным блокам; +- форма отправляется в /api/leads/medical-centers-no-physio. diff --git a/medcenterstart/legacy/v2/README.md b/medcenterstart/legacy/v2/README.md new file mode 100644 index 0000000..d05a938 --- /dev/null +++ b/medcenterstart/legacy/v2/README.md @@ -0,0 +1,17 @@ +# EXO MedCbezFiz — серверная кодовая база + +Актуальная версия лендинга медицинского центра без физиотерапевтического кабинета, собранная из текущего файла EXO_MedCbezFiz_Calculator_v3.html. + +## Структура +- `index.html` — HTML-разметка +- `styles.css` — все стили лендинга +- `script.js` — интерактив, формы и калькулятор +- `assets/` — локальные изображения, логотипы, фоновые изображения и иконки + +## Загрузка на сервер +Загрузите **всё содержимое этой папки целиком** в корневую директорию нужного URL/поддомена. +Не меняйте относительное расположение `index.html`, `styles.css`, `script.js` и папки `assets`. + +## Важно по формам +В текущей версии сохранён endpoint формы: `/api/leads/medical-centers-no-physio`. +Если на сервере используется другой обработчик лидов, замените значение `FORM_ENDPOINT` в `script.js`. diff --git a/medcenterstart/legacy/v2/assets/asset_03.png b/medcenterstart/legacy/v2/assets/asset_03.png new file mode 100644 index 0000000..d1a7c79 Binary files /dev/null and b/medcenterstart/legacy/v2/assets/asset_03.png differ diff --git a/medcenterstart/legacy/v2/assets/asset_04.webp b/medcenterstart/legacy/v2/assets/asset_04.webp new file mode 100644 index 0000000..b97396b Binary files /dev/null and b/medcenterstart/legacy/v2/assets/asset_04.webp differ diff --git a/medcenterstart/legacy/v2/assets/asset_05.webp b/medcenterstart/legacy/v2/assets/asset_05.webp new file mode 100644 index 0000000..68df75f Binary files /dev/null and b/medcenterstart/legacy/v2/assets/asset_05.webp differ diff --git a/medcenterstart/legacy/v2/assets/asset_06.webp b/medcenterstart/legacy/v2/assets/asset_06.webp new file mode 100644 index 0000000..38e6d32 Binary files /dev/null and b/medcenterstart/legacy/v2/assets/asset_06.webp differ diff --git a/medcenterstart/legacy/v2/assets/asset_07.webp b/medcenterstart/legacy/v2/assets/asset_07.webp new file mode 100644 index 0000000..65d1c09 Binary files /dev/null and b/medcenterstart/legacy/v2/assets/asset_07.webp differ diff --git a/medcenterstart/legacy/v2/assets/asset_08.webp b/medcenterstart/legacy/v2/assets/asset_08.webp new file mode 100644 index 0000000..325f67d Binary files /dev/null and b/medcenterstart/legacy/v2/assets/asset_08.webp differ diff --git a/medcenterstart/legacy/v2/assets/asset_09.png b/medcenterstart/legacy/v2/assets/asset_09.png new file mode 100644 index 0000000..4000fe3 Binary files /dev/null and b/medcenterstart/legacy/v2/assets/asset_09.png differ diff --git a/medcenterstart/legacy/v2/assets/asset_10.png b/medcenterstart/legacy/v2/assets/asset_10.png new file mode 100644 index 0000000..84ee128 Binary files /dev/null and b/medcenterstart/legacy/v2/assets/asset_10.png differ diff --git a/medcenterstart/legacy/v2/assets/asset_11.webp b/medcenterstart/legacy/v2/assets/asset_11.webp new file mode 100644 index 0000000..6344ffd Binary files /dev/null and b/medcenterstart/legacy/v2/assets/asset_11.webp differ diff --git a/medcenterstart/legacy/v2/assets/asset_12.svg b/medcenterstart/legacy/v2/assets/asset_12.svg new file mode 100644 index 0000000..9fd42ee --- /dev/null +++ b/medcenterstart/legacy/v2/assets/asset_12.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/medcenterstart/legacy/v2/assets/asset_13.svg b/medcenterstart/legacy/v2/assets/asset_13.svg new file mode 100644 index 0000000..a808a1c --- /dev/null +++ b/medcenterstart/legacy/v2/assets/asset_13.svg @@ -0,0 +1,9 @@ + + + + + + + УЧАСТНИК + ПРОЕКТА «СКОЛКОВО» + \ No newline at end of file diff --git a/medcenterstart/legacy/v2/assets/asset_14.webp b/medcenterstart/legacy/v2/assets/asset_14.webp new file mode 100644 index 0000000..c4788d5 Binary files /dev/null and b/medcenterstart/legacy/v2/assets/asset_14.webp differ diff --git a/medcenterstart/legacy/v2/assets/favicon.svg b/medcenterstart/legacy/v2/assets/favicon.svg new file mode 100644 index 0000000..c4e6af4 --- /dev/null +++ b/medcenterstart/legacy/v2/assets/favicon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/medcenterstart/legacy/v2/assets/og-image.webp b/medcenterstart/legacy/v2/assets/og-image.webp new file mode 100644 index 0000000..970529e Binary files /dev/null and b/medcenterstart/legacy/v2/assets/og-image.webp differ diff --git a/medcenterstart/legacy/v2/index.html b/medcenterstart/legacy/v2/index.html new file mode 100644 index 0000000..e88208a --- /dev/null +++ b/medcenterstart/legacy/v2/index.html @@ -0,0 +1,430 @@ + + + + + + +Физиотерапия с нуля для медицинского центра | Экзо Групп + + + + + + + + + + + + + + + + + + + + +
+
+
+
+
+

Решение для медицинского центра без физиотерапии

+

Физиотерапия с нуля — готовое направление под поток вашего центра

+

Проводим аудит клиентской базы и помещения. Проектируем кабинеты, подбираем технологии ЭКЗО, создаём клинические маршруты, обучаем команду.

+ +
+
от 12 м²стартовый формат одного кабинета
+
90 днейдо контрольной точки пилота
+
35% к чистой прибылипревращаем кабинет физиотерапии в главный источник дохода клиники
+
+
Новый аппаратный этап внутри уже существующего маршрута пациента
+
+
+
+
+
+
+
+

Рыночный контекст

+

Спрос на реабилитацию растёт. Пациент уже находится внутри вашего центра

+
+

Забудьте о расходах на привлечение новых клиентов. Мы встраиваем готовое направление физиотерапии в вашу структуру, превращая лояльную базу пациентов и текущий штат врачей в источник новой прибыли.

+
+
+
+
+2,41 +

млрд людей в мире живут с состояниями, при которых может быть полезна реабилитация

+WHO / IHME +
+
++63% +

рост глобальной потребности в реабилитации с 1990 года

+WHO / IHME +
+
+1,0 → 1,4 +

млн пациентов медицинской реабилитации в России, 2020–2024

+BusinesStat +
+
+5,1% +

прогнозируемый CAGR рынка услуг медицинской реабилитации в РФ, 2026–2033

+Grand View Research +
+
+
+

Исходная точка

+

Маршрут пациента: как перестать отдавать прибыль конкурентам.

+
+
+
Пока физиотерапии нет
+
    +
  • пациент ищет процедуры в другом месте;
  • +
  • у врача нет аппаратного этапа комплексной программы;
  • +
  • нет отдельной линейки курсов и пакетов;
  • +
  • часть повторных визитов и выручки остаётся вне центра.
  • +
+
+
+
+ После запуска направления
+
    +
  • пациент проходит маршрут внутри одной клиники;
  • +
  • назначение, процедуры и контроль связаны в курс;
  • +
  • существующая база формирует стартовую загрузку;
  • +
  • руководитель видит конверсию, завершение и экономику.
  • +
+
+
+
+
+

Рыночные показатели приведены по WHO/IHME, BusinesStat и Grand View Research. Они описывают рынок и потребность, но не являются прогнозом загрузки конкретного медицинского центра.

CAGR (Compound Annual Growth Rate) — среднегодовой темп роста: показатель, который показывает, каким был бы постоянный средний процент роста рынка за каждый год выбранного периода.

+
+
+
+

Сценарии выручки

+

Даже умеренная загрузка кабинета даёт понятную выручку

+

Модель считается просто: количество оплаченных курсов × средний чек курса. Дальше на аудите добавляем расходы и срок окупаемости.

+
Формула расчёта
оплаченные курсы × средний чек ≈ 27 000 ₽
без учёта расходов
+
+
30курсов в месяц
0,81 млн ₽осторожный сценарий
+
60курсов в месяц
1,62 млн ₽рабочая загрузка
+
100курсов в месяц
2,70 млн ₽сильная загрузка
+
+ +
+
+
+ Калькулятор сценария +

Посчитайте выручку и возврат инвестиций

+
+

Три показателя — и сразу видно месячную выручку, годовой результат, срок возврата и ROI.

+
+
+
+ + + Сколько курсов кабинет реально продаёт за месяц. +
+
+ + + Средняя стоимость одного оплаченного курса. +
+
+ + + Стартовые вложения для расчёта срока возврата и ROI. +
+
+
+
+ Дополнительная выручка / месяц + 1 620 000 ₽ + до вычета расходов +
+
+ Дополнительная выручка / год + 19 440 000 ₽ + при сохранении выбранной загрузки +
+
+ Срок возврата инвестиций + 3,1 мес. + инвестиции ÷ дополнительная выручка в месяц +
+
+ ROI за 12 месяцев + 289% + сценарный расчёт до операционных расходов +
+
+

Как читать расчёт: выручка показывает потенциал продаж. Срок возврата и ROI — ориентиры до учёта ФОТ, аренды, расходников и налогов. На финальной модели эти расходы добавляются отдельно.

+
+

Что превращает расчёт в окупаемость

+
Загрузка кабинета
Доля курсов
Повторные визиты
Средний чек
+

На финальном расчёте считаем CAPEX, ФОТ, площадь, аренду, расходники, налоги. Здесь показана рамка выручки, чтобы быстро понять порядок потенциала.

+
+
+
+
+
+

Готовое направление

+

Не просто поставка оборудования, а запуск полноценного отделения физиотерапии под ключ

+

Каждый шаг нашей дорожной карты нужен для того, чтобы кабинет приносил реальные деньги, а не просто числился на балансе клиники. «Экзо Групп» комплексно решает задачи медицинского и операционного запуска.

+
+
+
+
+

Удержать пациента

Добавить недостающий аппаратный этап в маршрут лечения и реабилитации внутри центра.

+
+
+
+

Создать новую выручку

Запустить отдельную платную линейку процедур, курсов и комплексных программ.

+
+
+
+

Усилить врачебный продукт

Связать назначение врача, технологии, длительность курса и контроль динамики.

+
+
+
+

Управлять показателями

Измерять назначения, загрузку, завершение курса, повторные визиты и экономику.

+
+
+
+
+
Сначала выбирается клиническая задача. Затем — технология и формат кабинета.
+
+

Профили, для которых особенно актуален предварительный аудит:

+
Травматология и ортопедияНеврологияПослеоперационная реабилитацияСпортивная медицинаРевматологияФлебология / лимфологияГинекология / УрологияЭстетическая медицина
+
+
+
+
+
+
+
+

Курсовая модель

+

Новая услуга сразу запускается как маршрут, а не набор разовых процедур

+

Программа связывает врача, технологии, длительность и контроль динамики. Название и состав адаптируются под профиль центра и утверждённую клиническую модель.

+
+
+
+
01

Нейрореабилитация

Наше оборудование помогает пациентам восстановить двигательные функции, в т.ч. после инсульта, снизить проявления спастичности и парезов, улучшить баланс и координацию.

02

Травматология и ортопедия

Устройства обеспечивают эффективную реабилитацию после переломов и эндопротезирования, способствуют снятию отёка и боли, повышают подвижность суставов и предупреждают развитие контрактур.

03

Послеоперационное восстановление

Оборудование позволяет активизировать пациентов в ранние сроки, стимулирует регенерацию тканей и снижает риск послеоперационных осложнений.

04

Хронические боли и дегенеративные заболевания

При остеохондрозе и артрозах оборудование помогает снизить болевой синдром и улучшить трофику и подвижность поражённых участков.

05

Детская реабилитация

Специальные методики способствуют развитию моторных навыков у детей с ДЦП, укрепляют мышечный корсет и помогают освоить вертикальное положение.

06

Спортивная медицина

Оборудование ускоряет восстановление спортсменов после травм и перегрузок, помогает грамотно вернуться к тренировкам и соревнованиям.

07

Паллиативная поддержка

Устройства облегчают хроническую боль и помогают сохранить функциональную активность на максимально возможном уровне.

+
На мобильном — листайте программы
+
+ +
+
+
+
+
+
+
+

Технологическое ядро

+

Состав под профиль центра и клинические маршруты

+
+

Конфигурация подбирается под профиль центра, поток пациентов и задачи врачей. Используем технологическое ядро ЭКЗО без универсального набора и лишнего дублирования.

+
+
+
Аппарат ЭкзоТерапия
+
Системное усиление

ЭкзоТерапия

ОДА • неврология • дыхательная система • сосуды • органы малого таза • ЖКТ

Высокоинтенсивная импульсная магнитотерапия.
+
+
Аппарат ЭкзоТекар 3 в 1
+
Локальное ядро

ЭкзоТекар 3 в 1

мышцы • суставы • связки • сухожилия • фасции • рубцы • посттравматическое восстановление

Текар-терапия + ударно-волновая терапия + ультразвуковая терапия.
+
+
Аппарат ЭкзоМагнит 3 в 1
+
Многофакторный модуль

ЭкзоМагнит 3 в 1

суставы • позвоночник • мышцы • сухожилия • мягкие ткани • малый таз

Магнит высокой интенсивности + ударно-волновая терапия + инфракрасная терапия.
+
+
Аппарат ЭкзоПресс
+
Параллельный поток

ЭкзоПресс

отёчные программы • лимфоотток • снятие тяжести в ногах • сосуды • послеоперационная реабилитация

Компрессионная терапия + тепловая терапия + холодовая терапия.
+
+
Аппарат ЭкзоВодород
+
Поддерживающий контур

ЭкзоВодород

системное восстановление • антиоксидантная терапия • улучшение метаболизма • поддержка иммунитета • антистресс

Ингаляция молекулярным водородом
+
+
Аппарат ЭкзоЛазер B
+
Локальные программы

ЭкзоЛазер В

мягкотканные травмы • точечное воспаление • регенерация тканей • болевые синдромы • реабилитация • стимуляция микроциркуляции • противоотёчный эффект • лечение связок и сухожилий • ускорение метаболизма

Высокоинтенсивная лазерная терапия.
+
+
+
Аппарат ЭкзоИмпульс
+
+Нейромышечный модуль +

ЭкзоИмпульс

+

электромагнитная стимуляция • нервно-мышечная система • устранение спазмов и зажимов • активация регенерации • противовоспалительный эффект • микроциркуляция и лимфодренаж • снятие глубоких мышечных болей • восстановление двигательной активности • реабилитация при неврологических патологиях

+
Фокусированная ударно-волновая терапия
+
+
+
+
На мобильном — листайте карточки в сторону
+
+ +Сначала выбирается клиническая задача и проверяется роль действующих методов. Затем подбирается недостающая технология. Аппараты применяются как инструмент врача; показания, противопоказания, квалификация персонала и формулировки сверяются с актуальной регистрационной документацией и лицензией клиники. +
+
+
+
+
+
+

Пространство и запуск

Начать можно с одного кабинета и расширяться после подтверждения KPI

+

Вместо хаотичной закупки техники мы внедряем экосистему: совмещаем технологии, настраиваем санитарную логистику, обеспечиваем приватность пациентов и внедряем четкие протоколы работы.

+
+
+
от 12 м²

Один кабинет

Стартовый формат под отдельный сценарий и ограниченную конфигурацию.

+
от 35 м²

Два кабинета

Базовая инфраструктура с разделением активных и параллельных процедур.

+
от 45 м²

Три кабинета

Расширенный формат для нескольких маршрутов и большей пропускной способности.

+
+

Финальный метраж, зонирование и состав фиксируются только после аудита помещения и медицинской модели.

+
+
1–2 неделя.Сбор данных и предпроектный анализ потенциалаМы оцениваем ресурсы вашей клиники и рассчитываем экономическую выгоду от запуска нового направления без отрыва команды от текущей работы.
  • Анализ действующей базы и потока: Поиск скрытого спроса внутри вашей клиники — выявляем, сколько ваших пациентов уже сейчас нуждаются в физиотерапии и уходят за ней в другие центры.
  • Аудит помещений и эргономики: Оценка свободных или неэффективно используемых площадей клиники на соответствие техническим требованиям оборудования.
  • Экспертиза лицензирования: Анализ текущей медицинской лицензии, планирование и подготовка документов для быстрого открытия нового направления по стандартам Минздрава.
  • Оценка команды и выбор маршрутов: Аудит текущего штата врачей и определение приоритетных медицинских направлений — неврология, ортопедия, гинекология — для коммерческого старта.
3–5 неделя.Разработка бизнес-проекта и EXO-интеграцииМы создаем индивидуальную медицинскую и экономическую модель нового отделения под ключ.
  • Создание концепции направления: Определение позиционирования кабинета — превращаем физиотерапию из вспомогательной услуги в генератор комплексных курсов.
  • Подбор оптимального состава: Формирование индивидуального комплекта EXO-модулей, исходя из специфики вашей клиники, бюджета и портрета пациента.
  • Проектирование планировки и сан-логистики: Разработка эргономичного плана расстановки оборудования с учетом приватности пациентов, логистики чистых зон и требований СанПиН.
  • Юридическое сопровождение: Подготовка пакета документов, регламентов и чек-листов для прохождения проверок и получения лицензии.
  • Расчет экономики и плана пилота: Создание финансовой модели — стоимость запуска, маржинальность процедур, сроки окупаемости — и пошагового сценария тестового запуска.
6–8 неделя.Бесшовная подготовка, оснащение и обучение командыМы полностью готовим инфраструктуру и персонал к запуску нового бизнес-процесса.
  • Поставка и шеф-монтаж: Доставка, установка и калибровка оборудования. Технические работы проводятся в удобное время, включая выходные и вечерние часы, без нарушения работы действующей клиники.
  • Обучение врачей с нуля: Практический курс по сочетанным методикам EXO-терапии, биомеханике и составлению курсовых программ.
  • Практика медсестер и администраторов: Инструктаж среднего медперсонала по безопасности и ведению параллельных процедур. Обучение администраторов скриптам продаж комплексных пакетов физиотерапии.
  • Внедрение процедурных карт: Интеграция готовых цифровых протоколов лечения в МИС клиники для автоматизации работы врачей.
  • Настройка записи и расписания: Создание бесконфликтной сетки расписания для максимальной загрузки кабинета без очередей и простоев площади.
9–12 неделя.Запуск пилотного проекта и выход на плановую прибыльТестовый запуск направления на вашей базе, контроль стандартов сервиса и получение первой коммерческой выручки.
  • Запуск назначений и продаж: Перевод первых целевых пациентов из вашей действующей базы на новые EXO-курсы вместо разовых визитов.
  • Контроль медицинских и бизнес-показателей: Сквозной мониторинг конверсии из приема в покупку курса, отслеживание динамики лечения пациентов по шкалам «до / после».
  • Разбор отклонений и адаптация: Оперативная корректировка работы персонала, разбор сложных клинических случаев и донастройка скриптов администраторов нашими экспертами.
  • Внедрение премиального сервиса: Контроль удовлетворенности пациентов для формирования лояльной базы и запуска сарафанного радио.
+
+
+
+
+
+
+

Почему Экзо Групп

+

Производство, клиническая практика и запуск — в одном цикле

+

Мы отвечаем за переход от оборудования к работающему направлению: технологии, методики, обучение, сервис, цифровой контроль и масштабирование.

+
+
+
+Производственная площадка Экзо Групп в Тольятти +
Российское производствоПроизводственная и сервисная инфраструктура в Тольятти, технопарк «Жигулёвская долина».
+
+
+
+
Собственная разработка и сервисЛинейка высокоинтенсивных и восстановительных технологий внутри одного продуктового контура.
+
Сеть Экзо КлиникОборудование, маршруты и организация работы проверяются на реальных медицинских процессах.
+
Полный контур внедренияПроект, оборудование, клиническая логика, обучение, сервис, продажи, KPI и масштабирование.
+
+
+
4собственные клиники
+
70+партнёрских клиник
+
60+медицинских учреждений
+
2 млн+проведённых процедур
+
+

Количественные показатели — по корпоративным материалам Экзо Групп; перед массовой внешней публикацией рекомендуется финальная сверка.

+
+
+
+
+
+
+
+

Следующий шаг

+

Запустим физиотерапию с нуля под ваш поток

+

Оставьте контакты — специалист уточнит профиль центра, пациентский поток и доступные помещения, после чего подготовит предварительную концепцию, конфигурацию и финансовую модель направления.

+
    +
  • предварительный аудит базы и врачебных направлений;
  • +
  • варианты пространства и состава технологий;
  • +
  • план запуска на 90 дней и набор контрольных KPI.
  • +
+
+
+
+
+
+
+
+ +
+ + + +
+
+ +
+
+
+
+
+
+
+
+ИННОВАЦИОННАЯ ЭКОСИСТЕМА +Экзо Групп — резидент ведущих технологических площадок +
+
+ + + + + + +
+
+
+ + + + + + + + + + \ No newline at end of file diff --git a/medcenterstart/legacy/v2/script.js b/medcenterstart/legacy/v2/script.js new file mode 100644 index 0000000..766eaa7 --- /dev/null +++ b/medcenterstart/legacy/v2/script.js @@ -0,0 +1,237 @@ +const FORM_ENDPOINT = '/api/leads/medical-centers-no-physio'; + + const header = document.getElementById('header'); + const updateHeader = () => header.classList.toggle('scrolled', window.scrollY > 18); + updateHeader(); + window.addEventListener('scroll', updateHeader, {passive:true}); + + const revealObserver = 'IntersectionObserver' in window ? new IntersectionObserver((entries, observer) => { + entries.forEach(entry => { + if (entry.isIntersecting) { entry.target.classList.add('is-visible'); observer.unobserve(entry.target); } + }); + }, {threshold:.12, rootMargin:'0px 0px -42px'}) : null; + document.querySelectorAll('[data-reveal]').forEach((el, i) => { + el.style.transitionDelay = `${Math.min((i % 5) * 55, 220)}ms`; + if (revealObserver) revealObserver.observe(el); else el.classList.add('is-visible'); + }); + + const counterObserver = 'IntersectionObserver' in window ? new IntersectionObserver((entries, observer) => { + entries.forEach(entry => { + if (!entry.isIntersecting) return; + const el = entry.target; + const target = parseFloat(el.dataset.counter || '0'); + const suffix = el.dataset.suffix || ''; + const prefix = el.dataset.prefix || ''; + const decimals = String(target).includes('.') ? 1 : 0; + const start = performance.now(); + const duration = 950; + const tick = now => { + const p = Math.min(1, (now - start) / duration); + const eased = 1 - Math.pow(1 - p, 3); + const v = target * eased; + el.textContent = prefix + (target === 2.41 ? v.toFixed(2) : v.toFixed(decimals)).replace('.', ',') + suffix; + if (p < 1) requestAnimationFrame(tick); + }; + requestAnimationFrame(tick); + observer.unobserve(el); + }); + }, {threshold:.6}) : null; + document.querySelectorAll('[data-counter]').forEach(el => counterObserver ? counterObserver.observe(el) : null); + + // Save UTM parameters into hidden fields. + const params = new URLSearchParams(location.search); + ['utm_source','utm_medium','utm_campaign','utm_content','utm_term'].forEach(key => { + const input = document.querySelector(`[name="${key}"]`); + let stored = ''; + try { stored = sessionStorage.getItem(key) || ''; } catch (e) { stored = ''; } + if (input) input.value = params.get(key) || stored; + if (params.get(key)) { try { sessionStorage.setItem(key, params.get(key)); } catch (e) {} } + }); + + const phone = document.getElementById('phone'); + phone.addEventListener('input', () => { + let d = phone.value.replace(/\D/g,'').slice(0,11); + if (!d) return; + if (d[0] === '8') d = '7' + d.slice(1); + if (d[0] !== '7') d = '7' + d; + let value = '+7'; + if (d.length > 1) value += ' ' + d.slice(1,4); + if (d.length >= 5) value += ' ' + d.slice(4,7); + if (d.length >= 8) value += '-' + d.slice(7,9); + if (d.length >= 10) value += '-' + d.slice(9,11); + phone.value = value; + }); + + function setStatus(message, type) { + const status = document.getElementById('formStatus'); + status.textContent = message; + status.className = `form-status show ${type}`; + } + + async function submitLead(event) { + event.preventDefault(); + const form = event.currentTarget; + const button = document.getElementById('submitBtn'); + if (form.website.value) return false; + if (!form.checkValidity()) { form.reportValidity(); setStatus('Проверьте обязательные поля формы.', 'error'); return false; } + const phoneDigits = form.phone.value.replace(/\D/g,''); + if (phoneDigits.length < 11) { setStatus('Укажите полный номер телефона.', 'error'); form.phone.focus(); return false; } + + const payload = Object.fromEntries(new FormData(form).entries()); + payload.created_at = new Date().toISOString(); + payload.page_url = location.href; + payload.page_title = document.title; + + button.disabled = true; + button.textContent = 'Отправляем…'; + try { + if (location.protocol === 'file:') throw new Error('preview'); + const response = await fetch(FORM_ENDPOINT, { + method:'POST', headers:{'Content-Type':'application/json'}, body:JSON.stringify(payload) + }); + if (!response.ok) throw new Error(`HTTP ${response.status}`); + setStatus('Спасибо. Заявка отправлена — специалист свяжется с вами для предварительного аудита.', 'success'); + form.reset(); + } catch (error) { + console.warn('Lead endpoint is not connected in preview:', error); + if (location.protocol === 'file:' || location.hostname === 'localhost') { + setStatus('Демонстрационный режим: форма заполнена корректно. Для публикации подключите FORM_ENDPOINT к CRM или webhook.', 'success'); + } else { + setStatus('Не удалось отправить заявку. Попробуйте ещё раз или свяжитесь с компанией по телефону.', 'error'); + } + } finally { + button.disabled = false; + button.innerHTML = `Получить предварительный аудит `; + } + return false; + } + window.submitLead = submitLead; + +/* ---- next bundled script ---- */ + +(function(){ + const root=document.querySelector('[data-course-calculator]'); if(!root)return; + const countInput=root.querySelector('#courseCalcCount'), checkInput=root.querySelector('#courseCalcCheck'), investmentInput=root.querySelector('#courseCalcInvestment'); + const monthOutput=root.querySelector('[data-course-month]'), yearOutput=root.querySelector('[data-course-year]'), paybackOutput=root.querySelector('[data-course-payback]'), roiOutput=root.querySelector('[data-course-roi]'); + const money=new Intl.NumberFormat('ru-RU',{maximumFractionDigits:0}); const decimal=new Intl.NumberFormat('ru-RU',{minimumFractionDigits:1,maximumFractionDigits:1}); + function safeNumber(input){const value=Number(String(input.value||'').replace(/\s/g,'').replace(',','.'));return Number.isFinite(value)&&value>0?value:0} + function updateCourseRevenue(){ + const courses=safeNumber(countInput), averageCheck=safeNumber(checkInput), investment=safeNumber(investmentInput); const month=courses&&averageCheck?Math.round(courses*averageCheck):0; const year=month*12; + monthOutput.textContent=month?money.format(month)+' ₽':'—'; yearOutput.textContent=year?money.format(year)+' ₽':'—'; + if(month&&investment){const payback=investment/month; paybackOutput.textContent=decimal.format(payback)+' мес.'; const roi=((year-investment)/investment)*100; roiOutput.textContent=Number.isFinite(roi)?money.format(Math.round(roi))+'%':'—'} else {paybackOutput.textContent='—';roiOutput.textContent='—'} + } + [countInput,checkInput,investmentInput].forEach(el=>el&&el.addEventListener('input',updateCourseRevenue)); updateCourseRevenue(); +})(); + + +/* === EXO callback modal === */ +(function(){ + const modal=document.getElementById('exoCallbackModal'); + const form=document.getElementById('exoCallbackForm'); + if(!modal||!form) return; + + const triggers=[...document.querySelectorAll('.btn--call,.header-call')]; + const closeEls=modal.querySelectorAll('[data-callback-close]'); + const nameInput=document.getElementById('exoCallbackName'); + const phoneInput=document.getElementById('exoCallbackPhone'); + const submit=document.getElementById('exoCallbackSubmit'); + const status=document.getElementById('exoCallbackStatus'); + let lastFocused=null; + + function setStatus(message,type){ + status.textContent=message; + status.className='exo-callback__status is-show '+(type==='success'?'is-success':'is-error'); + } + function clearStatus(){ + status.textContent=''; + status.className='exo-callback__status'; + } + function openModal(event){ + if(event) event.preventDefault(); + lastFocused=document.activeElement; + clearStatus(); + modal.classList.add('is-open'); + modal.setAttribute('aria-hidden','false'); + document.body.classList.add('exo-callback-open'); + setTimeout(()=>nameInput && nameInput.focus(),60); + } + function closeModal(){ + modal.classList.remove('is-open'); + modal.setAttribute('aria-hidden','true'); + document.body.classList.remove('exo-callback-open'); + if(lastFocused && typeof lastFocused.focus==='function') lastFocused.focus(); + } + + triggers.forEach(el=>el.addEventListener('click',openModal)); + closeEls.forEach(el=>el.addEventListener('click',closeModal)); + document.addEventListener('keydown',e=>{ + if(e.key==='Escape' && modal.classList.contains('is-open')) closeModal(); + }); + + function formatPhone(){ + let d=phoneInput.value.replace(/\D/g,'').slice(0,11); + if(!d){phoneInput.value='';return} + if(d[0]==='8') d='7'+d.slice(1); + if(d[0]!=='7') d='7'+d; + let value='+7'; + if(d.length>1) value+=' '+d.slice(1,4); + if(d.length>=5) value+=' '+d.slice(4,7); + if(d.length>=8) value+='-'+d.slice(7,9); + if(d.length>=10) value+='-'+d.slice(9,11); + phoneInput.value=value; + } + phoneInput.addEventListener('input',formatPhone); + + form.addEventListener('submit',async function(event){ + event.preventDefault(); + clearStatus(); + + if(!form.checkValidity()){ + form.reportValidity(); + return; + } + const phoneDigits=phoneInput.value.replace(/\D/g,''); + if(phoneDigits.length<11){ + setStatus('Укажите полный номер телефона.','error'); + phoneInput.focus(); + return; + } + + const payload=Object.fromEntries(new FormData(form).entries()); + delete payload.consent; + payload.lead_type='callback'; + payload.source='header-call-popup'; + payload.page_url=location.href; + payload.page_title=document.title; + payload.created_at=new Date().toISOString(); + + const original=submit.textContent; + submit.disabled=true; + submit.textContent='Отправляем…'; + + try{ + if(location.protocol==='file:') throw new Error('preview'); + const endpoint=form.dataset.endpoint; + const response=await fetch(endpoint,{ + method:'POST', + headers:{'Content-Type':'application/json','Accept':'application/json'}, + body:JSON.stringify(payload), + credentials:'same-origin' + }); + if(!response.ok) throw new Error('HTTP '+response.status); + setStatus('Спасибо. Заявка отправлена — специалист свяжется с вами.','success'); + form.reset(); + }catch(error){ + console.warn('Callback form:',error); + if(location.protocol==='file:' || location.hostname==='localhost'){ + setStatus('Демонстрационный режим: форма работает. После загрузки на сервер заявка будет отправляться в подключённый обработчик.','success'); + }else{ + setStatus('Не удалось отправить заявку. Попробуйте ещё раз или позвоните нам по номеру +7 927 789-60-71.','error'); + } + }finally{ + submit.disabled=false; + submit.textContent=original; + } + }); +})(); + diff --git a/medcenterstart/legacy/v2/styles.css b/medcenterstart/legacy/v2/styles.css new file mode 100644 index 0000000..a2a3d32 --- /dev/null +++ b/medcenterstart/legacy/v2/styles.css @@ -0,0 +1,644 @@ +:root { + --navy:#0A2540; + --navy-2:#061B2F; + --navy-3:#0E3352; + --teal:#00C4B4; + --teal-2:#45E4D7; + --ice:#EAFBF8; + --white:#FFFFFF; + --ink:#0A2540; + --muted:#60778B; + --muted-dark:#A8BDCB; + --line:rgba(10,37,64,.12); + --line-dark:rgba(255,255,255,.12); + --shadow:0 30px 90px rgba(4,30,48,.16); + --radius-xl:34px; + --radius-lg:25px; + --radius-md:18px; + --container:1200px; + --section-y:clamp(68px,8vw,108px); + } + *,*::before,*::after{box-sizing:border-box} + html{scroll-behavior:smooth;background:var(--navy-2)} + body{margin:0;overflow-x:hidden;color:var(--ink);background:#F5FAFB;font-family:Inter,Manrope,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility} + body.menu-open{overflow:hidden} + img{display:block;max-width:100%} + a{color:inherit;text-decoration:none} + button,input,textarea,select{font:inherit} + button{cursor:pointer} + ::selection{background:rgba(0,196,180,.28);color:var(--navy)} + .container{width:min(calc(100% - 32px),var(--container));margin-inline:auto} + .section{position:relative;padding:var(--section-y) 0} + section[id]{scroll-margin-top:78px} + .section--light{background:#F5FAFB} + .section--white{background:#fff} + .section--dark{background:var(--navy);color:#fff} + .section--compact{--section-y:clamp(58px,6vw,84px)} + .eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 16px;color:#008F84;font-size:12px;font-weight:850;letter-spacing:.14em;text-transform:uppercase} + .eyebrow::before{content:"";width:27px;height:2px;border-radius:2px;background:var(--teal)} + .section--dark .eyebrow{color:var(--teal-2)} + h1,h2,h3,p{margin-top:0} + h1,h2,h3{text-wrap:balance} + h1{max-width:940px;margin-bottom:22px;font-size:clamp(42px,7.7vw,84px);line-height:.98;letter-spacing:-.055em;font-weight:790} + h2{margin-bottom:20px;font-size:clamp(34px,5vw,58px);line-height:1.03;letter-spacing:-.045em;font-weight:760} + h3{margin-bottom:10px;font-size:clamp(21px,2.4vw,28px);line-height:1.14;letter-spacing:-.025em} + .lead{max-width:780px;margin-bottom:0;color:var(--muted);font-size:clamp(18px,2vw,22px);line-height:1.55} + .section--dark .lead{color:rgba(255,255,255,.72)} + .section-head{margin-bottom:clamp(34px,5vw,54px)} + .section-head--split{display:grid;gap:20px} + .small-note{font-size:13px;color:var(--muted);line-height:1.55} + .section--dark .small-note{color:rgba(255,255,255,.56)} + + .header{position:fixed;inset:0 0 auto;z-index:60;padding:14px 0;transition:background .25s ease,box-shadow .25s ease,backdrop-filter .25s ease} + .header.scrolled{background:rgba(6,27,47,.88);box-shadow:0 12px 42px rgba(3,20,34,.18);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)} + .header__inner{display:flex;align-items:center;justify-content:space-between;gap:18px} + .brand{display:inline-flex;align-items:center;min-width:0} + .brand img{width:clamp(165px,19vw,218px);height:auto} + .header__nav{display:none;align-items:center;gap:28px;color:rgba(255,255,255,.76);font-size:14px;font-weight:680} + .header__nav a{transition:color .2s ease} + .header__nav a:hover{color:#fff} + .header__actions{display:flex;align-items:center;gap:10px} + + .btn{min-height:52px;padding:0 22px;border:1px solid transparent;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:790;line-height:1;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease;white-space:nowrap} + .btn svg{width:18px;height:18px;flex:0 0 auto} + .btn:hover{transform:translateY(-2px)} + .btn:active{transform:translateY(0)} + .btn--primary{color:var(--navy);background:var(--teal);box-shadow:0 16px 45px rgba(0,196,180,.26)} + .btn--primary:hover{background:var(--teal-2);box-shadow:0 20px 55px rgba(0,196,180,.34)} + .btn--secondary{color:#fff;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.28);backdrop-filter:blur(10px)} + .btn--secondary:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.44)} + .btn--ghost{color:var(--navy);background:#fff;border-color:var(--line)} + .btn--header{min-height:44px;padding-inline:17px;font-size:13px} + .mobile-hidden{display:none} + + .hero{position:relative;min-height:780px;display:flex;align-items:flex-end;padding:126px 0 48px;overflow:hidden;color:#fff;background:var(--navy-2);isolation:isolate} + .hero::before{content:"";position:absolute;inset:0;z-index:-3;background-image:url("assets/asset_14.webp");background-size:cover;background-position:65% center;transform:scale(1.015)} + .hero::after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(4,24,41,.98) 0%,rgba(5,28,47,.92) 40%,rgba(5,28,47,.38) 76%,rgba(5,28,47,.14) 100%),linear-gradient(0deg,rgba(3,20,34,.78),transparent 48%)} + .hero__glow{position:absolute;z-index:-1;inset:auto auto -240px -150px;width:650px;height:650px;border-radius:50%;background:radial-gradient(circle,rgba(0,196,180,.24),transparent 64%);filter:blur(8px)} + .hero__content{max-width:860px} + .hero .eyebrow{color:var(--teal-2)} + .hero__sub{max-width:760px;margin-bottom:28px;color:rgba(255,255,255,.80);font-size:clamp(19px,2vw,24px);line-height:1.52} + .hero__actions{display:flex;flex-direction:column;align-items:stretch;gap:12px;margin-bottom:34px} + .hero__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:760px} + .hero-fact{min-height:92px;padding:17px 16px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(255,255,255,.08);backdrop-filter:blur(13px)} + .hero-fact strong{display:block;margin-bottom:3px;color:#fff;font-size:clamp(20px,3vw,30px);line-height:1.05;letter-spacing:-.03em} + .hero-fact span{display:block;color:rgba(255,255,255,.65);font-size:12px;line-height:1.35} + .hero__business{display:inline-flex;align-items:center;gap:9px;margin-top:18px;color:#C8FFF9;font-size:14px;font-weight:720} + .hero__business i{width:8px;height:8px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 7px rgba(0,196,180,.14)} + + .stats-grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(255px,82%);gap:12px;overflow-x:auto;padding:2px 16px 15px;margin-inline:-16px;scroll-snap-type:x mandatory;scrollbar-width:none} + .stats-grid::-webkit-scrollbar{display:none} + .stat-card{position:relative;min-height:185px;padding:24px;border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;overflow:hidden;box-shadow:0 16px 48px rgba(4,29,46,.06);scroll-snap-align:start} + .stat-card::after{content:"";position:absolute;right:-36px;bottom:-48px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(0,196,180,.17),transparent 68%)} + .stat-card__value{display:block;margin-bottom:8px;color:var(--navy);font-size:clamp(34px,5vw,54px);font-weight:830;letter-spacing:-.06em;line-height:1} + .stat-card__label{max-width:240px;margin:0;color:var(--muted);font-size:14px;line-height:1.45} + .stat-card__source{position:absolute;left:24px;bottom:19px;color:#7E93A3;font-size:10px;text-transform:uppercase;letter-spacing:.09em} + .market-layout{display:grid;gap:24px} + .gap-card{position:relative;display:grid;gap:16px;padding:27px;border-radius:var(--radius-xl);background:linear-gradient(145deg,var(--navy),#0C3650);color:#fff;overflow:hidden;box-shadow:var(--shadow)} + .gap-card::after{content:"";position:absolute;inset:auto -160px -200px auto;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(0,196,180,.22),transparent 67%)} + .gap-card h3{font-size:clamp(27px,3.5vw,42px);max-width:600px} + .gap-columns{position:relative;z-index:1;display:grid;gap:12px} + .gap-column{padding:20px;border:1px solid rgba(255,255,255,.13);border-radius:20px;background:rgba(255,255,255,.07)} + .gap-column--accent{background:rgba(0,196,180,.13);border-color:rgba(0,196,180,.34)} + .gap-column__title{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-weight:820} + .gap-column__title span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.12);color:var(--teal-2);font-size:13px} + .plain-list{display:grid;gap:9px;margin:0;padding:0;list-style:none} + .plain-list li{position:relative;padding-left:19px;color:rgba(255,255,255,.72);font-size:14px} + .plain-list li::before{content:"";position:absolute;left:0;top:.65em;width:7px;height:7px;border-radius:50%;background:var(--teal)} + + .promise-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(255px,82%);gap:12px;overflow-x:auto;padding:2px 16px 15px;margin:0 -16px 24px;scroll-snap-type:x mandatory;scrollbar-width:none} + .promise-strip::-webkit-scrollbar{display:none} + .promise-card{padding:22px;border:1px solid var(--line);border-radius:20px;background:#fff;scroll-snap-align:start} + .promise-card__icon{display:grid;place-items:center;width:42px;height:42px;margin-bottom:14px;border-radius:13px;color:var(--navy);background:var(--ice)} + .promise-card__icon svg{width:22px;height:22px} + .promise-card h3{font-size:20px} + .promise-card p{margin:0;color:var(--muted);font-size:14px} + .system-panel{padding:clamp(24px,4vw,40px);border:1px solid var(--line);border-radius:var(--radius-xl);background:linear-gradient(145deg,#fff,#F2FBFA);box-shadow:0 22px 70px rgba(4,30,48,.08)} + .system-grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(245px,80%);gap:10px;overflow-x:auto;padding:2px 1px 14px;scroll-snap-type:x mandatory;scrollbar-width:none} + .system-grid::-webkit-scrollbar{display:none} + .system-item{min-height:160px;padding:20px;border-radius:19px;background:#fff;border:1px solid rgba(10,37,64,.09);scroll-snap-align:start} + .system-item__num{display:inline-flex;margin-bottom:12px;color:#009D91;font-size:12px;font-weight:900;letter-spacing:.1em} + .system-item strong{display:block;margin-bottom:5px;color:var(--navy);font-size:17px} + .system-item span{display:block;color:var(--muted);font-size:13px;line-height:1.45} + .system-bottom{display:grid;gap:18px;align-items:center;margin-top:24px;padding-top:24px;border-top:1px solid var(--line)} + .system-bottom__statement{font-size:clamp(22px,3.3vw,34px);font-weight:800;line-height:1.16;letter-spacing:-.035em} + .chips{display:flex;flex-wrap:wrap;gap:8px} + .chip{padding:8px 12px;border-radius:999px;background:var(--ice);color:#176A67;font-size:12px;font-weight:720} + + .equipment-shell{overflow:hidden} + .equipment-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(275px,84%);gap:14px;overflow-x:auto;padding:2px 16px 16px;margin-inline:-16px;scroll-snap-type:x mandatory;scrollbar-width:none} + .equipment-track::-webkit-scrollbar{display:none} + .equipment-card{position:relative;min-height:430px;display:flex;flex-direction:column;scroll-snap-align:start;border:1px solid rgba(255,255,255,.13);border-radius:26px;background:linear-gradient(155deg,rgba(255,255,255,.10),rgba(255,255,255,.045));overflow:hidden} + .equipment-card__media{position:relative;height:220px;display:grid;place-items:center;padding:20px;overflow:hidden;background:radial-gradient(circle at 50% 42%,rgba(0,196,180,.15),rgba(3,22,38,.16) 46%,rgba(3,22,38,.64) 100%)} + .equipment-card__media img{width:auto;height:auto;max-width:92%;max-height:92%;object-fit:contain;filter:drop-shadow(0 18px 24px rgba(0,0,0,.28))} + .equipment-card__body{flex:1;padding:22px;display:flex;flex-direction:column} + .equipment-card__kicker{margin-bottom:8px;color:var(--teal-2);font-size:11px;font-weight:850;letter-spacing:.12em;text-transform:uppercase} + .equipment-card h3{color:#fff;font-size:27px} + .equipment-card p{margin-bottom:18px;color:rgba(255,255,255,.66);font-size:14px} + .equipment-card__role{margin-top:auto;padding-top:15px;border-top:1px solid rgba(255,255,255,.12);color:#C7FFF9;font-size:13px;font-weight:720} + .equipment-note{display:flex;align-items:flex-start;gap:12px;margin-top:22px;padding:18px 20px;border:1px solid rgba(0,196,180,.26);border-radius:18px;background:rgba(0,196,180,.09);color:rgba(255,255,255,.76);font-size:13px} + .equipment-note svg{width:20px;height:20px;flex:0 0 auto;color:var(--teal-2)} + + .programs-layout{display:grid;gap:24px;min-width:0} + .programs-layout>*{min-width:0} + .program-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,86%);gap:12px;overflow-x:auto;padding:2px 16px 15px;margin-inline:-16px;scroll-snap-type:x mandatory;scrollbar-width:none} + .program-track::-webkit-scrollbar{display:none} + .program-card{min-height:230px;padding:23px;border:1px solid var(--line);border-radius:22px;background:#fff;scroll-snap-align:start;box-shadow:0 15px 45px rgba(4,30,48,.055)} + .program-card__num{display:block;margin-bottom:22px;color:#00A99C;font-size:13px;font-weight:900;letter-spacing:.12em} + .program-card h3{font-size:23px} + .program-card p{margin:0;color:var(--muted);font-size:14px} + .patient-route{padding:clamp(24px,4vw,36px);border-radius:var(--radius-xl);background:var(--navy);color:#fff;box-shadow:var(--shadow)} + .route-steps{display:grid;gap:9px;margin-top:22px} + .route-step{display:grid;grid-template-columns:42px 1fr;gap:13px;align-items:start;padding:15px;border:1px solid rgba(255,255,255,.11);border-radius:17px;background:rgba(255,255,255,.06)} + .route-step__num{display:grid;place-items:center;width:42px;height:42px;padding:0;border-radius:13px;background:var(--teal);color:var(--navy);font-size:15px;font-weight:900;line-height:1;text-align:center} + .route-step strong{display:block;margin-bottom:2px;font-size:16px} + .route-step div>span{display:block;color:rgba(255,255,255,.63);font-size:13px} + + .formats-grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(255px,82%);gap:12px;overflow-x:auto;padding:2px 16px 15px;margin-inline:-16px;scroll-snap-type:x mandatory;scrollbar-width:none} + .formats-grid::-webkit-scrollbar{display:none} + .format-card{position:relative;padding:24px;border:1px solid var(--line);border-radius:22px;background:#fff;overflow:hidden;scroll-snap-align:start} + .format-card::after{content:"";position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;background:rgba(0,196,180,.08)} + .format-card__area{display:block;margin-bottom:9px;color:var(--navy);font-size:clamp(36px,5vw,52px);font-weight:850;letter-spacing:-.055em;line-height:1} + .format-card h3{font-size:20px} + .format-card p{margin:0;color:var(--muted);font-size:14px} + .format-note{margin-top:16px;color:var(--muted);font-size:13px} + .launch-layout{display:grid;gap:20px;margin-top:30px} + .timeline{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,82%);gap:10px;overflow-x:auto;padding:2px 1px 14px;scroll-snap-type:x mandatory;scrollbar-width:none} + .timeline::-webkit-scrollbar{display:none} + .timeline-step{min-height:155px;padding:19px;border-radius:20px;background:var(--ice);border:1px solid rgba(0,196,180,.16);scroll-snap-align:start} + .timeline-step__week{display:block;margin-bottom:12px;color:#008F84;font-size:12px;font-weight:900;letter-spacing:.11em;text-transform:uppercase} + .timeline-step strong{display:block;margin-bottom:6px;color:var(--navy);font-size:18px} + .timeline-step span{display:block;color:var(--muted);font-size:13px} + .economics-card{position:relative;padding:clamp(25px,4vw,38px);border-radius:var(--radius-xl);background:linear-gradient(145deg,var(--navy),#0D3B56);color:#fff;overflow:hidden;box-shadow:var(--shadow)} + .economics-card::after{content:"";position:absolute;right:-130px;bottom:-150px;width:390px;height:390px;border-radius:50%;background:radial-gradient(circle,rgba(0,196,180,.25),transparent 66%)} + .economics-card__value{position:relative;z-index:1;display:block;margin-bottom:7px;color:var(--teal-2);font-size:clamp(50px,7vw,78px);font-weight:880;letter-spacing:-.065em;line-height:1} + .economics-card h3{position:relative;z-index:1;max-width:450px;font-size:clamp(25px,3vw,36px)} + .economics-card p{position:relative;z-index:1;max-width:560px;color:rgba(255,255,255,.68);font-size:14px} + .assumptions{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:20px} + .assumption{padding:13px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10)} + .assumption strong{display:block;color:#fff;font-size:16px} + .assumption span{display:block;color:rgba(255,255,255,.57);font-size:11px} + + .why-layout{display:grid;gap:24px;align-items:stretch;min-width:0} + .why-layout>*{min-width:0} + .why-photo{position:relative;min-height:390px;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow)} + .why-photo img{width:100%;height:100%;object-fit:cover} + .why-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,24,39,.68),transparent 56%)} + .why-photo__caption{position:absolute;z-index:1;left:23px;right:23px;bottom:21px;color:#fff} + .why-photo__caption strong{display:block;font-size:22px} + .why-photo__caption span{display:block;color:rgba(255,255,255,.67);font-size:13px} + .why-list{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,84%);gap:10px;width:calc(100% + 32px);max-width:calc(100% + 32px);overflow-x:auto;padding:2px 16px 14px;margin-inline:-16px;scroll-snap-type:x mandatory;scrollbar-width:none} + .why-list::-webkit-scrollbar{display:none} + .why-item{display:grid;grid-template-columns:44px 1fr;gap:14px;padding:18px;border:1px solid var(--line);border-radius:19px;background:#fff;scroll-snap-align:start} + .why-item__icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--ice);color:#008F84} + .why-item__icon svg{width:22px;height:22px} + .why-item strong{display:block;margin-bottom:4px;color:var(--navy);font-size:16px} + .why-item span{display:block;color:var(--muted);font-size:13px} + .company-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px} + .company-stat{padding:18px;border:1px solid var(--line);border-radius:18px;background:#fff} + .company-stat strong{display:block;color:var(--navy);font-size:30px;line-height:1;letter-spacing:-.045em} + .company-stat span{display:block;margin-top:6px;color:var(--muted);font-size:12px} + + .cta-section{position:relative;padding:clamp(72px,9vw,120px) 0;overflow:hidden;background:var(--navy-2);color:#fff} + .cta-section::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(0,196,180,.18),transparent 33%),radial-gradient(circle at 90% 100%,rgba(37,117,151,.26),transparent 39%)} + .cta-layout{position:relative;display:grid;gap:30px} + .cta-copy h2{font-size:clamp(39px,6vw,68px)} + .cta-copy .lead{color:rgba(255,255,255,.72)} + .cta-checks{display:grid;gap:10px;margin:25px 0 0;padding:0;list-style:none} + .cta-checks li{display:flex;gap:10px;color:rgba(255,255,255,.75);font-size:14px} + .cta-checks svg{width:20px;height:20px;flex:0 0 auto;color:var(--teal-2)} + .form-card{padding:clamp(23px,4vw,34px);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-xl);background:rgba(255,255,255,.10);backdrop-filter:blur(20px);box-shadow:0 30px 90px rgba(0,0,0,.23)} + .form-grid{display:grid;gap:12px} + .field{display:grid;gap:7px} + .field label{font-size:12px;font-weight:750;color:rgba(255,255,255,.70)} + .field input,.field textarea,.field select{width:100%;min-height:52px;padding:0 15px;border:1px solid rgba(255,255,255,.18);border-radius:14px;outline:none;color:#fff;background:rgba(255,255,255,.08);transition:border-color .2s ease,background .2s ease,box-shadow .2s ease} + .field textarea{min-height:104px;padding-top:14px;resize:vertical} + .field select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,rgba(255,255,255,.7) 50%),linear-gradient(135deg,rgba(255,255,255,.7) 50%,transparent 50%);background-position:calc(100% - 18px) 22px,calc(100% - 13px) 22px;background-size:5px 5px;background-repeat:no-repeat} + .field select option{color:var(--navy);background:#fff} + .field input::placeholder,.field textarea::placeholder{color:rgba(255,255,255,.42)} + .field input:focus,.field textarea:focus,.field select:focus{border-color:var(--teal);background:rgba(255,255,255,.12);box-shadow:0 0 0 4px rgba(0,196,180,.12)} + .field--full{grid-column:1/-1} + .form-card .btn{width:100%;margin-top:4px} + .form-consent{margin:10px 0 0;color:rgba(255,255,255,.45);font-size:11px} + .form-status{display:none;margin-top:12px;padding:13px 15px;border-radius:13px;font-size:13px} + .form-status.show{display:block} + .form-status.success{background:rgba(0,196,180,.15);color:#C8FFF9;border:1px solid rgba(0,196,180,.30)} + .form-status.error{background:rgba(255,96,96,.12);color:#FFD6D6;border:1px solid rgba(255,96,96,.28)} + .hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important} + + .footer{padding:26px 0;background:#041524;color:rgba(255,255,255,.52);font-size:12px} + .footer__inner{display:grid;gap:14px} + .footer__brand img{width:185px} + .footer__legal{max-width:900px;line-height:1.55} + .footer__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding-top:13px;border-top:1px solid rgba(255,255,255,.09)} + + [data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.65,.3,1)} + [data-reveal].is-visible{opacity:1;transform:none} + .scroll-hint{display:flex;align-items:center;gap:8px;margin-top:12px;color:var(--muted);font-size:11px} + .section--dark .scroll-hint{color:rgba(255,255,255,.48)} + .scroll-hint::before{content:"";width:24px;height:1px;background:currentColor} + + @media(min-width:600px){ + .hero__actions{flex-direction:row;align-items:center} + .stats-grid{grid-auto-flow:initial;grid-auto-columns:auto;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;padding:0;margin:0} + .stat-card{min-height:205px} + .promise-strip{grid-auto-flow:initial;grid-auto-columns:auto;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;padding:0;margin:0 0 28px} + .program-track{grid-auto-columns:minmax(300px,48%)} + .formats-grid{grid-auto-flow:initial;grid-auto-columns:auto;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;padding:0;margin:0} + .company-stats{grid-template-columns:repeat(4,minmax(0,1fr))} + .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))} + } + @media(min-width:760px){ + .container{width:min(calc(100% - 48px),var(--container))} + .mobile-hidden{display:inline-flex} + .section-head--split{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);align-items:end} + .market-layout{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);align-items:stretch} + .gap-columns{grid-template-columns:repeat(2,minmax(0,1fr))} + .promise-strip{grid-template-columns:repeat(4,minmax(0,1fr))} + .system-grid{grid-auto-flow:initial;grid-auto-columns:auto;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;padding:0} + .system-bottom{grid-template-columns:minmax(0,1fr) minmax(340px,.85fr)} + .equipment-track{grid-auto-flow:initial;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;padding:0;margin:0} + .equipment-card{min-height:425px} + .programs-layout{display:block} + .program-track{grid-auto-flow:initial;grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible;padding:0;margin:0} + .program-card{min-height:255px} + .program-card:last-child{grid-column:auto} + .patient-route{margin-top:18px} + .route-steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px} + .route-step{display:block;min-height:170px;padding:14px} + .route-step__num{margin-bottom:12px} + .timeline{grid-auto-flow:initial;grid-auto-columns:auto;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));align-self:stretch;overflow:visible;padding:0} + .timeline-step{min-height:225px} + .launch-layout{grid-template-columns:minmax(0,1.28fr) minmax(360px,.72fr);align-items:stretch} + .why-layout{grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr)} + .why-list{grid-auto-flow:initial;grid-auto-columns:auto;width:auto;max-width:none;overflow:visible;padding:0;margin:0} + .cta-layout{grid-template-columns:minmax(0,1fr) minmax(430px,.83fr);align-items:center} + .footer__inner{grid-template-columns:220px 1fr} + .footer__bottom{grid-column:1/-1} + } + @media(min-width:980px){ + .header__nav{display:flex} + .hero{min-height:810px} + .hero::before{background-position:72% center} + .hero::after{background:linear-gradient(90deg,rgba(4,24,41,.99) 0%,rgba(5,28,47,.93) 42%,rgba(5,28,47,.30) 74%,rgba(5,28,47,.10) 100%),linear-gradient(0deg,rgba(3,20,34,.75),transparent 50%)} + .equipment-track{grid-template-columns:repeat(3,minmax(0,1fr))} + .equipment-card__media{height:220px} + } + @media(max-width:520px){ + .header .btn--header{padding-inline:14px;font-size:12px} + .brand img{width:155px} + .hero__facts{grid-template-columns:1fr 1fr} + .hero-fact:last-child{grid-column:1/-1} + .stat-card{min-height:172px;padding:20px} + .stat-card__source{left:20px;bottom:15px} + .system-grid{grid-template-columns:none} + .assumptions{grid-template-columns:1fr 1fr} + } + @media(prefers-reduced-motion:reduce){ + html{scroll-behavior:auto} + *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important} + [data-reveal]{opacity:1;transform:none} + } + + + /* Unified corporate logo and resident status block */ + .exo-master-logo { + display:block !important; + height:auto !important; + object-fit:contain; + object-position:left center; + flex:0 0 auto; + } + .brand .exo-master-logo--header, + .header .exo-master-logo--header, + .site-header .exo-master-logo--header { + width:clamp(172px,20vw,232px) !important; + max-width:100%; + } + .footer .exo-master-logo--footer { + width:clamp(150px,16vw,180px) !important; + max-width:min(50vw,180px) !important; + } + .footer__brand, + .footer-brand-logo { + display:flex; + align-items:center; + min-height:0 !important; + flex:0 0 auto; + max-width:180px; + } + .footer__brand img, + .footer-brand-logo img {display:block} + .footer__legal, + .footer-links, + .footer__right { + min-width:0; + position:relative; + z-index:1; + } + @media(max-width:599px){ + .footer .exo-master-logo--footer { + width:150px !important; + max-width:48vw !important; + } + } + + .exo-residency { + position:relative; + isolation:isolate; + overflow:hidden; + padding:34px 0 16px; + color:#fff; + background:linear-gradient(180deg,#071d31 0%,#041524 100%); + border-top:1px solid rgba(255,255,255,.08); + } + .exo-residency::before { + content:""; + position:absolute; + z-index:-1; + width:360px; + height:360px; + right:-120px; + top:-200px; + border-radius:50%; + background:rgba(0,196,180,.16); + filter:blur(80px); + pointer-events:none; + } + .exo-residency__inner { + display:flex; + flex-direction:column; + gap:20px; + } + .exo-residency__copy { + display:grid; + gap:6px; + max-width:580px; + } + .exo-residency__eyebrow { + color:#00c4b4; + font-size:10px; + line-height:1.2; + font-weight:850; + letter-spacing:.16em; + } + .exo-residency__copy strong { + color:#fff; + font-size:clamp(18px,2.6vw,27px); + line-height:1.15; + letter-spacing:-.02em; + } + .exo-residency__logos { + display:grid; + grid-template-columns:repeat(2,minmax(0,1fr)); + gap:11px; + width:min(100%,540px); + } + .exo-resident-card { + min-width:0; + min-height:82px; + padding:12px 16px; + display:flex; + align-items:center; + justify-content:center; + border-radius:18px; + background:rgba(255,255,255,.97); + border:1px solid rgba(255,255,255,.75); + box-shadow:0 16px 40px rgba(0,0,0,.13); + transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease; + } + .exo-resident-card:hover { + transform:translateY(-3px); + box-shadow:0 20px 46px rgba(0,0,0,.20); + border-color:rgba(0,196,180,.72); + } + .exo-resident-card__logo { + display:block !important; + width:auto !important; + max-width:100% !important; + height:auto !important; + object-fit:contain; + } + .exo-resident-card__logo--zhiguli {max-height:58px !important} + .exo-resident-card__logo--skolkovo {max-height:58px !important} + + @media (min-width:760px) { + .exo-residency {padding:42px 0 20px} + .exo-residency__inner { + flex-direction:row; + align-items:center; + justify-content:space-between; + gap:34px; + } + .exo-residency__logos {flex:0 0 min(50%,540px)} + } + @media (max-width:560px) { + .brand .exo-master-logo--header, + .header .exo-master-logo--header, + .site-header .exo-master-logo--header {width:168px !important} + .exo-residency__logos {grid-template-columns:1fr} + .exo-resident-card {min-height:78px} + .exo-resident-card__logo--zhiguli, + .exo-resident-card__logo--skolkovo {max-height:54px !important} + } + + +/* final no-physio updates */ +.launch-layout.launch-layout--single{grid-template-columns:1fr !important} +.timeline{grid-auto-columns:minmax(330px,92%) !important;gap:14px} +.timeline-step{min-height:auto !important;padding:22px 20px !important} +.timeline-step__week{display:block;margin-bottom:8px} +.timeline-step>strong{display:block;margin-bottom:10px;color:var(--navy);font-size:18px;line-height:1.2} +.timeline-step__lead{display:block;margin-bottom:14px;color:var(--muted);font-size:13px;line-height:1.55;font-style:italic} +.timeline-step ul{margin:0;padding-left:18px;display:grid;gap:8px;color:var(--muted);font-size:13px;line-height:1.55} +.timeline-step li{margin:0} +.timeline-step li strong{display:inline;color:var(--navy);font-size:13px} +@media(min-width:900px){.timeline{grid-auto-flow:initial !important;grid-auto-columns:auto !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;overflow:visible !important;padding:0 !important}} +.equipment-card__media{height:300px !important;padding:18px 18px 14px !important;display:flex !important;align-items:center !important;justify-content:center !important;overflow:hidden !important} +.equipment-card__media img{max-width:86% !important;max-height:86% !important;width:auto !important;height:auto !important;object-fit:contain !important;object-position:center center !important;transform:translateY(8px) !important;transform-origin:center center !important} +.equipment-card--impulse .equipment-card__media img{max-width:88% !important;max-height:88% !important;transform:translateY(10px) !important} + + +/* final program cards typography/layout fix */ +.program-track{grid-auto-columns:minmax(300px,88%) !important;gap:14px !important} +.program-card{min-height:290px !important;padding:22px !important;overflow:hidden !important} +.program-card__num{margin-bottom:14px !important} +.program-card h3{font-size:clamp(18px,1.7vw,22px) !important;line-height:1.12 !important;overflow-wrap:anywhere !important;word-break:normal !important;hyphens:auto !important;margin-bottom:12px !important} +.program-card p{font-size:13px !important;line-height:1.48 !important;overflow-wrap:anywhere !important;word-break:normal !important;hyphens:auto !important} +@media(min-width:600px){ + .program-track{grid-auto-columns:minmax(320px,48%) !important} +} +@media(min-width:900px){ + .program-track{grid-auto-flow:initial !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;overflow:visible !important;padding:0 !important;margin:0 !important} + .program-card{min-height:260px !important} +} +@media(min-width:1180px){ + .program-track{grid-template-columns:repeat(3,minmax(0,1fr)) !important} + .program-card{min-height:275px !important} + .program-card:last-child{grid-column:auto !important} +} + +/* call button */ +.btn--call{color:#fff;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.22);backdrop-filter:blur(10px)} +.btn--call:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.38)} +.btn--call svg{width:16px;height:16px} +@media(max-width:520px){.header__actions{gap:6px}.btn--call{padding-inline:12px}.btn--call span{display:none}.btn--call svg{width:18px;height:18px}} + +/* Laser B transparent product image fit */ +.equipment-card--laser .equipment-card__media{overflow:hidden !important;display:flex !important;align-items:center !important;justify-content:center !important;padding:20px !important} +.equipment-card--laser .equipment-card__media img{width:auto !important;height:auto !important;max-width:82% !important;max-height:82% !important;object-fit:contain !important;object-position:center center !important;transform:none !important;filter:drop-shadow(0 18px 24px rgba(0,0,0,.28)) !important} +@media(max-width:720px){.equipment-card--laser .equipment-card__media img{max-width:86% !important;max-height:86% !important}} + + +/* financial model blocks added from approved EXO materials */ +.fin-model{padding:clamp(68px,8vw,110px) 0;background:#f5fafb;color:#0A2540} +.fin-model--dark{background:#071f35;color:#fff} +.fin-model .container{width:min(calc(100% - 32px),1200px);margin-inline:auto} +.fin-kicker{display:flex;align-items:center;gap:10px;margin:0 0 14px;color:#00a99a;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase} +.fin-kicker:before{content:"";width:26px;height:2px;background:#00C4B4;border-radius:2px} +.fin-model--dark .fin-kicker{color:#39E0D2} +.fin-title{max-width:980px;margin:0 0 10px;font-size:clamp(32px,4.8vw,56px);line-height:1.04;letter-spacing:-.04em} +.fin-lead{max-width:900px;margin:0 0 34px;color:#60778B;font-size:clamp(17px,1.8vw,21px);line-height:1.55} +.fin-model--dark .fin-lead{color:rgba(255,255,255,.72)} +.fin-formula{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:20px 24px;border:1px solid rgba(0,196,180,.28);border-radius:18px;background:rgba(0,196,180,.06);margin:0 0 28px} +.fin-model--dark .fin-formula{background:rgba(255,255,255,.035);border-color:rgba(0,196,180,.28)} +.fin-formula__tag{color:#00a99a;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em} +.fin-formula__main{font-weight:800;font-size:clamp(18px,2vw,24px)} +.fin-formula__note{font-size:12px;color:#60778B;text-align:right} +.fin-model--dark .fin-formula__note{color:rgba(255,255,255,.55)} +.fin-scenarios{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:0 0 36px} +.fin-scenario{padding:26px 24px;border-radius:24px;border:1px solid rgba(0,196,180,.26);background:#0e3b5b;color:white;min-height:190px;display:flex;flex-direction:column;justify-content:space-between} +.fin-scenario strong{display:block;color:#39E0D2;font-size:clamp(34px,4vw,48px);line-height:1} +.fin-scenario small{color:rgba(255,255,255,.58)} +.fin-scenario b{font-size:clamp(24px,3vw,36px)} +.fin-drivers-title{margin:0 0 16px;font-size:18px} +.fin-drivers{display:grid;grid-template-columns:repeat(4,1fr);gap:12px} +.fin-driver{padding:18px 14px;border:1px solid rgba(0,196,180,.48);border-radius:14px;text-align:center;font-weight:700;font-size:14px} +.fin-note{margin:28px 0 0;padding:18px 20px;border-radius:14px;border:1px solid rgba(0,196,180,.2);color:#60778B;background:rgba(0,196,180,.04);font-size:13px;line-height:1.5} +.fin-model--dark .fin-note{color:rgba(255,255,255,.58);background:rgba(255,255,255,.035)} +.course-table-wrap{overflow-x:auto;border:1px solid rgba(10,37,64,.1);border-radius:18px;background:#fff;box-shadow:0 18px 55px rgba(3,26,43,.08)} +.course-table{width:100%;border-collapse:collapse;min-width:860px} +.course-table th{padding:16px;text-align:left;background:#00C4B4;color:#063047;font-size:12px;text-transform:uppercase;letter-spacing:.04em} +.course-table td{padding:18px 16px;border-bottom:1px solid rgba(10,37,64,.09);vertical-align:top;font-size:14px;line-height:1.45} +.course-table tr:nth-child(even) td{background:#eefaf8} +.course-table tr:last-child td{border-bottom:0} +.course-table td:first-child,.course-table td:last-child{font-weight:800} +.avg-course{margin-top:26px;padding:24px;border:1px solid #00C4B4;border-radius:16px;display:grid;grid-template-columns:260px 1fr;gap:24px;align-items:center;background:#f1fbf9} +.avg-course span{font-size:13px;color:#60778B}.avg-course strong{display:block;margin-top:5px;font-size:clamp(30px,4vw,44px)} +@media(max-width:760px){.fin-formula{grid-template-columns:1fr;gap:8px}.fin-formula__note{text-align:left}.fin-scenarios{grid-template-columns:1fr}.fin-drivers{grid-template-columns:1fr 1fr}.avg-course{grid-template-columns:1fr}.course-table-wrap{margin-right:-16px;border-radius:18px 0 0 18px}} + + /* Current-base economics visual */ + .base-economics-visual{padding:clamp(34px,5vw,64px) 0;background:#F5FAFB} + .base-economics-card{padding:clamp(12px,2vw,20px);border:1px solid rgba(10,37,64,.10);border-radius:24px;background:#fff;box-shadow:0 22px 70px rgba(3,26,43,.10)} + .base-economics-card img{display:block;width:100%;height:auto;max-height:760px;object-fit:contain;border-radius:16px} + @media(max-width:760px){.base-economics-visual{padding:28px 0}.base-economics-card{padding:8px;border-radius:18px}.base-economics-card img{border-radius:12px}} + + +/* v4 — полноценный блок экономики текущей базы */ +.patient-economics{padding:clamp(72px,8vw,108px) 0;background:#f5fafb;color:var(--navy)} +.patient-economics__head{max-width:900px;margin-bottom:34px} +.patient-economics__head h2{max-width:820px;margin-bottom:10px;font-size:clamp(32px,4vw,52px);line-height:1.02;letter-spacing:-.04em} +.patient-economics__head>p:last-child{max-width:800px;margin:0;color:var(--muted);font-size:17px} +.patient-economics__grid{display:grid;grid-template-columns:minmax(240px,320px) 1fr;gap:34px;align-items:stretch} +.patient-economics__hero{position:relative;min-height:420px;padding:28px 28px 48px;border-radius:22px;background:#0a2b49;color:#fff;box-shadow:0 24px 60px rgba(6,27,47,.14)} +.patient-economics__hero h3{margin:0 0 10px;font-size:27px;line-height:1.05} +.patient-economics__x5{margin:12px 0 8px;font-size:54px;font-weight:850;line-height:1;color:#fff;letter-spacing:-.05em} +.patient-economics__hero>strong{display:block;margin-bottom:22px;font-size:17px;line-height:1.22} +.patient-economics__hero ul{margin:0;padding-left:18px;color:rgba(255,255,255,.86);font-size:13px;line-height:1.5} +.patient-economics__hero-note{position:absolute;left:24px;right:24px;bottom:-18px;padding:12px 14px;border-radius:9px;background:var(--teal);color:var(--navy);font-size:12px;font-weight:800;text-align:center} +.patient-economics__content{min-width:0;padding-top:2px} +.patient-economics__metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:28px} +.patient-economics__metrics article{min-height:92px;padding:18px 14px;border:1px solid rgba(0,196,180,.34);border-radius:13px;background:#fff;display:flex;flex-direction:column;justify-content:center;text-align:center} +.patient-economics__metrics strong{display:block;color:#00a99b;font-size:20px;line-height:1.05;white-space:normal} +.patient-economics__metrics span{margin-top:8px;color:var(--muted);font-size:10px;font-weight:650;line-height:1.2} +.patient-economics__subtitle{margin:0 0 15px;font-size:19px;letter-spacing:-.02em} +.patient-economics__steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px} +.patient-economics__steps article{min-height:150px;padding:15px;border:1px solid rgba(0,196,180,.34);border-radius:12px;background:#fff} +.patient-economics__steps article.is-accent{background:rgba(0,196,180,.10)} +.patient-economics__steps span{display:block;margin-bottom:16px;color:#00aa9c;font-size:10px;font-weight:850} +.patient-economics__steps h4{margin:0 0 8px;font-size:15px;line-height:1.08} +.patient-economics__steps p{margin:0;color:var(--muted);font-size:11px;line-height:1.35} +.patient-economics__result{position:relative;overflow:hidden;margin-top:24px;padding:22px 24px 20px;border:1px solid rgba(57,224,210,.28);border-radius:20px;background:linear-gradient(135deg,#082943 0%,#0d3a59 58%,#0a304b 100%);box-shadow:0 22px 55px rgba(6,27,47,.18),inset 0 1px 0 rgba(255,255,255,.05);color:#fff;text-align:left} +.patient-economics__result:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,var(--teal),#39E0D2);box-shadow:0 0 24px rgba(0,196,180,.48)} +.patient-economics__result:after{content:"";position:absolute;width:220px;height:220px;right:-95px;top:-130px;border-radius:50%;background:radial-gradient(circle,rgba(57,224,210,.14),rgba(57,224,210,0) 70%);pointer-events:none} +.patient-economics__result-kicker{position:relative;z-index:1;margin:0 0 14px;color:#64e7dc;font-size:10px;font-weight:850;letter-spacing:.12em;text-transform:uppercase} +.patient-economics__equation{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1.2fr);gap:13px;align-items:center} +.patient-economics__metric{min-width:0;padding:13px 14px;border:1px solid rgba(255,255,255,.10);border-radius:14px;background:rgba(255,255,255,.055)} +.patient-economics__metric strong{display:block;margin:0 0 5px;color:#fff;font-size:clamp(20px,2.3vw,29px);line-height:1;font-weight:820;letter-spacing:-.035em} +.patient-economics__metric span{display:block;color:rgba(255,255,255,.58);font-size:10.5px;line-height:1.25} +.patient-economics__metric--accent{border-color:rgba(57,224,210,.50);background:linear-gradient(135deg,rgba(0,196,180,.18),rgba(57,224,210,.08));box-shadow:inset 0 0 0 1px rgba(57,224,210,.05)} +.patient-economics__metric--accent strong{color:#5be5d9} +.patient-economics__operator{color:rgba(255,255,255,.48);font-size:22px;font-weight:700;text-align:center} +.patient-economics__operator--equals{color:#5be5d9} +.patient-economics__result-note{position:relative;z-index:1;margin:14px 0 0;padding-top:13px;border-top:1px solid rgba(255,255,255,.09);color:rgba(255,255,255,.60);font-size:11px;line-height:1.45} + +@media(max-width:980px){.patient-economics__grid{grid-template-columns:1fr}.patient-economics__hero{min-height:0;padding-bottom:58px}.patient-economics__metrics,.patient-economics__steps{grid-template-columns:repeat(2,minmax(0,1fr))}} +@media(max-width:620px){.patient-economics{padding:64px 0}.patient-economics__head h2{font-size:34px}.patient-economics__metrics,.patient-economics__steps{grid-template-columns:1fr 1fr;gap:9px}.patient-economics__metrics article{min-height:84px;padding:14px 8px}.patient-economics__metrics strong{font-size:17px}.patient-economics__steps article{min-height:145px;padding:13px}.patient-economics__result{padding:18px 16px 17px;border-radius:16px}.patient-economics__equation{grid-template-columns:1fr;gap:8px}.patient-economics__operator{font-size:16px;line-height:1}.patient-economics__metric{padding:12px 13px}.patient-economics__metric strong{font-size:22px}.patient-economics__result-note{font-size:10.5px}} +@media(max-width:430px){.patient-economics__metrics,.patient-economics__steps{grid-template-columns:1fr}.patient-economics__steps article{min-height:auto}.patient-economics__hero{border-radius:18px}} + + +/* Revenue scenarios CTA */ +.fin-cta-wrap{display:flex;justify-content:center;margin-top:26px} +.fin-cta{min-width:270px} +@media(max-width:560px){.fin-cta-wrap{margin-top:22px}.fin-cta{width:100%;min-width:0}} + + +/* Revenue calculator — added to the existing financial scenarios block */ +.fin-calculator{ + margin:0 0 32px;padding:clamp(20px,2.5vw,28px);border:1px solid rgba(57,224,210,.34);border-radius:22px; + background:linear-gradient(135deg,rgba(0,196,180,.08),rgba(255,255,255,.03));box-shadow:0 18px 46px rgba(0,0,0,.14) +} +.fin-calculator__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.72fr);gap:18px;align-items:end;margin-bottom:18px} +.fin-calculator__eyebrow{display:block;margin:0 0 6px;color:#39E0D2;font-size:10px;font-weight:850;letter-spacing:.12em;text-transform:uppercase} +.fin-calculator__head h3{margin:0;color:#fff;font-size:clamp(20px,2.2vw,29px);line-height:1.1;letter-spacing:-.025em} +.fin-calculator__head p{max-width:420px;margin:0;color:rgba(255,255,255,.61);font-size:13px;line-height:1.45;text-align:right} +.fin-calculator__fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:12px} +.fin-calculator__results{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px} +.fin-calculator__field,.fin-calculator__result{min-width:0;padding:14px;border:1px solid rgba(255,255,255,.13);border-radius:15px;background:rgba(5,28,47,.58)} +.fin-calculator__field label{display:block;margin-bottom:7px;color:rgba(255,255,255,.78);font-size:11px;font-weight:760;line-height:1.3} +.fin-calculator__field input{width:100%;height:48px;padding:0 13px;border:1px solid rgba(57,224,210,.42);border-radius:11px;outline:0;background:#fff;color:#071f35;font-size:clamp(18px,2vw,24px);font-weight:850;font-variant-numeric:tabular-nums;transition:border-color .2s ease,box-shadow .2s ease} +.fin-calculator__field input:focus{border-color:#39E0D2;box-shadow:0 0 0 3px rgba(57,224,210,.12)} +.fin-calculator__field small{display:block;margin-top:7px;color:rgba(255,255,255,.45);font-size:10px;line-height:1.35} +.fin-calculator__result{display:flex;min-height:108px;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,rgba(14,59,91,.96),rgba(7,31,53,.96))} +.fin-calculator__result--accent{border-color:rgba(57,224,210,.48);background:linear-gradient(145deg,rgba(0,196,180,.18),rgba(7,31,53,.98))} +.fin-calculator__result span{color:rgba(255,255,255,.63);font-size:10px;font-weight:760;line-height:1.3;text-transform:uppercase;letter-spacing:.035em} +.fin-calculator__result strong{display:block;margin:8px 0 4px;color:#fff;font-size:clamp(20px,2.2vw,29px);line-height:1;letter-spacing:-.03em;white-space:nowrap;font-variant-numeric:tabular-nums} +.fin-calculator__result--accent strong{color:#39E0D2}.fin-calculator__result small{color:rgba(255,255,255,.43);font-size:9.5px;line-height:1.3} +.fin-calculator__caption{margin:13px 0 0;color:rgba(255,255,255,.52);font-size:11px;line-height:1.45}.fin-calculator__caption strong{color:rgba(255,255,255,.78)} +@media(max-width:980px){.fin-calculator__head{grid-template-columns:1fr;align-items:start}.fin-calculator__head p{max-width:none;text-align:left}.fin-calculator__fields{grid-template-columns:repeat(2,minmax(0,1fr))}.fin-calculator__field:last-child{grid-column:1/-1}.fin-calculator__results{grid-template-columns:repeat(2,minmax(0,1fr))}} +@media(max-width:620px){.fin-calculator{padding:17px;border-radius:18px}.fin-calculator__fields,.fin-calculator__results{grid-template-columns:1fr}.fin-calculator__field:last-child{grid-column:auto}.fin-calculator__result{min-height:98px}.fin-calculator__result strong{font-size:clamp(23px,8vw,30px)}} + + +/* === EXO callback modal === */ +body.exo-callback-open{overflow:hidden} +.exo-callback{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;padding:20px} +.exo-callback.is-open{display:flex} +.exo-callback__backdrop{position:absolute;inset:0;background:rgba(3,18,31,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)} +.exo-callback__dialog{position:relative;width:min(100%,460px);max-height:calc(100svh - 32px);overflow:auto;padding:30px;border:1px solid rgba(10,37,64,.10);border-radius:26px;background:#fff;color:#0A2540;box-shadow:0 34px 100px rgba(2,20,34,.30)} +.exo-callback__close{position:absolute;top:14px;right:14px;width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(10,37,64,.10);border-radius:50%;background:#fff;color:#61798B;font-size:24px;line-height:1;cursor:pointer;transition:.2s ease} +.exo-callback__close:hover{color:#0A2540;border-color:rgba(10,37,64,.25);transform:rotate(3deg)} +.exo-callback__eyebrow{margin:0 46px 10px 0;color:#00AFA2;font-size:11px;font-weight:850;letter-spacing:.13em;text-transform:uppercase} +.exo-callback__dialog h2{margin:0 46px 10px 0;font-size:clamp(27px,5vw,34px);line-height:1.04;letter-spacing:-.035em} +.exo-callback__intro{margin:0 0 22px;color:#61798B;font-size:14px;line-height:1.55} +.exo-callback__intro a{color:#0A2540;font-weight:800;text-decoration:underline;text-decoration-color:rgba(0,196,180,.45);text-underline-offset:3px} +.exo-callback__field{display:grid;gap:7px;margin-bottom:14px} +.exo-callback__field label{font-size:12px;font-weight:800;color:#0A2540} +.exo-callback__field input{width:100%;height:50px;padding:0 14px;border:1px solid rgba(10,37,64,.14);border-radius:13px;background:#F7FAFB;color:#0A2540;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease} +.exo-callback__field input::placeholder{color:#91A3AF} +.exo-callback__field input:focus{background:#fff;border-color:#00C4B4;box-shadow:0 0 0 4px rgba(0,196,180,.10)} +.exo-callback__consent{display:flex;align-items:flex-start;gap:9px;margin:4px 0 16px;color:#7B8D99;font-size:10px;line-height:1.45;cursor:pointer} +.exo-callback__consent input{width:15px;height:15px;margin:1px 0 0;accent-color:#00C4B4;flex:0 0 auto} +.exo-callback__submit{width:100%;min-height:52px;border:0;border-radius:999px;background:#00C4B4;color:#061B2F;font:800 14px/1 Inter,Manrope,"Segoe UI",Arial,sans-serif;cursor:pointer;box-shadow:0 12px 30px rgba(0,196,180,.22);transition:transform .2s ease,box-shadow .2s ease,background .2s ease} +.exo-callback__submit:hover{transform:translateY(-1px);background:#3BE4D6;box-shadow:0 16px 36px rgba(0,196,180,.28)} +.exo-callback__submit:disabled{opacity:.62;cursor:wait;transform:none} +.exo-callback__status{display:none;margin:14px 0 0;padding:11px 12px;border-radius:11px;font-size:12px;line-height:1.45} +.exo-callback__status.is-show{display:block} +.exo-callback__status.is-success{color:#075B53;background:#E4FAF7;border:1px solid rgba(0,196,180,.22)} +.exo-callback__status.is-error{color:#8C2E2E;background:#FFF0F0;border:1px solid rgba(204,69,69,.18)} +@media(max-width:520px){ + .exo-callback{padding:12px} + .exo-callback__dialog{padding:24px 18px 20px;border-radius:22px} + .exo-callback__dialog h2{font-size:27px} + .exo-callback__intro{font-size:13px} +} +