/* motion-plus.css — лёгкий моушн-слой (моушн ~2→3.5/5). Всё под prefers-reduced-motion:
   no-preference, только transform/opacity, без бесконечных циклов. Канон §7: ease 0.22/0.61/0.36/1.
   count-up чисел — в /js/motion-plus.js. Здесь: дорисовка хайрлайнов + подчёркивание ссылок. */
@media (prefers-reduced-motion: no-preference){

  /* 1 · ДОРИСОВКА ХАЙРЛАЙНА под заголовком секции (фирменный «draw-on» главной).
     Цепляется к .in, который вешает reveal-обсервер страницы. Терракота, слева→направо. */
  .ds-scope .st-secthead{position:relative}
  .ds-scope .st-secthead::after{content:"";position:absolute;left:0;bottom:-20px;height:2px;width:84px;
    background:var(--orange);transform:scaleX(0);transform-origin:left center;
    transition:transform .85s var(--ease) .12s}
  .ds-scope .st-secthead.in::after{transform:scaleX(1)}
  .ds-scope .st-secthead--center::after{left:50%;transform-origin:center;translate:-50% 0}

  /* 2 · ПОДЧЁРКИВАНИЕ ссылок-стрелок при наведении (тонкая линия слева→направо).
     Только на инлайн/якорных ссылках, не на карточках с собственным ховером. */
  .ds-scope .bld-compare__lnk,.ds-scope .mz-epoch__link,.ds-scope .vh-facts__link,
  .ds-scope .st-cta__contacts a,.ds-scope .sd-contact__priv a[href]{position:relative}
  .ds-scope .bld-compare__lnk::after,.ds-scope .mz-epoch__link::after,
  .ds-scope .vh-facts__link::after{content:"";position:absolute;left:0;bottom:-2px;height:1px;width:100%;
    background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}
  .ds-scope .bld-compare__lnk:hover::after,.ds-scope .mz-epoch__link:hover::after,
  .ds-scope .vh-facts__link:hover::after{transform:scaleX(1)}

  /* 3 · count-up: пока цифра «крутится» — табличные цифры, чтобы ширина не дёргалась */
  [data-countup-active]{font-variant-numeric:tabular-nums}
}