.agent-codex,.agent-claude-code,.agent-hermes,.agent-openclaw{transform-origin:50% 100%}@keyframes agent-codex{0%,to{transform:translateY(0) scale(1)}30%{transform:translateY(-1px) scale(.97,1.03)}55%{transform:translateY(0) scale(1.04,.96)}78%{transform:translateY(0) scale(.99,1.01)}}@keyframes agent-claude-code{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-.75px,-.75px) rotate(-4deg)}50%{transform:translate(0) rotate(0)}75%{transform:translate(.75px,-.75px) rotate(4deg)}}@keyframes agent-hermes{0%,to{transform:translateY(0) rotate(0)}40%{transform:translateY(-.75px) rotate(6deg)}72%{transform:translateY(0) rotate(-2deg)}}@keyframes agent-openclaw{0%,to{transform:translateY(0) rotate(0) scale(1)}25%{transform:translateY(-1px) rotate(0) scale(1.03)}50%{transform:translateY(-.5px) rotate(-5deg) scale(1.03)}75%{transform:translateY(0) rotate(3deg) scale(1)}}.group:hover .agent-codex,.group:focus-visible .agent-codex,.group:hover .agent-claude-code,.group:focus-visible .agent-claude-code,.group:hover .agent-hermes,.group:focus-visible .agent-hermes,.group:hover .agent-openclaw,.group:focus-visible .agent-openclaw{animation-duration:.8s;animation-timing-function:cubic-bezier(.37,0,.63,1)}.group:hover .agent-codex,.group:focus-visible .agent-codex{animation-name:agent-codex}.group:hover .agent-claude-code,.group:focus-visible .agent-claude-code{animation-name:agent-claude-code}.group:hover .agent-hermes,.group:focus-visible .agent-hermes{animation-name:agent-hermes}.group:hover .agent-openclaw,.group:focus-visible .agent-openclaw{animation-name:agent-openclaw}.burst{opacity:0}@keyframes burst-mark{0%,to{transform:scale(1)}16%,78%{transform:scale(1.3)}}.character-mark:has(~.burst){transition:color .25s ease-out}.group:hover .character-mark:has(~.burst),.group:focus-visible .character-mark:has(~.burst){color:var(--burst-color)}@keyframes burst{0%{opacity:0;transform:translate(0) scale(.2);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}30%{opacity:1;transform:translate(var(--burst-x),var(--burst-y)) scale(var(--burst-scale));animation-timing-function:ease-in-out}45%{transform:translate(calc(var(--burst-x) * 1.06),calc(var(--burst-y) * 1.06)) scale(var(--burst-scale));animation-timing-function:ease-in-out}66%{opacity:1;transform:translate(var(--burst-x),var(--burst-y)) scale(var(--burst-scale));animation-timing-function:cubic-bezier(.55,0,.75,0)}90%,to{opacity:0;transform:translate(0) scale(.2)}}.group:hover .character-mark:has(~.burst),.group:focus-visible .character-mark:has(~.burst){animation:burst-mark 1.1s cubic-bezier(.34,1.3,.64,1) both}.group:hover .burst,.group:focus-visible .burst{animation-name:burst;animation-duration:1.1s;animation-fill-mode:both}@keyframes agent-trace{0%{fill-opacity:0;stroke-dashoffset:1}70%{fill-opacity:0;stroke-dashoffset:0}to{fill-opacity:1;stroke-dashoffset:0}}.agent-trace path{stroke:#f2f2f2;stroke-width:.5;stroke-dasharray:1}.group:hover .agent-trace path,.group:focus-visible .agent-trace path{animation:agent-trace 1s cubic-bezier(.45,0,.25,1) both}@keyframes cli-prompt{0%,40%,to{transform:translate(0)}20%,60%{transform:translate(2px)}}@keyframes cli-cursor{0%,50%{opacity:1}50.01%,to{opacity:0}}.cli-prompt,.cli-cursor{transform-box:fill-box}.group:hover .cli-prompt,.group:focus-visible .cli-prompt{animation:cli-prompt .7s ease-out}.group:hover .cli-cursor,.group:focus-visible .cli-cursor{animation:cli-cursor .9s .5s infinite}@media(prefers-reduced-motion:reduce){.group:hover .agent-codex,.group:focus-visible .agent-codex,.group:hover .agent-claude-code,.group:focus-visible .agent-claude-code,.group:hover .agent-hermes,.group:focus-visible .agent-hermes,.group:hover .agent-openclaw,.group:focus-visible .agent-openclaw,.group:hover .character-mark,.group:focus-visible .character-mark,.group:hover .burst,.group:focus-visible .burst,.group:hover .agent-trace path,.group:focus-visible .agent-trace path,.group:hover .cli-prompt,.group:focus-visible .cli-prompt,.group:hover .cli-cursor,.group:focus-visible .cli-cursor{animation:none}}.flows-video[data-v-f5c87966]{-webkit-mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent),linear-gradient(to bottom,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent),linear-gradient(to bottom,transparent,#000 7%,#000 93%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}