/* ============================================================
   TechCom design system — шар поверх site.css (НЕ редагувати site.css).
   Порядок підключення: site.css → article-refinements.css → ЦЕЙ ФАЙЛ.
   Палітра: графітове полотно (успадковане від теми) + мідний акцент
   #ee6a34 (спадок червоного зі старого лого TechCom) + бурштин цифр.
   Шрифти: FixelDisplay (заголовки) / FixelText (текст) — локальні woff2.
   Наприкінці файлу — ЗГЕНЕРОВАНИЙ блок перекриттів захардкоджених
   акцентів site.css (не правити руками, перегенеровується скриптом).
   ============================================================ */

/* ── Шрифти ─────────────────────────────────────────────── */
@font-face {
  font-family: 'FixelText';
  src: url('/assets/theme/assets/fonts/FixelText-Regular.woff2') format('woff2');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'FixelText';
  src: url('/assets/theme/assets/fonts/FixelText-Medium.woff2') format('woff2');
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'FixelText';
  src: url('/assets/theme/assets/fonts/FixelText-SemiBold.woff2') format('woff2');
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'FixelText';
  src: url('/assets/theme/assets/fonts/FixelText-Bold.woff2') format('woff2');
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'FixelDisplay';
  src: url('/assets/theme/assets/fonts/FixelDisplay-SemiBold.woff2') format('woff2');
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'FixelDisplay';
  src: url('/assets/theme/assets/fonts/FixelDisplay-Bold.woff2') format('woff2');
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'FixelDisplay';
  src: url('/assets/theme/assets/fonts/FixelDisplay-ExtraBold.woff2') format('woff2');
  font-weight: 800; font-style: normal; font-display: swap;
}

