diff --git a/MEETING_2026-04-23.md b/MEETING_2026-04-23.md
new file mode 100644
index 0000000..9a8e670
--- /dev/null
+++ b/MEETING_2026-04-23.md
@@ -0,0 +1,285 @@
+# Приоритеты развития мобильного приложения — встреча 23 апр 2026
+
+Клиника УГН (ЛОР, сурдология, аллергология, хирургия). Цель встречи — определить порядок развития функций: что закрываем как базу для всех пациентов, какие сегменты углубляем и в каком порядке.
+
+## 1. Контекст и критерии приоритизации
+
+**Текущие функции:** список врачей, запись на приём, ближайший приём, чат с оператором, профиль, семейный профиль, контакты.
+
+### Ключевые факты о потоке
+
+- **2 из 3 пациентов клиники — повторные.** Значительная доля — **повторные внутри одного лечения**: после первого визита (острое заболевание или обострение хронического) ещё 1–3+ приёма, процедуры, контроль.
+- **Бизнес-сегментация (из аналитики клиники)** — 10 сегментов, лидеры по выручке: амбулаторный поток (~120 млн), взрослая хирургия «заблокированный нос» (~30 млн), детская аденоидная хирургия (~20–30 млн), сурдология (~20 млн).
+
+### Продуктовая логика: что делает приложение
+
+**Приложение — инструмент удержания и углубления, а не привлечения.** Первичного пациента клиника получает через сайт, SEO, рекламу, сарафан. Приложение устанавливают уже пришедшие — в момент записи или на первом визите. Поэтому приоритет развития — **повторные во всех сегментах**.
+
+Это совпадает с фактом «2 из 3 — повторные» и означает, что:
+- **Первичные сценарии в приложении** закрываются универсальным минимумом (запись + контакты + цены + AI-помощник, который знает услуги). Нет смысла строить специализированные первичные потоки для каждого из 10 сегментов.
+- **Повторные сценарии** — специфичны по сегменту и требуют отдельных модулей (бегунок, аудиограмма, АСИТ-дневник и т.п.).
+- **Исключения** — сегменты, где «первичный в приложении» ≠ «первый визит»: после первого визита пациент уходит, и вернуть его в клинику может только приложение.
+  - **Сурдология** — после визита и демо пациент уходит думать 2–3 месяца о покупке аппарата.
+  - **Хирургия (FESS, детские аденоиды, вазотомия)** — после пред-операционного приёма у хирурга пациент часто уходит **думать, решаться ли на операцию вообще**. Эти «сомневающиеся» — отдельная работа по возврату. Вторая часть — те, кто решился, уходят в 6-недельную подготовку (бегунок).
+  - **АСИТ** — после назначения впереди 3–5-летний курс, есть сценарии «не начал» и «бросил в первые месяцы».
+
+### Три слоя работы
+
+1. **Фаза 1 · Транзакционная база** — детерминированные функции для любого пациента: запись, ближайший приём, чат с оператором, **план лечения, результаты/медкарта, заказ справок**. Без LLM и прямого чата с врачом. Минимум рисков, быстрый запуск.
+2. **Фаза 1.5 · Коммуникационная надстройка** — чат с медицинским консьержем (дежурным врачом/фельдшером) и AI-помощник в shadow-mode. Отделено от Фазы 1, чтобы регламенты и безопасность не задерживали релиз базы.
+3. **Фаза 2 · Сегментные модули** — углубление по приоритетным группам сегментов (A → C → B → D).
+
+### Критерии приоритета
+
+| Критерий | Что меряем |
+|---|---|
+| **Охват** | Сколько пациентов клиники затронуто (в абсолюте) |
+| **Глубина пользы** | Насколько закрывает реальную боль (есть ли альтернатива без нас) |
+| **Частота касаний** | Как часто функция возвращает пользователя в приложение |
+| **Бизнес-эффект** | Влияние на возвратность, средний чек, удержание, вклад в выручку |
+| **Сложность** | Вторичная ось: усилия (вкл. зависимости от МИС и контента) |
+
+---
+
+## 2. Текущие функции — утилита и приоритет
+
+### 🟢 Высокий приоритет (ядро ценности)
+
+**Запись на приём** — главный транзакционный поток. Экономит 3–8 минут разговора, 24/7, ближайшие окна. Единственная функция, которая приводит новых пациентов через приложение. Усилить: запись из плана лечения в 1 клик (§3), запись из маршрутной карты пред-опа (§4).
+
+**Ближайший приём** — «что со мной сейчас». Снимает тревогу «когда, куда, к кому». Перед визитом открывается 3–10 раз. Усилить: чек-лист подготовки, маршрут до кабинета, тригеры 24ч/2ч/15мин.
+
+### 🟡 Средний приоритет (поддержка)
+
+**Список врачей / карточка врача** — инструмент выбора при первом визите. Повторный пациент почти не открывает. Усилить: соцдоказательства, фильтр «по моему диагнозу».
+
+**Чат с оператором** — замена звонка в регистратуру. Ограничен одним собеседником. Основное развитие — в §3.
+
+**Профиль** — точка идентификации. Редко открывается, но критичен для персонализации.
+
+### 🔴 Низкий приоритет (ниша)
+
+**Семейный профиль** — высокая польза для 20–30% (родители с детьми, взрослые с пожилыми), становится критичным для сегмента «дети с аденоидами» и «сложные хроники — ЧБД».
+
+**Контакты** — функция «галочка», 1–2 открытия за всё время.
+
+### Вывод
+
+Ядро «Запись + Ближайший приём» работает. Слабое место — **нет причины открывать приложение между визитами**. Это и закрывает джентльменский набор.
+
+---
+
+## 3. Джентльменский набор — базовые функции для всех пациентов
+
+Минимум, который должен быть у любого пациента клиники, вне зависимости от диагноза и сегмента. **Приоритет до любых сегментных модулей.**
+
+Набор сознательно разделён на две подфазы по риску и зависимостям: **транзакционная база** (детерминированные функции с понятным MVP) и **коммуникационная надстройка** (LLM и асинхронные каналы, требующие регламентов и безопасности). Это позволяет выпустить базу быстро и безопасно, а надстройку строить поверх уже стабильного фундамента.
+
+### Фаза 1 · Транзакционная база
+
+Функции, где пациент **что-то получает или делает** — без LLM и без диалога. Минимизируют риски, быстрее в запуск, дают те самые «не удалю это приложение»-причины.
+
+| Функция | Статус | Что в ней |
+|---|---|---|
+| Запись на приём | ✅ есть | Запись 24/7, ближайшие окна. |
+| Ближайший приём | ✅ есть | Что, где, когда — снимает тревогу перед визитом. |
+| Чат с оператором | ✅ есть | Справки, переносы, счета, расписание (человеческий канал). |
+| Статьи / база знаний | ✅ есть (Спринт 1) | Уже есть. Источник правды для будущего RAG. |
+| **План лечения с приёма** | ❌ нет — фундамент | После каждого приёма структурированный чеклист: диагноз, назначения (препарат + доза + курс + календарь), ссылки на процедуры самопомощи (Группа A), контрольный приём, запись на следующий визит в 1 клик. Живой объект с напоминаниями. Источник правды для всех следующих надстроек. |
+| **Результаты обследований и медкарта** | ❌ нет | Пациент видит свои анализы, аудиограммы, снимки, заключения **без звонка в клинику**. Статус каждого результата: готов / в работе / годен до [дата]. Критично для Группы C (пред-оп): срок годности анализов виден в одном месте. |
+| **Заказ справок и финансовых документов** | ❌ нет | Справка для налогового вычета (13%), справки работодателю, копии заключений, счета. Заказ в 1 клик, готовая в приложении или с самовывозом. Снимает нагрузку с администраторов и даёт сильный retention-якорь даже у разовых пациентов. |
+
+### Фаза 1.5 · Коммуникационная надстройка
+
+Функции, где идёт **живой или AI-диалог** по поводу лечения. Строятся поверх уже работающей базы (плана лечения, медкарты, статей) и требуют отдельных регламентов — по ответственности, SLA, проверке качества.
+
+| Функция | Статус | Что в ней | Ключевой риск |
+|---|---|---|---|
+| **Чат с медицинским консьержем** | ❌ нет | **Не прямой чат с лечащим врачом.** Дежурный врач / фельдшер / медсестра отвечает по протоколам на 80% рутины («можно ли совмещать с X», «нормально ли, что третий день болит», «когда повторно сдать анализ»), эскалирует клинически значимое лечащему. Асинхронно, SLA — X часов в рабочее время. | Перегрузка врачей и SLA-хаос, если пустить пациентов напрямую к хирургу. Консьерж-слой — основной буфер. Нужен регламент тарификации/компенсации врачам за эскалированные вопросы. |
+| **AI-помощник (RAG 24/7)** | ❌ нет | Знает базу знаний клиники, статьи, план лечения пациента, историю приёмов. Объясняет назначение, ищет ответ в статьях, оценивает «норма или срочно» и эскалирует к консьержу/врачу при тревожных признаках. | Галлюцинация LLM в медицинском контексте = юридический и репутационный риск. **Запускаем в shadow-mode**: ответы сначала идут через консьержа для валидации, метрики точности собираются, и только после набора статистики — переход в прямой режим для безопасных категорий вопросов. |
+
+### Почему это ядро, а не сегмент
+
+- **Работает на 100% пациентов** — без разделения по сегменту.
+- **Усиливает любое сегментное направление**: бегунок, слухопротезирование, АСИТ — всё опирается на план лечения, медкарту и тот же чат-канал.
+- **Закрывает главный пробел транзакционной модели** — «что делать между визитами».
+- **Частично закрывает самый массовый сегмент** (амбулаторный + хроники). Полностью закрыть их может только отдельный модуль «Процедуры самопомощи» (Группа A, §4.3) — это первый сегментный модуль после Фазы 1.5.
+
+### Порядок работ внутри набора
+
+**Фаза 1:**
+1. **План лечения с приёма** — фундамент. Без структурированных назначений не работает ничего поверх (ни AI, ни напоминания, ни процедуры самопомощи).
+2. **Результаты / медкарта** — следующий retention-якорь.
+3. **Заказ справок** — быстрый win для большой части пациентов, снимает нагрузку с администраторов.
+
+**Фаза 1.5** (после стабилизации Фазы 1):
+4. **Чат с медицинским консьержем** — инфраструктура канала + регламент ответов.
+5. **AI-помощник на RAG (shadow-mode)** — сначала ответы валидируются консьержем, потом постепенный переход в прямой режим для безопасных категорий.
+
+### Критическая зависимость от МИС
+
+«План лечения» — это структурированные данные (препарат, доза, частота, курс, процедура). Два сценария:
+- **МИС отдаёт назначения по API структурированно** — план лечения собирается автоматически из данных приёма. Предпочтительно.
+- **МИС отдаёт только PDF-заключение** — план лечения MVP стартует с **ручного ввода врачом в виджет** (шаблоны по нозологиям + чеклисты + автоподстановка из предыдущего приёма). Интеграция с МИС — отдельной задачей позже.
+
+Ответ на этот вопрос определяет сроки и стоимость Фазы 1. Добавлен в §6 как первоочередной.
+
+---
+
+## 4. Сегменты пациентов через призму приложения
+
+### 4.1. Фундаментальное деление: первичный vs повторный
+
+| Линза | Первичный в приложении | Повторный в приложении |
+|---|---|---|
+| **Главный job** | «Куда мне обратиться и как записаться» | «Что мне делать сейчас по моему лечению» |
+| **Источник** | Попадает через сайт/рекламу/сарафан | Приложение уже установлено, уведомление/сам открывает |
+| **Частота открытия** | 1–3 раза до визита | Ежедневно в активном эпизоде |
+| **Что нужно в приложении** | Базовый минимум (запись, цены, контакты, врачи) | Специализированный модуль сегмента |
+| **Приоритет развития** | Низкий (веб и реклама работают лучше) | ● Высокий (2/3 потока) |
+
+**Ключевое следствие.** Специализированных «первичных» модулей под каждый сегмент строить не нужно. Исключения — сегменты, где «после первого визита» начинается длинный путь: сурдология, хирургия, АСИТ. Там «первичный» в терминах клиники ≠ «первичный» в терминах приложения.
+
+### 4.2. Матрица 10 сегментов × первичный / повторный
+
+Из 10 сегментов бизнес-аналитики выделяем: объём × чек × что нужно в приложении для первичного × что нужно для повторного × итоговый приоритет приложения.
+
+| # | Сегмент (из аналитики) | Объём / Вклад | Первичный в приложении | Повторный в приложении (главная работа) | Приоритет в App |
+|---|---|---|---|---|:-:|
+| 1 | **Взрослые «заблокированный нос»** (полипы, перегородка, FESS) | 300 оп/год · 100т · 30 млн | Джентльменский + материалы о методах (FESS/лазер), кейсы пациентов, калькулятор, **возвратные push для сомневающихся после пред-оп приёма** | Пред-оп бегунок (6 нед) → восстановление → контроль 3/6/12 мес | ● **Высокий** (Группа C) |
+| 2 | **Амбулаторный поток** (острые и хроники ЛОР) | Тысячи/мес · 120 млн | Джентльменский | План лечения + эпизод лечения + дневник симптомов (§3) **+ модуль процедур самопомощи: библиотека техник (промывание носа физраствором, полоскание горла, ингаляции), напоминания, трекер комплаенса** | ● **Высший** (Группа A — отдельный модуль) |
+| 3 | **Родители детей с аденоидами** | 400–500 оп/год · 60т · 20–30 млн | Джентльменский + семейный профиль + подготовка ребёнка + **материалы «нужна ли операция» и возврат сомневающихся родителей** | Пред-оп бегунок (детская версия) → восстановление. Далее — редко. | ● **Высокий** (Группа C) |
+| 4 | **Потеря слуха (сурдология)** | 20 млн/год | **Нестандартный первичный:** аудиограмма в профиле, аудио-демо, каталог моделей, калькулятор, шеринг близкому, возвратные push | Паспорт аппарата, сервисный календарь, расходники, калибровка раз в год, дневник адаптации | ● **Высокий** (Группа B — уникальный модуль) |
+| 5 | **Сложные хроники** (иммунология/аллергология, ЧБД) | Высокий, часть 120 млн · длинный LTV | Джентльменский + семейный (ЧБД) + запись на консилиум | Модуль процедур самопомощи (Группа A): промывания, полоскания, ингаляции у ЧБД. Плюс специализация: **АСИТ-трекер** (дневник симптомов + пыльцевой календарь + навигатор побочки) | ● **Высокий** (Группа A + Группа D) |
+| 6 | **Зависимость от капель (вазотомия)** | Высокий объём · входной в хирургию | Джентльменский + материалы «как слезть с капель» + **возврат сомневающихся после пред-оп приёма** | Пред-оп бегунок (компактная версия) → восстановление | ● **Высокий** (Группа C) |
+| 7 | **Пульмонология** (кашель/астма) | Средний · сезонный | Джентльменский | Дневник астмы, напоминания об ингаляторах, контроль триггеров (пересекается с АСИТ) | ◐ **Средний** (частично Группа D) |
+| 8 | **Социально активные храпуны** | Низкий · высокая платёжеспособность | Джентльменский + образовательный контент о сомнологии | Сомнологический чек-up, СИПАП-трекер (если назначен) | ○ **Низкий** |
+| 9 | **Фониатрия** (голос) | Очень низкий · срочный | Джентльменский + срочная запись | Короткое окно, низкая повторность | ○ **Низкий** |
+| 10 | **Check-up и Второе мнение** | Единичный · высокая маржа | Джентльменский + позиционирование бренда Оленевой | Разовая услуга, минимальная повторность | ○ **Низкий** |
+
+### 4.3. Четыре группы сегментов для повторных
+
+**Группа A. Амбулаторный поток + хроники — процедуры самопомощи** — сегменты 2 + 5 (повторная часть). Самый массовый сегмент × ежедневная повторность.
+
+Джентльменский набор (план лечения + чат с врачом + AI) закрывает коммуникацию и напоминания, **но не закрывает саму регулярную работу пациента между приёмами**:
+- Промывание носа физраствором (при хр. рините, синусите, после операций)
+- Полоскание горла (при хр. тонзиллите)
+- Ингаляции
+- Гимнастика слуховой трубы (при евстахиите)
+- Голосовые упражнения (фониатрия)
+- Туалет уха (при хр. отите)
+
+**Что нужно в модуле:**
+- **Библиотека техник** — короткие видео и пошаговые инструкции «как правильно». Ошибки в технике (сильный напор при промывании, не тот раствор) — частая причина, почему «не помогает».
+- **Напоминания** — утро/вечер по схеме, привязаны к плану лечения.
+- **Трекер комплаенса** — ежедневные отметки, стрики, сводка «сколько дней подряд».
+- **Дневник симптомов в связке** — «промываю 5 дней, насморк уменьшился с 4 до 2» — главный мотиватор продолжать.
+- **Сводка для врача** — перед контрольным приёмом врач видит, что пациент делал, как часто, с какой динамикой симптомов.
+
+**Это отдельный модуль, не продолжение Фазы 1.** Он опирается на план лечения как на источник назначений, но требует собственного контента (библиотека техник) и UX (трекер).
+
+**Группа B. Сурдология** — сегмент 4. Уникальный набор функций (аудиограмма, аудио-демо, каталог, паспорт аппарата). Пожизненная повторность. Высокий чек. **Отдельный модуль, не пересекается с другими.**
+
+**Группа C. Пред-операционная подготовка + восстановление** — сегменты 1 + 3 + 6 (одна механика для трёх сегментов). **Две фазы, как у Группы B:**
+- **Кандидаты на операцию** — после пред-оп приёма ушли «думать». Возврат через материалы, кейсы пациентов, чат с хирургом, возвратные push-триггеры (3/7/21 день), прозрачность по цене/рассрочке.
+- **Решившиеся** — бегунок → чек-лист дня операции → операция → восстановление. Окно 6–12 недель.
+
+**Один модуль закрывает три сегмента бизнес-аналитики** (FESS, детские аденоиды, вазотомия).
+
+**Группа D. АСИТ + контроль астмы** — часть сегмента 5 + сегмент 7. Ежедневный трекер, дневник симптомов, навигатор побочки. **Самый сложный, требует верификации врачом.**
+
+### 4.4. Что остаётся за кадром
+
+Сегменты 8 (храпуны), 9 (фониатрия), 10 (check-up) — низкая повторность и/или низкий охват. Закрываются базовым джентльменским набором, специализированных модулей в ближайшем горизонте не требуют.
+
+---
+
+## 5. Порядок внедрения
+
+### Фаза 1. Транзакционная база (§3)
+
+План лечения → Результаты / медкарта → Заказ справок.
+
+**Эффект:** пациент видит свои назначения, результаты и может получить документы без звонка в клинику. Это и есть базовые retention-якоря: «не удалю это приложение». Массовый амбулаторный + хроники покрыты в части информирования и документов.
+
+**Критический параметр сроков** — структурированность назначений в МИС (см. §6 вопрос 1). От этого зависит, собирается ли план лечения автоматически или врач заполняет его вручную в виджете.
+
+### Фаза 1.5. Коммуникационная надстройка (§3)
+
+Чат с медицинским консьержем → AI-помощник (shadow-mode).
+
+**Зачем отдельная подфаза:** эти функции несут организационные и юридические риски (SLA, выгорание врачей, галлюцинации LLM) и могут надолго задержать релиз, если класть в Фазу 1. Выделение в 1.5 позволяет: собрать транзакционную базу быстро и безопасно, отработать регламент консьержа отдельно, запустить AI сначала под валидацией человека.
+
+### Фаза 2. Сегментные модули — порядок
+
+Рекомендуемая последовательность:
+
+**1. Группа A (Процедуры самопомощи хроников) — первым**
+- **Самый массовый охват** — тысячи пациентов в месяц (сегмент 2 + 5).
+- Напрямую опирается на план лечения из Фазы 1 — продолжение той же инфраструктуры.
+- Средняя сложность: контент (видео-инструкции, 10–15 техник) + простой трекер + дневник симптомов.
+- Бизнес-эффект: рост комплаенса → меньше обострений → меньше экстренных приёмов и операций, на которые хроники срываются, когда дома не помогает.
+- Эффект заметен пациенту сразу — ежедневная польза.
+
+**2. Группа C (Пред-операционная подготовка) — вторым**
+- Закрывает 3 сегмента (1, 3, 6) одним модулем.
+- Быстрый MVP — маршрутная карта с чекбоксами, сроки годности, автозапись. Восстановление уже есть в прототипе.
+- Прямой измеримый бизнес-эффект: снижение переносов операций из-за просроченных анализов + возврат сомневающихся кандидатов на операцию.
+- Вклад сегментов в выручку: ~50–60 млн (хирургия), плюс косвенно вазотомия как конвертер в большую хирургию.
+
+**3. Группа B (Сурдология) — третьим**
+- Изолированный сегмент с уникальными функциями.
+- Пожизненное удержание × высокий чек × растущий рынок (старение).
+- Две половины: возврат кандидатов после демо (высокая конверсия в деньги) + обслуживание после покупки (лояльность и LTV).
+- Можно запускать параллельно с C после Фазы 1, если есть ресурс.
+
+**4. Группа D (АСИТ + астма) — четвёртым**
+- Самая высокая глубина пользы (влияет на медисход), но самая высокая ответственность.
+- Требует верификации контента аллергологом/пульмонологом клиники.
+- Можно начать готовить контент и интеграции параллельно с A/C/B, выпустить позже.
+
+### Что не берём в план сейчас
+
+- Храпуны (8), фониатрия (9), check-up (10) — специализированных модулей в горизонте планирования не делаем.
+- Отдельные «первичные» модули под сегменты — не делаем. Первичный путь = джентльменский набор + базовые функции (запись, врачи, цены, контакты), которые уже есть.
+
+### Что нужно сделать вне Фаз, уже сейчас
+
+- **Добавить аллерголога-иммунолога в список врачей** (есть специализация, нет конкретного врача в данных). Предусловие для Группы D.
+
+---
+
+## 6. Вопросы к обсуждению на встрече
+
+**Первоочередной (определяет сроки Фазы 1):**
+
+1. **МИС и структурированные назначения.** Отдаёт ли МИС по API назначения структурированно (препарат, доза, частота, курс) или только PDF-заключением? От этого зависит: план лечения собирается автоматически или врач заполняет вручную в виджете. Там же: API для результатов анализов, сроков годности, расписания.
+
+**По процессам клиники:**
+
+2. **Медицинский консьерж — кто в роли?** Дежурный врач / фельдшер / медсестра? Кто держит SLA? Как компенсируется эскалация вопроса лечащему врачу?
+3. **SLA чата** — целевое время ответа в рабочее время (1ч / 4ч / день)?
+4. **Справки и финдокументы** — текущий процесс заказа через администратора; что готовы автоматизировать в первую очередь (ФНС-справка, выписки, счета)?
+
+**По метрикам (для оценки эффекта):**
+
+5. Подтвердить **«2 из 3 — повторные»** — уникальные пациенты в год или визиты? Меняет оценку охвата Группы A.
+6. **Процент повторных, не доходящих до контроля** — метрика успеха Фазы 1.
+7. **Сурдология** — кандидатов/мес, % возврата за аппаратом. От этого зависит приоритет Группы B.
+8. **Переносы операций** — частая причина просроченные анализы? Усиливает Группу C.
+
+**По ресурсам Фазы 1.5 и 2:**
+
+9. Готов ли **аллерголог** верифицировать контент для АСИТ-трекера? Без этого D не запускаем.
+10. База знаний / статьи — достаточно ли материала для RAG или формировать отдельно?
+11. Политика по **AI shadow-mode**: кто утверждает категории вопросов для постепенного перевода в прямой режим?
+
+---
+
+## Приложение. Короткая сводка для слайда
+
+**Что предлагаем:**
+1. **Фаза 1** — транзакционная база для всех: план лечения, результаты/медкарта, заказ справок + уже существующие запись, ближайший приём, чат с оператором, статьи. Быстрый MVP, минимум рисков.
+2. **Фаза 1.5** — коммуникационная надстройка: чат с медицинским консьержем (не прямой с врачом) и AI-помощник в shadow-mode. Запускается после стабилизации базы.
+3. **Фаза 2** — четыре сегментных модуля в порядке: A (процедуры самопомощи хроников — массовый) → C (пред-оп подготовка — 3 сегмента разом) → B (сурдология — высокий чек) → D (АСИТ + астма — с верификацией врачом).
+4. **Первичные в приложении** = базовый минимум, который уже есть. Новых первичных модулей не строим — они приходят через веб. Исключения — сегменты, где после первого визита пациент «уходит думать»: сурдология, хирургия, АСИТ.
diff --git a/MEETING_2026-04-23.pptx b/MEETING_2026-04-23.pptx
new file mode 100644
index 0000000..bdd1e55
Binary files /dev/null and b/MEETING_2026-04-23.pptx differ
diff --git a/README.md b/README.md
index 831ba85..f3824e4 100644
--- a/README.md
+++ b/README.md
@@ -15,3 +15,29 @@ npm run dev
 npm run build
 npm run preview
 ```
+
+## Дизайн-система
+
+Токены в `src/tokens.css`.
+
+Основные цвета:
+
+- `#2BB4A8` — primary (teal), бренд и основные CTA
+- `#E04E44` — accent (красный), выделенные действия
+- `#F5EDDF` — warm hero, тёплые приветственные блоки
+- `#2E9B6B` — success, `#E8A13C` — warning, `#D94141` — danger
+
+Шрифты: **PT Sans** (основной), **PT Sans Narrow** (display/заголовки).
+
+## Экраны
+
+Описания всех экранов — в `src/docs.js`. Ключевые группы и цели пользователя:
+
+- **Главная** (`home:*`) — варианты стартового экрана: Карточки, Лента, Таймлайн, Таймлайн X, Светлая плитка. Цель: быстрый старт — запись или ближайший приём.
+- **Запись** (`booking-*`) — 4-шаговый флоу: специализация → врач → дата/время → подтверждение → успех.
+- **Врачи** (`doctors`, `doctor`) — список и карточка врача для решения «записаться».
+- **Приёмы и медкарта** (`appts`, `appt`, `medcard`, `results`, `result*`) — контроль визитов, заключения, анализы, амбулаторная карта.
+- **Восстановление и тесты** (`recovery`, `audiotest`) — трекер после операции и скрининг слуха.
+- **Чаты** (`chat`, `chat:ai`, `chat:doctor-*`, `chat:operator`) — AI-помощник, врач, администратор.
+- **Сервис** (`profile`, `qr`, `telemed`, `notifications`, `search`, `contacts`, `prices`, `articles`, `article`) — профиль, идентификация, видеозвонок, уведомления, поиск, контент.
+- **DEV/Docs** (`dev-colors`, `dev-examples`, `docs`) — палитра, примеры компонентов и гайд по экранам.
diff --git a/build_deck.py b/build_deck.py
new file mode 100644
index 0000000..c033732
--- /dev/null
+++ b/build_deck.py
@@ -0,0 +1,913 @@
+"""Собирает MEETING_2026-04-23.pptx из содержания MEETING_2026-04-23.md.
+
+Запуск: python3 build_deck.py
+Выход:  MEETING_2026-04-23.pptx в корне проекта
+"""
+
+from pptx import Presentation
+from pptx.util import Inches, Pt, Emu
+from pptx.dml.color import RGBColor
+from pptx.enum.shapes import MSO_SHAPE
+from pptx.enum.text import PP_ALIGN, MSO_ANCHOR
+from pptx.oxml.ns import qn
+from copy import deepcopy
+
+# ---------- Бренд клиники ----------
+PRIMARY      = RGBColor(0x2B, 0xB4, 0xA8)
+PRIMARY_DARK = RGBColor(0x1C, 0x8A, 0x80)
+PRIMARY_50   = RGBColor(0xE8, 0xF7, 0xF5)
+ACCENT       = RGBColor(0xE0, 0x4E, 0x44)
+WARM         = RGBColor(0xF5, 0xED, 0xDF)
+SUCCESS      = RGBColor(0x2E, 0x9B, 0x6B)
+WARNING      = RGBColor(0xE8, 0xA1, 0x3C)
+DANGER       = RGBColor(0xD9, 0x41, 0x41)
+FG           = RGBColor(0x1F, 0x29, 0x37)
+FG2          = RGBColor(0x4B, 0x55, 0x63)
+FG3          = RGBColor(0x9C, 0xA3, 0xAF)
+BG           = RGBColor(0xFF, 0xFF, 0xFF)
+SOFT         = RGBColor(0xF3, 0xF4, 0xF6)
+
+FONT_SANS    = "PT Sans"
+FONT_DISPLAY = "PT Sans Narrow"
+
+# ---------- Геометрия 16:9 ----------
+prs = Presentation()
+prs.slide_width  = Inches(13.333)
+prs.slide_height = Inches(7.5)
+SW = prs.slide_width
+SH = prs.slide_height
+
+BLANK_LAYOUT = prs.slide_layouts[6]  # Blank
+
+MARGIN_L = Inches(0.6)
+MARGIN_R = Inches(0.6)
+MARGIN_T = Inches(0.45)
+CONTENT_W = SW - MARGIN_L - MARGIN_R
+
+FOOTER_TXT = "Клиника УГН · Приложение · 23 апр 2026"
+
+# ---------- Примитивы ----------
+def add_rect(slide, x, y, w, h, fill=None, line=None, line_w=None):
+    shp = slide.shapes.add_shape(MSO_SHAPE.RECTANGLE, x, y, w, h)
+    shp.shadow.inherit = False
+    if fill is None:
+        shp.fill.background()
+    else:
+        shp.fill.solid()
+        shp.fill.fore_color.rgb = fill
+    if line is None:
+        shp.line.fill.background()
+    else:
+        shp.line.color.rgb = line
+        if line_w is not None:
+            shp.line.width = line_w
+    return shp
+
+def add_text(slide, x, y, w, h, text, *, size=16, bold=False, color=FG,
+             font=FONT_SANS, align=PP_ALIGN.LEFT, anchor=MSO_ANCHOR.TOP,
+             line_spacing=None):
+    tb = slide.shapes.add_textbox(x, y, w, h)
+    tf = tb.text_frame
+    tf.word_wrap = True
+    tf.margin_left = tf.margin_right = Emu(0)
+    tf.margin_top = tf.margin_bottom = Emu(0)
+    tf.vertical_anchor = anchor
+    lines = text.split("\n")
+    for i, ln in enumerate(lines):
+        p = tf.paragraphs[0] if i == 0 else tf.add_paragraph()
+        p.alignment = align
+        if line_spacing is not None:
+            p.line_spacing = line_spacing
+        r = p.add_run()
+        r.text = ln
+        r.font.name = font
+        r.font.size = Pt(size)
+        r.font.bold = bold
+        r.font.color.rgb = color
+    return tb
+
+def add_rich(slide, x, y, w, h, runs, *, align=PP_ALIGN.LEFT,
+             anchor=MSO_ANCHOR.TOP, size=14, line_spacing=1.15):
+    """runs = [(text, {'bold':bool,'color':RGB,'size':int,'font':str}), ...]"""
+    tb = slide.shapes.add_textbox(x, y, w, h)
+    tf = tb.text_frame
+    tf.word_wrap = True
+    tf.margin_left = tf.margin_right = Emu(0)
+    tf.margin_top = tf.margin_bottom = Emu(0)
+    tf.vertical_anchor = anchor
+    paragraphs = [[]]
+    for text, style in runs:
+        if text == "\n":
+            paragraphs.append([])
+        else:
+            paragraphs[-1].append((text, style))
+    for i, para in enumerate(paragraphs):
+        p = tf.paragraphs[0] if i == 0 else tf.add_paragraph()
+        p.alignment = align
+        p.line_spacing = line_spacing
+        for text, style in para:
+            r = p.add_run()
+            r.text = text
+            r.font.name = style.get("font", FONT_SANS)
+            r.font.size = Pt(style.get("size", size))
+            r.font.bold = style.get("bold", False)
+            r.font.color.rgb = style.get("color", FG)
+    return tb
+
+def footer(slide, idx, total):
+    add_rect(slide, 0, SH - Inches(0.32), SW, Inches(0.32), fill=PRIMARY_50)
+    add_text(slide, MARGIN_L, SH - Inches(0.3), Inches(8), Inches(0.25),
+             FOOTER_TXT, size=10, color=FG2)
+    add_text(slide, SW - Inches(1.2), SH - Inches(0.3), Inches(0.6), Inches(0.25),
+             f"{idx} / {total}", size=10, color=FG2, align=PP_ALIGN.RIGHT)
+
+def title_bar(slide, title, eyebrow=None):
+    """Верхняя полоска: маленькая подпись категории + крупный заголовок."""
+    y = MARGIN_T
+    if eyebrow:
+        add_text(slide, MARGIN_L, y, CONTENT_W, Inches(0.3),
+                 eyebrow.upper(), size=11, bold=True, color=PRIMARY,
+                 font=FONT_SANS)
+        y += Inches(0.34)
+    add_text(slide, MARGIN_L, y, CONTENT_W, Inches(0.6),
+             title, size=28, bold=True, color=FG, font=FONT_DISPLAY)
+    y += Inches(0.7)
+    # Тонкая линия
+    add_rect(slide, MARGIN_L, y, Inches(1.2), Inches(0.04), fill=PRIMARY)
+    return y + Inches(0.25)
+
+def new_slide():
+    return prs.slides.add_slide(BLANK_LAYOUT)
+
+# ---------- Стилизованная таблица ----------
+def add_table(slide, x, y, w, h, data, *,
+              header=True, col_widths=None, row_heights=None,
+              header_fill=PRIMARY, header_fg=BG, body_fg=FG,
+              alt_fill=PRIMARY_50, size=11, header_size=11):
+    rows, cols = len(data), len(data[0])
+    tbl_shp = slide.shapes.add_table(rows, cols, x, y, w, h).table
+    if col_widths:
+        for i, cw in enumerate(col_widths):
+            tbl_shp.columns[i].width = cw
+    if row_heights:
+        for i, rh in enumerate(row_heights):
+            tbl_shp.rows[i].height = rh
+    for ri, row in enumerate(data):
+        for ci, cell_val in enumerate(row):
+            cell = tbl_shp.cell(ri, ci)
+            cell.margin_left = cell.margin_right = Inches(0.08)
+            cell.margin_top = cell.margin_bottom = Inches(0.05)
+            # Fill
+            if header and ri == 0:
+                cell.fill.solid(); cell.fill.fore_color.rgb = header_fill
+            elif alt_fill and ri % 2 == 0 and not (header and ri == 0):
+                cell.fill.solid(); cell.fill.fore_color.rgb = alt_fill
+            else:
+                cell.fill.solid(); cell.fill.fore_color.rgb = BG
+            # Text
+            tf = cell.text_frame
+            tf.word_wrap = True
+            tf.clear()
+            lines = str(cell_val).split("\n")
+            for i, ln in enumerate(lines):
+                p = tf.paragraphs[0] if i == 0 else tf.add_paragraph()
+                p.alignment = PP_ALIGN.LEFT
+                r = p.add_run()
+                r.text = ln
+                r.font.name = FONT_SANS
+                if header and ri == 0:
+                    r.font.size = Pt(header_size)
+                    r.font.bold = True
+                    r.font.color.rgb = header_fg
+                else:
+                    r.font.size = Pt(size)
+                    r.font.color.rgb = body_fg
+    return tbl_shp
+
+# ============================================================
+#                      СЛАЙДЫ
+# ============================================================
+
+def slide_title():
+    s = new_slide()
+    # Фоновая тёплая полоса слева
+    add_rect(s, 0, 0, Inches(4.5), SH, fill=WARM)
+    # Teal-акцент
+    add_rect(s, Inches(4.5), 0, Inches(0.12), SH, fill=PRIMARY)
+    # Левый блок — мета
+    add_text(s, Inches(0.7), Inches(0.7), Inches(3.5), Inches(0.3),
+             "КЛИНИКА УГН", size=12, bold=True, color=PRIMARY_DARK)
+    add_text(s, Inches(0.7), Inches(1.1), Inches(3.5), Inches(0.3),
+             "Мобильное приложение", size=13, color=FG2)
+    add_text(s, Inches(0.7), SH - Inches(1.2), Inches(3.5), Inches(0.3),
+             "Встреча", size=12, color=FG3)
+    add_text(s, Inches(0.7), SH - Inches(0.9), Inches(3.5), Inches(0.4),
+             "23 апреля 2026", size=18, bold=True, color=FG, font=FONT_DISPLAY)
+    # Правый блок — заголовок
+    add_text(s, Inches(5.1), Inches(2.2), Inches(7.6), Inches(1.0),
+             "Приоритеты развития", size=48, bold=True, color=FG, font=FONT_DISPLAY)
+    add_text(s, Inches(5.1), Inches(3.2), Inches(7.6), Inches(0.8),
+             "мобильного приложения", size=36, color=FG2, font=FONT_DISPLAY)
+    # Подзаголовок
+    add_rect(s, Inches(5.1), Inches(4.5), Inches(0.8), Inches(0.04), fill=PRIMARY)
+    add_text(s, Inches(5.1), Inches(4.7), Inches(7.6), Inches(1.5),
+             "Джентльменский набор для всех\nи четыре группы сегментов повторных",
+             size=20, color=FG2, font=FONT_DISPLAY)
+    return s
+
+def slide_agenda():
+    s = new_slide()
+    y = title_bar(s, "Повестка", "Что обсуждаем")
+    items = [
+        ("1", "Контекст и критерии приоритизации",
+         "Факты о потоке пациентов, 10 бизнес-сегментов, рамка оценки"),
+        ("2", "Текущие функции — что есть",
+         "Приоритеты использования и точки усиления"),
+        ("3", "Джентльменский набор для всех пациентов",
+         "Транзакционная база (Фаза 1) + коммуникационная надстройка (Фаза 1.5)"),
+        ("4", "10 сегментов × первичный/повторный в приложении",
+         "Матрица и 4 группы сегментных модулей"),
+        ("5", "Порядок внедрения и решение",
+         "Фаза 1 → Фаза 1.5 → Фаза 2 (A → C → B → D). Что выбираем сегодня"),
+    ]
+    row_h = Inches(0.95)
+    for i, (num, title, sub) in enumerate(items):
+        yy = y + row_h * i
+        # кружок-номер
+        circle = s.shapes.add_shape(MSO_SHAPE.OVAL, MARGIN_L, yy,
+                                    Inches(0.6), Inches(0.6))
+        circle.shadow.inherit = False
+        circle.fill.solid(); circle.fill.fore_color.rgb = PRIMARY
+        circle.line.fill.background()
+        tf = circle.text_frame
+        tf.margin_left = tf.margin_right = Emu(0)
+        tf.margin_top = tf.margin_bottom = Emu(0)
+        p = tf.paragraphs[0]; p.alignment = PP_ALIGN.CENTER
+        r = p.add_run(); r.text = num
+        r.font.name = FONT_DISPLAY; r.font.size = Pt(20); r.font.bold = True
+        r.font.color.rgb = BG
+        add_text(s, MARGIN_L + Inches(0.9), yy + Inches(0.02),
+                 Inches(11), Inches(0.4), title, size=18, bold=True,
+                 color=FG, font=FONT_DISPLAY)
+        add_text(s, MARGIN_L + Inches(0.9), yy + Inches(0.45),
+                 Inches(11), Inches(0.4), sub, size=13, color=FG2)
+    return s
+
+def slide_facts():
+    s = new_slide()
+    y = title_bar(s, "Ключевые факты о потоке", "Контекст")
+    # Большая статистика слева
+    add_text(s, MARGIN_L, y + Inches(0.2), Inches(5), Inches(1.6),
+             "2 из 3", size=88, bold=True, color=PRIMARY, font=FONT_DISPLAY)
+    add_text(s, MARGIN_L, y + Inches(1.8), Inches(5.5), Inches(0.7),
+             "пациентов клиники — повторные",
+             size=18, color=FG, font=FONT_DISPLAY)
+    add_text(s, MARGIN_L, y + Inches(2.4), Inches(5.5), Inches(1.4),
+             "Значительная доля — повторные внутри одного эпизода лечения: "
+             "после первого визита ещё 1–3+ приёма, процедуры, контроль.",
+             size=13, color=FG2)
+    # Правый блок — выручка
+    bx = Inches(7.0); bw = Inches(5.7)
+    add_rect(s, bx, y + Inches(0.1), bw, Inches(4.8),
+             fill=PRIMARY_50, line=PRIMARY, line_w=Pt(0.5))
+    add_text(s, bx + Inches(0.3), y + Inches(0.3), bw - Inches(0.6), Inches(0.4),
+             "ВЫРУЧКА ~200 МЛН / ГОД · 10 СЕГМЕНТОВ", size=11, bold=True,
+             color=PRIMARY_DARK)
+    lead_rows = [
+        ("Амбулаторный поток", "тысячи/мес", "~120 млн"),
+        ("Взрослая хирургия (FESS, полипы, перегородка)", "300 оп/год", "~30 млн"),
+        ("Детская аденоидная хирургия", "400–500 оп/год", "~20–30 млн"),
+        ("Сурдология (слуховые аппараты)", "высокая конверсия", "~20 млн"),
+        ("Хроники, ЧБД, вазотомия, пульмо, храпуны, фониатрия, check-up", "6 сегментов", "остальное"),
+    ]
+    ty = y + Inches(0.8)
+    for name, vol, rev in lead_rows:
+        add_text(s, bx + Inches(0.3), ty, Inches(3.5), Inches(0.3),
+                 name, size=12, bold=True, color=FG)
+        add_text(s, bx + Inches(0.3), ty + Inches(0.28), Inches(3.5), Inches(0.24),
+                 vol, size=10, color=FG3)
+        add_text(s, bx + bw - Inches(1.8), ty, Inches(1.5), Inches(0.4),
+                 rev, size=14, bold=True, color=ACCENT, align=PP_ALIGN.RIGHT,
+                 font=FONT_DISPLAY)
+        ty += Inches(0.76)
+    return s
+
+def slide_frame():
+    s = new_slide()
+    y = title_bar(s, "Приложение = удержание, не привлечение", "Продуктовая рамка")
+    # Две колонки
+    colw = Inches(6.15)
+    gap = Inches(0.23)
+    # Левая
+    lx = MARGIN_L
+    add_rect(s, lx, y + Inches(0.1), colw, Inches(4.7),
+             fill=SOFT, line=None)
+    add_text(s, lx + Inches(0.3), y + Inches(0.25), colw - Inches(0.6), Inches(0.4),
+             "ПЕРВИЧНЫЕ", size=12, bold=True, color=FG3)
+    add_text(s, lx + Inches(0.3), y + Inches(0.6), colw - Inches(0.6), Inches(0.6),
+             "Приходят через веб", size=22, bold=True, color=FG, font=FONT_DISPLAY)
+    add_rich(s, lx + Inches(0.3), y + Inches(1.3), colw - Inches(0.6), Inches(3.4), [
+        ("Главный job:  ", {"bold": True, "color": FG}),
+        ("«куда мне обратиться, как записаться»", {}),
+        ("\n", {}),
+        ("Источник:  ", {"bold": True, "color": FG}),
+        ("сайт, SEO, реклама, сарафан", {}),
+        ("\n", {}),
+        ("В приложении:  ", {"bold": True, "color": FG}),
+        ("базовый минимум, который уже есть", {}),
+        ("\n", {}),
+        ("Приоритет развития:  ", {"bold": True, "color": FG}),
+        ("низкий — веб работает лучше", {}),
+    ], size=13, line_spacing=1.3)
+    # Правая (основная)
+    rx = lx + colw + gap
+    add_rect(s, rx, y + Inches(0.1), colw, Inches(4.7),
+             fill=PRIMARY_50, line=PRIMARY, line_w=Pt(1))
+    add_text(s, rx + Inches(0.3), y + Inches(0.25), colw - Inches(0.6), Inches(0.4),
+             "ПОВТОРНЫЕ · 2 ИЗ 3", size=12, bold=True, color=PRIMARY_DARK)
+    add_text(s, rx + Inches(0.3), y + Inches(0.6), colw - Inches(0.6), Inches(0.6),
+             "Приоритет приложения", size=22, bold=True, color=FG, font=FONT_DISPLAY)
+    add_rich(s, rx + Inches(0.3), y + Inches(1.3), colw - Inches(0.6), Inches(3.4), [
+        ("Главный job:  ", {"bold": True, "color": FG}),
+        ("«что делать сейчас по моему лечению»", {}),
+        ("\n", {}),
+        ("Источник:  ", {"bold": True, "color": FG}),
+        ("приложение уже установлено, push / сам открывает", {}),
+        ("\n", {}),
+        ("В приложении:  ", {"bold": True, "color": FG}),
+        ("специализированный модуль сегмента", {}),
+        ("\n", {}),
+        ("Приоритет развития:  ", {"bold": True, "color": FG}),
+        ("высокий — закрывает 2/3 потока", {}),
+    ], size=13, line_spacing=1.3)
+    # Сноска-исключения
+    add_text(s, MARGIN_L, y + Inches(5.1), CONTENT_W, Inches(0.4),
+             "Исключения: сурдология, хирургия, АСИТ — после первого визита пациент «уходит думать», и вернуть его может только приложение.",
+             size=11, color=FG2)
+    return s
+
+def slide_current_functions():
+    s = new_slide()
+    y = title_bar(s, "Текущие функции — утилита и приоритет", "Что есть сегодня")
+    # Три колонки: зелёная, жёлтая, красная
+    groups = [
+        ("ЯДРО ЦЕННОСТИ", SUCCESS, [
+            ("Запись на приём", "Единственная функция, приводящая новых."),
+            ("Ближайший приём", "3–10 открытий перед визитом. Самый частый экран."),
+        ]),
+        ("ПОДДЕРЖКА", WARNING, [
+            ("Список врачей", "Помогает при первом визите, повторный не открывает."),
+            ("Чат с оператором", "Ограничен одним собеседником — основное развитие в §3."),
+            ("Профиль", "Редко открывается, но критичен для персонализации."),
+        ]),
+        ("НИША", DANGER, [
+            ("Семейный профиль", "Критичен для 20–30% (дети, пожилые)."),
+            ("Контакты", "1–2 открытия за всё время. Функция «галочка»."),
+        ]),
+    ]
+    cw = (CONTENT_W - Inches(0.5)) / 3
+    for i, (label, col, items) in enumerate(groups):
+        cx = MARGIN_L + (cw + Inches(0.25)) * i
+        add_rect(s, cx, y, cw, Inches(0.5), fill=col)
+        add_text(s, cx + Inches(0.3), y + Inches(0.1), cw - Inches(0.6), Inches(0.3),
+                 label, size=12, bold=True, color=BG)
+        yy = y + Inches(0.7)
+        for title, desc in items:
+            add_text(s, cx, yy, cw, Inches(0.35), title,
+                     size=15, bold=True, color=FG, font=FONT_DISPLAY)
+            add_text(s, cx, yy + Inches(0.38), cw, Inches(0.9), desc,
+                     size=11, color=FG2)
+            yy += Inches(1.15)
+    # Подвал — вывод
+    add_rect(s, MARGIN_L, Inches(6.55), CONTENT_W, Inches(0.55),
+             fill=WARM)
+    add_text(s, MARGIN_L + Inches(0.3), Inches(6.66), CONTENT_W - Inches(0.6), Inches(0.4),
+             "Слабое место: нет причины открывать приложение между визитами. Это и закрывает джентльменский набор.",
+             size=13, bold=True, color=FG, font=FONT_DISPLAY)
+    return s
+
+def slide_three_layers():
+    s = new_slide()
+    y = title_bar(s, "Три слоя работы", "План")
+    box_h = Inches(1.75)
+    gap = Inches(0.15)
+    # Слой 1
+    y1 = y + Inches(0.1)
+    add_rect(s, MARGIN_L, y1, CONTENT_W, box_h,
+             fill=PRIMARY_50, line=PRIMARY, line_w=Pt(1))
+    add_text(s, MARGIN_L + Inches(0.3), y1 + Inches(0.2), Inches(3), Inches(0.3),
+             "ФАЗА 1 · ТРАНЗАКЦИОННАЯ БАЗА", size=11, bold=True, color=PRIMARY_DARK)
+    add_text(s, MARGIN_L + Inches(0.3), y1 + Inches(0.5), Inches(11), Inches(0.5),
+             "Всем пациентам · быстрый MVP · минимум рисков",
+             size=18, bold=True, color=FG, font=FONT_DISPLAY)
+    add_text(s, MARGIN_L + Inches(0.3), y1 + Inches(1.0), CONTENT_W - Inches(0.6), Inches(0.7),
+             "План лечения · Результаты и медкарта · Заказ справок · "
+             "(+ уже есть: запись, ближайший приём, чат с оператором, статьи)",
+             size=13, color=FG2)
+    # Слой 1.5
+    y15 = y1 + box_h + gap
+    add_rect(s, MARGIN_L, y15, CONTENT_W, box_h,
+             fill=WARM, line=WARNING, line_w=Pt(1))
+    add_text(s, MARGIN_L + Inches(0.3), y15 + Inches(0.2), Inches(4), Inches(0.3),
+             "ФАЗА 1.5 · КОММУНИКАЦИОННАЯ НАДСТРОЙКА", size=11, bold=True, color=WARNING)
+    add_text(s, MARGIN_L + Inches(0.3), y15 + Inches(0.5), Inches(11), Inches(0.5),
+             "Поверх стабильной базы · отдельный регламент и безопасность",
+             size=18, bold=True, color=FG, font=FONT_DISPLAY)
+    add_text(s, MARGIN_L + Inches(0.3), y15 + Inches(1.0), CONTENT_W - Inches(0.6), Inches(0.7),
+             "Чат с медицинским консьержем (не прямой с лечащим) · AI-помощник на RAG в shadow-mode",
+             size=13, color=FG2)
+    # Слой 2
+    y2 = y15 + box_h + gap
+    add_rect(s, MARGIN_L, y2, CONTENT_W, box_h,
+             fill=SOFT, line=FG3, line_w=Pt(0.5))
+    add_text(s, MARGIN_L + Inches(0.3), y2 + Inches(0.2), Inches(3), Inches(0.3),
+             "ФАЗА 2 · СЕГМЕНТНЫЕ МОДУЛИ", size=11, bold=True, color=FG3)
+    add_text(s, MARGIN_L + Inches(0.3), y2 + Inches(0.5), Inches(11), Inches(0.5),
+             "Углубление по группам сегментов",
+             size=18, bold=True, color=FG, font=FONT_DISPLAY)
+    # 4 мини-плитки
+    tiles = [("A", "Самопомощь"), ("C", "Пред-оп"), ("B", "Сурдология"), ("D", "АСИТ + астма")]
+    tw = (CONTENT_W - Inches(0.6) - Inches(0.15) * 3) / 4
+    for i, (code, name) in enumerate(tiles):
+        tx = MARGIN_L + Inches(0.3) + (tw + Inches(0.15)) * i
+        ty = y2 + Inches(1.05)
+        add_rect(s, tx, ty, tw, Inches(0.55), fill=BG, line=PRIMARY, line_w=Pt(0.75))
+        add_text(s, tx + Inches(0.15), ty + Inches(0.08), Inches(0.4), Inches(0.4),
+                 code, size=18, bold=True, color=PRIMARY, font=FONT_DISPLAY)
+        add_text(s, tx + Inches(0.55), ty + Inches(0.13), tw - Inches(0.6), Inches(0.4),
+                 name, size=11, bold=True, color=FG, font=FONT_DISPLAY)
+    return s
+
+def slide_phase1_base():
+    s = new_slide()
+    y = title_bar(s, "Фаза 1 · Транзакционная база", "Джентльменский набор, часть 1")
+    add_text(s, MARGIN_L, y + Inches(0.0), CONTENT_W, Inches(0.4),
+             "Детерминированные функции без LLM и прямого врачебного диалога. Быстрый MVP, минимум рисков.",
+             size=13, color=FG2)
+    data = [
+        ["Функция", "Статус", "Суть"],
+        ["Запись на приём", "Есть", "Запись 24/7, ближайшие окна."],
+        ["Ближайший приём", "Есть", "Что, где, когда — снимает тревогу перед визитом."],
+        ["Чат с оператором", "Есть", "Справки, переносы, счета, расписание (человеческий канал)."],
+        ["Статьи / база знаний", "Есть", "Источник правды для будущего RAG."],
+        ["План лечения с приёма", "Нет — фундамент", "Структурированные назначения, календарь, напоминания, ссылки на процедуры."],
+        ["Результаты и медкарта", "Нет — новое", "Анализы, аудиограммы, снимки, заключения. Срок годности виден — критично для пред-опа."],
+        ["Заказ справок и финдокументов", "Нет — новое", "ФНС-вычет 13%, справки работодателю, счета. Снимает нагрузку с администраторов."],
+    ]
+    add_table(s, MARGIN_L, y + Inches(0.55),
+              CONTENT_W, Inches(4.6),
+              data,
+              col_widths=[Inches(3.3), Inches(2.3), CONTENT_W - Inches(5.6)],
+              size=12, header_size=12)
+    # Порядок работ
+    add_rect(s, MARGIN_L, Inches(6.25), CONTENT_W, Inches(0.85),
+             fill=PRIMARY_50, line=PRIMARY, line_w=Pt(0.5))
+    add_rich(s, MARGIN_L + Inches(0.3), Inches(6.35), CONTENT_W - Inches(0.6), Inches(0.7), [
+        ("Порядок внутри Фазы 1:  ", {"bold": True, "color": PRIMARY_DARK}),
+        ("1) План лечения — фундамент · ", {}),
+        ("2) Результаты / медкарта · ", {}),
+        ("3) Заказ справок.  ", {}),
+        ("Критическая зависимость — МИС: ", {"bold": True, "color": FG}),
+        ("отдаёт ли API структурированные назначения или план заполняет врач в виджете (см. вопрос №1).", {}),
+    ], size=12, line_spacing=1.3)
+    return s
+
+def slide_phase1_5_overlay():
+    s = new_slide()
+    y = title_bar(s, "Фаза 1.5 · Коммуникационная надстройка", "Джентльменский набор, часть 2")
+    add_text(s, MARGIN_L, y + Inches(0.0), CONTENT_W, Inches(0.6),
+             "Живой диалог по поводу лечения. Строится поверх стабильной Фазы 1, требует отдельных регламентов.",
+             size=13, color=FG2)
+    # Две большие карточки
+    cw = (CONTENT_W - Inches(0.3)) / 2
+    cy = y + Inches(0.7)
+    ch = Inches(4.5)
+    # Консьерж
+    lx = MARGIN_L
+    add_rect(s, lx, cy, cw, ch, fill=BG, line=PRIMARY, line_w=Pt(1))
+    add_rect(s, lx, cy, cw, Inches(0.55), fill=PRIMARY)
+    add_text(s, lx + Inches(0.3), cy + Inches(0.12), cw - Inches(0.6), Inches(0.4),
+             "ЧАТ С МЕДИЦИНСКИМ КОНСЬЕРЖЕМ", size=12, bold=True, color=BG)
+    add_text(s, lx + Inches(0.3), cy + Inches(0.75), cw - Inches(0.6), Inches(0.5),
+             "Не прямой с лечащим врачом",
+             size=18, bold=True, color=FG, font=FONT_DISPLAY)
+    add_text(s, lx + Inches(0.3), cy + Inches(1.3), cw - Inches(0.6), Inches(2.4),
+             "Дежурный врач / фельдшер / медсестра отвечает по протоколам "
+             "на 80% рутины: «можно ли совмещать с X», «нормально ли, что третий день болит», "
+             "«когда повторно сдать анализ».\n\n"
+             "Эскалация лечащему — только клинически значимое.\n\n"
+             "Буфер SLA и защита от выгорания врачей.",
+             size=12, color=FG2)
+    add_rect(s, lx + Inches(0.3), cy + ch - Inches(0.85), cw - Inches(0.6), Inches(0.7),
+             fill=WARM)
+    add_rich(s, lx + Inches(0.45), cy + ch - Inches(0.75), cw - Inches(0.9), Inches(0.55), [
+        ("Риск:  ", {"bold": True, "color": DANGER}),
+        ("перегрузка врачей. ", {}),
+        ("Митигация:  ", {"bold": True, "color": SUCCESS}),
+        ("консьерж-слой + тарификация эскалаций.", {}),
+    ], size=11, line_spacing=1.3)
+    # AI
+    rx = lx + cw + Inches(0.3)
+    add_rect(s, rx, cy, cw, ch, fill=BG, line=WARNING, line_w=Pt(1))
+    add_rect(s, rx, cy, cw, Inches(0.55), fill=WARNING)
+    add_text(s, rx + Inches(0.3), cy + Inches(0.12), cw - Inches(0.6), Inches(0.4),
+             "AI-ПОМОЩНИК (RAG, 24/7)", size=12, bold=True, color=BG)
+    add_text(s, rx + Inches(0.3), cy + Inches(0.75), cw - Inches(0.6), Inches(0.5),
+             "Запуск в shadow-mode",
+             size=18, bold=True, color=FG, font=FONT_DISPLAY)
+    add_text(s, rx + Inches(0.3), cy + Inches(1.3), cw - Inches(0.6), Inches(2.4),
+             "Знает: базу знаний клиники, статьи, план лечения пациента, медкарту, историю приёмов.\n\n"
+             "Объясняет назначения, ищет ответ в статьях, оценивает «норма или срочно», "
+             "эскалирует консьержу/врачу.\n\n"
+             "Отвечает ночью, когда человеческие каналы недоступны.",
+             size=12, color=FG2)
+    add_rect(s, rx + Inches(0.3), cy + ch - Inches(0.85), cw - Inches(0.6), Inches(0.7),
+             fill=WARM)
+    add_rich(s, rx + Inches(0.45), cy + ch - Inches(0.75), cw - Inches(0.9), Inches(0.55), [
+        ("Риск:  ", {"bold": True, "color": DANGER}),
+        ("галлюцинация LLM = юр./репутация. ", {}),
+        ("Митигация:  ", {"bold": True, "color": SUCCESS}),
+        ("shadow-mode, валидация через консьержа, метрики точности перед прямым режимом.", {}),
+    ], size=11, line_spacing=1.3)
+    return s
+
+def slide_primary_vs_returning():
+    s = new_slide()
+    y = title_bar(s, "Первичный vs повторный в приложении", "Фундаментальное деление")
+    data = [
+        ["Линза", "Первичный в приложении", "Повторный в приложении"],
+        ["Главный job",
+         "«Куда обратиться и как записаться»",
+         "«Что делать сейчас по моему лечению»"],
+        ["Источник",
+         "Сайт, SEO, реклама, сарафан",
+         "Уведомление, пациент сам открывает"],
+        ["Частота открытия",
+         "1–3 раза до визита",
+         "Ежедневно в активном эпизоде"],
+        ["Что нужно в приложении",
+         "Базовый минимум (есть)",
+         "Специализированный модуль сегмента"],
+        ["Приоритет развития",
+         "Низкий — веб работает лучше",
+         "Высокий — 2/3 потока"],
+    ]
+    add_table(s, MARGIN_L, y + Inches(0.2),
+              CONTENT_W, Inches(4.4),
+              data,
+              col_widths=[Inches(3.0), Inches(4.55), Inches(4.55)],
+              size=13, header_size=12,
+              header_fill=FG)
+    add_rect(s, MARGIN_L, Inches(6.1), CONTENT_W, Inches(1.0),
+             fill=PRIMARY_50, line=PRIMARY, line_w=Pt(0.5))
+    add_rich(s, MARGIN_L + Inches(0.3), Inches(6.2), CONTENT_W - Inches(0.6), Inches(0.85), [
+        ("Исключения:  ", {"bold": True, "color": PRIMARY_DARK}),
+        ("сегменты, где «первичный в приложении» ≠ «первый визит» — сурдология, хирургия, АСИТ. "
+         "После первого визита пациент уходит, и вернуть его может только приложение. "
+         "Эти сегменты требуют отдельных «первичных» сценариев удержания.", {}),
+    ], size=13, line_spacing=1.3)
+    return s
+
+def slide_segment_matrix():
+    s = new_slide()
+    y = title_bar(s, "10 сегментов × первичный / повторный", "Матрица")
+    header = ["#", "Сегмент", "Объём · вклад", "Повторный — что нужно", "Группа"]
+    rows = [
+        ["1", "Заблокированный нос (FESS, полипы)", "300 оп · 30 млн",
+         "Пред-оп бегунок → восстановление → контроль 3/6/12 мес", "C"],
+        ["2", "Амбулаторный поток (острые + хроники)", "тысячи/мес · 120 млн",
+         "План лечения + эпизод + процедуры самопомощи", "A"],
+        ["3", "Дети с аденоидами", "400–500 оп · 20–30 млн",
+         "Детский бегунок → восстановление (семейный профиль)", "C"],
+        ["4", "Потеря слуха (сурдология)", "20 млн",
+         "Паспорт аппарата, сервисный календарь, расходники, калибровка", "B"],
+        ["5", "Сложные хроники, ЧБД, аллергия", "часть 120 млн · LTV",
+         "Процедуры самопомощи + АСИТ-трекер + пыльцевой календарь", "A+D"],
+        ["6", "Зависимость от капель (вазотомия)", "высокий объём",
+         "Пред-оп бегунок (компактный) → восстановление", "C"],
+        ["7", "Пульмонология (кашель/астма)", "средний · сезонный",
+         "Дневник астмы, напоминания об ингаляторах", "D"],
+        ["8", "Социально активные храпуны", "низкий · высокий чек",
+         "Сомнологический чек-up, СИПАП-трекер", "—"],
+        ["9", "Фониатрия (голос)", "очень низкий",
+         "Короткое окно, низкая повторность", "—"],
+        ["10", "Check-up и второе мнение", "единичный",
+         "Разовая услуга, минимальная повторность", "—"],
+    ]
+    data = [header] + rows
+    # раскраска групп через цвет текста в последней колонке делается потом
+    tbl = add_table(s, MARGIN_L, y + Inches(0.1),
+              CONTENT_W, Inches(5.6),
+              data,
+              col_widths=[Inches(0.4), Inches(3.4), Inches(2.2), Inches(5.5), Inches(0.8)],
+              size=10, header_size=11)
+    # Подкрасить колонку «Группа»
+    group_colors = {"A": PRIMARY_DARK, "B": PRIMARY_DARK, "C": PRIMARY_DARK,
+                    "D": PRIMARY_DARK, "A+D": PRIMARY_DARK, "—": FG3}
+    for ri, row in enumerate(rows, start=1):
+        cell = tbl.cell(ri, 4)
+        tf = cell.text_frame
+        for p in tf.paragraphs:
+            for r in p.runs:
+                r.font.bold = True
+                r.font.color.rgb = group_colors.get(row[4], FG)
+                r.font.size = Pt(12)
+    return s
+
+def slide_groups_overview():
+    s = new_slide()
+    y = title_bar(s, "Четыре группы сегментов для повторных", "Укрупнение")
+    # 4 плитки 2×2
+    tiles = [
+        ("A", "Процедуры самопомощи",
+         "Амбулаторный + хроники (2, 5ч)",
+         "Библиотека техник, напоминания, трекер, дневник.\nСамый массовый охват."),
+        ("C", "Пред-оп подготовка",
+         "FESS + аденоиды + вазотомия (1, 3, 6)",
+         "Две фазы: возврат сомневающихся; бегунок → восстановление.\nОдин модуль — три сегмента."),
+        ("B", "Сурдология",
+         "Потеря слуха (4)",
+         "Две фазы: возврат после демо-аппарата; обслуживание аппарата.\nИзолированный модуль, высокий чек."),
+        ("D", "АСИТ + астма",
+         "Часть аллергии + пульмо (5ч, 7)",
+         "Ежедневный трекер, пыльцевой календарь, навигатор побочки.\nВысокая ответственность."),
+    ]
+    tw = (CONTENT_W - Inches(0.3)) / 2
+    th = (Inches(5.0) - Inches(0.3)) / 2
+    for i, (code, name, segments, desc) in enumerate(tiles):
+        col = i % 2
+        row = i // 2
+        tx = MARGIN_L + (tw + Inches(0.3)) * col
+        ty = y + Inches(0.1) + (th + Inches(0.3)) * row
+        add_rect(s, tx, ty, tw, th, fill=BG, line=PRIMARY, line_w=Pt(1))
+        # Круг с буквой
+        circ = s.shapes.add_shape(MSO_SHAPE.OVAL, tx + Inches(0.3), ty + Inches(0.3),
+                                   Inches(0.8), Inches(0.8))
+        circ.shadow.inherit = False
+        circ.fill.solid(); circ.fill.fore_color.rgb = PRIMARY
+        circ.line.fill.background()
+        tf = circ.text_frame
+        tf.margin_left = tf.margin_right = Emu(0); tf.margin_top = tf.margin_bottom = Emu(0)
+        p = tf.paragraphs[0]; p.alignment = PP_ALIGN.CENTER
+        r = p.add_run(); r.text = code
+        r.font.name = FONT_DISPLAY; r.font.size = Pt(28); r.font.bold = True
+        r.font.color.rgb = BG
+        # Название
+        add_text(s, tx + Inches(1.3), ty + Inches(0.3), tw - Inches(1.5), Inches(0.5),
+                 name, size=20, bold=True, color=FG, font=FONT_DISPLAY)
+        add_text(s, tx + Inches(1.3), ty + Inches(0.8), tw - Inches(1.5), Inches(0.3),
+                 segments, size=11, color=FG3)
+        # Описание
+        add_text(s, tx + Inches(0.3), ty + Inches(1.5), tw - Inches(0.6),
+                 th - Inches(1.7), desc, size=12, color=FG2)
+    return s
+
+def slide_group_detail(code, color, title, caption, what_it_does, why_priority):
+    s = new_slide()
+    y = title_bar(s, title, f"Группа {code}")
+    # Крупный код слева
+    add_rect(s, MARGIN_L, y, Inches(1.4), Inches(5.0), fill=PRIMARY_50)
+    add_text(s, MARGIN_L, y + Inches(1.5), Inches(1.4), Inches(2.0),
+             code, size=120, bold=True, color=PRIMARY, font=FONT_DISPLAY,
+             align=PP_ALIGN.CENTER)
+    # Правый контент
+    rx = MARGIN_L + Inches(1.6)
+    rw = CONTENT_W - Inches(1.6)
+    add_text(s, rx, y + Inches(0.0), rw, Inches(0.4),
+             caption, size=13, color=FG3)
+    # Что делает
+    add_text(s, rx, y + Inches(0.45), rw, Inches(0.35),
+             "ЧТО В МОДУЛЕ", size=11, bold=True, color=PRIMARY_DARK)
+    add_text(s, rx, y + Inches(0.8), rw, Inches(2.8),
+             what_it_does, size=13, color=FG)
+    # Почему приоритет
+    add_rect(s, rx, y + Inches(3.7), rw, Inches(1.3),
+             fill=WARM)
+    add_text(s, rx + Inches(0.3), y + Inches(3.8), Inches(5), Inches(0.3),
+             "ПОЧЕМУ В ЭТОМ ПОРЯДКЕ", size=11, bold=True, color=FG2)
+    add_text(s, rx + Inches(0.3), y + Inches(4.1), rw - Inches(0.6), Inches(1.1),
+             why_priority, size=13, color=FG)
+    return s
+
+def slide_group_A():
+    return slide_group_detail(
+        "A", PRIMARY,
+        "Процедуры самопомощи для хроников",
+        "Амбулаторный поток + сложные хроники · сегменты 2 и 5",
+        "• Библиотека техник (видео + шаги): промывание носа физраствором, полоскание горла, "
+        "ингаляции, гимнастика слуховой трубы, голосовые упражнения, туалет уха.\n"
+        "• Напоминания утром/вечером, привязка к плану лечения.\n"
+        "• Трекер комплаенса: ежедневные отметки, стрики, сводка.\n"
+        "• Дневник симптомов в связке: «промываю 5 дней, насморк 4 → 2».\n"
+        "• Сводка для врача перед контрольным приёмом.",
+        "Самый массовый охват (тысячи/мес) × ежедневная повторность. "
+        "Напрямую опирается на план лечения из Фазы 1. "
+        "Контент-ориентированный MVP (видео + простой трекер). "
+        "Эффект заметен пациенту сразу."
+    )
+
+def slide_group_C():
+    return slide_group_detail(
+        "C", PRIMARY,
+        "Пред-операционная подготовка + восстановление",
+        "FESS + дети-аденоиды + вазотомия · сегменты 1, 3, 6",
+        "Две фазы:\n"
+        "1) Кандидаты на операцию — ушли «думать» после пред-оп приёма. Возврат через материалы, "
+        "кейсы пациентов, чат с хирургом, возвратные push (3/7/21 день), прозрачность цены/рассрочки.\n"
+        "2) Решившиеся — маршрутная карта («бегунок») с чекбоксами, сроки годности анализов, "
+        "автозапись из пункта, загрузка сторонних результатов, чек-лист дня операции, "
+        "договор и оплата в приложении → передача в «Восстановление».",
+        "Один модуль закрывает 3 сегмента. Быстрый MVP (маршрутная карта — простой список с состояниями). "
+        "Прямой бизнес-эффект: меньше переносов операций + возврат сомневающихся кандидатов. "
+        "Вклад сегментов: ~50–60 млн."
+    )
+
+def slide_group_B():
+    return slide_group_detail(
+        "B", PRIMARY,
+        "Сурдология — слухопротезирование",
+        "Потеря слуха · сегмент 4",
+        "Две фазы, зеркально Группе C:\n"
+        "1) Кандидаты — после первого визита и демо уходят думать 2–3 месяца. "
+        "Аудиограмма в профиле, аудио-демо «до/после» в любых наушниках, каталог моделей с фильтром "
+        "по аудиограмме, калькулятор стоимости (ФСС, рассрочка, трейд-ин), шеринг близкому, "
+        "истории пациентов, возвратные push 3/7/21 день.\n"
+        "2) Пользователи аппарата — паспорт аппарата, календарь обслуживания, расходники, "
+        "навигатор неполадок, ежегодная калибровка.",
+        "Пожизненный LTV × высокий чек (60–180 тыс.) × растущий рынок (старение). "
+        "Изолированный модуль — не пересекается с другими. "
+        "Можно запускать параллельно с C после Фазы 1."
+    )
+
+def slide_group_D():
+    return slide_group_detail(
+        "D", PRIMARY,
+        "АСИТ + контроль астмы",
+        "Часть аллергии + пульмонология · сегменты 5ч и 7",
+        "• Календарь курса (3–5 лет) с маркером «вы здесь».\n"
+        "• Ежедневный приём СЛИТ с push, стрики.\n"
+        "• Журнал инъекций ПКИТ.\n"
+        "• Дневник симптомов + пыльцевой календарь региона.\n"
+        "• Навигатор побочки с эскалацией к врачу / скорой.\n"
+        "• Экстренная связь, аптечка дома.\n"
+        "• Автошеринг дневника врачу перед плановым визитом.",
+        "Самая высокая глубина пользы — прямое влияние на медицинский исход (удержание = успех лечения). "
+        "Но самая высокая ответственность: требует верификации контента аллергологом/пульмонологом. "
+        "Запускаем последним; контент можно готовить параллельно."
+    )
+
+def slide_roadmap():
+    s = new_slide()
+    y = title_bar(s, "Порядок внедрения", "Дорожная карта")
+    # Фаза 1 бокс
+    p1_h = Inches(0.9)
+    add_rect(s, MARGIN_L, y + Inches(0.05), CONTENT_W, p1_h,
+             fill=PRIMARY_50, line=PRIMARY, line_w=Pt(1))
+    add_text(s, MARGIN_L + Inches(0.3), y + Inches(0.15), Inches(3), Inches(0.3),
+             "ФАЗА 1 · ТРАНЗАКЦИОННАЯ БАЗА", size=11, bold=True, color=PRIMARY_DARK)
+    add_text(s, MARGIN_L + Inches(0.3), y + Inches(0.48), CONTENT_W - Inches(0.6), Inches(0.4),
+             "План лечения → Результаты и медкарта → Заказ справок",
+             size=14, bold=True, color=FG, font=FONT_DISPLAY)
+    # Фаза 1.5 бокс
+    y15 = y + Inches(0.05) + p1_h + Inches(0.15)
+    add_rect(s, MARGIN_L, y15, CONTENT_W, p1_h,
+             fill=WARM, line=WARNING, line_w=Pt(1))
+    add_text(s, MARGIN_L + Inches(0.3), y15 + Inches(0.1), Inches(4), Inches(0.3),
+             "ФАЗА 1.5 · КОММУНИКАЦИОННАЯ НАДСТРОЙКА", size=11, bold=True, color=WARNING)
+    add_text(s, MARGIN_L + Inches(0.3), y15 + Inches(0.43), CONTENT_W - Inches(0.6), Inches(0.4),
+             "Чат с медицинским консьержем → AI-помощник (shadow-mode)",
+             size=14, bold=True, color=FG, font=FONT_DISPLAY)
+    # Фаза 2 — 4 шага
+    y2 = y15 + p1_h + Inches(0.25)
+    add_text(s, MARGIN_L, y2, Inches(6), Inches(0.3),
+             "ФАЗА 2 · СЕГМЕНТНЫЕ МОДУЛИ", size=11, bold=True, color=FG2)
+    # 4 карточки горизонтально со стрелками
+    steps = [
+        ("1", "A", "Процедуры самопомощи", "Массовый охват · продолжение плана лечения"),
+        ("2", "C", "Пред-оп подготовка", "3 сегмента одним модулем · быстрый эффект"),
+        ("3", "B", "Сурдология", "Высокий чек · пожизненное удержание"),
+        ("4", "D", "АСИТ + астма", "Верификация врачом · высокая польза"),
+    ]
+    step_y = y2 + Inches(0.35)
+    step_h = Inches(2.0)
+    step_w = (CONTENT_W - Inches(0.4) * 3) / 4
+    for i, (num, code, name, sub) in enumerate(steps):
+        sx = MARGIN_L + (step_w + Inches(0.4)) * i
+        add_rect(s, sx, step_y, step_w, step_h, fill=BG, line=PRIMARY, line_w=Pt(1))
+        # Номер и код группы
+        add_text(s, sx + Inches(0.2), step_y + Inches(0.2), Inches(0.8), Inches(0.4),
+                 f"Шаг {num}", size=11, color=FG3)
+        add_text(s, sx + Inches(0.2), step_y + Inches(0.45), step_w - Inches(0.4), Inches(0.6),
+                 code, size=36, bold=True, color=PRIMARY, font=FONT_DISPLAY)
+        add_text(s, sx + Inches(0.2), step_y + Inches(1.0), step_w - Inches(0.4), Inches(0.4),
+                 name, size=13, bold=True, color=FG, font=FONT_DISPLAY)
+        add_text(s, sx + Inches(0.2), step_y + Inches(1.4), step_w - Inches(0.4), Inches(0.55),
+                 sub, size=10, color=FG2)
+        # Стрелка
+        if i < 3:
+            arr_x = sx + step_w + Inches(0.05)
+            arr = s.shapes.add_shape(MSO_SHAPE.RIGHT_ARROW, arr_x,
+                                      step_y + step_h / 2 - Inches(0.15),
+                                      Inches(0.3), Inches(0.3))
+            arr.shadow.inherit = False
+            arr.fill.solid(); arr.fill.fore_color.rgb = PRIMARY
+            arr.line.fill.background()
+    return s
+
+def slide_questions():
+    s = new_slide()
+    y = title_bar(s, "Вопросы к обсуждению", "Что уточнить у клиники")
+    questions = [
+        ("Поток",    "«2 из 3 повторных» — уникальные пациенты в год или визиты?"),
+        ("Метрики",  "Процент повторных, не доходящих до контрольного приёма?"),
+        ("Врачи",    "Готовность врачей к SLA по асинхронному чату и в каком окне?"),
+        ("МИС",      "API: структурированные назначения, сроки годности анализов, расписание?"),
+        ("Сурдо",    "Сколько кандидатов/мес, % возврата за аппаратом?"),
+        ("Хирургия", "Частая причина переноса операций — просроченные анализы?"),
+        ("Аллерго",  "Готов ли аллерголог верифицировать контент АСИТ-трекера?"),
+        ("Контент",  "Достаточно ли материалов для RAG-базы?"),
+    ]
+    col_h = Inches(0.6)
+    for i, (tag, q) in enumerate(questions):
+        col = i % 2
+        row = i // 2
+        qx = MARGIN_L + (CONTENT_W / 2 + Inches(0.15)) * col
+        qy = y + Inches(0.2) + (col_h + Inches(0.4)) * row
+        qw = CONTENT_W / 2 - Inches(0.15)
+        add_rect(s, qx, qy, Inches(1.0), col_h, fill=PRIMARY)
+        add_text(s, qx, qy, Inches(1.0), col_h, tag,
+                 size=12, bold=True, color=BG, font=FONT_DISPLAY,
+                 align=PP_ALIGN.CENTER, anchor=MSO_ANCHOR.MIDDLE)
+        add_rect(s, qx + Inches(1.0), qy, qw - Inches(1.0), col_h,
+                 fill=PRIMARY_50)
+        add_text(s, qx + Inches(1.2), qy, qw - Inches(1.2), col_h, q,
+                 size=12, color=FG, anchor=MSO_ANCHOR.MIDDLE)
+    return s
+
+def slide_final():
+    s = new_slide()
+    # Большой финал: что решить сегодня
+    add_rect(s, 0, 0, SW, SH, fill=PRIMARY)
+    add_text(s, MARGIN_L, Inches(0.8), CONTENT_W, Inches(0.5),
+             "ЧТО РЕШАЕМ СЕГОДНЯ", size=14, bold=True, color=PRIMARY_50)
+    add_text(s, MARGIN_L, Inches(1.4), CONTENT_W, Inches(1.2),
+             "Подтвердить порядок:", size=36, bold=True, color=BG, font=FONT_DISPLAY)
+    add_text(s, MARGIN_L, Inches(2.4), CONTENT_W, Inches(1.8),
+             "Фаза 1 · транзакционная база\n→ Фаза 1.5 · консьерж + AI\n→ Фаза 2: A → C → B → D",
+             size=26, bold=True, color=BG, font=FONT_DISPLAY, line_spacing=1.3)
+    # Три пункта
+    items = [
+        ("1", "С чего начинаем Фазу 1?", "План лечения — фундамент. Зависит от МИС-API."),
+        ("2", "Когда стартует Фаза 1.5?", "После стабилизации базы. AI в shadow-mode."),
+        ("3", "Параллельно", "Контент для D, добавить аллерголога в справочники."),
+    ]
+    y = Inches(4.8)
+    for i, (num, q, a) in enumerate(items):
+        ix = MARGIN_L + (CONTENT_W / 3) * i
+        iw = CONTENT_W / 3 - Inches(0.3)
+        add_text(s, ix, y, Inches(0.5), Inches(0.5),
+                 num, size=36, bold=True, color=WARM, font=FONT_DISPLAY)
+        add_text(s, ix + Inches(0.6), y + Inches(0.05), iw - Inches(0.6), Inches(0.5),
+                 q, size=14, bold=True, color=BG, font=FONT_DISPLAY)
+        add_text(s, ix + Inches(0.6), y + Inches(0.6), iw - Inches(0.6), Inches(1.2),
+                 a, size=12, color=PRIMARY_50)
+    # Подпись
+    add_text(s, MARGIN_L, SH - Inches(0.7), CONTENT_W, Inches(0.4),
+             "Клиника УГН · мобильное приложение · 23 апр 2026",
+             size=11, color=PRIMARY_50)
+    return s
+
+# ============================================================
+#                      СБОРКА
+# ============================================================
+slides = [
+    slide_title(),
+    slide_agenda(),
+    slide_facts(),
+    slide_frame(),
+    slide_current_functions(),
+    slide_three_layers(),
+    slide_phase1_base(),
+    slide_phase1_5_overlay(),
+    slide_primary_vs_returning(),
+    slide_segment_matrix(),
+    slide_groups_overview(),
+    slide_group_A(),
+    slide_group_C(),
+    slide_group_B(),
+    slide_group_D(),
+    slide_roadmap(),
+    slide_questions(),
+    slide_final(),
+]
+
+# Футер на всех слайдах, кроме титульного и финального (у них свой фон)
+total = len(slides)
+for idx, s in enumerate(slides, start=1):
+    if idx == 1 or idx == total:
+        continue
+    footer(s, idx, total)
+
+out = "MEETING_2026-04-23.pptx"
+prs.save(out)
+print(f"OK  {out}  ({total} slides)")
diff --git a/package-lock.json b/package-lock.json
index 25bd1f3..83f7d94 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,8 +8,11 @@
       "name": "pcs-pt-mobile",
       "version": "0.1.0",
       "dependencies": {
+        "leaflet": "^1.9.4",
         "react": "^18.3.1",
-        "react-dom": "^18.3.1"
+        "react-dom": "^18.3.1",
+        "react-leaflet": "^4.2.1",
+        "react-router-dom": "^6.30.3"
       },
       "devDependencies": {
         "@vitejs/plugin-react": "^4.3.4",
@@ -739,6 +742,26 @@
         "@jridgewell/sourcemap-codec": "^1.4.14"
       }
     },
