/* Спокойный «деловой» слой поверх styles.css.
   Убирает визуальный шум, оставляя движение: появление блоков, коробку, счётчики, ленту.
   Чтобы вернуть более смелую версию — удалите подключение этого файла в index.html. */

:root {
  --ink: #111113;
  --ink-2: #18181b;
  --ink-3: #202024;
  --text: #ecebe8;
  --muted: #94918b;
  --line: rgba(236, 235, 232, .1);
}

/* Убираем шум и «агентские» эффекты */
.grain, .cursor, .has-cursor .cursor, .preloader { display: none !important; }

/* Типографика: без капслока в заголовках, спокойнее размеры */
.caps { font-family: var(--body); font-weight: 700; letter-spacing: .14em; font-size: 12px; }
.label { color: var(--orange); margin-bottom: 16px; }
.label--dark { color: #c4520f; }
.title {
  text-transform: none; font-weight: 700; font-size: clamp(26px, 2.9vw, 42px);
  line-height: 1.15; letter-spacing: -.02em;
}
.section-head { margin-bottom: clamp(28px, 3.5vw, 48px); }
.hero__title {
  text-transform: none; font-weight: 800; font-size: clamp(30px, 3.6vw, 54px);
  line-height: 1.1; letter-spacing: -.025em;
}
.hero__kicker { color: var(--muted); }
.subtitle { text-transform: none; font-weight: 700; font-size: clamp(20px, 1.8vw, 26px); }

/* Шапка */
.header.is-scrolled { background: rgba(17, 17, 19, .88); border-bottom: 1px solid var(--line); }
.pill { background: var(--orange); color: var(--ink); border-color: var(--orange); }
.pill::before { background: var(--text); }
.pill:hover { border-color: var(--text); }
.menu { background: var(--ink-2); color: var(--text); }
.menu__nav a { text-transform: none; font-weight: 700; font-size: clamp(28px, 8vw, 40px); padding: 8px 0; border-bottom: 1px solid var(--line); }
.menu__foot { color: var(--orange); }

/* Первый экран */
.hero { background: radial-gradient(50% 55% at 78% 42%, rgba(255, 106, 19, .1), transparent 70%); }
.hero__badge { background: rgba(24, 24, 27, .9); }
@media (max-width: 960px) {
  .hero { padding-top: 96px; }
  .hero__visual { order: 0; padding: 24px 0 40px; }
  .scene { --s: 120px; }
}

/* Лента: одна, ровная, приглушённая */
.tapes { height: auto; margin: 0; padding: 8px 0; }
.tapeband { position: relative; left: 0; right: 0; top: 0; transform: none !important; }
.tapeband--a { background: var(--ink-2); color: var(--muted); box-shadow: none; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.tapeband--b { display: none; }
.tapeband__track { gap: 24px; padding: 16px 0; }
.tapeband span { font-family: var(--body); font-weight: 700; font-size: 14px; letter-spacing: .14em; }
.tapeband svg { width: 14px; height: 14px; fill: var(--orange); }

/* Почему мы */
.pain:hover { transform: translateY(-3px); }
.pain__q { font-weight: 600; }
.stat b { font-weight: 700; }

/* Услуги: спокойная подсветка строки вместо оранжевой заливки */
.svc { border-top: 1px solid var(--line); }
.svc__row::before { background: var(--ink-2); }
.svc__row:hover { color: var(--text); }
.svc__row:hover .svc__num { color: var(--orange); }
.svc__row:hover .svc__desc { color: var(--muted); }
.svc__row:hover .svc__name { transform: translateX(8px); }
.svc__name { text-transform: none; font-weight: 700; font-size: clamp(20px, 1.9vw, 28px); letter-spacing: -.015em; }
.svc__num { color: var(--orange); }
.svc__arrow { width: 20px; height: 20px; fill: var(--muted); }
.svc__row:hover .svc__arrow { fill: var(--orange); }

/* Процесс: сетка карточек вместо горизонтальной прокрутки */
.process__pin { height: auto; padding: clamp(64px, 8vw, 110px) var(--gutter); justify-content: flex-start; }
.process__hint { display: none; }
.process__track { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; width: auto; transform: none !important; }
.step { width: auto; height: auto; min-height: 240px; padding: 26px; border-radius: 20px; gap: 32px; }
.step__num { font-size: 40px; font-weight: 700; color: var(--orange); -webkit-text-stroke: 0; letter-spacing: -.02em; }
.step--accent .step__num { color: var(--ink); }
.step h3 { text-transform: none; font-weight: 700; font-size: 20px; }
@media (max-width: 1000px) { .process__track { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .process__track { grid-template-columns: 1fr; } .step { min-height: 0; } }

/* Цены и калькулятор */
.price:hover { padding-left: 8px; }
.price__val { font-weight: 700; }
.calc__total b { font-weight: 800; }

/* FAQ */
.qa__q { font-family: var(--body); font-weight: 700; font-size: clamp(16px, 1.3vw, 19px); }
.qa.is-open .qa__q i { transform: none; }

/* Заявка: оранжевая карточка вместо заливки на весь экран */
.cta { background: none; color: var(--ink); padding: 0 var(--gutter) clamp(64px, 8vw, 110px); }
.cta__inner { background: var(--orange); border-radius: 28px; padding: clamp(28px, 4.5vw, 64px); }
.cta__title { text-transform: none; font-weight: 800; font-size: clamp(28px, 3.4vw, 48px); line-height: 1.1; letter-spacing: -.025em; }

/* Подвал: большая надпись — фоном, без крика */
.footer__word { color: var(--ink-3); }
.footer__word .wordmark__arrow { opacity: .8; }