@media(prefers-reduced-motion:no-preference){
  .motion-ready .motion-reveal{transition:opacity .75s ease,translate .75s cubic-bezier(.2,.7,.2,1),transform .35s,box-shadow .35s;transition-delay:var(--reveal-delay,0ms),var(--reveal-delay,0ms),0ms,0ms}
  .motion-ready .motion-reveal:not(.is-visible){opacity:0;translate:0 24px}
  .motion-ready .motion-reveal.is-visible{opacity:1;translate:0 0}
  .motion-ready .motion-reveal:focus-within{opacity:1;translate:0 0;transition-delay:0s}
  .motion-ready .hero-copy>*{animation:pixora-enter .85s cubic-bezier(.2,.65,.25,1) both}
  .motion-ready .hero-copy>.eyebrow{animation-delay:.05s}
  .motion-ready .hero-copy>h1{animation-delay:.16s}
  .motion-ready .hero-copy>.hero-description{animation-delay:.27s}
  .motion-ready .hero-copy>.hero-buttons{animation-delay:.38s}
  .motion-ready .hero-copy>.hero-notes{animation-delay:.47s}
  .motion-ready .hero-art{animation:pixora-enter 1.1s .2s both}
  .motion-ready .mascot{animation:penguin-float 6.5s ease-in-out infinite}
  .motion-ready .connection-bubble{animation:bubble-float 6s ease-in-out infinite}
  .motion-ready .trial-sticker{animation:sticker-float 7.5s ease-in-out infinite}
  .motion-ready .art-star{animation:star-turn 10s ease-in-out infinite}
  .motion-ready .star-two{animation-delay:-4s}
  .motion-ready .planet{animation:planet-sway 10s ease-in-out infinite}
  .motion-ready .phone-frame{animation:phone-float 7.5s ease-in-out infinite}
  .motion-ready .phone-star{animation:star-turn 12s ease-in-out infinite}
  .motion-ready .live-dot{animation:dot-breathe 3.5s ease-in-out infinite}
  .motion-ready .power-ring{animation:power-breathe 4s ease-in-out infinite}
  .motion-ready .onboarding-card.is-visible .onboarding-power>span{animation:connection-ripple 4s ease-in-out infinite}
  .motion-ready .onboarding-card.is-visible .onboarding-power>span:nth-child(2){animation-delay:-2s}
  .motion-ready .trial-invite.is-visible .trial-pass{animation:pass-sway 7s ease-in-out infinite}
  .motion-ready .trial-invite.is-visible .pass-spark{animation:star-turn 11s ease-in-out infinite}
  .motion-ready .button{position:relative;isolation:isolate;overflow:hidden}
  .motion-ready .button:after{content:'';position:absolute;z-index:-1;inset:-100% auto -100% -65%;width:32%;transform:rotate(25deg);background:linear-gradient(90deg,transparent,#ffffff30,transparent);pointer-events:none;transition:left .65s}
  .motion-ready .button:hover:after{left:135%}
  .motion-ready .button>svg:last-child{transition:transform .3s}
  .motion-ready .button:hover>svg:last-child{transform:translate(2px,-2px)}
  .motion-ready .footer-meta>a>span{transition:background .3s,transform .3s}
  .motion-ready .footer-meta>a:hover>span{background:#dcecd2;transform:translateY(-3px)}
  .reading-progress{position:fixed;top:0;left:0;right:0;height:2px;background:#79c697;transform:scaleX(var(--page-progress,0));transform-origin:left;z-index:100;pointer-events:none;opacity:.85}
}
@keyframes pixora-enter{from{opacity:0;translate:0 19px}to{opacity:1;translate:0 0}}
@keyframes penguin-float{0%,100%{translate:0 0}50%{translate:0 -9px}}
@keyframes bubble-float{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -5px;rotate:-2deg}}
@keyframes sticker-float{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 4px;rotate:2deg}}
@keyframes star-turn{0%,100%{rotate:0deg}50%{rotate:17deg}}
@keyframes planet-sway{0%,100%{rotate:0deg}50%{rotate:7deg}}
@keyframes phone-float{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -7px;rotate:-1deg}}
@keyframes dot-breathe{0%,100%{box-shadow:0 0 0 3px #72d3a318}50%{box-shadow:0 0 0 6px #72d3a308}}
@keyframes power-breathe{0%,100%{box-shadow:0 0 0 8px #ecf3e7}50%{box-shadow:0 0 0 13px #d8e9cd55}}
@keyframes connection-ripple{0%,100%{scale:1;opacity:.7}50%{scale:1.06;opacity:.35}}
@keyframes pass-sway{0%,100%{rotate:0deg;translate:0 0}50%{rotate:2deg;translate:0 -4px}}
@media(max-width:700px) and (prefers-reduced-motion:no-preference){.motion-ready .mascot{animation-duration:8s}.motion-ready .motion-reveal:not(.is-visible){translate:0 16px}.motion-ready .motion-reveal{transition-duration:.6s,.6s,.35s,.35s}}
@media(prefers-reduced-motion:reduce){.reading-progress{display:none}.motion-reveal{opacity:1!important;translate:none!important}*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
