.motion-toggle { position: absolute; bottom: 32px; right: var(--pad); z-index: 4; min-height: 44px; padding: 10px 15px; border: 1px solid #728385; border-radius: 6px; color: #e4f1f0; background: #172226e6; font: inherit; font-size: .78rem; cursor: pointer; }
.motion-toggle[hidden] { display: none; }
.motion-toggle:hover { border-color: var(--c-accent); color: var(--c-accent); }
.motion-toggle:focus-visible { outline: 2px solid var(--c-accent); outline-offset: 4px; }
.motion-enabled #heroCanvas { display: block; }
.motion-reduced #heroCanvas { display: none; }
.motion-enabled .wire.live .w-ping { animation: wPing 2.8s cubic-bezier(.22,1,.36,1) infinite; }
.motion-enabled .wire.live .w-pulse { opacity: 1; }
.motion-enabled .solution-explorer.is-enhanced .solution-panel:not([hidden]) { animation: solution-enter .25s ease-out; }
.motion-reduced .chev, .motion-reduced .wire *, .motion-reduced .solution-panel { animation: none !important; }
.motion-reduced [data-hero], .motion-reduced .reveal { opacity: 1 !important; transform: none !important; filter: none !important; }
.motion-reduced .solution-option { transition: none; }
@media (max-width: 640px) { .motion-toggle { bottom: 80px; right: 20px; max-width: calc(100% - 40px); } }