/* BH Agency — tokens (v2.0 поверх копії 1:1; зміни позначено «v2»)
   Усі значення зняті вимірюванням живого https://www.bhagency.com.ua (computed styles, Playwright, 16.10.2026).
   Брейкпоінти джерела (Framer): ≥1200 · 992–1199.98 · 768–991.98 · 390–767.98 · <390. */

/* ---------- Шрифти: лише локальні файли (OFL / ITF FFL), шляхи від кореня ---------- */
/* Inter (текстовий кегль, вісь wght). 16.10 прохід швидкості: латиниця/кирилиця — сабсети під гліфи сайту (fonttools, осі лишились), імʼя з хешем → immutable;
   unicode-range = точне покриття сабсету; оригінали — site-v2/_fonts-original-16.10/. Генератор і набір гліфів: _gate/perf/tools/subset_fonts.py */
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/inter-cyrillic-ext-wght-normal.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/inter-cyrillic-wght.b7e4e995.woff2) format("woff2");unicode-range:U+0404,U+0406-0407,U+0410-0429,U+042C,U+042E-0449,U+044C,U+044E-044F,U+0454,U+0456-0457,U+0490-0491,U+2116}
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/inter-latin-ext-wght-normal.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:100 900;font-display:swap;src:url(/assets/fonts/inter-latin-wght.1103222b.woff2) format("woff2");unicode-range:U+0020-007E,U+00A0,U+00A7,U+00A9,U+00AB,U+00B0-00B1,U+00B7,U+00BB,U+00D7,U+02BC,U+2013-2014,U+2019,U+201C-201E,U+2022,U+2026,U+2191,U+2193,U+2212}
/* Inter Tight */
@font-face{font-family:"Inter Tight";font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/inter-tight-cyrillic-ext-wght-normal.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:"Inter Tight";font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/inter-tight-cyrillic-wght.cc3a03cd.woff2) format("woff2");unicode-range:U+0404,U+0406-0407,U+0410-0429,U+042C,U+042E-0449,U+044C,U+044E-044F,U+0454,U+0456-0457,U+0490-0491,U+2116}
@font-face{font-family:"Inter Tight";font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/inter-tight-latin-ext-wght-normal.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 Tight";font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/inter-tight-latin-wght.838028a2.woff2) format("woff2");unicode-range:U+0020-007E,U+00A0,U+00A7,U+00A9,U+00AB,U+00B0-00B1,U+00B7,U+00BB,U+00D7,U+02BC,U+2013-2014,U+2019,U+201C-201E,U+2022,U+2026,U+2191,U+2193,U+2212}
/* Manrope (вісь 200–800; у джерелі 900 рендериться як ExtraBold 800 — те саме) */
@font-face{font-family:"Manrope";font-style:normal;font-weight:200 800;font-display:swap;src:url(/assets/fonts/manrope-cyrillic-ext-wght-normal.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:"Manrope";font-style:normal;font-weight:200 800;font-display:swap;src:url(/assets/fonts/manrope-cyrillic-wght.d29a4c0c.woff2) format("woff2");unicode-range:U+0404,U+0406-0407,U+0410-0429,U+042C,U+042E-0449,U+044C,U+044E-044F,U+0454,U+0456-0457,U+0490-0491,U+2116}
@font-face{font-family:"Manrope";font-style:normal;font-weight:200 800;font-display:swap;src:url(/assets/fonts/manrope-latin-ext-wght-normal.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:200 800;font-display:swap;src:url(/assets/fonts/manrope-latin-wght.7da8b10e.woff2) format("woff2");unicode-range:U+0020-007E,U+00A0,U+00A7,U+00A9,U+00AB,U+00B0-00B1,U+00B7,U+00BB,U+00D7,U+2013-2014,U+2019,U+201C-201E,U+2022,U+2026,U+2191,U+2193,U+2212}
/* Space Grotesk 700 — гігантський вордмарк «BH AGENCY» (лише латиниця) */
@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/space-grotesk-latin-ext-700-normal.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:"Space Grotesk";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/space-grotesk-latin-700.73d20f7e.woff2) format("woff2");unicode-range:U+0020-0021,U+0026,U+002C-003A,U+003F-005A,U+00A0,U+00B7,U+2013-2014}
/* Switzer прибрано повністю (17.10, ліцензія ITF FFL забороняє сабсет): ролі → Inter Tight 500/600. Імена змінних --f-switzer* лишено для сумісності. */

:root{
  --f-inter:"Inter",sans-serif;
  --f-tight:"Inter Tight",sans-serif;
  --f-manrope:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --f-grotesk:"Space Grotesk",sans-serif;
  --f-switzer:"Inter Tight",sans-serif;              /* v2: кирилична роль Switzer → Inter Tight */
  --f-switzer-lat:"Inter Tight",sans-serif;           /* v2.1: Inter Tight (Switzer прибрано) */

  /* ---------- Кольори: світла тема (виміряно) ---------- */
  --bg:#faf9f5;            /* фон сторінки */
  --ink:#141413;           /* основний текст, пункти меню */
  --ink-strong:#000;       /* «Agency», підзаголовок героя, назви тарифів */
  --ink-deep:#111110;      /* «для бізнесу.» */
  --hero-soft:#8f8f8f;     /* «YouTube», «AI-відео» у H1 */
  --muted:#6b6b69;         /* підписи кейсів, описи */
  --muted-dir:#6b6b69;     /* текст «Два напрямки» */
  --faint:#9a9a97;
  --accent-text:#6b8f00;   /* лайм для тексту на світлому */
  --accent-text-sm:#587500; /* QA-2: дрібний (< 18 px) лайм-текст на світлому, контраст 5,3:1 */
  --lime:#c8ff3e;
  --lime-btn:#c2f73a;      /* кнопки «Контакт», «ЯК ЦЕ ПРАЦЮЄ» */
  --heart:#ff4040;
  --card:#fff;
  --pill-bg:rgba(255,255,255,.5);
  --pill-border:#fff;
  --dots:#000;
  --logos-label:#6b6b69;
  --wordmark:#141413;      /* градієнт вордмарка героя */
  --shadow-shape:rgba(220,219,214,.44); /* тіні-підкладки кадрів у героя */
  --price-card:#faf9f5;
  --price-grad-mid:#fff;
  --btn-dark:#242423;
  --line-glow-end:#faf9f5;
  --caption-hi:#6b6b69;    /* підписи «Як це працює», Email/Telegram у футері */
  --chip-bg:#141413; --chip-ink:#faf9f5;
  --social-bg:#111110; --social-ink:#faf9f5;
  --steps-line:#141413;
  --faq-card:#faf9f5;
  --cursor:#fff;

  /* ---------- Рух (виміряно; див. _gate/recreate-home/ANIMATION-AUDIT.md) ---------- */
  --ease-framer:cubic-bezier(.44,0,.56,1); /* меню, кольори посилань (0.3s у джерелі) */
  --ease-out:cubic-bezier(.4,0,.2,1);      /* appear-тривалості з __framer__appear */
  --dur-hover:.3s;

  /* ---------- v2 · рух (АРХІТЕКТУРА-2.0 § f) і hairline ---------- */
  --ease-v2:cubic-bezier(.2,.7,.2,1);       /* hover, ролл кнопок, появи: швидкий старт, мʼякий фініш */
  --ease-v2-io:cubic-bezier(.77,0,.175,1);  /* рух по екрану: маркер звіту, слово-цикл, карти героя */
  --dur-v2:520ms;                           /* текст-ролл кнопок, поява секцій */
  --dur-v2-fast:200ms;                      /* hover / фокус */
  --hairline:rgba(0,0,0,.08);               /* #00000014 — hairline джерела (02-CURRENT-SITE § 9) */
  --surface:#f7f6f2;
  --report-bg:#111110; --report-ink:#faf9f5; --report-muted:#808075; --report-line:rgba(255,255,255,.1);
}

/* ---------- Темна тема: системна за замовчуванням (як у джерела), або вибір перемикача ---------- */
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    color-scheme:dark;
    --bg:#111110; --ink:#faf9f5; --ink-strong:#fff; --ink-deep:#faf9f5; --hero-soft:#c2f73a;
    --muted:#8a8a80; --muted-dir:#8a8a87; --faint:#5a5a57; --accent-text:#c8ff3e; --accent-text-sm:#c8ff3e; --heart:#ff4040;
    --card:#141413; --pill-bg:rgba(26,26,24,.82); --pill-border:rgba(255,255,255,.08); --dots:#fff;
    --logos-label:#808075; --wordmark:#faf9f5; --shadow-shape:rgba(219,218,213,0);
    --price-card:#141413; --price-grad-mid:#000; --btn-dark:#2b2b2b; --line-glow-end:#111110;
    --caption-hi:#c8ff3e; --chip-bg:#faf9f5; --chip-ink:#141413; --social-bg:#faf9f5; --social-ink:#111110;
    --steps-line:#fff; --faq-card:#141413; --hairline:rgba(255,255,255,.1); --surface:#171717;
  }
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:#111110; --ink:#faf9f5; --ink-strong:#fff; --ink-deep:#faf9f5; --hero-soft:#c2f73a;
  --muted:#8a8a80; --muted-dir:#8a8a87; --faint:#5a5a57; --accent-text:#c8ff3e; --accent-text-sm:#c8ff3e; --heart:#ff4040;
  --card:#141413; --pill-bg:rgba(26,26,24,.82); --pill-border:rgba(255,255,255,.08); --dots:#fff;
  --logos-label:#808075; --wordmark:#faf9f5; --shadow-shape:rgba(219,218,213,0);
  --price-card:#141413; --price-grad-mid:#000; --btn-dark:#2b2b2b; --line-glow-end:#111110;
  --caption-hi:#c8ff3e; --chip-bg:#faf9f5; --chip-ink:#141413; --social-bg:#faf9f5; --social-ink:#111110;
  --steps-line:#fff; --faq-card:#141413; --hairline:rgba(255,255,255,.1); --surface:#171717;
}
:root[data-theme="light"]{color-scheme:light}

