/* Uactives — статична пересборка сайту з Wix. Значення зняті з живого сайту
   при ширині 1440 px (див. source/design-spec.md). */

/* ── Шрифти (самохостинг, без зовнішніх запитів) ───────────────────── */
@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;
 src:url(../fonts/raleway-400-cyrillic-ext.woff2)format('woff2');
 unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;
 src:url(../fonts/raleway-400-cyrillic.woff2)format('woff2');
 unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;
 src:url(../fonts/raleway-400-latin.woff2)format('woff2');
 unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215}
@font-face{font-family:Raleway;font-style:normal;font-weight:500;font-display:swap;
 src:url(../fonts/raleway-500-cyrillic.woff2)format('woff2');
 unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Raleway;font-style:normal;font-weight:500;font-display:swap;
 src:url(../fonts/raleway-500-latin.woff2)format('woff2');unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:Raleway;font-style:normal;font-weight:700;font-display:swap;
 src:url(../fonts/raleway-700-cyrillic-ext.woff2)format('woff2');
 unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:Raleway;font-style:normal;font-weight:700;font-display:swap;
 src:url(../fonts/raleway-700-cyrillic.woff2)format('woff2');
 unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Raleway;font-style:normal;font-weight:700;font-display:swap;
 src:url(../fonts/raleway-700-latin.woff2)format('woff2');
 unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122}
/* Nunito Sans — варіативний, стоїть замість Avenir LT (ліцензія Avenir у Wix) */
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:200 1000;font-display:swap;
 src:url(../fonts/nunitosans-400-cyrillic-ext.woff2)format('woff2');
 unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:200 1000;font-display:swap;
 src:url(../fonts/nunitosans-400-cyrillic.woff2)format('woff2');
 unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:200 1000;font-display:swap;
 src:url(../fonts/nunitosans-400-latin.woff2)format('woff2');
 unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122}

/* ── Токени ───────────────────────────────────────────────────────── */
:root{
  --blue:#2b7cf4;          /* головна кнопка */
  --blue-edge:#1d67cd;     /* обведення кнопок */
  --blue-line:#2167f5;     /* обведення «Дізнатися більше» */
  --cyan:#30a8de;          /* смуга CTA + кнопка «Телеграм Бот» */
  --link:#166aea;
  --ink:#000;
  --paper:#fff;
  --grey-mission:#f1f1f1;
  --grey-cards:#bfbfbf;
  --grey-soft:#fafafa;
  --sky:#4bc0fa;           /* декоративні лінійки */
  --sun:#fadc59;
  --f:Raleway,'Helvetica Neue',Helvetica,Arial,sans-serif;
  --f-alt:'Nunito Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
  --f-hel:'Helvetica Neue',Helvetica,Arial,sans-serif;
  --col:980px;             /* контентна колонка */
  --hdr:106px;
  --hero:496px;
}

/* ── База ─────────────────────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);
  font:400 18px/1.34 var(--f);overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4,p,ul,ol{margin:0}
ul,ol{padding-left:1.15em}
.col{width:var(--col);max-width:100%;margin:0 auto}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);
  white-space:nowrap;font-size:14px}

/* ── Кнопки ───────────────────────────────────────────────────────── */
.btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;
  font-family:var(--f-alt);font-size:18px;font-weight:400;letter-spacing:1.8px;
  border-radius:20px;transition:filter .15s ease,background-color .15s ease}
.btn:hover{filter:brightness(1.08)}
.btn--fill{background:var(--blue);color:var(--paper);border:0;height:60px;padding:0 18px}
.btn--ghost{background:var(--paper);color:var(--ink);border:1px solid var(--blue-line);
  height:50px;width:205px}
.btn--tg{background:var(--cyan);color:var(--paper);border:1px solid var(--blue-edge);
  border-radius:40px;width:310px;height:62px;
  font-family:var(--f);font-weight:700;font-size:21px;letter-spacing:2.1px}

/* ── Шапка ────────────────────────────────────────────────────────── */
.hdr{background:var(--paper)}
.hdr__in{display:flex;align-items:center;height:var(--hdr);gap:31px}
.hdr__logo{flex:0 0 100px;margin-left:50px}
.hdr__logo img{width:100px;height:100px}
.hdr__tag{width:259px;font-size:18px;line-height:24.12px}
.hdr__cta{margin-left:auto;width:327px}

/* ── Хіро ─────────────────────────────────────────────────────────── */
.hero{position:relative;height:var(--hero);background:var(--ink);overflow:hidden;
  display:flex;align-items:center;justify-content:center}
.hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero__t{position:relative;color:var(--paper);text-align:center;padding:0 20px}
.hero--home .hero__t{font-size:34px;line-height:42.5px;max-width:866px}
.hero--cat  .hero__t{font-size:72px;line-height:90px;font-weight:400}
.hero--art{align-items:flex-start}
.hero--art  .hero__t{font-size:47px;line-height:59px;max-width:900px;margin-top:195px}
.hero--doc{align-items:flex-start}
.hero--doc  .hero__t{font-size:52px;line-height:65px;max-width:800px;margin-top:208px}

/* ── Головна: показники ───────────────────────────────────────────── */
.stats{position:relative;height:280px;overflow:hidden}
.stats__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.stats__in{position:relative;display:grid;grid-template-columns:repeat(3,1fr);
  height:100%;align-content:start;padding-top:67px}
.stats__n{font-size:80px;line-height:96px;text-align:center}
.stats__l{font-family:var(--f-hel);font-size:16px;line-height:28.8px;text-align:center;
  max-width:200px;margin:22px auto 0}

/* ── Головна: місія ───────────────────────────────────────────────── */
/* Смуга з декором: лапка на синій лінії згори, жовта лінія знизу. Усе
   виміряне з оригіналу, тому позиції абсолютні від верху смуги. */
.mission{position:relative;background:var(--grey-mission);height:355px;overflow:hidden}
.mission__q{position:absolute;top:27px;left:50%;transform:translateX(-50%);
  width:75px;height:52px;z-index:1}
.mission__rule{position:absolute;top:50px;height:5px;background:var(--sky)}
.mission__rule--l{left:0;right:calc(50% + 65px)}
.mission__rule--r{left:calc(50% + 65px);right:0}
.mission__brule{position:absolute;top:297px;left:0;right:0;height:5px;background:var(--sun)}
.mission__t{position:absolute;top:92px;left:50%;transform:translateX(-50%);
  width:833px;max-width:calc(100% - 48px);
  font-size:28px;line-height:35px;font-style:italic;text-align:center;font-weight:400}

/* ── Головна: три напрями ─────────────────────────────────────────── */
.cards{position:relative;min-height:867px;background:var(--grey-cards);overflow:hidden}
.cards__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
/* світла смуга поверх візерунка — на ній стоїть заголовок розділу */
.cards__strip{position:absolute;top:0;left:0;right:0;height:147px;background:var(--grey-soft)}
/* дві короткі лінійки по боках заголовка: від краю екрана до контентної колонки */
.cards__rule{position:absolute;top:69px;height:2px}
.cards__rule--l{left:0;right:calc(50% + 490px);background:var(--sky)}
.cards__rule--r{left:calc(50% + 490px);right:0;background:var(--sun)}
.cards__in{position:relative;padding:41px 0 134px}
.cards__h{font-size:40px;line-height:67.2px;text-align:center;font-weight:400}
.cards__grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:122px;
  grid-auto-rows:510px}
.card{position:relative;display:flex;flex-direction:column;align-items:center;
  text-align:center}
/* біла плашка під вмістом картки: 320×567, як в оригіналі */
.card::before{content:'';position:absolute;top:7px;left:50%;transform:translateX(-50%);
  width:320px;height:567px;background:var(--paper)}
.card > *{position:relative}
.card__n{font-family:var(--f-alt);font-weight:800;font-size:38px;line-height:1}
.card__t{font-size:20px;line-height:27.5px;margin-top:60px}
.card__b{font-size:16px;line-height:28.8px;margin-top:26px;max-width:247px}
.card__btn{margin-top:auto}
.card__btnwrap{margin-top:auto}

/* ── Смуга CTA ────────────────────────────────────────────────────── */
.cta{position:relative;min-height:438px;background:var(--cyan);overflow:hidden;
  display:flex;align-items:center}
.cta__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cta__in{position:relative;text-align:center;color:var(--paper);padding:54px 20px}
.cta__h{font-size:36px;line-height:45px;font-weight:400;max-width:310px;margin:0 auto}
.cta--art .cta__h{font-size:42px;line-height:53px;max-width:310px}
.cta__p{font-family:var(--f-alt);font-size:20px;line-height:33px;max-width:560px;
  margin:29px auto 0}
.cta__btn{margin-top:27px}

