/* ===== Критичний CSS: базa + хедер + hero ===== */
@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/font-0403940c.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
/* Кнопки */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:700;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;line-height:1;text-decoration:none;border:0;cursor:pointer;padding:15px 26px;border-radius:4px;color:#fff;font-family:inherit;transition:opacity .2s,transform .2s}
/* Хедер */
.header{position:sticky;top:0;z-index:50;background:color-mix(in srgb, var(--bg) 92%, transparent);backdrop-filter:blur(8px);border-bottom:1px solid rgba(0,0,0,.05)}
/* Акцент */
.accent{color:var(--red)}
/* Мармурова текстура фону (чистий CSS, без картинки) */
body{background-image:radial-gradient(rgba(9,13,26,.09) 1px, transparent 1px);background-size:26px 26px}
/* Стрілки в кнопках */
.btn .arr{transition:transform .2s}
/* Бігучий рядок */
.marquee{overflow:hidden;border-top:1px solid rgba(0,0,0,.08);padding:16px 0;position:relative}
/* Перемикач мов */
.lang{position:relative}
/* Hero */
.hero{position:relative;overflow:hidden}
/* Точка А / Точка Б — темні плашки з великими літерами */
.ptdark{position:relative;background:var(--dark);color:#fff;padding:72px 0;overflow:hidden}
.ptdark::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;opacity:.85}
.ptdark--a::after{background:linear-gradient(90deg,var(--red),transparent)}
.ptdark--b::after{background:linear-gradient(90deg,var(--blue),transparent)}
.ptdark__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}
.ptdark .ab__h2{color:#fff}
.ptdark p{color:#ddd8d4}
.ptdark .mark,.ptdark .ritem{color:#cfcac6}
.ptdark .ritem strong,.ptdark .tagchip strong{color:#fff}
/* Літера з анімованим кільцем */
.ptdark__letter{position:relative;display:grid;place-items:center;min-height:440px}
.ptdark__letter span{font-size:clamp(280px,30vw,440px);font-weight:700;line-height:1;position:relative;z-index:1;opacity:0;transform:scale(.82);transition:opacity .7s ease .15s,transform .7s cubic-bezier(.2,.8,.3,1) .15s}
.ptdark__ring{position:absolute;width:min(100%,440px);aspect-ratio:1;overflow:visible}
.ptdark__ring circle{fill:none;stroke-width:1.2;stroke-dasharray:302;stroke-dashoffset:302;transform-origin:50% 50%;transform:rotate(-90deg);transition:stroke-dashoffset 1.5s cubic-bezier(.4,0,.2,1) .1s}
.ptdark__ring .ptdark__orbit{stroke:none;transform-origin:50% 50%;animation:ptorbit 14s linear infinite;opacity:0;transition:opacity .5s ease 1.2s}
.ptdark--a .ptdark__letter span{color:var(--red)}
.ptdark--b .ptdark__letter span{color:var(--blue)}
.ptdark--a .ptdark__ring circle{stroke:rgba(217,32,40,.55)}
.ptdark--b .ptdark__ring circle{stroke:rgba(73,124,255,.6)}
.ptdark--a .ptdark__orbit{fill:var(--red)}
.ptdark--b .ptdark__orbit{fill:var(--blue)}
.ptdark__letter.is-in span{opacity:1;transform:none}
.ptdark__letter.is-in .ptdark__ring circle{stroke-dashoffset:0}
.ptdark__letter.is-in .ptdark__orbit{opacity:1}
@keyframes ptorbit{to{transform:rotate(360deg)}}
/* Поетапна поява пунктів */
.ptdark .marklist .mark,.ptdark .bstats .bstat{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease}
.ptdark .rv.is-in .marklist .mark,.ptdark .rv.is-in .bstats .bstat{opacity:1;transform:none}
.ptdark .marklist .mark:nth-child(1){transition-delay:.10s}
.ptdark .marklist .mark:nth-child(2){transition-delay:.18s}
.ptdark .marklist .mark:nth-child(3){transition-delay:.26s}
.ptdark .marklist .mark:nth-child(4){transition-delay:.34s}
.ptdark .marklist .mark:nth-child(5){transition-delay:.42s}
.ptdark .marklist .mark:nth-child(6){transition-delay:.50s}
.ptdark .bstats .bstat:nth-child(1){transition-delay:.06s}
.ptdark .bstats .bstat:nth-child(2){transition-delay:.12s}
.ptdark .bstats .bstat:nth-child(3){transition-delay:.18s}
.ptdark .bstats .bstat:nth-child(4){transition-delay:.24s}
.ptdark .bstats .bstat:nth-child(5){transition-delay:.30s}
.ptdark .bstats .bstat:nth-child(6){transition-delay:.36s}
@media(prefers-reduced-motion:reduce){
  .ptdark__letter span,.ptdark .marklist .mark,.ptdark .bstats .bstat{opacity:1;transform:none;transition:none}
  .ptdark__ring circle{stroke-dashoffset:0;transition:none}
  .ptdark__orbit{animation:none;opacity:1}
}
@media(max-width:860px){.ptdark__grid{grid-template-columns:1fr;gap:24px}.ptdark__letter{order:2;min-height:280px}.ptdark__letter span{font-size:200px}.ptdark__ring{width:min(88%,280px)}}
/* CTA-картка кейсу */
.ctacard{padding:72px 0}
.ctacard__box{position:relative;overflow:hidden;background:var(--dark);color:#fff;border-radius:24px;padding:clamp(32px,5vw,64px);display:grid;grid-template-columns:1.4fr auto;gap:36px;align-items:center}
.ctacard__box::before{content:"";position:absolute;right:-120px;top:50%;transform:translateY(-50%);width:420px;aspect-ratio:1;border-radius:50%;border:1.5px solid rgba(217,32,40,.45);pointer-events:none}
.ctacard__box::after{content:"";position:absolute;right:284px;top:calc(50% - 210px);width:13px;height:13px;border-radius:50%;background:var(--red);transform:translate(50%,-50%);pointer-events:none}
.ctacard h2{font-size:clamp(24px,3.4vw,42px);font-weight:700;line-height:1.15;margin:0 0 12px;max-width:720px}
.ctacard h2 em{font-style:normal;color:var(--red)}
.ctacard p{font-size:15px;line-height:1.55;margin:0;max-width:600px;color:#ddd8d4}
.ctacard .btn{position:relative;z-index:1}
html[data-theme="dark"] .ctacard__box{border:1px solid var(--line)}
@media(max-width:860px){.ctacard__box{grid-template-columns:1fr;border-radius:18px}.ctacard__box::before{right:-180px;opacity:.6}.ctacard__box::after{display:none}}
/* Точка Б — картки результатів */
.bstats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0 18px}
.bstat{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.12);border-top:3px solid var(--blue);border-radius:12px;padding:16px 16px 14px}
.bstat__num{font-size:clamp(26px,2.8vw,38px);font-weight:700;line-height:1;margin:0 0 6px;color:#fff;white-space:nowrap}
.bstat__num small{font-size:.55em;font-weight:600;color:#8d94a8}
.bstat__label{font-size:12.5px;line-height:1.4;color:#b9bfd0;margin:0}
.ptdark__extra{font-size:14px;line-height:1.6;color:#b9bfd0;margin:0}
.ptdark__extra strong{color:#fff}
@media(max-width:860px){.bstats{grid-template-columns:repeat(2,1fr)}}
/* Точки росту — пункти з галочками */
.growth__intro{max-width:none}
.gplist{list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:20px 48px}
.gp{position:relative;padding-left:30px;font-size:14.5px;line-height:1.55;color:var(--text-2);margin:0}
.gp::before{content:"\2713";position:absolute;left:0;top:0;color:var(--blue);font-weight:700;font-size:17px}
@media(max-width:860px){.gplist{grid-template-columns:1fr;gap:16px}}
/* Карусель креативів — горизонтальне гортання */
.carwrap{position:relative}
.carousel4{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/4);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 0 10px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.carousel4::-webkit-scrollbar{display:none}
.carousel4 .creative{scroll-snap-align:start}
.carbtn{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:44px;height:44px;border-radius:50%;border:0;background:var(--red);color:#fff;box-shadow:0 8px 24px rgba(217,32,40,.35);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s,transform .2s}
.carbtn:hover{transform:translateY(-50%) scale(1.06)}
.carbtn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.carbtn--prev{left:-14px}
.carbtn--next{right:-14px}
.carbtn[disabled]{opacity:.35;cursor:default}
html[data-theme="dark"] .carbtn{background:#bd1c23}
@media(max-width:1100px){.carousel4{grid-auto-columns:calc((100% - 32px)/3)}}
@media(max-width:860px){.carousel4{grid-auto-columns:calc((100% - 16px)/2)}.carbtn{display:none}}
@media(max-width:560px){.carousel4{grid-auto-columns:80%}}
/* Двомовні креативи CZ + UA */
.bipairs{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:26px}
.bipair{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.bipair figure{margin:0;position:relative}
.bipair img{width:100%;height:auto;border-radius:14px;display:block;box-shadow:0 8px 24px rgba(0,0,0,.12)}
.biflag{position:absolute;top:10px;left:10px;z-index:1;font-size:11px;font-weight:700;letter-spacing:.1em;color:#fff;padding:5px 10px;border-radius:5px}
.biflag--ua{background:var(--blue)}
.biflag--cz{background:var(--red)}
.bicap{font-size:13px;font-weight:600;color:var(--text-2);margin:12px 0 0;grid-column:1/-1}
@media(max-width:860px){.bipairs{grid-template-columns:1fr;gap:28px}}
/* Висновки */
.concl__lead{max-width:900px;font-size:clamp(17px,2vw,21px);line-height:1.5;font-weight:700;color:var(--text);margin:0 0 14px}
.concl__sub{max-width:900px;font-size:15px;line-height:1.6;color:var(--text-2);margin:0}
.concl__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:38px}
.ccard{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:26px 24px 24px;box-shadow:0 10px 30px rgba(9,13,26,.06)}
html[data-theme="dark"] .ccard{background:var(--surface-2);box-shadow:none}
.ccard::before{content:"";position:absolute;left:24px;right:24px;top:0;height:3px;border-radius:0 0 3px 3px}
.ccard--1::before{background:var(--red)}
.ccard--2::before{background:var(--blue)}
.ccard--3::before{background:linear-gradient(90deg,var(--red),var(--blue))}
.ccard__n{display:block;font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--text-3);margin:0 0 10px}
.ccard__t{font-size:17px;font-weight:700;line-height:1.25;margin:0 0 8px;color:var(--text)}
.ccard__d{font-size:14.5px;line-height:1.55;color:var(--text-2);margin:0}
@media(max-width:860px){.concl__grid{grid-template-columns:1fr}}
/* 5 кроків — липкий мокап і факти під ним */
.csteps__col{position:sticky;top:92px;align-self:start}
@media(max-width:1024px){.csteps__col{position:static}}
/* Активний крок при скролі */
.csteps__list{position:relative}
.csteps__list::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:2px;background:rgba(255,255,255,.12);border-radius:2px}
.csteps__list::after{content:"";position:absolute;left:0;top:6px;width:2px;height:var(--prog,0px);background:linear-gradient(180deg,var(--red),var(--blue));border-radius:2px;transition:height .25s ease-out}
.csteps__list>li{position:relative;padding-left:26px;opacity:.45;transition:opacity .4s ease}
.csteps__list>li.is-active{opacity:1}
.csteps__list>li::before{content:"";position:absolute;left:-4px;top:9px;width:10px;height:10px;border-radius:50%;background:var(--dark);border:2px solid rgba(255,255,255,.25);transition:background .3s,border-color .3s,transform .3s}
.csteps__list>li.is-active::before{background:var(--red);border-color:var(--red);transform:scale(1.25)}
@media(prefers-reduced-motion:reduce){.csteps__list>li{opacity:1}.csteps__list::after{transition:none}}
/* Надрядок на синьому — червоний номер зливається з фоном */
.cvideo .eyebrow::before{color:#fff}
.cvideo .eyebrow--light{color:rgba(255,255,255,.78)}
/* Галерея креативів — 4 в ряд */
.creatives--4{grid-template-columns:repeat(4,1fr);gap:18px}
@media (max-width:1024px){.creatives--4{grid-template-columns:repeat(3,1fr)}}
@media (max-width:640px){.creatives--4{grid-template-columns:repeat(2,1fr);gap:12px}}
/* ---------- Відеовідгук — оновлений блок ---------- */
.cvideo{position:relative;overflow:hidden;padding:78px 0}
.cvideo::before{content:"";position:absolute;left:-150px;top:-130px;width:430px;aspect-ratio:1;border-radius:50%;border:1.5px solid rgba(255,255,255,.18);pointer-events:none}
.cvideo::after{content:"";position:absolute;right:-100px;bottom:-120px;width:320px;aspect-ratio:1;border-radius:50%;border:1.5px solid rgba(255,255,255,.14);pointer-events:none}
.cvideo .container{position:relative;z-index:1}
.cvideo__quote{display:block;font-size:clamp(72px,9vw,120px);line-height:.6;font-weight:700;color:rgba(255,255,255,.24);margin:0 0 14px}
.cvideo__lead{font-size:15.5px;line-height:1.6;color:rgba(255,255,255,.84);margin:16px 0 0;max-width:420px}
.cvideo__meta{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 0;padding:0;list-style:none}
.cvideo__meta li{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:8px 15px;border:1.5px solid rgba(255,255,255,.38);border-radius:999px;color:#fff}
.cvideo__player{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 26px 60px rgba(0,0,0,.38)}
.cvideo__player video{border-radius:16px}
.cvfacade{position:absolute;inset:0;border:0;padding:0;margin:0;cursor:pointer;background:transparent;display:grid;place-items:center}
.cvfacade::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,13,26,.12),rgba(9,13,26,.58))}
.cvplay{position:relative;z-index:2;width:76px;height:76px;border-radius:50%;background:var(--red);display:grid;place-items:center;box-shadow:0 14px 34px rgba(217,32,40,.5);transition:transform .25s}
.cvfacade:hover .cvplay,.cvfacade:focus-visible .cvplay{transform:scale(1.08)}
.cvplay svg{width:26px;height:26px;fill:#fff;margin-left:4px}
.cvplay::before{content:"";position:absolute;inset:-12px;border-radius:50%;border:2px solid rgba(255,255,255,.45);animation:cvpulse 2.4s ease-out infinite}
@keyframes cvpulse{0%{transform:scale(.9);opacity:.85}70%{transform:scale(1.4);opacity:0}100%{opacity:0}}
.cvfacade__label{position:absolute;z-index:2;left:18px;bottom:16px;font-size:12.5px;font-weight:600;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.6)}
.cvideo__player.is-playing .cvfacade{display:none}
@media (prefers-reduced-motion:reduce){.cvplay::before{animation:none}}
@media (max-width:900px){.cvideo{padding:56px 0}.cvfacade__label{font-size:11.5px;left:14px;bottom:12px}}
/* HIL STUDIO — main.css (секції нижче першого екрана, спільні для всіх сторінок) */

/* ---------- Секції: загальне ---------- */
.section{padding:72px 0}
/* Секції нижче фолду — не рендеримо, поки не близько до вьюпорта */
.cv-auto{content-visibility:auto;contain-intrinsic-size:auto 700px}
/* ---------- Плашка «в цифрах» ---------- */
.stats{background:var(--surface);color:var(--text);border:1px solid var(--line);box-shadow:0 8px 26px rgba(0,0,0,.07);border-radius:16px;padding:26px 34px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;align-items:start}
/* ---------- Послуги ---------- */
.services{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
/* ---------- Експертиза в нішах ---------- */
.niches{position:relative}
/* ---------- CTA-банер «партнер» ---------- */
.partner{position:relative;color:#fff;padding:88px 0;background:var(--dark)}
/* ---------- Кейси ---------- */
.cases{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
/* ---------- 6 кроків ---------- */
.steps{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;text-align:center;padding:0}
/* ---------- Відгуки (слайдер) ---------- */
.reviews{position:relative}
/* ---------- Контакти ---------- */
.contact{display:grid;grid-template-columns:1fr}
/* ---------- Декоративні зірочки ---------- */
.section{position:relative}
/* ---------- Блог ---------- */
.blog__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
/* ---------- Нам довіряють: стрічка логотипів ---------- */
.trust__sub{font-size:17px;font-weight:700;margin:0 0 12px}
/* ---------- Попап ---------- */
.popup{position:fixed;inset:0;z-index:60;display:none;align-items:center;justify-content:center;padding:20px}
/* ---------- Кнопка вгору ---------- */
.to-top{position:fixed;right:18px;bottom:18px;z-index:40;width:42px;height:42px;border-radius:8px;border:0;background:var(--dark);color:#fff;font-size:18px;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .25s}
/* ---------- Адаптив ---------- */
@media (max-width:1024px){
  .services{grid-template-columns:repeat(2,1fr)}
  .svc{min-height:0}
  .stats{grid-template-columns:1fr 1fr}
  .steps{grid-template-columns:repeat(3,1fr);row-gap:28px}
}
/* ---------- Доступність / анімації ---------- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
/* ---------- Покращення дизайну ---------- */
/* Плавна поява при скролі (вмикається тільки коли є JS) */
html.js .rv{opacity:0;transform:translateY(26px);transition:opacity .5s ease,transform .5s ease}
/* Hover: картки послуг підіймаються */
.svc{transition:transform .25s ease,box-shadow .25s ease}
/* Hover: стрілка на кейсах з'являється при наведенні */
@media (hover:hover){
  .case__arrow{opacity:0;transform:translate(-6px,6px);transition:opacity .25s,transform .25s}
  .case:hover .case__arrow{opacity:1;transform:none}
}
/* 6 кроків: маршрут зі стрілками між кроками */
.steps li{position:relative}
/* Reduced motion: контент завжди видно, маркі не рухається */
@media (prefers-reduced-motion:reduce){
  html.js .rv{opacity:1;transform:none}
  .marquee__inner{animation:none}
}
/* ---------- Про власницю ---------- */
.founder{background:var(--dark);color:#fff;padding:80px 0}
/* ---------- Сторінка кейсів ---------- */
.hero--cases__inner{max-width:760px;padding:64px 0 40px;text-align:left}
/* ---------- Блок «під ключ» ---------- */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
/* ---------- Картка кейсу (нова обкладинка) ---------- */
.cases{grid-template-columns:repeat(3,1fr);gap:24px}
/* ---------- Картка «всі проєкти» замість кнопки ---------- */
.case--all{background:var(--surface);border:1.5px solid var(--red);box-shadow:none;align-items:center;justify-content:center;text-align:center;gap:6px;min-height:100%;transition:background .25s,transform .25s,box-shadow .25s}
/* ---------- «Тут може бути ваша історія» ---------- */
.yourcase{padding:72px 0}
/* ---------- FAQ ---------- */
.faq__list{max-width:none}
/* ---------- Велика зациклена стрічка ---------- */
.bigmarquee{overflow:hidden;padding:34px 0 44px;user-select:none}
/* ---------- Про компанію ---------- */
.about__h2{margin-bottom:10px;position:relative;display:inline-block}
/* ---------- Наша команда ---------- */
.team__sub{max-width:660px;margin:16px 0 40px;font-size:16px;line-height:1.6;color:var(--text-2)}
/* ================= СТОРІНКА КЕЙСУ ================= */
.chero{padding:56px 0 40px}
.chero__art img{width:100%;height:auto;border-radius:18px;box-shadow:0 14px 36px rgba(0,0,0,.14);background:var(--surface-2)}
.csteps__media img{width:100%;height:auto}
/* ---------- Перемикач теми ---------- */
.theme-toggle{position:fixed;top:88px;right:18px;z-index:45;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;padding:0;box-shadow:0 6px 20px var(--shadow);transition:background .2s,border-color .2s,transform .2s}
/* ---------- Темна тема: доведення секцій ---------- */
html[data-theme="dark"] .header{background:var(--bg);backdrop-filter:none;border-bottom-color:rgba(255,255,255,.08)}
html[data-theme="dark"] .stats,html[data-theme="dark"] .founder,html[data-theme="dark"] .turnkey{background:var(--surface)}
html[data-theme="dark"] .csteps{background:#090d1a}
html[data-theme="dark"] .creative img,html[data-theme="dark"] .chero__art img{background:var(--surface-2)}
/* Кнопка в хмарі ніш — той самий вигляд, що й плашки */
.niches__cloud{align-items:center}
/* ---------- Темна тема: доведення (2-й прохід) ---------- */
/* Секції, які й у світлій темі кольорові — лишаємо як є, лише гасимо яскравість */
html[data-theme="dark"] .credcta{background:#b81a21}
/* Плашки-обкладинки й службові поверхні */
html[data-theme="dark"] .case__media,
html[data-theme="dark"] .creative img,
html[data-theme="dark"] .chero__art img{background:var(--surface-2)}
/* мокап телефона прозорий — жодних підкладок у будь-якій темі */
.csteps__media img{background:none!important}
/* Текстові блоки сторінки кейсу */
html[data-theme="dark"] .ab__grid p{color:var(--text-2)}
/* Форми і дрібні елементи */
html[data-theme="dark"] .form label:not(.check){color:var(--text)}
/* Фото в блоці «Про компанію» */
.about__art img{width:100%;height:auto;border-radius:14px;box-shadow:0 16px 44px var(--shadow)}
/* Темна тема: панелі мають читатись як панелі */
html[data-theme="dark"] .stats,
html[data-theme="dark"] .case,
html[data-theme="dark"] .case--all,
html[data-theme="dark"] .review__text,
html[data-theme="dark"] .yourcase__form,
html[data-theme="dark"] .popup__box{border:1px solid rgba(255,255,255,.08)}
/* Текст на кольорових картках — завжди білий, у будь-якій темі */
.niche:not(.niche--cta),.credcta,.credcta h2,.credcta p,
.cvideo,.cvideo__h2,
.tagchip__badge{color:#fff}
/* Фото офісу: своя версія для кожної теми */
.about__pic--dark{display:none}
/* Соцмережі під фото засновниці */
.founder__soc{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 0;padding:0}
/* ---------- Плаваюча кнопка Telegram ---------- */
.tg-fab{position:fixed;right:18px;bottom:18px;z-index:46;display:inline-flex;align-items:center;gap:0;
  height:56px;padding:0 16px;border-radius:999px;background:linear-gradient(135deg,#2aabee,#229ed9);
  color:#fff;text-decoration:none;box-shadow:0 10px 28px rgba(34,158,217,.45);
  transition:gap .25s,padding .25s,transform .2s,box-shadow .2s;overflow:hidden}
/* Кнопка «вгору» піднімається над телеграмом */
.to-top{bottom:86px}
/* Темна тема: один відтінок синього і червоного на всіх елементах */
html[data-theme="dark"] .btn--blue,
html[data-theme="dark"] .contact__btn--blue,
html[data-theme="dark"] .tagchip__badge--blue,
html[data-theme="dark"] .cvideo{background:#1848c9}
/* ---------- Банер cookie ---------- */
.cookie{position:fixed;left:18px;bottom:18px;z-index:70;width:min(380px,calc(100vw - 36px));
  background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:14px;
  padding:20px;box-shadow:0 18px 44px rgba(0,0,0,.22)}
/* ---------- Екосистема компаній ---------- */
.ecosystem__lead{max-width:760px;font-size:16px;line-height:1.6;color:var(--text-2);margin:-16px 0 44px}
/* стовбур від кореня */
.eco__tree::before{content:"";position:absolute;left:50%;top:-52px;width:1.5px;height:26px;background:var(--line)}
/* горизонтальна перекладина */
.eco__tree::after{content:"";position:absolute;left:16.6%;right:16.6%;top:-26px;height:1.5px;background:var(--line)}
/* ніжка від перекладини до картки */
.eco__card::before{content:"";position:absolute;left:50%;top:-26px;width:1.5px;height:26px;background:var(--line)}