/* v2 density (бриф 07 · головна щільніше, рух на кожен елемент) — лише токени */
:root{
  --section-pad-v2:clamp(40px,5vw,72px); /* вертикальний відступ секцій головної */
  --dur-blur:600ms;    /* заголовки: проявлення з розмиття по словах (Codrops ScrollBlurTypography) */
  --blur-step:40ms;    /* крок між словами */
  --dur-expand:450ms;  /* рядок кейса → картка (NORTH E16) */
  --dur-panel:600ms;   /* панелі «Два напрямки» flex-grow */
  --dur-line:300ms;    /* лінія текст-лінків, що малюється */
  --magnet-max:6px;    /* магніт основної кнопки, лише pointer:fine */
  --case-row-h:72px;   /* висота закритого рядка кейса */
}

/* v3 pdf-edits 17.10 — сірий градієнтний простір + зелене сяйво (Higgsfield), металеві заголовки (Apple + Higgsfield), картки-плитки. Нових брендових кольорів нуль. */
:root{
  --page-bg:linear-gradient(180deg,#f1f0eb 0%,#faf9f5 16%,#f6f5f0 56%,#eeede7 100%);
  --metal:linear-gradient(180deg,#141413 0%,#4b4c4f 52%,#141413 100%);
  --fog:rgba(17,17,16,.05);
  --glow:rgba(200,255,62,0);               /* світла тема: без зелених плям у фоні */
  --card-line:rgba(17,17,16,.1);
  --card-glass:rgba(255,255,255,.72);
  --card-hi:inset 0 1px 0 rgba(255,255,255,.9);
  --card-glow:.34;                         /* сяйво з кута картки цін на світлій */
  --tools-ink:rgba(17,17,16,.62);
  --ease-out-q:cubic-bezier(.23,1,.32,1);
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#131416; --surface:#1b1c1f; --card:#18191c; --faq-card:#18191c; --price-card:#18191c; --line-glow-end:#131416; --muted:#a0a097;
    --page-bg:radial-gradient(1100px 620px at 68% 0,rgba(255,255,255,.07),transparent 70%),linear-gradient(180deg,#1b1c1f 0%,#151618 30%,#121315 65%,#0e0f10 100%);
    --metal:linear-gradient(180deg,#fff 0%,#b9bdc6 52%,#f1f2f4 100%);
    --fog:rgba(255,255,255,.06); --glow:rgba(200,255,62,.16);
    --card-line:rgba(255,255,255,.08); --card-glass:rgba(35,38,42,.62); --card-hi:inset 0 1px 0 rgba(255,255,255,.06); --card-glow:.24;
    --tools-ink:rgba(255,255,255,.62);
  }
}
:root[data-theme="dark"]{
  --bg:#131416; --surface:#1b1c1f; --card:#18191c; --faq-card:#18191c; --price-card:#18191c; --line-glow-end:#131416; --muted:#a0a097;
  --page-bg:radial-gradient(1100px 620px at 68% 0,rgba(255,255,255,.07),transparent 70%),linear-gradient(180deg,#1b1c1f 0%,#151618 30%,#121315 65%,#0e0f10 100%);
  --metal:linear-gradient(180deg,#fff 0%,#b9bdc6 52%,#f1f2f4 100%);
  --fog:rgba(255,255,255,.06); --glow:rgba(200,255,62,.16);
  --card-line:rgba(255,255,255,.08); --card-glass:rgba(35,38,42,.62); --card-hi:inset 0 1px 0 rgba(255,255,255,.06); --card-glow:.24;
  --tools-ink:rgba(255,255,255,.62);
}

/* fix-1 F3 · hairline дорогих карток (дзеркалить .pk/.tgcard): внутрішнє кільце 1px + відблиск зверху */
:root{--hair:inset 0 0 0 1px rgba(20,20,19,.08),inset 0 1px 0 rgba(20,20,19,.06)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--hair:inset 0 0 0 1px rgba(255,255,255,.08),inset 0 1px 0 rgba(255,255,255,.06)}}
:root[data-theme="dark"]{--hair:inset 0 0 0 1px rgba(255,255,255,.08),inset 0 1px 0 rgba(255,255,255,.06)}

/* fix-1 F5 · фон помітніший: туман за рецептом b-* (білий ≈.32 на blur 160) + лайм-сяйво 16 → 23 % (лише темна; світла — без зелених плям) */
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--fog:rgba(255,255,255,.32);--glow:rgba(200,255,62,.23)}}
:root[data-theme="dark"]{--fog:rgba(255,255,255,.32);--glow:rgba(200,255,62,.23)}