.ch-page{--bg:#050A20;--surface:#0F1330;--line:#292D48;--accent:#4EBC73;--soft:#B1E2C4;--muted:#AAB1CE;--gutter:24px}
.ch-page,.ch-page *{box-sizing:border-box}
html{scroll-behavior:smooth}
.ch-page{margin:0;background:radial-gradient(700px 520px at 85% 0,rgba(61,89,201,.22),transparent 70%),radial-gradient(640px 480px at 5% 30%,rgba(78,188,115,.14),transparent 70%),var(--bg);color:#fff;font:400 16px/1.6 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
.ch-page a{color:inherit}
.ch-page .wrap{max-width:1280px;margin:0 auto;padding:0 var(--gutter)}
.ch-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:56px;padding:0 36px;border-radius:14px;background:var(--accent);color:#fff;font-weight:600;font-size:16px;text-decoration:none;box-shadow:0 14px 34px rgba(78,188,115,.32);transition:filter .2s,transform .2s}
.ch-page .btn:after{content:"→"}
.ch-page .btn:hover{filter:brightness(1.08);transform:translateY(-1px)}
.ch-page .btn.sm{min-height:46px;padding:0 24px;font-size:15px;box-shadow:none}
.ch-page .btn.ghost{background:transparent;border:1px solid var(--line);color:var(--soft);box-shadow:none}
.ch-page .btn.ghost:after{content:none}
.ch-page :focus-visible{outline:2px solid var(--soft);outline-offset:3px}
.ch-page .hero{padding:96px 0 40px}
.ch-page .pill{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border:1px solid var(--line);border-radius:999px;background:rgba(15,19,48,.7);font-size:14px;font-weight:500;color:var(--soft)}
.ch-page .pill i{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}
.ch-page h1,.ch-page h2{margin:0;font-weight:700;letter-spacing:-.02em;background:linear-gradient(90deg,#fff,#B4BBC5);-webkit-background-clip:text;background-clip:text;color:transparent}
.ch-page h1{margin-top:24px;font-size:68px;line-height:1.04;max-width:900px}
.ch-page h1 em,.ch-page h2 em{font-style:normal;color:var(--accent);-webkit-text-fill-color:var(--accent)}
.ch-page .hero-cta{display:flex;flex-wrap:wrap;gap:14px 16px;margin-top:36px}
.ch-page .quote{margin:56px 0 0;padding:40px;border:1px solid rgba(255,255,255,.12);border-radius:28px;background:linear-gradient(135deg,rgba(26,57,75,.55),rgba(8,28,37,.5) 55%,rgba(15,19,48,.75))}
.ch-page .quote blockquote{margin:0;font-size:24px;line-height:1.4;font-weight:600}
.ch-page .quote figcaption{margin-top:16px;color:var(--muted);font-size:15px}
.ch-page section{padding:56px 0}
.ch-page h2{font-size:48px;line-height:1.08}
.ch-page .faq-list{display:grid;gap:12px;margin-top:40px}
.ch-page .faq{border:1px solid var(--line);border-radius:16px;background:var(--surface);transition:background .3s,border-color .3s}
.ch-page .faq[open]{background:linear-gradient(180deg,rgba(47,143,106,.28) 0%,#1A394B 40%,#081C25 100%);border-color:rgba(255,255,255,.14)}
.ch-page .faq summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:48px 1fr 32px;align-items:center;gap:16px;padding:22px 28px}
.ch-page .faq summary::-webkit-details-marker{display:none}
.ch-page .num{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;font-size:14px;font-weight:700;background:linear-gradient(135deg,#2E9F6A,#3D4FC4)}
.ch-page .q{font-size:20px;line-height:1.3;font-weight:600}
.ch-page .pm{position:relative;width:32px;height:32px;border-radius:50%;border:1px solid var(--line)}
.ch-page .pm:before,.ch-page .pm:after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;background:var(--soft);transform:translate(-50%,-50%);transition:transform .3s}
.ch-page .pm:after{transform:translate(-50%,-50%) rotate(90deg)}
.ch-page .faq[open] .pm:after{transform:translate(-50%,-50%) rotate(0)}
.ch-page .a{padding:0 28px 28px 92px;color:#D3D9EA;max-width:980px}
.ch-page .a p{margin:0 0 12px}
.ch-page .a ul{margin:0;padding-left:20px;display:grid;gap:10px}
.ch-page .a li::marker{color:var(--accent)}
.ch-page .contact{display:grid;grid-template-columns:auto 1fr;gap:56px;align-items:center;padding:56px;border:1px solid rgba(255,255,255,.12);border-radius:28px;background:linear-gradient(135deg,rgba(26,57,75,.55),rgba(8,28,37,.5) 55%,rgba(15,19,48,.75))}
.ch-page .qr{display:block;width:220px;height:220px;border-radius:16px;background:#fff;padding:10px}
.ch-page .lead{margin:20px 0 0;max-width:640px;color:#D3D9EA}
.ch-page .ch{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:14px}
.ch-page .ch li{display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:baseline;padding-bottom:14px;border-bottom:1px solid var(--line)}
.ch-page .ch b{color:var(--soft);font-weight:600}
.ch-page .ch a{color:#fff;text-underline-offset:4px}
.ch-page .note{margin:28px 0 0;font-style:italic;color:var(--muted)}
.ch-page #faq-h{scroll-margin-top:24px}
.ch-page .faq{scroll-margin-top:100px}
.ch-page .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.ch-page .toolbar{margin-top:32px;display:grid;gap:16px}
.ch-page .toolbar[hidden]{display:none}
.ch-page .toolbar>*{min-width:0}
.ch-page .search{display:flex;align-items:center;gap:12px;height:60px;padding:0 20px;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--muted);transition:border-color .2s,box-shadow .2s}
.ch-page .search:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px rgba(78,188,115,.15)}
.ch-page .search input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;color:#fff;font:inherit;font-size:17px}
.ch-page .search input::placeholder{color:#8B93B4}
.ch-page .search input::-webkit-search-cancel-button{display:none}
.ch-page .search button{border:0;background:transparent;color:var(--muted);font-size:26px;line-height:1;cursor:pointer;padding:4px 8px}
.ch-page .hints{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center;font-size:14px;color:var(--muted)}
.ch-page .hints button{border:0;background:transparent;color:var(--soft);font:inherit;text-decoration:underline;text-decoration-color:rgba(177,226,196,.4);text-underline-offset:4px;cursor:pointer;padding:2px 0}
.ch-page .bar2{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between}
.ch-page .chips{display:flex;flex-wrap:wrap;gap:8px}
.ch-page .chip{border:1px solid var(--line);background:var(--surface);color:var(--muted);font:inherit;font-size:14px;font-weight:500;padding:10px 18px;border-radius:999px;cursor:pointer;transition:.2s}
.ch-page .chip:hover{color:#fff}
.ch-page .chip[aria-pressed=true]{background:rgba(78,188,115,.16);border-color:var(--accent);color:#fff}
.ch-page .toggle{border:0;background:transparent;color:var(--soft);font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.ch-page .status{margin:0;min-height:22px;font-size:14px;color:var(--muted)}
.ch-page .faq[hidden]{display:none}
.ch-page mark{background:rgba(78,188,115,.35);color:#fff;border-radius:4px;padding:0 2px}
.ch-page .empty{margin-top:24px;padding:28px;border:1px dashed var(--line);border-radius:16px;color:#D3D9EA}
.ch-page .empty[hidden]{display:none}
.ch-page .empty a{color:#fff}
.ch-page .sticky{position:fixed;z-index:20;right:24px;bottom:24px;display:flex;gap:10px;padding:10px;border:1px solid var(--line);border-radius:18px;background:rgba(15,19,48,.92);backdrop-filter:blur(10px);box-shadow:0 18px 40px rgba(0,0,0,.4);opacity:0;transform:translateY(20px);pointer-events:none;transition:.3s}
.ch-page .sticky.on{opacity:1;transform:none;pointer-events:auto}
@media(max-width:900px){.ch-page .hero{padding-top:56px}
.ch-page h1{font-size:40px}
.ch-page h2{font-size:32px}
.ch-page .contact{grid-template-columns:1fr;padding:32px 24px;gap:28px}
.ch-page .ch li{grid-template-columns:1fr;gap:2px}}
@media(max-width:640px){.ch-page{--gutter:16px}
.ch-page .sticky{left:12px;right:12px;bottom:12px}
.ch-page .sticky .btn{flex:1;width:auto;padding:0 10px;white-space:nowrap;font-size:14px}
.ch-page .sticky .btn:after{content:none}
.ch-page .search{height:54px}
.ch-page .search input{font-size:16px}
.ch-page .bar2{flex-direction:column;align-items:flex-start}
.ch-page .chips{flex-wrap:nowrap;overflow-x:auto;max-width:100%;width:100%;padding-bottom:4px;scrollbar-width:none}
.ch-page .chip{white-space:nowrap}
.ch-page .faq summary{grid-template-columns:40px 1fr 28px;padding:16px;gap:12px}
.ch-page .num{width:40px;height:40px}
.ch-page .q{font-size:17px}
.ch-page .a{padding:0 16px 20px}
.ch-page .btn{width:100%}
.ch-page .quote{padding:24px}
.ch-page .quote blockquote{font-size:19px}}
@media(prefers-reduced-motion:reduce){.ch-page,.ch-page *{transition:none!important;scroll-behavior:auto!important}}
/* ==========================================================================
   «Горячая линия Комплаенс» — встраивание в общий шаблон Freedom Events
   --------------------------------------------------------------------------
   Автономные шапка, подвал и skip-ссылка страницы убраны — их даёт общий
   шаблон. Шапка сайта это фиксированный оверлей переменной высоты (89 px на
   телефоне, 90 px в планшетной полосе, 101 px на десктопе), поэтому:
     * общий отступ #brx-content (рассчитанный под главную) снят;
     * первый экран получает сверху высоту шапки, чтобы сохранить исходный
       отступ hero (96 px на десктопе, 56 px до 900 px);
     * фактическое значение --ch-hdr уточняет freedom-header-offset.js.
   Цвета, шрифты, радиусы и отступы не меняются — всё из compliance-hotline.css.
   ========================================================================== */
:root{--ch-hdr:101px}
@media(max-width:1099px){:root{--ch-hdr:90px}}
@media(max-width:770px){:root{--ch-hdr:89px}}

html{scroll-padding-top:calc(var(--ch-hdr) + 24px)}
#brx-content{margin-top:0;max-width:none}
/* overflow-x:clip гасит горизонтальную прокрутку, но, в отличие от
   overflow:clip, не создаёт области отсечения по вертикали и не может
   обрезать липкую панель (правка №531). */
.ch-page{position:relative;overflow-x:clip}

.ch-page .hero{padding-top:calc(96px + var(--ch-hdr))}
@media(max-width:900px){.ch-page .hero{padding-top:calc(56px + var(--ch-hdr))}}

/* Общий шаблон сбрасывает маркеры списков (ul{list-style:none}) — в ответах
   FAQ они нужны: автономная страница опирается на браузерный disc и на
   li::marker, покрашенный в акцентный цвет. */
.ch-page .a ul{list-style:disc}
.ch-page .ch{list-style:none}

/* Подвал общего шаблона идёт сразу за контентом; у автономной страницы между
   ними было 40 px (footer{margin-top:40px}). Возвращаем тот же воздух. */
.ch-page{padding-bottom:40px}

/* Общий шаблон снимает подчёркивание со всех ссылок (a{text-decoration:none}).
   В блоке «Как связаться» подчёркивание было у автономной страницы — там оно
   единственный признак ссылки (цвет у неё тот же, что у обычного текста). */
.ch-page a{text-decoration:underline}
.ch-page .btn{text-decoration:none}

/* Общий шаблон гасит контур фокуса на всём сайте правилом
   body.bricks-is-frontend :focus{outline:none} — оно специфичнее, чем
   `:focus-visible` самой страницы, и съедало её зелёный контур. Возвращаем
   ровно то оформление, которое задано в compliance-hotline.css, подняв
   специфичность; значения (2px, --soft, offset 3px) не меняются. */
body.bricks-is-frontend .ch-page :focus-visible{outline:2px solid var(--soft);outline-offset:3px}

/* Автономная страница гасила плавную прокрутку при prefers-reduced-motion
   правилом *{scroll-behavior:auto!important} — под .ch-page оно до <html>
   уже не достаёт, поэтому дублируем явно. */
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}

/* -------------------------------------------- поиск и навигация по FAQ */
/* Общий шаблон уже отводит под фиксированную шапку scroll-padding-top у
   <html> (высота шапки + 24 px). Собственный scroll-margin страницы (100 px,
   он считался от её невысокой шапки) к нему прибавлялся, и якорь вопроса
   уезжал на 225 px от верха. Отступ оставляем один — общий. */
.ch-page .faq{scroll-margin-top:0}
.ch-page #faq-h{scroll-margin-top:0}

/* Липкая панель: .hold гасит её поверх .on, когда виден общий подвал или
   раскрыто мобильное меню (см. assets/js/compliance-hotline.js). Значения
   те же, что у исходного скрытого состояния .sticky. */
.ch-page .sticky.hold{opacity:0;transform:translateY(20px);pointer-events:none}

/* Общий шаблон подчёркивает все ссылки внутри .ch-page (см. выше) — у кнопок
   липкой панели подчёркивание лишнее, они и так кнопки. */
.ch-page .sticky .btn{text-decoration:none}

/* У поля поиска индикатор фокуса свой — рамка .search:focus-within
   (зелёная обводка + свечение). Общее правило выше рисовало поверх него
   второй контур у самого <input>; у автономной страницы его не было. */
body.bricks-is-frontend .ch-page .search input:focus-visible{outline:0}

/* ==========================================================================
   Правка №531 — липкая панель «Подать обращение / Позвонить» на десктопе
   --------------------------------------------------------------------------
   Панель фиксированная; общие стили сайта (Bricks) задают внешние поля
   почти всем блокам внутри контента, и от них панель может уехать правым
   краем за окно. Фиксируем геометрию явно: правый край на 24 px левее края
   окна, ширина не больше окна минус поля, никаких внешних полей.
   Размеры, цвета и оформление панели прежние.
   ========================================================================== */
.ch-page .sticky{
  right:24px;
  margin:0;
  max-width:calc(100vw - 48px);
  box-sizing:border-box;
}
@media(max-width:640px){
  .ch-page .sticky{left:12px;right:12px;max-width:none}
}