/* Оформление «Холодный свет» для страниц услуг (решение владельца 05–06.10.2026; принцип — Билайн бизнес).
   Подключается после service-page.css на /sites/, /seo/, /support/.
   Два слоя: графитовый фон и чёрные карточки с тонкой рамкой. Подсветки — три точки на страницу:
   первый экран, один блок .is-glow, форма. Фон частиц /seo/ (service-bg.js, холст .page-bg) не меняется. */
:root{--bg:#1b1d22;--card:#000;--card-rule:rgba(255,255,255,.14);--card-r:24px;
  --g1:rgba(110,86,255,.46);--g2:rgba(64,128,255,.32);--g3:rgba(255,106,61,.2)}
body{background:var(--bg)}
.svc .svc-sec{border-top:0}

/* Чёрные карточки */
.svc :is(.panel,.svc-scope>div,.svc-guarantee>div,.svc-price article,.svc-metrics>div,.svc-more a,.case-chart,.svc-board,.term,.svc-form,.result-call,.serp-scene){background:var(--card);border-color:var(--card-rule);-webkit-backdrop-filter:none;backdrop-filter:none}
.svc :is(.panel,.svc-scope>div,.svc-guarantee>div,.svc-price article,.svc-metrics>div,.svc-more a,.case-chart,.svc-board,.svc-form,.result-call,.serp-scene){border-radius:var(--card-r)}
.svc .svc-price article.is-main,.svc--wide .svc-price article.is-main:hover{background:linear-gradient(180deg,rgba(255,106,61,.14),transparent 55%),var(--card);border-color:rgba(255,106,61,.5)}
.svc .svc-scope>.svc-scope-cta{background:var(--accent);border-color:var(--accent)}
.svc .svc-tags li{background:var(--card);border-color:var(--card-rule)}

/* Первый экран: затемнение под текстом в тон графита */
.svc-hero{overflow-x:clip}
.svc .svc-hero:before{background:linear-gradient(90deg,rgba(27,29,34,.6) 0%,rgba(27,29,34,.25) 45%,transparent 70%)}

/* Подсветки */
.svc-hero:after,.svc-form-sec:before{content:"";position:absolute;z-index:-1;pointer-events:none;filter:blur(36px)}
.svc-hero:after{left:-8%;top:8%;width:62%;height:84%;background:radial-gradient(closest-side at 40% 50%,var(--g1),transparent),radial-gradient(closest-side at 70% 40%,var(--g2),transparent);opacity:.8}
.svc .svc-sec.is-glow{background:radial-gradient(760px 420px at 90% 10%,rgba(110,86,255,.2),transparent 70%),radial-gradient(640px 400px at 0% 100%,rgba(255,106,61,.12),transparent 70%)}
.svc-form-sec{position:relative;isolation:isolate;overflow-x:clip}
.svc-form-sec:before{right:-2%;top:-6%;bottom:-6%;width:62%;filter:blur(40px);background:radial-gradient(48% 42% at 30% 22%,var(--g2),transparent 75%),radial-gradient(50% 46% at 82% 84%,var(--g1),transparent 75%)}
@media (max-width:980px){
  .svc .svc-hero:before{background:none}
  .svc-hero:after{left:-20%;width:110%;height:60%;top:4%}
}
@media (max-width:900px){.svc-form-sec:before{left:-10%;right:-10%;width:auto;top:30%}}

/* Шаги «Как мы работаем», до которых ещё не дошла анимация: на чёрном фоне приглушаем меньше, чтобы текст оставался читаемым (контраст от 4,5:1) */
.flow.is-armed .flow-steps li{opacity:.72}