.ita{--b:#009BE8;--bd:#035CDD;--acc:#B93C26;--ink:#141922;--tx:#3D4450;--mut:#657384;--ln:#E4EAF1;--sf:#F4F8FC;font-family:Manrope,system-ui,sans-serif;color:var(--tx);line-height:1.65;max-width:1100px;margin:0}
.ita *{box-sizing:border-box}
.ita h2{font-size:clamp(23px,3vw,32px);font-weight:800;letter-spacing:-.02em;color:var(--ink);line-height:1.22;margin:0 0 10px}
.ita h3{font-size:19px;font-weight:700;color:var(--ink);line-height:1.3;margin:0 0 6px}
.ita p{margin:0 0 1em}
.ita p a,.ita .ita-pd a,.ita-doc a{display:inline;color:var(--bd);text-decoration:underline}
.ita p a:hover,.ita .ita-pd a:hover{color:#023f96}
.ita section{margin:64px 0}
.ita .sub{font-size:17px;color:var(--mut);max-width:64ch;margin:0 0 26px}
.ita p:empty{display:none}
.ita a:focus-visible,.ita button:focus-visible,.ita input:focus-visible,.ita summary:focus-visible{outline:3px solid var(--bd);outline-offset:2px;border-radius:4px}
.ita-hero{background:linear-gradient(118deg,var(--bd),var(--b) 58%,#54D6EB);border-radius:16px;padding:48px;color:#fff;position:relative;overflow:hidden;margin-bottom:8px}
.ita-hero::before{content:"";position:absolute;inset:0;background:rgba(3,50,110,.55);pointer-events:none}
.ita-hero::after{content:"";position:absolute;right:-70px;top:-70px;width:230px;height:230px;border-radius:50%;background:rgba(255,255,255,.10)}
.ita-hero h2{color:#fff;font-size:clamp(26px,3.6vw,38px);line-height:1.2;margin:0;max-width:26ch;position:relative;z-index:1}
.ita-hero p{color:#fff;font-size:18px;max-width:56ch;margin:16px 0 0;position:relative;z-index:1}
.ita-hero .ita-cta{display:inline-block;margin-top:24px;background:#fff;color:var(--bd);font-weight:700;font-size:16px;padding:15px 30px;border-radius:10px;text-decoration:none;box-shadow:0 8px 20px rgba(0,0,0,.20);position:relative;z-index:1}
.ita-hero .ita-cta:hover{background:#f4fbff;color:var(--bd)}
.ita-hero .ita-note{font-size:15px;color:#fff;margin:14px 0 0;position:relative;z-index:1;font-weight:600}
.ita-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.ita-case{background:#fff;border:1px solid var(--ln);border-left:3px solid var(--b);border-radius:10px;padding:16px 18px}
.ita-case b{display:block;color:var(--ink);font-size:16px;margin-bottom:3px}
.ita-case span{font-size:14.5px;color:var(--mut)}
.ita-case:last-child{grid-column:1/-1}
.ita-check{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ita-item{background:#fff;border:1px solid var(--ln);border-radius:10px;padding:20px}
.ita-item h3{font-size:17px}
.ita-item p{font-size:14px;color:var(--mut);margin:0}
.ita-report{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
.ita-doc{background:#fff;border:1px solid var(--ln);border-radius:12px;overflow:hidden;box-shadow:0 2px 4px rgba(20,25,34,.05),0 12px 32px rgba(20,25,34,.08)}
.ita-doc__top{background:var(--sf);border-bottom:1px solid var(--ln);padding:14px 20px;font-size:13px;color:var(--mut)}
.ita-doc__top b{display:block;color:var(--ink);font-size:15px;margin-bottom:2px}
.ita-doc ul{list-style:none;margin:0;padding:8px 20px 18px}
.ita-doc li{display:flex;gap:11px;align-items:flex-start;padding:11px 0;border-bottom:1px dashed var(--ln);font-size:14.5px}
.ita-doc li:last-child{border-bottom:0}
.ita-doc .mk{flex:0 0 22px;height:22px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#fff;margin-top:1px}
.ita-doc .ok{background:#12805C}
.ita-doc .wr{background:#8F6200}
.ita-doc .bd{background:#C0392B}
.ita-doc li em{display:block;font-style:normal;color:var(--mut);font-size:13.5px;margin-top:2px}
.ita-keep{background:#F1FAF6;border:1px solid #BFE7D6;border-radius:10px;padding:18px 20px;margin-top:18px;font-size:15px}
.ita-keep b{color:#0F6E4F}
.ita-why{background:var(--sf);border:1px solid var(--ln);border-radius:12px;padding:28px 30px;max-width:820px}
.ita-why p{max-width:none}
.ita-why p:last-child{margin-bottom:0}
.ita-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;text-align:center}
.ita-fact{background:#fff;border:1px solid var(--ln);border-radius:10px;padding:20px 12px}
.ita-fact b{display:block;font-size:26px;font-weight:800;color:var(--bd);line-height:1.1}
.ita-fact span{font-size:14px;color:var(--mut)}
.ita-mid{text-align:center;margin:56px 0}
.ita-mid a{display:inline-block;background:var(--acc);color:#fff;font-weight:700;font-size:16px;padding:16px 34px;border-radius:10px;text-decoration:none;box-shadow:0 6px 16px rgba(210,70,46,.26)}
.ita-mid a:hover{background:#9c3220;color:#fff}
.ita-mid p{font-size:14.5px;color:var(--mut);margin:12px 0 0}
.ita-faq{max-width:820px}
.ita-faq details{background:#fff;border:1px solid var(--ln);border-radius:10px;padding:6px 18px;margin-bottom:10px}
.ita-faq summary{cursor:pointer;font-weight:700;color:var(--ink);font-size:15.5px;list-style:none;display:flex;align-items:flex-start;min-height:44px;padding:11px 0;line-height:1.45}
.ita-faq summary::-webkit-details-marker{display:none}
.ita-faq summary::before{content:"+";color:var(--bd);font-weight:800;margin-right:10px;font-size:18px;width:14px;text-align:center;flex:0 0 14px;line-height:1.45}
.ita-faq details[open] summary::before{content:"−"}
.ita-faq p{font-size:14.5px;color:var(--mut);margin:0 0 14px;padding-left:24px}
.ita-form{background:linear-gradient(118deg,var(--bd),var(--b) 62%,#54D6EB);border-radius:16px;padding:40px;color:#fff;position:relative;overflow:hidden}
.ita-form::before{content:"";position:absolute;inset:0;background:rgba(3,50,110,.55);pointer-events:none}
.ita-form h2{color:#fff;margin-bottom:6px;position:relative;z-index:1}
.ita-form .ita-form__lead{color:#fff;font-size:16px;max-width:56ch;margin-bottom:22px;position:relative;z-index:1}
.ita-form .ita-form__box{background:#fff;border-radius:12px;padding:26px;max-width:560px;position:relative;z-index:1}
@media(min-width:900px){.ita-form{display:grid;grid-template-columns:1fr 520px;gap:40px;align-items:center}
.ita-form h2,.ita-form .ita-form__lead{grid-column:1}
.ita-form .ita-form__lead{margin-bottom:0}
.ita-form .ita-form__box{grid-column:2;grid-row:1/span 2;max-width:none}}
.ita-form label.ita-lb{display:block;font-size:14px;font-weight:700;color:var(--ink);margin-bottom:6px}
.ita-form .ita-fi{margin-bottom:14px}
.ita-form input[type=text],.ita-form input[type=tel],.ita-form input[type=email]{width:100%;padding:14px 16px;border:1px solid #CFD9E5;border-radius:10px;font-family:inherit;font-size:15.5px;color:var(--ink);background:#fff}
.ita-form input::placeholder{color:#6D7783}
.ita-form input[type=text]:focus,.ita-form input[type=tel]:focus{border-color:var(--bd);box-shadow:0 0 0 3px rgba(3,92,221,.45)}
.ita-form input[type=text]:focus-visible,.ita-form input[type=tel]:focus-visible{outline:3px solid var(--bd);outline-offset:2px}
.ita-form button{width:100%;background:var(--acc);color:#fff;border:0;border-radius:10px;padding:15px 20px;font-family:inherit;font-weight:700;font-size:16px;cursor:pointer;box-shadow:0 6px 16px rgba(210,70,46,.26)}
.ita-form button:hover{background:#9c3220}
.ita-form .ita-pd{display:flex;gap:10px;align-items:flex-start;margin-top:16px;padding:8px 0;min-height:44px;font-size:13px;line-height:1.5;color:var(--mut)}
.ita-form .ita-pd input[type=checkbox]{width:22px;height:22px;flex:0 0 22px;margin:1px 0 0}
.ita-form .ita-pd a{color:var(--bd);text-decoration:underline}
.ita-sticky{display:none}
/* кнопка в шапке сайта на этой странице тоже ведёт к форме — красим как целевую */
.th-header-contacts__callback .th-btn,.th-header-contacts__callback a.th-btn{background:#B93C26!important;border-color:#B93C26!important;color:#fff!important}
/* круглая кнопка «наверх» и cookie-плашка не должны лезть под липкий CTA */
@media(max-width:768px){.progress-wrap{bottom:96px!important}#cookie-note{bottom:92px!important}}
@media(max-width:768px){body:has(#cookie-note:not([style*="display: none"])) .progress-wrap{display:none!important}}
.ita>section:last-of-type{margin-bottom:16px}
@media(max-width:1200px){.ita-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:992px){.ita-check{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:719px){.ita-cases,.ita-check,.ita-report{grid-template-columns:1fr}}
@media(max-width:768px){.ita section{margin:44px 0}
.ita-hero{padding:28px}
.ita-hero .ita-cta{display:block;text-align:center}
.ita-form{padding:24px}
.ita-form .ita-form__box{padding:20px}
.ita-sticky{display:block;position:fixed;left:0;right:0;bottom:0;z-index:900;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);border-top:1px solid var(--ln);box-shadow:0 -4px 16px rgba(20,25,34,.10);transition:transform .2s ease}
.ita-sticky.is-hidden{transform:translateY(110%)}
.ita-sticky a{display:block;text-align:center;background:var(--acc);color:#fff;font-weight:700;font-size:16px;padding:15px 18px;border-radius:10px;text-decoration:none}
.ita-sticky a:hover{color:#fff}
body{padding-bottom:calc(78px + env(safe-area-inset-bottom))}}
@media(max-width:768px){.ita-why{padding:18px 16px}}
@media(max-width:600px){.ita-facts{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.ita-check{grid-template-columns:1fr}}

/* Иконки блока «Что входит в аудит» (добавлено 03.08.2026) */
.ita-item{display:flex;flex-direction:column;align-items:flex-start}
.ita-ico{width:44px;height:44px;display:block;margin:0 0 12px;flex:0 0 auto}
.ita-item h3{margin:0 0 8px}

/* ============================================================
   Правки по итогам дизайн-ревью 03.08.2026
   ============================================================ */

/* Блок был прижат к левому краю: margin:0 вместо 0 auto — справа
   оставалась дыра ~190px, тогда как шапка и подвал отцентрованы. */
.ita{margin:0 auto}

/* Баннер темы (min-height:500px, паддинги 90px) съедал весь первый
   экран: на 1366x768 оффер и кнопка были ниже сгиба. Подзаголовок
   баннера дублирует лид героя, поэтому на этой странице скрыт. */
@media(min-width:992px){
	.th-section-h1-breadcrumbs .th-h1-breadcrumbs{min-height:0;padding-top:112px;padding-bottom:26px}
	.th-h1-breadcrumbs-desc__title h1{font-size:34px;line-height:1.15}
	.th-h1-breadcrumbs-desc__txt{display:none}
	.th-page-content{padding-top:22px}
}

/* Единый целевой цвет: было пять кнопок с одной подписью, из них
   главная — белая, а четыре второстепенные — красные. */
.ita-hero .ita-cta{background:var(--acc);color:#fff;box-shadow:0 8px 22px rgba(0,0,0,.28)}
.ita-hero .ita-cta:hover,.ita-hero .ita-cta:focus{background:#9C3220;color:#fff}

/* Белый декоративный круг рисовался поверх затемнения и локально
   осветлял фон: на мобильном заголовок попадал в зону 3.9:1.
   Меняем псевдоэлементы местами — затемнение ложится поверх круга. */
.ita-hero::before{inset:auto;right:-70px;top:-70px;width:230px;height:230px;border-radius:50%;background:rgba(255,255,255,.10);pointer-events:none}
.ita-hero::after{inset:0;width:auto;height:auto;border-radius:0;background:rgba(3,50,110,.58);pointer-events:none}

/* Сетки: правило 719px обнуляло .ita-check до одной колонки, а
   медиазапросы 600 и 520px не срабатывали никогда. */
@media(max-width:719px){.ita-check{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.ita-check{grid-template-columns:1fr}}
.ita-facts{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
@media(max-width:1200px){.ita-facts{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}}
@media(max-width:600px){.ita-facts{grid-template-columns:repeat(auto-fit,minmax(135px,1fr))}}

/* Форма: на 900-1050px левая колонка схлопывалась до ~230px. */
@media(min-width:900px) and (max-width:1059px){.ita-form{display:block}}
@media(min-width:1060px){.ita-form{grid-template-columns:minmax(0,1fr) minmax(400px,500px)}}

/* Маркер «критично» в макете отчёта был того же красного, что и
   кнопки: цвет тревоги совпадал с целевым действием. */
.ita-doc .bd{background:#8C2015}

/* Селектор ждал «display: none» с пробелом, а сервер отдаёт без него:
   у вернувшихся посетителей кнопка «наверх» пропадала навсегда. */
@media(max-width:768px){
	body:has(#cookie-note[style*="display:none"]) .progress-wrap{display:block!important}
	body:has(#cookie-note[style*="display: none"]) .progress-wrap{display:block!important}
	body:has(#cookie-note[style*="display: flex"]) .progress-wrap{display:none!important}
	body:has(#cookie-note[style*="display: flex"]) .ita-sticky{transform:translateY(110%)}
}

/* В подвале темы два одинаковых блока «наверх», они накладываются. */
.progress-wrap ~ .progress-wrap{display:none!important}

/* Двойное кольцо фокуса: свечение и обводка срабатывали вместе. */
.ita-form input[type=text]:focus-visible{box-shadow:none}

/* align-items:flex-start переводил h3 и p в fit-content без нужды. */
.ita-item{align-items:stretch}
.ita-ico{margin:0 0 14px}
/* ============================================================
   Доступность: правки по итогам аудита WCAG 2.1 AA 03.08.2026.
   Все правила чинят унаследованное поведение темы и действуют
   только на страницах, куда подключён этот файл.
   ============================================================ */

/* 2.1.1 — тема прячет чекбокс согласия через display:none. Он выпадал
   из порядка обхода и из дерева доступности: с клавиатуры галочку
   поставить нельзя, а браузер молча блокировал отправку формы, потому
   что не может сфокусировать обязательное нерендерящееся поле.
   Прячем визуально, но оставляем в потоке и в фокусе. */
.th-checkbox__input{display:block;position:absolute;top:0;left:0;width:20px;height:20px;margin:0;opacity:0;cursor:pointer;z-index:1}
.th-checkbox__input:focus-visible ~ .th-checkbox__checkmark{outline:3px solid #0142A8;outline-offset:3px}

/* 2.4.7 — тема обнуляет outline у всех ссылок, кнопок и полей.
   Возвращаем видимый фокус там, где он был потерян. */
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #0142A8;outline-offset:2px;border-radius:4px}
.footer-section a:focus-visible,.v2-topbar a:focus-visible,.th-modal .fancybox-close-small:focus-visible{outline:3px solid #54D6EB;outline-offset:2px}

/* 2.1.1 — подменю «Услуги» раскрывалось только по наведению мышью,
   девять ссылок были недостижимы с клавиатуры. */
.header-menu .main-menu li:focus-within > .sub-menu{opacity:1;visibility:visible;top:100%}

/* 1.4.3 — кнопка отправки форм: белый на #009BE8 давал 3.06:1. */
.th-btn_fill-blue{background-color:#0071AE}
.th-btn_fill-blue:hover,.th-btn_fill-blue:focus{background-color:#0062A0}

/* 1.4.3 — текущий пункт хлебных крошек #919191 давал 3.15:1. */
.breadcrumbs-list li span{color:#5B6878}

/* 1.4.11 — рамки полей и карточек были почти не видны. */
.th-input,.th-textarea{border:1px solid #8C97A5}

/* 2.5.5 — паддинг пунктов меню стоял на li, зона клика по ссылке
   была около 24px по высоте. */
.header-menu .main-menu li{padding-top:0;padding-bottom:0}
.header-menu .main-menu li > a{display:flex;align-items:center;min-height:44px}
.footer-section .widget-link .link li a{display:inline-block;padding:8px 0}

/* Кнопка «наверх» продублирована в подвале темы — блоки лежат друг
   на друге и дают двойное кольцо тени. */
.progress-wrap ~ .progress-wrap{display:none!important}

/* 2.3.3 — уважаем системную настройку «меньше движения». */
@media (prefers-reduced-motion: reduce){
	*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* Служебный класс для меток, скрытых визуально, но доступных AT. */
.th-visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}