/* ── Рубрика: сітка карток статей ─────────────────────────────────── */
/* У Wix рядки карток стоять на фіксованій висоті, однаково на всіх трьох рубриках,
   незалежно від довжини заголовків. Тому крок жорсткий, а не по контенту. */
.grid2{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:435px;
  gap:159px 0;padding:28px 0 143px}
.acard{align-self:start}
.acard{text-align:center}
.acard__i{width:240px;height:240px;margin:0 auto;object-fit:cover;border-radius:0}
.acard__t{font-size:32px;line-height:43px;margin-top:33px}
.acard__btn{margin-top:29px}

/* ── Стаття ───────────────────────────────────────────────────────── */
.art{display:grid;grid-template-columns:356px 594px;padding:66px 0 97px}
.art__lab{font-size:29px;line-height:normal;font-weight:400;width:316px}
.art__body{font-size:18px;line-height:1.75;text-align:justify}
.art__body p{margin:0}
.art__body ul,.art__body ol{margin:0;padding-left:63px}
.art__body li{margin-bottom:0}
.art__body li p{margin:0}
.art__body a{color:var(--link);text-decoration:underline}

/* ── Юридичні сторінки ────────────────────────────────────────────── */
.doc{padding:74px 0 80px}
.doc__body{width:886px;max-width:100%;margin:0 auto;font-size:18px;line-height:1.75;
  text-align:justify}
.doc__body p{margin:0}
.doc__body a{color:var(--link);text-decoration:underline}
/* доданий блок про аналітику: у решті юридичного тексту відступів немає (їх дають
   абзаци-розпірки з Wix), тут вони потрібні явно */
.doc__add{margin-top:52px}
.doc__add h2{font-size:24px;line-height:1.35;font-weight:400;margin:0 0 16px;text-align:left}
.doc__add p{margin:0 0 14px}
.doc__add strong{font-weight:700}

/* ── Карта сайту ──────────────────────────────────────────────────── */
.map{padding:45px 0 219px}
.map__sec{font-size:50px;line-height:1.2;margin:150px 0 40px}
.map__sec:first-child{margin-top:0}
.map__list{display:grid;grid-template-columns:repeat(2,1fr);gap:34px 60px;
  list-style:none;padding:0;margin:0}
.map__list--one{grid-template-columns:1fr}
.map__list a{font-size:31px;line-height:1.3}
.map__list a:hover{color:var(--link)}
.map__in{padding-left:55px}

/* ── Контакти ─────────────────────────────────────────────────────── */
.cnt{display:grid;grid-template-columns:1fr 480px;gap:40px;padding:114px 0 100px;
  align-items:start}
