.agents-demo{flex:1;min-width:0;padding:27px 28px 28px}.agents-demo .agents-intro{grid-template-columns:1fr 1fr;align-items:start;gap:28px;display:grid}.agents-demo .agents-intro h3{letter-spacing:-.04em;margin:0;font-size:31px;line-height:1.12}.agents-demo .agents-intro p{color:var(--muted);margin:0;font-size:14px;line-height:1.75}.agents-demo .agents-network{isolation:isolate;max-width:760px;margin:30px auto 26px;position:relative}.agents-demo .agents-routes{pointer-events:none;z-index:-1;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.agents-demo .agents-routes path{fill:none;stroke:var(--line);stroke-width:1.25px;vector-effect:non-scaling-stroke}.agents-demo .agents-routes .agents-signal{stroke:var(--accent);stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:4 46;animation:agent-signal calc(2.8s + var(--agent-route) * .27s) linear infinite;animation-delay:calc(-.4s - var(--agent-route) * .6s);transition:opacity .8s}.agents-demo .agents-routes .agents-input-signal{opacity:.4;stroke-dasharray:3 47;animation-duration:3.5s}.agents-demo .agents-routes .agents-work-signal{opacity:.14}.agents-demo .agents-routes [data-working=true] .agents-work-signal{opacity:.9}.agents-demo .agents-routes .agents-return-signal{stroke:var(--clay,#d8916c);opacity:.08;animation-direction:reverse;animation-duration:calc(3.9s + var(--agent-route) * .17s);animation-delay:calc(-.75s - var(--agent-route) * .8s)}.agents-demo .agents-routes [data-sharing=true] .agents-return-signal{opacity:.75}.agents-demo .agents-inputs{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid;position:relative}.agents-demo .agents-inputs li{border:1px solid var(--line);background:var(--paper);text-align:center;color:var(--muted);border-radius:7px;margin:0;padding:12px 10px;font-size:12px;line-height:1.5}.agents-demo .agents-hub{border:1px solid var(--accent);background:var(--accent);color:#fff;width:280px;max-width:100%;box-shadow:0 0 0 6px var(--soft);border-radius:14px;grid-template-columns:38px 1fr;align-items:center;column-gap:13px;margin:40px auto;padding:18px 22px;display:grid;position:relative}.agents-demo .agents-hub>.site-icon{grid-row:span 2;font-size:38px}.agents-demo .agents-hub strong{font-size:17px;font-weight:550;line-height:1.4}.agents-demo .agents-hub>span:last-child{color:#fff;font-size:10px;line-height:1.6}.agents-demo .agents-capabilities{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid;position:relative}.agents-demo .agents-capabilities button{border:1px solid var(--line);background:var(--paper);text-align:center;min-width:0;min-height:156px;color:var(--ink);cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;padding:16px 8px 12px;transition:border-color .6s,background .6s,box-shadow .6s;display:flex;position:relative}.agents-demo .agents-capabilities button:hover{border-color:var(--accent)}.agents-demo .agents-capabilities button[data-working=true]{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));background:#fff;box-shadow:0 4px 20px #3458f50c}.agents-demo .agents-capabilities button[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent);background:var(--soft)}.agents-demo .agent-avatar{background:var(--soft);width:35px;height:35px;color:var(--accent);border-radius:10px;place-items:center;margin-bottom:11px;transition:background .6s,color .6s;display:grid;position:relative}.agents-demo .agent-avatar .site-icon{font-size:26px}.agents-demo .agent-avatar>i{border:2px solid var(--paper);background:#358568;border-radius:50%;width:9px;height:9px;position:absolute;bottom:-2px;right:-2px}.agents-demo [data-working=true] .agent-avatar{background:var(--accent);color:#fff}.agents-demo .agents-capabilities strong{font-size:14px;font-weight:600;line-height:1.4;display:block}.agents-demo .agent-hint{color:var(--muted);margin-top:5px;font-size:10px;line-height:1.5;display:block}.agents-demo .agent-activity{min-height:29px;color:var(--muted);justify-content:center;align-items:center;margin-top:9px;font-size:10px;line-height:1.35;display:grid}.agents-demo .agent-activity>span{opacity:0;grid-area:1/1;justify-content:center;align-items:center;gap:5px;transition:opacity .65s;display:flex}.agents-demo .agent-activity-working{color:var(--accent)}.agents-demo [data-working=true] .agent-activity-working,.agents-demo [data-sharing=true] .agent-activity-shared,.agents-demo [data-working=false][data-sharing=false] .agent-activity-idle{opacity:1}.agents-demo .agent-thinking{flex-shrink:0;gap:2px;display:flex}.agents-demo .agent-thinking i{background:currentColor;border-radius:50%;width:3px;height:3px;animation:1.1s ease-in-out infinite agent-think}.agents-demo .agent-thinking i:nth-child(2){animation-delay:.15s}.agents-demo .agent-thinking i:nth-child(3){animation-delay:.3s}.agents-demo .agents-handoff{border:1px solid var(--line);background:var(--soft);min-height:62px;color:var(--ink);border-radius:9px;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding:13px 16px;font-size:11px;line-height:1.5;display:flex}.agents-demo .agents-handoff-label{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;white-space:nowrap;font-size:9px}.agents-demo .agents-handoff-flow{text-align:right;gap:4px;display:grid}.agents-demo .agents-handoff-pairs{display:grid}.agents-demo .agents-handoff-pair{opacity:0;grid-area:1/1;justify-content:flex-end;align-items:center;gap:9px;transition:opacity .65s,translate .65s;display:flex;translate:0 3px}.agents-demo .agents-handoff-pair[data-active=true]{opacity:1;translate:0}.agents-demo .agents-handoff b{font-weight:550}.agents-demo .agents-handoff-arrow{color:var(--accent)}.agents-demo .agents-handoff-note{color:var(--muted);font-size:10px}.agents-demo .agents-detail{border:1px solid var(--line);background:#fff;border-radius:10px;min-height:185px;padding:23px 25px}.agents-demo .agents-detail>.eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:9px}.agents-demo .agents-detail h4{letter-spacing:-.03em;margin:12px 0 10px;font-size:22px;font-weight:550;line-height:1.25}.agents-demo .agents-detail>p:not(.eyebrow){color:var(--muted);margin:0;font-size:13px;line-height:1.7}.agents-demo .agents-detail>.agents-examples{color:var(--ink)!important;margin-top:15px!important;font-size:11px!important}.agents-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:19px 28px;display:flex}.agents-footer .agents-example-note{color:var(--muted);font-size:11px}.agents-footer p{color:var(--muted);max-width:300px;margin:0;font-size:11px;line-height:1.7}.agents-footer a{border-bottom:1px solid var(--line);align-items:center;gap:14px;min-height:44px;font-size:12px;line-height:1.5;text-decoration:none;display:inline-flex}.agents-demo .agents-network[data-playing=false] *{animation-play-state:paused!important}@keyframes agent-signal{0%{stroke-dashoffset:0}to{stroke-dashoffset:-100px}}@keyframes agent-think{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}@media (max-width:1000px){.agents-demo .agents-intro{grid-template-columns:minmax(0,1fr);gap:15px}.agents-demo .agents-intro p{max-width:550px}}@media (max-width:600px){.agents-demo{padding:23px 18px}.agents-demo .agents-intro h3{font-size:29px}.agents-demo .agents-inputs{gap:8px}.agents-demo .agents-inputs li{justify-content:center;align-items:center;min-height:51px;padding:9px 6px;font-size:10px;display:flex}.agents-demo .agents-hub{width:245px;padding:18px}.agents-demo .agents-capabilities{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.agents-demo .agents-capabilities button{min-height:144px;padding:14px 7px 10px}.agents-demo .agent-activity{min-height:27px;margin-top:7px;font-size:10px}.agents-demo .agents-handoff{flex-direction:column;align-items:start;gap:7px;padding:14px}.agents-demo .agents-handoff-flow{text-align:left}.agents-demo .agents-handoff-pair{justify-content:start}.agents-demo .agents-detail{padding:20px}.agents-demo .agents-detail h4{font-size:21px}.agents-demo .agents-detail>p:not(.eyebrow){font-size:14px}.agents-footer{flex-direction:column;align-items:start;gap:13px;padding-inline:18px}}@media (prefers-reduced-motion:reduce){.agents-demo *{transition:none!important;animation:none!important}}html[data-motion=paused] .agents-demo *{transition:none!important;animation-play-state:paused!important}