/* ============================================================
   Минималистичный слой. Подключается ПОСЛЕ premium.css.
   Чтобы вернуть прежний «премиум» вид — убрать "minimal.css"
   из списка CSS_LAYERS в build.py (одна строка).

   Принципы: монохром + один акцент, без теней и градиентов,
   меньше декоративных подписей, больше воздуха.
   ============================================================ */

:root{
  --ink:#111417; --text:#33383d; --muted:#6b7278;
  --line:#e4e6e8; --line-strong:#c9ccd0;
  --bg-soft:#fafafa; --accent:#1554cd; --dark:#111417;
}

/* ---------- типографика: меньше контраста размеров ---------- */
body{font-size:16px;line-height:1.7;color:var(--text)}
h1,h2,h3{letter-spacing:-.02em;font-weight:600}
h2{font-size:clamp(1.7rem,2.4vw,2.3rem);line-height:1.2}
h3{font-size:1.05rem}
.section{padding-block:clamp(64px,7vw,96px)}
.lead{font-size:16px;color:var(--muted)}

/* точка-«глазок» перед надзаголовком — лишний декор */
.eyebrow{color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.12em;margin-bottom:20px}
.eyebrow::before{display:none}

/* ---------- кнопки: одна сплошная, остальное — ссылки ---------- */
.btn{border-radius:2px;font-weight:600;min-height:48px;padding:14px 24px}
.btn--primary{background:var(--dark);color:#fff;box-shadow:none}
.btn--primary:hover{background:#000;transform:none;box-shadow:none}
.btn--ghost{border-color:var(--line-strong);color:var(--ink);background:transparent}
.btn--ghost:hover{border-color:var(--ink);background:transparent}
.btn span{display:none}                      /* декоративные стрелки в кнопках */
.text-link{border-bottom-color:var(--line-strong);font-weight:600;gap:24px}
.text-link span{font-size:16px}
.text-link:hover{color:var(--ink);border-color:var(--ink)}

/* ---------- шапка: светлая, тонкая линия ---------- */
.header{background:#fffffff2;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.header .logo__name{color:var(--ink)}
.header .logo__sub{color:var(--muted)}
.nav__link{color:var(--text);font-size:14px}
.nav__link:hover,.nav__link.is-active{color:var(--ink);background:transparent;text-decoration:underline;text-underline-offset:6px}
.header__phone{color:var(--ink);font-size:14px}
.header__cta .btn{min-height:42px;padding:11px 18px;font-size:13px}
.burger{border-color:var(--line-strong);background:#fff}
.burger span,.burger span::before,.burger span::after{background:var(--ink)}
.mobile-nav{background:#fff;border-color:var(--line)}
.mobile-nav a{color:var(--text);border-bottom-color:var(--line)}
.mobile-nav__group{color:var(--muted)}
.drop{border-color:var(--line);border-radius:2px;box-shadow:0 12px 28px #11141710}
.drop__title{color:var(--muted)}
.drop__list a:hover{background:var(--bg-soft);color:var(--ink)}

/* ---------- hero: плоский тёмный, без градиентов и свечения ---------- */
.hero--engineering{background:var(--dark);padding-top:56px}
.hero--engineering .hero__inner{gap:48px;min-height:520px}
.hero--engineering h1{font-weight:500;letter-spacing:-.035em}
.hero--engineering .hero__accent{color:#8ab4f8}
.hero--engineering .eyebrow{color:#8b949c}
.hero--engineering .eyebrow::before{display:none}
.hero--engineering .hero__copy>p{color:#a8b0b7}
.hero__disciplines,.hero__note{color:#7d868e}
.hero__note>span{color:#7d868e;font-size:13px}
.hero--engineering .btn--primary{background:#fff;color:var(--ink)}
.hero--engineering .btn--primary:hover{background:#e9eaec}
.hero__work-link{color:#c8ced3}
.hero__work-link:hover{color:#fff}
.hero__baseline{display:none}               /* декоративная полоса-слоган */

/* схема объекта: без свечения и бегущих штрихов */
.system-map__top,.system-map__caption>span:last-child{display:none}
.system-map__drawing{margin-top:0}
.map-flow{animation:none;stroke-dasharray:none}
.system-map[data-system] .map-circuit{filter:none}
.system-map__controls{border-color:#ffffff1f}
.system-switch{color:#8b949c;font-size:12px}
.system-switch.is-active{color:#fff;border-top-color:#fff;background:transparent}
.system-switch:hover{color:#dfe3e6;background:transparent}
.system-map__caption{color:#98a1a8;min-height:52px}

/* ---------- метрики ---------- */
.metrics{background:#fff;border-bottom:1px solid var(--line)}
.metrics .fact{border-right:1px solid var(--line);padding:32px 24px}
.metrics .fact__num{color:var(--ink);font-weight:500}
.metrics .fact__label{color:var(--ink);font-size:13px}
.metrics .fact__note{color:var(--muted);font-size:12px}

/* ---------- услуги: без плиток, простой список с линиями ---------- */
.services-grid{gap:0;border-top:1px solid var(--line)}
.service-tile{background:transparent;border:0;border-bottom:1px solid var(--line);
  border-right:1px solid var(--line);min-height:0;padding:34px 32px 30px;gap:16px}
.service-tile:nth-child(3n){border-right:0}
.service-tile:hover{background:var(--bg-soft);border-color:var(--line);transform:none}
.service-tile:hover h3,.service-tile:hover .service-tile__top>*{color:var(--ink)}
.service-tile:hover p{color:var(--muted)}
.service-tile:hover .service-tile__bottom{color:var(--ink);border-top-color:var(--line)}
.service-tile__number,.service-tile__arrow{display:none}   /* нумерация и стрелки */
.service-tile__top svg{width:22px;height:22px;color:var(--muted);stroke-width:1.4}
.service-tile h3{font-size:19px;margin-bottom:0}
.service-tile p{font-size:14px;color:var(--muted)}
.service-tile__bottom{border-top:0;padding-top:0;color:var(--muted);font-size:13px}
.service-tile__bottom span{display:none}

/* ---------- портфолио: без цветных «паспортов» ---------- */
.projects-section{background:#fff}
.project-grid{gap:32px}
.project-passport{background:var(--bg-soft);color:var(--ink);border:1px solid var(--line);
  border-bottom:1px solid var(--line);min-height:0;padding:26px}
.work:nth-child(3n+2) .project-passport,
.work:nth-child(3n+3) .project-passport{background:var(--bg-soft);border-bottom-color:var(--line)}
.project-passport__top{color:var(--muted);font-size:11px}
.project-passport__top>span:last-child{display:none}
.project-passport__number{font-size:44px;font-weight:500;color:var(--ink);margin:20px 0 4px}
.project-passport__label{color:var(--muted)}
.project-passport__tags{border-top-color:var(--line);color:var(--muted);margin-top:20px;padding-top:12px}
.work__meta{color:var(--muted)}
.work__body h3{font-size:19px}
.work-details{border-top-color:var(--line)}
.work-details ul{color:var(--muted)}

/* ---------- наш подход ---------- */
.adv__num{color:var(--muted)}
.adv h3{font-size:16px}
.adv p{color:var(--muted)}

/* ---------- этапы работ: светлая секция вместо тёмной ---------- */
.process-section{background:var(--bg-soft)}
.process-intro .eyebrow{color:var(--muted)}
.process-intro h2{color:var(--ink);font-size:clamp(1.7rem,2.4vw,2.3rem)}
.process-intro .lead{color:var(--muted)}
.process-seal{display:none}                 /* декоративная «печать» */
.process-step{border-top-color:var(--line)}
.process-step:last-child{border-bottom-color:var(--line)}
.process-step h3{color:var(--ink)}
.process-step[open] h3,.process-step[open] .process-step__toggle{color:var(--accent)}
.process-step__number{color:var(--muted)}
.process-step__toggle{color:var(--muted);font-size:18px}
.process-step__body ul{color:var(--muted)}

/* ---------- заявка ---------- */
#zayavka{background:#fff;border-top:1px solid var(--line)}
#zayavka .hero__card{background:var(--bg-soft);border:1px solid var(--line);border-radius:2px;padding:32px}
#zayavka .pills li{border-color:var(--line);border-radius:2px;color:var(--muted)}
.field input,.field textarea,.field select{border-radius:2px;border-color:var(--line-strong)}
.field input:focus,.field textarea:focus{border-color:var(--ink);box-shadow:none}

/* ---------- внутренние страницы ---------- */
.page-hero{background:var(--dark);padding-bottom:56px}
.page-hero h1{font-weight:500}
.page-hero .lead{color:#a8b0b7}
.crumbs a,.page-hero .crumbs a{color:#8b949c}
.card{border-radius:2px;border-color:var(--line)}
.card:hover{border-color:var(--line-strong);box-shadow:none;transform:none}
.card__icon{background:var(--bg-soft);color:var(--muted);border-radius:2px}
.aside__box{background:var(--bg-soft);border-color:var(--line);border-radius:2px}
.price-table{border-color:var(--line);border-radius:2px}
.price-table th{background:var(--bg-soft);color:var(--ink)}
.price-table tr:hover td{background:var(--bg-soft)}
.pills li{border-radius:2px;border-color:var(--line);color:var(--muted)}
.checks li::before{background-color:var(--bg-soft)}

/* ---------- CTA и подвал ---------- */
.cta-band{background:var(--dark);border-radius:2px}
.cta-band h2{font-size:26px}
.cta-band .btn--primary{background:#fff;color:var(--ink)}
.cta-band .btn--primary:hover{background:#e9eaec}
.footer{background:#fff;color:var(--muted);border-top:1px solid var(--line)}
.footer a{color:var(--text)}
.footer a:hover{color:var(--ink)}
.footer .logo__name{color:var(--ink)}
.footer .logo__sub,.footer__bottom{color:var(--muted)}
.footer h4{color:var(--ink)}
.footer__grid{border-bottom-color:var(--line)}

@media(max-width:1000px){
  .service-tile{border-right:0}
  .services-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .services-grid{grid-template-columns:1fr}
  .metrics .fact{border-right:0;border-bottom:1px solid var(--line)}
}

/* на тёмных фонах кнопки инвертируются: основная — белая, вторичная — контурная светлая */
.page-hero .btn--primary,.cta-band .btn--primary,.section--dark .btn--primary{background:#fff;color:var(--ink)}
.page-hero .btn--primary:hover,.cta-band .btn--primary:hover,.section--dark .btn--primary:hover{background:#e9eaec}

/* на тёмных фонах вторичная кнопка должна быть светлой */
.hero .btn--ghost,.page-hero .btn--ghost,.cta-band .btn--ghost,.section--dark .btn--ghost{
  color:#fff;border-color:#ffffff3d;background:transparent}
.hero .btn--ghost:hover,.page-hero .btn--ghost:hover,.cta-band .btn--ghost:hover,
.section--dark .btn--ghost:hover{border-color:#fff;background:#ffffff0f}

/* ---------- кнопки перестают «кричать» ---------- */
/* в шапке: контур вместо чёрной плашки, заливка появляется только при наведении */
/* цвет ровно как у тёмной секции под шапкой (--dark) */
.header__cta .btn--primary{background:var(--dark);color:#fff;border:0;border-radius:999px;
  padding:12px 24px;font-weight:600}
.header__cta .btn--primary:hover{background:#1e242a;color:#fff}

/* «Заглянуть внутрь»: не кнопка-плашка, а текст с линией */
.xray-toggle{background:transparent;border:0;border-bottom:1px solid #ffffff3d;border-radius:0;
  color:#c8ced3;padding:8px 0;min-height:0;gap:10px;transition:color .2s,border-color .2s}
.xray-toggle:hover,.xray-toggle[aria-pressed=true]{background:transparent;color:#fff;border-bottom-color:#fff}
.xray-toggle>span{font-size:14px}