/* Subtle, accessible motion. All content remains visible without JavaScript. */
.scroll-track{position:fixed;z-index:80;top:84px;left:0;right:0;height:3px;pointer-events:none}
.scroll-track>span{display:block;width:0;height:100%;background:linear-gradient(90deg,#3075b7,#51b699);transform-origin:left;box-shadow:0 0 12px #63aecc7d}
@media(prefers-reduced-motion:no-preference){
 body.motion-enabled .motion-item{opacity:0;translate:0 24px;transition:opacity .72s cubic-bezier(.18,.75,.26,1),translate .72s cubic-bezier(.18,.75,.26,1);transition-delay:var(--motion-delay,0ms)}
 body.motion-enabled .motion-item.is-visible{opacity:1;translate:0 0}
 @keyframes glowSweep{0%,100%{opacity:.35;transform:translate3d(0,0,0) scale(1)}50%{opacity:.65;transform:translate3d(-3%,2%,0) scale(1.06)}}
 .hero-atmosphere{animation:glowSweep 13s ease-in-out infinite}
 @keyframes markPulse{0%,100%{box-shadow:0 0 0 4px #d4eee9}50%{box-shadow:0 0 0 9px #d4eee900}}
 .eyebrow-dot{animation:markPulse 3.6s ease-out infinite}
 @keyframes previewFloat{0%,100%{translate:0 0}50%{translate:0 -7px}}
 .hero-visual .app-preview{animation:previewFloat 8s ease-in-out infinite}
 .floating-note{transition:translate .3s ease}
 .hero-visual:hover .floating-note:not(.second){translate:0 -5px}
 .hero-visual:hover .floating-note.second{translate:0 5px}
 .preview-sidebar .preview-side-active{animation:markPulse 4.4s ease-out infinite}
 .benefit-card{will-change:transform}
 .form-submit>span,.button-primary>span:last-child{transition:translate .2s ease}
 .form-submit:hover>span,.button-primary:hover>span:last-child{translate:3px -2px}
}
@media(max-width:870px){.scroll-track{top:73px}}
@media(prefers-reduced-motion:reduce){.scroll-track{display:none}.motion-item{opacity:1!important;translate:none!important}.hero-visual .app-preview{animation:none!important}}