:root{--motion-ease:cubic-bezier(.2,.75,.25,1)}
.motion-ready .reveal{opacity:0;transform:translate3d(0,28px,0);transition:opacity .75s var(--motion-ease),transform .75s var(--motion-ease);transition-delay:var(--reveal-delay,0ms)}
.motion-ready .reveal.reveal-right{transform:translate3d(34px,0,0)}
.motion-ready .reveal.is-visible{opacity:1;transform:translate3d(0,0,0)}
.feature-card,.price-card,.value-card{transition:transform .35s var(--motion-ease),box-shadow .35s var(--motion-ease),border-color .35s ease}
.feature-card:hover,.price-card:hover,.value-card:hover{transform:translateY(-8px);box-shadow:0 22px 55px rgba(33,39,76,.11);border-color:#d8d1ff}
.button{position:relative;overflow:hidden;isolation:isolate}
.button::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.22) 48%,transparent 75%);transform:translateX(-130%);transition:transform .65s ease;z-index:-1}
.button:hover::after{transform:translateX(130%)}
.dashboard-window{animation:dashboard-drift 7s ease-in-out infinite}
.floating-note{animation:note-drift 5.5s ease-in-out infinite}.note-bottom{animation-delay:-2.7s}
.visual-glow{animation:glow-breathe 7s ease-in-out infinite}
.cta-orb{animation:orb-drift 13s ease-in-out infinite alternate}
.motion-ready .chart-bars i{transform:scaleY(0);transform-origin:bottom;transition:transform .75s var(--motion-ease);transition-delay:calc(var(--bar-index,0)*45ms)}
.dashboard-window.is-animated .chart-bars i{transform:scaleY(1)}
@keyframes dashboard-drift{0%,100%{transform:perspective(1200px) rotateY(-5deg) rotateX(2deg) translateY(0)}50%{transform:perspective(1200px) rotateY(-3deg) rotateX(1deg) translateY(-9px)}}
@keyframes note-drift{0%,100%{translate:0 0}50%{translate:0 -8px}}
@keyframes glow-breathe{0%,100%{opacity:.7;scale:1}50%{opacity:1;scale:1.06}}
@keyframes orb-drift{from{transform:translate3d(0,0,0) rotate(0)}to{transform:translate3d(-24px,20px,0) rotate(12deg)}}
@media(max-width:760px){.dashboard-window{animation-duration:9s}.feature-card:hover,.price-card:hover,.value-card:hover{transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){.motion-ready .reveal{opacity:1!important;transform:none!important;transition:none!important}.dashboard-window,.floating-note,.visual-glow,.cta-orb{animation:none!important}.motion-ready .chart-bars i{transform:none!important;transition:none!important}.feature-card,.price-card,.value-card{transition:none!important}}
