/* Седьмой заход (ноябрь 2026): переходы между разделами.
   1. Тёмные карточки («Маршрут проекта», «Первый шаг», призыв на страницах услуг) стоят на стыке: верхняя часть на белом,
      нижняя заходит на светлую полосу. Белого зазора между карточкой и полосой больше нет.
   2. Полоса проявляется при прокрутке: пока раздел входит в экран, его фон и линия края плавно набирают цвет.
      Это привязано к положению прокрутки, а не к таймеру, ничего не выезжает и не прилипает. Работает в браузерах
      со scroll-driven animations (Chrome, Edge, Яндекс Браузер, Safari 26), в остальных полосы просто видны сразу.
   3. Тёмные карточки, входя в экран, набирают тень, как будто ложатся на страницу.
   4. Даты на карточках новостей главной убраны.
   Подключается после rs-design8.css. */
html body{--g9-ov:clamp(110px,12vw,180px)}

/* ---------- Даты на новостях главной ---------- */
html body .page--trust-first .rsd-news-date{display:none!important}

/* ---------- Тёмные карточки на стыке белого и полосы ---------- */
html body .page--trust-first>section:not(#_).rs-project-path{margin-top:0!important;margin-bottom:calc(-1 * var(--g9-ov))!important;z-index:2}
html body .page--trust-first>section:not(#_).rs-news{padding-top:calc(var(--g9-ov) + var(--g-pad))!important}
html body .page--trust-first>section:not(#_).rsd-first{background:transparent!important;padding-bottom:0!important;margin-bottom:calc(-1 * var(--g9-ov))!important;position:relative;z-index:2}
html body .page--trust-first>section:not(#_).rs-form{padding-top:calc(var(--g9-ov) + var(--g-pad))!important}
html body .rsx .rsx-section:has(.rsx2-cta){background:transparent!important;padding-bottom:0!important;margin-bottom:calc(-1 * var(--g9-ov))!important;position:relative;z-index:2}
html body .rsx .rs-form{padding-top:calc(var(--g9-ov) + 84px)!important}
html body .page--trust-first>.rs-project-path,html body .page--trust-first .rsd-first__card,html body .rsx .rsx2-cta{box-shadow:0 34px 80px rgba(20,40,56,.22)}

/* ---------- Полосы проявляются при прокрутке ---------- */
@property --g-band{syntax:'<color>';inherits:true;initial-value:#eef4f8}
@property --g-band-line{syntax:'<color>';inherits:true;initial-value:#e1eaf0}
@property --g8-band{syntax:'<color>';inherits:true;initial-value:#eef4f8}
@property --g8-line{syntax:'<color>';inherits:true;initial-value:#e1eaf0}
@keyframes g9Tint{from{--g-band:#fff;--g-band-line:rgba(225,234,240,0);--g8-band:#fff;--g8-line:rgba(225,234,240,0)}}
@keyframes g9Lift{from{box-shadow:0 0 0 rgba(20,40,56,0)}to{box-shadow:0 34px 80px rgba(20,40,56,.22)}}
@supports (animation-timeline: view()){
 @media (prefers-reduced-motion: no-preference){
  /* первая секция каждой полосы: «Нам доверяют» (партнёры и письма продолжают её), услуги, новости, форма */
  html body .page--trust-first>.rs-chosen,html body .page--trust-first>.rs-services,html body .page--trust-first>.rs-news,html body .page--trust-first>.rs-form,
  html body .rsx .rsx-tint,html body .rsx .rsp-why,html body .rsx .rsx-section:has(.rsx2-faq),html body .rsx .rs-form{animation:g9Tint linear both;animation-timeline:view();animation-range:entry 0% entry 50%}
  html body .page--trust-first>.rs-project-path,html body .page--trust-first .rsd-first__card,html body .rsx .rsx2-cta{animation:g9Lift linear both;animation-timeline:view();animation-range:entry 0% entry 85%}
  /* тёмный «Маршрут» сохраняет своё свечение, оно на псевдоэлементе и не зависит от этой анимации */
 }
}
@media(max-width:767.98px){
 html body{--g9-ov:90px}
 html body .page--trust-first>.rs-project-path,html body .page--trust-first .rsd-first__card,html body .rsx .rsx2-cta{box-shadow:0 20px 44px rgba(20,40,56,.2)}
}