/* ============================================================
   3ТЭК · home.css — аккуратные доработки главной страницы

   Базовый макет главной — исходный: тёмный hero с фотографией
   лаборатории, стеклянная шапка, карточка «шильдика» и полоса
   цифр. Здесь только точечные улучшения читаемости и мелочей,
   ничего из исходного оформления не переписывается.
   ============================================================ */

/* ---------- Hero: читаемость текста на фотографии ----------
   Слева добавлено чуть больше затемнения: на светлых кадрах
   лаборатории белый заголовок местами терял контраст. Справа
   фотография по-прежнему открыта. */
.hero.hero-photo::after {
  background:
    linear-gradient(100deg,
      rgba(5, 13, 26, .95) 0%,
      rgba(6, 15, 30, .88) 38%,
      rgba(8, 19, 34, .62) 66%,
      rgba(10, 22, 38, .42) 100%);
}

/* Мягкое затемнение снизу — карточка заявки и полоса цифр
   стыкуются без резкой границы. */
.hero.hero-photo .hero-inner { position: relative; z-index: 3; }
.hero.hero-photo::before { transform: scale(1.02); }

/* Заголовок: чуть плотнее межбуквенное расстояние на крупных
   экранах — набор перестаёт «расползаться». */
.hero h1.display { letter-spacing: -.015em; text-wrap: balance; }
.hero .lead { max-width: 38em; }

/* ---------- Карточка «шильдика» ---------- */
.nameplate-card {
  box-shadow: 0 28px 64px -28px rgba(3, 10, 22, .55), 0 2px 8px rgba(3, 10, 22, .12);
}
.nameplate-card .dropzone { transition: border-color .18s ease, background .18s ease, color .18s ease; }

/* Кнопка «убрать файл» в зоне загрузки */
.dz-text { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.dz-text .file-name { overflow: hidden; text-overflow: ellipsis; }

/* ---------- Полоса цифр: ровные колонки на планшетах ---------- */
@media (max-width: 900px) {
  .stats-inner { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 12px; }
}

/* ---------- Анимации в карточках услуг ----------
   Сцены преобразователя, сервопривода и HMI-панели занимают
   всю ширину карточки — так они читаются крупнее. */
.cards-3 .card > .svc-scene {
  margin: -28px -28px 18px;
  border: 0;
  border-bottom: 1px solid var(--line);
  border-radius: var(--radius) var(--radius) 0 0;
}

/* ---------- Лента брендов под полосой цифр ---------- */
.brand-ticker { border-bottom: 1px solid var(--line); }

@media (prefers-reduced-motion: reduce) {
  .brand-ticker-track { animation: none; }
}