@view-transition{navigation:auto}
::view-transition-old(page-content){animation:page-out .25s ease both}
::view-transition-new(page-content){animation:page-in .55s cubic-bezier(.22,1,.36,1) both}
@keyframes page-in{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}
@keyframes page-out{to{opacity:0;transform:translateY(-14px)}}
.motion-ready [data-scene].scene-active .float-a{animation:float-a 8s ease-in-out infinite}
.motion-ready [data-scene].scene-active .float-b{animation:float-b 7s ease-in-out infinite}
.motion-ready [data-scene].scene-active .float-c{animation:float-c 6s ease-in-out infinite}
.motion-ready [data-scene].scene-active .orbit-one{animation:orbit-turn 90s linear infinite}
.motion-ready [data-scene].scene-active .stage-plus{animation:spark-turn 24s linear infinite}
.motion-ready [data-scene].scene-active .local-spark{animation:spark-turn 35s linear infinite}
.motion-ready [data-scene].scene-active .ring-a{animation:orbit-turn 40s linear infinite}
.motion-ready [data-scene].scene-active .ribbon-track{animation:ribbon-slide 32s linear infinite}
.motion-ready .hero-response{animation:response-arrival 1.1s 1.25s cubic-bezier(.22,1,.36,1) both}
.motion-ready .main-nav.is-open{animation:menu-arrival .4s cubic-bezier(.22,1,.36,1) both}
.motion-ready .faq-list details[open]>p{animation:answer-arrival .35s ease both}
@keyframes float-a{0%,100%{translate:0 0}50%{translate:0 -13px}}
@keyframes float-b{0%,100%{translate:0 0}50%{translate:5px 10px}}
@keyframes float-c{0%,100%{translate:0 0}50%{translate:-4px 8px}}
@keyframes orbit-turn{from{rotate:0deg}to{rotate:360deg}}
@keyframes spark-turn{from{rotate:0deg}to{rotate:360deg}}
@keyframes ribbon-slide{to{transform:translateX(calc(-50% - 15px))}}
@keyframes response-arrival{from{opacity:0;clip-path:inset(0 0 100% 0);transform:translateY(9px)}to{opacity:1;clip-path:inset(0);transform:translateY(0)}}
@keyframes menu-arrival{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}
@keyframes answer-arrival{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
.motion-ready .response-message{transition:opacity .45s,transform .6s cubic-bezier(.22,1,.36,1)}
.motion-ready [data-stage=incoming] .response-message,.motion-ready [data-stage=waiting] .response-message{opacity:.12;transform:translateY(14px)}
.motion-ready [data-stage=incoming] .incoming-review{animation:answer-arrival .5s ease both}
.motion-ready [data-stage=waiting] .reply-connection .icon{animation:spark-turn 1.2s linear infinite}
.motion-ready [data-stage=replying] .response-message{animation:response-arrival .8s cubic-bezier(.22,1,.36,1) both}
.motion-toggle{position:fixed;right:20px;bottom:20px;z-index:60;background:#f7f8f3f5;color:#263824;border:1px solid #9aa88c;border-radius:40px;padding:10px 14px;display:flex;gap:7px;align-items:center;min-height:41px;font-size:9px;box-shadow:0 4px 17px #0000000c;backdrop-filter:blur(10px);transition:background .2s,transform .2s}
.motion-toggle:hover:not(:disabled){background:var(--lime);transform:translateY(-2px)}.motion-toggle svg{width:16px;height:16px;stroke-width:1.5}.motion-play-icon{display:none}.motion-paused .motion-play-icon{display:block}.motion-paused .motion-pause-icon{display:none}.motion-toggle:disabled{opacity:.8;cursor:default}
.motion-paused *,.motion-idle *{animation-play-state:paused!important}
.motion-paused .hero-response{animation:none!important;opacity:1;clip-path:none;transform:none}
.motion-paused .device-frame,.motion-paused .hero-stage,.motion-paused .response-message{transition:none!important}
.motion-paused .response-message{opacity:1!important;transform:none!important}
.motion-paused,.motion-paused .slider-track{scroll-behavior:auto!important}
.motion-paused::view-transition-old(*),.motion-paused::view-transition-new(*){animation:none!important}
@media(max-width:700px){.motion-toggle{right:13px;bottom:13px;padding:9px 11px;font-size:8px;min-height:38px}.motion-toggle svg{width:14px;height:14px}@keyframes ribbon-slide{to{transform:translateX(calc(-50% - 11px))}}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hero-response,.response-message{opacity:1!important;transform:none!important;clip-path:none!important}::view-transition-old(*),::view-transition-new(*){animation:none!important}}