/* ITBroom · лендинг и страницы разделов (редизайн 22.10.2026, макет — холст Claude Design).
   Почти вся вёрстка — в style= самих страниц, как в макете; здесь общее: шрифты,
   «без пружинки», окно живого демо и cookie-баннер (их разметка перенесена со старой главной).
   Стили старых страниц (тарифы, конструктор) — legacy.css. */

/* Шрифты лежат на нашем сервере (static/landing/fonts, лицензия SIL OFL 1.1, тексты рядом):
   к Google браузер не ходит — tests/test_fonts_self_hosted.py, CSP font-src 'self'.
   Переменные шрифты, по файлу на набор знаков; в расширенной латинице — знак ₽. */
@font-face{font-family:'Unbounded';font-style:normal;font-weight:500 700;font-display:swap;
  src:url('/static/landing/fonts/unbounded-v12-cyrillic.woff2') format('woff2');
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Unbounded';font-style:normal;font-weight:500 700;font-display:swap;
  src:url('/static/landing/fonts/unbounded-v12-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Unbounded';font-style:normal;font-weight:500 700;font-display:swap;
  src:url('/static/landing/fonts/unbounded-v12-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400 800;font-display:swap;
  src:url('/static/landing/fonts/manrope-v20-cyrillic.woff2') format('woff2');
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400 800;font-display:swap;
  src:url('/static/landing/fonts/manrope-v20-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400 800;font-display:swap;
  src:url('/static/landing/fonts/manrope-v20-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* Inter — только логотип «ITBroom», как в кабинете. */
@font-face{font-family:'Inter';font-style:normal;font-weight:400 800;font-display:swap;
  src:url('/static/landing/fonts/inter-cyrillic.woff2') format('woff2');
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 800;font-display:swap;
  src:url('/static/landing/fonts/inter-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 800;font-display:swap;
  src:url('/static/landing/fonts/inter-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  /* Имена — от старой главной: на них держится разметка окна живого демо. */
  --cream:#F5F7F5; --line:#DCE3DE; --line2:#E8EDE9; --muted:#56605A;
  --ink:#111614; --ink2:#2E3632; --lavx:#111614; --accent:#3DDC97;
}
[hidden]{display:none!important}
/* Без «пружинки» у края страницы: Safari на маке уводит вместе с ней липкую шапку,
   и она пропадает, пока страница не вернётся (13.10.2026). На телефоне пружинку не трогаем. */
@media (hover:hover) and (pointer:fine){html{overscroll-behavior-y:none}}
button,input{font-family:inherit}

/* Кнопка меню на странице раздела: «три полоски» ⇄ «крестик». */
.burger .i-close{display:none}
.menu-open .burger .i-open{display:none}
.menu-open .burger .i-close{display:block}

/* Окно живого демо и cookie-баннер. */
.btn{display:inline-flex;align-items:center;gap:8px;min-height:50px;padding:0 24px;border:none;border-radius:999px;
  background:var(--accent);color:var(--ink);font:800 15px Manrope,'Segoe UI',Arial,sans-serif;cursor:pointer;text-decoration:none}
.btn:hover{filter:brightness(.96)}
.kicker{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;font-weight:800;letter-spacing:.08em;
  text-transform:uppercase;color:var(--muted)}
.sub{margin:0;color:var(--muted);line-height:1.5}
#ld-overlay{font-family:Manrope,'Segoe UI',Arial,sans-serif;color:var(--ink)}
#ld-overlay h3{margin:6px 0 0;font-family:Unbounded,sans-serif;font-weight:600;line-height:1.2;letter-spacing:-.01em}
#ld-overlay input:focus{border-color:var(--ink)!important}
#cookie-bar{font-family:Manrope,'Segoe UI',Arial,sans-serif}
#lead-form input:focus{outline:none;border-color:#111614!important}