<div style="font-family: inherit; color: #111827; background: #ffffff; line-height: 1.6;">
<!-- HERO СЕКЦИЯ -->
<div style="background: linear-gradient(135deg, #0050D9 0%, #003a9e 100%); color: #ffffff; padding: 70px 20px; border-radius: 16px; overflow: hidden; box-shadow: 0 20px 40px rgba(0, 80, 217, 0.2); margin-bottom: 40px;">
<div style="max-width: 1180px; margin: 0 auto;">
<div style="display: flex; flex-wrap: wrap; gap: 40px; align-items: center;">
<div style="flex: 1 1 560px;">
<div style="display: inline-block; margin: 0 0 24px; padding: 6px 16px; background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.2); border-radius: 50px; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; font-weight: bold;">
<span style="color: #66b2ff;">●</span> Сервисный центр АДТ
</div>
<h1 style="margin: 0 0 24px; max-width: 760px; font-size: 46px; line-height: 1.15; font-weight: 800; color: #ffffff; letter-spacing: -0.5px;">
Монтаж, настройка и ремонт <span style="color: #66b2ff;">антикражных систем</span>
</h1>
<p style="margin: 0 0 36px; max-width: 700px; font-size: 18px; line-height: 1.6; color: rgba(255,255,255,0.85);">
Собственная диспетчерско-сервисная служба, штат инженеров и развитая федеральная сеть партнеров позволяют быстро выполнять заявки и осуществлять качественную поддержку по всей стране.
</p>
<div style="display: flex; flex-wrap: wrap; gap: 16px;">
<a href="tel:+74951202928" style="display: inline-block; min-width: 190px; padding: 16px 24px; background: #ffffff; color: #0050d9; border-radius: 8px; text-align: center; font-size: 16px; font-weight: bold; text-decoration: none; box-shadow: 0 4px 15px rgba(0,0,0,0.1);">
+7 495 120 29 28
</a>
<a href="https://adt-solutions.ru/page/zakazat-zvonok" style="display: inline-block; min-width: 190px; padding: 16px 24px; border: 2px solid #ffffff; background: transparent; color: #ffffff; border-radius: 8px; text-align: center; font-size: 16px; font-weight: bold; text-decoration: none;">
Отправить заявку
</a>
</div>
</div>
<!-- Плашка с услугами в Hero -->
<div style="flex: 1 1 360px; background: #ffffff; color: #111827; border-radius: 12px; padding: 32px; box-shadow: 0 24px 48px rgba(0,0,0,0.25); position: relative;">
<div style="position: absolute; top: -15px; right: -15px; background: #F4F8FF; color: #0050D9; width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 24px; box-shadow: 0 4px 10px rgba(0,0,0,0.1);">24/7</div>
<div style="margin: 0 0 20px; font-size: 22px; line-height: 1.3; font-weight: 800; border-bottom: 2px solid #F4F8FF; padding-bottom: 15px;">Ключевые компетенции</div>
<div style="display: flex; flex-direction: column; gap: 16px;">
<div style="position: relative; color: #5d6675; font-size: 16px; line-height: 1.4; padding-left: 32px;">
<span style="position: absolute; left: 0; top: -2px; width: 20px; height: 20px; background: #E3E9F3; color: #0050d9; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: bold;">✓</span>
Установка рамок на входных группах
</div>
<div style="position: relative; color: #5d6675; font-size: 16px; line-height: 1.4; padding-left: 32px;">
<span style="position: absolute; left: 0; top: -2px; width: 20px; height: 20px; background: #E3E9F3; color: #0050d9; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: bold;">✓</span>
Настройка чувствительности AM систем
</div>
<div style="position: relative; color: #5d6675; font-size: 16px; line-height: 1.4; padding-left: 32px;">
<span style="position: absolute; left: 0; top: -2px; width: 20px; height: 20px; background: #E3E9F3; color: #0050d9; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: bold;">✓</span>
Устранение ложных срабатываний
</div>
<div style="position: relative; color: #5d6675; font-size: 16px; line-height: 1.4; padding-left: 32px;">
<span style="position: absolute; left: 0; top: -2px; width: 20px; height: 20px; background: #E3E9F3; color: #0050d9; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: bold;">✓</span>
Ремонт антенн и блоков управления
</div>
<div style="position: relative; color: #5d6675; font-size: 16px; line-height: 1.4; padding-left: 32px;">
<span style="position: absolute; left: 0; top: -2px; width: 20px; height: 20px; background: #E3E9F3; color: #0050d9; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: bold;">✓</span>
Видеонаблюдение для торговых залов
</div>
</div>
</div>
</div>
</div>
</div>
<!-- УСЛУГИ СЕРВИСНОГО ЦЕНТРА -->
<div style="padding: 40px 20px; background: #ffffff;">
<div style="max-width: 1180px; margin: 0 auto;">
<div style="text-align: center; margin-bottom: 40px;">
<h2 style="margin: 0 0 16px; font-size: 34px; line-height: 1.2; font-weight: 800; color: #111827;">Что мы делаем</h2>
<p style="margin: 0 auto; max-width: 820px; font-size: 18px; line-height: 1.6; color: #5d6675;">
Помогаем запустить новое оборудование, восстановить действующие системы и поддерживать защиту товара в стабильном рабочем состоянии.
</p>
</div>
<div style="display: flex; flex-wrap: wrap; gap: 24px;">
<div style="flex: 1 1 320px; padding: 32px; background: #ffffff; border: 1px solid #E3E9F3; border-radius: 12px; box-shadow: 0 8px 24px rgba(0,0,0,0.04); position: relative; overflow: hidden;">
<div style="position: absolute; top: -20px; right: -10px; font-size: 100px; font-weight: 900; color: #F4F8FF; z-index: 0; line-height: 1;">1</div>
<div style="position: relative; z-index: 1;">
<div style="width: 48px; height: 48px; margin: 0 0 20px; background: #0050D9; color: #ffffff; border-radius: 10px; font-weight: bold; font-size: 20px; display: flex; align-items: center; justify-content: center;">🛠</div>
<h3 style="margin: 0 0 12px; font-size: 22px; font-weight: bold; line-height: 1.3; color: #111827;">Монтаж рамок</h3>
<p style="margin: 0; font-size: 15px; color: #5d6675;">Установка антенн, блоков питания, креплений, прокладка кабеля и проверка корректности подключения.</p>
</div>
</div>
<div style="flex: 1 1 320px; padding: 32px; background: #ffffff; border: 1px solid #E3E9F3; border-radius: 12px; box-shadow: 0 8px 24px rgba(0,0,0,0.04); position: relative; overflow: hidden;">
<div style="position: absolute; top: -20px; right: -10px; font-size: 100px; font-weight: 900; color: #F4F8FF; z-index: 0; line-height: 1;">2</div>
<div style="position: relative; z-index: 1;">
<div style="width: 48px; height: 48px; margin: 0 0 20px; background: #0050D9; color: #ffffff; border-radius: 10px; font-weight: bold; font-size: 20px; display: flex; align-items: center; justify-content: center;">⚙️</div>
<h3 style="margin: 0 0 12px; font-size: 22px; font-weight: bold; line-height: 1.3; color: #111827;">Настройка и запуск</h3>
<p style="margin: 0; font-size: 15px; color: #5d6675;">Регулировка чувствительности, рабочей дистанции, синхронизации рамок и устойчивости к помехам.</p>
</div>
</div>
<div style="flex: 1 1 320px; padding: 32px; background: #ffffff; border: 1px solid #E3E9F3; border-radius: 12px; box-shadow: 0 8px 24px rgba(0,0,0,0.04); position: relative; overflow: hidden;">
<div style="position: absolute; top: -20px; right: -10px; font-size: 100px; font-weight: 900; color: #F4F8FF; z-index: 0; line-height: 1;">3</div>
<div style="position: relative; z-index: 1;">
<div style="width: 48px; height: 48px; margin: 0 0 20px; background: #0050D9; color: #ffffff; border-radius: 10px; font-weight: bold; font-size: 20px; display: flex; align-items: center; justify-content: center;">🩺</div>
<h3 style="margin: 0 0 12px; font-size: 22px; font-weight: bold; line-height: 1.3; color: #111827;">Диагностика и ремонт</h3>
<p style="margin: 0; font-size: 15px; color: #5d6675;">Проверка антенн, плат, блоков управления, кабельных линий, деактиваторов и съемников.</p>
</div>
</div>
<div style="flex: 1 1 320px; padding: 32px; background: #ffffff; border: 1px solid #E3E9F3; border-radius: 12px; box-shadow: 0 8px 24px rgba(0,0,0,0.04); position: relative; overflow: hidden;">
<div style="position: absolute; top: -20px; right: -10px; font-size: 100px; font-weight: 900; color: #F4F8FF; z-index: 0; line-height: 1;">4</div>
<div style="position: relative; z-index: 1;">
<div style="width: 48px; height: 48px; margin: 0 0 20px; background: #0050D9; color: #ffffff; border-radius: 10px; font-weight: bold; font-size: 20px; display: flex; align-items: center; justify-content: center;">🛡</div>
<h3 style="margin: 0 0 12px; font-size: 22px; font-weight: bold; line-height: 1.3; color: #111827;">Профилактика</h3>
<p style="margin: 0; font-size: 15px; color: #5d6675;">Плановый осмотр, тестирование срабатываний, проверка соединений и предупреждение отказов.</p>
</div>
</div>
<div style="flex: 1 1 320px; padding: 32px; background: #ffffff; border: 1px solid #E3E9F3; border-radius: 12px; box-shadow: 0 8px 24px rgba(0,0,0,0.04); position: relative; overflow: hidden;">
<div style="position: absolute; top: -20px; right: -10px; font-size: 100px; font-weight: 900; color: #F4F8FF; z-index: 0; line-height: 1;">5</div>
<div style="position: relative; z-index: 1;">
<div style="width: 48px; height: 48px; margin: 0 0 20px; background: #0050D9; color: #ffffff; border-radius: 10px; font-weight: bold; font-size: 20px; display: flex; align-items: center; justify-content: center;">🚚</div>
<h3 style="margin: 0 0 12px; font-size: 22px; font-weight: bold; line-height: 1.3; color: #111827;">Переезд и перемонтаж</h3>
<p style="margin: 0; font-size: 15px; color: #5d6675;">Демонтаж, перенос оборудования на новую входную группу и повторная настройка после установки.</p>
</div>
</div>
<div style="flex: 1 1 320px; padding: 32px; background: #ffffff; border: 1px solid #E3E9F3; border-radius: 12px; box-shadow: 0 8px 24px rgba(0,0,0,0.04); position: relative; overflow: hidden;">
<div style="position: absolute; top: -20px; right: -10px; font-size: 100px; font-weight: 900; color: #F4F8FF; z-index: 0; line-height: 1;">6</div>
<div style="position: relative; z-index: 1;">
<div style="width: 48px; height: 48px; margin: 0 0 20px; background: #0050D9; color: #ffffff; border-radius: 10px; font-weight: bold; font-size: 20px; display: flex; align-items: center; justify-content: center;">🤝</div>
<h3 style="margin: 0 0 12px; font-size: 22px; font-weight: bold; line-height: 1.3; color: #111827;">Сервисный договор</h3>
<p style="margin: 0; font-size: 15px; color: #5d6675;">Регулярное обслуживание для магазинов, складов и сетевых торговых точек по удобному графику.</p>
</div>
</div>
</div>
</div>
</div>
<!-- КОГДА НУЖЕН СЕРВИС -->
<div style="padding: 60px 20px; background: #F4F8FF; border-radius: 16px; margin: 40px 0;">
<div style="max-width: 1180px; margin: 0 auto;">
<div style="display: flex; flex-wrap: wrap; gap: 50px; align-items: flex-start;">
<div style="flex: 1 1 400px;">
<h2 style="margin: 0 0 16px; font-size: 34px; line-height: 1.2; font-weight: 800; color: #111827;">Типичные ситуации</h2>
<p style="margin: 0 0 20px; font-size: 18px; color: #5d6675;">Сервисный центр нужен не только при поломке. Правильная настройка предотвращает потери и ложные срабатывания.</p>
<div style="width: 60px; height: 4px; background: #0050D9; border-radius: 2px;"></div>
</div>
<div style="flex: 1 1 560px; display: flex; flex-direction: column; gap: 16px;">
<div style="padding: 24px; background: #ffffff; border-radius: 8px; border-left: 4px solid #0050D9; box-shadow: 0 4px 15px rgba(0,0,0,0.03);">
<strong style="display: block; margin-bottom: 8px; font-size: 18px; color: #111827;">Рамки срабатывают без причины</strong>
<span style="display: block; color: #5d6675;">Проверим источники помех, питание, соседнее оборудование и ювелирно настроим чувствительность.</span>
</div>
<div style="padding: 24px; background: #ffffff; border-radius: 8px; border-left: 4px solid #0050D9; box-shadow: 0 4px 15px rgba(0,0,0,0.03);">
<strong style="display: block; margin-bottom: 8px; font-size: 18px; color: #111827;">Система не видит этикетки/датчики</strong>
<span style="display: block; color: #5d6675;">Протестируем AM расходные материалы, скорректируем расстояние между антеннами и расширим рабочую зону.</span>
</div>
<div style="padding: 24px; background: #ffffff; border-radius: 8px; border-left: 4px solid #0050D9; box-shadow: 0 4px 15px rgba(0,0,0,0.03);">
<strong style="display: block; margin-bottom: 8px; font-size: 18px; color: #111827;">Открытие новой торговой точки</strong>
<span style="display: block; color: #5d6675;">Подберем оптимальную схему установки, быстро смонтируем оборудование и запустим систему защиты товара под ключ.</span>
</div>
<div style="padding: 24px; background: #ffffff; border-radius: 8px; border-left: 4px solid #0050D9; box-shadow: 0 4px 15px rgba(0,0,0,0.03);">
<strong style="display: block; margin-bottom: 8px; font-size: 18px; color: #111827;">Ремонт или перестановка в магазине</strong>
<span style="display: block; color: #5d6675;">Аккуратно демонтируем, установим на новом месте и заново откалибруем систему под обновленную входную группу.</span>
</div>
</div>
</div>
</div>
</div>
<!-- КАК ПРОХОДИТ ОБСЛУЖИВАНИЕ (Процесс) -->
<div style="padding: 40px 20px; background: #ffffff;">
<div style="max-width: 1180px; margin: 0 auto;">
<h2 style="margin: 0 0 16px; font-size: 34px; line-height: 1.2; font-weight: 800; color: #111827; text-align: center;">Как мы работаем</h2>
<p style="margin: 0 auto 40px; max-width: 820px; font-size: 18px; color: #5d6675; text-align: center;">Работу строим так, чтобы магазин как можно быстрее вернулся к нормальной эксплуатации.</p>
<div style="display: flex; flex-wrap: wrap; gap: 16px;">
<div style="flex: 1 1 200px; padding: 24px; background: #ffffff; border: 1px solid #E3E9F3; border-radius: 8px; border-top: 4px solid #0050d9; box-shadow: 0 4px 12px rgba(0,0,0,0.03);">
<div style="color: #0050d9; font-weight: 900; font-size: 24px; margin-bottom: 12px;">01. Заявка</div>
<div style="color: #5d6675; font-size: 15px;">Уточняем адрес магазина, тип установленного оборудования и суть проблемы.</div>
</div>
<div style="flex: 1 1 200px; padding: 24px; background: #ffffff; border: 1px solid #E3E9F3; border-radius: 8px; border-top: 4px solid #0050d9; box-shadow: 0 4px 12px rgba(0,0,0,0.03);">
<div style="color: #0050d9; font-weight: 900; font-size: 24px; margin-bottom: 12px;">02. Диагностика</div>
<div style="color: #5d6675; font-size: 15px;">Выявляем причину: проверяем питание, антенны, кабели и внешние помехи.</div>
</div>
<div style="flex: 1 1 200px; padding: 24px; background: #ffffff; border: 1px solid #E3E9F3; border-radius: 8px; border-top: 4px solid #0050d9; box-shadow: 0 4px 12px rgba(0,0,0,0.03);">
<div style="color: #0050d9; font-weight: 900; font-size: 24px; margin-bottom: 12px;">03. Решение</div>
<div style="color: #5d6675; font-size: 15px;">Осуществляем монтаж, замену деталей, перенос или программную настройку.</div>
</div>
<div style="flex: 1 1 200px; padding: 24px; background: #ffffff; border: 1px solid #E3E9F3; border-radius: 8px; border-top: 4px solid #0050d9; box-shadow: 0 4px 12px rgba(0,0,0,0.03);">
<div style="color: #0050d9; font-weight: 900; font-size: 24px; margin-bottom: 12px;">04. Тесты</div>
<div style="color: #5d6675; font-size: 15px;">Прогоняем систему на всех видах этикеток и датчиков под разными углами.</div>
</div>
<div style="flex: 1 1 200px; padding: 24px; background: #ffffff; border: 1px solid #E3E9F3; border-radius: 8px; border-top: 4px solid #0050d9; box-shadow: 0 4px 12px rgba(0,0,0,0.03);">
<div style="color: #0050d9; font-weight: 900; font-size: 24px; margin-bottom: 12px;">05. Гарантия</div>
<div style="color: #5d6675; font-size: 15px;">Сдаем работу, даем рекомендации персоналу и составляем график профилактики.</div>
</div>
</div>
</div>
</div>
<!-- ОБОРУДОВАНИЕ (Теги) -->
<div style="padding: 60px 20px; background: #ffffff;">
<div style="max-width: 1180px; margin: 0 auto; text-align: center;">
<h2 style="margin: 0 0 16px; font-size: 28px; line-height: 1.2; font-weight: bold; color: #111827;">С чем мы работаем</h2>
<p style="margin: 0 auto 30px; max-width: 820px; font-size: 16px; color: #5d6675;">Обслуживаем полный спектр систем безопасности для ритейла и складов.</p>
<div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 12px;">
<span style="padding: 10px 20px; background: #F4F8FF; border: 1px solid #E3E9F3; border-radius: 50px; color: #111827; font-weight: 500;">Противокражные рамки</span>
<span style="padding: 10px 20px; background: #F4F8FF; border: 1px solid #E3E9F3; border-radius: 50px; color: #111827; font-weight: 500;">AM системы</span>
<span style="padding: 10px 20px; background: #F4F8FF; border: 1px solid #E3E9F3; border-radius: 50px; color: #111827; font-weight: 500;">Sensormatic</span>
<span style="padding: 10px 20px; background: #F4F8FF; border: 1px solid #E3E9F3; border-radius: 50px; color: #111827; font-weight: 500;">Антенны и блоки</span>
<span style="padding: 10px 20px; background: #F4F8FF; border: 1px solid #E3E9F3; border-radius: 50px; color: #111827; font-weight: 500;">Деактиваторы</span>
<span style="padding: 10px 20px; background: #F4F8FF; border: 1px solid #E3E9F3; border-radius: 50px; color: #111827; font-weight: 500;">Магнитные съемники</span>
<span style="padding: 10px 20px; background: #F4F8FF; border: 1px solid #E3E9F3; border-radius: 50px; color: #111827; font-weight: 500;">Жесткие датчики</span>
<span style="padding: 10px 20px; background: #F4F8FF; border: 1px solid #E3E9F3; border-radius: 50px; color: #111827; font-weight: 500;">АМ этикетки</span>
<span style="padding: 10px 20px; background: #F4F8FF; border: 1px solid #E3E9F3; border-radius: 50px; color: #111827; font-weight: 500;">Видеонаблюдение</span>
<span style="padding: 10px 20px; background: #F4F8FF; border: 1px solid #E3E9F3; border-radius: 50px; color: #111827; font-weight: 500;">СКУД</span>
<span style="padding: 10px 20px; background: #F4F8FF; border: 1px solid #E3E9F3; border-radius: 50px; color: #111827; font-weight: 500;">Охранная сигнализация</span>
</div>
</div>
</div>
<!-- CALL TO ACTION (Призыв к действию) -->
<div style="background: linear-gradient(135deg, #0050D9 0%, #003a9e 100%); color: #ffffff; padding: 50px 20px; border-radius: 16px; margin: 20px 0; box-shadow: 0 15px 30px rgba(0, 80, 217, 0.15);">
<div style="max-width: 1180px; margin: 0 auto;">
<div style="display: flex; flex-wrap: wrap; gap: 30px; align-items: center; justify-content: space-between;">
<div style="flex: 1 1 560px;">
<h2 style="margin: 0 0 12px; font-size: 32px; line-height: 1.25; font-weight: 800; color: #ffffff;">Нужен сервисный инженер?</h2>
<p style="margin: 0; max-width: 650px; font-size: 17px; line-height: 1.5; color: rgba(255,255,255,0.9);">
Оставьте заявку. Мы свяжемся с вами в ближайшее время, проконсультируем и подберем оптимальный формат работ для вашего магазина.
</p>
</div>
<div style="display: flex; flex-wrap: wrap; gap: 16px;">
<a href="tel:+74951202928" style="display: inline-block; min-width: 170px; padding: 16px 24px; background: #ffffff; color: #0050d9; border-radius: 8px; text-align: center; font-size: 16px; font-weight: bold; text-decoration: none; box-shadow: 0 4px 15px rgba(0,0,0,0.1);">
Позвонить
</a>
<a href="mailto:sales@adt-solutions.ru" style="display: inline-block; min-width: 170px; padding: 16px 24px; border: 2px solid #ffffff; background: transparent; color: #ffffff; border-radius: 8px; text-align: center; font-size: 16px; font-weight: bold; text-decoration: none;">
Написать на email
</a>
</div>
</div>
</div>
</div>
</div>
