/* Motion layer for the existing cosmic palette. */
#cosmic-sky{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.9}
body>main,body>.site-footer{position:relative;z-index:1}
.scroll-progress{position:fixed;inset:0 0 auto;height:2px;z-index:80;pointer-events:none;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#a38cff,#78b5ff,#95ecf4);box-shadow:0 0 10px #789aff66}
.motion-enhanced .hero-glow{animation:cosmic-breathe 10s ease-in-out infinite alternate}
.motion-enhanced .orbit-one{animation:orbit-drift 28s ease-in-out infinite alternate}
.motion-enhanced .orbit-two{animation:orbit-drift 36s ease-in-out infinite alternate-reverse}
.motion-enhanced .gradient-text{background-size:180% 100%;animation:gradient-flow 9s ease-in-out infinite alternate}
.motion-enhanced .hero-eyebrow{animation:hero-arrive .65s cubic-bezier(.2,.7,.2,1) both}
.motion-enhanced .hero h1{animation:hero-arrive .8s .08s cubic-bezier(.2,.7,.2,1) both}
.motion-enhanced .hero-description{animation:hero-arrive .8s .16s cubic-bezier(.2,.7,.2,1) both}
.motion-enhanced .hero-actions{animation:hero-arrive .8s .24s cubic-bezier(.2,.7,.2,1) both}
.motion-enhanced .showcase-browser{animation:hero-arrive 1s .32s cubic-bezier(.2,.7,.2,1) both}
.motion-enhanced .showcase-wrap{translate:0 var(--showcase-shift,0px)}
.motion-reveal{transition:opacity .75s cubic-bezier(.2,.7,.2,1),transform .75s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}
.motion-reveal.motion-pending{opacity:0;transform:translateY(26px)}
.motion-reveal.motion-visible{opacity:1;transform:translateY(0)}
.samples-stage.motion-reveal{transition:height .32s cubic-bezier(.22,.7,.2,1),opacity .75s cubic-bezier(.2,.7,.2,1),transform .75s cubic-bezier(.2,.7,.2,1)}
.actual-screenshot.motion-visible:hover{transform:translateY(-4px)}
.motion-enhanced .feature-panel,.motion-enhanced .scene-panel{animation:none}
[role=tablist].has-glider{position:relative;isolation:isolate}
[role=tablist].has-glider>[role=tab]{position:relative;z-index:1;transition:color .25s ease,background .25s ease}
.tab-glider{position:absolute;left:0;top:0;z-index:0;pointer-events:none;border-radius:7px;background:linear-gradient(110deg,#35355e,#1c3658);border:1px solid #8793d459;box-shadow:0 3px 16px #4665bc1f;transition:transform .38s cubic-bezier(.22,1,.36,1),width .38s cubic-bezier(.22,1,.36,1),height .38s cubic-bezier(.22,1,.36,1);will-change:transform}
.has-glider.feature-tabs button[aria-selected=true],.has-glider.demo-tabs button[aria-selected=true]{background:none;box-shadow:none;color:#f1f2ff}
.has-glider.scene-tabs button[aria-selected=true]{border-color:transparent}
.scene-tabs .tab-glider{height:2px!important;border:0;border-radius:2px;background:linear-gradient(90deg,#ac91ff,#72c9ee);box-shadow:0 0 12px #799eff70}
.demo-tabs .tab-glider{background:linear-gradient(110deg,#313657,#193252)}
.main-nav a{position:relative}
.main-nav a:after{content:"";position:absolute;bottom:-9px;left:0;right:0;height:1px;background:linear-gradient(90deg,#b29fff,#85c3ff);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
.main-nav a:hover:after,.main-nav a.active:after{transform:scaleX(1)}
.menu-toggle>span{transition:transform .25s ease}
.menu-toggle[aria-expanded=true]>span:first-child{transform:translateY(4px) rotate(45deg)}
.menu-toggle[aria-expanded=true]>span:last-child{transform:translateY(-4px) rotate(-45deg)}
.floating-help{transition:transform .25s ease,border-color .25s ease}
.floating-help:hover{transform:translateY(-3px);border-color:#8098df}
.button:active{transform:translateY(0) scale(.98)}
.motion-enhanced .demo-dialog[open]{animation:dialog-arrive .32s cubic-bezier(.22,1,.36,1)}
.motion-enhanced .demo-dialog[open]::backdrop{animation:backdrop-arrive .25s ease-out}
.workflow-track article:hover .step-icon{transform:translateY(-5px);border-color:#8397d7;box-shadow:0 6px 32px #6b83d025}
.step-icon{transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
@keyframes hero-arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes cosmic-breathe{from{opacity:.7;transform:translate3d(-10px,0,0) scale(.95)}to{opacity:1;transform:translate3d(18px,18px,0) scale(1.12)}}
@keyframes orbit-drift{from{transform:rotate(-16deg) translateY(-12px)}to{transform:rotate(-10deg) translateY(16px)}}
@keyframes gradient-flow{from{background-position:0 50%}to{background-position:100% 50%}}
@keyframes dialog-arrive{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes backdrop-arrive{from{opacity:0}to{opacity:1}}
@media(max-width:900px){.motion-enhanced .main-nav.is-open{animation:hero-arrive .28s cubic-bezier(.22,1,.36,1)}}
@media(max-width:640px){#cosmic-sky{opacity:.85}.motion-reveal.motion-pending{transform:translateY(18px)}.motion-enhanced .hero-glow{animation-duration:14s}}
@media(prefers-reduced-motion:reduce){.motion-reveal.motion-pending{opacity:1;transform:none}.tab-glider{transition:none}.motion-enhanced .showcase-wrap{translate:none}.scroll-progress{box-shadow:none}.workflow-track article:hover .step-icon,.actual-screenshot.motion-visible:hover{transform:none}}