/* Индустриальный слой (вариант A, утверждён 10.09.2026). Подключается ПОСЛЕДНИМ, после minimal.css.
   Графит + один акцент (сталь), шрифты Unbounded/Manrope из fonts.css.
   Акцент меняется одной переменной: --accent (на тёмном), --accent-ink (текст на белом), --on-accent (текст на акценте). */
:root{--accent:#6e97c3;--accent-ink:#244b75;--on-accent:#0d0f11;--ink:#0d0f11;--dark:#0d0f11;--line:#e3e3e3}
:root[data-accent=lime]{--accent:#c4f03a;--accent-ink:#587300;--on-accent:#0d0f11}
:root[data-accent=cyan]{--accent:#2fd4ff;--accent-ink:#0074a2;--on-accent:#0d0f11}
:root[data-accent=red]{--accent:#ff3b2f;--accent-ink:#d42a1e;--on-accent:#fff}

body{font-family:Manrope,system-ui,sans-serif}
h1,h2,h3,.logo__name{font-family:Unbounded,Manrope,sans-serif;letter-spacing:-.01em}
h2{font-weight:700;text-transform:uppercase;font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.08}
.text-muted{color:#9aa0a6}

/* шапка */
.header{background:#0d0f11f5;border-bottom:1px solid #ffffff14}
.header .logo__name{color:#fff}.header .logo__sub{color:#8a9097}
.nav__link{color:#c9ced3}.nav__link:hover,.nav__link.is-active{color:var(--accent);text-decoration:none}
.header__phone{color:#fff}
.burger{background:#0d0f11;border-color:#ffffff33}.burger span,.burger span::before,.burger span::after{background:#fff}

/* кнопки и надзаголовки — везде один акцент */
.btn--primary,.header__cta .btn--primary,.hero--engineering .btn--primary,.page-hero .btn--primary,
.cta-band .btn--primary,.section--dark .btn--primary{background:var(--accent);color:var(--on-accent);font-weight:700}
.btn--primary:hover,.header__cta .btn--primary:hover,.hero--engineering .btn--primary:hover,.page-hero .btn--primary:hover,
.cta-band .btn--primary:hover,.section--dark .btn--primary:hover{background:var(--accent);color:var(--on-accent);filter:brightness(1.12)}
.eyebrow,.hero--engineering .eyebrow,.process-intro .eyebrow{display:inline-block;background:var(--accent);color:var(--on-accent);
  padding:5px 10px;font-weight:700;letter-spacing:.14em}
.text-link:hover{color:var(--accent-ink);border-color:var(--accent-ink)}

/* первый экран */
.hero--engineering{background-color:#0d0f11;
  background-image:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px);
  background-size:56px 56px;border-bottom:8px solid;
  border-image:repeating-linear-gradient(135deg,var(--accent) 0 16px,#0d0f11 16px 32px) 8}
.hero--engineering h1{font-weight:800;text-transform:uppercase;font-size:clamp(2.2rem,4.1vw,3.6rem);line-height:.98;color:#fff}
.hero--engineering .hero__accent{color:var(--accent)}
.system-switch.is-active,.system-map--xray .system-switch.is-active{color:var(--accent);border-top-color:var(--accent)}

/* цифры */
.metrics{background:#15181b;border-bottom:0}
.metrics .fact{border-right:1px solid #ffffff14}
.metrics .fact__num{color:var(--accent);font-family:Unbounded,sans-serif;font-weight:700}
.metrics .fact__label{color:#fff}.metrics .fact__note{color:#8a9097}

/* услуги */
.services-grid{border-top:2px solid var(--ink)}
.service-tile{position:relative}
.service-tile::before{content:"";position:absolute;left:0;top:-2px;height:4px;width:0;background:var(--accent);transition:width .35s}
.service-tile:hover::before{width:100%}
.service-tile__number{display:block!important;font-family:Unbounded,sans-serif;font-weight:700;color:var(--accent-ink);font-size:13px}
.service-tile h3{font-size:17px;text-transform:uppercase;letter-spacing:.01em}
.service-tile__top svg{color:var(--ink)}

/* портфолио */
.work__img{border-bottom:4px solid var(--accent)}
.work__meta{color:var(--accent-ink)}
.work__body h3{font-size:17px}
.shots__dot.is-active{background:var(--accent)}

/* тёмные секции: «Процесс» и прочие — светлый текст на графите */
.section--dark,.process-section{background:#0d0f11}
.section--dark h2,.section--dark h3,.process-intro h2{color:#fff}
.section--dark .lead,.section--dark p,.process-intro .lead{color:#a3a9af}
.process-step{border-top-color:#ffffff1f}
.process-step:last-child{border-bottom-color:#ffffff1f}
.process-step h3{color:#e6e8ea;font-family:Manrope,sans-serif;font-weight:600;font-size:17px}
.process-step__number{color:var(--accent);font-family:Unbounded,sans-serif;font-weight:700}
.process-step__toggle{color:#8a9097}
.process-step[open] h3,.process-step[open] .process-step__toggle{color:var(--accent)}
.process-step__body ul{color:#a3a9af}

/* подвал — тёмный, с той же полосой, что под первым экраном */
.footer{background:#0d0f11;color:#9aa0a6;border-top:8px solid;
  border-image:repeating-linear-gradient(135deg,var(--accent) 0 16px,#0d0f11 16px 32px) 8}
.footer a{color:#c9ced3}.footer a:hover{color:var(--accent)}
.footer .logo__name,.footer h4{color:#fff}
.footer .logo__sub,.footer__bottom{color:#8a9097}
.footer__grid{border-bottom-color:#ffffff1a}

/* контакты */
.contact-link{color:var(--accent-ink)}

/* блок «Наш опыт» (о компании) и прочие наборы цифр вне главной */
.hero__facts{background:#ffffff14;border-color:#ffffff1a;border-radius:0}
.fact{background:#15181b}
.fact__num{color:var(--accent);font-family:Unbounded,sans-serif;font-weight:700}
.fact__label{color:#fff}
.fact__note{color:#8a9097}
.section--dark .eyebrow{color:var(--on-accent)}

/* надзаголовок всегда читается на плашке, в каком бы блоке ни стоял */
.eyebrow{color:var(--on-accent)!important}
/* остатки синего из старой темы: подзаголовки страниц и ссылки в тексте */
.page-hero .lead,.page-hero p{color:#a3a9af}
.aside__box a,.consent a,.section--dark .consent a,.hero__card .consent a{color:var(--accent-ink)}
#zayavka p a{color:var(--accent-ink)}

/* скругления: кнопки и плашки — «таблетки», как кнопка в шапке; карточки, фото и поля — мягкий угол */
.btn,.eyebrow,.pills li,.shots__arrow{border-radius:999px}
.eyebrow{padding:5px 12px}
.card,.aside__box,.hero__card,#zayavka .hero__card,.cta-band,.xray-viewport,.hero__facts,
.project-passport,.shots__item,.shots__item img{border-radius:14px;overflow:hidden}
.work__img{border-radius:14px 14px 0 0}
.card__icon{border-radius:10px}
input,textarea,select{border-radius:10px!important}
.page-hero .lead,.page-hero p{color:#a3a9af!important}

/* таблица цен: серые единицы, заголовок «Цена» над ценами; ссылки в тексте — цветом акцента, а не старым синим */
.price-table td:nth-child(2){color:#6b7278}
.price-table th:last-child{text-align:right}
main p a:not(.btn){color:var(--accent-ink)}