+    "node_modules/@react-leaflet/core": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/@react-leaflet/core/-/core-2.1.0.tgz",
+      "integrity": "sha512-Qk7Pfu8BSarKGqILj4x7bCSZ1pjuAPZ+qmRwH5S7mDS91VSbVVsJSrW4qA+GPrro8t69gFYVMWb1Zc4yFmPiVg==",
+      "license": "Hippocratic-2.1",
+      "peerDependencies": {
+        "leaflet": "^1.9.0",
+        "react": "^18.0.0",
+        "react-dom": "^18.0.0"
+      }
+    },
+    "node_modules/@remix-run/router": {
+      "version": "1.23.2",
+      "resolved": "https://registry.npmjs.org/@remix-run/router/-/router-1.23.2.tgz",
+      "integrity": "sha512-Ic6m2U/rMjTkhERIa/0ZtXJP17QUi2CbWE7cqx4J58M8aA3QTfW+2UlQ4psvTX9IO1RfNVhK3pcpdjej7L+t2w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
     "node_modules/@rolldown/pluginutils": {
       "version": "1.0.0-beta.27",
       "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-beta.27.tgz",
@@ -1375,6 +1398,12 @@
         "node": ">=6"
       }
     },
+    "node_modules/leaflet": {
+      "version": "1.9.4",
+      "resolved": "https://registry.npmjs.org/leaflet/-/leaflet-1.9.4.tgz",
+      "integrity": "sha512-nxS1ynzJOmOlHp+iL3FyWqK89GtNL8U8rvlMOsQdTTssxZwCXh8N2NB3GDQOL+YR3XnWyZAxwQixURb+FA74PA==",
+      "license": "BSD-2-Clause"
+    },
     "node_modules/loose-envify": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
