<style> :root{ --bg:#0a0a0a; --bg-card:#141414; --bg-card-2:#1a1a1a; --border:#2a2a2a; --yellow:#FCE500; --text:#ffffff; --text-dim:#888888; --text-mid:#bfbfbf; } *{box-sizing:border-box;margin:0;padding:0} html{scroll-behavior:smooth} .ciso-wrap{ position:relative; left:50%; margin-left:-50vw; width:100vw; background:var(--bg); color:var(--text); font-family:'Space Grotesk',sans-serif; line-height:1.55; overflow-x:hidden; -webkit-font-smoothing:antialiased; } .ciso-wrap ::selection{background:var(--yellow);color:#000} .ciso-wrap .container{max-width:1240px;margin:0 auto;padding:0 28px} .ciso-wrap .mono{font-family:'JetBrains Mono',monospace;letter-spacing:0.04em;text-transform:uppercase;font-size:.78rem} .ciso-wrap .yellow{color:var(--yellow)} /* ---------- HERO BOTTOM ---------- */ .ciso-wrap .hero-bottom-block{ padding:40px 0 50px; border-bottom:1px solid var(--border); } .ciso-wrap .hero-bottom{ display:grid;grid-template-columns:repeat(4,1fr); gap:0; border-top:1px solid var(--border); padding-top:32px; } .ciso-wrap .hero-stat{padding-right:24px;border-right:1px solid var(--border)} .ciso-wrap .hero-stat:last-child{border-right:none} .ciso-wrap .hero-stat .num{ font-size:clamp(1.6rem,2.6vw,2.2rem); font-weight:700;color:var(--yellow); line-height:1;margin-bottom:10px;letter-spacing:-.02em; } .ciso-wrap .hero-stat .lbl{color:var(--text-dim);font-size:.86rem;line-height:1.4} @media (max-width:780px){ .ciso-wrap .hero-bottom{grid-template-columns:repeat(2,1fr);gap:24px} .ciso-wrap .hero-stat{border-right:none} } /* ---------- SECTION SHARED ---------- */ .ciso-wrap section{padding:100px 0;position:relative} .ciso-wrap .section-label{ display:inline-flex;align-items:center;gap:10px; color:var(--yellow);margin-bottom:22px; } .ciso-wrap .section-label::before{content:"";width:32px;height:1px;background:var(--yellow)} .ciso-wrap h2.section-title{ font-size:clamp(2rem,4vw,3.2rem); line-height:1.05;font-weight:700; letter-spacing:-0.025em;margin-bottom:22px;max-width:900px; } .ciso-wrap h2.section-title .accent{color:var(--yellow)} .ciso-wrap .section-lead{ max-width:720px;color:var(--text-mid); font-size:1.08rem;line-height:1.6;margin-bottom:56px; } /* ---------- REVEAL (без opacity:0) ---------- */ .ciso-wrap .reveal{ opacity:1; transform:none; transition:all .8s cubic-bezier(.16,1,.3,1); } /* ---------- WHAT IT IS ---------- */ .ciso-wrap .def-block{ display:grid;grid-template-columns:1fr 1fr;gap:50px; align-items:start;margin-top:40px; } .ciso-wrap .def-block .left h3{ font-size:1.4rem;font-weight:600;margin-bottom:16px;letter-spacing:-.01em; } .ciso-wrap .def-block p{color:var(--text-mid);font-size:1.02rem;line-height:1.65;margin-bottom:18px} .ciso-wrap .def-block p strong{color:var(--text)} .ciso-wrap .def-block .right{ background:var(--bg-card);border:1px solid var(--border); border-radius:18px;padding:36px 34px;position:relative; } .ciso-wrap .def-block .right::before{ content:"";position:absolute;left:0;top:36px;bottom:36px;width:3px;background:var(--yellow); } .ciso-wrap .def-block .right h4{ font-family:'JetBrains Mono',monospace;font-size:.82rem; text-transform:uppercase;letter-spacing:.1em;color:var(--yellow);margin-bottom:18px; } .ciso-wrap .def-block .right p{font-size:.98rem;color:var(--text-mid);line-height:1.6;margin-bottom:14px} .ciso-wrap .def-block .right p:last-child{margin-bottom:0} @media (max-width:880px){.ciso-wrap .def-block{grid-template-columns:1fr;gap:30px}} /* ---------- WHY NOW ---------- */ .ciso-wrap .why-grid{ display:grid;grid-template-columns:repeat(4,1fr);gap:1px; background:var(--border);border:1px solid var(--border); border-radius:16px;overflow:hidden; } .ciso-wrap .why-cell{background:var(--bg-card);padding:36px 28px;transition:background .25s} .ciso-wrap .why-cell:hover{background:#1c1c1c} .ciso-wrap .why-cell .big{ font-size:clamp(2rem,3.4vw,3rem);font-weight:700; color:var(--yellow);line-height:1;margin-bottom:14px;letter-spacing:-.02em; } .ciso-wrap .why-cell .txt{color:var(--text-mid);font-size:.93rem;line-height:1.55} .ciso-wrap .why-cell .src{ margin-top:14px;font-family:'JetBrains Mono',monospace; font-size:.7rem;color:#666;letter-spacing:.05em; } @media (max-width:880px){.ciso-wrap .why-grid{grid-template-columns:repeat(2,1fr)}} @media (max-width:500px){.ciso-wrap .why-grid{grid-template-columns:1fr}} /* ---------- SCOPE ---------- */ .ciso-wrap .scope-grid{ display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:40px; } .ciso-wrap .scope-card{ background:var(--bg-card);border:1px solid var(--border); border-radius:16px;padding:32px 30px;transition:all .3s ease; } .ciso-wrap .scope-card:hover{border-color:#3a3a3a;transform:translateY(-3px)} .ciso-wrap .scope-num{ font-family:'JetBrains Mono',monospace; color:var(--yellow);font-size:.85rem;margin-bottom:16px;letter-spacing:.08em; } .ciso-wrap .scope-card h4{font-size:1.2rem;font-weight:600;margin-bottom:12px;letter-spacing:-.01em} .ciso-wrap .scope-card p{color:var(--text-dim);font-size:.95rem;line-height:1.6} @media (max-width:780px){.ciso-wrap .scope-grid{grid-template-columns:1fr}} /* ---------- COMPARISON ---------- */ .ciso-wrap .compare{ margin-top:46px;border:1px solid var(--border); border-radius:16px;overflow:hidden; } .ciso-wrap .compare-row{ display:grid;grid-template-columns:1.1fr 1fr 1fr; border-bottom:1px solid var(--border); } .ciso-wrap .compare-row:last-child{border-bottom:none} .ciso-wrap .compare-row.head{background:var(--bg-card)} .ciso-wrap .compare-row.head .cell{ font-family:'JetBrains Mono',monospace;font-size:.85rem; text-transform:uppercase;color:var(--text-dim);letter-spacing:.06em; } .ciso-wrap .compare-row.head .cell.yes{color:var(--yellow)} .ciso-wrap .cell{ padding:22px 26px;font-size:.96rem; border-right:1px solid var(--border);color:var(--text-mid); } .ciso-wrap .cell:last-child{border-right:none} .ciso-wrap .cell.label{color:var(--text);font-weight:500} .ciso-wrap .cell.yes{color:var(--text)} @media (max-width:780px){ .ciso-wrap .compare-row{grid-template-columns:1fr} .ciso-wrap .cell{border-right:none;border-bottom:1px solid var(--border)} .ciso-wrap .cell.label{background:#0f0f0f;font-weight:600;color:var(--yellow)} } /* ---------- PACKAGES ---------- */ .ciso-wrap .packages{ display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:46px; } .ciso-wrap .pkg{ background:var(--bg-card);border:1px solid var(--border); border-radius:20px;padding:38px 32px;position:relative; transition:all .35s ease;display:flex;flex-direction:column; } .ciso-wrap .pkg:hover{transform:translateY(-6px);border-color:#3a3a3a;box-shadow:0 20px 50px rgba(0,0,0,.4)} .ciso-wrap .pkg.featured{background:var(--yellow);color:#000;border-color:var(--yellow)} .ciso-wrap .pkg.featured *{color:#000} .ciso-wrap .pkg.featured .pkg-name{color:#000} .ciso-wrap .pkg.featured .pkg-hours{color:#000;opacity:.7} .ciso-wrap .pkg.featured .feat-list li{color:#000} .ciso-wrap .pkg.featured .feat-list li::before{background:#000} .ciso-wrap .pkg.featured .pkg-tag{background:#000;color:var(--yellow)} .ciso-wrap .pkg.featured:hover{box-shadow:0 20px 50px rgba(252,229,0,.25)} .ciso-wrap .pkg-tag{ position:absolute;top:22px;right:22px; background:rgba(252,229,0,0.15);color:var(--yellow); padding:6px 12px;border-radius:6px; font-family:'JetBrains Mono',monospace;font-size:.7rem; text-transform:uppercase;letter-spacing:.08em; } .ciso-wrap .pkg-name{ font-family:'JetBrains Mono',monospace;font-size:.82rem; text-transform:uppercase;letter-spacing:.12em;color:var(--text-dim);margin-bottom:10px; } .ciso-wrap .pkg-for{font-size:.95rem;color:var(--text-mid);margin-bottom:28px;min-height:2.6em} .ciso-wrap .pkg.featured .pkg-for{color:#222} .ciso-wrap .pkg-price{ font-size:clamp(2.2rem,3.6vw,2.8rem);font-weight:700; line-height:1;letter-spacing:-.02em;margin-bottom:8px; } .ciso-wrap .pkg-price .per{font-size:.36em;color:var(--text-dim);font-weight:500} .ciso-wrap .pkg.featured .pkg-price .per{color:#444} .ciso-wrap .pkg-hours{ font-family:'JetBrains Mono',monospace;font-size:.82rem; color:var(--text-dim);margin-bottom:26px;padding-bottom:22px; border-bottom:1px solid var(--border);letter-spacing:.04em; } .ciso-wrap .pkg.featured .pkg-hours{border-color:rgba(0,0,0,0.2)} .ciso-wrap .feat-list{list-style:none;display:flex;flex-direction:column;gap:12px;flex-grow:1;margin-bottom:28px} .ciso-wrap .feat-list li{padding-left:22px;position:relative;font-size:.93rem;line-height:1.5} .ciso-wrap .feat-list li::before{ content:"";position:absolute;left:0;top:9px;width:7px;height:7px; background:var(--yellow);transform:rotate(45deg); } .ciso-wrap .pkg-btn{ display:block;text-align:center;padding:15px 24px;border-radius:10px; background:transparent;color:var(--text);border:1px solid var(--border); text-decoration:none;font-weight:600;transition:all .25s; } .ciso-wrap .pkg-btn:hover{background:var(--yellow);color:#000;border-color:var(--yellow)} .ciso-wrap .pkg.featured .pkg-btn{background:#000;color:var(--yellow);border-color:#000} .ciso-wrap .pkg.featured .pkg-btn:hover{background:#1a1a1a} .ciso-wrap .pkg-footnote{ margin-top:32px;text-align:center;color:var(--text-dim);font-size:.88rem; } @media (max-width:980px){.ciso-wrap .packages{grid-template-columns:1fr}} /* ---------- TIMELINE ---------- */ .ciso-wrap .timeline{ display:grid;grid-template-columns:repeat(4,1fr);gap:0; margin-top:46px;position:relative; } .ciso-wrap .timeline::before{ content:"";position:absolute;top:30px;left:5%;right:5%;height:1px; background:repeating-linear-gradient(90deg,var(--border) 0,var(--border) 8px,transparent 8px,transparent 16px); } .ciso-wrap .tl-step{padding:0 18px;position:relative} .ciso-wrap .tl-step .num{ width:60px;height:60px;border-radius:50%; background:var(--bg);border:1px solid var(--border); display:flex;align-items:center;justify-content:center; font-family:'JetBrains Mono',monospace;font-weight:700; color:var(--yellow);font-size:1.05rem; margin-bottom:22px;position:relative;z-index:2;transition:all .3s ease; } .ciso-wrap .tl-step:hover .num{background:var(--yellow);color:#000;border-color:var(--yellow);transform:scale(1.1)} .ciso-wrap .tl-step .when{ font-family:'JetBrains Mono',monospace;font-size:.72rem; color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px; } .ciso-wrap .tl-step h4{font-size:1.1rem;font-weight:600;margin-bottom:10px;letter-spacing:-.01em} .ciso-wrap .tl-step p{color:var(--text-dim);font-size:.9rem;line-height:1.55} @media (max-width:880px){ .ciso-wrap .timeline{grid-template-columns:1fr;gap:30px} .ciso-wrap .timeline::before{display:none} } /* ---------- WHO ---------- */ .ciso-wrap .who-grid{ display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px; } .ciso-wrap .who-card{ border:1px solid var(--border);border-radius:16px; padding:32px 28px;background:var(--bg-card);transition:all .3s ease; } .ciso-wrap .who-card:hover{border-color:var(--yellow);transform:translateY(-4px)} .ciso-wrap .who-icon{ width:48px;height:48px;border-radius:12px; background:rgba(252,229,0,0.12); display:flex;align-items:center;justify-content:center;margin-bottom:20px; } .ciso-wrap .who-icon svg{stroke:var(--yellow)} .ciso-wrap .who-card h4{font-size:1.08rem;font-weight:600;margin-bottom:10px;letter-spacing:-.01em} .ciso-wrap .who-card p{color:var(--text-dim);font-size:.92rem;line-height:1.55} @media (max-width:880px){.ciso-wrap .who-grid{grid-template-columns:1fr}} /* ---------- FAQ (CSS-only, без JS) ---------- */ .ciso-wrap .faq{margin-top:36px;border-top:1px solid var(--border)} .ciso-wrap .faq-item{border-bottom:1px solid var(--border)} .ciso-wrap .faq-item input[type="checkbox"]{display:none} .ciso-wrap .faq-label{ width:100%;display:flex;justify-content:space-between;align-items:center;gap:24px; padding:26px 0;cursor:pointer; font-family:'Space Grotesk',sans-serif; font-size:clamp(1.02rem,1.3vw,1.18rem); font-weight:600;letter-spacing:-.01em; color:var(--text);transition:color .2s; user-select:none; } .ciso-wrap .faq-label:hover{color:var(--yellow)} .ciso-wrap .faq-toggle{ flex-shrink:0;width:34px;height:34px;border-radius:50%; border:1px solid var(--border); display:flex;align-items:center;justify-content:center; transition:all .3s;font-size:1.2rem;color:var(--text); line-height:1; } .ciso-wrap .faq-label:hover .faq-toggle{border-color:var(--yellow);background:var(--yellow);color:#000} .ciso-wrap .faq-body{ max-height:0;overflow:hidden; transition:max-height .4s ease,padding .4s ease; color:var(--text-mid);font-size:.98rem;line-height:1.65; } .ciso-wrap .faq-item input[type="checkbox"]:checked ~ .faq-label .faq-toggle{ background:var(--yellow);color:#000;border-color:var(--yellow);transform:rotate(45deg); } .ciso-wrap .faq-item input[type="checkbox"]:checked ~ .faq-label{color:var(--yellow)} .ciso-wrap .faq-item input[type="checkbox"]:checked ~ .faq-body{ max-height:520px;padding:0 0 26px 0; } /* ---------- CTA ---------- */ .ciso-wrap .cta-block{ padding:90px 0 100px; background:linear-gradient(180deg,#0a0a0a,#101010); border-top:1px solid var(--border); border-bottom:1px solid var(--border); position:relative;overflow:hidden; } .ciso-wrap .cta-inner{position:relative;z-index:2;text-align:center;max-width:780px;margin:0 auto} .ciso-wrap .cta-inner h2{ font-size:clamp(1.9rem,3.8vw,3rem);font-weight:700; letter-spacing:-.025em;line-height:1.1;margin-bottom:22px; } .ciso-wrap .cta-inner h2 .accent{color:var(--yellow)} .ciso-wrap .cta-inner p{color:var(--text-mid);font-size:1.1rem;margin-bottom:38px} .ciso-wrap .btn{ display:inline-flex;align-items:center;gap:10px; padding:18px 30px;border-radius:8px;font-weight:600;font-size:1rem; text-decoration:none;cursor:pointer;border:none; font-family:'Space Grotesk',sans-serif;transition:all .25s ease; } .ciso-wrap .btn-primary{background:var(--yellow);color:#000} .ciso-wrap .btn-primary:hover{background:#fff;transform:translateY(-2px)} .ciso-wrap .btn .arr{transition:transform .25s ease} .ciso-wrap .btn:hover .arr{transform:translateX(4px)} .ciso-wrap .cta-inner .btn-primary{font-size:1.08rem;padding:20px 36px} @media (max-width:600px){ .ciso-wrap section{padding:75px 0} .ciso-wrap .hero-bottom-block{padding:30px 0 40px} }
</style> <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=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap" rel="stylesheet"> <div class="ciso-wrap"> <!-- HERO BOTTOM (від 7 днів) --> <div class="hero-bottom-block"> <div class="container"> <div class="hero-bottom"> <div class="hero-stat"> <div class="num">від 7 днів</div> <div class="lbl">до першої зустрічі з вашим CISO</div> </div> <div class="hero-stat"> <div class="num">x2–3</div> <div class="lbl">економія проти штатного директора</div> </div> <div class="hero-stat"> <div class="num">23 роки</div> <div class="lbl">досвіду SHERIFF у сфері безпеки</div> </div> <div class="hero-stat"> <div class="num">30 днів</div> <div class="lbl">гарантія повернення коштів</div> </div> </div> </div> </div> <!-- WHAT IT IS --> <section id="what"> <div class="container"> <div class="reveal"> <div class="section-label mono">01 — Що це</div> <h2 class="section-title">Директор з кібербезпеки <span class="accent">на абонементі</span></h2> <p class="section-lead"> Замість того, щоб шукати, наймати й утримувати фахівця у штат, ви підключаєте готову функцію. Та сама роль і відповідальність — але як зовнішній сервіс із фіксованою вартістю. </p> </div> <div class="def-block"> <div class="left reveal"> <h3>Що робить CISO?</h3> <p>Він займається <strong>стратегією безпеки</strong>: визначає, які дані й процеси у компанії критичні, які ризики ймовірні, і вибудовує систему правил, за якою живе вся команда.</p> <p>На відміну від IT-фахівця, який налаштовує сервери і доступи, CISO відповідає за рівнем вище: <strong>яку політику безпеки запровадити, як готувати компанію до перевірок, що робити при інциденті, як говорити з регулятором.</strong></p> <p>Простими словами: IT робить, щоб система працювала. CISO робить, щоб ця система була захищена і відповідала вимогам.</p> </div> <div class="right reveal"> <h4>Що отримує бізнес</h4> <p>— Реєстр ризиків і дорожня карта на 3–12 місяців</p> <p>— Робочі політики безпеки (а не папірці на полиці)</p> <p>— План дій на випадок інциденту</p> <p>— Підготовка до аудитів і перевірок клієнтів</p> <p>— Щомісячний звіт для керівництва простою мовою</p> <p>— Регулярна комунікація з IT і топ-менеджментом</p> </div> </div> </div> </section> <!-- WHY NOW --> <section id="why" style="background:#080808"> <div class="container"> <div class="reveal"> <div class="section-label mono">02 — Контекст ринку</div> <h2 class="section-title">Чому це питання <span class="accent">зараз гостре</span></h2> <p class="section-lead"> Запит на спеціалістів з кібербезпеки росте швидше, ніж ринок встигає їх готувати. Знайти готового директора у штат — дорого, повільно, а часом неможливо. </p> </div> <div class="why-grid reveal"> <div class="why-cell"> <div class="big">10 000:1</div> <div class="txt">Стільки бізнесів припадає на одного CISO у світі</div> <div class="src">Cybersecurity Ventures 2026</div> </div> <div class="why-cell"> <div class="big">4,8 млн</div> <div class="txt">Незакритих вакансій у кібербезпеці</div> <div class="src">ISC2 Workforce Study 2025</div> </div> <div class="why-cell"> <div class="big">$200K+</div> <div class="txt">Річна вартість штатного CISO для середнього бізнесу</div> <div class="src">Зарплата + податки + бенефіти</div> </div> <div class="why-cell"> <div class="big">3–6 міс</div> <div class="txt">Стандартний термін пошуку та онбордингу нового директора</div> <div class="src">Дані ринку IT-рекрутингу</div> </div> </div> </div> </section> <!-- SCOPE --> <section id="scope"> <div class="container"> <div class="reveal"> <div class="section-label mono">03 — Що входить</div> <h2 class="section-title">Шість напрямків, <span class="accent">з якими ми працюємо</span></h2> <p class="section-lead"> Не «послуга на годину», а постійна функція директора з безпеки. Усі шість напрямків входять у базовий пакет. Глибина залучення залежить від обраного рівня. </p> </div> <div class="scope-grid"> <div class="scope-card reveal"> <div class="scope-num">01 / 06</div> <h4>Управління ризиками</h4> <p>Розбираємо, які дані, процеси й системи у компанії критичні. Формуємо реєстр ризиків з пріоритетами — від найважливіших до тих, що можуть почекати.</p> </div> <div class="scope-card reveal"> <div class="scope-num">02 / 06</div> <h4>Політики й процедури</h4> <p>Розробляємо документи, які реально працюють: правила доступу, обробки даних, реагування на інциденти. Не для аудиту — для щоденного використання.</p> </div> <div class="scope-card reveal"> <div class="scope-num">03 / 06</div> <h4>Відповідність нормам</h4> <p>Готуємо компанію до вимог НБУ №95, Закону «Про кібербезпеку», GDPR. Якщо потрібен ISO 27001 для виходу на експорт — супроводжуємо до сертифікату.</p> </div> <div class="scope-card reveal"> <div class="scope-num">04 / 06</div> <h4>План реагування на інциденти</h4> <p>Прописуємо порядок дій: хто піднімає тривогу, кого повідомляти, що відключати. Проводимо тестові тренування, щоб у реальній ситуації не було паніки.</p> </div> <div class="scope-card reveal"> <div class="scope-num">05 / 06</div> <h4>Робота з керівництвом</h4> <p>Перекладаємо технічні ризики на мову бізнесу. Щомісячний звіт для CEO та правління: де ми зараз, що зробили, що далі.</p> </div> <div class="scope-card reveal"> <div class="scope-num">06 / 06</div> <h4>Підготовка до перевірок</h4> <p>Анкети від клієнтів, due diligence, аудити, перевірки регулятора. Усе, що раніше «зависало» між IT і юристами — тепер закриває CISO.</p> </div> </div> </div> </section> <!-- COMPARISON --> <section id="compare" style="background:#080808"> <div class="container"> <div class="reveal"> <div class="section-label mono">04 — Порівняння</div> <h2 class="section-title">Штатний CISO vs <span class="accent">CISO як послуга</span></h2> <p class="section-lead">Та сама управлінська роль. Інша модель оплати, інша швидкість запуску, інша гнучкість.</p> </div> <div class="compare reveal"> <div class="compare-row head"> <div class="cell">Параметр</div> <div class="cell">Штатний CISO</div> <div class="cell yes">CISO як послуга</div> </div> <div class="compare-row"> <div class="cell label">Вартість на рік</div> <div class="cell">від $200 000 — зарплата, податки, бенефіти, навчання</div> <div class="cell yes">від $30 000 — фіксована абонплата без прихованих витрат</div> </div> <div class="compare-row"> <div class="cell label">Швидкість старту</div> <div class="cell">3–6 місяців — пошук, інтерв'ю, онбординг</div> <div class="cell yes">7 днів — підписання та перша зустріч</div> </div> <div class="compare-row"> <div class="cell label">Глибина експертизи</div> <div class="cell">Досвід однієї людини</div> <div class="cell yes">Команда фахівців з досвідом у різних галузях</div> </div> <div class="compare-row"> <div class="cell label">Безперервність роботи</div> <div class="cell">Відпустки, лікарняні, можливе звільнення</div> <div class="cell yes">Завжди є основний CISO та резервний експерт</div> </div> <div class="compare-row"> <div class="cell label">Зміна обсягу</div> <div class="cell">Складно — потрібно міняти ставку або наймати додатково</div> <div class="cell yes">Гнучко — перехід між пакетами щомісяця</div> </div> <div class="compare-row"> <div class="cell label">Якщо не підійшло</div> <div class="cell">Процедура звільнення, новий пошук</div> <div class="cell yes">Попередження за 30 днів — і завершуємо</div> </div> </div> </div> </section> <!-- PACKAGES --> <section id="packages"> <div class="container"> <div class="reveal"> <div class="section-label mono">05 — Пакети</div> <h2 class="section-title">Три рівні залучення</h2> <p class="section-lead"> Оберіть пакет під розмір і зрілість компанії. Усі контракти продовжуються щомісячно, вихід — з попередженням за 30 днів. Перший місяць — гарантія повернення коштів. </p> </div> <div class="packages"> <div class="pkg reveal"> <div class="pkg-name">Старт</div> <div class="pkg-for">Малий і середній бізнес. Перший CISO у компанії.</div> <div class="pkg-price">$2 500<span class="per"> / міс</span></div> <div class="pkg-hours">20 годин на місяць</div> <ul class="feat-list"> <li>Зустрічі з керівництвом раз на два тижні</li> <li>Початкова оцінка ризиків і базовий реєстр</li> <li>Базові політики безпеки (ISO 27001, GDPR)</li> <li>Підтримка вимог НБУ №95 для фінсектору</li> <li>Щомісячний звіт і дорожня карта</li> <li>Консультації за запитом (email, месенджери)</li> </ul> <a class="pkg-btn" href="#consult">Обрати «Старт»</a> </div> <div class="pkg featured reveal"> <span class="pkg-tag">Популярний</span> <div class="pkg-name">Розвиток</div> <div class="pkg-for">Середній бізнес. Систематична робота з безпекою.</div> <div class="pkg-price">$4 000<span class="per"> / міс</span></div> <div class="pkg-hours">40 годин на місяць · ~10 год/тиждень</div> <ul class="feat-list"> <li>Усе з пакету «Старт»</li> <li>Щотижневі зустрічі з керівництвом</li> <li>Тестові фішингові розсилки для співробітників</li> <li>Регулярний огляд вразливостей</li> <li>Контроль впровадження заходів безпеки</li> <li>Резерв критичних годин на місяць</li> </ul> <a class="pkg-btn" href="#consult">Обрати «Розвиток»</a> </div> <div class="pkg reveal"> <div class="pkg-name">Корпорація</div> <div class="pkg-for">Великі компанії. Регульовані галузі.</div> <div class="pkg-price">від $10 000<span class="per"> / міс</span></div> <div class="pkg-hours">До 80 годин на місяць · 2 експерти</div> <ul class="feat-list"> <li>Усе з пакету «Розвиток»</li> <li>Доступність CISO 24/7 у критичних ситуаціях</li> <li>Квартальний пентест або аудит</li> <li>Участь у засіданнях правління</li> <li>Стратегічний супровід групи компаній</li> <li>Виділений моніторинг (опційно)</li> </ul> <a class="pkg-btn" href="#consult">Обговорити умови</a> </div> </div> <div class="pkg-footnote mono"> Щомісячне продовження · попередження за 30 днів · гарантія повернення коштів у перший місяць </div> </div> </section> <!-- HOW IT WORKS --> <section id="how" style="background:#080808"> <div class="container"> <div class="reveal"> <div class="section-label mono">06 — Процес</div> <h2 class="section-title">Як ми починаємо роботу</h2> <p class="section-lead"> Без зайвої бюрократії на старті. Перші результати — у вигляді карти ризиків — ви отримуєте на третьому тижні. </p> </div> <div class="timeline reveal"> <div class="tl-step"> <div class="num">01</div> <div class="when">Тиждень 0</div> <h4>Знайомство</h4> <p>30-хвилинна розмова про бізнес-контекст: що захищаємо, які вимоги, де болить. Без презентацій і опитувальників.</p> </div> <div class="tl-step"> <div class="num">02</div> <div class="when">Тиждень 1</div> <h4>Старт</h4> <p>Підписуємо договір, призначаємо вашого CISO. Перша робоча зустріч з керівництвом і IT-командою.</p> </div> <div class="tl-step"> <div class="num">03</div> <div class="when">Тижні 2–4</div> <h4>Перша картина</h4> <p>Оцінка поточного стану, реєстр ризиків з пріоритетами, перший звіт для керівництва.</p> </div> <div class="tl-step"> <div class="num">04</div> <div class="when">З 2-го місяця</div> <h4>Регулярна робота</h4> <p>Робота за дорожньою картою, регулярні зустрічі, контроль виконання, готовність до перевірок.</p> </div> </div> </div> </section> <!-- WHO --> <section id="who"> <div class="container"> <div class="reveal"> <div class="section-label mono">07 — Кому підходить</div> <h2 class="section-title">Коли варто <span class="accent">розглянути цю модель</span></h2> <p class="section-lead">Якщо упізнаєте свою компанію хоча б у двох пунктах — є сенс поговорити.</p> </div> <div class="who-grid"> <div class="who-card reveal"> <div class="who-icon"> <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/> </svg> </div> <h4>Клієнти запитують про безпеку</h4> <p>Замовники надсилають анкети, вимагають сертифікати, проводять due diligence. Без структурованих відповідей контракти зриваються.</p> </div> <div class="who-card reveal"> <div class="who-icon"> <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <rect x="3" y="11" width="18" height="11" rx="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/> </svg> </div> <h4>Ви у регульованій галузі</h4> <p>Фінанси, медицина, телеком, енергетика. Постанова НБУ №95, ЗУ «Про кібербезпеку», галузеві вимоги — потрібен відповідальний.</p> </div> <div class="who-card reveal"> <div class="who-icon"> <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <path d="M3 3v18h18"/><polyline points="7 14 11 10 15 14 21 8"/> </svg> </div> <h4>Компанія активно зростає</h4> <p>Нові люди, нові підрядники, нові системи. Доступів стає багато, а хто за що відповідає — точно вже ніхто не пам'ятає.</p> </div> <div class="who-card reveal"> <div class="who-icon"> <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <path d="M12 2L2 7l10 5 10-5-10-5z"/><path d="M2 17l10 5 10-5"/> </svg> </div> <h4>Готуєтеся до ISO 27001</h4> <p>Для виходу на експорт, нових тендерів або вимог інвестора. Потрібен той, хто пройде з вами весь шлях до сертифікату.</p> </div> <div class="who-card reveal"> <div class="who-icon"> <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <circle cx="12" cy="12" r="3"/><path d="M12 1v6M12 17v6M4.22 4.22l4.24 4.24M15.54 15.54l4.24 4.24M1 12h6M17 12h6M4.22 19.78l4.24-4.24M15.54 8.46l4.24-4.24"/> </svg> </div> <h4>IT є, а стратегії безпеки немає</h4> <p>Технічна команда сильна, але вона займається роботою систем. Питання «що і чому захищаємо» залишається без відповідального.</p> </div> <div class="who-card reveal"> <div class="who-icon"> <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12.01" y2="17"/> </svg> </div> <h4>Був інцидент</h4> <p>Витік даних, шкідливе ПЗ, спроба атаки. Хочеться, щоб ситуація не повторилась — і щоб був чіткий план на майбутнє.</p> </div> </div> </div> </section> <!-- FAQ (CSS-only) --> <section id="faq" style="background:#080808"> <div class="container"> <div class="reveal" style="max-width:900px"> <div class="section-label mono">08 — Питання</div> <h2 class="section-title">Часті запитання</h2> </div> <div class="faq reveal" style="max-width:900px"> <div class="faq-item"> <input type="checkbox" id="faq1"> <label class="faq-label" for="faq1"> Чим це відрізняється від звичайного консультанта? <span class="faq-toggle">+</span> </label> <div class="faq-body"> <p>Консультант дає рекомендації й виставляє рахунок за години. CISO як послуга — це постійна управлінська функція: експерт працює як член вашої команди, бере участь у рішеннях і несе відповідальність за результат. Не разова порада, а директор з безпеки, який знає вашу компанію зсередини.</p> </div> </div> <div class="faq-item"> <input type="checkbox" id="faq2"> <label class="faq-label" for="faq2"> Чи замінює це нашу IT-команду? <span class="faq-toggle">+</span> </label> <div class="faq-body"> <p>Ні. IT-команда займається інфраструктурою: серверами, мережею, доступами, системами. CISO працює на рівні вище: визначає, що і чому захищати, які правила діють у компанії, як готуватись до перевірок. Ми не дублюємо IT, а задаємо пріоритети, з якими вона працює.</p> </div> </div> <div class="faq-item"> <input type="checkbox" id="faq3"> <label class="faq-label" for="faq3"> А якщо у нас уже є системний адміністратор? <span class="faq-toggle">+</span> </label> <div class="faq-body"> <p>Це навіть краще — технічна основа є. CISO закриває рівень, який адмін не охоплює: управління ризиками, політики, відповідність нормам, комунікація з керівництвом, підготовка до аудитів. Працюємо разом з адміном, а не замість нього.</p> </div> </div> <div class="faq-item"> <input type="checkbox" id="faq4"> <label class="faq-label" for="faq4"> Як швидко ми побачимо результат? <span class="faq-toggle">+</span> </label> <div class="faq-body"> <p>На третьому тижні — у вас вже є реєстр ризиків з пріоритетами і розуміння, де слабкі місця. До кінця першого кварталу — дорожня карта, базові політики, регулярна комунікація. Це не «ідеальна безпека з першого дня», а ясність: видно ризики, є відповідальні, є план дій.</p> </div> </div> <div class="faq-item"> <input type="checkbox" id="faq5"> <label class="faq-label" for="faq5"> Чи можна почати з мінімального пакету і потім розширитись? <span class="faq-toggle">+</span> </label> <div class="faq-body"> <p>Так, це поширений сценарій. Багато клієнтів починають зі «Старту», розуміють масштаб задач — і переходять на «Розвиток» через 2–3 місяці. Зворотний рух теж працює: коли ключові питання закриті, можна перейти на легший пакет лише з підтримкою.</p> </div> </div> <div class="faq-item"> <input type="checkbox" id="faq6"> <label class="faq-label" for="faq6"> Що, якщо співпраця нам не підійде? <span class="faq-toggle">+</span> </label> <div class="faq-body"> <p>У перший місяць — гарантія повернення коштів. Далі — щомісячне продовження з попередженням за 30 днів. Жодних довгих контрактів, неустойок чи прив'язки на роки.</p> </div> </div> <div class="faq-item"> <input type="checkbox" id="faq7"> <label class="faq-label" for="faq7"> Хто конкретно буде нашим CISO? <span class="faq-toggle">+</span> </label> <div class="faq-body"> <p>На стартовій зустрічі ми знайомимо вас з конкретною людиною — це ваш CISO. У великих компаніях («Корпорація») працюють двоє експертів. Якщо ваш CISO у відпустці чи на лікарняному — резервний фахівець вже у курсі вашої справи.</p> </div> </div> <div class="faq-item"> <input type="checkbox" id="faq8"> <label class="faq-label" for="faq8"> Як ви забезпечуєте конфіденційність? <span class="faq-toggle">+</span> </label> <div class="faq-body"> <p>Підписуємо NDA до початку співпраці. Усі експерти SHERIFF працюють під договірними зобов'язаннями про нерозголошення. Інформація вашої компанії не використовується в жодних публічних матеріалах без письмового погодження.</p> </div> </div> </div> </div> </section> <!-- CTA --> <section id="consult" class="cta-block"> <div class="container"> <div class="cta-inner reveal"> <h2>Дізнайтеся, чи потрібен <span class="accent">CISO саме вашій компанії</span></h2> <p>30-хвилинна розмова без зобов'язань. Розберемо вашу ситуацію і скажемо чесно — потрібен CISO зараз чи поки що ні.</p> <a class="btn btn-primary" href="tel:0800309114"> Замовити консультацію <span class="arr">→</span> </a> </div> </div> </section> </div>
