.motion-hero{position:relative;isolation:isolate}
.motion-hero .hero-art{position:relative;z-index:1;animation:gt-float 7s ease-in-out infinite;filter:drop-shadow(0 20px 22px #0005)}
.motion-token{position:absolute;z-index:2;display:grid;place-items:center;width:66px;height:76px;background:#ffe500;border-radius:14px;box-shadow:0 10px 25px #0003;animation:gt-float 6s ease-in-out infinite}
.motion-token img{width:34px!important;height:34px!important;transform:none!important}
.token-one{left:1%;top:4%;rotate:-10deg;animation-delay:-2s}
.token-two{right:0;bottom:6%;rotate:9deg;animation-delay:-4s}
@keyframes gt-float{0%,100%{translate:0 0}50%{translate:0 -12px}}
.motion-hero.is-paused *{animation-play-state:paused!important}
.ai-button span{display:inline-block;transition:translate .25s ease}
.ai-button:hover span,.ai-button:focus-visible span{translate:5px 0}
.motion-ready{opacity:0;translate:0 22px;transition:opacity .65s ease,translate .65s ease;transition-delay:var(--motion-delay,0ms)}
.motion-ready.is-shown{opacity:1;translate:0 0}
.motion-diagram{position:relative;display:block}
.motion-diagram>img{visibility:hidden}
.motion-diagram .motion-slice{position:absolute;inset:0;opacity:1;translate:0 0;transition:opacity .6s ease,translate .6s ease;transition-delay:var(--motion-delay)}
.motion-diagram .motion-slice img{width:100%;height:100%;object-fit:contain}
.motion-diagram:not(.is-shown) .motion-slice{opacity:0;translate:-10px 0}
@media(max-width:680px){.motion-token{width:45px;height:52px;border-radius:10px}.motion-token img{width:25px!important;height:25px!important}.token-one{left:4%;top:0}.token-two{right:3%;bottom:8%}}
@media(prefers-reduced-motion:reduce){.motion-hero *{animation:none!important}.motion-ready,.motion-diagram .motion-slice{opacity:1!important;translate:none!important;transition:none!important}.ai-button span{transition:none;translate:none!important}}