<?php
$pageTitle = 'Сертификация ИБ по рекомендации партнёра — Безопасный Офис';
$pageDescription = 'Ваш партнёр рекомендовал сертификацию информационной безопасности. Узнайте что это, что проверяем и как это защитит ваш бизнес.';
$canonicalUrl = 'https://xn--80akxggcl.xn----7sbcqkif5ahegzf4b3g.xn--p1acf/cert/recommend.php';
$needsCsrf = true;
include __DIR__ . '/../includes/header.php';

$ref = isset($_GET['ref']) ? htmlspecialchars(trim($_GET['ref']), ENT_QUOTES, 'UTF-8') : '';
?>

    <!-- Hero -->
    <section class="hero" style="padding-bottom:60px;">
        <div class="container">
            <div class="hero__badge">
                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#1F5BFF" stroke-width="2.5"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/><path d="M9 12l2 2 4-4"/></svg>
                Вы&nbsp;пришли по&nbsp;рекомендации сертифицированного партнёра
            </div>
            <h1>Сертификация информационной безопасности</h1>
            <p class="hero__subtitle">Ваш партнёр рекомендовал вам&nbsp;сертификацию&nbsp;&mdash; потому что он&nbsp;сам понимает, насколько это важно. Здесь мы&nbsp;расскажем, что&nbsp;это, что&nbsp;проверяем и&nbsp;как&nbsp;это защитит ваш бизнес.</p>
            <div class="hero__buttons">
                <a href="#contact" class="btn btn--primary">Оставить заявку</a>
                <a href="#process" class="btn btn--outline">Как проходит проверка</a>
            </div>
        </div>
    </section>

    <!-- Почему ваш партнёр рекомендует -->
    <section class="section section--light">
        <div class="container">
            <div class="section__header">
                <h2>Почему ваш партнёр рекомендует сертификацию</h2>
                <p>Специалист, который направил вас сюда, понимает реальные риски&nbsp;&mdash; и&nbsp;знает, как от&nbsp;них защититься</p>
            </div>

            <div class="product-cards">
                <div class="product-card">
                    <div class="product-card__icon">
                        <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="#1F5BFF" stroke-width="2"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/><path d="M9 12l2 2 4-4"/></svg>
                    </div>
                    <h3>Разбирается в&nbsp;ИБ</h3>
                    <p>Партнёр, который рекомендует сертификацию, сам понимает требования <span class="term" data-tip="Федеральный закон «О персональных данных» — устанавливает правила обработки и хранения персональных данных граждан РФ">152-ФЗ</span>, <span class="term" data-tip="Закон от 30.11.2024 — ужесточил штрафы за утечки персональных данных, ввёл оборотные штрафы до 3% выручки">420-ФЗ</span> и&nbsp;риски утечек. Он&nbsp;видит угрозы, о&nbsp;которых большинство бизнесов даже не&nbsp;задумывается.</p>
                </div>
                <div class="product-card">
                    <div class="product-card__icon">
                        <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="#1F5BFF" stroke-width="2"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
                    </div>
                    <h3>Заботится о&nbsp;клиентах</h3>
                    <p>Рекомендация сертификации&nbsp;&mdash; это не&nbsp;продажа. Это забота о&nbsp;безопасности ваших данных. Партнёр мог промолчать, но&nbsp;вместо этого помогает вам&nbsp;избежать штрафов и&nbsp;инцидентов.</p>
                </div>
                <div class="product-card">
                    <div class="product-card__icon">
                        <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="#1F5BFF" stroke-width="2"><circle cx="12" cy="12" r="10"/><path d="M9 12l2 2 4-4"/></svg>
                    </div>
                    <h3>Сам прошёл проверку</h3>
                    <p>Мы&nbsp;работаем только с&nbsp;проверенными партнёрами, которые сами используют защищённую инфраструктуру. Плашка на&nbsp;сайте&nbsp;&mdash; подтверждение компетенции в&nbsp;вопросах ИБ.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Контекст рынка -->
    <section class="section section--dark">
        <div class="container">
            <div class="section__header">
                <h2>Почему это актуально именно сейчас</h2>
                <p>Законодательство 2026&nbsp;года радикально изменило правила игры</p>
            </div>

            <div class="why-stats">
                <div class="why-stat">
                    <div class="why-stat__number">500 <span>млн&nbsp;&#8381;</span></div>
                    <div class="why-stat__label">максимальный штраф за&nbsp;повторную утечку данных (420-ФЗ)</div>
                </div>
                <div class="why-stat">
                    <div class="why-stat__number">10 <span>лет</span></div>
                    <div class="why-stat__label">лишения свободы&nbsp;&mdash; уголовная ответственность по&nbsp;ст.&nbsp;272.1 УК&nbsp;РФ</div>
                </div>
                <div class="why-stat">
                    <div class="why-stat__number">60%</div>
                    <div class="why-stat__label">утечек&nbsp;&mdash; по&nbsp;вине сотрудников, а&nbsp;не&nbsp;хакеров</div>
                </div>
                <div class="why-stat">
                    <div class="why-stat__number">98%</div>
                    <div class="why-stat__label">выездных проверок заканчиваются доначислениями</div>
                </div>
            </div>
        </div>
    </section>

    <!-- Что проверяем -->
    <section class="section section--light" id="process">
        <div class="container">
            <div class="section__header">
                <h2>Что мы&nbsp;проверяем</h2>
                <p>Сертификация покрывает все критические области информационной безопасности</p>
            </div>

            <div class="features-grid">
                <div class="feature">
                    <div class="feature__icon">
                        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#1F5BFF" stroke-width="2"><rect x="2" y="2" width="20" height="8" rx="2"/><rect x="2" y="14" width="20" height="8" rx="2"/><line x1="6" y1="6" x2="6.01" y2="6"/><line x1="6" y1="18" x2="6.01" y2="18"/></svg>
                    </div>
                    <div>
                        <h4>Хранение данных</h4>
                        <p>Где и&nbsp;как хранятся данные. Шифрование, резервное копирование, физическая безопасность.</p>
                    </div>
                </div>
                <div class="feature">
                    <div class="feature__icon">
                        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#1F5BFF" stroke-width="2"><rect x="3" y="11" width="18" height="11" rx="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg>
                    </div>
                    <div>
                        <h4>Контроль доступа</h4>
                        <p>Кто имеет доступ, журнал действий, разделение прав, многофакторная авторизация.</p>
                    </div>
                </div>
                <div class="feature">
                    <div class="feature__icon">
                        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#1F5BFF" stroke-width="2"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg>
                    </div>
                    <div>
                        <h4>Сетевая защита</h4>
                        <p><span class="term" data-tip="Межсетевой экран — фильтрует входящий и исходящий сетевой трафик, блокирует несанкционированный доступ">Firewall</span>, антивирус, <span class="term" data-tip="Virtual Private Network — защищённый зашифрованный канал связи через интернет">VPN</span>, сегментация сети. Устойчивость к&nbsp;атакам и&nbsp;шифровальщикам.</p>
                    </div>
                </div>
                <div class="feature">
                    <div class="feature__icon">
                        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#1F5BFF" stroke-width="2"><path d="M22 12h-4l-3 9L9 3l-3 9H2"/></svg>
                    </div>
                    <div>
                        <h4>Мониторинг 24/7</h4>
                        <p>Круглосуточный мониторинг, реакция на&nbsp;инцидент за&nbsp;2&nbsp;часа, процедуры восстановления.</p>
                    </div>
                </div>
                <div class="feature">
                    <div class="feature__icon">
                        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#1F5BFF" stroke-width="2"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><path d="M14 2v6h6"/></svg>
                    </div>
                    <div>
                        <h4>Соответствие 152-ФЗ</h4>
                        <p>Данные на&nbsp;территории РФ, политики обработки <span class="term" data-tip="Персональные данные — любая информация, относящаяся к определённому физическому лицу: ФИО, телефон, email, паспорт">ПДн</span>, уведомления Роскомнадзора.</p>
                    </div>
                </div>
                <div class="feature">
                    <div class="feature__icon">
                        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#1F5BFF" stroke-width="2"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/></svg>
                    </div>
                    <div>
                        <h4>Защита от&nbsp;инсайдеров</h4>
                        <p>Невозможность скопировать данные на&nbsp;флешку. Контроль действий без&nbsp;слежки.</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Как проходит -->
    <section class="section section--dark">
        <div class="container">
            <div class="section__header">
                <h2>Как проходит сертификация</h2>
                <p>5&nbsp;рабочих дней&nbsp;&mdash; без&nbsp;остановки бизнеса</p>
            </div>
            <div class="steps">
                <div class="step">
                    <h4>1. Заявка</h4>
                    <p>Оставляете заявку, созваниваемся, отвечаем на&nbsp;вопросы. 30&nbsp;минут, без&nbsp;обязательств.</p>
                </div>
                <div class="step">
                    <h4>2. Диагностика</h4>
                    <p>Анализируем текущую инфраструктуру: где хранятся данные, как организован доступ, какие есть уязвимости.</p>
                </div>
                <div class="step">
                    <h4>3. Внедрение защиты</h4>
                    <p>Переносим данные в&nbsp;защищённую инфраструктуру. Настраиваем шифрование, контроль доступа, мониторинг.</p>
                </div>
                <div class="step">
                    <h4>4. Сертификат</h4>
                    <p>Финальная проверка. Выдаём сертификат + цифровую плашку для&nbsp;сайта. Вы&nbsp;присоединяетесь к&nbsp;сети сертифицированных компаний.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Кто выдаёт -->
    <section class="section section--light">
        <div class="container">
            <div class="section__header">
                <h2>Кто стоит за&nbsp;сертификатом</h2>
            </div>

            <div class="story-block">
                <div class="story-block__text">
                    <p>&laquo;Безопасный Офис&raquo;&nbsp;&mdash; аккредитованная IT-компания, участник Сколково, член экспертного совета Минпромторга. 14&nbsp;лет на&nbsp;рынке ИБ. 1&nbsp;500+ рабочих мест под&nbsp;защитой, 0&nbsp;утечек за&nbsp;всё время работы.</p>
                    <p style="margin-top:16px;">Ваш партнёр работает с&nbsp;нами, потому что знает: за&nbsp;сертификатом стоит реальная инфраструктура и&nbsp;реальная ответственность. Дата-центр <span class="term" data-tip="Третий уровень надёжности дата-центра: резервирование всех систем, доступность 99,982%, не более 1,6 часа простоя в год">Tier&nbsp;III</span>, мониторинг 24/7, <span class="term" data-tip="Service Level Agreement — соглашение об уровне обслуживания, гарантирующее доступность сервиса">SLA</span>&nbsp;99,15%, застрахованная профответственность.</p>
                </div>
            </div>

            <div class="trust-logos" style="margin-top:40px;">
                <div class="trust-logo">
                    <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"/></svg>
                    <span>Участник<br>Сколково</span>
                </div>
                <div class="trust-logo">
                    <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><rect x="2" y="3" width="20" height="14" rx="2" ry="2"/><line x1="8" y1="21" x2="16" y2="21"/><line x1="12" y1="17" x2="12" y2="21"/></svg>
                    <span>Аккредитованная<br>IT-компания</span>
                </div>
                <div class="trust-logo">
                    <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M3 21h18M3 7v1a3 3 0 0 0 6 0V7m0 0v1a3 3 0 0 0 6 0V7m0 0v1a3 3 0 0 0 6 0V7H3z"/><path d="M5 21V10.85M19 21V10.85"/></svg>
                    <span>Экспертный совет<br>Минпромторга</span>
                </div>
                <div class="trust-logo">
                    <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/><path d="M9 12l2 2 4-4"/></svg>
                    <span>Профответственность<br>застрахована</span>
                </div>
            </div>
        </div>
    </section>

    <!-- Форма -->
    <section class="section section--dark" id="contact">
        <div class="container">
            <div class="section__header">
                <h2>Оставьте заявку</h2>
                <p>Расскажем подробнее, ответим на&nbsp;вопросы и&nbsp;подберём решение для&nbsp;вашего бизнеса</p>
            </div>

            <form class="form" id="partnerForm" action="/submit.php" method="POST">
                <input type="hidden" name="source" value="cert-recommend">
                <input type="hidden" name="csrf_token" value="<?= $_SESSION['csrf_token'] ?? '' ?>">
                <?php if ($ref): ?>
                <input type="hidden" name="partner_ref" value="<?= $ref ?>">
                <?php endif; ?>
                <div style="position:absolute;left:-9999px;"><input type="text" name="website_url" tabindex="-1" autocomplete="off"></div>

                <div class="form__message form__message--success" id="formSuccess" style="display:none;">
                    Заявка отправлена! Мы свяжемся с вами в ближайшее время.
                </div>
                <div class="form__message form__message--error" id="formError" style="display:none;">
                    Произошла ошибка. Попробуйте ещё раз или напишите нам на info@bzpoffice.online
                </div>

                <div class="form__grid">
                    <div class="form__row">
                        <label class="form__label" for="cert_name">Ваше имя *</label>
                        <input class="form__input" type="text" id="cert_name" name="name" placeholder="Иван Иванов" required>
                    </div>
                    <div class="form__row">
                        <label class="form__label" for="cert_company">Компания *</label>
                        <input class="form__input" type="text" id="cert_company" name="company" placeholder="ООО «Пример»" required>
                    </div>
                </div>
                <div class="form__grid">
                    <div class="form__row">
                        <label class="form__label" for="cert_phone">Телефон *</label>
                        <input class="form__input" type="tel" id="cert_phone" name="phone" placeholder="+7 (___) ___-__-__" required>
                    </div>
                    <div class="form__row">
                        <label class="form__label" for="cert_email">Email *</label>
                        <input class="form__input" type="email" id="cert_email" name="email" placeholder="mail@example.ru" required>
                    </div>
                </div>
                <div class="form__row">
                    <label class="form__label" for="cert_comment">Расскажите о вашем бизнесе</label>
                    <textarea class="form__textarea" id="cert_comment" name="comment" placeholder="Чем занимается компания, сколько сотрудников, какие данные обрабатываете" rows="3"></textarea>
                </div>
                <div class="form__row">
                    <label class="form__checkbox">
                        <input type="checkbox" name="consent" value="1" required>
                        <span class="form__checkbox-label">Даю согласие на&nbsp;<a href="/politika.php" target="_blank">обработку персональных данных</a> и&nbsp;принимаю <a href="/oferta.php" target="_blank">условия оферты</a></span>
                    </label>
                    <button type="submit" class="btn btn--primary form__submit" style="width:100%;">Оставить заявку</button>
                </div>
            </form>
        </div>
    </section>

<?php include __DIR__ . '/../includes/footer.php'; ?>
