.agent-flow{max-width:1100px;margin:0 auto;position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px}.agent-flow-stage{order:-1;position:relative;width:100%;padding:22px 0 32px}.agent-flow-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;padding:0;margin:0;position:relative}.agent-flow-step{display:flex;align-items:center;flex-direction:column;gap:26px;color:#c9c1b3;text-align:center;font-size:13px;line-height:1.5;animation:agent-hit-1 10s linear infinite}.agent-flow-icon{display:block;flex:none;filter:drop-shadow(0 2px 3px #000);position:relative}.agent-flow-rail{position:absolute;left:10%;right:10%;height:2px;top:48px;background:#e7d7b435}.agent-flow-progress{width:100%;height:100%;background:linear-gradient(90deg,#bda479,#fff2d2);transform:scaleX(0);transform-origin:left;box-shadow:0 0 10px #ffe5ae,0 0 22px #ffd59199;animation:agent-travel 10s linear infinite}.agent-flow-progress:after{content:"";position:absolute;right:0;top:-3px;width:8px;height:8px;border-radius:50%;background:#fff9e9;box-shadow:0 0 16px #fff0c6}.agent-flow-step:nth-child(2){animation-name:agent-hit-2}.agent-flow-step:nth-child(3){animation-name:agent-hit-3}.agent-flow-step:nth-child(4){animation-name:agent-hit-4}.agent-flow-step:nth-child(5){animation-name:agent-hit-5}@keyframes agent-travel{0%,8%{transform:scaleX(0);opacity:0}9%{opacity:1}80%,90%{transform:scaleX(1);opacity:1}96%,to{transform:scaleX(1);opacity:0}}.agent-flow-pause{accent-color:#d4bd91;width:15px;height:15px}.agent-flow-control{font-size:11px;color:#c9c1b3;cursor:pointer}.agent-flow-pause:focus-visible{outline:2px solid #fff2d2;outline-offset:4px}.agent-flow-pause:checked~.agent-flow-stage *{animation-play-state:paused!important}@media(max-width:640px){.agent-flow-step{font-size:10px;gap:20px;padding:0 3px}.agent-flow-icon{width:32px;height:32px}.agent-flow-rail{top:38px}.agent-flow-stage{padding-bottom:24px}}@media(prefers-reduced-motion:reduce){.agent-flow-progress,.agent-flow-step{animation:none!important}.agent-flow-progress{transform:scaleX(1);opacity:.5}.agent-flow-step{color:#fff2d2}.agent-flow-control,.agent-flow-pause{display:none}}@keyframes agent-hit-1{0%,7%,96%,to{color:#c9c1b3;filter:none;text-shadow:none}9%{color:#fff;filter:drop-shadow(0 0 16px #ffe0a6);text-shadow:0 0 12px #ffe0a6}14%,90%{color:#fff2d2;filter:drop-shadow(0 0 7px #ffe0a688);text-shadow:0 0 9px #ffe0a655}}@keyframes agent-hit-2{0%,25%,96%,to{color:#c9c1b3;filter:none;text-shadow:none}27%{color:#fff;filter:drop-shadow(0 0 16px #ffe0a6);text-shadow:0 0 12px #ffe0a6}32%,90%{color:#fff2d2;filter:drop-shadow(0 0 7px #ffe0a688);text-shadow:0 0 9px #ffe0a655}}@keyframes agent-hit-3{0%,43%,96%,to{color:#c9c1b3;filter:none;text-shadow:none}45%{color:#fff;filter:drop-shadow(0 0 16px #ffe0a6);text-shadow:0 0 12px #ffe0a6}50%,90%{color:#fff2d2;filter:drop-shadow(0 0 7px #ffe0a688);text-shadow:0 0 9px #ffe0a655}}@keyframes agent-hit-4{0%,61%,96%,to{color:#c9c1b3;filter:none;text-shadow:none}63%{color:#fff;filter:drop-shadow(0 0 16px #ffe0a6);text-shadow:0 0 12px #ffe0a6}68%,90%{color:#fff2d2;filter:drop-shadow(0 0 7px #ffe0a688);text-shadow:0 0 9px #ffe0a655}}@keyframes agent-hit-5{0%,79%,96%,to{color:#c9c1b3;filter:none;text-shadow:none}81%{color:#fff;filter:drop-shadow(0 0 16px #ffe0a6);text-shadow:0 0 12px #ffe0a6}86%,90%{color:#fff2d2;filter:drop-shadow(0 0 7px #ffe0a688);text-shadow:0 0 9px #ffe0a655}}