<div class="pp"><div class="ck">
<style>
#form .pf-tag{font-size:0!important}
#form .pf-tag::after{content:"Кіберчек від SHERIFF";font-size:14px}
.pp .ck,.pp .ck *{font-family:Suisseintl,Arial,sans-serif!important;box-sizing:border-box}
.pp .ck{--y:#ffe200;--k:#111;--g:#f4f4f4;--l:#e8e8e8;--t:#6b6b6b;color:var(--k);text-align:left}
.pp .ck h1,.pp .ck h2,.pp .ck h3,.pp .ck p{margin:0;padding:0;white-space:normal;letter-spacing:0;text-transform:none}
.pp .ck h2{font-size:40px;line-height:1.15;font-weight:700;color:#000}
.ck-lbl{display:block;font-size:13px;font-weight:700;color:#000;margin-bottom:12px}
.ck-btn{display:inline-flex;align-items:center;gap:12px;height:52px;padding:0 28px;border-radius:40px;background:var(--y);color:#000!important;font-size:15px;font-weight:600;text-decoration:none!important;transition:background .25s}
.ck-btn:hover{background:#f5d800}
.ck-btn span{transition:transform .25s}.ck-btn:hover span{transform:translateX(4px)}
.ck i{font-style:normal}
.ck-ic{flex:0 0 48px;width:48px;height:48px;border-radius:50%;background:var(--y);display:grid;place-items:center}
.ck-hero{padding:24px 0 0}
.ck-box{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center;background:var(--g);border-radius:32px;padding:48px 48px 48px 56px}
.pp .ck-hero h1{font-size:44px;line-height:1.12;font-weight:700;color:#000;margin-bottom:16px}
.pp .ck-hero .ck-sub{font-size:17px;line-height:1.55;color:#333;margin-bottom:24px;max-width:520px}
.ck-note{display:block;background:none;border:0;border-left:2px solid #000;border-radius:0;padding:2px 0 2px 18px;margin:0 0 32px;max-width:500px}
.pp .ck-note b{display:block;font-size:16px;line-height:1.4;font-weight:700;color:#000;margin:0 0 6px}
.pp .ck-note p{font-size:15px;line-height:1.5;color:var(--t)}
.ck-vis{height:420px}
.ck-vis img{width:100%;height:100%!important;object-fit:cover;object-position:42% center;border-radius:24px;display:block}
.ck-sec{padding:80px 0 0}
.ck-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:32px}
.pp .ck-head p{font-size:15px;line-height:1.5;color:var(--t);max-width:380px}
.ck-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ck-card{display:flex;gap:16px;align-items:flex-start;background:var(--g);border-radius:24px;padding:24px}
.ck-card.wt{background:#fff;border:1px solid var(--l)}
.pp .ck-card h3{font-size:17px;line-height:1.3;font-weight:700;color:#000;margin:2px 0 6px}
.pp .ck-card p{font-size:14px;line-height:1.5;color:var(--t)}
.ck-num{display:block;font-size:12px;font-weight:700;color:#9a9a9a;margin-bottom:4px}
.ck-end{padding:80px 0 80px}
.ck-endbox{display:flex;justify-content:space-between;align-items:center;gap:32px;background:var(--g);border-radius:32px;padding:44px 56px}
.pp .ck-endbox h2{font-size:32px}
.pp .ck-endbox p{font-size:15px;line-height:1.5;color:var(--t);margin-top:10px;max-width:560px}
@media(max-width:991px){.ck-box{grid-template-columns:1fr;padding:32px}.ck-vis{height:320px}.ck-grid{grid-template-columns:1fr}.ck-head{flex-direction:column;align-items:flex-start}.ck-endbox{flex-direction:column;align-items:flex-start;padding:32px}}
@media(max-width:600px){.ck-hero{padding:12px 0 0}.ck-box{padding:24px 20px 20px;border-radius:24px;gap:24px}.pp .ck-hero h1{font-size:28px}.pp .ck-hero .ck-sub{font-size:15px}.ck-note{padding-left:14px;margin-bottom:24px}.pp .ck-note b{font-size:15px}.pp .ck-note p{font-size:14px}.ck-btn{width:100%;justify-content:center}.ck-vis{height:220px}.pp .ck h2{font-size:28px}.pp .ck-endbox h2{font-size:24px}.ck-sec{padding:56px 0 0}.ck-end{padding:56px 0}.ck-endbox{padding:24px 20px;border-radius:24px}}
</style>
<section class="ck-hero"><div class="w"><div class="ck-box">
<div>
<span class="ck-lbl">Кіберчек від SHERIFF</span>
<h1>Поверхневий аудит кібербезпеки від SHERIFF</h1>
<p class="ck-sub">Швидкий спосіб зрозуміти реальну ситуацію — без складних процесів і довгих впроваджень.</p>
<div class="ck-note"><b>Постанова №143 вже діє. Чи готова ваша компанія?</b><p>Перевірте свій рівень кібербезпеки за 30 хвилин без складних аудитів і впроваджень</p></div>
<a href="#form" class="ck-btn">Пройти кіберчекап <span>→</span></a>
</div>
<div class="ck-vis"><img src="https://cdn.prod.website-files.com/69b30daf19c2b2fc7f238ba8/6adf3b9328009622e5278c13_cyber-hero.webp" alt="Фахівець SHERIFF перевіряє кібербезпеку компанії"></div>
</div></div></section>
<section class="ck-sec"><div class="w">
<div class="ck-head"><div><span class="ck-lbl">Кіберчек</span><h2>Що це</h2></div><p>Короткий огляд кібербезпеки вашої компанії, після якого зрозуміло, що робити далі.</p></div>
<div class="ck-grid">
<div class="ck-card"><i class="ck-ic"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M10.3 3.9 1.8 18a2 2 0 0 0 1.7 3h17a2 2 0 0 0 1.7-3L13.7 3.9a2 2 0 0 0-3.4 0z"/><path d="M12 9v4M12 17h.01"/></svg></i><div><h3>Де у вас ризики</h3><p>Показуємо слабкі місця в доступах, обладнанні та робочих процесах, через які компанія може постраждати від атаки.</p></div></div>
<div class="ck-card"><i class="ck-ic"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="8" y="2" width="8" height="4" rx="1"/><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"/><path d="m9 14 2 2 4-4"/></svg></i><div><h3>Чи відповідаєте вимогам</h3><p>Звіряємо поточний стан із вимогами Постанови №143 і показуємо, чого бракує.</p></div></div>
<div class="ck-card"><i class="ck-ic"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 22v-7M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z"/></svg></i><div><h3>Що потрібно зробити в першу чергу</h3><p>Визначаємо пріоритети, щоб ви почали з найважливішого, а не з усього одразу.</p></div></div>
</div>
</div></section>
<section class="ck-sec"><div class="w">
<div class="ck-head"><div><span class="ck-lbl">3 кроки</span><h2>Як це працює</h2></div><p>Все відбувається онлайн, без виїзду фахівця та доступу до ваших систем.</p></div>
<div class="ck-grid">
<div class="ck-card"><i class="ck-ic"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="2" y="6" width="14" height="12" rx="2"/><path d="m16 10 6-3v10l-6-3"/></svg></i><div><span class="ck-num">01</span><h3>30 хв онлайн-зустріч</h3><p>Короткий відеодзвінок зі спеціалістом SHERIFF у зручний для вас час.</p></div></div>
<div class="ck-card"><i class="ck-ic"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="11" cy="11" r="7"/><path d="m21 21-4.3-4.3"/></svg></i><div><span class="ck-num">02</span><h3>Виявляємо ключові вразливості</h3><p>За простими запитаннями про вашу ІТ-інфраструктуру знаходимо найкритичніші точки.</p></div></div>
<div class="ck-card"><i class="ck-ic"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m3 7 2 2 4-4M3 17l2 2 4-4M13 6h8M13 12h8M13 18h8"/></svg></i><div><span class="ck-num">03</span><h3>Даємо чіткі рекомендації</h3><p>Отримуєте зрозумілий список кроків без технічного жаргону.</p></div></div>
</div>
</div></section>
<section class="ck-sec"><div class="w">
<div class="ck-head"><div><span class="ck-lbl">Результат</span><h2>Ви розумієте:</h2></div></div>
<div class="ck-grid">
<div class="ck-card wt"><i class="ck-ic"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/><path d="m9 12 2 2 4-4"/></svg></i><div><h3>Свій реальний рівень безпеки</h3><p>Без припущень — на основі фактів про вашу компанію.</p></div></div>
<div class="ck-card wt"><i class="ck-ic"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="9"/><circle cx="12" cy="12" r="5"/><circle cx="12" cy="12" r="1"/></svg></i><div><h3>Критичні точки ризику</h3><p>Знаєте, що може зупинити роботу або призвести до витоку даних.</p></div></div>
<div class="ck-card wt"><i class="ck-ic"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6"/></svg></i><div><h3>Перші кроки без хаосу</h3><p>Маєте план дій, з якого можна почати одразу після зустрічі.</p></div></div>
</div>
</div></section>
<section class="ck-end"><div class="w"><div class="ck-endbox">
<div><h2>Не чекайте перевірки або інциденту</h2><p>Кіберчек займає лише 30 хвилин.</p></div>
<a href="#form" class="ck-btn">Пройти кіберчекап <span>→</span></a>
</div></div></section>
</div></div>
%20(1).svg)
.svg)
