
/* Y PRO GLOBAL — Motion System v1.2.0
   Calm, purposeful motion. No heavy libraries, no layout rewriting. */
.ypg-motion-enabled .ypg-motion-reveal{opacity:0;transform:translate3d(0,22px,0);transition:opacity .72s cubic-bezier(.22,.61,.36,1),transform .72s cubic-bezier(.22,.61,.36,1);will-change:opacity,transform}
.ypg-motion-enabled .ypg-motion-reveal.is-visible{opacity:1;transform:none}
.ypg-motion-enabled .ypg-motion-stagger > *{opacity:0;transform:translate3d(0,18px,0);transition:opacity .62s cubic-bezier(.22,.61,.36,1),transform .62s cubic-bezier(.22,.61,.36,1)}
.ypg-motion-enabled .ypg-motion-stagger.is-visible > *{opacity:1;transform:none}
.ypg-motion-enabled .ypg-motion-stagger.is-visible > *:nth-child(1){transition-delay:.04s}
.ypg-motion-enabled .ypg-motion-stagger.is-visible > *:nth-child(2){transition-delay:.09s}
.ypg-motion-enabled .ypg-motion-stagger.is-visible > *:nth-child(3){transition-delay:.14s}
.ypg-motion-enabled .ypg-motion-stagger.is-visible > *:nth-child(4){transition-delay:.19s}
.ypg-motion-enabled .ypg-motion-stagger.is-visible > *:nth-child(5){transition-delay:.24s}
.ypg-motion-enabled .ypg-motion-stagger.is-visible > *:nth-child(6){transition-delay:.29s}
.ypg-motion-enabled .ypg-motion-stagger.is-visible > *:nth-child(7){transition-delay:.34s}
.ypg-motion-enabled .ypg-motion-stagger.is-visible > *:nth-child(8){transition-delay:.39s}
.ypg-motion-enabled .ypg-motion-stagger.is-visible > *:nth-child(9){transition-delay:.44s}
.ypg-motion-enabled .ypg-motion-stagger.is-visible > *:nth-child(10){transition-delay:.49s}

/* Signature trade line: subtle, decorative, never blocks clicks. */
.ypg-motion-enabled .ypg-trade-hero{position:relative;overflow:hidden}
.ypg-motion-enabled .ypg-trade-hero::after{content:"";position:absolute;left:4%;right:4%;bottom:9%;height:1px;background:linear-gradient(90deg,transparent,rgba(20,34,58,.18),transparent);transform:scaleX(.25);transform-origin:left center;transition:transform 1.25s cubic-bezier(.22,.61,.36,1);pointer-events:none}
.ypg-motion-enabled .ypg-trade-hero.is-visible::after{transform:scaleX(1)}
.ypg-motion-enabled .ypg-trade-hero .ypg-route-pulse{position:absolute;left:4%;bottom:calc(9% - 2px);width:5px;height:5px;border-radius:50%;background:#14223a;box-shadow:0 0 0 0 rgba(20,34,58,.18);animation:ypg-route-pulse 2.8s ease-in-out infinite;pointer-events:none}
@keyframes ypg-route-pulse{0%,100%{transform:translateX(0);box-shadow:0 0 0 0 rgba(20,34,58,.16)}50%{transform:translateX(92vw);box-shadow:0 0 0 7px rgba(20,34,58,0)}}

/* Product/sector cards: restrained lift, no layout jump. */
.ypg-motion-enabled .ypg-motion-card{transition:transform .28s cubic-bezier(.22,.61,.36,1),box-shadow .28s ease}
.ypg-motion-enabled .ypg-motion-card:hover{transform:translateY(-4px)}

/* Buyer journey: progress rail appears as the stage group enters view. */
.ypg-motion-enabled .ypg-journey-group{position:relative}
.ypg-motion-enabled .ypg-journey-group::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(20,34,58,.10);transform:scaleX(0);transform-origin:left center;transition:transform 1.2s cubic-bezier(.22,.61,.36,1);pointer-events:none}
.ypg-motion-enabled .ypg-journey-group.is-visible::before{transform:scaleX(1)}

/* Accessibility: fully respect reduced motion. */
@media (prefers-reduced-motion:reduce){
  .ypg-motion-enabled .ypg-motion-reveal,
  .ypg-motion-enabled .ypg-motion-stagger > *{opacity:1!important;transform:none!important;transition:none!important}
  .ypg-motion-enabled .ypg-trade-hero::after{transform:scaleX(1);transition:none}
  .ypg-motion-enabled .ypg-trade-hero .ypg-route-pulse{display:none}
  .ypg-motion-enabled .ypg-journey-group::before{transform:scaleX(1);transition:none}
  .ypg-motion-enabled .ypg-motion-card:hover{transform:none}
}
