@charset "utf-8";
/* аирпол.рф — лендинг компрессоров (Airpol — под заказ). Общий вид блоков — css/landing.css.
   Цвета — Airpol: синий корпусов и логотипа, жёлтый — как шестиугольные значки старого аирпол.рф (текстом на белом не читается:
   для текста — синий, на жёлтой кнопке — тёмный текст). */

[data-site="airpol"] {
  --c-brand: #0b4a8f;
  --c-primary: #ffc20e;
  --c-primary-hover: #ffd34d;
  --c-primary-ink: #0d2240;
  --c-accent: #ffc20e;
  --c-accent-ink: #0d2240;
  --c-accent-text: #0b5cb3;
  --c-deep: #0a1f3d;
  --c-deep-2: #0f2d57;
  --c-soft: #eef3f9;
  --c-surface: #eef3f9;
  --c-dark: #0a1f3d;
  --c-deep-rgb: 10 31 61;
  --c-brand-rgb: 11 74 143;
  --c-accent-rgb: 255 194 14;
  --c-brand-2: #1767bf;
}

/* фото цеха Airpol уже тонировано в синий — затемняем меньше, чтобы было видно людей и компрессоры */
[data-site="airpol"] .lp-hero__media::after {
  background: linear-gradient(90deg, rgb(10 31 61 / 92%) 0%, rgb(10 31 61 / 70%) 45%, rgb(10 31 61 / 25%) 80%, rgb(10 31 61 / 40%) 100%),
              linear-gradient(0deg, rgb(10 31 61 / 90%) 0%, transparent 40%);
}
[data-site="airpol"] .lp-hero__big { background: linear-gradient(90deg, #fff 0%, #fff 50%, #ffe08a 100%); -webkit-background-clip: text; background-clip: text; }
[data-site="airpol"] .lp-cat__img { background: #fff; }
[data-site="airpol"] .lp-cat__img img { padding: 8px; }

/* ---------- живая схема «компрессорная станция» ---------- */
.as__top { display: grid; gap: 0; }
.as__panel { fill: #d8dee6; }
.as__screenlet { fill: #0d2240; }
.is-live .as__screenlet { animation: asBlink 2.4s steps(2) infinite; }
@keyframes asBlink { 50% { fill: #1c5aa3; } }
.as__stop { fill: #e2231a; }
.as__grille { fill: #183a66; stroke: rgb(255 255 255 / 35%); stroke-width: 1.5; }
.as__blade { stroke: rgb(255 255 255 / 75%); stroke-width: 3; stroke-linecap: round; }
.as__fan { transform-box: fill-box; transform-origin: center; animation: asSpin 1.1s linear infinite; }
@keyframes asSpin { to { transform: rotate(360deg); } }
.as__tag { font: 800 13px/1 var(--font); fill: #fff; text-anchor: middle; letter-spacing: .02em; }
.as__tag--c { font: 600 11px/1 var(--mono); }
.as__snow { stroke: #bfe3ff; stroke-width: 3; stroke-linecap: round; }
.as__filter { fill: #cfd8e3; stroke: #8ea3b9; stroke-width: 1.5; }
.as__drain { stroke: #8ea3b9; stroke-width: 2; }
.as__gauge { fill: #fff; stroke: #4a5b70; stroke-width: 2.5; }
.as__scale { fill: none; stroke: #ffc20e; stroke-width: 3; }
.as__needle { stroke: #e2231a; stroke-width: 2.5; stroke-linecap: round; transform-box: view-box; transform-origin: 296px 104px;
  transform: rotate(-40deg); transition: transform 1.4s cubic-bezier(.3, 1.4, .5, 1); }
.as__leg { stroke: #8ea3b9; stroke-width: 4; }
.as__out { fill: var(--c-accent); }
.as__steps { list-style: none; display: flex; justify-content: space-between; gap: 4px; margin: 6px 0 0; padding: 0;
  font: 500 .7rem/1.2 var(--mono); color: rgb(255 255 255 / 55%); }
.as__steps li { position: relative; flex: 1; padding-top: 8px; text-align: center; transition: color .3s; }
.as__steps li::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px; border-radius: 2px; background: rgb(255 255 255 / 14%); transition: background .3s; }
.as__steps li.is-done::before { background: rgb(255 194 14 / 45%); }
.as__steps li.is-on { color: #fff; }
.as__steps li.is-on::before { background: var(--c-accent); }
@media (max-width: 480px) { .as__steps { font-size: .6rem; } }

/* жёлтый — только кнопки и акценты; обычные ссылки на белом — синие */
[data-site="airpol"] main a:not(.btn), [data-site="airpol"] .lead-section a:not(.btn) { color: var(--c-accent-text); }
[data-site="airpol"] main a:not(.btn):hover { color: var(--c-brand); }