/* Solution / Product entrances reuse the approved Consumer Insights tokens.
   Animate independent outer units so responsive grids and UI stages stay native. */
html body.wy-responsive[data-sp-load] .sp-load-item {
  --stagger-stagger:80ms;
  opacity:0;
  transform:translateY(var(--stagger-distance));
  filter:blur(var(--stagger-blur));
  transition:opacity var(--stagger-dur) var(--stagger-ease),
    transform var(--stagger-dur) var(--stagger-ease),
    filter var(--stagger-dur) var(--stagger-ease);
  transition-delay:calc(var(--stagger-stagger) * var(--sp-load-order,0));
}
html body.wy-responsive[data-sp-load] .sp-load-item.is-shown {
  opacity:1;
  transform:translateY(0);
  filter:blur(0);
}
html body.wy-responsive[data-sp-load] :is(.nav__inner,.shv1__bg).sp-load-item {
  --stagger-distance:0px;
  --stagger-blur:0px;
  transform:none;
  filter:none;
}
html body.wy-responsive[data-sp-load] .nav__inner.sp-load-item { --stagger-dur:250ms; }
html body.wy-responsive[data-sp-load] .shv1__bg.sp-load-item { --stagger-dur:400ms; }

/* Match the controller's units before its deferred initialization. */
@media (prefers-reduced-motion:no-preference) {
  .sp-load-armed:not(.sp-load-ready) body[data-sp-load] :is(
    #top .shv1__h,#top .shv1__sub,#top .shv1__btn,#top .aihero__stage,
    #page .sec-head:not(.archx__txt .sec-head,.svq__txt .sec-head),
    #data .stat,#pain .wy-data-card,#solutions .dots,#solutions .sol__grid,
    #arch .archx__txt,#arch .archx__fig,
    #services .svq__txt,#services .svq__fig,#features .svq__txt,#features .svq__fig,
    #services .ops-services__tabs,#services .ops-services__panels,
    .wy-flat-capabilities .wy-flat__copy,.wy-flat-capabilities .wy-flat__visual,
    #adv .hero3__in,#adv .wc,#whyg .whyg__item,
    #cases .fill-cases__head,#cases .fill-case,.faq__item,
    #cta .ctaE__grid > div,.wy-footer .footer__grid > *,.wy-footer .footer__bottom
  ) {
    opacity:0!important;
    transform:translateY(var(--stagger-distance))!important;
    filter:blur(var(--stagger-blur))!important;
    transition:none!important;
  }
  .sp-load-armed:not(.sp-load-ready) body[data-sp-load] :is(#nav .nav__inner,#top .shv1__bg) {
    opacity:0;
    transition:none;
  }
}
html:not(.sp-load-armed) body.wy-responsive[data-sp-load] .sp-load-item {
  opacity:1;
  transform:none;
  filter:none;
  transition:none;
}
@media (prefers-reduced-motion:reduce) {
  html body.wy-responsive[data-sp-load] .sp-load-item {
    opacity:1;
    transform:none;
    filter:none;
    transition:none;
  }
}