@@ -1491,6 +1520,20 @@
         "react": "^18.3.1"
       }
     },
+    "node_modules/react-leaflet": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/react-leaflet/-/react-leaflet-4.2.1.tgz",
+      "integrity": "sha512-p9chkvhcKrWn/H/1FFeVSqLdReGwn2qmiobOQGO3BifX+/vV/39qhY8dGqbdcPh1e6jxh/QHriLXr7a4eLFK4Q==",
+      "license": "Hippocratic-2.1",
+      "dependencies": {
+        "@react-leaflet/core": "^2.1.0"
+      },
+      "peerDependencies": {
+        "leaflet": "^1.9.0",
+        "react": "^18.0.0",
+        "react-dom": "^18.0.0"
+      }
+    },
     "node_modules/react-refresh": {
       "version": "0.17.0",
       "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.17.0.tgz",
@@ -1501,6 +1544,38 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/react-router": {
+      "version": "6.30.3",
+      "resolved": "https://registry.npmjs.org/react-router/-/react-router-6.30.3.tgz",
+      "integrity": "sha512-XRnlbKMTmktBkjCLE8/XcZFlnHvr2Ltdr1eJX4idL55/9BbORzyZEaIkBFDhFGCEWBBItsVrDxwx3gnisMitdw==",
+      "license": "MIT",
+      "dependencies": {
+        "@remix-run/router": "1.23.2"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.8"
+      }
+    },
+    "node_modules/react-router-dom": {
+      "version": "6.30.3",
+      "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.30.3.tgz",
+      "integrity": "sha512-pxPcv1AczD4vso7G4Z3TKcvlxK7g7TNt3/FNGMhfqyntocvYKj+GCatfigGDjbLozC4baguJ0ReCigoDJXb0ag==",
+      "license": "MIT",
+      "dependencies": {
+        "@remix-run/router": "1.23.2",
+        "react-router": "6.30.3"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.8",
+        "react-dom": ">=16.8"
+      }
+    },
     "node_modules/rollup": {
       "version": "4.60.2",
       "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.60.2.tgz",
diff --git a/package.json b/package.json
index e3fe231..b13260a 100644
--- a/package.json
+++ b/package.json
@@ -9,8 +9,11 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "leaflet": "^1.9.4",
     "react": "^18.3.1",
-    "react-dom": "^18.3.1"
+    "react-dom": "^18.3.1",
+    "react-leaflet": "^4.2.1",
+    "react-router-dom": "^6.30.3"
   },
   "devDependencies": {
     "@vitejs/plugin-react": "^4.3.4",
diff --git a/public/roadmap.html b/public/roadmap.html
new file mode 100644
index 0000000..f46e8c6
--- /dev/null
+++ b/public/roadmap.html
@@ -0,0 +1,1479 @@
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Карта приложения — Клиника Оленевой</title>
+
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&family=PT+Sans+Narrow:wght@400;700&display=swap" rel="stylesheet">
+
+<style>
+:root {
+  --teal:        #166B63;
+  --teal-dark:   #0F4A44;
+  --teal-50:     #E3F4F2;
+  --teal-100:    #C7E8E4;
+  --teal-200:    #9BD6CE;
+  --warm-50:     #FDF8EE;
+  --warm-100:    #F5EDDF;
+  --warm-200:    #E8DCC5;
+  --accent:      #E04E44;
+
+  --fg-1: #1F2A37;
+  --fg-2: #3E4C5D;
+  --fg-3: #5A6B7B;
+  --fg-4: #8596A8;
+
+  --border:      #E4EAF2;
+  --border-soft: #EEF2F7;
+
+  /* phase tints */
+  --p0:   #6B7A8C;  /* существует */
+  --p0bg: #F0F3F7;
+  --p1:   #166B63;  /* фаза 1 */
+  --p1bg: #E3F4F2;
+  --p15:  #C77A4C;  /* фаза 1.5 */
+  --p15bg:#FBEFE4;
+  --p2A:  #2E9B6B;  /* группа A */
+  --p2Abg:#E4F4EC;
+  --p2B:  #3C6EA8;  /* группа B */
+  --p2Bbg:#E4EDF8;
+  --p2C:  #B63D35;  /* группа C */
+  --p2Cbg:#FBE4E4;
+  --p2D:  #8B5BA9;  /* группа D */
+  --p2Dbg:#F1E7F8;
+  --skip: #B0BAC7;
+  --skipbg:#F4F6FA;
+
+  --font-sans:    'PT Sans', system-ui, sans-serif;
+  --font-display: 'PT Sans Narrow', 'PT Sans', system-ui, sans-serif;
+}
+
+* { box-sizing: border-box; }
+html, body { margin: 0; padding: 0; }
+body {
+  font-family: var(--font-sans);
+  color: var(--fg-1);
+  background:
+    radial-gradient(1200px 600px at 0% 0%, var(--warm-100) 0%, transparent 55%),
+    radial-gradient(1000px 500px at 100% 100%, var(--teal-50) 0%, transparent 50%),
+    #F7F9FC;
+  min-height: 100vh;
+  -webkit-font-smoothing: antialiased;
+}
+
+.wrap {
+  max-width: 1480px;
+  margin: 0 auto;
+  padding: 32px 32px 60px;
+}
+
+/* ---------- Top bar ---------- */
+.topbar {
+  display: flex;
+  align-items: flex-end;
+  justify-content: space-between;
+  gap: 24px;
+  margin-bottom: 28px;
+}
+.topbar h1 {
+  font-family: var(--font-display);
+  font-weight: 700;
+  font-size: 56px;
+  line-height: 1;
+  margin: 0 0 6px;
+  letter-spacing: -0.5px;
+}
+.topbar .lede {
+  font-size: 16px;
+  color: var(--fg-3);
+  max-width: 640px;
+  line-height: 1.5;
+}
+.topbar .meta {
+  text-align: right;
+  font-size: 12px;
+  color: var(--fg-4);
+  line-height: 1.6;
+}
+.topbar .meta b { color: var(--fg-2); display: block; font-weight: 700; font-size: 13px; }
+.topbar .meta a {
+  display: inline-flex; align-items: center; gap: 6px;
+  margin-top: 8px;
+  padding: 8px 14px;
+  background: var(--teal);
+  color: #fff;
+  text-decoration: none;
+  border-radius: 999px;
+  font-size: 13px;
+  font-weight: 700;
+}
+.topbar .meta a:hover { background: var(--teal-dark); }
+
+/* ---------- Legend ---------- */
+.legend {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  background: #fff;
+  border: 1px solid var(--border);
+  border-radius: 14px;
+  padding: 12px 14px;
+  margin-bottom: 32px;
+  font-size: 12.5px;
+}
+.legend-item {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  padding: 5px 10px 5px 6px;
+  border-radius: 999px;
+  font-weight: 600;
+}
+.legend-item .dot {
+  width: 9px; height: 9px; border-radius: 999px; display: inline-block;
+}
+.legend-item .num {
+  font-family: var(--font-display);
+  font-weight: 700;
+  font-size: 15px;
+  margin-right: 2px;
+  width: 18px; height: 18px;
+  display: inline-flex; align-items: center; justify-content: center;
+  border-radius: 999px;
+  background: rgba(255,255,255,0.6);
+  color: inherit;
+}
+
+/* ---------- Phase rows ---------- */
+.phase {
+  margin-bottom: 28px;
+  background: #fff;
+  border-radius: 22px;
+  border: 1px solid var(--border);
+  overflow: hidden;
+}
+.phase-head {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+  padding: 18px 22px 14px;
+  border-bottom: 1px solid var(--border-soft);
+}
+.phase-num {
+  font-family: var(--font-display);
+  font-weight: 700;
+  font-size: 32px;
+  width: 56px;
+  height: 56px;
+  border-radius: 16px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  letter-spacing: -1px;
+}
+.phase-title {
+  font-size: 22px;
+  font-weight: 700;
+  margin: 0 0 2px;
+}
+.phase-sub {
+  font-size: 13px;
+  color: var(--fg-3);
+  margin: 0;
+  max-width: 720px;
+  line-height: 1.45;
+}
+.phase-aside {
+  margin-left: auto;
+  display: flex;
+  gap: 22px;
+  text-align: right;
+  flex-shrink: 0;
+}
+.phase-aside .stat {
+  font-size: 11px;
+  color: var(--fg-4);
+  text-transform: uppercase;
+  letter-spacing: .6px;
+  font-weight: 700;
+}
+.phase-aside .stat-v {
+  font-family: var(--font-display);
+  font-size: 24px;
+  font-weight: 700;
+  color: var(--fg-1);
+  letter-spacing: -.5px;
+  margin-top: 2px;
+}
+
+.phase-body {
+  padding: 18px 22px 22px;
+}
+
+/* Group within phase 2 */
+.group {
+  margin-bottom: 18px;
+}
+.group:last-child { margin-bottom: 0; }
+.group-head {
+  display: flex;
+  align-items: baseline;
+  gap: 10px;
+  margin-bottom: 10px;
+}
+.group-letter {
+  font-family: var(--font-display);
+  font-weight: 700;
+  font-size: 20px;
+  width: 28px; height: 28px;
+  display: inline-flex; align-items: center; justify-content: center;
+  border-radius: 8px;
+  color: #fff;
+}
+.group-name {
+  font-size: 15px;
+  font-weight: 700;
+  color: var(--fg-1);
+}
+.group-meta {
+  font-size: 12px;
+  color: var(--fg-4);
+  margin-left: auto;
+}
+
+/* Cards grid */
+.cards {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(232px, 1fr));
+  gap: 12px;
+}
+.card {
+  background: #fff;
+  border: 1px solid var(--border);
+  border-radius: 14px;
+  padding: 0;
+  overflow: hidden;
+  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
+  cursor: pointer;
+  text-decoration: none;
+  color: inherit;
+  display: flex;
+  flex-direction: column;
+}
+.card:hover {
+  transform: translateY(-2px);
+  box-shadow: 0 12px 30px rgba(15,30,40,.10);
+  border-color: var(--teal-200);
+}
+.card-existing { background: #fff; }
+.card-future { background: #FCFDFE; border-style: dashed; }
+.card-skip { opacity: .55; cursor: default; }
+.card-skip:hover { transform: none; box-shadow: none; border-color: var(--border); }
+
+/* mini phone preview */
+.mini {
+  position: relative;
+  height: 150px;
+  margin: 10px 10px 0;
+  border-radius: 12px;
+  overflow: hidden;
+  background: #F7F9FC;
+  border: 1px solid var(--border-soft);
+}
+.mini-future {
+  background: repeating-linear-gradient(45deg, #FAFBFD, #FAFBFD 8px, #F2F5F9 8px, #F2F5F9 16px);
+}
+.mini .mini-status {
+  height: 14px;
+  background: rgba(0,0,0,0.04);
+}
+.mini .mini-content {
+  padding: 8px 10px;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+.mini .mini-bar {
+  height: 6px;
+  border-radius: 3px;
+  background: #E4EAF2;
+}
+.mini .mini-bar.solid { background: var(--teal); }
+.mini .mini-bar.warm  { background: var(--warm-200); }
+.mini .mini-bar.short { width: 60%; }
+.mini .mini-bar.med   { width: 80%; }
+
+.mini-title {
+  position: absolute;
+  bottom: 8px; left: 10px; right: 10px;
+  font-family: var(--font-display);
+  font-weight: 700;
+  font-size: 18px;
+  color: var(--fg-1);
+  line-height: 1.1;
+  letter-spacing: -.3px;
+  text-shadow: 0 1px 0 rgba(255,255,255,.5);
+}
+.mini-future .mini-title { color: var(--fg-3); }
+
+.card-body {
+  padding: 12px 14px 14px;
+}
+.card-name {
+  font-size: 14px;
+  font-weight: 700;
+  margin: 0 0 4px;
+  line-height: 1.25;
+}
+.card-desc {
+  font-size: 12px;
+  color: var(--fg-3);
+  line-height: 1.45;
+  margin: 0 0 8px;
+}
+.card-tags {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 4px;
+}
+.tag {
+  font-size: 10.5px;
+  padding: 2px 7px;
+  border-radius: 999px;
+  background: var(--p0bg);
+  color: var(--p0);
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: .3px;
+}
+.tag.live  { background: var(--p0bg);  color: var(--p0); }
+.tag.p1    { background: var(--p1bg);  color: var(--p1); }
+.tag.p15   { background: var(--p15bg); color: var(--p15); }
+.tag.a     { background: var(--p2Abg); color: var(--p2A); }
+.tag.b     { background: var(--p2Bbg); color: var(--p2B); }
+.tag.c     { background: var(--p2Cbg); color: var(--p2C); }
+.tag.d     { background: var(--p2Dbg); color: var(--p2D); }
+.tag.skip  { background: var(--skipbg);color: var(--skip); }
+
+/* Card status corner */
+.card-status {
+  position: absolute;
+  top: 8px; right: 8px;
+  font-size: 10px;
+  font-weight: 700;
+  padding: 3px 8px;
+  border-radius: 999px;
+  background: rgba(255,255,255,0.92);
+  backdrop-filter: blur(4px);
+  box-shadow: 0 1px 3px rgba(0,0,0,.06);
+  text-transform: uppercase;
+  letter-spacing: .4px;
+}
+
+/* Segments table */
+.segments {
+  margin-top: 36px;
+  background: #fff;
+  border: 1px solid var(--border);
+  border-radius: 22px;
+  overflow: hidden;
+}
+.seg-head {
+  padding: 18px 22px 14px;
+  border-bottom: 1px solid var(--border-soft);
+}
+.seg-head h2 {
+  font-family: var(--font-display);
+  font-size: 28px;
+  margin: 0 0 4px;
+  font-weight: 700;
+  letter-spacing: -.5px;
+}
+.seg-head p {
+  font-size: 13px;
+  color: var(--fg-3);
+  margin: 0;
+  max-width: 720px;
+  line-height: 1.5;
+}
+.seg-table {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 13px;
+}
+.seg-table th {
+  text-align: left;
+  padding: 12px 18px;
+  background: var(--border-soft);
+  font-size: 11px;
+  text-transform: uppercase;
+  letter-spacing: .5px;
+  color: var(--fg-4);
+  font-weight: 700;
+  border-bottom: 1px solid var(--border);
+}
+.seg-table th:first-child { padding-left: 22px; }
+.seg-table th:last-child { padding-right: 22px; text-align: right; }
+.seg-table td {
+  padding: 12px 18px;
+  border-bottom: 1px solid var(--border-soft);
+  vertical-align: top;
+}
+.seg-table td:first-child { padding-left: 22px; }
+.seg-table td:last-child  { padding-right: 22px; text-align: right; }
+.seg-table tr:last-child td { border-bottom: 0; }
+.seg-num {
+  font-family: var(--font-display);
+  font-weight: 700;
+  font-size: 16px;
+  color: var(--fg-3);
+  width: 28px;
+  display: inline-block;
+}
+.seg-name { font-weight: 700; color: var(--fg-1); }
+.seg-rev {
+  font-family: var(--font-display);
+  font-weight: 700;
+  font-size: 17px;
+  color: var(--teal);
+}
+.seg-job { color: var(--fg-3); font-size: 12.5px; }
+.prio {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  font-weight: 700;
+  font-size: 12px;
+  padding: 4px 10px;
+  border-radius: 999px;
+}
+.prio.high { background: var(--teal-50); color: var(--teal-dark); }
+.prio.mid  { background: var(--warm-100); color: #8B6334; }
+.prio.low  { background: var(--skipbg); color: var(--skip); }
+
+/* Phase 2 grid: groups side by side */
+.groups-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(440px, 1fr));
+  gap: 18px;
+}
+.group-block {
+  border: 1px solid var(--border);
+  border-radius: 16px;
+  padding: 14px 16px;
+  background: #FCFDFE;
+}
+
+/* Footnotes */
+.foot {
+  margin-top: 32px;
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+  gap: 14px;
+}
+.foot-card {
+  background: #fff;
+  border: 1px solid var(--border);
+  border-radius: 14px;
+  padding: 14px 16px;
+}
+.foot-card .ti {
+  font-size: 11px;
+  font-weight: 700;
+  color: var(--fg-4);
+  text-transform: uppercase;
+  letter-spacing: .5px;
+  margin-bottom: 6px;
+}
+.foot-card .vl {
+  font-family: var(--font-display);
+  font-weight: 700;
+  font-size: 22px;
+  letter-spacing: -.4px;
+  margin-bottom: 4px;
+}
+.foot-card .ds {
+  font-size: 12px;
+  color: var(--fg-3);
+  line-height: 1.5;
+}
+
+/* ---------- Compact mini icon variants ---------- */
+.mi-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 6px; padding: 12px 10px 0; }
+.mi-tile { aspect-ratio: 1; border-radius: 8px; background: var(--teal-50); }
+.mi-tile.warm { background: var(--warm-100); }
+.mi-tile.med  { background: var(--teal-100); }
+
+.mi-list { padding: 12px 10px 0; display: flex; flex-direction: column; gap: 5px; }
+.mi-list-row { height: 22px; border-radius: 6px; background: #F0F3F7; display: flex; align-items: center; gap: 6px; padding: 0 8px; }
+.mi-list-row .av { width: 14px; height: 14px; border-radius: 999px; background: var(--teal-100); flex-shrink: 0; }
+.mi-list-row .ln { flex: 1; height: 4px; background: #DCE2EA; border-radius: 2px; }
+
+.mi-meds { padding: 12px 10px 0; display: flex; flex-direction: column; gap: 6px; }
+.mi-pill-row { display: flex; align-items: center; gap: 6px; padding: 4px 6px; background: var(--warm-100); border-radius: 8px; }
+.mi-pill { width: 14px; height: 14px; border-radius: 4px; background: var(--accent); flex-shrink: 0; }
+.mi-pill.b { background: var(--teal); }
+.mi-pill.c { background: #C77A4C; }
+.mi-pill-row .ln { flex: 1; height: 3px; background: rgba(0,0,0,.1); border-radius: 2px; }
+
+.mi-chart { padding: 12px 10px 0; }
+.mi-chart svg { width: 100%; display: block; }
+
+.mi-chat { padding: 12px 10px 0; display: flex; flex-direction: column; gap: 4px; }
+.mi-bubble { max-width: 80%; height: 8px; border-radius: 4px 4px 4px 1px; background: #fff; border: 1px solid var(--border); }
+.mi-bubble.me { align-self: flex-end; background: var(--teal); border: 0; border-radius: 4px 4px 1px 4px; }
+.mi-bubble.ai { background: linear-gradient(90deg, var(--p15), var(--p15bg)); border: 0; }
+
+.mi-cal {
+  padding: 12px 10px 0;
+  display: grid;
+  grid-template-columns: repeat(7,1fr);
+  gap: 3px;
+}
+.mi-cal-d { aspect-ratio: 1; border-radius: 4px; background: #F0F3F7; }
+.mi-cal-d.on { background: var(--teal); }
+.mi-cal-d.miss { background: var(--accent); opacity: .5; }
+.mi-cal-d.today { background: var(--warm-200); }
+
+/* dependency arrow row */
+.deps {
+  margin-top: 18px;
+  padding: 14px 16px;
+  border-radius: 12px;
+  background: var(--warm-50);
+  border: 1px dashed var(--warm-200);
+  font-size: 12.5px;
+  color: var(--fg-2);
+  line-height: 1.5;
+}
+.deps b { color: var(--teal-dark); }
+.deps .arrow { color: var(--p15); font-weight: 700; }
+</style>
+</head>
+<body>
+
+<div class="wrap">
+
+<div class="topbar">
+  <div>
+    <h1>Карта развития приложения</h1>
+    <div class="lede">
+      Все экраны прототипа разложены по фазам стратегии 23 апр 2026. Видно — что работает сегодня, что добавляем в Фазу 1, что строим под сегменты в Фазе 2.
+    </div>
+  </div>
+  <div class="meta">
+    <b>Клиника Оленевой · Мобильное приложение</b>
+    Стратегия от 23 апр 2026 · версия 1
+    <br>
+    <a href="index.html">↗ Открыть прототип</a>
+    <a href="/strategy.html" style="margin-top: 6px; background: var(--teal-50); color: var(--teal-dark); border: 1px solid var(--teal-100);">📋 Концепция развития</a>
+  </div>
+</div>
+
+<div class="legend">
+  <span class="legend-item" style="background: var(--p0bg); color: var(--p0);">
+    <span class="num" style="background: var(--p0); color: #fff;">0</span>
+    Сейчас в прототипе
+  </span>
+  <span class="legend-item" style="background: var(--p1bg); color: var(--p1);">
+    <span class="num" style="background: var(--p1); color: #fff;">1</span>
+    Фаза 1 · Транзакционная база
+  </span>
+  <span class="legend-item" style="background: var(--p15bg); color: var(--p15);">
+    <span class="num" style="background: var(--p15); color: #fff;">1.5</span>
+    Фаза 1.5 · Коммуникация
+  </span>
+  <span class="legend-item" style="background: var(--p2Abg); color: var(--p2A);">
+    <span class="num" style="background: var(--p2A); color: #fff;">A</span>
+    Самопомощь хроников
+  </span>
+  <span class="legend-item" style="background: var(--p2Cbg); color: var(--p2C);">
+    <span class="num" style="background: var(--p2C); color: #fff;">C</span>
+    Пред-оп подготовка
+  </span>
+  <span class="legend-item" style="background: var(--p2Bbg); color: var(--p2B);">
+    <span class="num" style="background: var(--p2B); color: #fff;">B</span>
+    Сурдология
+  </span>
+  <span class="legend-item" style="background: var(--p2Dbg); color: var(--p2D);">
+    <span class="num" style="background: var(--p2D); color: #fff;">D</span>
+    АСИТ + астма
+  </span>
+  <span class="legend-item" style="background: var(--skipbg); color: var(--skip);">
+    <span class="num" style="background: var(--skip); color: #fff;">—</span>
+    Не делаем
+  </span>
+</div>
+
+<!-- ============== Phase 0: Сейчас в прототипе ============== -->
+<div class="phase">
+  <div class="phase-head">
+    <div class="phase-num" style="background: var(--p0bg); color: var(--p0);">0</div>
+    <div>
+      <h2 class="phase-title">Сейчас в прототипе</h2>
+      <p class="phase-sub">16 экранов: транзакционное ядро (запись + ближайший приём + врачи) и базовая идентификация. Точка отсчёта.</p>
+    </div>
+    <div class="phase-aside">
+      <div><div class="stat">Экранов</div><div class="stat-v">16</div></div>
+      <div><div class="stat">Покрытие</div><div class="stat-v">~30%</div></div>
+    </div>
+  </div>
+  <div class="phase-body">
+    <div class="cards">
+      <a class="card card-existing" href="index.html">
+        <div class="mini">
+          <div class="mini-status"></div>
+          <div class="mi-grid"><div class="mi-tile warm"></div><div class="mi-tile"></div><div class="mi-tile med"></div><div class="mi-tile"></div><div class="mi-tile med"></div><div class="mi-tile warm"></div></div>
+          <span class="card-status">✓</span>
+        </div>
+        <div class="card-body">
+          <h3 class="card-name">Главная</h3>
+          <p class="card-desc">Запись CTA, специализации, ближайший приём. Витрина услуг.</p>
+          <div class="card-tags"><span class="tag live">в проде</span></div>
+        </div>
+      </a>
+
+      <a class="card card-existing" href="index.html">
+        <div class="mini">
+          <div class="mini-status"></div>
+          <div class="mi-list"><div class="mi-list-row"><span class="av"></span><span class="ln"></span></div><div class="mi-list-row"><span class="av"></span><span class="ln"></span></div><div class="mi-list-row"><span class="av"></span><span class="ln"></span></div><div class="mi-list-row"><span class="av"></span><span class="ln"></span></div></div>
+          <span class="card-status">✓</span>
+        </div>
+        <div class="card-body">
+          <h3 class="card-name">Врачи + карточка</h3>
+          <p class="card-desc">Каталог, фильтры, рейтинги, расписание, отзывы.</p>
+          <div class="card-tags"><span class="tag live">в проде</span></div>
+        </div>
+      </a>
+
+      <a class="card card-existing" href="index.html">
+        <div class="mini">
+          <div class="mini-status"></div>
+          <div class="mi-list"><div class="mi-list-row" style="background: var(--teal-50)"><span class="av"></span><span class="ln" style="background: var(--teal-200)"></span></div><div class="mi-list-row"><span class="av"></span><span class="ln"></span></div><div class="mi-list-row"><span class="av"></span><span class="ln"></span></div><div class="mi-list-row"><span class="av"></span><span class="ln"></span></div></div>
+          <span class="card-status">✓</span>
+        </div>
+        <div class="card-body">
+          <h3 class="card-name">Запись на приём</h3>
+          <p class="card-desc">4-шаговый флоу: специализация → врач → время → подтверждение.</p>
+          <div class="card-tags"><span class="tag live">в проде</span></div>
+        </div>
+      </a>
+
+      <a class="card card-existing" href="index.html">
+        <div class="mini">
+          <div class="mini-status"></div>
+          <div class="mi-list"><div class="mi-list-row" style="background: var(--warm-100)"><span class="av" style="background: var(--accent)"></span><span class="ln"></span></div><div class="mi-list-row"><span class="av"></span><span class="ln"></span></div></div>
+          <span class="card-status">✓</span>
+        </div>
+        <div class="card-body">
+          <h3 class="card-name">Мои приёмы</h3>
+          <p class="card-desc">Предстоящие и прошедшие. Деталь приёма с заключением.</p>
+          <div class="card-tags"><span class="tag live">в проде</span></div>
+        </div>
+      </a>
+
+      <a class="card card-existing" href="index.html">
+        <div class="mini">
+          <div class="mini-status"></div>
+          <div class="mi-chat"><div class="mi-bubble"></div><div class="mi-bubble me"></div><div class="mi-bubble"></div><div class="mi-bubble me" style="width:50%"></div></div>
+          <span class="card-status">✓</span>
+        </div>
+        <div class="card-body">
+          <h3 class="card-name">Чат с оператором</h3>
+          <p class="card-desc">Один универсальный чат — справки, переносы, расписание.</p>
+          <div class="card-tags"><span class="tag live">в проде</span></div>
+        </div>
+      </a>
+
+      <a class="card card-existing" href="index.html">
+        <div class="mini">
+          <div class="mini-status"></div>
+          <div style="padding: 14px 10px 0; display:flex; flex-direction:column; align-items:center; gap:8px;">
+            <div style="width:40px; height:40px; border-radius:999px; background: var(--warm-100);"></div>
+            <div style="height:6px; width:60%; background: #E4EAF2; border-radius: 3px;"></div>
+            <div style="height:4px; width:80%; background: #EEF2F7; border-radius: 2px;"></div>
+          </div>
+          <span class="card-status">✓</span>
+        </div>
+        <div class="card-body">
+          <h3 class="card-name">Профиль + QR + семья</h3>
+          <p class="card-desc">Идентификация, QR пациента, члены семьи, бонусы.</p>
+          <div class="card-tags"><span class="tag live">в проде</span></div>
+        </div>
+      </a>
+
+      <a class="card card-existing" href="index.html">
+        <div class="mini">
+          <div class="mini-status"></div>
+          <div class="mi-chart">
+            <svg viewBox="0 0 100 60">
+              <rect x="0" y="10" width="100" height="20" fill="#E8F5EE" opacity=".6"/>
+              <polyline points="5,15 25,18 45,22 65,30 85,42 95,48" fill="none" stroke="var(--accent)" stroke-width="1.5"/>
+              <polyline points="5,12 25,15 45,18 65,25 85,32 95,38" fill="none" stroke="var(--p2B)" stroke-width="1.5" stroke-dasharray="2 2"/>
+            </svg>
+          </div>
+          <span class="card-status">✓</span>
+        </div>
+        <div class="card-body">
+          <h3 class="card-name">Аудиограмма</h3>
+          <p class="card-desc">Тест слуха + просмотр готового результата.</p>
+          <div class="card-tags"><span class="tag live">в проде</span></div>
+        </div>
+      </a>
+
+      <a class="card card-existing" href="index.html">
+        <div class="mini">
+          <div class="mini-status"></div>
+          <div style="padding: 12px 10px 0;">
+            <div style="height:8px; background: var(--teal); border-radius: 4px; width: 45%; margin-bottom: 8px;"></div>
+            <div style="height:6px; background: var(--border); border-radius: 3px; margin-bottom: 4px;"></div>
+            <div style="height:6px; background: var(--border); border-radius: 3px; margin-bottom: 4px; width:70%"></div>
+            <div style="height:6px; background: var(--border); border-radius: 3px; width: 50%;"></div>
+          </div>
+          <span class="card-status">✓</span>
+        </div>
+        <div class="card-body">
+          <h3 class="card-name">Восстановление</h3>
+          <p class="card-desc">Прототип бегунка после операции — таймлайн, лекарства.</p>
+          <div class="card-tags"><span class="tag live">основа для C</span></div>
+        </div>
+      </a>
+    </div>
+  </div>
+</div>
+
+<!-- ============== Phase 1: Транзакционная база ============== -->
+<div class="phase">
+  <div class="phase-head">
+    <div class="phase-num" style="background: var(--p1bg); color: var(--p1);">1</div>
+    <div>
+      <h2 class="phase-title">Транзакционная база</h2>
+      <p class="phase-sub">Ради чего пациент <em>не удалит приложение между визитами</em>. Детерминированные функции — без LLM, без живого диалога с врачом. Минимум юридических и регламентных рисков.</p>
+    </div>
+    <div class="phase-aside">
+      <div><div class="stat">Новых экранов</div><div class="stat-v">+8</div></div>
+      <div><div class="stat">Охват</div><div class="stat-v">100%</div></div>
+    </div>
+  </div>
+  <div class="phase-body">
+    <div class="cards">
+      <div class="card card-future">
+        <div class="mini mini-future">
+          <div class="mini-status"></div>
+          <div style="padding: 12px 10px 0;">
+            <div style="height: 8px; background: var(--p1); border-radius: 4px; width: 70%; margin-bottom: 8px;"></div>
+            <div class="mi-pill-row" style="background: var(--p1bg)"><span class="mi-pill b"></span><span class="ln"></span></div>
+            <div class="mi-pill-row" style="background: var(--p1bg); margin-top:4px"><span class="mi-pill b"></span><span class="ln"></span></div>
+            <div class="mi-pill-row" style="background: var(--warm-50); margin-top:4px"><span class="mi-pill" style="background: var(--p2A)"></span><span class="ln"></span></div>
+          </div>
+          <span class="card-status" style="background: var(--p1); color: #fff;">★ Фундамент</span>
+        </div>
+        <div class="card-body">
+          <h3 class="card-name">План лечения с приёма</h3>
+          <p class="card-desc">Главный новый объект. Диагноз, препараты с расписанием, процедуры, контрольный приём, запись в 1 клик.</p>
+          <div class="card-tags"><span class="tag p1">фаза 1</span><span class="tag">источник правды</span></div>
+        </div>
+      </div>
+
+      <div class="card card-future">
+        <div class="mini mini-future">
+          <div class="mini-status"></div>
+          <div class="mi-meds">
+            <div class="mi-pill-row"><span class="mi-pill"></span><span class="ln"></span><span style="font-size:9px; color: var(--p1); font-weight:700">8:00</span></div>
+            <div class="mi-pill-row"><span class="mi-pill b"></span><span class="ln"></span><span style="font-size:9px; color: var(--p1); font-weight:700">13:00</span></div>
+            <div class="mi-pill-row"><span class="mi-pill c"></span><span class="ln"></span><span style="font-size:9px; color: var(--p1); font-weight:700">20:00</span></div>
+          </div>
+        </div>
+        <div class="card-body">
+          <h3 class="card-name">Карточка препарата</h3>
+          <p class="card-desc">Детали назначения: дозировка, дни, что осталось, инструкция, побочки.</p>
+          <div class="card-tags"><span class="tag p1">фаза 1</span></div>
+        </div>
+      </div>
+
+      <div class="card card-future">
+        <div class="mini mini-future">
+          <div class="mini-status"></div>
+          <div class="mi-list">
+            <div class="mi-list-row" style="background: var(--p2Abg)"><span class="av" style="background: var(--p2A)"></span><span class="ln" style="background: var(--p2A); opacity: .4"></span></div>
+            <div class="mi-list-row" style="background: var(--p2Abg)"><span class="av" style="background: var(--p2A)"></span><span class="ln" style="background: var(--p2A); opacity: .4"></span></div>
+            <div class="mi-list-row" style="background: var(--warm-100)"><span class="av" style="background: var(--p2C)"></span><span class="ln" style="background: var(--p2C); opacity: .4"></span></div>
+            <div class="mi-list-row" style="background: var(--p1bg)"><span class="av" style="background: var(--p1)"></span><span class="ln" style="background: var(--p1); opacity: .4"></span></div>
+          </div>
+        </div>
+        <div class="card-body">
+          <h3 class="card-name">Медкарта со «срок годности»</h3>
+          <p class="card-desc">Анализы, аудиограммы, снимки + статус «годен до». Критично для пред-опа.</p>
+          <div class="card-tags"><span class="tag p1">фаза 1</span><span class="tag">расширение</span></div>
+        </div>
+      </div>
+
+      <div class="card card-future">
+        <div class="mini mini-future">
+          <div class="mini-status"></div>
+          <div style="padding: 14px 10px 0; display:flex; flex-direction:column; gap:8px;">
+            <div style="background:#fff; border-radius: 8px; padding: 8px; border: 1px solid var(--border);">
+              <div style="height:5px; background: var(--p1); border-radius: 2px; width: 60%; margin-bottom: 4px;"></div>
+              <div style="height:4px; background: var(--border); border-radius: 2px; width: 80%;"></div>
+            </div>
+            <div style="background: var(--p1); color:#fff; height: 22px; border-radius: 8px; display:flex; align-items:center; justify-content:center; font-size:9px; font-weight:700;">ЗАКАЗАТЬ</div>
+          </div>
+        </div>
+        <div class="card-body">
+          <h3 class="card-name">Заказ справок</h3>
+          <p class="card-desc">Справка ФНС, выписки, счета. 1 клик. Готовая в приложении.</p>
+          <div class="card-tags"><span class="tag p1">фаза 1</span><span class="tag">retention-якорь</span></div>
+        </div>
+      </div>
+
+      <div class="card card-future">
+        <div class="mini mini-future">
+          <div class="mini-status"></div>
+          <div style="padding: 12px 10px 0;">
+            <div style="background: var(--p1bg); border-radius: 10px; padding: 8px;">
+              <div style="height:5px; background: var(--p1); border-radius: 2px; width: 80%; margin-bottom: 4px;"></div>
+              <div style="height:4px; background: var(--p1); opacity:.5; border-radius: 2px; width: 60%;"></div>
+            </div>
+            <div style="display: flex; gap:4px; margin-top:8px">
+              <div style="flex:1; height: 18px; background: var(--p1); border-radius: 6px;"></div>
+              <div style="flex:1; height: 18px; background: var(--p1bg); border-radius: 6px; border: 1px solid var(--p1)"></div>
+            </div>
+          </div>
+        </div>
+        <div class="card-body">
+          <h3 class="card-name">Главная: «эпизод лечения»</h3>
+          <p class="card-desc">Альтернативная главная для повторных. Активный диагноз, день курса, что делать сегодня.</p>
+          <div class="card-tags"><span class="tag p1">фаза 1</span><span class="tag">переосмысление</span></div>
+        </div>
+      </div>
+
+      <div class="card card-future">
+        <div class="mini mini-future">
+          <div class="mini-status"></div>
+          <div style="padding: 12px 10px 0;">
+            <div style="height: 5px; background: var(--p1); border-radius: 2px; width: 50%; margin-bottom:6px"></div>
+            <div style="height: 4px; background: var(--border); border-radius: 2px; width: 80%; margin-bottom:4px"></div>
+            <div style="height: 4px; background: var(--border); border-radius: 2px; width: 70%; margin-bottom:8px"></div>
+            <div style="display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 4px;">
+              <div style="height: 22px; background: var(--p1bg); border-radius: 6px;"></div>
+              <div style="height: 22px; background: var(--p1bg); border-radius: 6px;"></div>
+              <div style="height: 22px; background: var(--p1bg); border-radius: 6px;"></div>
+            </div>
+          </div>
+        </div>
+        <div class="card-body">
+          <h3 class="card-name">Чек-лист подготовки к приёму</h3>
+          <p class="card-desc">Не забыть карту/анализы, маршрут до кабинета, тригеры 24ч/2ч/15мин.</p>
+          <div class="card-tags"><span class="tag p1">усиление</span></div>
+        </div>
+      </div>
+
+      <div class="card card-future">
+        <div class="mini mini-future">
+          <div class="mini-status"></div>
+          <div style="padding: 12px 10px 0;">
+            <div style="height: 5px; background: var(--p1); border-radius: 2px; width: 60%; margin-bottom:8px"></div>
+            <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 6px;">
+              <div style="width:12px; height:12px; border-radius: 999px; background: var(--p2A);"></div>
+              <div style="flex:1; height: 4px; background: var(--p2A); border-radius: 2px;"></div>
+              <div style="width:12px; height:12px; border-radius: 999px; background: var(--p2A);"></div>
+              <div style="flex:1; height: 4px; background: var(--p2A); border-radius: 2px;"></div>
+              <div style="width:12px; height:12px; border-radius: 999px; background: var(--border-soft); border: 1.5px solid var(--p1)"></div>
+            </div>
+            <div style="height: 4px; background: var(--border); border-radius: 2px; margin-top: 6px;"></div>
+          </div>
+        </div>
+        <div class="card-body">
+          <h3 class="card-name">Эпизод лечения</h3>
+          <p class="card-desc">Сводка: первичный → процедуры → контроль. Видна траектория.</p>
+          <div class="card-tags"><span class="tag p1">фаза 1</span></div>
+        </div>
+      </div>
+
+      <div class="card card-future">
+        <div class="mini mini-future">
+          <div class="mini-status"></div>
+          <div style="padding: 12px 10px 0;">
+            <div style="display:flex; gap:6px; margin-bottom: 6px;">
+              <div style="flex:1; height: 32px; background: #fff; border-radius: 6px; border: 1px solid var(--border);"></div>
+              <div style="flex:1; height: 32px; background: #fff; border-radius: 6px; border: 1px solid var(--border);"></div>
+            </div>
+            <div style="height: 5px; background: var(--p1); border-radius: 2px; width: 70%; margin-bottom:4px"></div>
+            <div style="height: 4px; background: var(--border); border-radius: 2px; width: 80%;"></div>
+          </div>
+        </div>
+        <div class="card-body">
+          <h3 class="card-name">Семейный профиль (расширение)</h3>
+          <p class="card-desc">Переключение между профилями ребёнка/пожилого. Критично для аденоидов и ЧБД.</p>
+          <div class="card-tags"><span class="tag p1">усиление</span></div>
+        </div>
+      </div>
+    </div>
+
+    <div class="deps">
+      <b>Зависимость:</b> структурированные назначения от МИС. Если API отдаёт препарат + дозу + курс — план собирается автоматически. Если только PDF — врач заполняет в виджете шаблонами по нозологиям. <span class="arrow">→</span> Решение определяет сроки Фазы 1.
+    </div>
+  </div>
+</div>
+
+<!-- ============== Phase 1.5: Коммуникация ============== -->
+<div class="phase">
+  <div class="phase-head">
+    <div class="phase-num" style="background: var(--p15bg); color: var(--p15);">1.5</div>
+    <div>
+      <h2 class="phase-title">Коммуникационная надстройка</h2>
+      <p class="phase-sub">Живой и AI-диалог по поводу лечения. Поверх стабильной Фазы 1. Требует регламентов SLA, безопасности и отдельной выкладки — поэтому отделено от Фазы 1.</p>
+    </div>
+    <div class="phase-aside">
+      <div><div class="stat">Новых экранов</div><div class="stat-v">+4</div></div>
+    </div>
+  </div>
+  <div class="phase-body">
+    <div class="cards">
+      <div class="card card-future">
+        <div class="mini mini-future">
+          <div class="mini-status"></div>
+          <div class="mi-chat" style="padding-top:14px">
+            <div class="mi-bubble"></div>
+            <div class="mi-bubble" style="width:60%"></div>
+            <div class="mi-bubble me" style="background: var(--p15)"></div>
+            <div class="mi-bubble" style="width:80%"></div>
+          </div>
+          <span class="card-status" style="background: var(--p15); color:#fff;">SLA</span>
+        </div>
+        <div class="card-body">
+          <h3 class="card-name">Чат с медицинским консьержем</h3>
+          <p class="card-desc">Дежурный врач/фельдшер по протоколам. 80% рутины, эскалация лечащему. Не прямой чат с врачом.</p>
+          <div class="card-tags"><span class="tag p15">фаза 1.5</span><span class="tag">регламент</span></div>
+        </div>
+      </div>
+
+      <div class="card card-future">
+        <div class="mini mini-future">
+          <div class="mini-status"></div>
+          <div class="mi-chat" style="padding-top:14px">
+            <div class="mi-bubble"></div>
+            <div class="mi-bubble ai" style="width:80%"></div>
+            <div class="mi-bubble ai" style="width:65%"></div>
+            <div class="mi-bubble me" style="background: var(--p15)"></div>
+          </div>
+          <span class="card-status" style="background: var(--p15); color:#fff;">Shadow</span>
+        </div>
+        <div class="card-body">
+          <h3 class="card-name">AI-помощник (RAG)</h3>
+          <p class="card-desc">Знает базу знаний клиники, план лечения. Сначала shadow-mode под валидацией консьержа.</p>
+          <div class="card-tags"><span class="tag p15">фаза 1.5</span><span class="tag">риск</span></div>
+        </div>
+      </div>
+
+      <div class="card card-future">
+        <div class="mini mini-future">
+          <div class="mini-status"></div>
+          <div style="padding: 12px 10px 0;">
+            <div style="display:flex; gap: 6px; margin-bottom: 6px;">
+              <div style="flex:1; height: 30px; background: var(--p1bg); border-radius: 8px;"></div>
+              <div style="flex:1; height: 30px; background: var(--p15bg); border-radius: 8px;"></div>
+            </div>
+            <div style="height: 4px; background: var(--border); border-radius: 2px; margin-bottom: 4px"></div>
+            <div style="height: 4px; background: var(--border); border-radius: 2px; width: 70%"></div>
+          </div>
+        </div>
+        <div class="card-body">
+          <h3 class="card-name">Маршрутизатор каналов</h3>
+          <p class="card-desc">Куда писать: оператор, консьерж или AI. Без когнитивной нагрузки на пациента.</p>
+          <div class="card-tags"><span class="tag p15">UX-вызов</span></div>
+        </div>
+      </div>
+
+      <div class="card card-future">
+        <div class="mini mini-future">
+          <div class="mini-status"></div>
+          <div style="padding: 14px 10px 0;">
+            <div style="height: 5px; background: var(--p15); border-radius: 2px; width: 50%; margin-bottom:6px"></div>
+            <div style="height: 4px; background: var(--border); border-radius: 2px; margin-bottom:4px"></div>
+            <div style="height: 4px; background: var(--border); border-radius: 2px; width: 70%; margin-bottom:8px"></div>
+            <div style="display: flex; gap: 4px;">
+              <div style="flex:1; height: 6px; background: var(--p2A); border-radius: 3px;"></div>
+              <div style="flex:1; height: 6px; background: var(--warm-200); border-radius: 3px;"></div>
+              <div style="flex:1; height: 6px; background: var(--p2C); border-radius: 3px;"></div>
+            </div>
+          </div>
+        </div>
+        <div class="card-body">
+          <h3 class="card-name">Триаж тревожности</h3>
+          <p class="card-desc">«Норма / срочно / неотложно» — AI оценивает и эскалирует к консьержу или 112.</p>
+          <div class="card-tags"><span class="tag p15">безопасность</span></div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<!-- ============== Phase 2: Сегментные модули ============== -->
+<div class="phase">
+  <div class="phase-head">
+    <div class="phase-num" style="background: linear-gradient(135deg, var(--p2A), var(--p2C), var(--p2B), var(--p2D)); color: #fff;">2</div>
+    <div>
+      <h2 class="phase-title">Сегментные модули</h2>
+      <p class="phase-sub">Углубление по приоритетным группам сегментов. Порядок запуска: <b>A → C → B → D</b>. Каждый модуль опирается на план лечения и медкарту из Фазы 1.</p>
+    </div>
+    <div class="phase-aside">
+      <div><div class="stat">Групп</div><div class="stat-v">4</div></div>
+      <div><div class="stat">Новых экранов</div><div class="stat-v">~25</div></div>
+    </div>
+  </div>
+  <div class="phase-body">
+
+    <div class="groups-grid">
+
+      <!-- Group A -->
+      <div class="group-block" style="background: linear-gradient(180deg, var(--p2Abg) 0%, #fff 60%);">
+        <div class="group-head">
+          <span class="group-letter" style="background: var(--p2A);">A</span>
+          <span class="group-name">Самопомощь хроников</span>
+          <span class="group-meta">первый запуск · охват ~тысячи в мес.</span>
+        </div>
+        <p style="font-size: 12.5px; color: var(--fg-3); margin: 0 0 12px; line-height: 1.5;">
+          Промывания, полоскания, ингаляции. Видео-библиотека техник + ежедневный трекер + дневник симптомов в связке. Главный мотиватор — «промываю 5 дней, насморк уменьшился с 4 до 2».
+        </p>
+        <div class="cards" style="grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));">
+          <div class="card card-future">
+            <div class="mini mini-future" style="height: 110px;">
+              <div style="padding: 12px 10px 0; display: grid; grid-template-columns: 1fr 1fr; gap: 6px;">
+                <div style="aspect-ratio: 1; background: var(--p2A); border-radius: 8px; position:relative;"><div style="position:absolute; inset:0; display:flex; align-items:center; justify-content:center; color:#fff;">▶</div></div>
+                <div style="aspect-ratio: 1; background: var(--p2Abg); border-radius: 8px;"></div>
+                <div style="aspect-ratio: 1; background: var(--p2Abg); border-radius: 8px;"></div>
+                <div style="aspect-ratio: 1; background: var(--p2Abg); border-radius: 8px;"></div>
+              </div>
+            </div>
+            <div class="card-body">
+              <h3 class="card-name">Библиотека техник</h3>
+              <p class="card-desc">10–15 видео-инструкций: промывание, полоскание, ингаляция.</p>
+              <div class="card-tags"><span class="tag a">A</span></div>
+            </div>
+          </div>
+          <div class="card card-future">
+            <div class="mini mini-future" style="height: 110px;">
+              <div class="mi-cal">
+                <div class="mi-cal-d on"></div><div class="mi-cal-d on"></div><div class="mi-cal-d on"></div><div class="mi-cal-d miss"></div><div class="mi-cal-d on"></div><div class="mi-cal-d on"></div><div class="mi-cal-d on"></div>
+                <div class="mi-cal-d on"></div><div class="mi-cal-d on"></div><div class="mi-cal-d on"></div><div class="mi-cal-d on"></div><div class="mi-cal-d miss"></div><div class="mi-cal-d on"></div><div class="mi-cal-d today"></div>
+              </div>
+            </div>
+            <div class="card-body">
+              <h3 class="card-name">Трекер комплаенса</h3>
+              <p class="card-desc">Ежедневные отметки, стрики, сводка для врача.</p>
+              <div class="card-tags"><span class="tag a">A</span></div>
+            </div>
+          </div>
+          <div class="card card-future">
+            <div class="mini mini-future" style="height: 110px;">
+              <div style="padding: 14px 10px 0;">
+                <svg viewBox="0 0 100 50" style="width:100%;">
+                  <polyline points="0,5 15,8 30,12 45,18 60,28 75,35 90,42 100,46" fill="none" stroke="var(--p2A)" stroke-width="2"/>
+                  <circle cx="100" cy="46" r="3" fill="var(--p2A)"/>
+                </svg>
+                <div style="display: flex; justify-content: space-between; margin-top:4px;">
+                  <span style="font-size:10px; color: var(--fg-4); font-weight:700">Симптом 4</span>
+                  <span style="font-size:10px; color: var(--p2A); font-weight:700">→ 2</span>
+                </div>
+              </div>
+            </div>
+            <div class="card-body">
+              <h3 class="card-name">Дневник симптомов</h3>
+              <p class="card-desc">Видна динамика — главный мотиватор продолжать.</p>
+              <div class="card-tags"><span class="tag a">A</span></div>
+            </div>
+          </div>
+          <div class="card card-future">
+            <div class="mini mini-future" style="height: 110px;">
+              <div style="padding: 12px 10px 0;">
+                <div style="background: var(--p2A); color:#fff; padding: 6px 8px; border-radius: 8px; font-size: 10px; font-weight:700; margin-bottom: 6px;">8:00 — Промыть нос</div>
+                <div style="background: var(--p2Abg); padding: 6px 8px; border-radius: 8px; font-size: 9px; color: var(--p2A); margin-bottom: 4px;">13:00 Ингаляция</div>
+                <div style="background: var(--p2Abg); padding: 6px 8px; border-radius: 8px; font-size: 9px; color: var(--p2A);">20:00 Полоскание</div>
+              </div>
+            </div>
+            <div class="card-body">
+              <h3 class="card-name">Расписание дня</h3>
+              <p class="card-desc">Утро/день/вечер из плана. Уведомления.</p>
+              <div class="card-tags"><span class="tag a">A</span></div>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- Group C -->
+      <div class="group-block" style="background: linear-gradient(180deg, var(--p2Cbg) 0%, #fff 60%);">
+        <div class="group-head">
+          <span class="group-letter" style="background: var(--p2C);">C</span>
+          <span class="group-name">Пред-операционная подготовка</span>
+          <span class="group-meta">3 сегмента одним модулем · ~50 млн</span>
+        </div>
+        <p style="font-size: 12.5px; color: var(--fg-3); margin: 0 0 12px; line-height: 1.5;">
+          Закрывает FESS, аденоиды, вазотомию. Две половины: <b>сомневающиеся</b> после пред-оп приёма и <b>решившиеся</b> в 6-недельной подготовке. У нас уже есть прототип «Восстановление» — это вторая половина.
+        </p>
+        <div class="cards" style="grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));">
+          <div class="card card-future">
+            <div class="mini mini-future" style="height: 110px;">
+              <div style="padding: 12px 10px 0;">
+                <div style="height: 5px; background: var(--p2C); border-radius: 2px; width: 60%; margin-bottom: 6px;"></div>
+                <div style="display:flex; flex-direction:column; gap:4px;">
+                  <div style="height: 16px; background: var(--p2Cbg); border-radius: 6px;"></div>
+                  <div style="height: 16px; background: var(--p2Cbg); border-radius: 6px;"></div>
+                </div>
+                <div style="background: var(--p2C); color:#fff; height: 18px; border-radius: 6px; margin-top: 6px; display:flex; align-items:center; justify-content:center; font-size:9px; font-weight:700;">РЕШИТЬСЯ</div>
+              </div>
+            </div>
+            <div class="card-body">
+              <h3 class="card-name">Сомневающийся пациент</h3>
+              <p class="card-desc">Кейсы, метод (FESS/лазер), цена/рассрочка, чат с хирургом.</p>
+              <div class="card-tags"><span class="tag c">C</span><span class="tag">возврат</span></div>
+            </div>
+          </div>
+          <div class="card card-future">
+            <div class="mini mini-future" style="height: 110px;">
+              <div style="padding: 12px 10px 0;">
+                <div style="display:flex; align-items:center; gap: 4px; margin-bottom: 6px;">
+                  <div style="width:10px; height:10px; border-radius:999px; background: var(--p2C);"></div>
+                  <div style="flex:1; height: 3px; background: var(--p2C); opacity: .5;"></div>
+                  <div style="width:10px; height:10px; border-radius:999px; background: var(--p2C);"></div>
+                  <div style="flex:1; height: 3px; background: var(--p2C); opacity: .5;"></div>
+                  <div style="width:10px; height:10px; border-radius:999px; background: var(--p2C); opacity: .3;"></div>
+                </div>
+                <div style="height: 4px; background: var(--border); border-radius: 2px; margin-bottom: 4px;"></div>
+                <div style="height: 4px; background: var(--border); border-radius: 2px; width: 70%;"></div>
+              </div>
+            </div>
+            <div class="card-body">
+              <h3 class="card-name">Бегунок 6 недель</h3>
+              <p class="card-desc">Чек-листы, анализы (срок годности!), запись на операцию.</p>
+              <div class="card-tags"><span class="tag c">C</span></div>
+            </div>
+          </div>
+          <div class="card card-future">
+            <div class="mini mini-future" style="height: 110px;">
+              <div style="padding: 14px 10px 0;">
+                <div style="background: var(--p2C); color: #fff; height: 28px; border-radius: 8px; display:flex; align-items:center; justify-content:center; font-size:10px; font-weight:700; margin-bottom: 6px;">ДЕНЬ ОПЕРАЦИИ</div>
+                <div style="height: 4px; background: var(--border); border-radius: 2px; margin-bottom: 3px;"></div>
+                <div style="height: 4px; background: var(--border); border-radius: 2px; width: 80%;"></div>
+              </div>
+            </div>
+            <div class="card-body">
+              <h3 class="card-name">Чек-лист дня операции</h3>
+              <p class="card-desc">Что взять, во сколько, голод, маршрут, контакт.</p>
+              <div class="card-tags"><span class="tag c">C</span></div>
+            </div>
+          </div>
+          <div class="card card-existing">
+            <div class="mini">
+              <div style="padding: 12px 10px 0;">
+                <div style="height: 8px; background: var(--p1); border-radius: 4px; width: 45%; margin-bottom: 6px;"></div>
+                <div style="height: 4px; background: var(--border); border-radius: 2px; margin-bottom: 4px;"></div>
+                <div style="height: 4px; background: var(--border); border-radius: 2px; width: 70%;"></div>
+              </div>
+              <span class="card-status">✓ есть</span>
+            </div>
+            <div class="card-body">
+              <h3 class="card-name">Восстановление (есть)</h3>
+              <p class="card-desc">Уже в прототипе — основа второй половины Группы C.</p>
+              <div class="card-tags"><span class="tag c">C</span><span class="tag live">в проде</span></div>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- Group B -->
+      <div class="group-block" style="background: linear-gradient(180deg, var(--p2Bbg) 0%, #fff 60%);">
+        <div class="group-head">
+          <span class="group-letter" style="background: var(--p2B);">B</span>
+          <span class="group-name">Сурдология</span>
+          <span class="group-meta">пожизненный LTV · самый нестандартный UX</span>
+        </div>
+        <p style="font-size: 12.5px; color: var(--fg-3); margin: 0 0 12px; line-height: 1.5;">
+          Возврат после демо (2–3 мес «уходят думать») + обслуживание после покупки. Каталог как маркетплейс, аудио-демо, паспорт аппарата, шеринг с близким, сервисный календарь.
+        </p>
+        <div class="cards" style="grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));">
+          <div class="card card-future">
+            <div class="mini mini-future" style="height: 110px;">
+              <div style="padding: 12px 10px 0; display: grid; grid-template-columns: 1fr 1fr; gap: 6px;">
+                <div style="aspect-ratio: 1; background: var(--p2Bbg); border-radius: 10px; display:flex; align-items:center; justify-content:center; font-size:18px;">🦻</div>
+                <div style="aspect-ratio: 1; background: var(--p2Bbg); border-radius: 10px;"></div>
+                <div style="aspect-ratio: 1; background: var(--p2Bbg); border-radius: 10px;"></div>
+                <div style="aspect-ratio: 1; background: var(--p2Bbg); border-radius: 10px;"></div>
+              </div>
+            </div>
+            <div class="card-body">
+              <h3 class="card-name">Каталог аппаратов</h3>
+              <p class="card-desc">Маркетплейс моделей с калькулятором, рассрочкой, шерингом.</p>
+              <div class="card-tags"><span class="tag b">B</span></div>
+            </div>
+          </div>
+          <div class="card card-future">
+            <div class="mini mini-future" style="height: 110px;">
+              <div style="padding: 14px 10px 0; display:flex; flex-direction: column; align-items: center;">
+                <div style="display:flex; align-items: end; gap:3px; height: 40px;">
+                  <div style="width:6px; height:30%; background: var(--p2B); border-radius: 2px;"></div>
+                  <div style="width:6px; height:50%; background: var(--p2B); border-radius: 2px;"></div>
+                  <div style="width:6px; height:80%; background: var(--p2B); border-radius: 2px;"></div>
+                  <div style="width:6px; height:60%; background: var(--p2B); border-radius: 2px;"></div>
+                  <div style="width:6px; height:40%; background: var(--p2B); border-radius: 2px;"></div>
+                </div>
+                <div style="font-size: 9px; color: var(--p2B); font-weight:700; margin-top: 4px;">Слышу с аппаратом</div>
+              </div>
+            </div>
+            <div class="card-body">
+              <h3 class="card-name">Аудио-демо</h3>
+              <p class="card-desc">Сравнение «без аппарата / с аппаратом» в наушниках. На любом устройстве.</p>
+              <div class="card-tags"><span class="tag b">B</span><span class="tag">конверсия</span></div>
+            </div>
+          </div>
+          <div class="card card-future">
+            <div class="mini mini-future" style="height: 110px;">
+              <div style="padding: 12px 10px 0;">
+                <div style="background: var(--p2B); color: #fff; padding: 8px; border-radius: 10px; margin-bottom: 4px;">
+                  <div style="font-size: 8px; opacity: .7; font-weight:700">МОЯ МОДЕЛЬ</div>
+                  <div style="font-size: 11px; font-weight:700; margin-top:2px;">Phonak Audéo</div>
+                </div>
+                <div style="height: 4px; background: var(--border); border-radius: 2px; margin-bottom: 4px;"></div>
+                <div style="height: 4px; background: var(--border); border-radius: 2px; width: 70%;"></div>
+              </div>
+            </div>
+            <div class="card-body">
+              <h3 class="card-name">Паспорт аппарата</h3>
+              <p class="card-desc">Сервисный календарь, расходники, калибровка раз в год.</p>
+              <div class="card-tags"><span class="tag b">B</span></div>
+            </div>
+          </div>
+          <div class="card card-future">
+            <div class="mini mini-future" style="height: 110px;">
+              <div style="padding: 12px 10px 0;">
+                <div style="height: 5px; background: var(--p2B); border-radius: 2px; width: 50%; margin-bottom: 6px;"></div>
+                <div class="mi-list-row" style="background: var(--p2Bbg)"><span class="av" style="background: var(--p2B)"></span><span class="ln" style="background: var(--p2B); opacity: .4"></span></div>
+                <div class="mi-list-row" style="background: var(--p2Bbg); margin-top:4px"><span class="av" style="background: var(--p2B)"></span><span class="ln" style="background: var(--p2B); opacity: .4"></span></div>
+              </div>
+            </div>
+            <div class="card-body">
+              <h3 class="card-name">Дневник адаптации</h3>
+              <p class="card-desc">Первые 90 дней с аппаратом — сложности, успехи, советы.</p>
+              <div class="card-tags"><span class="tag b">B</span></div>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- Group D -->
+      <div class="group-block" style="background: linear-gradient(180deg, var(--p2Dbg) 0%, #fff 60%);">
+        <div class="group-head">
+          <span class="group-letter" style="background: var(--p2D);">D</span>
+          <span class="group-name">АСИТ + контроль астмы</span>
+          <span class="group-meta">самая высокая ответственность · с верификацией</span>
+        </div>
+        <p style="font-size: 12.5px; color: var(--fg-3); margin: 0 0 12px; line-height: 1.5;">
+          Курс 3–5 лет: «не начал», «бросил в первые месяцы». Ежедневный дневник симптомов, пыльцевой календарь, навигатор побочки. Без верификации аллерголога не запускаем.
+        </p>
+        <div class="cards" style="grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));">
+          <div class="card card-future">
+            <div class="mini mini-future" style="height: 110px;">
+              <div style="padding: 12px 10px 0;">
+                <div style="display: flex; align-items: end; gap: 2px; height: 50px;">
+                  <div style="flex:1; height: 30%; background: var(--p2D); border-radius: 2px;"></div>
+                  <div style="flex:1; height: 50%; background: var(--p2D); border-radius: 2px;"></div>
+                  <div style="flex:1; height: 80%; background: var(--p2D); border-radius: 2px;"></div>
+                  <div style="flex:1; height: 100%; background: var(--p2D); border-radius: 2px;"></div>
+                  <div style="flex:1; height: 70%; background: var(--p2D); border-radius: 2px;"></div>
+                  <div style="flex:1; height: 40%; background: var(--p2D); border-radius: 2px;"></div>
+                  <div style="flex:1; height: 25%; background: var(--p2D); border-radius: 2px;"></div>
+                </div>
+                <div style="font-size:9px; color: var(--p2D); font-weight:700; margin-top: 4px;">Берёза · пик 18 апр</div>
+              </div>
+            </div>
+            <div class="card-body">
+              <h3 class="card-name">Пыльцевой календарь</h3>
+              <p class="card-desc">Прогноз концентрации аллергена на неделю вперёд.</p>
+              <div class="card-tags"><span class="tag d">D</span></div>
+            </div>
+          </div>
+          <div class="card card-future">
+            <div class="mini mini-future" style="height: 110px;">
+              <div style="padding: 14px 10px 0;">
+                <div style="display: flex; gap: 3px; margin-bottom: 8px;">
+                  <div style="flex:1; height: 6px; background: var(--p2A); border-radius: 3px;"></div>
+                  <div style="flex:1; height: 6px; background: var(--warm-200); border-radius: 3px;"></div>
+                  <div style="flex:1; height: 6px; background: #E8E8F0; border-radius: 3px;"></div>
+                  <div style="flex:1; height: 6px; background: #E8E8F0; border-radius: 3px;"></div>
+                </div>
+                <div style="height: 4px; background: var(--border); border-radius: 2px; margin-bottom: 4px;"></div>
+                <div style="height: 4px; background: var(--border); border-radius: 2px; width: 70%;"></div>
+              </div>
+            </div>
+            <div class="card-body">
+              <h3 class="card-name">Дневник симптомов АСИТ</h3>
+              <p class="card-desc">Чихание, заложенность, глаза. Видит аллерголог перед визитом.</p>
+              <div class="card-tags"><span class="tag d">D</span></div>
+            </div>
+          </div>
+          <div class="card card-future">
+            <div class="mini mini-future" style="height: 110px;">
+              <div style="padding: 12px 10px 0;">
+                <div style="background: var(--p2D); color: #fff; padding: 6px 8px; border-radius: 8px; font-size: 10px; font-weight:700; margin-bottom: 4px;">⚠ Зуд во рту?</div>
+                <div style="background: var(--p2Dbg); padding: 4px 8px; border-radius: 6px; height: 14px; margin-bottom: 3px;"></div>
+                <div style="background: var(--p2Dbg); padding: 4px 8px; border-radius: 6px; height: 14px; width: 70%;"></div>
+              </div>
+            </div>
+            <div class="card-body">
+              <h3 class="card-name">Навигатор побочки</h3>
+              <p class="card-desc">Зуд, отёк — норма / осторожно / срочно. Удерживает на курсе.</p>
+              <div class="card-tags"><span class="tag d">D</span></div>
+            </div>
+          </div>
+          <div class="card card-future">
+            <div class="mini mini-future" style="height: 110px;">
+              <div style="padding: 12px 10px 0;">
+                <div style="display:flex; align-items: center; gap: 4px;">
+                  <div style="width:10px; height:10px; border-radius:999px; background: var(--p2D);"></div>
+                  <div style="flex:1; height: 3px; background: var(--p2D); opacity: .5;"></div>
+                  <div style="width:10px; height:10px; border-radius:999px; background: var(--p2D); opacity: .5;"></div>
+                </div>
+                <div style="font-size:9px; color: var(--p2D); font-weight:700; margin-top:6px;">Год 1 из 5</div>
+                <div style="height: 4px; background: var(--border); border-radius: 2px; margin-top: 4px;"></div>
+              </div>
+            </div>
+            <div class="card-body">
+              <h3 class="card-name">Дорожная карта 5 лет</h3>
+              <p class="card-desc">Видеть длинный путь — главный мотив не бросить.</p>
+              <div class="card-tags"><span class="tag d">D</span></div>
+            </div>
+          </div>
+        </div>
+      </div>
+
+    </div>
+
+    <div class="deps">
+      <b>Зависимости:</b> все 4 группы используют <b>план лечения</b> и <b>медкарту</b> из Фазы 1 как источник правды. Группа D дополнительно требует верификации контента аллергологом и добавления его в каталог врачей. <span class="arrow">→</span> Без Фазы 1 модули не строятся.
+    </div>
+  </div>
+</div>
+
+<!-- ============== Сегменты ============== -->
+<div class="segments">
+  <div class="seg-head">
+    <h2>10 сегментов сквозь призму приложения</h2>
+    <p>Бизнес-сегментация клиники наложена на фазы. Видно, какой модуль закрывает какие сегменты и где у нас «не делаем».</p>
+  </div>
+  <table class="seg-table">
+    <thead>
+      <tr>
+        <th>Сегмент</th>
+        <th>Главная работа в App (повторный)</th>
+        <th>Группа</th>
+        <th>Выручка / год</th>
+        <th>Приоритет</th>
+      </tr>
+    </thead>
+    <tbody>
+      <tr>
+        <td><span class="seg-num">1</span><span class="seg-name">Заблокированный нос (FESS)</span></td>
+        <td class="seg-job">Пред-оп бегунок · восстановление · контроль 3/6/12 мес</td>
+        <td><span class="tag c">C</span></td>
+        <td><span class="seg-rev">~30 млн</span></td>
+        <td><span class="prio high">● высокий</span></td>
+      </tr>
+      <tr>
+        <td><span class="seg-num">2</span><span class="seg-name">Амбулаторный поток</span></td>
+        <td class="seg-job">План лечения · процедуры самопомощи · дневник</td>
+        <td><span class="tag p1">1</span> <span class="tag a">A</span></td>
+        <td><span class="seg-rev">~120 млн</span></td>
+        <td><span class="prio high">● высший</span></td>
+      </tr>
+      <tr>
+        <td><span class="seg-num">3</span><span class="seg-name">Дети + аденоиды</span></td>
+        <td class="seg-job">Семейный профиль · подготовка ребёнка · детский бегунок</td>
+        <td><span class="tag c">C</span></td>
+        <td><span class="seg-rev">~25 млн</span></td>
+        <td><span class="prio high">● высокий</span></td>
+      </tr>
+      <tr>
+        <td><span class="seg-num">4</span><span class="seg-name">Сурдология</span></td>
+        <td class="seg-job">Каталог · аудио-демо · паспорт аппарата · сервис</td>
+        <td><span class="tag b">B</span></td>
+        <td><span class="seg-rev">~20 млн</span></td>
+        <td><span class="prio high">● высокий</span></td>
+      </tr>
+      <tr>
+        <td><span class="seg-num">5</span><span class="seg-name">Сложные хроники + ЧБД</span></td>
+        <td class="seg-job">Самопомощь · АСИТ-трекер · семейный профиль</td>
+        <td><span class="tag a">A</span> <span class="tag d">D</span></td>
+        <td><span class="seg-rev">часть 120 млн</span></td>
+        <td><span class="prio high">● высокий</span></td>
+      </tr>
+      <tr>
+        <td><span class="seg-num">6</span><span class="seg-name">Зависимость от капель</span></td>
+        <td class="seg-job">Возврат сомневающихся · компактный бегунок · восстановление</td>
+        <td><span class="tag c">C</span></td>
+        <td><span class="seg-rev">часть хирургии</span></td>
+        <td><span class="prio high">● высокий</span></td>
+      </tr>
+      <tr>
+        <td><span class="seg-num">7</span><span class="seg-name">Пульмонология</span></td>
+        <td class="seg-job">Дневник астмы · ингаляторы · триггеры</td>
+        <td><span class="tag d">D</span></td>
+        <td><span class="seg-rev">средний</span></td>
+        <td><span class="prio mid">◐ средний</span></td>
+      </tr>
+      <tr>
+        <td><span class="seg-num">8</span><span class="seg-name">Социальные храпуны</span></td>
+        <td class="seg-job">Образовательный контент · СИПАП-трекер</td>
+        <td><span class="tag skip">—</span></td>
+        <td><span class="seg-rev">низкий</span></td>
+        <td><span class="prio low">○ низкий</span></td>
+      </tr>
+      <tr>
+        <td><span class="seg-num">9</span><span class="seg-name">Фониатрия</span></td>
+        <td class="seg-job">Срочная запись (короткое окно)</td>
+        <td><span class="tag skip">—</span></td>
+        <td><span class="seg-rev">очень низкий</span></td>
+        <td><span class="prio low">○ низкий</span></td>
+      </tr>
+      <tr>
+        <td><span class="seg-num">10</span><span class="seg-name">Check-up + Второе мнение</span></td>
+        <td class="seg-job">Разовая услуга · бренд Оленевой</td>
+        <td><span class="tag skip">—</span></td>
+        <td><span class="seg-rev">единичный</span></td>
+        <td><span class="prio low">○ низкий</span></td>
+      </tr>
+    </tbody>
+  </table>
+</div>
+
+<!-- ============== Footnotes ============== -->
+<div class="foot">
+  <div class="foot-card">
+    <div class="ti">Принцип</div>
+    <div class="vl">Удержание, не привлечение</div>
+    <div class="ds">Первичных приводит сайт и реклама. Приложение — инструмент углубления для повторных. 2 из 3 пациентов клиники — повторные.</div>
+  </div>
+  <div class="foot-card">
+    <div class="ti">Дизайн-сдвиг</div>
+    <div class="vl">Из «витрины» в «эпизод лечения»</div>
+    <div class="ds">Главная сейчас построена для первичного. Нужна альтернативная главная: активный диагноз, день курса, что делать сегодня.</div>
+  </div>
+  <div class="foot-card">
+    <div class="ti">Что не делаем</div>
+    <div class="vl">Отдельные «первичные» модули</div>
+    <div class="ds">Базовый минимум (запись, цены, врачи) уже работает. Специализированных первичных потоков под каждый сегмент строить не нужно.</div>
+  </div>
+  <div class="foot-card">
+    <div class="ti">Исключения</div>
+    <div class="vl">Пациент уходит думать</div>
+    <div class="ds">Сурдология (2–3 мес до покупки), хирургия (решение об операции), АСИТ (3–5 лет курса) — там «первичный в App» ≠ «первый визит».</div>
+  </div>
+</div>
+
+</div>
+
+</body>
+</html>
diff --git a/public/strategy.html b/public/strategy.html
new file mode 100644
index 0000000..1cce416
--- /dev/null
+++ b/public/strategy.html
@@ -0,0 +1,1259 @@
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Приоритеты развития приложения — Клиника Оленевой</title>
+
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&family=PT+Sans+Narrow:wght@400;700&display=swap" rel="stylesheet">
+
+<style>
+:root {
+  --teal:        #166B63;
+  --teal-dark:   #0F4A44;
+  --teal-50:     #E3F4F2;
+  --teal-100:    #C7E8E4;
+  --teal-200:    #9BD6CE;
+  --warm-50:     #FDF8EE;
+  --warm-100:    #F5EDDF;
+  --warm-200:    #E8DCC5;
+  --accent:      #E04E44;
+  --p2A:  #2E9B6B;
+  --p2Abg:#E4F4EC;
+  --p2B:  #3C6EA8;
+  --p2Bbg:#E4EDF8;
+  --p2C:  #B63D35;
+  --p2Cbg:#FBE4E4;
+  --p2D:  #8B5BA9;
+  --p2Dbg:#F1E7F8;
+  --fg-1: #1F2A37;
+  --fg-2: #3E4C5D;
+  --fg-3: #5A6B7B;
+  --fg-4: #8596A8;
+  --border:      #E4EAF2;
+  --border-soft: #EEF2F7;
+  --font-sans:    'PT Sans', system-ui, sans-serif;
+  --font-display: 'PT Sans Narrow', 'PT Sans', system-ui, sans-serif;
+}
+
+* { box-sizing: border-box; }
+html, body { margin: 0; padding: 0; }
+body {
+  font-family: var(--font-sans);
+  color: var(--fg-1);
+  background:
+    radial-gradient(1200px 600px at 0% 0%, var(--warm-100) 0%, transparent 55%),
+    radial-gradient(1000px 500px at 100% 100%, var(--teal-50) 0%, transparent 50%),
+    #F7F9FC;
+  min-height: 100vh;
+  -webkit-font-smoothing: antialiased;
+}
+
+.wrap {
+  max-width: 820px;
+  margin: 0 auto;
+  padding: 40px 32px 80px;
+}
+
+/* ---------- Top nav ---------- */
+.topnav {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 36px;
+  gap: 16px;
+  flex-wrap: wrap;
+}
+.topnav .breadcrumb {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 13px;
+  color: var(--fg-3);
+}
+.topnav .breadcrumb a {
+  color: var(--teal);
+  text-decoration: none;
+  font-weight: 700;
+}
+.topnav .breadcrumb a:hover { color: var(--teal-dark); }
+.topnav .breadcrumb .sep { color: var(--fg-4); }
+.topnav .meta {
+  font-size: 12px;
+  color: var(--fg-4);
+  text-align: right;
+}
+
+/* ---------- Document header ---------- */
+.doc-header {
+  background: #fff;
+  border: 1px solid var(--border);
+  border-radius: 20px;
+  padding: 28px 28px 24px;
+  margin-bottom: 32px;
+}
+.doc-header .doc-tag {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  background: var(--teal-50);
+  color: var(--teal-dark);
+  font-size: 11px;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: .5px;
+  padding: 4px 10px;
+  border-radius: 999px;
+  margin-bottom: 12px;
+}
+.doc-header h1 {
+  font-family: var(--font-display);
+  font-size: 40px;
+  font-weight: 700;
+  margin: 0 0 10px;
+  line-height: 1.1;
+  letter-spacing: -.5px;
+  color: var(--fg-1);
+}
+.doc-header .lede {
+  font-size: 15px;
+  color: var(--fg-2);
+  line-height: 1.6;
+  max-width: 680px;
+  margin: 0 0 18px;
+}
+.doc-header .pills {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+}
+.pill {
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  padding: 5px 11px;
+  border-radius: 999px;
+  font-size: 12px;
+  font-weight: 700;
+  background: var(--border-soft);
+  color: var(--fg-3);
+}
+.pill.teal { background: var(--teal-50); color: var(--teal-dark); }
+.pill.warm { background: var(--warm-100); color: #7A5C2A; }
+
+/* ---------- TOC ---------- */
+.toc {
+  background: #fff;
+  border: 1px solid var(--border);
+  border-radius: 16px;
+  padding: 20px 22px;
+  margin-bottom: 32px;
+}
+.toc-title {
+  font-size: 11px;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: .6px;
+  color: var(--fg-4);
+  margin-bottom: 12px;
+}
+.toc ol {
+  margin: 0; padding: 0 0 0 16px;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+.toc li {
+  font-size: 13.5px;
+  color: var(--fg-2);
+  line-height: 1.4;
+}
+.toc a {
+  color: var(--teal);
+  text-decoration: none;
+  font-weight: 700;
+}
+.toc a:hover { color: var(--teal-dark); text-decoration: underline; }
+
+/* ---------- Sections ---------- */
+.section {
+  background: #fff;
+  border: 1px solid var(--border);
+  border-radius: 20px;
+  margin-bottom: 24px;
+  overflow: hidden;
+}
+
+.section-head {
+  padding: 20px 24px 16px;
+  border-bottom: 1px solid var(--border-soft);
+  display: flex;
+  align-items: flex-start;
+  gap: 14px;
+}
+.section-num {
+  font-family: var(--font-display);
+  font-weight: 700;
+  font-size: 28px;
+  width: 48px; height: 48px;
+  border-radius: 13px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  letter-spacing: -1px;
+  background: var(--teal-50);
+  color: var(--teal-dark);
+}
+.section-title {
+  font-family: var(--font-display);
+  font-size: 22px;
+  font-weight: 700;
+  margin: 0 0 3px;
+  letter-spacing: -.3px;
+  line-height: 1.2;
+}
+.section-sub {
+  font-size: 13px;
+  color: var(--fg-3);
+  margin: 0;
+  line-height: 1.45;
+}
+
+.section-body {
+  padding: 20px 24px 24px;
+}
+
+/* ---------- Prose ---------- */
+.prose {
+  font-size: 15px;
+  color: var(--fg-2);
+  line-height: 1.7;
+}
+.prose h3 {
+  font-family: var(--font-display);
+  font-size: 18px;
+  font-weight: 700;
+  color: var(--fg-1);
+  margin: 24px 0 10px;
+  letter-spacing: -.2px;
+}
+.prose h3:first-child { margin-top: 0; }
+.prose h4 {
+  font-size: 14px;
+  font-weight: 700;
+  color: var(--fg-1);
+  margin: 18px 0 8px;
+  text-transform: uppercase;
+  letter-spacing: .4px;
+}
+.prose p { margin: 0 0 12px; }
+.prose p:last-child { margin-bottom: 0; }
+.prose ul, .prose ol {
+  margin: 0 0 12px;
+  padding-left: 20px;
+}
+.prose li { margin-bottom: 6px; line-height: 1.6; }
+.prose strong { color: var(--fg-1); }
+.prose em { color: var(--fg-2); }
+
+/* Callout boxes */
+.callout {
+  border-radius: 12px;
+  padding: 14px 16px;
+  margin: 16px 0;
+  font-size: 14px;
+  line-height: 1.6;
+}
+.callout.teal { background: var(--teal-50); border-left: 3px solid var(--teal); color: var(--fg-1); }
+.callout.warm { background: var(--warm-100); border-left: 3px solid var(--warm-200); color: var(--fg-1); }
+.callout.green { background: var(--p2Abg); border-left: 3px solid var(--p2A); }
+.callout .callout-label {
+  font-size: 11px;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: .5px;
+  color: var(--teal-dark);
+  margin-bottom: 6px;
+}
+.callout.warm .callout-label { color: #7A5C2A; }
+.callout.green .callout-label { color: var(--p2A); }
+
+/* ---------- Tables ---------- */
+.table-wrap {
+  overflow-x: auto;
+  margin: 16px 0;
+  border-radius: 12px;
+  border: 1px solid var(--border);
+}
+table {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 13px;
+  min-width: 500px;
+}
+th {
+  text-align: left;
+  padding: 10px 14px;
+  background: var(--border-soft);
+  font-size: 11px;
+  text-transform: uppercase;
+  letter-spacing: .5px;
+  color: var(--fg-4);
+  font-weight: 700;
+  border-bottom: 1px solid var(--border);
+}
+td {
+  padding: 10px 14px;
+  border-bottom: 1px solid var(--border-soft);
+  vertical-align: top;
+  color: var(--fg-2);
+  line-height: 1.5;
+}
+tr:last-child td { border-bottom: 0; }
+td strong { color: var(--fg-1); }
+td code {
+  font-family: 'SF Mono', Menlo, Consolas, monospace;
+  font-size: 11.5px;
+  background: var(--border-soft);
+  padding: 1px 5px;
+  border-radius: 4px;
+  color: var(--teal-dark);
+}
+
+/* Priority badges in table */
+.prio-hi  { color: var(--teal-dark); font-weight: 700; }
+.prio-mid { color: #8B6334; font-weight: 700; }
+.prio-lo  { color: var(--fg-4); font-weight: 700; }
+
+/* Group badges */
+.badge {
+  display: inline-block;
+  padding: 2px 8px;
+  border-radius: 999px;
+  font-size: 11px;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: .3px;
+}
+.badge.a { background: var(--p2Abg); color: var(--p2A); }
+.badge.b { background: var(--p2Bbg); color: var(--p2B); }
+.badge.c { background: var(--p2Cbg); color: var(--p2C); }
+.badge.d { background: var(--p2Dbg); color: var(--p2D); }
+.badge.p1 { background: var(--teal-50); color: var(--teal-dark); }
+.badge.skip { background: #F4F6FA; color: #B0BAC7; }
+
+/* ---------- Phase cards ---------- */
+.phases {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  margin: 16px 0;
+}
+.phase-card {
+  border-radius: 14px;
+  padding: 16px 18px;
+  border: 1px solid transparent;
+}
+.phase-card.ph1 { background: var(--teal-50); border-color: var(--teal-100); }
+.phase-card.ph15 { background: #FBEFE4; border-color: #E8C9A8; }
+.phase-card.ph2a { background: var(--p2Abg); border-color: #B8E2CC; }
+.phase-card.ph2c { background: var(--p2Cbg); border-color: #EFC0BC; }
+.phase-card.ph2b { background: var(--p2Bbg); border-color: #B8CDEA; }
+.phase-card.ph2d { background: var(--p2Dbg); border-color: #D2BAEC; }
+
+.phase-card .ph-label {
+  font-size: 11px;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: .5px;
+  margin-bottom: 6px;
+  opacity: .7;
+}
+.phase-card.ph1 .ph-label { color: var(--teal-dark); }
+.phase-card.ph15 .ph-label { color: #7A5330; }
+.phase-card.ph2a .ph-label { color: var(--p2A); }
+.phase-card.ph2c .ph-label { color: var(--p2C); }
+.phase-card.ph2b .ph-label { color: var(--p2B); }
+.phase-card.ph2d .ph-label { color: var(--p2D); }
+
+.phase-card .ph-title {
+  font-size: 15px;
+  font-weight: 700;
+  color: var(--fg-1);
+  margin-bottom: 6px;
+}
+.phase-card .ph-desc {
+  font-size: 13px;
+  color: var(--fg-2);
+  line-height: 1.55;
+}
+
+/* ---------- Priority list ---------- */
+.prio-list {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  margin: 14px 0;
+}
+.prio-row {
+  display: flex;
+  align-items: flex-start;
+  gap: 12px;
+  padding: 14px 16px;
+  background: var(--border-soft);
+  border-radius: 12px;
+}
+.prio-row .prio-num {
+  font-family: var(--font-display);
+  font-weight: 700;
+  font-size: 22px;
+  width: 36px; height: 36px;
+  border-radius: 10px;
+  display: flex; align-items: center; justify-content: center;
+  flex-shrink: 0;
+  color: #fff;
+}
+.prio-row.a .prio-num { background: var(--p2A); }
+.prio-row.c .prio-num { background: var(--p2C); }
+.prio-row.b .prio-num { background: var(--p2B); }
+.prio-row.d .prio-num { background: var(--p2D); }
+.prio-row .prio-content { flex: 1; }
+.prio-row .prio-title {
+  font-size: 14px;
+  font-weight: 700;
+  color: var(--fg-1);
+  margin-bottom: 4px;
+}
+.prio-row .prio-desc {
+  font-size: 13px;
+  color: var(--fg-2);
+  line-height: 1.5;
+}
+
+/* ---------- Criteria grid ---------- */
+.criteria {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
+  gap: 10px;
+  margin: 14px 0;
+}
+.crit-card {
+  background: var(--border-soft);
+  border-radius: 12px;
+  padding: 13px 14px;
+}
+.crit-card .crit-name {
+  font-size: 13px;
+  font-weight: 700;
+  color: var(--fg-1);
+  margin-bottom: 4px;
+}
+.crit-card .crit-desc {
+  font-size: 12px;
+  color: var(--fg-3);
+  line-height: 1.5;
+}
+
+/* ---------- Status list ---------- */
+.status-list {
+  display: flex;
+  flex-direction: column;
+  gap: 0;
+  margin: 12px 0;
+  border-radius: 12px;
+  overflow: hidden;
+  border: 1px solid var(--border);
+}
+.status-row {
+  display: flex;
+  align-items: flex-start;
+  gap: 12px;
+  padding: 13px 16px;
+  background: #fff;
+  border-bottom: 1px solid var(--border-soft);
+}
+.status-row:last-child { border-bottom: 0; }
+.status-dot {
+  width: 8px; height: 8px;
+  border-radius: 999px;
+  margin-top: 5px;
+  flex-shrink: 0;
+}
+.status-dot.hi  { background: #2E9B6B; }
+.status-dot.mid { background: var(--accent); }
+.status-dot.lo  { background: var(--fg-4); }
+.status-row-title {
+  font-size: 14px;
+  font-weight: 700;
+  color: var(--fg-1);
+  margin-bottom: 3px;
+}
+.status-row-desc {
+  font-size: 13px;
+  color: var(--fg-2);
+  line-height: 1.5;
+}
+
+/* ---------- Question block ---------- */
+.q-list {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  margin: 14px 0;
+}
+.q-item {
+  background: var(--border-soft);
+  border-radius: 12px;
+  padding: 14px 16px;
+  display: flex;
+  gap: 12px;
+}
+.q-item.urgent { background: var(--warm-100); border-left: 3px solid var(--warm-200); }
+.q-num {
+  font-family: var(--font-display);
+  font-size: 18px;
+  font-weight: 700;
+  color: var(--teal);
+  width: 24px;
+  flex-shrink: 0;
+}
+.q-item.urgent .q-num { color: #8B6334; }
+.q-text {
+  font-size: 13.5px;
+  color: var(--fg-2);
+  line-height: 1.55;
+}
+.q-text strong { color: var(--fg-1); }
+
+/* ---------- Summary card ---------- */
+.summary-card {
+  background: linear-gradient(135deg, var(--teal-50) 0%, var(--warm-100) 100%);
+  border-radius: 18px;
+  padding: 22px 24px;
+  margin-top: 8px;
+  border: 1px solid var(--teal-100);
+}
+.summary-card .sc-title {
+  font-family: var(--font-display);
+  font-size: 18px;
+  font-weight: 700;
+  color: var(--teal-dark);
+  margin-bottom: 14px;
+  letter-spacing: -.2px;
+}
+.summary-card ol {
+  margin: 0;
+  padding: 0 0 0 18px;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+.summary-card li {
+  font-size: 14px;
+  color: var(--fg-1);
+  line-height: 1.55;
+}
+.summary-card li strong { color: var(--teal-dark); }
+
+/* ---------- Dep note ---------- */
+.dep-note {
+  margin-top: 16px;
+  padding: 13px 16px;
+  border-radius: 12px;
+  background: var(--warm-50);
+  border: 1px dashed var(--warm-200);
+  font-size: 13px;
+  color: var(--fg-2);
+  line-height: 1.55;
+}
+.dep-note strong { color: var(--teal-dark); }
+
+/* ---------- Footer ---------- */
+.foot {
+  margin-top: 40px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16px;
+  flex-wrap: wrap;
+}
+.foot a {
+  display: inline-flex;
+  align-items: center;
+  gap: 7px;
+  padding: 10px 18px;
+  background: var(--teal);
+  color: #fff;
+  text-decoration: none;
+  border-radius: 999px;
+  font-size: 13px;
+  font-weight: 700;
+}
+.foot a:hover { background: var(--teal-dark); }
+.foot .foot-meta {
+  font-size: 12px;
+  color: var(--fg-4);
+  line-height: 1.6;
+}
+
+@media (max-width: 600px) {
+  .wrap { padding: 20px 16px 60px; }
+  .doc-header h1 { font-size: 28px; }
+  .section-title { font-size: 18px; }
+  .section-body { padding: 16px 16px 20px; }
+  .section-head { padding: 16px 16px 14px; }
+}
+</style>
+</head>
+<body>
+
+<div class="wrap">
+
+<div class="topnav">
+  <div class="breadcrumb">
+    <a href="/roadmap.html">← Карта приложения</a>
+    <span class="sep">/</span>
+    <span>Стратегия развития</span>
+  </div>
+  <div class="meta">Встреча 23 апр 2026 · Клиника Оленевой</div>
+</div>
+
+<!-- Document header -->
+<div class="doc-header">
+  <div class="doc-tag">📋 Протокол встречи</div>
+  <h1>Приоритеты развития мобильного приложения</h1>
+  <p class="lede">Клиника УГН — ЛОР, сурдология, аллергология, хирургия. Цель встречи — определить порядок развития функций: что закрываем как базу для всех пациентов, какие сегменты углубляем и в каком порядке.</p>
+  <div class="pills">
+    <span class="pill teal">23 апреля 2026</span>
+    <span class="pill">10 сегментов</span>
+    <span class="pill">3 фазы</span>
+    <span class="pill warm">~200 млн выручки</span>
+  </div>
+</div>
+
+<!-- TOC -->
+<div class="toc">
+  <div class="toc-title">Содержание</div>
+  <ol>
+    <li><a href="#s1">Контекст и критерии приоритизации</a></li>
+    <li><a href="#s2">Текущие функции — утилита и приоритет</a></li>
+    <li><a href="#s3">Джентльменский набор — базовые функции для всех</a></li>
+    <li><a href="#s4">Сегменты пациентов через призму приложения</a></li>
+    <li><a href="#s5">Порядок внедрения</a></li>
+    <li><a href="#s6">Вопросы к обсуждению</a></li>
+    <li><a href="#s7">Короткая сводка</a></li>
+  </ol>
+</div>
+
+<!-- Section 1 -->
+<div class="section" id="s1">
+  <div class="section-head">
+    <div class="section-num">1</div>
+    <div>
+      <h2 class="section-title">Контекст и критерии приоритизации</h2>
+      <p class="section-sub">Ключевые факты о потоке пациентов и продуктовая логика</p>
+    </div>
+  </div>
+  <div class="section-body">
+    <div class="prose">
+      <h3>Ключевые факты о потоке</h3>
+    </div>
+    <div class="status-list">
+      <div class="status-row">
+        <span class="status-dot hi"></span>
+        <div>
+          <div class="status-row-title">2 из 3 пациентов клиники — повторные</div>
+          <div class="status-row-desc">Значительная доля — повторные внутри одного лечения: после первого визита (острое заболевание или обострение хронического) ещё 1–3+ приёма, процедуры, контроль.</div>
+        </div>
+      </div>
+      <div class="status-row">
+        <span class="status-dot hi"></span>
+        <div>
+          <div class="status-row-title">Бизнес-сегментация — 10 сегментов</div>
+          <div class="status-row-desc">Лидеры по выручке: амбулаторный поток (~120 млн), взрослая хирургия «заблокированный нос» (~30 млн), детская аденоидная хирургия (~20–30 млн), сурдология (~20 млн).</div>
+        </div>
+      </div>
+    </div>
+
+    <div class="callout teal">
+      <div class="callout-label">Продуктовая логика</div>
+      <strong>Приложение — инструмент удержания и углубления, а не привлечения.</strong> Первичного пациента клиника получает через сайт, SEO, рекламу, сарафан. Приложение устанавливают уже пришедшие — в момент записи или на первом визите. Поэтому приоритет развития — <strong>повторные во всех сегментах</strong>.
+    </div>
+
+    <div class="prose">
+      <p>Это совпадает с фактом «2 из 3 — повторные» и означает, что:</p>
+      <ul>
+        <li><strong>Первичные сценарии в приложении</strong> закрываются универсальным минимумом (запись + контакты + цены + AI-помощник, который знает услуги). Нет смысла строить специализированные первичные потоки для каждого из 10 сегментов.</li>
+        <li><strong>Повторные сценарии</strong> — специфичны по сегменту и требуют отдельных модулей (бегунок, аудиограмма, АСИТ-дневник и т.п.).</li>
+        <li><strong>Исключения</strong> — сегменты, где «первичный в приложении» ≠ «первый визит»: после первого визита пациент уходит, и вернуть его в клинику может только приложение.
+          <ul>
+            <li><strong>Сурдология</strong> — после визита и демо пациент уходит думать 2–3 месяца о покупке аппарата.</li>
+            <li><strong>Хирургия (FESS, детские аденоиды, вазотомия)</strong> — после пред-операционного приёма у хирурга пациент часто уходит думать, решаться ли на операцию вообще. Вторая часть — те, кто решился, уходят в 6-недельную подготовку (бегунок).</li>
+            <li><strong>АСИТ</strong> — после назначения впереди 3–5-летний курс, есть сценарии «не начал» и «бросил в первые месяцы».</li>
+          </ul>
+        </li>
+      </ul>
+
+      <h3>Три слоя работы</h3>
+    </div>
+
+    <div class="phases">
+      <div class="phase-card ph1">
+        <div class="ph-label">Фаза 1</div>
+        <div class="ph-title">Транзакционная база</div>
+        <div class="ph-desc">Детерминированные функции для любого пациента: запись, ближайший приём, чат с оператором, <strong>план лечения, результаты/медкарта, заказ справок</strong>. Без LLM и прямого чата с врачом. Минимум рисков, быстрый запуск.</div>
+      </div>
+      <div class="phase-card ph15">
+        <div class="ph-label">Фаза 1.5</div>
+        <div class="ph-title">Коммуникационная надстройка</div>
+        <div class="ph-desc">Чат с медицинским консьержем (дежурным врачом/фельдшером) и AI-помощник в shadow-mode. Отделено от Фазы 1, чтобы регламенты и безопасность не задерживали релиз базы.</div>
+      </div>
+      <div class="phase-card ph2a">
+        <div class="ph-label">Фаза 2</div>
+        <div class="ph-title">Сегментные модули</div>
+        <div class="ph-desc">Углубление по приоритетным группам сегментов в порядке <strong>A → C → B → D</strong>.</div>
+      </div>
+    </div>
+
+    <div class="prose"><h3>Критерии приоритета</h3></div>
+    <div class="criteria">
+      <div class="crit-card">
+        <div class="crit-name">Охват</div>
+        <div class="crit-desc">Сколько пациентов клиники затронуто (в абсолюте)</div>
+      </div>
+      <div class="crit-card">
+        <div class="crit-name">Глубина пользы</div>
+        <div class="crit-desc">Насколько закрывает реальную боль (есть ли альтернатива без нас)</div>
+      </div>
+      <div class="crit-card">
+        <div class="crit-name">Частота касаний</div>
+        <div class="crit-desc">Как часто функция возвращает пользователя в приложение</div>
+      </div>
+      <div class="crit-card">
+        <div class="crit-name">Бизнес-эффект</div>
+        <div class="crit-desc">Влияние на возвратность, средний чек, удержание, вклад в выручку</div>
+      </div>
+      <div class="crit-card">
+        <div class="crit-name">Сложность</div>
+        <div class="crit-desc">Вторичная ось: усилия, включая зависимости от МИС и контента</div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<!-- Section 2 -->
+<div class="section" id="s2">
+  <div class="section-head">
+    <div class="section-num">2</div>
+    <div>
+      <h2 class="section-title">Текущие функции — утилита и приоритет</h2>
+      <p class="section-sub">Оценка существующих функций по трём уровням приоритета</p>
+    </div>
+  </div>
+  <div class="section-body">
+    <div class="prose"><h3>🟢 Высокий приоритет (ядро ценности)</h3></div>
+    <div class="status-list">
+      <div class="status-row">
+        <span class="status-dot hi"></span>
+        <div>
+          <div class="status-row-title">Запись на приём</div>
+          <div class="status-row-desc">Главный транзакционный поток. Экономит 3–8 минут разговора, 24/7, ближайшие окна. Единственная функция, которая приводит новых пациентов через приложение. Усилить: запись из плана лечения в 1 клик, запись из маршрутной карты пред-опа.</div>
+        </div>
+      </div>
+      <div class="status-row">
+        <span class="status-dot hi"></span>
+        <div>
+          <div class="status-row-title">Ближайший приём</div>
+          <div class="status-row-desc">«Что со мной сейчас». Снимает тревогу «когда, куда, к кому». Перед визитом открывается 3–10 раз. Усилить: чек-лист подготовки, маршрут до кабинета, тригеры 24ч/2ч/15мин.</div>
+        </div>
+      </div>
+    </div>
+
+    <div class="prose"><h3>🟡 Средний приоритет (поддержка)</h3></div>
+    <div class="status-list">
+      <div class="status-row">
+        <span class="status-dot mid"></span>
+        <div>
+          <div class="status-row-title">Список врачей / карточка врача</div>
+          <div class="status-row-desc">Инструмент выбора при первом визите. Повторный пациент почти не открывает. Усилить: соцдоказательства, фильтр «по моему диагнозу».</div>
+        </div>
+      </div>
+      <div class="status-row">
+        <span class="status-dot mid"></span>
+        <div>
+          <div class="status-row-title">Чат с оператором</div>
+          <div class="status-row-desc">Замена звонка в регистратуру. Ограничен одним собеседником. Основное развитие — в §3.</div>
+        </div>
+      </div>
+      <div class="status-row">
+        <span class="status-dot mid"></span>
+        <div>
+          <div class="status-row-title">Профиль</div>
+          <div class="status-row-desc">Точка идентификации. Редко открывается, но критичен для персонализации.</div>
+        </div>
+      </div>
+    </div>
+
+    <div class="prose"><h3>🔴 Низкий приоритет (ниша)</h3></div>
+    <div class="status-list">
+      <div class="status-row">
+        <span class="status-dot lo"></span>
+        <div>
+          <div class="status-row-title">Семейный профиль</div>
+          <div class="status-row-desc">Высокая польза для 20–30% (родители с детьми, взрослые с пожилыми), становится критичным для сегмента «дети с аденоидами» и «сложные хроники — ЧБД».</div>
+        </div>
+      </div>
+      <div class="status-row">
+        <span class="status-dot lo"></span>
+        <div>
+          <div class="status-row-title">Контакты</div>
+          <div class="status-row-desc">Функция «галочка», 1–2 открытия за всё время.</div>
+        </div>
+      </div>
+    </div>
+
+    <div class="callout warm">
+      <div class="callout-label">Вывод</div>
+      Ядро «Запись + Ближайший приём» работает. Слабое место — <strong>нет причины открывать приложение между визитами</strong>. Это и закрывает джентльменский набор.
+    </div>
+  </div>
+</div>
+
+<!-- Section 3 -->
+<div class="section" id="s3">
+  <div class="section-head">
+    <div class="section-num">3</div>
+    <div>
+      <h2 class="section-title">Джентльменский набор</h2>
+      <p class="section-sub">Базовые функции для всех пациентов — приоритет до любых сегментных модулей</p>
+    </div>
+  </div>
+  <div class="section-body">
+    <div class="prose">
+      <p>Набор сознательно разделён на две подфазы по риску и зависимостям: <strong>транзакционная база</strong> (детерминированные функции с понятным MVP) и <strong>коммуникационная надстройка</strong> (LLM и асинхронные каналы, требующие регламентов и безопасности). Это позволяет выпустить базу быстро и безопасно, а надстройку строить поверх уже стабильного фундамента.</p>
+
+      <h3>Фаза 1 · Транзакционная база</h3>
+      <p>Функции, где пациент <em>что-то получает или делает</em> — без LLM и без диалога. Минимизируют риски, быстрее в запуск, дают те самые «не удалю это приложение»-причины.</p>
+    </div>
+
+    <div class="table-wrap">
+      <table>
+        <thead>
+          <tr>
+            <th>Функция</th>
+            <th>Статус</th>
+            <th>Что в ней</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td><strong>Запись на приём</strong></td>
+            <td><span style="color: var(--p2A); font-weight:700;">✅ есть</span></td>
+            <td>Запись 24/7, ближайшие окна.</td>
+          </tr>
+          <tr>
+            <td><strong>Ближайший приём</strong></td>
+            <td><span style="color: var(--p2A); font-weight:700;">✅ есть</span></td>
+            <td>Что, где, когда — снимает тревогу перед визитом.</td>
+          </tr>
+          <tr>
+            <td><strong>Чат с оператором</strong></td>
+            <td><span style="color: var(--p2A); font-weight:700;">✅ есть</span></td>
+            <td>Справки, переносы, счета, расписание (человеческий канал).</td>
+          </tr>
+          <tr>
+            <td><strong>Статьи / база знаний</strong></td>
+            <td><span style="color: var(--p2A); font-weight:700;">✅ есть</span></td>
+            <td>Уже есть. Источник правды для будущего RAG.</td>
+          </tr>
+          <tr style="background: var(--teal-50);">
+            <td><strong>План лечения с приёма</strong></td>
+            <td><span style="color: var(--accent); font-weight:700;">❌ нет — фундамент</span></td>
+            <td>После каждого приёма структурированный чеклист: диагноз, назначения (препарат + доза + курс + календарь), ссылки на процедуры самопомощи, контрольный приём, запись на следующий визит в 1 клик. Живой объект с напоминаниями. Источник правды для всех следующих надстроек.</td>
+          </tr>
+          <tr style="background: var(--teal-50);">
+            <td><strong>Результаты обследований и медкарта</strong></td>
+            <td><span style="color: var(--accent); font-weight:700;">❌ нет</span></td>
+            <td>Пациент видит свои анализы, аудиограммы, снимки, заключения без звонка в клинику. Статус каждого результата: готов / в работе / годен до [дата]. Критично для Группы C: срок годности анализов виден в одном месте.</td>
+          </tr>
+          <tr style="background: var(--teal-50);">
+            <td><strong>Заказ справок и финансовых документов</strong></td>
+            <td><span style="color: var(--accent); font-weight:700;">❌ нет</span></td>
+            <td>Справка для налогового вычета (13%), справки работодателю, копии заключений, счета. Заказ в 1 клик, готовая в приложении или с самовывозом. Снимает нагрузку с администраторов и даёт сильный retention-якорь.</td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+
+    <div class="prose">
+      <h3>Фаза 1.5 · Коммуникационная надстройка</h3>
+      <p>Функции, где идёт <em>живой или AI-диалог</em> по поводу лечения. Строятся поверх уже работающей базы и требуют отдельных регламентов — по ответственности, SLA, проверке качества.</p>
+    </div>
+
+    <div class="table-wrap">
+      <table>
+        <thead>
+          <tr>
+            <th>Функция</th>
+            <th>Статус</th>
+            <th>Что в ней</th>
+            <th>Ключевой риск</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td><strong>Чат с медицинским консьержем</strong></td>
+            <td><span style="color: var(--accent); font-weight:700;">❌ нет</span></td>
+            <td><strong>Не прямой чат с лечащим врачом.</strong> Дежурный врач / фельдшер / медсестра отвечает по протоколам на 80% рутины, эскалирует клинически значимое лечащему. Асинхронно, SLA — X часов в рабочее время.</td>
+            <td>Перегрузка врачей и SLA-хаос, если пустить пациентов напрямую к хирургу. Нужен регламент тарификации/компенсации врачам за эскалированные вопросы.</td>
+          </tr>
+          <tr>
+            <td><strong>AI-помощник (RAG 24/7)</strong></td>
+            <td><span style="color: var(--accent); font-weight:700;">❌ нет</span></td>
+            <td>Знает базу знаний клиники, статьи, план лечения пациента. Объясняет назначение, ищет ответ в статьях, оценивает «норма или срочно» и эскалирует к консьержу/врачу при тревожных признаках.</td>
+            <td>Галлюцинация LLM в медицинском контексте = юридический и репутационный риск. Запускаем в <strong>shadow-mode</strong>: ответы сначала идут через консьержа для валидации.</td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+
+    <div class="callout teal">
+      <div class="callout-label">Почему это ядро, а не сегмент</div>
+      <ul style="margin: 0; padding-left: 16px;">
+        <li>Работает на <strong>100% пациентов</strong> — без разделения по сегменту.</li>
+        <li>Усиливает любое сегментное направление: бегунок, слухопротезирование, АСИТ — всё опирается на план лечения, медкарту и тот же чат-канал.</li>
+        <li>Закрывает главный пробел транзакционной модели — «что делать между визитами».</li>
+      </ul>
+    </div>
+
+    <div class="prose"><h3>Порядок работ внутри набора</h3>
+      <p><strong>Фаза 1:</strong></p>
+      <ol>
+        <li><strong>План лечения с приёма</strong> — фундамент. Без структурированных назначений не работает ничего поверх (ни AI, ни напоминания, ни процедуры самопомощи).</li>
+        <li><strong>Результаты / медкарта</strong> — следующий retention-якорь.</li>
+        <li><strong>Заказ справок</strong> — быстрый win для большой части пациентов, снимает нагрузку с администраторов.</li>
+      </ol>
+      <p><strong>Фаза 1.5</strong> (после стабилизации Фазы 1):</p>
+      <ol start="4">
+        <li><strong>Чат с медицинским консьержем</strong> — инфраструктура канала + регламент ответов.</li>
+        <li><strong>AI-помощник на RAG (shadow-mode)</strong> — сначала ответы валидируются консьержем, потом постепенный переход в прямой режим для безопасных категорий.</li>
+      </ol>
+    </div>
+
+    <div class="dep-note">
+      <strong>Критическая зависимость от МИС.</strong> «План лечения» — это структурированные данные (препарат, доза, частота, курс, процедура). Два сценария: МИС отдаёт назначения по API структурированно — план собирается автоматически. МИС отдаёт только PDF-заключение — план лечения MVP стартует с ручного ввода врачом в виджет. <strong>Ответ на этот вопрос определяет сроки и стоимость Фазы 1.</strong>
+    </div>
+  </div>
+</div>
+
+<!-- Section 4 -->
+<div class="section" id="s4">
+  <div class="section-head">
+    <div class="section-num">4</div>
+    <div>
+      <h2 class="section-title">Сегменты пациентов через призму приложения</h2>
+      <p class="section-sub">Первичный vs повторный · матрица 10 сегментов · четыре группы</p>
+    </div>
+  </div>
+  <div class="section-body">
+    <div class="prose"><h3>4.1. Фундаментальное деление: первичный vs повторный</h3></div>
+    <div class="table-wrap">
+      <table>
+        <thead>
+          <tr><th>Линза</th><th>Первичный в приложении</th><th>Повторный в приложении</th></tr>
+        </thead>
+        <tbody>
+          <tr><td><strong>Главный job</strong></td><td>«Куда мне обратиться и как записаться»</td><td>«Что мне делать сейчас по моему лечению»</td></tr>
+          <tr><td><strong>Источник</strong></td><td>Попадает через сайт/рекламу/сарафан</td><td>Приложение уже установлено</td></tr>
+          <tr><td><strong>Частота открытия</strong></td><td>1–3 раза до визита</td><td>Ежедневно в активном эпизоде</td></tr>
+          <tr><td><strong>Что нужно</strong></td><td>Базовый минимум (запись, цены, контакты, врачи)</td><td>Специализированный модуль сегмента</td></tr>
+          <tr><td><strong>Приоритет развития</strong></td><td><span class="prio-lo">○ Низкий</span></td><td><span class="prio-hi">● Высокий (2/3 потока)</span></td></tr>
+        </tbody>
+      </table>
+    </div>
+
+    <div class="prose"><h3>4.2. Матрица 10 сегментов</h3></div>
+    <div class="table-wrap">
+      <table>
+        <thead>
+          <tr><th>#</th><th>Сегмент</th><th>Объём</th><th>Повторный в App</th><th>Группа</th><th>Приоритет</th></tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td>1</td>
+            <td><strong>Взрослые «заблокированный нос»</strong> (полипы, FESS)</td>
+            <td>300 оп/год · 30 млн</td>
+            <td>Пред-оп бегунок (6 нед) → восстановление → контроль 3/6/12 мес</td>
+            <td><span class="badge c">C</span></td>
+            <td><span class="prio-hi">● Высокий</span></td>
+          </tr>
+          <tr>
+            <td>2</td>
+            <td><strong>Амбулаторный поток</strong> (острые и хроники ЛОР)</td>
+            <td>Тысячи/мес · 120 млн</td>
+            <td>План лечения + процедуры самопомощи: промывания, полоскания, ингаляции</td>
+            <td><span class="badge p1">1</span> <span class="badge a">A</span></td>
+            <td><span class="prio-hi">● Высший</span></td>
+          </tr>
+          <tr>
+            <td>3</td>
+            <td><strong>Родители детей с аденоидами</strong></td>
+            <td>400–500 оп/год · 20–30 млн</td>
+            <td>Пред-оп бегунок (детская версия) → восстановление</td>
+            <td><span class="badge c">C</span></td>
+            <td><span class="prio-hi">● Высокий</span></td>
+          </tr>
+          <tr>
+            <td>4</td>
+            <td><strong>Потеря слуха (сурдология)</strong></td>
+            <td>20 млн/год</td>
+            <td>Паспорт аппарата, сервисный календарь, расходники, дневник адаптации</td>
+            <td><span class="badge b">B</span></td>
+            <td><span class="prio-hi">● Высокий</span></td>
+          </tr>
+          <tr>
+            <td>5</td>
+            <td><strong>Сложные хроники</strong> (иммунология, ЧБД)</td>
+            <td>Высокий · длинный LTV</td>
+            <td>Процедуры самопомощи (Группа A) + АСИТ-трекер</td>
+            <td><span class="badge a">A</span> <span class="badge d">D</span></td>
+            <td><span class="prio-hi">● Высокий</span></td>
+          </tr>
+          <tr>
+            <td>6</td>
+            <td><strong>Зависимость от капель (вазотомия)</strong></td>
+            <td>Высокий объём · входной в хирургию</td>
+            <td>Пред-оп бегунок (компактная версия) → восстановление</td>
+            <td><span class="badge c">C</span></td>
+            <td><span class="prio-hi">● Высокий</span></td>
+          </tr>
+          <tr>
+            <td>7</td>
+            <td><strong>Пульмонология</strong> (кашель/астма)</td>
+            <td>Средний · сезонный</td>
+            <td>Дневник астмы, напоминания об ингаляторах, контроль триггеров</td>
+            <td><span class="badge d">D</span></td>
+            <td><span class="prio-mid">◐ Средний</span></td>
+          </tr>
+          <tr>
+            <td>8</td>
+            <td><strong>Социально активные храпуны</strong></td>
+            <td>Низкий</td>
+            <td>Образовательный контент, СИПАП-трекер</td>
+            <td><span class="badge skip">—</span></td>
+            <td><span class="prio-lo">○ Низкий</span></td>
+          </tr>
+          <tr>
+            <td>9</td>
+            <td><strong>Фониатрия</strong> (голос)</td>
+            <td>Очень низкий · срочный</td>
+            <td>Короткое окно, низкая повторность</td>
+            <td><span class="badge skip">—</span></td>
+            <td><span class="prio-lo">○ Низкий</span></td>
+          </tr>
+          <tr>
+            <td>10</td>
+            <td><strong>Check-up и Второе мнение</strong></td>
+            <td>Единичный · высокая маржа</td>
+            <td>Разовая услуга, минимальная повторность</td>
+            <td><span class="badge skip">—</span></td>
+            <td><span class="prio-lo">○ Низкий</span></td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+
+    <div class="prose"><h3>4.3. Четыре группы сегментов для повторных</h3></div>
+
+    <div class="phases">
+      <div class="phase-card ph2a">
+        <div class="ph-label">Группа A · Сегменты 2 + 5</div>
+        <div class="ph-title">Амбулаторный поток + хроники — процедуры самопомощи</div>
+        <div class="ph-desc">Самый массовый сегмент × ежедневная повторность. Промывание носа, полоскание горла, ингаляции, гимнастика слуховой трубы. <strong>Что нужно:</strong> библиотека техник (видео), напоминания из плана лечения, трекер комплаенса, дневник симптомов, сводка для врача.</div>
+      </div>
+      <div class="phase-card ph2b">
+        <div class="ph-label">Группа B · Сегмент 4</div>
+        <div class="ph-title">Сурдология</div>
+        <div class="ph-desc">Уникальный набор функций — аудиограмма, аудио-демо, каталог, паспорт аппарата. Пожизненная повторность. Высокий чек. Отдельный модуль, не пересекается с другими.</div>
+      </div>
+      <div class="phase-card ph2c">
+        <div class="ph-label">Группа C · Сегменты 1 + 3 + 6</div>
+        <div class="ph-title">Пред-операционная подготовка + восстановление</div>
+        <div class="ph-desc"><strong>Кандидаты на операцию</strong> — ушли думать после пред-оп приёма. Возврат через материалы, кейсы, чат с хирургом, возвратные push-триггеры. <strong>Решившиеся</strong> — бегунок 6 нед → чек-лист дня операции → восстановление. Один модуль закрывает три сегмента.</div>
+      </div>
+      <div class="phase-card ph2d">
+        <div class="ph-label">Группа D · Часть сег. 5 + сег. 7</div>
+        <div class="ph-title">АСИТ + контроль астмы</div>
+        <div class="ph-desc">Ежедневный трекер, дневник симптомов, навигатор побочки, пыльцевой календарь. Самый сложный — требует верификации контента аллергологом/пульмонологом.</div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<!-- Section 5 -->
+<div class="section" id="s5">
+  <div class="section-head">
+    <div class="section-num">5</div>
+    <div>
+      <h2 class="section-title">Порядок внедрения</h2>
+      <p class="section-sub">Рекомендуемая последовательность фаз и групп</p>
+    </div>
+  </div>
+  <div class="section-body">
+    <div class="prose">
+      <h3>Фаза 1. Транзакционная база</h3>
+      <p>План лечения → Результаты / медкарта → Заказ справок.</p>
+      <p><strong>Эффект:</strong> пациент видит свои назначения, результаты и может получить документы без звонка в клинику. Базовые retention-якоря: «не удалю это приложение». Массовый амбулаторный + хроники покрыты в части информирования и документов.</p>
+      <h3>Фаза 1.5. Коммуникационная надстройка</h3>
+      <p>Чат с медицинским консьержем → AI-помощник (shadow-mode).</p>
+      <p>Выделение в 1.5 позволяет: собрать транзакционную базу быстро и безопасно, отработать регламент консьержа отдельно, запустить AI сначала под валидацией человека.</p>
+      <h3>Фаза 2. Сегментные модули — порядок</h3>
+    </div>
+
+    <div class="prio-list">
+      <div class="prio-row a">
+        <div class="prio-num">A</div>
+        <div class="prio-content">
+          <div class="prio-title">Группа A — Процедуры самопомощи хроников · первым</div>
+          <div class="prio-desc">Самый массовый охват — тысячи пациентов в месяц (сегменты 2 + 5). Напрямую опирается на план лечения из Фазы 1. Бизнес-эффект: рост комплаенса → меньше обострений → меньше экстренных приёмов. Эффект заметен пациенту сразу — ежедневная польза.</div>
+        </div>
+      </div>
+      <div class="prio-row c">
+        <div class="prio-num">C</div>
+        <div class="prio-content">
+          <div class="prio-title">Группа C — Пред-операционная подготовка · вторым</div>
+          <div class="prio-desc">Закрывает 3 сегмента (1, 3, 6) одним модулем. Восстановление уже есть в прототипе. Прямой бизнес-эффект: снижение переносов операций из-за просроченных анализов + возврат сомневающихся кандидатов. Вклад в выручку ~50–60 млн.</div>
+        </div>
+      </div>
+      <div class="prio-row b">
+        <div class="prio-num">B</div>
+        <div class="prio-content">
+          <div class="prio-title">Группа B — Сурдология · третьим</div>
+          <div class="prio-desc">Изолированный сегмент с уникальными функциями. Пожизненное удержание × высокий чек × растущий рынок (старение). Две половины: возврат кандидатов после демо + обслуживание после покупки. Можно запускать параллельно с C при наличии ресурса.</div>
+        </div>
+      </div>
+      <div class="prio-row d">
+        <div class="prio-num">D</div>
+        <div class="prio-content">
+          <div class="prio-title">Группа D — АСИТ + астма · четвёртым</div>
+          <div class="prio-desc">Самая высокая глубина пользы (влияет на медисход), но самая высокая ответственность. Требует верификации контента аллергологом/пульмонологом клиники. Можно начать готовить контент параллельно с A/C/B.</div>
+        </div>
+      </div>
+    </div>
+
+    <div class="callout warm">
+      <div class="callout-label">Что не берём в план сейчас</div>
+      Сегменты 8 (храпуны), 9 (фониатрия), 10 (check-up) — специализированных модулей в горизонте планирования не делаем. Отдельные «первичные» модули под сегменты — не делаем. <strong>Нужно сделать уже сейчас:</strong> добавить аллерголога-иммунолога в список врачей — предусловие для Группы D.
+    </div>
+  </div>
+</div>
+
+<!-- Section 6 -->
+<div class="section" id="s6">
+  <div class="section-head">
+    <div class="section-num">6</div>
+    <div>
+      <h2 class="section-title">Вопросы к обсуждению</h2>
+      <p class="section-sub">Открытые вопросы, требующие ответа от клиники</p>
+    </div>
+  </div>
+  <div class="section-body">
+    <div class="prose"><h3>Первоочередной (определяет сроки Фазы 1)</h3></div>
+    <div class="q-list">
+      <div class="q-item urgent">
+        <div class="q-num">1</div>
+        <div class="q-text"><strong>МИС и структурированные назначения.</strong> Отдаёт ли МИС по API назначения структурированно (препарат, доза, частота, курс) или только PDF-заключением? От этого зависит: план лечения собирается автоматически или врач заполняет вручную в виджете. Там же: API для результатов анализов, сроков годности, расписания.</div>
+      </div>
+    </div>
+
+    <div class="prose"><h3>По процессам клиники</h3></div>
+    <div class="q-list">
+      <div class="q-item">
+        <div class="q-num">2</div>
+        <div class="q-text"><strong>Медицинский консьерж — кто в роли?</strong> Дежурный врач / фельдшер / медсестра? Кто держит SLA? Как компенсируется эскалация вопроса лечащему врачу?</div>
+      </div>
+      <div class="q-item">
+        <div class="q-num">3</div>
+        <div class="q-text"><strong>SLA чата</strong> — целевое время ответа в рабочее время (1ч / 4ч / день)?</div>
+      </div>
+      <div class="q-item">
+        <div class="q-num">4</div>
+        <div class="q-text"><strong>Справки и финдокументы</strong> — текущий процесс заказа через администратора; что готовы автоматизировать в первую очередь (ФНС-справка, выписки, счета)?</div>
+      </div>
+    </div>
+
+    <div class="prose"><h3>По метрикам (для оценки эффекта)</h3></div>
+    <div class="q-list">
+      <div class="q-item">
+        <div class="q-num">5</div>
+        <div class="q-text">Подтвердить <strong>«2 из 3 — повторные»</strong> — уникальные пациенты в год или визиты? Меняет оценку охвата Группы A.</div>
+      </div>
+      <div class="q-item">
+        <div class="q-num">6</div>
+        <div class="q-text"><strong>Процент повторных, не доходящих до контроля</strong> — метрика успеха Фазы 1.</div>
+      </div>
+      <div class="q-item">
+        <div class="q-num">7</div>
+        <div class="q-text"><strong>Сурдология</strong> — кандидатов/мес, % возврата за аппаратом. От этого зависит приоритет Группы B.</div>
+      </div>
+      <div class="q-item">
+        <div class="q-num">8</div>
+        <div class="q-text"><strong>Переносы операций</strong> — частая причина просроченные анализы? Усиливает Группу C.</div>
+      </div>
+    </div>
+
+    <div class="prose"><h3>По ресурсам Фаз 1.5 и 2</h3></div>
+    <div class="q-list">
+      <div class="q-item">
+        <div class="q-num">9</div>
+        <div class="q-text">Готов ли <strong>аллерголог</strong> верифицировать контент для АСИТ-трекера? Без этого Группу D не запускаем.</div>
+      </div>
+      <div class="q-item">
+        <div class="q-num">10</div>
+        <div class="q-text">База знаний / статьи — достаточно ли материала для RAG или формировать отдельно?</div>
+      </div>
+      <div class="q-item">
+        <div class="q-num">11</div>
+        <div class="q-text">Политика по <strong>AI shadow-mode</strong>: кто утверждает категории вопросов для постепенного перевода в прямой режим?</div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<!-- Section 7 — Summary -->
+<div class="section" id="s7">
+  <div class="section-head">
+    <div class="section-num" style="background: linear-gradient(135deg, var(--teal-50), var(--warm-100)); color: var(--teal-dark);">✓</div>
+    <div>
+      <h2 class="section-title">Короткая сводка</h2>
+      <p class="section-sub">Итог встречи в четырёх пунктах</p>
+    </div>
+  </div>
+  <div class="section-body">
+    <div class="summary-card">
+      <div class="sc-title">Что предлагаем</div>
+      <ol>
+        <li><strong>Фаза 1</strong> — транзакционная база для всех: план лечения, результаты/медкарта, заказ справок + уже существующие запись, ближайший приём, чат с оператором, статьи. Быстрый MVP, минимум рисков.</li>
+        <li><strong>Фаза 1.5</strong> — коммуникационная надстройка: чат с медицинским консьержем (не прямой с врачом) и AI-помощник в shadow-mode. Запускается после стабилизации базы.</li>
+        <li><strong>Фаза 2</strong> — четыре сегментных модуля в порядке: <strong>A</strong> (процедуры самопомощи хроников — массовый) → <strong>C</strong> (пред-оп подготовка — 3 сегмента разом) → <strong>B</strong> (сурдология — высокий чек) → <strong>D</strong> (АСИТ + астма — с верификацией врачом).</li>
+        <li><strong>Первичные в приложении</strong> = базовый минимум, который уже есть. Новых первичных модулей не строим — они приходят через веб. Исключения — сурдология, хирургия, АСИТ.</li>
+      </ol>
+    </div>
+  </div>
+</div>
+
+<!-- Footer -->
+<div class="foot">
+  <a href="/roadmap.html">← Карта развития приложения</a>
+  <div class="foot-meta">
+    Клиника Оленевой · Мобильное приложение<br>
+    Протокол встречи 23 апреля 2026
+  </div>
+</div>
+
+</div>
+</body>
+</html>
diff --git a/src/App.jsx b/src/App.jsx
index 1e2e247..64c6cda 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -1,4 +1,5 @@
-import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import { FitWrap } from './FitWrap.jsx';
 import { IOSDevice } from './frames/IOSDevice.jsx';
 import { AndroidDevice } from './frames/AndroidDevice.jsx';
 import { PhoneApp } from './PhoneApp.jsx';
@@ -188,6 +189,16 @@ function TweaksPanel({ tw, setTw, onClose }) {
         ))
       )}
       {group('Шрифт', opts(FONT_OPTIONS, 'font'))}
+      <div className="tweaks-section">
+        <div className="label">Документы</div>
+        <a href="/roadmap.html" target="_blank" rel="noopener noreferrer" style={{
+          display: 'block', padding: '7px 10px', borderRadius: 8,
+          background: 'var(--c-primary-100)', color: 'var(--c-primary-darker)',
+          fontSize: 12, fontWeight: 700, textDecoration: 'none', textAlign: 'center',
+        }}>
+          Карта развития приложения ↗
+        </a>
+      </div>
     </div>
   );
 }
@@ -290,38 +301,6 @@ function DocModal({ doc, onClose }) {
   );
 }
 
-function FitWrap({ children, w = 402, h = 874, userScale = 'auto' }) {
-  const outerRef = useRef(null);
-  const [autoScale, setAutoScale] = useState(1);
-  useEffect(() => {
-    const outer = outerRef.current;
-    if (!outer) return;
-    const stage = outer.closest('.stage') || outer.parentElement;
-    if (!stage) return;
-    const measure = () => {
-      const padding = 48;
-      const availW = stage.clientWidth - padding;
-      const availH = stage.clientHeight - padding;
-      const s = Math.min(availW / w, availH / h, 1);
-      setAutoScale(Math.max(s, 0.3));
-    };
-    measure();
-    const ro = new ResizeObserver(measure);
-    ro.observe(stage);
-    window.addEventListener('resize', measure);
-    return () => { ro.disconnect(); window.removeEventListener('resize', measure); };
-  }, [w, h]);
-  const scale = userScale === 'auto' ? autoScale : parseFloat(userScale);
-  return (
-    <div ref={outerRef} style={{ width: w * scale, height: h * scale, position: 'relative', flexShrink: 0 }}>
-      <div style={{
-        width: w, height: h, transformOrigin: 'top left',
-        transform: `scale(${scale})`,
-      }}>{children}</div>
-    </div>
-  );
-}
-
 export default function App() {
   const [tw, setTw] = useState(TWEAKS_DEFAULT);
   const [panelOpen, setPanelOpen] = useState(true);
diff --git a/src/ClinicLeafletMap.jsx b/src/ClinicLeafletMap.jsx
new file mode 100644
index 0000000..4d80e90
--- /dev/null
+++ b/src/ClinicLeafletMap.jsx
@@ -0,0 +1,46 @@
+import React, { useEffect, useMemo } from 'react';
+import { MapContainer, Marker, TileLayer, useMap } from 'react-leaflet';
+import L from 'leaflet';
+import 'leaflet/dist/leaflet.css';
+
+function InvalidateOnMount() {
+  const map = useMap();
+  useEffect(() => {
+    map.invalidateSize();
+    const id = window.setTimeout(() => map.invalidateSize(), 120);
+    return () => window.clearTimeout(id);
+  }, [map]);
+  return null;
+}
+
+function makePinIcon(pinColor) {
+  const safe = /^#[0-9A-Fa-f]{6}$/.test(pinColor) ? pinColor : '#E04E44';
+  return L.divIcon({
+    className: 'clinic-leaflet-pin-wrap',
+    html: `<svg width="26" height="34" viewBox="0 0 24 32" aria-hidden="true"><path d="M12 0C5 0 0 5 0 12c0 8 12 20 12 20s12-12 12-20c0-7-5-12-12-12z" fill="${safe}"/><circle cx="12" cy="12" r="4.5" fill="#fff"/></svg>`,
+    iconSize: [26, 34],
+    iconAnchor: [13, 34],
+  });
+}
+
+/** OSM + один маркер; center — [lat, lng] в формате Leaflet */
+export function ClinicLeafletMap({ center, pinColor = '#E04E44' }) {
+  const icon = useMemo(() => makePinIcon(pinColor), [pinColor]);
+
+  return (
+    <MapContainer
+      center={center}
+      zoom={17}
+      style={{ height: '100%', width: '100%' }}
+      scrollWheelZoom={false}
+      zoomControl={false}
+      attributionControl={false}
+      dragging
+      doubleClickZoom={false}
+    >
+      <InvalidateOnMount />
+      <TileLayer url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png" />
+      <Marker position={center} icon={icon} />
+    </MapContainer>
+  );
+}
diff --git a/src/ContactsRoutePage.jsx b/src/ContactsRoutePage.jsx
new file mode 100644
index 0000000..6d14f3e
--- /dev/null
+++ b/src/ContactsRoutePage.jsx
@@ -0,0 +1,577 @@
+import React from 'react';
+import { Link, useNavigate } from 'react-router-dom';
+import { I } from './icons.jsx';
+import { IOSDevice } from './frames/IOSDevice.jsx';
+import { FitWrap } from './FitWrap.jsx';
+import { ClinicLeafletMap } from './ClinicLeafletMap.jsx';
+
+/** Палитра и типографика ближе к скриншоту Oclinica */
+const oc = {
+  pageBg: '#F2F2F2',
+  headerBg: '#FFFFFF',
+  card: '#FFFFFF',
+  /** Телефон и «Записаться на приём» — один фон и цвет текста */
+  phoneBtnBg: '#9ad1d8',
+  phoneBtnFg: '#001c22',
+  phoneBtnShadow: '0 3px 14px rgba(0, 28, 34, 0.08)',
+  bookBtnBg: '#9ad1d8',
+  bookBtnFg: '#001c22',
+  chatBorder: '#C4A574',
+  chatFg: '#6B542E',
+  openBadgeBg: '#769197',
+  openBadgeFg: '#FFFFFF',
+  /** Блок «Почему нас выбирают» */
+  hWhy: '#B88E71',
+  whyWrapBg: '#EBEDF0',
+  /** Звезда над заголовком «Почему нас выбирают» */
+  whyHeaderStar: '#5f96a0',
+  /** Иконки Email / Веб-сайт */
+  whyInfoIconBg: '#f8faf9',
+  whyInfoIconFg: '#619799',
+  whyRowLabel: '#5A9E95',
+  whyRowValue: '#3A4149',
+  statCardValue: '#599195',
+  statCardLabel: '#6B7684',
+  noteBg: '#E8F4FC',
+  noteBorder: '#B9D8EE',
+  noteFg: '#245A7A',
+  routeBtnBg: '#EBEDEF',
+  routeBtnFg: '#4A5560',
+  teal: '#1F8F85',
+  tealDark: '#166B63',
+};
+
+function MiniBuilding() {
+  return (
+    <div style={{
+      width: '100%', height: '100%',
+      background: 'linear-gradient(180deg, #D4EBE6 0%, #E8F5F2 50%, #B8D4C8 100%)',
+      display: 'flex', alignItems: 'flex-end', justifyContent: 'center', paddingBottom: 5,
+    }}>
+      <div style={{
+        width: '68%', height: '58%',
+        background: '#E5DAC8',
+        borderTopLeftRadius: 3, borderTopRightRadius: 3,
+        position: 'relative',
+        boxShadow: 'inset 0 -10px 0 #7A5F3A',
+      }}>
+        <div style={{
+          position: 'absolute', top: '16%', left: '50%', transform: 'translateX(-50%)',
+          padding: '3px 8px', background: '#166B63', color: '#fff', fontSize: 7, fontWeight: 800,
+          borderRadius: 3, letterSpacing: 0.4,
+        }}>OCLINICA</div>
+        <div style={{
+          position: 'absolute', inset: '40% 10% 20%',
+          display: 'grid', gridTemplateColumns: 'repeat(5, 1fr)', gap: 3,
+        }}>
+          {[1, 0, 1, 1, 0, 1, 0, 1, 1, 0].map((l, i) => (
+            <div key={i} style={{ background: l ? '#F5D78A' : '#2A4544', borderRadius: 1, minHeight: 4 }} />
+          ))}
+        </div>
+      </div>
+    </div>
+  );
+}
+
+function NavRouteIcon({ size = 18, color = oc.teal }) {
+  return (
+    <svg width={size} height={size} viewBox="0 0 24 24" fill="none" stroke={color} strokeWidth="2.1" strokeLinecap="round" strokeLinejoin="round">
+      <path d="M9 18l-5-5 5-5M4 13h12.5a4.5 4.5 0 014.5 4.5V19" />
+    </svg>
+  );
+}
+
+/** Глифы VK / YouTube — геометрия Simple Icons, единый цвет в интерфейсе */
+const SI_VK_PATH =
+  'm9.489.004.729-.003h3.564l.73.003.914.01.433.007.418.011.403.014.388.016.374.021.36.025.345.03.333.033c1.74.196 2.933.616 3.833 1.516.9.9 1.32 2.092 1.516 3.833l.034.333.029.346.025.36.02.373.025.588.012.41.013.644.009.915.004.98-.001 3.313-.003.73-.01.914-.007.433-.011.418-.014.403-.016.388-.021.374-.025.36-.03.345-.033.333c-.196 1.74-.616 2.933-1.516 3.833-.9.9-2.092 1.32-3.833 1.516l-.333.034-.346.029-.36.025-.373.02-.588.025-.41.012-.644.013-.915.009-.98.004-3.313-.001-.73-.003-.914-.01-.433-.007-.418-.011-.403-.014-.388-.016-.374-.021-.36-.025-.345-.03-.333-.033c-1.74-.196-2.933-.616-3.833-1.516-.9-.9-1.32-2.092-1.516-3.833l-.034-.333-.029-.346-.025-.36-.02-.373-.025-.588-.012-.41-.013-.644-.009-.915-.004-.98.001-3.313.003-.73.01-.914.007-.433.011-.418.014-.403.016-.388.021-.374.025-.36.03-.345.033-.333c.196-1.74.616-2.933 1.516-3.833.9-.9 2.092-1.32 3.833-1.516l.333-.034.346-.029.36-.025.373-.02.588-.025.41-.012.644-.013.915-.009ZM6.79 7.3H4.05c.13 6.24 3.25 9.99 8.72 9.99h.31v-3.57c2.01.2 3.53 1.67 4.14 3.57h2.84c-.78-2.84-2.83-4.41-4.11-5.01 1.28-.74 3.08-2.54 3.51-4.98h-2.58c-.56 1.98-2.22 3.78-3.8 3.95V7.3H10.5v6.92c-1.6-.4-3.62-2.34-3.71-6.92Z';
+
+const SI_YOUTUBE_BG_PATH =
+  'M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814z';
+const SI_YOUTUBE_PLAY_PATH = 'M9.545 15.568V8.432L15.818 12l-6.273 3.568z';
+
+function SocialVkIcon({ size = 26, color = oc.whyHeaderStar }) {
+  return (
+    <svg width={size} height={size} viewBox="0 0 24 24" aria-hidden style={{ display: 'block' }}>
+      <path fill={color} d={SI_VK_PATH} />
+    </svg>
+  );
+}
+
+function SocialYoutubeIcon({ size = 26, color = oc.whyHeaderStar, playColor = '#fff' }) {
+  return (
+    <svg width={size} height={size} viewBox="0 0 24 24" aria-hidden style={{ display: 'block' }}>
+      <path fill={color} d={SI_YOUTUBE_BG_PATH} />
+      <path fill={playColor} d={SI_YOUTUBE_PLAY_PATH} />
+    </svg>
+  );
+}
+
+function OclinicaTabBar() {
+  const tab = (label, Icon, active) => (
+    <div
+      key={label}
+      style={{
+        flex: 1, display: 'flex', flexDirection: 'column', alignItems: 'center', gap: 3,
+        padding: '5px 0 2px', color: active ? oc.tealDark : '#9AA7B4',
+        fontSize: 10, fontWeight: active ? 700 : 600,
+      }}
+    >
+      <Icon size={22} sw={active ? 2.1 : 1.75} style={{ color: active ? oc.tealDark : '#9AA7B4' }} />
+      <span>{label}</span>
+    </div>
+  );
+  return (
+    <div style={{ display: 'flex', paddingBottom: 20 }}>
+      <Link to="/" style={{ flex: 1, textDecoration: 'none', color: 'inherit' }}>
+        {tab('Главная', I.home, false)}
+      </Link>
+      {tab('Клиники', I.pin, true)}
+      {tab('Запись', I.calendar, false)}
+      {tab('Профиль', I.profile, false)}
+    </div>
+  );
+}
+
+/** Конверт — заливка заданным зелёным */
+function WhyMailGlyph({ size = 22, color = oc.whyInfoIconFg }) {
+  return (
+    <svg width={size} height={size} viewBox="0 0 24 24" aria-hidden style={{ display: 'block' }}>
+      <path
+        fill={color}
+        d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"
+      />
+    </svg>
+  );
+}
+
+/** Глобус — контур тем же зелёным */
+function WhyGlobeGlyph({ size = 22, color = oc.whyInfoIconFg }) {
+  return (
+    <svg width={size} height={size} viewBox="0 0 24 24" fill="none" aria-hidden style={{ display: 'block' }}>
+      <circle cx="12" cy="12" r="9.25" stroke={color} strokeWidth="2" />
+      <ellipse cx="12" cy="12" rx="4.2" ry="9.25" stroke={color} strokeWidth="1.75" />
+      <path d="M2.5 12h19" stroke={color} strokeWidth="1.75" strokeLinecap="round" />
+      <path
+        d="M6.5 6.5c1.4 1.9 2.2 4.1 2.2 5.5s-.8 3.6-2.2 5.5M17.5 6.5c-1.4 1.9-2.2 4.1-2.2 5.5s.8 3.6 2.2 5.5"
+        stroke={color}
+        strokeWidth="1.55"
+        strokeLinecap="round"
+      />
+    </svg>
+  );
+}
+
+/** Девятиконечная звезда + белая галочка по центру (блок «Почему нас выбирают») */
+/** Внешний ≈8.35, внутренний ≈7.22 — чуть крупнее, лучи по-прежнему короткие */
+const WHY_NINE_POINT_STAR_D =
+  'M12.000,3.650L14.469,5.215L17.367,5.604L18.253,8.390L20.223,10.550L19.110,13.254L19.231,16.175L16.641,17.531L14.856,19.846L12.000,19.220L9.144,19.846L7.359,17.531L4.769,16.175L4.890,13.254L3.777,10.550L5.747,8.390L6.633,5.604L9.531,5.215Z';
+
+function WhyHeaderStarGlyph({ size = 52, color = oc.whyHeaderStar }) {
+  return (
+    <svg
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      aria-hidden
+      style={{ display: 'inline-block', verticalAlign: 'middle' }}
+    >
+      <path fill={color} d={WHY_NINE_POINT_STAR_D} />
+      <path
+        transform="translate(12,12) scale(0.52) translate(-12,-12)"
+        d="M8.05 12.05l2.75 2.75 5.85-6.45"
+        fill="none"
+        stroke="#fff"
+        strokeWidth="2.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+}
+
+function StatPill({ value, label, suffix }) {
+  return (
+    <div style={{
+      flex: 1, minWidth: 0,
+      background: oc.card,
+      borderRadius: 12,
+      padding: '10px 4px 11px',
+      textAlign: 'center',
+      boxShadow: '0 1px 3px rgba(15,30,40,0.06)',
+      border: '1px solid #E8EAED',
+    }}>
+      <div style={{
+        display: 'flex', alignItems: 'center', justifyContent: 'center', gap: 3,
+        fontSize: 16, fontWeight: 800, color: oc.statCardValue, fontFamily: 'var(--font-narrow)', lineHeight: 1.1,
+      }}>
+        <span>{value}</span>
+        {suffix}
+      </div>
+      <div style={{
+        fontSize: 8, fontWeight: 800, letterSpacing: 0.7, color: oc.statCardLabel, marginTop: 5,
+        lineHeight: 1.2, textTransform: 'uppercase',
+      }}>{label}</div>
+    </div>
+  );
+}
+
+function InfoRow({ glyph, label, children }) {
+  return (
+    <div style={{
+      display: 'flex', alignItems: 'center', gap: 14,
+      background: oc.card,
+      borderRadius: 14,
+      padding: '12px 14px',
+      marginBottom: 10,
+      border: '1px solid #E8EAED',
+      boxShadow: '0 1px 4px rgba(15,30,40,0.05)',
+    }}>
+      <div style={{
+        width: 46, height: 46, borderRadius: '50%', background: oc.whyInfoIconBg,
+        display: 'flex', alignItems: 'center', justifyContent: 'center', flexShrink: 0,
+        border: '1px solid #eef2f0',
+      }}>
+        {glyph}
+      </div>
+      <div style={{ flex: 1, minWidth: 0 }}>
+        <div style={{
+          fontSize: 13, color: oc.whyRowLabel, marginBottom: 3, fontWeight: 700, letterSpacing: 0.2,
+        }}>{label}</div>
+        <div style={{ fontSize: 15, fontWeight: 600, color: oc.whyRowValue, letterSpacing: 0.02, lineHeight: 1.35 }}>
+          {children}
+        </div>
+      </div>
+    </div>
+  );
+}
+
+function ClinicCirclePhoto({ imageUrl, href }) {
+  const [useFallback, setUseFallback] = React.useState(false);
+  const img = !useFallback ? (
+    <img
+      src={imageUrl}
+      alt=""
+      style={{
+        width: '100%',
+        height: '100%',
+        objectFit: 'cover',
+        objectPosition: 'center',
+        display: 'block',
+      }}
+      onError={() => setUseFallback(true)}
+    />
+  ) : (
+    <MiniBuilding />
+  );
+
+  if (href) {
+    return (
+      <a
+        href={href}
+        target="_blank"
+        rel="noopener noreferrer"
+        style={{
+          display: 'block',
+          width: '100%',
+          height: '100%',
+          textDecoration: 'none',
+          color: 'inherit',
+        }}
+      >
+        {img}
+      </a>
+    );
+  }
+  return img;
+}
+
+const FOOTER_H = 162;
+/** Выше внутренних слоёв Leaflet (~400–700), чтобы хром не перекрывался картой при скролле */
+const Z_SCROLL = 0;
+const Z_HEADER = 2000;
+const Z_FOOTER_BAR = 2100;
+
+function ContactsPhoneBody() {
+  const navigate = useNavigate();
+  const goBack = () => {
+    if (window.history.length > 1) navigate(-1);
+    else navigate('/');
+  };
+
+  const clinics = [
+    {
+      id: 'zvezda',
+      street: 'ул. Газеты Звезда, 31А',
+      hours: 'Пн–Пт 09:00 – 21:00\nСб–Вс 09:00 – 19:00',
+      note: 'Каждый 4-ый четверг месяца до 17:00',
+      mapPosition: [58.008116, 56.246041],
+      mapPinColor: '#E04E44',
+      circleImageSrc: 'https://avatars.mds.yandex.net/get-altay/1363018/2a00000164698e13e4695cde8053e9eed99f/L_height',
+      circleHref: 'https://yandex.ru/maps/org/klinika_ukho_gorlo_nos_imeni_professora_ye_n_olenevoy/1747301334/',
+    },
+    {
+      id: 'tsetkin',
+      street: 'ул. Клары Цеткин, 9',
+      hours: 'Пн–Сб 09:00 – 17:00\nВс — выходной',
+      note: null,
+      mapPosition: [57.987262, 56.246448],
+      mapPinColor: '#D94A3D',
+      circleImageSrc: 'https://lh5.googleusercontent.com/proxy/FtM-XTbdVjWSzmAYLN1W_b69pueujUj2Gv6Yr7RqwYwQJOrisuUt_YI6qIXyaO9kZa3BZmQQrFpcJcfbcJUvdMGJx-s7UM3PYrnLsYtZcJ8jdVllLCU',
+      circleHref: 'http://job.oclinica.ru/vakansiya-administratora',
+    },
+  ];
+
+  return (
+    <div style={{
+      position: 'absolute', inset: 0,
+      background: oc.pageBg,
+      overflow: 'hidden',
+      fontFamily: 'var(--font-base), "Inter", system-ui, sans-serif',
+      color: '#1F2A37',
+    }}>
+      <div style={{
+        position: 'absolute', inset: 0,
+        overflowY: 'auto', overflowX: 'hidden',
+        paddingTop: 58,
+        paddingBottom: FOOTER_H,
+        zIndex: Z_SCROLL,
+        isolation: 'isolate',
+      }}>
+        <header style={{
+          display: 'grid',
+          gridTemplateColumns: '42px 1fr 42px',
+          alignItems: 'center',
+          padding: '10px 12px 11px',
+          position: 'sticky', top: 0, zIndex: Z_HEADER,
+          background: oc.headerBg,
+          borderBottom: '1px solid #EFEFEF',
+        }}>
+          <button type="button" onClick={goBack} className="press" style={{
+            width: 38, height: 38, borderRadius: 999, background: '#F5F5F5',
+            display: 'flex', alignItems: 'center', justifyContent: 'center',
+            border: 0,
+          }}>
+            <I.chevL size={20} style={{ color: '#2A3540' }} />
+          </button>
+          <h1 style={{ margin: 0, fontSize: 17, fontWeight: 700, textAlign: 'center', color: '#1F2A37' }}>Контакты</h1>
+          <span />
+        </header>
+
+        <div style={{ padding: '14px 16px 20px' }}>
+          <a href="tel:+73422070303" className="press" style={{
+            display: 'flex', alignItems: 'center', justifyContent: 'center', gap: 10,
+            width: '100%', padding: '15px 16px', borderRadius: 16, marginBottom: 10,
+            background: oc.phoneBtnBg, color: oc.phoneBtnFg, textDecoration: 'none',
+            fontSize: 17, fontWeight: 800, letterSpacing: 0.2,
+            boxShadow: oc.phoneBtnShadow,
+            border: '1px solid rgba(255,255,255,0.45)',
+          }}>
+            <I.phone size={21} sw={2} style={{ color: oc.phoneBtnFg }} />
+            8(342) 207-03-03
+          </a>
+
+          <Link to="/" className="press" style={{
+            display: 'flex', alignItems: 'center', justifyContent: 'center', gap: 9,
+            width: '100%', padding: '14px 16px', borderRadius: 16, marginBottom: 20,
+            background: oc.card, color: oc.chatFg,
+            border: `1.5px solid ${oc.chatBorder}`, textDecoration: 'none', fontWeight: 700, fontSize: 15,
+            boxShadow: '0 1px 3px rgba(0,0,0,0.04)',
+          }}>
+            <I.chat size={20} />
+            Написать в чат
+          </Link>
+
+          <h2 style={{ fontSize: 16, fontWeight: 800, margin: '0 0 12px', color: '#1F2A37', letterSpacing: 0.02 }}>Наши клиники</h2>
+
+          <div style={{ display: 'flex', flexDirection: 'column', gap: 16 }}>
+            {clinics.map(c => (
+              <article key={c.id} style={{
+                background: oc.card,
+                borderRadius: 18,
+                overflow: 'hidden',
+                boxShadow: '0 2px 14px rgba(15,30,40,0.07)',
+                border: '1px solid #ECECEC',
+              }}>
+                <div style={{ padding: 12, paddingBottom: 4 }}>
+                  <div style={{
+                    borderRadius: 14, overflow: 'hidden', position: 'relative',
+                    aspectRatio: '16 / 10',
+                    isolation: 'isolate',
+                  }}>
+                    <ClinicLeafletMap key={c.id} center={c.mapPosition} pinColor={c.mapPinColor} />
+                    <div style={{
+                      position: 'absolute', top: 10, left: 10, zIndex: 500,
+                      fontSize: 9, fontWeight: 900, letterSpacing: 0.7,
+                      padding: '6px 11px', borderRadius: 8,
+                      background: oc.openBadgeBg, color: oc.openBadgeFg,
+                      boxShadow: '0 2px 8px rgba(0,0,0,0.12)',
+                    }}>ОТКРЫТО</div>
+                    <div style={{
+                      position: 'absolute', right: 10, bottom: 10,
+                      width: 88, height: 88, borderRadius: '50%',
+                      overflow: 'hidden',
+                      border: '4px solid #fff',
+                      boxShadow: '0 6px 18px rgba(15,30,40,0.14)',
+                      zIndex: 600,
+                      background: '#fff',
+                    }}>
+                      <ClinicCirclePhoto imageUrl={c.circleImageSrc} href={c.circleHref} />
+                    </div>
+                  </div>
+                </div>
+
+                <div style={{ padding: '16px 16px 16px' }}>
+                  <div style={{ fontSize: 17, fontWeight: 800, lineHeight: 1.25, marginBottom: 12, color: '#1F2A37' }}>
+                    {c.street}
+                  </div>
+
+                  <div style={{ display: 'flex', alignItems: 'center', gap: 6, marginBottom: 8 }}>
+                    <span style={{ fontSize: 12, fontWeight: 800, color: '#6B7A89', letterSpacing: 0.4 }}>Режим работы</span>
+                  </div>
+                  <div style={{ display: 'flex', gap: 8, alignItems: 'flex-start', marginBottom: c.note ? 10 : 14 }}>
+                    <I.clock size={18} style={{ color: '#8A96A0', flexShrink: 0, marginTop: 1 }} />
+                    <div style={{ fontSize: 13, color: '#5A6B7B', lineHeight: 1.5, whiteSpace: 'pre-line', fontWeight: 500 }}>
+                      {c.hours}
+                    </div>
+                  </div>
+
+                  {c.note && (
+                    <div style={{
+                      fontSize: 12, fontWeight: 600, color: oc.noteFg, lineHeight: 1.45,
+                      padding: '11px 13px', borderRadius: 12,
+                      background: oc.noteBg, border: `1px solid ${oc.noteBorder}`,
+                      marginBottom: 14,
+                    }}>
+                      {c.note}
+                    </div>
+                  )}
+
+                  <button type="button" className="press" style={{
+                    width: '100%', display: 'flex', alignItems: 'center', justifyContent: 'center', gap: 10,
+                    padding: '13px 14px', borderRadius: 14,
+                    background: oc.routeBtnBg, border: '1px solid #E0E3E6',
+                    fontSize: 14, fontWeight: 700, color: oc.routeBtnFg,
+                  }}>
+                    <NavRouteIcon size={19} color={oc.teal} />
+                    Построить маршрут
+                  </button>
+                </div>
+              </article>
+            ))}
+          </div>
+
+          <div style={{
+            marginTop: 22,
+            background: oc.whyWrapBg,
+            borderRadius: 20,
+            padding: '18px 12px 16px',
+            border: '1px solid #DDE0E4',
+            boxShadow: 'inset 0 1px 0 rgba(255,255,255,0.7)',
+          }}>
+            <div style={{ textAlign: 'center', marginBottom: 14 }}>
+              <div style={{ marginBottom: 10, lineHeight: 0 }}>
+                <WhyHeaderStarGlyph size={52} color={oc.whyHeaderStar} />
+              </div>
+              <h2 style={{
+                margin: 0, fontSize: 20, fontWeight: 700, color: oc.hWhy,
+                letterSpacing: 0.08, fontFamily: 'var(--font-base)', lineHeight: 1.25,
+              }}>Почему нас выбирают</h2>
+            </div>
+
+            <div style={{
+              display: 'flex', flexDirection: 'row', gap: 8,
+              marginBottom: 14,
+            }}>
+              <StatPill value="20+" label="лет опыта" />
+              <StatPill value="50+" label="врачей" />
+              <StatPill value="100k+" label="пациентов" />
+              <StatPill value="4.9" label="рейтинг" suffix={<span style={{ fontSize: 13, color: oc.statCardValue, lineHeight: 1 }}>★</span>} />
+            </div>
+
+            <InfoRow glyph={<WhyMailGlyph size={23} />} label="Email">
+              <a href="mailto:mail@oclinica.ru" style={{ color: oc.whyRowValue, textDecoration: 'none', fontWeight: 600 }}>
+                mail@oclinica.ru
+              </a>
+            </InfoRow>
+            <InfoRow glyph={<WhyGlobeGlyph size={23} />} label="Веб-сайт">
+              <a href="https://perm.oclinica.ru" target="_blank" rel="noreferrer" style={{ color: oc.whyRowValue, textDecoration: 'none', fontWeight: 600 }}>
+                perm.oclinica.ru
+              </a>
+            </InfoRow>
+
+            <div style={{ display: 'flex', gap: 14, marginTop: 6, justifyContent: 'center' }}>
+              <a
+                href="https://vk.com"
+                target="_blank"
+                rel="noopener noreferrer"
+                className="press"
+                aria-label="ВКонтакте"
+                style={{
+                  width: 50, height: 50, borderRadius: '50%', background: '#fff',
+                  border: '1px solid #E4E4E4', boxShadow: '0 2px 10px rgba(0,0,0,0.07)',
+                  display: 'flex', alignItems: 'center', justifyContent: 'center', textDecoration: 'none',
+                }}
+              >
+                <SocialVkIcon size={26} />
+              </a>
+              <a
+                href="https://www.youtube.com"
+                target="_blank"
+                rel="noopener noreferrer"
+                className="press"
+                aria-label="YouTube"
+                style={{
+                  width: 50, height: 50, borderRadius: '50%', background: '#fff',
+                  border: '1px solid #E4E4E4', boxShadow: '0 2px 10px rgba(0,0,0,0.07)',
+                  display: 'flex', alignItems: 'center', justifyContent: 'center', textDecoration: 'none',
+                }}
+              >
+                <SocialYoutubeIcon size={26} />
+              </a>
+            </div>
+          </div>
+
+          <div style={{ height: 20 }} />
+        </div>
+      </div>
+
+      <div style={{
+        position: 'absolute', left: 0, right: 0, bottom: 0, zIndex: Z_FOOTER_BAR,
+        background: 'rgba(255,255,255,0.94)',
+        backdropFilter: 'blur(16px) saturate(180%)',
+        WebkitBackdropFilter: 'blur(16px) saturate(180%)',
+        borderTop: '1px solid #E8E8E8',
+        boxShadow: '0 -4px 24px rgba(15,30,40,0.06)',
+      }}>
+        <div style={{ padding: '10px 16px 6px' }}>
+          <Link to="/" className="press" style={{
+            display: 'flex', alignItems: 'center', justifyContent: 'center', gap: 10,
+            width: '100%', padding: '15px 16px', borderRadius: 16, textDecoration: 'none',
+            background: oc.bookBtnBg,
+            color: oc.bookBtnFg, fontWeight: 800, fontSize: 16, letterSpacing: 0.02,
+            boxShadow: '0 6px 18px rgba(0, 28, 34, 0.1)',
+            border: '1px solid rgba(255,255,255,0.35)',
+          }}>
+            <I.calendar size={21} sw={2} style={{ color: oc.bookBtnFg }} />
+            Записаться на приём
+          </Link>
+        </div>
+        <OclinicaTabBar />
+      </div>
+    </div>
+  );
+}
+
+export default function ContactsRoutePage() {
+  return (
+    <div style={{ width: '100%', height: '100%', position: 'relative' }}>
+      <div className="stage">
+        <FitWrap userScale="auto">
+          <IOSDevice>
+            <ContactsPhoneBody />
+          </IOSDevice>
+        </FitWrap>
+      </div>
+    </div>
+  );
+}
diff --git a/src/FitWrap.jsx b/src/FitWrap.jsx
new file mode 100644
index 0000000..f12826b
--- /dev/null
+++ b/src/FitWrap.jsx
@@ -0,0 +1,33 @@
+import React, { useEffect, useRef, useState } from 'react';
+
+export function FitWrap({ children, w = 402, h = 874, userScale = 'auto' }) {
+  const outerRef = useRef(null);
+  const [autoScale, setAutoScale] = useState(1);
+  useEffect(() => {
+    const outer = outerRef.current;
+    if (!outer) return;
+    const stage = outer.closest('.stage') || outer.parentElement;
+    if (!stage) return;
+    const measure = () => {
+      const padding = 48;
+      const availW = stage.clientWidth - padding;
+      const availH = stage.clientHeight - padding;
+      const s = Math.min(availW / w, availH / h, 1);
+      setAutoScale(Math.max(s, 0.3));
+    };
+    measure();
+    const ro = new ResizeObserver(measure);
+    ro.observe(stage);
+    window.addEventListener('resize', measure);
+    return () => { ro.disconnect(); window.removeEventListener('resize', measure); };
+  }, [w, h]);
+  const scale = userScale === 'auto' ? autoScale : parseFloat(userScale);
+  return (
+    <div ref={outerRef} style={{ width: w * scale, height: h * scale, position: 'relative', flexShrink: 0 }}>
+      <div style={{
+        width: w, height: h, transformOrigin: 'top left',
+        transform: `scale(${scale})`,
+      }}>{children}</div>
+    </div>
+  );
+}
diff --git a/src/app.css b/src/app.css
index 73501d0..3519429 100644
--- a/src/app.css
+++ b/src/app.css
@@ -345,3 +345,9 @@ input, select, textarea { font-family: inherit; }
 
 @keyframes pulse { 0%{opacity:.5;transform:scale(.95)} 100%{opacity:0;transform:scale(1.15)} }
 @keyframes blink { 50% { opacity: .3 } }
+
+/* Leaflet: divIcon marker without default box */
+.leaflet-div-icon.clinic-leaflet-pin-wrap {
+  border: none !important;
+  background: transparent !important;
+}
diff --git a/src/icons.jsx b/src/icons.jsx
index f989b95..b39e8bc 100644
--- a/src/icons.jsx
+++ b/src/icons.jsx
@@ -42,4 +42,6 @@ export const I = {
   volume:   (p) => <Icon {...p}><path d="M4 9h4l5-4v14l-5-4H4V9z"/><path d="M16 8a5 5 0 010 8M19 5a9 9 0 010 14"/></Icon>,
   arrow:    (p) => <Icon {...p}><path d="M5 12h14M13 6l6 6-6 6"/></Icon>,
   menu:     (p) => <Icon {...p}><path d="M4 7h16M4 12h16M4 17h16"/></Icon>,
+  mail:     (p) => <Icon {...p}><rect x="3" y="5" width="18" height="14" rx="2"/><path d="M3 7l9 6 9-6"/></Icon>,
+  globe:    (p) => <Icon {...p}><circle cx="12" cy="12" r="10"/><path d="M2 12h20M12 2v20M5 5c2.5 2 13.5 2 16 0M5 19c2.5-2 13.5-2 16 0"/></Icon>,
 };
diff --git a/src/main.jsx b/src/main.jsx
index 4dc7be2..0ac5d9f 100644
--- a/src/main.jsx
+++ b/src/main.jsx
@@ -1,11 +1,18 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
+import { BrowserRouter, Routes, Route } from 'react-router-dom';
 import App from './App.jsx';
+import ContactsRoutePage from './ContactsRoutePage.jsx';
 import './tokens.css';
 import './app.css';
 
 ReactDOM.createRoot(document.getElementById('root')).render(
   <React.StrictMode>
-    <App />
+    <BrowserRouter>
+      <Routes>
+        <Route path="/contacts" element={<ContactsRoutePage />} />
+        <Route path="*" element={<App />} />
+      </Routes>
+    </BrowserRouter>
   </React.StrictMode>
 );