@media (prefers-reduced-motion: no-preference){
  .rise{opacity:0;transform:translateY(22px);animation:rise .9s var(--ease) both}
  .d1{animation-delay:.05s}.d2{animation-delay:.18s}.d3{animation-delay:.3s}.d4{animation-delay:.46s}.d5{animation-delay:.6s}
  @keyframes rise{to{opacity:1;transform:none}}

  .hero-phone{animation:phone-in 1.2s var(--ease) .35s both}
  @keyframes phone-in{
    from{opacity:0;transform:translate(-50%,-38%) rotateX(0) rotateY(0) scale(.94)}
    to{opacity:1;transform:translate(-50%,-50%) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) scale(1)}
  }

  .moment{opacity:0;animation:pop .75s var(--spring) both,float 6.5s ease-in-out infinite}
  .m-ticker{animation-delay:1.05s,1.8s}
  .m-checkin{animation-delay:1.3s,2.4s}
  .m-chat{animation-delay:1.55s,3s}
  @keyframes pop{from{opacity:0;transform:translateY(18px) scale(.9)}to{opacity:1;transform:none}}
  @keyframes float{0%,100%{translate:0 0}50%{translate:0 -7px}}

  .dot-live{animation:breathe 1.2s ease-in-out infinite}
  @keyframes breathe{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(16,185,129,.55)}50%{transform:scale(1.15);box-shadow:0 0 0 6px rgba(16,185,129,0)}}

  .glow-img{animation:drift 18s ease-in-out infinite alternate}
  @keyframes drift{from{transform:scale(1.5) translate(0,0)}to{transform:scale(1.62) translate(-4%,-6%)}}
  .glow-indigo{animation:pulse-soft 9s ease-in-out infinite alternate}
  @keyframes pulse-soft{from{opacity:.85}to{opacity:1;transform:translate(6%,4%) scale(1.08)}}

  .track{animation:marquee 64s linear infinite}
  .track-clip:hover .track{animation-play-state:paused}
  @keyframes marquee{to{transform:translate3d(-50%,0,0)}}

  .kinds-row{animation:marquee 44s linear infinite}
  .kinds-row-b{animation-duration:52s;animation-direction:reverse}
  .kinds:hover .kinds-row{animation-play-state:paused}
}
@media (prefers-reduced-motion: no-preference) and (max-width:767px){
  .track{animation-duration:44s}
  .hero-phone{animation:phone-in-m 1.1s var(--ease) .3s both,float 7s ease-in-out 1.6s infinite}
  @keyframes phone-in-m{from{opacity:0;transform:translateY(9%) scale(.96)}to{opacity:1;transform:none}}
  .hero-phone.settled{animation:float 7s ease-in-out infinite}
  .glow-img,.glow-indigo{animation:none}
}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  .track{transform:none}
  .track-clip{overflow-x:auto;-webkit-overflow-scrolling:touch;-webkit-mask-image:none;mask-image:none;padding-inline:20px}
  .track-set[aria-hidden]{display:none}
  .screens img{transition:none}
  .rc,.chip,.store{transition:none}
  .kinds-row{transform:none}
  .kinds{overflow-x:auto;-webkit-mask-image:none;mask-image:none;padding-inline:20px}
  .kinds-set[aria-hidden]{display:none}
}
.hero-phone.settled{animation:none}