.cnt__h{font-size:56px;line-height:1.1;font-weight:400}
.cnt__mail{font-size:16px;line-height:28.8px;margin-top:52px}
.cnt__mail a:hover{color:var(--link)}
.frm{display:grid;grid-template-columns:1fr 1fr;gap:26px 30px}
.frm__f{display:flex;flex-direction:column}
.frm__f--wide{grid-column:1/-1}
.frm label{font-size:14px;line-height:1.4;margin-bottom:6px}
.frm input,.frm textarea{font:400 16px/1.4 var(--f);color:var(--ink);
  background:var(--paper);border:1px solid #d6d6d6;border-radius:2px;padding:9px 10px}
.frm textarea{min-height:104px;resize:vertical}
.frm input:focus,.frm textarea:focus{outline:2px solid var(--blue);outline-offset:0;
  border-color:var(--blue)}
.frm__row{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;
  gap:20px}
.frm__msg{font-size:14px;margin-right:auto}
.frm__msg[data-state=ok]{color:#1a7f37}
.frm__msg[data-state=err]{color:#b3261e}
.frm__send{background:var(--blue);color:var(--paper);border:0;border-radius:20px;
  height:44px;padding:0 30px;font:400 14px/1 var(--f-alt);letter-spacing:1.2px;
  cursor:pointer}
.frm__send:hover{filter:brightness(1.08)}
.frm__hp{position:absolute;left:-9999px}

/* ── Підвал ───────────────────────────────────────────────────────── */
.ftr{background:var(--ink);color:var(--paper);padding:8px 0 0}
.ftr__in{padding:0 15px}
.ftr__cols{display:grid;grid-template-columns:335px 324px 1fr;padding-top:0}
.ftr__brand{text-align:left}
.ftr__brand img{width:100px;height:100px;margin-left:112px}
.ftr__tag{width:259px;font-size:18px;line-height:24.12px;margin-top:2px;margin-left:23px}
.ftr__cta{margin-top:23px;margin-left:17px;width:290px}
.ftr__h{font-size:29px;line-height:38.86px;font-weight:400;margin-top:33px}
.ftr__list{list-style:none;padding:0;margin:31px 0 0}
.ftr__list li{margin-bottom:10px}
.ftr__list a{font-size:18px;line-height:24.12px}
.ftr__list a:hover{text-decoration:underline}
.ftr__bar{display:flex;justify-content:space-between;gap:20px;
  font-size:18px;line-height:32.22px;padding:100px 0 0}

/* ── Планшет ──────────────────────────────────────────────────────── */
@media (max-width:1040px){
  :root{--col:100%}
  .col{padding:0 24px}
  .hdr__logo{margin-left:0}
  .hdr__cta{width:auto;padding:0 22px}
  .art{grid-template-columns:1fr;gap:28px}
  .art__lab{width:auto}
  .art__body{max-width:none}
  .doc__body{width:auto}
  .cnt{grid-template-columns:1fr;gap:48px;padding:64px 0}
  .ftr__cols{grid-template-columns:1fr 1fr;gap:32px}
  .ftr__brand img,.ftr__tag,.ftr__cta{margin-left:0}
  .map__in{padding-left:0}
}

/* ── Телефон ──────────────────────────────────────────────────────── */
@media (max-width:720px){
  :root{--hdr:auto;--hero:340px}
  .hdr__in{flex-wrap:wrap;gap:14px;padding:16px 0}
  .hdr__logo{flex:0 0 64px}
  .hdr__logo img{width:64px;height:64px}
  .hdr__tag{width:auto;flex:1 1 140px;font-size:15px;line-height:20px}
  .hdr__cta{margin-left:0;flex:1 1 100%;height:52px;font-size:16px}
  .hero--home .hero__t{font-size:23px;line-height:31px}
  .hero--cat  .hero__t{font-size:40px;line-height:50px}
  .hero--art  .hero__t{font-size:28px;line-height:36px}
  .hero--doc  .hero__t{font-size:28px;line-height:36px}
  .stats{height:auto}
  .stats__in{grid-template-columns:1fr;padding:34px 0;gap:26px}
  .stats__n{font-size:56px;line-height:64px}
  .stats__l{margin-top:8px}
  .mission{height:auto;padding:96px 0 62px}
  .mission__t{position:static;transform:none;width:auto;margin:0 auto;
    font-size:21px;line-height:30px}
  .mission__q{top:22px}
  .mission__rule{top:45px}
  .mission__brule{top:auto;bottom:24px}
  .cards__strip{height:110px}
  .cards__rule{display:none}
  .card::before{display:none}
  .cards{min-height:0}
  .cards__in{padding:44px 0 52px}
  .cards__h{font-size:29px;line-height:38px}
  .cards__grid{grid-template-columns:1fr;grid-auto-rows:auto;margin-top:40px;gap:52px}
  .card__t{margin-top:24px}
  .grid2{grid-template-columns:1fr;grid-auto-rows:auto;gap:52px 0;padding:48px 0}
  .acard__i{width:180px;height:180px}
  .acard__t{font-size:24px;line-height:32px;margin-top:22px}
  .cta__h{font-size:27px;line-height:35px}
  .cta--art .cta__h{font-size:29px;line-height:38px}
  .cta__p{font-size:17px;line-height:28px}
  .btn--tg{width:100%;max-width:310px}
  .art{padding:44px 0}
  .art__lab{font-size:23px}
  .art__body{text-align:left}
  .art__body ul,.art__body ol{padding-left:22px}
  .doc{padding:44px 0}
  .doc__body{text-align:left}
  .map{padding:36px 0 48px}
  .map__sec{font-size:32px;margin:36px 0 16px}
  .map__list{grid-template-columns:1fr}
  .map__list a{font-size:21px}
  .cnt__h{font-size:36px}
  .frm{grid-template-columns:1fr}
  .ftr__cols{grid-template-columns:1fr;gap:28px}
  .ftr__bar{flex-direction:column;gap:6px;padding:36px 0 24px;font-size:16px}
}

/* ── Заглушка на місці демо-картинки Wix у картках рубрик ─────────── */
.acard__ph{width:240px;height:240px;margin:0 auto;background:var(--grey-mission);
  display:flex;align-items:center;justify-content:center}
.acard__ph img{width:120px;height:120px;opacity:.5}
@media (max-width:720px){.acard__ph{width:180px;height:180px}
  .acard__ph img{width:92px;height:92px}}