.agents-hero{position:relative;overflow:hidden}.agents-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#0ff2,#ff00ff10 55%,#0000 70%);border-radius:50%;width:34rem;height:34rem;position:absolute;top:-10rem;right:-10rem}.agents-hero>.container{position:relative}.agents-hero h1{max-width:18ch;margin:16px 0 24px}#scen-title{margin-bottom:12px}.agents-lead{max-width:60ch;color:var(--text-muted);font-size:clamp(1rem,2vw,1.125rem)}.agents-grad{background:var(--gradient);color:#0000;-webkit-background-clip:text;background-clip:text}.agents-compare{gap:16px;margin-top:40px;display:grid}.agents-compare>div{border-radius:var(--radius);background:var(--surface);border:1px solid #c0c0c040;padding:24px}.agents-compare h3{margin:0 0 8px}.agents-compare p{color:var(--text-muted);margin:0}.agents-compare .is-agent{border-color:var(--accent-cyan)}.agents-stage{background:var(--surface);border:1px solid #c0c0c040;border-radius:20px;margin-top:32px;padding:20px}.agents-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.agents-tabs{flex-wrap:wrap;gap:8px;display:none}.agents-js .agents-tabs{display:flex}.agents-tab{min-height:44px;color:var(--text);cursor:pointer;background:0 0;border:1px solid #c0c0c059;border-radius:999px;padding:8px 16px;font-weight:600}.agents-tab:hover{border-color:var(--accent-cyan)}.agents-tab[aria-selected=true]{border-color:var(--accent-cyan);background:var(--accent-cyan);color:var(--bg)}.agents-pause{min-height:44px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #c0c0c059;border-radius:8px;padding:8px 14px;display:none}.agents-js .agents-pause{display:inline-block}.agents-pause:hover{color:var(--text);border-color:var(--text)}.agents-panel+.agents-panel{margin-top:40px}.agents-js .agents-panel[hidden]{display:none}.agents-panel h3{margin:0 0 4px}.agents-panel>p{color:var(--text-muted);margin:0 0 24px}.flow{gap:0;margin:0;padding:0;list-style:none;display:grid}.flow li{border-radius:var(--radius);background:var(--bg);border:1px solid #c0c0c059;padding:14px 16px;position:relative}.flow li+li{margin-top:22px}.flow li+li:before{content:"";background:#c0c0c059;width:2px;height:22px;position:absolute;top:-22px;left:28px}.flow li+li:after{content:"";background:var(--accent-cyan);border-radius:50%;width:8px;height:8px;animation:2.4s linear infinite flow-dot-y;position:absolute;top:-22px;left:25px}.flow b{font-family:var(--font-head);font-weight:600;display:block}.flow span{color:var(--text-muted);margin-top:2px;font-size:.9rem;display:block}.flow small{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;border:1px solid #c0c0c059;border-radius:999px;margin-bottom:6px;padding:2px 8px;font-size:.7rem;font-weight:600;display:inline-block}.flow .is-agent{border-color:var(--accent-cyan)}.flow .is-agent small{border-color:var(--accent-cyan);color:var(--accent-cyan)}.flow .is-human{border:2px solid var(--gold)}.flow .is-human small{border-color:var(--gold);color:var(--gold)}.flow .is-out{border-color:var(--teal)}@keyframes flow-dot-y{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(14px)}}.agents-log{border-radius:var(--radius);background:var(--bg);color:var(--text-muted);border:1px solid #c0c0c040;margin:24px 0 0;padding:16px;font:400 .875rem/1.7 ui-monospace,Cascadia Mono,Consolas,monospace;list-style:none}.agents-log li{gap:10px;display:flex}.agents-log .ok{color:var(--accent-cyan)}.agents-log .wait{color:var(--gold)}.agents-note{color:var(--text-muted);margin:12px 0 0;font-size:.8125rem}.agents-day{border-left:2px solid var(--accent-cyan);gap:0;margin:40px 0 0;padding:0;list-style:none;display:grid}.agents-day li{padding:0 0 28px 28px;position:relative}.agents-day li:before{content:"";background:var(--gold);border-radius:50%;width:12px;height:12px;position:absolute;top:6px;left:-7px}.agents-day h3{margin:0 0 6px}.agents-day p{color:var(--text-muted);margin:0}.agents-rules{gap:12px;margin-top:32px;display:grid}.agents-rules div{border-left:3px solid var(--gold);border-radius:0 var(--radius) var(--radius) 0;background:var(--bg);font-family:var(--font-head);padding:16px 20px;font-weight:600}@media (width>=768px){.agents-compare{grid-template-columns:repeat(2,minmax(0,1fr))}.agents-rules{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1024px){.agents-stage{padding:32px}.flow{grid-template-columns:repeat(5,minmax(0,1fr));gap:0}.flow li+li{margin:0 0 0 28px}.flow li+li:before{width:28px;height:2px;top:50%;left:-28px}.flow li+li:after{animation-name:flow-dot-x;top:calc(50% - 3px);left:-28px}@keyframes flow-dot-x{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}}.agents-paused .flow li:after{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.flow li:after{animation:none;display:none}}