/* ── Токени (перевизначають ОБИДВА :root теми) ──────────── */
:root {
  --teal: #ee6a34;
  --teal-dark: #c14e1f;
  --cyan: #ffb08a;
  --yellow: #ffce7a;
  --card-hover: rgba(238, 106, 52, 0.12);
  --teal-border: rgba(238, 106, 52, 0.28);
  --teal-border-h: rgba(238, 106, 52, 0.55);
  --grad-dark-teal: linear-gradient(135deg, #0c1118 0%, #1d2530 50%, #251811 100%);
  --grad-navy: linear-gradient(135deg, #0c1118 0%, #221610 100%);
  --font-family-base: 'FixelText', 'Montserrat', sans-serif;

  /* власні токени TechCom */
  --tc-accent: #ee6a34;          /* дія, кнопки, рамки */
  --tc-accent-text: #ff9166;     /* акцентний ТЕКСТ на темному (контраст ≥4.5) */
  --tc-accent-deep: #c14e1f;
  --tc-amber: #ffce7a;
  --tc-ink: #10151d;
  --tc-node: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.2 12.8 8 8l4.8 4.8M8 8V3.4' stroke='%23000' stroke-width='1.6' fill='none'/%3E%3Ccircle cx='8' cy='3' r='2'/%3E%3Ccircle cx='3' cy='13' r='2'/%3E%3Ccircle cx='13' cy='13' r='2'/%3E%3C/svg%3E");

  /* відступ під фіксованим хедером: ЄДИНЕ число повітря */
  --ec-hdr: 102px;
  --ec-air: 96px;
}
@media (max-width: 1024px) { :root { --ec-hdr: 92px; } }
@media (max-width: 768px)  { :root { --ec-hdr: 84px; } }

/* ── Базова типографіка ─────────────────────────────────── */
body {
  font-family: 'FixelText', 'Montserrat', sans-serif;
}
/* Посилання ніколи не підкреслюються (вимога користувача).
   Афорданс лінка — мідний колір, не риска. */
a, a:hover, a:focus-visible, a:active,
.single-body a, .glossary-term-link, .footer-privacy {
  text-decoration: none !important;
}
/* Жодного браузерного синього: контентні лінки — мідні (контраст ≥4.5 на графіті) */
main a { color: var(--tc-accent-text); }
main a:hover { color: var(--tc-amber); }
h1, h2, h3, h4,
.hero-content h1, .single-hero h1, .section-header h2 {
  font-family: 'FixelDisplay', 'Montserrat', sans-serif;
  letter-spacing: -0.5px;
}

/* ── Хедер: плаский інженерний бар (НЕ донорська капсула) ── */
/* мідна сигнатурна лінія по верху сторінки */
.header::after {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: linear-gradient(90deg, var(--tc-accent) 0%, var(--tc-amber) 55%, transparent 100%);
  pointer-events: none;
}
/* капсулу-шелл донора вимикаємо повністю */
.header::before { display: none !important; }
/* header.header — специфічність вища за згенерований блок */
header.header {
  background: rgba(11, 15, 21, 0.92) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
  backdrop-filter: blur(10px);
  box-shadow: none !important;
}
/* бюджет ширини шапки (замір 2026-07-31: 203+760+286=1249 > 1140 → wrap):
   лого 26px, gap 8px, стислі падінги — сума ~1040 ≤ контейнера */
.header-inner { max-width: 1200px; }
header.header .header-logo img { height: 26px !important; width: auto; }
.header-nav { gap: 8px !important; }
.header-right { gap: 14px !important; }
.header-inner .header-cta { padding: 8px 14px !important; white-space: nowrap; }
/* меню: блок-ховер замість підкреслень (риски теми глушимо всі) */
.header-nav a .nav-text::after,
.header-nav a:hover .nav-text::after,
.header-nav a[aria-current="page"] .nav-text::after { display: none !important; }
.header-nav a {
  position: relative;
  padding: 8px 10px !important;
  border-radius: var(--radius-md, 4px);
  white-space: nowrap;
  transition: background-color .15s ease, color .15s ease;
}
.header-nav a::after { display: none !important; }
.header-nav a:hover { background: rgba(255, 255, 255, 0.05); color: #fff !important; }
.header-nav a.is-active {
  background: rgba(238, 106, 52, 0.13);
  color: #fff !important;
}
.header-nav a.is-active .nav-text { display: inline-flex; align-items: center; }
.header-nav a.is-active .nav-text::before {
  content: "";
  width: 11px; height: 11px;
  margin-right: 7px;
  background-color: var(--tc-accent-text);
  -webkit-mask: var(--tc-node) center/contain no-repeat;
          mask: var(--tc-node) center/contain no-repeat;
}
/* перемикач мов: сегментований контрол замість пігулок.
   display НЕ чіпаємо — видимість (десктоп vs мобільний) керує тема:
   .mobile-lang-header показується лише ≤768, .lang-switcher — лише на десктопі. */
.lang-switcher, .mobile-lang-header, .mobile-lang {
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: var(--radius-md, 4px);
  overflow: hidden;
  gap: 0 !important;
}
.lang-switcher .lang-sw:not(:last-child)::after { display: none !important; }
.lang-switcher .lang-sw, .mobile-lang-header .lang-sw, .mobile-lang .lang-sw {
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 6px 10px !important;
  font-size: 12px !important;
  line-height: 1 !important;
  color: var(--muted) !important;
}
.lang-switcher .lang-sw + .lang-sw,
.mobile-lang-header .lang-sw + .lang-sw,
.mobile-lang .lang-sw + .lang-sw { border-left: 1px solid rgba(255, 255, 255, 0.14) !important; }
.lang-switcher .lang-sw.active, .mobile-lang-header .lang-sw.active, .mobile-lang .lang-sw.active {
  background: rgba(238, 106, 52, 0.16) !important;
  color: #fff !important;
}
/* CTA: тема бʼє background скороченим записом з !important — міняємо лише колір */
.header-cta {
  background: var(--tc-accent) !important;
  color: #fff !important;
  transition: background-color .18s ease, color .18s ease;
}
.header-cta:hover, .header-cta:focus-visible {
  background: var(--tc-amber) !important;
  color: var(--tc-ink) !important;
}

/* ── Відступ під хедером (обчислюваний, не фіксований) ──── */
.ec-hero, .single-hero, .hero-author {
  padding-top: calc(var(--ec-hdr) + var(--ec-air)) !important;
}
/* .hero-inner додає власні 32px між краєм секції та чипом (заміряно
   2026-07-31: chipTop − heroTop = 32 на всіх ширинах) — тому −32px. */
.hero-inner {
  padding-top: calc(var(--ec-hdr) + var(--ec-air) - 32px) !important;
}
/* тема робить hero-inner флексом з vh-прив'язкою — зазор пливе від висоти вікна */
.hero-inner {
  display: block !important;
  min-height: 0 !important;
  height: auto !important;
  padding-bottom: 84px !important;
}
/* синхронізація профілю героя внутрішніх сторінок із головною */
.hero-tag {
  font-size: 12.5px !important;
  padding: 8px 16px;
  margin-bottom: 28px !important;
}
.hero-inner h1 { font-size: clamp(38px, 5vw, 68px) !important; line-height: 1.08 !important; }
.hero-inner .hero-description { margin-top: 28px !important; font-size: 18.5px !important; }

/* ── Чипи: іконка-вузол замість донорських «//» ─────────── */
.hero-tag, .ha-tag, .tag, .ec-kicker {
  display: flex;
  width: fit-content;
  line-height: 1.2;
  align-items: center;
  font-family: 'FixelText', 'Montserrat', sans-serif !important;
  letter-spacing: .14em !important;
  text-transform: uppercase;
  color: var(--tc-accent-text) !important;
  opacity: 1 !important;
}
.hero-tag::before, .ha-tag::before, .ec-kicker::before,
.section-header .tag::before, .ig-popup-tag::before,
.pillar-mention-label::before, .igng-service-cta__eyebrow::before {
  content: "";
  flex: 0 0 auto;
  width: 13px; height: 13px;
  margin-right: 8px;
  background-color: currentColor;
  -webkit-mask: var(--tc-node) center/contain no-repeat;
          mask: var(--tc-node) center/contain no-repeat;
}

/* ── Капсула хедера і темні поверхні: графіт замість navy ── */
:root {
  --header-shell-bg: rgba(13, 17, 24, 0.78);
  --header-shell-border: rgba(255, 255, 255, 0.08);
}
.header { background: rgba(13, 17, 24, 0.94) !important; }
@media (max-width: 1024px) {
  .header { background-color: #0b0f15 !important; }
}
/* CTA хедера: суцільна мідь (специфічність вище за згенерований блок) */
.header-inner .header-cta {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  background: var(--tc-accent) !important;
  color: #fff !important;
  border-color: var(--tc-accent) !important;
  box-shadow: none !important;
  transition: background-color .18s ease, color .18s ease;
}
.header-inner .header-cta:hover,
.header-inner .header-cta:focus-visible {
  background: var(--tc-amber) !important;
  color: var(--tc-ink) !important;
  border-color: var(--tc-amber) !important;
}
div.mobile-menu .mobile-contact-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  background: var(--tc-accent) !important;
  color: #fff !important;
  border-color: var(--tc-accent) !important;
}

/* ── Кнопки ─────────────────────────────────────────────── */
.btn-primary {
  background: var(--tc-accent) !important;
  color: #fff !important;
  border: none;
  border-radius: var(--radius-md, 4px);
  transition: background-color .18s ease, transform .18s ease;
}
.btn-primary:hover { background: var(--tc-accent-deep) !important; transform: translateY(-1px); }
.btn-ghost {
  border-color: var(--teal-border) !important;
  color: var(--tc-accent-text) !important;
  border-radius: var(--radius-md, 4px);
}
.btn-ghost:hover { border-color: var(--teal-border-h) !important; background: var(--card-hover) !important; }

/* ── Аватари завжди круглі (виняток із кутової геометрії) ── */
.expert-card__ava, .expert-card__ava img, .ha-ava, .ha-ava img,
.igng-authorbox__avatar, .igng-expert-comment__media, .igng-expert-comment__media img,
.person-avatar, .person-avatar img {
  border-radius: 50% !important;
  clip-path: none;
}

/* ── Форми ──────────────────────────────────────────────── */
.ig-crm-form input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
.ig-crm-form select,
.ig-crm-form textarea {
  width: 100% !important;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid var(--card-border);
  border-radius: var(--radius-md, 4px);
  color: var(--text);
}
.ig-crm-form input:focus, .ig-crm-form select:focus, .ig-crm-form textarea:focus {
  border-color: var(--teal-border-h);
  outline: none;
}
.ig-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
@media (max-width: 620px) { .ig-form-row { grid-template-columns: 1fr; } }
input[type="range"] { background: transparent !important; border: none !important; }
.ig-crm-form select {
  appearance: none;
  -webkit-appearance: none;
  padding-right: 34px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23ff9166' stroke-width='2' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 12px 8px;
}
.ig-crm-form select option { background: var(--tc-ink); color: var(--text); }

/* ── Футер: інженерна панель TechCom (не донорська сітка) ── */
footer.site-footer {
  position: relative;
  background: #0a0e13 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
  padding: 56px 24px 22px;
  overflow: hidden;
}
/* вузлова сітка як у героя — фірмова текстура */
footer.site-footer::before {
  content: "";
  position: absolute; inset: 0;
  background-image: radial-gradient(circle at 1px 1px, rgba(255, 255, 255, 0.07) 1px, transparent 1.6px);
  background-size: 34px 34px;
  -webkit-mask-image: radial-gradient(ellipse 70% 90% at 85% 10%, #000 0%, transparent 70%);
          mask-image: radial-gradient(ellipse 70% 90% at 85% 10%, #000 0%, transparent 70%);
  pointer-events: none;
}
/* мідна лінія по нижньому краю — дзеркало верхньої лінії хедера */
footer.site-footer::after {
  content: "";
  position: absolute; left: 0; right: 0; bottom: 0;
  height: 2px;
  background: linear-gradient(270deg, var(--tc-accent) 0%, var(--tc-amber) 55%, transparent 100%);
}
footer.site-footer .container { position: relative; }
footer.site-footer .footer-grid { gap: 40px 52px; margin-bottom: 38px; }
footer.site-footer .footer-col-title,
footer.site-footer .footer-col h4 {
  display: flex; align-items: center;
  font-family: 'FixelText', 'Montserrat', sans-serif;
  font-size: 11.5px; font-weight: 600;
  letter-spacing: .16em; text-transform: uppercase;
  color: var(--tc-amber) !important;
  margin-bottom: 16px;
}
footer.site-footer .footer-col-title::before,
footer.site-footer .footer-col h4::before {
  content: "";
  width: 11px; height: 11px;
  margin-right: 7px;
  background-color: var(--tc-accent);
  -webkit-mask: var(--tc-node) center/contain no-repeat;
          mask: var(--tc-node) center/contain no-repeat;
}
footer.site-footer .footer-menu-list li { margin-bottom: 8px; }
footer.site-footer .footer-menu-list a,
footer.site-footer .footer-col a { font-size: 13.5px; color: var(--muted); }
footer.site-footer .footer-menu-list a:hover,
footer.site-footer .footer-col a:hover { color: var(--tc-accent-text); }
footer.site-footer .footer-desc { max-width: 300px; }
footer.site-footer .footer-social a { border-radius: var(--radius-md, 4px); }
footer.site-footer .footer-social a:hover {
  border-color: var(--tc-accent);
  background: rgba(238, 106, 52, 0.12);
}
footer.site-footer .footer-social a:hover svg { stroke: var(--tc-accent-text); }
footer.site-footer .footer-contacts svg { stroke: var(--tc-accent); }
footer.site-footer .footer-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  text-align: left;
  padding-top: 20px;
}
.back-to-top {
  border-radius: var(--radius-md, 4px) !important;
  border: 1px solid var(--teal-border) !important;
  background: rgba(13, 17, 24, 0.92) !important;
}
.back-to-top:hover { border-color: var(--tc-accent) !important; }

/* ── Нюанси статті: FAQ, джерела, сайдбар ────────────────── */
/* FAQ: плоский реєстр з моно-нумерацією замість «пігулок» */
section.article-faq, .article-faq {
  background: transparent !important;
  border: none !important;
  border-left: 2px solid var(--teal-border) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 4px 0 4px 26px !important;
}
.article-faq__eyebrow {
  font-family: 'PlexMono', ui-monospace, monospace !important;
  font-size: 10.5px !important;
  letter-spacing: .2em !important;
  text-transform: uppercase;
  color: var(--tc-amber) !important;
}
.article-faq__list { display: block !important; counter-reset: tcfaq; }
details.article-faq__item, .article-faq__item {
  counter-increment: tcfaq;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07) !important;
  padding: 0 !important;
  margin: 0 !important;
}
.article-faq__item:last-child { border-bottom: none !important; }
.article-faq__item summary {
  list-style: none;
  display: flex;
  align-items: baseline;
  gap: 12px;
  position: relative;
  padding: 14px 34px 14px 0 !important;
  background: transparent !important;
  color: var(--text) !important;
  font-weight: 600;
  cursor: pointer;
}
.article-faq__item summary::-webkit-details-marker { display: none; }
.article-faq__item summary::marker { content: ""; }
.article-faq__item summary::before {
  content: "Q" counter(tcfaq, decimal-leading-zero);
  font-family: 'PlexMono', ui-monospace, monospace;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: .05em;
  color: var(--tc-accent-text);
  flex: 0 0 auto;
  background: none !important;
  width: auto !important; height: auto !important;
  border: none !important; border-radius: 0 !important;
  position: static !important;
}
.article-faq__item summary::after {
  content: "" !important;
  position: absolute; right: 8px; top: 50%;
  width: 8px; height: 8px;
  background: none !important;
  border: none !important;
  border-right: 1.8px solid var(--tc-accent-text) !important;
  border-bottom: 1.8px solid var(--tc-accent-text) !important;
  border-radius: 0 !important;
  transform: translateY(-70%) rotate(45deg);
  transition: transform .2s ease;
}
.article-faq__item[open] summary::after { transform: translateY(-30%) rotate(-135deg); }
.article-faq__item summary:hover { color: #fff !important; }
.article-faq__answer {
  margin: 0 !important;
  padding: 0 0 16px 34px !important;
  border: none !important;
  background: transparent !important;
  color: var(--text-dim, rgba(233, 237, 243, 0.72)) !important;
  position: relative;
}
.article-faq__answer::before {
  content: "";
  position: absolute; left: 10px; top: 2px; bottom: 18px;
  width: 2px;
  background: var(--teal-border);
}

/* Джерела: нумерований реєстр із моно-хостами */
.article-sources {
  background: transparent !important;
  border: none !important;
  border-left: 2px solid var(--teal-border) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 4px 0 4px 26px !important;
}
.article-sources__note {
  font-family: 'PlexMono', ui-monospace, monospace !important;
  font-size: 11px !important;
  letter-spacing: .04em;
  color: var(--muted) !important;
}
.article-sources__list {
  list-style: none !important;
  margin: 14px 0 0 !important;
  padding: 0 !important;
  counter-reset: tcsrc;
}
.article-sources__list li {
  counter-increment: tcsrc;
  position: relative;
  margin: 0 !important;
  padding: 9px 0 9px 40px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.article-sources__list li:last-child { border-bottom: none; }
.article-sources__list li::before {
  content: counter(tcsrc, decimal-leading-zero);
  position: absolute; left: 2px; top: 10px;
  font-family: 'PlexMono', ui-monospace, monospace;
  font-size: 11px;
  color: var(--tc-amber);
}
.article-sources__list a { color: var(--text) !important; }
.article-sources__list a:hover { color: var(--tc-accent-text) !important; }
.article-sources__host {
  font-family: 'PlexMono', ui-monospace, monospace;
  font-size: 11px;
  color: var(--muted);
}
/* маркери списків у тілі статті — мідні, стриманого розміру */
.single-body ul li::marker { color: var(--tc-accent); }

/* Сайдбар: панелі з бурштиновими тайтлами і тонкими рейками */
.single-sidebar .sidebar-widget,
.single-sidebar .pillar-mention {
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
  border-top: 2px solid var(--teal-border) !important;
  border-radius: var(--radius-lg, 8px) !important;
  box-shadow: none !important;
}
.single-sidebar .widget-title, .single-sidebar .pillar-mention-label {
  display: flex; align-items: center;
  font-family: 'FixelText', 'Montserrat', sans-serif !important;
  font-size: 11.5px !important;
  font-weight: 600;
  letter-spacing: .16em !important;
  text-transform: uppercase;
  color: var(--tc-amber) !important;
}
.single-sidebar .widget-title::before {
  content: "";
  width: 11px; height: 11px;
  margin-right: 7px;
  background-color: var(--tc-accent);
  -webkit-mask: var(--tc-node) center/contain no-repeat;
          mask: var(--tc-node) center/contain no-repeat;
}
.single-sidebar .sidebar-recent-rail { display: block; align-self: stretch; width: 2px !important; min-height: 34px; background: var(--teal-border) !important; }
.single-sidebar .sidebar-recent-item { border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
.single-sidebar .sidebar-recent-item:last-child { border-bottom: none; }
.single-sidebar .sidebar-recent-cat {
  font-family: 'PlexMono', ui-monospace, monospace !important;
  font-size: 10px !important;
  letter-spacing: .08em !important;
  color: var(--tc-accent-text) !important;
}
.single-sidebar .sidebar-recent-date {
  font-family: 'PlexMono', ui-monospace, monospace !important;
  font-size: 10px !important;
  color: var(--muted) !important;
}
.single-sidebar .sidebar-recent-link:hover .sidebar-recent-title { color: var(--tc-accent-text) !important; }
.single-sidebar .sidebar-categories .cat-count {
  font-family: 'PlexMono', ui-monospace, monospace !important;
  color: var(--tc-amber) !important;
}
.single-sidebar .sidebar-cta {
  width: 100%;
  background: transparent !important;
  border: 1px solid var(--teal-border) !important;
  border-radius: var(--radius-md, 4px) !important;
  color: var(--tc-accent-text) !important;
  transition: background-color .18s ease, color .18s ease, border-color .18s ease;
}
.single-sidebar .sidebar-cta:hover {
  background: var(--tc-accent) !important;
  border-color: var(--tc-accent) !important;
  color: #fff !important;
}
.single-sidebar .widget-logo img { height: 26px; width: auto; }
.single-sidebar .pillar-mention-arrow { color: var(--tc-accent-text) !important; }


/* фінальний нюанс: жодних тонованих плашок на пунктах FAQ (перебиває згенеровані правила) */
.article-faq details.article-faq__item,
.article-faq details.article-faq__item[open],
.article-faq .article-faq__item summary,
.article-faq .article-faq__item[open] summary {
  background: transparent !important;
}

/* ── Вкладки рубрик блогу: плоскі TechCom-таби ───────────── */
.news-filter-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0 0 18px;
  margin-bottom: 26px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
  background: transparent !important;
}
.news-filter-bar .filter-tab {
  display: inline-flex;
  align-items: center;
  padding: 8px 14px !important;
  font-family: 'FixelText', 'Montserrat', sans-serif !important;
  font-size: 13px !important;
  font-weight: 500;
  letter-spacing: .02em !important;
  text-transform: none !important;
  color: var(--muted) !important;
  background: transparent !important;
  border: 1px solid var(--card-border) !important;
  border-radius: var(--radius-md, 4px) !important;
  transition: color .15s ease, border-color .15s ease, background-color .15s ease;
}
.news-filter-bar .filter-tab:hover {
  color: #fff !important;
  border-color: var(--teal-border-h) !important;
  background: var(--card-hover) !important;
}
.news-filter-bar .filter-tab.active {
  color: #fff !important;
  background: rgba(238, 106, 52, 0.14) !important;
  border-color: var(--teal-border-h) !important;
}
.news-filter-bar .filter-tab.active::before {
  content: "";
  width: 11px; height: 11px;
  margin-right: 7px;
  background-color: var(--tc-accent-text);
  -webkit-mask: var(--tc-node) center/contain no-repeat;
          mask: var(--tc-node) center/contain no-repeat;
}

/* ── Картки блогу (tcn-*): без донорської «стрічки», вся картка — лінк ── */
.tcn-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
  margin-top: 8px;
}
.tcn-card {
  background: var(--card-bg, rgba(255, 255, 255, 0.04));
  border: 1px solid var(--card-border);
  border-radius: var(--radius-lg, 8px);
  overflow: hidden;
  transition: border-color .2s ease, transform .2s ease, background-color .2s ease;
}
.tcn-card:hover {
  border-color: var(--teal-border-h);
  background: var(--card-hover);
  transform: translateY(-3px);
}
.tcn-card__link {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 20px 20px 16px;
  color: inherit !important;
}
.tcn-card__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 14px;
}
.tcn-card__cat {
  display: inline-flex;
  align-items: center;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--tc-accent-text);
}
.tcn-card__cat::before {
  content: "";
  width: 10px; height: 10px;
  margin-right: 6px;
  background-color: currentColor;
  -webkit-mask: var(--tc-node) center/contain no-repeat;
          mask: var(--tc-node) center/contain no-repeat;
}
.tcn-card__date { font-size: 12px; color: var(--muted); white-space: nowrap; }
.tcn-card__title {
  font-family: 'FixelDisplay', 'Montserrat', sans-serif;
  font-size: 17.5px;
  line-height: 1.32;
  color: #fff;
  margin: 0 0 10px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: color .18s ease;
}
.tcn-card:hover .tcn-card__title { color: var(--tc-amber); }
.tcn-card__exc {
  font-size: 13.5px;
  line-height: 1.55;
  color: var(--text-dim, rgba(233, 237, 243, 0.68));
  margin: 0 0 16px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.tcn-card__foot {
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  font-size: 12.5px;
  color: var(--muted);
}
.tcn-card__arrow {
  color: var(--tc-accent-text);
  font-size: 16px;
  transition: transform .18s ease;
}
.tcn-card:hover .tcn-card__arrow { transform: translateX(4px); }

/* перша картка стрічки — велика (лише перша сторінка /news/) */
.tcn-grid--featured > .tcn-card:first-child { grid-column: 1 / -1; }
.tcn-grid--featured > .tcn-card:first-child .tcn-card__link { padding: 30px 30px 22px; }
.tcn-grid--featured > .tcn-card:first-child .tcn-card__title {
  font-size: clamp(22px, 2.6vw, 30px);
  -webkit-line-clamp: 2;
  max-width: 900px;
}
.tcn-grid--featured > .tcn-card:first-child .tcn-card__exc {
  font-size: 15px;
  -webkit-line-clamp: 2;
  max-width: 760px;
}
@media (max-width: 1024px) { .tcn-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
@media (max-width: 640px)  { .tcn-grid { grid-template-columns: 1fr !important; } }

/* сайдбар статті: мідні рейки замість донорської «веселки» рубрик */
.sidebar-recent-rail { background: var(--tc-accent) !important; }
.sidebar-recent-cat { color: var(--tc-accent-text) !important; }

/* ── Пагінація: контейнер прозорий, стилі лише пунктам ───── */
ul.page-numbers { background: transparent !important; display: flex; gap: 6px; }
a.page-numbers, span.page-numbers {
  border-radius: var(--radius-md, 4px);
}
a.page-numbers:hover { background: var(--card-hover) !important; color: var(--tc-accent-text) !important; }
span.page-numbers.current { background: var(--tc-accent) !important; color: #fff !important; }

/* ============================================================
   ГОЛОВНА СТОРІНКА (нові компоненти tch-*)
   ============================================================ */
.tch-hero {
  position: relative;
  /* !important: мобільне правило теми section{padding:56px…} перебиває звичайну специфічність */
  padding: calc(var(--ec-hdr) + var(--ec-air)) 24px 84px !important;
  background:
    radial-gradient(ellipse 900px 520px at 78% -10%, rgba(238, 106, 52, 0.10), transparent 62%),
    var(--navy-deep);
  overflow: hidden;
}
/* сітка «вузлів інтеграції» */
.tch-hero::before {
  content: "";
  position: absolute; inset: 0;
  background-image:
    radial-gradient(circle at 1px 1px, rgba(255, 255, 255, 0.10) 1px, transparent 1.6px);
  background-size: 34px 34px;
  -webkit-mask-image: radial-gradient(ellipse 75% 90% at 70% 20%, #000 0%, transparent 75%);
          mask-image: radial-gradient(ellipse 75% 90% at 70% 20%, #000 0%, transparent 75%);
  pointer-events: none;
}
.tch-hero .container { position: relative; z-index: 1; }
/* прибрано блок статистики .tch-hero-facts (2026-07-31) — замість нього плашка */
.tch-kicker {
  display: flex; align-items: center; width: fit-content;
  font-size: 12.5px; font-weight: 600; letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--tc-accent-text);
  margin-bottom: 28px;
  line-height: 1.2;
}
.tch-kicker::before {
  content: ""; flex: 0 0 auto;
  width: 13px; height: 13px; margin-right: 8px;
  background-color: currentColor;
  -webkit-mask: var(--tc-node) center/contain no-repeat;
          mask: var(--tc-node) center/contain no-repeat;
}
.tch-hero h1 {
  font-size: clamp(42px, 5.8vw, 78px);
  line-height: 1.02;
  max-width: 900px;
  color: #fff;
}
.tch-hero h1 em { font-style: normal; color: var(--tc-accent-text); }
.tch-lead {
  margin-top: 28px;
  max-width: 640px;
  font-size: 18.5px;
  line-height: 1.6;
  color: var(--text-dim, rgba(233, 237, 243, 0.7));
}
.tch-hero-cta { margin-top: 36px; display: flex; gap: 14px; flex-wrap: wrap; }
/* дизайнерська плашка «20+ років на ринку»: праворуч від заголовка,
   на вузьких екранах стає в потік під CTA */
.tch-hero-badge {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  gap: 4px;
  width: fit-content;
  margin-top: 34px;
  padding: 18px 22px 16px;
  border: 1px solid var(--teal-border);
  border-top: 3px solid var(--tc-accent);
  border-radius: var(--radius-md, 4px) var(--radius-md, 4px) var(--radius-lg, 8px) var(--radius-lg, 8px);
  background:
    linear-gradient(160deg, rgba(238, 106, 52, 0.14), rgba(238, 106, 52, 0.03) 70%),
    var(--card-bg, rgba(255, 255, 255, 0.04));
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.28);
}
.tch-hero-badge::after {
  content: "";
  position: absolute;
  top: 12px; right: 12px;
  width: 15px; height: 15px;
  background-color: var(--tc-accent);
  -webkit-mask: var(--tc-node) center/contain no-repeat;
          mask: var(--tc-node) center/contain no-repeat;
  opacity: .85;
}
.tch-hero-badge b {
  font-family: 'FixelDisplay', sans-serif;
  font-size: 46px; line-height: 1;
  color: var(--tc-amber);
}
.tch-hero-badge span {
  font-size: 13px; line-height: 1.4;
  color: var(--text-dim, rgba(233, 237, 243, 0.7));
}
/* ── Консоль керованого середовища (хіро) ────────────────── */
@font-face {
  font-family: 'PlexMono';
  src: url('/assets/theme/assets/fonts/PlexMono-Regular.woff2') format('woff2');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'PlexMono';
  src: url('/assets/theme/assets/fonts/PlexMono-SemiBold.woff2') format('woff2');
  font-weight: 600; font-style: normal; font-display: swap;
}
.tch-hero-right { position: relative; margin-top: 34px; max-width: 500px; }
.tcc {
  background: #0d1219;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 12px;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.45);
  overflow: hidden;
  font-family: 'PlexMono', ui-monospace, monospace;
}
.tcc-bar {
  display: flex; align-items: center; gap: 10px;
  padding: 10px 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
  background: rgba(255, 255, 255, 0.02);
}
.tcc-dots { display: inline-flex; gap: 5px; }
.tcc-dots i { width: 9px; height: 9px; border-radius: 50%; background: rgba(255, 255, 255, 0.14); }
.tcc-title { font-size: 11px; letter-spacing: .06em; color: var(--muted); }
.tcc-led {
  margin-left: auto;
  width: 8px; height: 8px; border-radius: 50%;
  background: #4ade80;
  box-shadow: 0 0 8px rgba(74, 222, 128, 0.7);
  animation: tcc-led 2.4s ease-in-out infinite;
}
@keyframes tcc-led { 0%,100% { opacity: 1; } 50% { opacity: .35; } }
.tcc-body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 132px;
  gap: 16px;
  padding: 16px 14px 14px;
}
.tcc-log p {
  display: flex; align-items: baseline; gap: 8px;
  margin: 0 0 9px;
  font-size: 12px; line-height: 1.5;
  color: var(--text-dim, rgba(233, 237, 243, 0.72));
  white-space: nowrap;
  overflow: hidden;
  opacity: 0;
  transform: translateY(6px);
  animation: tcc-line .45s ease forwards;
  animation-delay: calc(var(--i) * .38s + .35s);
}
@keyframes tcc-line { to { opacity: 1; transform: none; } }
.tcc-log .tcc-k { color: var(--tc-accent-text); font-weight: 600; flex: 0 0 auto; }
.tcc-log b {
  margin-left: auto;
  font-weight: 600; font-size: 11px;
  color: var(--tc-amber);
}
.tcc-live { color: #cfd6df !important; }
.tcc-cursor {
  display: inline-block;
  width: 7px; height: 13px;
  margin-left: 6px;
  background: var(--tc-accent);
  animation: tcc-cursor 1.1s steps(1) infinite;
  align-self: center;
}
@keyframes tcc-cursor { 50% { opacity: 0; } }
/* шина інтеграції */
.tcc-bus { position: relative; display: flex; flex-direction: column; gap: 8px; padding-left: 14px; }
.tcc-busline {
  position: absolute; left: 4px; top: 6px; bottom: 6px;
  width: 2px;
  background: linear-gradient(180deg, rgba(238, 106, 52, 0.15), var(--tc-accent), rgba(238, 106, 52, 0.15));
}
.tcc-pkt {
  position: absolute; left: 1px;
  width: 8px; height: 8px; border-radius: 50%;
  background: var(--tc-amber);
  box-shadow: 0 0 8px rgba(255, 206, 122, 0.8);
  animation: tcc-pkt 2.8s linear infinite;
  animation-delay: var(--d, 0s);
}
@keyframes tcc-pkt { 0% { top: 4%; opacity: 0; } 12% { opacity: 1; } 88% { opacity: 1; } 100% { top: 92%; opacity: 0; } }
.tcc-chip, .tcc-hub {
  font-size: 11px; line-height: 1.3;
  padding: 6px 9px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 6px;
  background: #131a24;
  color: #cfd6df;
  opacity: 0;
  animation: tcc-line .4s ease forwards;
  animation-delay: calc(var(--i) * .38s + .5s);
}
.tcc-chip { position: relative; }
.tcc-chip::before {
  content: ""; position: absolute; left: -10px; top: 50%;
  width: 10px; height: 2px;
  background: rgba(238, 106, 52, 0.5);
}
.tcc-hub {
  border-color: var(--tc-accent);
  background: #1a1410;
  color: #fff; font-weight: 600;
}
.tcc-stat {
  display: flex; gap: 18px; flex-wrap: wrap;
  padding: 11px 14px;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
  background: rgba(255, 255, 255, 0.02);
}
.tcc-stat span { font-size: 10.5px; line-height: 1.4; color: var(--muted); }
.tcc-stat b { display: block; font-size: 14px; font-weight: 600; color: var(--tc-amber); }
@media (prefers-reduced-motion: reduce) {
  .tcc-log p, .tcc-chip, .tcc-hub { animation: none; opacity: 1; transform: none; }
  .tcc-pkt, .tcc-cursor, .tcc-led { animation: none; }
  .tcc-pkt { display: none; }
}

/* іконки напрямів */
.tch-dir-ic {
  display: inline-flex; align-items: center; justify-content: center;
  width: 46px; height: 46px;
  border-radius: var(--radius-md, 4px);
  background: rgba(238, 106, 52, 0.12);
  border: 1px solid var(--teal-border);
  transition: background-color .2s ease, border-color .2s ease;
}
.tch-ic { width: 26px; height: 26px; stroke: var(--tc-accent-text); stroke-width: 1.8; fill: none; stroke-linecap: round; stroke-linejoin: round; }
.tch-ic-dot { fill: var(--tc-amber); stroke: none; }
.tch-dir:hover .tch-dir-ic { background: rgba(238, 106, 52, 0.2); border-color: var(--teal-border-h); }

/* ── Scroll-reveal (кероване з techcom.js) ────────────────── */
.tcr { opacity: 0; transform: translateY(16px); transition: opacity .55s ease, transform .55s ease; transition-delay: var(--tcr-d, 0s); }
.tcr.tcr-in { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) { .tcr { opacity: 1; transform: none; transition: none; } }

/* ── Прогрес читання статті ───────────────────────────────── */
.tc-progress {
  position: fixed; top: 0; left: 0; z-index: 300;
  height: 2.5px; width: 0;
  background: linear-gradient(90deg, var(--tc-accent), var(--tc-amber));
  pointer-events: none;
}

/* ── Хедер при скролі ─────────────────────────────────────── */
header.header.is-scrolled { box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35) !important; }

/* айброу секційних заголовків: коротка мідна риска з вузлом */
.tch-sec-head h2::before, .tcq-cta h2::before {
  content: "";
  display: block;
  width: 44px; height: 3px;
  margin-bottom: 14px;
  background: linear-gradient(90deg, var(--tc-accent), var(--tc-amber));
  border-radius: 2px;
}

/* ≥1181px: хіро — грід «контент | консоль» */
@media (min-width: 1181px) {
  .tch-hero .container {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 480px;
    column-gap: 56px;
    align-items: center;
  }
  .tch-hero .container > * { grid-column: 1; }
  .tch-hero .container > .tch-hero-right {
    grid-column: 2;
    grid-row: 1 / span 4;
    margin-top: 0;
    align-self: center;
  }
  .tch-hero h1 { font-size: clamp(46px, 5.4vw, 80px); }
}

/* напрями */
.tch-dirs { padding: 84px 24px; }
/* чотири напрями — 2×2 (спискам тісно у 4 колонках) */
.tch-dirs-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; margin-top: 40px; }
.tch-dir {
  position: relative;
  display: block;
  padding: 30px 26px 26px;
  background: var(--card-bg, rgba(255, 255, 255, 0.04));
  border: 1px solid var(--card-border);
  border-top: 2px solid var(--teal-border);
  border-radius: var(--radius-lg, 8px);
  transition: border-color .2s ease, background .2s ease, transform .2s ease;
}
.tch-dir:hover { border-color: var(--teal-border-h); background: var(--card-hover); transform: translateY(-3px); }
.tch-dir b {
  font-family: 'FixelDisplay', sans-serif;
  font-size: 15px; color: var(--tc-amber);
}
.tch-dir h3 { margin: 10px 0 10px; font-size: 21px; color: #fff; }
.tch-dir p { font-size: 14.5px; line-height: 1.6; color: var(--text-dim); }
.tch-dir ul { margin: 14px 0 0; padding: 0; list-style: none; }
.tch-dir li {
  font-size: 13.5px; color: var(--muted);
  padding: 4px 0 4px 18px; position: relative;
}
.tch-dir li::before {
  content: ""; position: absolute; left: 0; top: 10px;
  width: 8px; height: 8px;
  background-color: var(--tc-accent);
  -webkit-mask: var(--tc-node) center/contain no-repeat;
          mask: var(--tc-node) center/contain no-repeat;
}
.tch-dir .tch-more { display: inline-block; margin-top: 16px; font-size: 14px; font-weight: 600; color: var(--tc-accent-text); }

/* етапи (як ми працюємо) */
.tch-steps { padding: 84px 24px; background: var(--navy-deep); }
.tch-steps-grid {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-top: 40px;
  counter-reset: tch-step;
}
.tch-step {
  padding: 20px 18px;
  border: 1px solid var(--card-border);
  border-radius: var(--radius-lg, 8px);
  background: var(--card-bg);
}
.tch-step b {
  display: block;
  font-family: 'FixelDisplay', sans-serif;
  font-size: 22px; color: var(--tc-amber);
}
.tch-step h4 { margin: 8px 0 6px; font-size: 15.5px; color: #fff; }
.tch-step p { font-size: 13px; line-height: 1.55; color: var(--muted); }

/* чому TechCom */
.tch-why { padding: 84px 24px; }
.tch-why-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; margin-top: 40px; }
.tch-why-card {
  padding: 26px;
  border-left: 2px solid var(--tc-accent);
  background: var(--card-bg);
  border-radius: 0 var(--radius-lg, 8px) var(--radius-lg, 8px) 0;
}
.tch-why-card h4 { font-size: 17px; color: #fff; margin-bottom: 8px; }
.tch-why-card p { font-size: 14.5px; line-height: 1.6; color: var(--text-dim); }

/* рішення */
.tch-solutions { padding: 84px 24px; background: var(--navy-deep); }
.tch-sol-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-top: 40px; }
.tch-sol {
  display: block;
  padding: 18px 16px;
  border: 1px solid var(--card-border);
  border-radius: var(--radius-md, 4px);
  background: var(--card-bg);
  font-size: 14.5px; font-weight: 600; color: var(--text);
  transition: border-color .2s ease, background .2s ease;
}
.tch-sol:hover { border-color: var(--teal-border-h); background: var(--card-hover); color: var(--tc-accent-text); }
.tch-sol span { display: block; margin-top: 6px; font-size: 12.5px; font-weight: 400; color: var(--muted); }

/* секційні заголовки нових секцій */
.tch-sec-head h2 { font-size: clamp(28px, 3.6vw, 38px); color: #fff; }
.tch-sec-head p { margin-top: 12px; max-width: 560px; font-size: 15.5px; color: var(--text-dim); }

/* ============================================================
   СТОРІНКИ ПОСЛУГ/РІШЕНЬ (tcq-*): чотири питання
   «Що це · Яку проблему вирішує · Кому потрібно · Як ми робимо»
   Двоколонковий Q&A-ритм — навмисно інша структура, ніж у донора.
   ============================================================ */
.tcq { padding: 64px 24px; }
.tcq--alt { background: var(--navy-deep); }
.tcq-grid {
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr);
  gap: 40px;
  align-items: start;
}
.tcq-q { position: sticky; top: calc(var(--ec-hdr) + 24px); }
.tcq-q span {
  display: block;
  font-family: 'FixelDisplay', sans-serif;
  font-size: 15px; font-weight: 700;
  color: var(--tc-amber);
  letter-spacing: .1em;
  margin-bottom: 10px;
}
.tcq-q h2 {
  font-size: clamp(22px, 2.6vw, 30px);
  line-height: 1.15;
  color: #fff;
  border-left: 3px solid var(--tc-accent);
  padding-left: 16px;
  margin-left: -19px;
}
.tcq-a { max-width: 640px; }
.tcq-a p { font-size: 16px; line-height: 1.7; color: var(--text-dim); }
.tcq-a p + p { margin-top: 14px; }
.tcq-a strong { color: var(--text); }

/* компактний перелік складових */
.tcq-list { margin: 18px 0 0; padding: 0; list-style: none; }
.tcq-list li {
  position: relative;
  padding: 7px 0 7px 26px;
  font-size: 15px; line-height: 1.55;
  color: var(--text-dim);
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.tcq-list li:last-child { border-bottom: none; }
.tcq-list li::before {
  content: ""; position: absolute; left: 2px; top: 13px;
  width: 11px; height: 11px;
  background-color: var(--tc-accent);
  -webkit-mask: var(--tc-node) center/contain no-repeat;
          mask: var(--tc-node) center/contain no-repeat;
}

/* симптоми проблеми: тихі «сигнальні» рядки */
.tcq-symptoms { margin: 18px 0 0; padding: 0; list-style: none; }
.tcq-symptoms li {
  padding: 9px 14px;
  margin-bottom: 8px;
  font-size: 14.5px; line-height: 1.55;
  color: var(--text-dim);
  background: var(--card-bg);
  border-left: 2px solid var(--tc-amber);
  border-radius: 0 var(--radius-md, 4px) var(--radius-md, 4px) 0;
}

/* кому потрібно: чипи клієнтських типів */
.tcq-clients { margin: 18px 0 0; display: flex; flex-wrap: wrap; gap: 8px; padding: 0; list-style: none; }
.tcq-clients li {
  padding: 8px 14px;
  font-size: 13.5px; font-weight: 500;
  color: var(--text);
  border: 1px solid var(--card-border);
  border-radius: var(--radius-pill, 999px);
  background: var(--card-bg);
}

/* як ми робимо: особливості підходу */
.tcq-how { margin: 18px 0 0; padding: 0; list-style: none; counter-reset: tcqh; }
.tcq-how li {
  counter-increment: tcqh;
  position: relative;
  padding: 12px 0 12px 44px;
  font-size: 15px; line-height: 1.6;
  color: var(--text-dim);
}
.tcq-how li::before {
  content: counter(tcqh, decimal-leading-zero);
  position: absolute; left: 0; top: 12px;
  font-family: 'FixelDisplay', sans-serif;
  font-size: 15px; font-weight: 700;
  color: var(--tc-amber);
}
.tcq-how li b, .tcq-how li strong { display: block; color: var(--text); font-weight: 600; }

/* фінальний CTA сторінки послуги */
.tcq-cta { padding: 72px 24px 84px; text-align: left; }
.tcq-cta .container {
  border: 1px solid var(--teal-border);
  border-radius: var(--radius-lg, 8px);
  padding: 36px 32px;
  background:
    radial-gradient(ellipse 480px 220px at 90% 0%, rgba(238, 106, 52, 0.10), transparent 65%),
    var(--card-bg);
}
.tcq-cta h2 { font-size: clamp(22px, 2.6vw, 30px); color: #fff; }
.tcq-cta p { margin-top: 10px; max-width: 560px; font-size: 15.5px; color: var(--text-dim); }
.tcq-cta .btn-primary { display: inline-block; margin-top: 22px; padding: 13px 26px; }
.tcq-related { margin-top: 18px; font-size: 14px; color: var(--muted); }
.tcq-related a { color: var(--tc-accent-text); }

@media (max-width: 900px) {
  .tcq { padding: 48px 20px; }
  .tcq-grid { grid-template-columns: 1fr; gap: 18px; }
  .tcq-q { position: static; }
  .tcq-q h2 { margin-left: 0; }
}

/* адаптив нових секцій */
@media (max-width: 1024px) {
  .tch-dirs-grid { grid-template-columns: 1fr; }
  .tch-steps-grid { grid-template-columns: repeat(2, 1fr); }
  .tch-sol-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 620px) {
  .tch-why-grid { grid-template-columns: 1fr; }
  .tch-steps-grid { grid-template-columns: 1fr; }
  .tch-sol-grid { grid-template-columns: 1fr; }
  .tch-hero-facts { gap: 24px; }
}

/* === GENERATED accent overrides (не правити руками) === */
.ig-icon--circle {
  border: 1px solid rgba(238,106,52,0.25) !important;
  background: rgba(238,106,52,0.06) !important;
}
.segment:hover .ig-icon--circle, .segment-card:hover .ig-icon--circle {
  border-color: rgba(238,106,52,0.5) !important;
  background: rgba(238,106,52,0.12) !important;
}
.why-section {
  background: linear-gradient(135deg, #0c1118 0%, #1f2c3d 50%, #191a1c 100%) !important;
}
.why-item {
  border: 1px solid rgba(238,106,52,0.25) !important;
}
.why-item:hover {
  background: rgba(238,106,52,0.08) !important;
  border-color: rgba(238,106,52,0.4) !important;
}
.single-body blockquote {
  background: rgba(238,106,52,0.05) !important;
}
.footer-social a:hover {
  background: rgba(238,106,52,0.1) !important;
}
.back-to-top {
  box-shadow: 0 4px 15px rgba(238,106,52,0.3) !important;
}
.back-to-top:hover {
  background: #f0b23a !important;
  box-shadow: 0 6px 20px rgba(238,106,52,0.4) !important;
}
.article-toc {
  background: rgba(16,21,29,.66) !important;
  border-top: 2px solid rgba(238,106,52,.55) !important;
}
.article-toc__item::before {
  color: rgba(255,145,102,.82) !important;
}
.article-toc__item--sub::after {
  background: rgba(238,106,52,.45) !important;
}
.single-body .igng-article-body h2 {
  border-left: 2px solid rgba(238,106,52,.65) !important;
}
.igng-expert-comment__card {
  background: linear-gradient(135deg, rgba(238,106,52,.12), rgba(29, 108, 232, .06)),
        rgba(13,17,24,.86) !important;
  border: 1px solid rgba(238,106,52,.28) !important;
}
.igng-expert-comment__media img {
  box-shadow: 0 0 0 6px rgba(238,106,52,.06) !important;
}
.igng-expert-comment__label, .igng-authorbox__label {
  color: rgba(255,145,102,.9) !important;
}
.igng-expert-comment__profile, .igng-authorbox__link {
  border: 1px solid rgba(238,106,52,.32) !important;
}
.igng-expert-comment__profile:hover, .igng-expert-comment__profile:focus, .igng-authorbox__link:hover, .igng-authorbox__link:focus {
  background: rgba(238,106,52,.08) !important;
}
.igng-expert-comment blockquote::before {
  background: rgba(238,106,52,.38) !important;
}
.article-faq {
  background: rgba(22,28,38,.72) !important;
}
.igng-authorbox {
  background: rgba(13,17,24,.78) !important;
  border-top: 2px solid rgba(238,106,52,.42) !important;
}
.igng-authorbox__avatar img {
  border-color: rgba(238,106,52,.38) !important;
}
.hero-author {
  background: linear-gradient(180deg, rgba(10,14,19,.98) 0%, rgba(10,13,18,1) 100%) !important;
}
.hero-author .ha-ava img, .hero-author .ha-ava .avatar {
  border-color: rgba(238,106,52,.38) !important;
  box-shadow: 0 0 0 8px rgba(238,106,52,.06), 0 24px 60px rgba(0, 0, 0, .22) !important;
}
.hero-author .ha-pos {
  color: rgba(255,145,102,.92) !important;
}
.article-toc {
  border-top: 2px solid rgba(238,106,52,.64) !important;
}
.article-toc__item::before {
  border: 1px solid rgba(238,106,52,.20) !important;
  background: rgba(238,106,52,.055) !important;
  color: rgba(255,145,102,.86) !important;
}
.article-toc__item--sub {
  border-left: 1px solid rgba(238,106,52,.18) !important;
}
.article-faq {
  background: linear-gradient(180deg, rgba(14, 33, 61, .82), rgba(13,17,24,.76)) !important;
  border-top: 2px solid rgba(238,106,52,.48) !important;
}
.article-faq__item[open] {
  border-color: rgba(238,106,52,.28) !important;
  background: rgba(238,106,52,.045) !important;
}
.article-faq__item summary::before {
  background: rgba(238,106,52,.78) !important;
  box-shadow: 0 0 0 5px rgba(238,106,52,.08) !important;
}
.article-faq__item summary::after {
  border: 1px solid rgba(238,106,52,.26) !important;
  background: rgba(238,106,52,.06) !important;
}
.article-faq__item[open] summary::after {
  border-color: rgba(238,106,52,.48) !important;
  background: rgba(238,106,52,.12) !important;
}
.mgmt-section .service-card:hover {
  border-color: rgba(238,106,52,0.3) !important;
}
.flagship-section {
  background: linear-gradient(160deg, #0c1118 0%, #131a24 50%, #0c1118 100%) !important;
  border-top: 1px solid rgba(238,106,52,0.08) !important;
  border-bottom: 1px solid rgba(238,106,52,0.08) !important;
}
.flagship-feature-icon {
  background: rgba(238,106,52,0.1) !important;
  border: 1px solid rgba(238,106,52,0.2) !important;
}
.flagship-stat {
  background: rgba(238,106,52,0.06) !important;
  border: 1px solid rgba(238,106,52,0.15) !important;
}
.product-tag {
  background: rgba(255,176,138,0.1) !important;
}
.mobile-menu {
  background: #0a0e13 !important;
}
.lang-sw.active {
  background: rgba(238,106,52,0.08) !important;
}
.header-cta {
  border: 1px solid rgba(238,106,52,0.45) !important;
}
.ig-popup-box {
  border: 1px solid rgba(238,106,52,0.18) !important;
}
.ig-popup-header {
  border-bottom: 1px solid rgba(238,106,52,0.1) !important;
  background: linear-gradient(135deg, rgba(238,106,52,0.06) 0%, transparent 60%) !important;
}
.ig-popup-tag {
  color: var(--teal, #ff9166) !important;
}
.ig-form-group label span {
  color: var(--teal, #ff9166) !important;
}
.ig-form-group input:focus, .ig-form-group select:focus, .ig-form-group textarea:focus {
  border-color: rgba(238,106,52,0.5) !important;
  background: rgba(238,106,52,0.04) !important;
}
.ig-form-privacy input[type="checkbox"] {
  accent-color: var(--teal, #ee6a34) !important;
}
.ig-form-privacy label a {
  color: var(--teal, #ff9166) !important;
}
.ig-form-submit {
  background: var(--teal, #ee6a34) !important;
}
.ig-form-submit:hover {
  background: #ffce7a !important;
  box-shadow: 0 8px 24px rgba(238,106,52,0.3) !important;
}
.btn-primary:hover {
  background: #ffce7a !important;
  border-color: #ffce7a !important;
  box-shadow: 0 8px 24px rgba(238,106,52,0.3) !important;
}
.btn-secondary:hover, .btn-ghost:hover {
  background: rgba(238,106,52,0.06) !important;
}
.btn-dark:hover {
  background: rgba(238,106,52,0.06) !important;
}
.ig-popup-body .wpcf7-form input:focus, .ig-popup-body .wpcf7-form select:focus, .ig-popup-body .wpcf7-form textarea:focus {
  border-color: rgba(238,106,52,0.5) !important;
  background: rgba(238,106,52,0.04) !important;
}
.ig-popup-body .wpcf7-form input[type="submit"]:hover, .ig-popup-body .wpcf7-submit:hover {
  background: #ffce7a !important;
  box-shadow: 0 6px 20px rgba(238,106,52,0.28) !important;
}
.ig-popup-body .wpcf7-response-output {
  border: 1px solid rgba(238,106,52,0.3) !important;
  background: rgba(238,106,52,0.06) !important;
}
.cta-section {
  background: linear-gradient(135deg, #0b0f14 0%, #131922 50%, #0f141c 100%) !important;
  border-top: 1px solid rgba(238,106,52,0.1) !important;
}
.header {
  background: rgba(16,21,29,0.95) !important;
}
.contact-form-wrapper input:focus, .contact-form-wrapper select:focus, .contact-form-wrapper textarea:focus {
  border-color: rgba(238,106,52,0.45) !important;
  background: rgba(238,106,52,0.03) !important;
}
.contact-form-wrapper input[type="submit"]:hover, .contact-form-wrapper .wpcf7-submit:hover {
  background: #ffce7a !important;
}
.contact-form-wrapper .wpcf7-response-output {
  border: 1px solid rgba(238,106,52,0.3) !important;
}
.program-badge {
  background: linear-gradient(135deg, #0c1118 0%, #20211e 60%, #191a1c 100%) !important;
  border: 1px solid rgba(238,106,52,0.3) !important;
  box-shadow: 0 20px 60px rgba(0,0,0,0.4), inset 0 1px 0 rgba(238,106,52,0.15) !important;
}
.program-badge::before {
  background: radial-gradient(circle, rgba(238,106,52,0.12) 0%, transparent 70%) !important;
}
.program-badge-eyebrow {
  color: rgba(255,145,102,0.7) !important;
}
.program-badge-since {
  color: rgba(255,145,102,0.4) !important;
}
.single-hero::after {
  background: linear-gradient(90deg, transparent, rgba(238,106,52,0.2), transparent) !important;
}
.post-cat {
  background: rgba(238,106,52,0.1) !important;
  border: 1px solid rgba(238,106,52,0.2) !important;
}
.single-body blockquote {
  background: rgba(238,106,52,0.06) !important;
}
.single-body pre {
  background: #0a0e13 !important;
  border: 1px solid rgba(238,106,52,0.15) !important;
}
.single-body code {
  background: rgba(238,106,52,0.08) !important;
}
.tag-pill {
  background: rgba(238,106,52,0.08) !important;
  border: 1px solid rgba(238,106,52,0.18) !important;
}
.tag-pill:hover {
  background: rgba(238,106,52,0.15) !important;
}
.single-nav-prev:hover, .single-nav-next:hover {
  border-color: rgba(238,106,52,0.3) !important;
  background: rgba(238,106,52,0.04) !important;
}
.widget-calendar td#today {
  background: rgba(238,106,52,0.1) !important;
}
.filter-tab:hover, .filter-tab.active {
  background: rgba(238,106,52,0.06) !important;
}
.news-pagination .page-numbers li a:hover {
  border-color: rgba(238,106,52,0.4) !important;
  background: rgba(238,106,52,0.06) !important;
}
.news-pagination .page-numbers li a.prev, .news-pagination .page-numbers li a.next {
  border-color: rgba(238,106,52,0.2) !important;
}
.news-pagination .page-numbers li a.prev:hover, .news-pagination .page-numbers li a.next:hover {
  background: rgba(238,106,52,0.08) !important;
}
.news-card:hover {
  border-color: rgba(238,106,52,0.25) !important;
}
.news-card-cat {
  color: #0a0e13 !important;
}
.news-card-thumb {
  background: #0b0f14 !important;
}
.hero-tag {
  color: rgba(255,145,102,0.85) !important;
}
.flagship-section .tag {
  color: rgba(255,145,102,0.8) !important;
}
.footer-social a:hover {
  background: rgba(238,106,52,0.06) !important;
}
.member-card {
  background: linear-gradient(145deg, rgba(22,28,38,0.9) 0%, rgba(16,21,29,0.95) 100%) !important;
  border: 1px solid rgba(238,106,52,0.12) !important;
}
.member-card:hover {
  border-color: rgba(238,106,52,0.3) !important;
}
.hero-stats-bar {
  background: rgba(16,21,29,0.97) !important;
  border-top: 1px solid rgba(238,106,52,0.15) !important;
  border-bottom: 1px solid rgba(238,106,52,0.08) !important;
}
.hero-stat-sep {
  background: rgba(238,106,52,0.2) !important;
}
.glossary-nav {
  border-bottom: 1px solid rgba(238,106,52,0.12) !important;
}
.glossary-nav-letter {
  border: 1px solid rgba(238,106,52,0.2) !important;
}
.glossary-nav-letter:hover {
  background: rgba(238,106,52,0.06) !important;
}
.glossary-letter-anchor {
  border-bottom: 1px solid rgba(238,106,52,0.1) !important;
}
.single-body table {
  background: rgba(22,28,38,0.7) !important;
}
.single-body thead th {
  background: rgba(238,106,52,0.10) !important;
  border-bottom: 1px solid rgba(238,106,52,0.2) !important;
}
.single-body tbody tr:hover {
  background: rgba(238,106,52,0.04) !important;
}
.single-body h2 {
  border-left: 2px solid rgba(238,106,52,0.5) !important;
}
.widget-about .widget-logo {
  background: rgba(238,106,52,0.05) !important;
}
.member-card {
  border: 1px solid rgba(238,106,52,0.12) !important;
  background: linear-gradient(145deg, rgba(22,28,38,0.9), rgba(16,21,29,0.95)) !important;
}
.member-card:hover, .member-card:focus-visible {
  border-color: rgba(238,106,52,0.4) !important;
}
.member-card-logo-hover {
  background: linear-gradient(145deg, rgba(16,21,29,0.97), rgba(7,18,36,0.98)) !important;
}
.member-hover-monogram {
  background: linear-gradient(135deg, rgba(238,106,52,0.15), rgba(238,106,52,0.07)) !important;
  border: 1px solid rgba(238,106,52,0.3) !important;
}
.member-hover-hint {
  color: rgba(255,145,102,0.6) !important;
}
.member-popup-box {
  background: linear-gradient(145deg, #161c26, #0f151d) !important;
  border: 1px solid rgba(238,106,52,0.25) !important;
}
.member-popup-close:hover {
  background: rgba(238,106,52,0.15) !important;
}
.method-section--alt {
  background: linear-gradient(160deg, #181a19 0%, #1f2c3d 100%) !important;
}
.method-card {
  border: 1px solid rgba(238,106,52,0.12) !important;
}
.method-card:hover {
  border-color: rgba(238,106,52,0.35) !important;
}
.standard-card {
  border: 1px solid rgba(238,106,52,0.14) !important;
}
.method-approaches {
  border: 1px solid rgba(238,106,52,0.10) !important;
}
.approach-item {
  border-bottom: 1px solid rgba(238,106,52,0.08) !important;
  border-right: 1px solid rgba(238,106,52,0.08) !important;
}
.sla-tier {
  border: 1px solid rgba(238,106,52,0.12) !important;
}
.glossary-nav {
  border-bottom: 1px solid rgba(238,106,52,0.12) !important;
}
.glossary-letter-anchor {
  border-bottom: 1px solid rgba(238,106,52,0.15) !important;
}
.glossary-cloud-section {
  border-top: 1px solid rgba(238,106,52,0.1) !important;
}
.glossary-tag-pill:hover {
  border-color: rgba(238,106,52,0.3) !important;
}
.glossary-tag-pill.has-def {
  border-color: rgba(238,106,52,0.22) !important;
}
.glossary-tag-pill.has-def:hover {
  background: rgba(238,106,52,0.06) !important;
}
.gloss-link {
  text-decoration-color: rgba(255,145,102,0.45) !important;
}
.ig-tab-btn {
  border: 1px solid rgba(238,106,52,0.18) !important;
}
.ig-tab-btn:hover {
  border-color: rgba(238,106,52,0.4) !important;
}
.ig-tab-btn.active {
  background: rgba(238,106,52,0.10) !important;
}
.segment-circle-index {
  color: rgba(255,145,102,0.32) !important;
}
.segment-circle-card:hover {
  border-color: rgba(238,106,52,0.3) !important;
  background: rgba(238,106,52,0.04) !important;
}
.seg-matrix {
  border: 1px solid rgba(238,106,52,0.10) !important;
}
.seg-matrix-row:nth-child(odd) {
  border-right: 1px solid rgba(238,106,52,0.10) !important;
}
.seg-matrix-row:hover {
  background: rgba(238,106,52,0.04) !important;
}
.segment-teaser-item:hover {
  border-color: rgba(238,106,52,0.25) !important;
}
.stack-industries-strip {
  border-top: 1px solid rgba(238,106,52,0.08) !important;
  border-bottom: 1px solid rgba(238,106,52,0.08) !important;
  background: rgba(238,106,52,0.03) !important;
}
.glossary-search:focus {
  border-color: rgba(238,106,52,0.4) !important;
}
.glossary-alpha-btn:hover {
  border-color: rgba(238,106,52,0.25) !important;
  background: rgba(238,106,52,0.05) !important;
}
.glossary-alpha-btn.active {
  background: rgba(238,106,52,0.10) !important;
}
.glossary-letter-stamp {
  color: rgba(255,145,102,0.07) !important;
}
.glossary-entry.is-target {
  border-color: rgba(238,106,52,0.26) !important;
  background: rgba(238,106,52,0.075) !important;
}
.glossary-cloud-section {
  border-top: 1px solid rgba(238,106,52,0.10) !important;
}
.glossary-tag-pill:hover {
  border-color: rgba(238,106,52,0.3) !important;
}
.glossary-tag-pill.has-def {
  border-color: rgba(238,106,52,0.2) !important;
}
.glossary-tag-pill.has-def:hover {
  background: rgba(238,106,52,0.06) !important;
}
.gloss-link {
  text-decoration-color: rgba(255,145,102,0.4) !important;
}
.color-tag-soft {
  color: rgba(255,145,102,0.7) !important;
}
.cta-section--industries {
  background: linear-gradient(135deg, #181a19 0%, #1f2c3d 100%) !important;
  border-top: 1px solid rgba(238,106,52,0.1) !important;
}
.member-popup-link {
  border: 1px solid rgba(238,106,52,0.4) !important;
}
.ct-intent-card:hover {
  background: rgba(238,106,52,0.06) !important;
}
.ct-intent-icon {
  background: rgba(238,106,52,0.08) !important;
}
.ct-form-col input:focus, .ct-form-col select:focus, .ct-form-col textarea:focus, .ct-form-col .wpcf7-form input:focus, .ct-form-col .wpcf7-form select:focus, .ct-form-col .wpcf7-form textarea:focus {
  background: rgba(238,106,52,0.04) !important;
}
.ct-form-col input[type="submit"]:hover, .ct-form-col .wpcf7-submit:hover {
  background: #ffce7a !important;
  box-shadow: 0 6px 20px rgba(238,106,52,0.3) !important;
}
.ct-join-block {
  background: rgba(238,106,52,0.04) !important;
}
.ct-join-link {
  border: 1px solid rgba(238,106,52,0.35) !important;
}
.ct-pstat:hover {
  background: rgba(238,106,52,0.06) !important;
}
.ct-region--hq .ct-region-dot {
  box-shadow: 0 0 7px rgba(238,106,52,0.5) !important;
}
.ct-sla-icon {
  background: rgba(238,106,52,0.08) !important;
}
.news-card:hover .news-card-band {
  background: #131921 !important;
}
.hero-author {
  background: linear-gradient(180deg, #0a0d12 0%, #040b18 100%) !important;
  border-bottom: 1px solid rgba(238,106,52,.12) !important;
}
.hero-author .ha-tag {
  color: #ff9166 !important;
}
.hero-author .ha-ava::after {
  background: linear-gradient(180deg, rgba(238,106,52,.5), transparent) !important;
}
.hero-author .ha-ava img, .hero-author .ha-ava .avatar {
  border: 2px solid rgba(238,106,52,.3) !important;
}
.hero-author .ha-pos {
  color: #ff9166 !important;
}
.hero-author .ha-stats {
  border-top: 1px solid rgba(238,106,52,.15) !important;
}
.hero-author .ha-stats .ha-sep {
  background: rgba(238,106,52,.3) !important;
}
.hero-author .ha-stats .ha-tag-chip {
  border: 1px solid rgba(238,106,52,.25) !important;
  background: rgba(238,106,52,.04) !important;
}
.hero-author .ha-stats .ha-tag-chip:hover {
  border-color: rgba(238,106,52,.6) !important;
  color: #ff9166 !important;
}
.single-hero-meta .post-author::before {
  background: rgba(238,106,52,.5) !important;
}
.single-hero-meta .post-author:hover, .single-hero-meta .post-author:focus {
  color: #ff9166 !important;
  border-bottom-color: rgba(238,106,52,.5) !important;
}
.sidebar-recent-item {
  border-bottom: 1px solid rgba(238,106,52,.08) !important;
}
.sidebar-recent-link:hover {
  background: rgba(238,106,52,.03) !important;
}
.sidebar-recent-link:hover .sidebar-recent-title {
  color: #ff9166 !important;
}
.ig-form-success {
  border: 1px solid rgba(238,106,52,0.28) !important;
  background: linear-gradient(180deg, rgba(24,30,40,0.96) 0%, rgba(16,21,29,0.98) 100%) !important;
}
.ig-form-success__close {
  border: 1px solid rgba(238,106,52,0.24) !important;
}
.ig-form-success__close:hover, .ig-form-success__close:focus-visible {
  border-color: rgba(238,106,52,0.44) !important;
  background: rgba(238,106,52,0.08) !important;
}
.lang-switcher .lang-sw.active, .mobile-lang-header .lang-sw.active, .mobile-lang .lang-sw.active, .lang-switcher .lang-sw:hover, .mobile-lang-header .lang-sw:hover, .mobile-lang .lang-sw:hover {
  border-color: rgba(238,106,52,0.4) !important;
  background: rgba(238,106,52,0.1) !important;
}
.header-cta {
  border: 1px solid rgba(238,106,52,0.45) !important;
  background: linear-gradient(135deg, rgba(238,106,52,0.18) 0%, rgba(255,176,138,0.1) 100%) !important;
}
.hero-home::after {
  background: linear-gradient(180deg, rgba(12,16,23,0) 0%, rgba(12,16,23,0.86) 100%) !important;
}
.hero-home .hero-cta .btn-primary {
  background: linear-gradient(180deg, #12d8b7 0%, #ee6a34 100%) !important;
  box-shadow: 0 10px 26px rgba(238,106,52,0.22) !important;
}
.hero-home .hero-cta .btn-primary:hover {
  box-shadow: 0 14px 30px rgba(238,106,52,0.28) !important;
}
.hero-home .hero-cta .btn-ghost {
  border-color: rgba(238,106,52,0.26) !important;
}
.hero-home .hero-cta .btn-ghost:hover {
  background: rgba(238,106,52,0.1) !important;
  border-color: rgba(238,106,52,0.52) !important;
}
.ig-tab-btn:hover, .ig-tab-btn:focus-visible {
  border-color: rgba(238,106,52,0.24) !important;
  background: linear-gradient(135deg, rgba(238,106,52,0.08) 0%, rgba(255,176,138,0.05) 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 0 0 1px rgba(238,106,52,0.05) !important;
}
.ig-tab-btn.active {
  border-color: rgba(238,106,52,0.48) !important;
  background: linear-gradient(135deg, rgba(238,106,52,0.18) 0%, rgba(255,176,138,0.1) 100%),
        rgba(255, 255, 255, 0.03) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 0 0 1px rgba(238,106,52,0.1) !important;
}
.ig-tab-btn:focus-visible {
  box-shadow: 0 0 0 4px rgba(238,106,52,0.12) !important;
}
.hero-stats-row {
  background: radial-gradient(circle at top right, rgba(238,106,52,0.14), transparent 36%),
        linear-gradient(180deg, rgba(10, 22, 40, 0.9) 0%, rgba(12,16,23,0.96) 100%) !important;
}
.member-card:hover, .member-card:focus-visible {
  border-color: rgba(238,106,52,0.34) !important;
}
.member-hover-monogram {
  background: rgba(238,106,52,0.1) !important;
}
.tech-section {
  background: radial-gradient(circle at top center, rgba(238,106,52,0.08), transparent 36%),
        linear-gradient(180deg, #081426 0%, #0a172b 100%) !important;
}
.tech-section .tech-category:hover {
  border-color: rgba(238,106,52,0.22) !important;
  background: linear-gradient(180deg, rgba(238,106,52,0.06) 0%, rgba(255, 255, 255, 0.02) 100%) !important;
}
.tech-section .tech-category-title::after {
  background: linear-gradient(90deg, rgba(238,106,52,0.28), rgba(255, 255, 255, 0.04)) !important;
}
.tech-section .tech-tag:hover, .tech-section .tech-tag:focus-visible {
  border-color: rgba(238,106,52,0.36) !important;
  background: linear-gradient(135deg, rgba(238,106,52,0.16) 0%, rgba(255,176,138,0.08) 100%) !important;
  box-shadow: 0 0 0 4px rgba(238,106,52,0.08) !important;
}
.about-node:hover rect {
  filter: drop-shadow(0 0 8px rgba(238,106,52,0.35)) !important;
}
.about-svg-group:has(.about-node[data-id="p-global"]:hover) .about-spoke[data-target="p-global"], .about-svg-group:has(.about-node[data-id="p-enterprise"]:hover) .about-spoke[data-target="p-enterprise"], .about-svg-group:has(.about-node[data-id="p-public"]:hover) .about-spoke[data-target="p-public"] {
  stroke: #f58a55 !important;
}
.about-svg-group:has(.about-node[data-id="p-software-eng"]:hover) .about-spoke[data-target="p-software-eng"], .about-svg-group:has(.about-node[data-id="p-hardware"]:hover) .about-spoke[data-target="p-hardware"], .about-svg-group:has(.about-node[data-id="p-software-int"]:hover) .about-spoke[data-target="p-software-int"], .about-svg-group:has(.about-node[data-id="p-data"]:hover) .about-spoke[data-target="p-data"], .about-svg-group:has(.about-node[data-id="p-iot"]:hover) .about-spoke[data-target="p-iot"] {
  stroke: #ee6a34 !important;
}
.about-peer:hover circle, .about-peer:hover path {
  stroke: #f58a55 !important;
}
.about-svg-firm:has(.about-peer[data-lead="commercial"]:hover) .about-lead[data-lead="commercial"] rect, .about-svg-firm:has(.about-peer[data-lead="financial"]:hover) .about-lead[data-lead="financial"] rect, .about-svg-firm:has(.about-peer[data-lead="delivery"]:hover) .about-lead[data-lead="delivery"] rect {
  stroke: #f58a55 !important;
  filter: drop-shadow(0 0 6px rgba(245,138,85,0.4)) !important;
}
.about-svg-firm:has(.about-peer:hover) .about-md rect {
  stroke: #f58a55 !important;
}
.ct-intent-card:hover {
  border-color: rgba(238,106,52,0.34) !important;
  background: linear-gradient(180deg, rgba(238,106,52,0.09) 0%, rgba(255, 255, 255, 0.03) 100%) !important;
}
.ct-intent-card:focus-visible {
  border-color: rgba(238,106,52,0.42) !important;
  background: linear-gradient(180deg, rgba(238,106,52,0.1) 0%, rgba(255, 255, 255, 0.035) 100%) !important;
  box-shadow: 0 0 0 4px rgba(238,106,52,0.12),
        0 18px 42px rgba(0, 0, 0, 0.2) !important;
}
.ct-intent-icon {
  border: 1px solid rgba(238,106,52,0.2) !important;
  background: rgba(238,106,52,0.08) !important;
}
.ct-form input:focus, .ct-form select:focus, .ct-form textarea:focus, .ig-popup-form input:focus, .ig-popup-form select:focus, .ig-popup-form textarea:focus {
  border-color: rgba(238,106,52,0.5) !important;
  box-shadow: 0 0 0 4px rgba(238,106,52,0.08) !important;
}
.contact-form-wrapper .ig-form-privacy input[type="checkbox"], .contact-form-wrapper .wpcf7-acceptance input[type="checkbox"] {
  border: 1px solid rgba(238,106,52,0.45) !important;
}
.contact-form-wrapper .ig-form-privacy input[type="checkbox"]:checked, .contact-form-wrapper .wpcf7-acceptance input[type="checkbox"]:checked {
  box-shadow: 0 0 0 1px rgba(238,106,52,0.2) !important;
}
.contact-form-wrapper .ig-form-privacy input[type="checkbox"]::after, .contact-form-wrapper .wpcf7-acceptance input[type="checkbox"]::after {
  border: solid #0a0e13 !important;
}
.contact-form-wrapper .ig-form-privacy input[type="checkbox"]:focus-visible, .contact-form-wrapper .wpcf7-acceptance input[type="checkbox"]:focus-visible {
  border-color: rgba(238,106,52,0.72) !important;
  box-shadow: 0 0 0 1px rgba(10,14,19,0.72),
        0 0 0 4px rgba(238,106,52,0.2) !important;
}
#ig-popup-close:focus-visible, #member-popup-close:focus-visible, .ig-popup-close:focus-visible, .member-popup-close:focus-visible {
  border-color: rgba(238,106,52,0.42) !important;
  box-shadow: 0 0 0 1px rgba(10,14,19,0.86),
        0 0 0 4px rgba(238,106,52,0.14) !important;
}
.ig-crm-form[data-state="pending"] .ig-form-submit {
  color: rgba(16,21,29,0.78) !important;
}
.ig-crm-form[data-state="pending"] .ig-form-submit::after {
  border: 2px solid rgba(16,21,29,0.25) !important;
  border-top-color: rgba(16,21,29,0.82) !important;
}
.ig-crm-form__status {
  border: 1px solid rgba(238,106,52,0.24) !important;
  background: rgba(238,106,52,0.06) !important;
}
.ig-crm-result {
  border: 1px solid rgba(238,106,52,0.34) !important;
  background: linear-gradient(135deg, rgba(238,106,52,0.16), rgba(10,28,50,0.94) 42%),
        rgba(255,255,255,0.035) !important;
}
.ig-crm-result::before {
  box-shadow: 0 0 24px rgba(238,106,52,0.5) !important;
}
.ig-crm-result__mark {
  border: 1px solid rgba(238,106,52,0.38) !important;
  background: rgba(238,106,52,0.12) !important;
}
.ig-crm-result__btn:hover, .ig-crm-result__btn:focus-visible {
  border-color: rgba(238,106,52,0.48) !important;
  background: rgba(238,106,52,0.08) !important;
}
.ig-crm-result__btn--primary:hover, .ig-crm-result__btn--primary:focus-visible {
  background: #ffce7a !important;
}
.tag-context__cluster {
  background: rgba(22,28,38,0.54) !important;
}
.single-article .sidebar-widget, .single-sidebar .pillar-mention {
  background: rgba(22,28,38,0.72) !important;
}
.single-body .igng-article-body h2 {
  border-left: 1px solid rgba(238,106,52,0.6) !important;
}
.news-card-meta .news-card-more {
  color: var(--teal, #ff9166) !important;
  border: 1.5px solid rgba(238,106,52,.28) !important;
}
.igng-expert-comment__card {
  background: linear-gradient(135deg, rgba(238,106,52,.09), rgba(29, 108, 232, .08)) !important;
  border: 1px solid rgba(238,106,52,.22) !important;
}
.igng-authorbox {
  background: rgba(22,28,38,.72) !important;
}
.igng-authorbox__avatar img {
  border: 2px solid rgba(238,106,52,.28) !important;
}
.news-card-meta .news-card-more:hover, .news-card-meta .news-card-more:focus-visible, .news-card:hover .news-card-meta .news-card-more {
  color: var(--teal, #ff9166) !important;
  background: rgba(238,106,52,.08) !important;
  border-color: var(--teal, #ee6a34) !important;
}
.pillar-mention {
  background: linear-gradient(135deg, rgba(238,106,52,0.06) 0%, rgba(238,106,52,0.02) 100%) !important;
}
.category-title span {
  color: rgba(255,145,102,0.86) !important;
}
.service-card::before {
  background: linear-gradient(90deg, rgba(238,106,52,0), rgba(238,106,52,0.6), rgba(255,176,138,0.18)) !important;
}
.platform-section {
  background: linear-gradient(180deg, rgba(238,106,52,0.10), transparent 34%),
        var(--grad-dark-teal) !important;
  border-top: 1px solid rgba(238,106,52,0.18) !important;
  border-bottom: 1px solid rgba(238,106,52,0.18) !important;
}
.platform-capability {
  background: rgba(12,16,23,0.38) !important;
}
.platform-capability span::after {
  background: rgba(238,106,52,0.55) !important;
}
.pillar-signature-card {
  background: linear-gradient(135deg, rgba(238,106,52,0.08), rgba(238,106,52,0.015)),
        var(--card-bg) !important;
}
.pillar-position-statement {
  background: linear-gradient(135deg, rgba(238,106,52,0.04) 0%, rgba(238,106,52,0.01) 100%) !important;
}
.pillar-filter-col--yes {
  border-color: rgba(238,106,52,0.30) !important;
}
.pillar-leads {
  background: rgba(238,106,52,0.06) !important;
}
.pillar-cta-section::before {
  background: radial-gradient(circle at 30% 50%, rgba(238,106,52,0.12) 0%, transparent 60%) !important;
}
.article-toc {
  background: rgba(16,21,29,.66) !important;
  border-top: 2px solid rgba(238,106,52,.55) !important;
}
.article-toc__item::before {
  color: rgba(255,145,102,.82) !important;
}
.article-toc__item--sub::after {
  background: rgba(238,106,52,.45) !important;
}
.single-body .igng-article-body h2 {
  border-left: 2px solid rgba(238,106,52,.65) !important;
}
.igng-expert-comment__card {
  background: linear-gradient(135deg, rgba(238,106,52,.10), rgba(29, 108, 232, .055)), rgba(13,17,24,.9) !important;
  border: 1px solid rgba(238,106,52,.20) !important;
}
.igng-expert-comment__card::before {
  background: linear-gradient(180deg, rgba(238,106,52,.86), rgba(29, 108, 232, .42)) !important;
}
.igng-expert-comment__media img {
  box-shadow: 0 0 0 6px rgba(238,106,52,.06) !important;
}
.igng-expert-comment__label, .igng-authorbox__label {
  color: rgba(255,145,102,.9) !important;
}
.igng-expert-comment__profile, .igng-authorbox__link {
  border: 1px solid rgba(238,106,52,.32) !important;
}
.igng-expert-comment__profile:hover, .igng-expert-comment__profile:focus, .igng-authorbox__link:hover, .igng-authorbox__link:focus {
  background: rgba(238,106,52,.08) !important;
}
.igng-expert-comment--inline blockquote {
  background: rgba(22,28,38,.54) !important;
  border-left: 2px solid rgba(238,106,52,.74) !important;
}
.article-faq {
  background: rgba(22,28,38,.72) !important;
}
.igng-authorbox {
  background: rgba(13,17,24,.78) !important;
  border-top: 2px solid rgba(238,106,52,.42) !important;
}
.hero-author {
  background: linear-gradient(180deg, rgba(10,14,19,.98) 0%, rgba(10,13,18,1) 100%) !important;
}
.hero-author .ha-ava img, .hero-author .ha-ava .avatar {
  border-color: rgba(238,106,52,.38) !important;
  box-shadow: 0 0 0 8px rgba(238,106,52,.06), 0 24px 60px rgba(0, 0, 0, .22) !important;
}
.igng-service-cta__inner {
  background: linear-gradient(135deg, rgba(238,106,52,.12), rgba(29, 108, 232, .06)),
        rgba(13,17,24,.86) !important;
  border: 1px solid rgba(238,106,52,.28) !important;
}
.igng-service-cta__eyebrow {
  color: rgba(255,145,102,.9) !important;
}
.igng-service-cta__link {
  border: 1px solid rgba(238,106,52,.32) !important;
}
.igng-service-cta__link:hover, .igng-service-cta__link:focus {
  background: rgba(238,106,52,.08) !important;
}
.igng-service-cta__btn:hover, .igng-service-cta__btn:focus {
  background: rgba(238,106,52,.85) !important;
}
.archived-notice a {
  color: var(--teal, #ff9166) !important;
}
.experts-index {
  background: linear-gradient(180deg, rgba(10,14,19,.98) 0%, rgba(10,13,18,1) 100%) !important;
}
.expert-card:hover {
  border-color: var(--teal-border-h, rgba(238,106,52,.5)) !important;
}
.expert-card__ava img {
  border: 2px solid rgba(238,106,52,.38) !important;
  box-shadow: 0 0 0 6px rgba(238,106,52,.06) !important;
}
.expert-card__pos {
  color: rgba(255,145,102,.92) !important;
}
.experts-alpha__btn:hover {
  border-color: var(--teal-border-h, rgba(238,106,52,.5)) !important;
  background: rgba(238,106,52,.07) !important;
}
.expert-card--compact .expert-card__ava img {
  border: 2px solid rgba(238,106,52,.38) !important;
  box-shadow: 0 0 0 6px rgba(238,106,52,.06) !important;
}
@media (max-width: 768px) {
  .header-nav {
    background-color: #0a0e13 !important;
  }
  .header {
    background-color: #0a0e13 !important;
  }
  .header {
    background-color: #0a0e13 !important;
  }
  .mobile-lang-header .lang-sw {
    border: 1px solid rgba(238,106,52,0.3) !important;
  }
}
@media (max-width: 1024px) {
  .mobile-lang-header .lang-sw {
    border: 1px solid rgba(238,106,52,0.28) !important;
  }
  .mobile-lang-header .lang-sw.active {
    background: rgba(238,106,52,0.08) !important;
  }
  .header-nav {
    background: #0a0e13 !important;
  }
  .mobile-menu {
    background: radial-gradient(circle at top right, rgba(238,106,52,0.14), transparent 34%),
            linear-gradient(180deg, #0d1118 0%, #0a0e13 100%) !important;
  }
  .mobile-menu-header {
    background: #0a0e13 !important;
  }
  .mobile-menu-close {
    border: 1px solid rgba(238,106,52,0.35) !important;
  }
}
/* === /GENERATED === */