@layer properties,theme,base;@layer components{.agent-net-flow{display:none}@media (width>=768px){.agent-net-flow{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}}.agent-net-flow line{stroke:var(--ah-color-signal);stroke-width:.9px;stroke-linecap:round;stroke-dasharray:5 200;opacity:0}.agent-net-flow line.is-out{stroke:var(--ah-color-accent)}.net-core{position:relative}.net-core:after{content:"";border:1px solid var(--ah-color-signal);border-radius:inherit;opacity:0;pointer-events:none;position:absolute;inset:-1px}.net-vline{position:relative;overflow:hidden}.net-vline:after{content:"";border-radius:var(--ah-radius-pill);background:var(--ah-color-signal);opacity:0;width:5px;height:5px;position:absolute;top:0;left:-2px}[data-play=intro] .net-agent{animation:sc-slide-x .42s var(--scene-ease) both;animation-delay:calc(.2s + var(--i) * .12s)}[data-play=intro] .agent-net-desktop .net-core,[data-play=intro] .agent-net-mobile .net-core{animation:sc-pop .48s var(--scene-ease) both .75s}[data-play=intro] .agent-net-links{animation:.6s ease-out .3s both sc-fade}[data-play=intro] .net-tool{animation:.5s ease-out 1.4s both sc-fade}[data-play] .agent-net-flow line{opacity:1;animation:2.4s linear infinite sc-flow;animation-delay:calc(1.4s + var(--i) * .6s);animation-play-state:var(--scene-loop-state)}[data-play] .agent-net-flow line.is-out{animation-delay:calc(2.2s + var(--i) * .8s)}[data-play] .net-core:after{animation:2.4s ease-out 1.6s infinite sc-core-ring;animation-play-state:var(--scene-loop-state)}[data-play] .net-output{animation:2.4s ease-out infinite sc-output;animation-delay:calc(3s + var(--i) * .8s);animation-play-state:var(--scene-loop-state)}[data-play=intro] .net-output{animation:sc-pop .38s var(--scene-ease) both calc(1s + var(--i) * .14s), sc-output 2.4s ease-out calc(3s + var(--i) * .8s) infinite;animation-play-state:running, var(--scene-loop-state)}[data-play] .net-vline:after{animation:1.6s linear infinite sc-vflow;animation-play-state:var(--scene-loop-state)}[data-play] .net-vline+.net-core+.net-vline:after{animation-delay:.8s}@keyframes sc-flow{0%{stroke-dashoffset:5px}45%,to{stroke-dashoffset:-100px}}@keyframes sc-core-ring{0%{opacity:.9;transform:scale(1)}70%,to{opacity:0;transform:scale(1.25)}}@keyframes sc-output{0%,to{border-color:var(--ah-color-hairline-strong);box-shadow:none}12%{border-color:var(--ah-color-accent);box-shadow:0 0 18px -4px var(--ah-color-accent)}40%{border-color:var(--ah-color-hairline-strong);box-shadow:none}}@keyframes sc-vflow{0%{opacity:1;transform:translateY(-6px)}to{opacity:1;transform:translateY(24px)}}.agent-net{width:100%;position:relative}.agent-net-desktop{display:none}.agent-net-mobile{flex-direction:column;align-items:center;gap:0;padding:16px 0;display:flex}.net-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.net-vline{background:var(--ah-color-hairline-strong);width:1px;height:24px}.net-icon{border:1px solid var(--ah-color-hairline-strong);border-radius:var(--ah-radius-pill);background:var(--ah-color-surface-1);width:44px;height:44px;color:var(--ah-color-ink);flex:none;justify-content:center;align-items:center;display:inline-flex}.net-node{border:1px solid var(--ah-color-hairline-strong);border-radius:var(--ah-radius-md);background:var(--ah-color-surface-1);color:var(--ah-color-ink);font-family:var(--ah-font-mono);font-size:var(--ah-text-code-sm-size);white-space:nowrap;align-items:center;gap:8px;padding:6px 10px;display:inline-flex}.net-core{border:1px solid var(--ah-color-signal);border-radius:var(--ah-radius-lg);background:var(--ah-color-surface-sunken);color:var(--ah-color-signal);font-family:var(--ah-font-mono);box-shadow:var(--ah-shadow-lg);flex-direction:column;align-items:center;gap:2px;padding:12px 18px;font-size:20px;font-weight:600;display:inline-flex}.net-core span{color:var(--ah-color-ink);font-size:var(--ah-text-code-sm-size);font-weight:500}@media (width>=768px){.agent-net{aspect-ratio:4/3;max-height:360px}.agent-net-mobile{display:none}.agent-net-desktop{display:block;position:absolute;inset:0}.agent-net-links{width:100%;height:100%;position:absolute;inset:0}.agent-net-links line{stroke:var(--ah-color-hairline-strong);stroke-width:1px;stroke-dasharray:4 4;vector-effect:non-scaling-stroke}.net-agent{background:0 0;border:0;padding:0;position:absolute;left:0;translate:0 -50%}.net-label{white-space:normal;max-width:4.5rem;color:var(--ah-color-ink-muted);font-family:var(--ah-font-sans);font-size:var(--ah-text-body-sm-size);line-height:1.25}.net-output{position:absolute;right:0;translate:0 -50%}.net-desktop-core,.agent-net-desktop .net-core{position:absolute;top:50%;left:50%;translate:-50% -50%}.net-tool{border-radius:var(--ah-radius-sm);background:var(--ah-color-canvas);color:var(--ah-color-syntax-function);font-family:var(--ah-font-mono);white-space:nowrap;padding:1px 6px;font-size:11px;position:absolute;translate:-10% -50%}}@media (width>=768px) and (width<=1279.98px){.net-label{display:none}}.agent-net[data-size=lg]{flex-direction:column;justify-content:center;display:flex}@media (width>=768px) and (width<=1023.98px){.agent-net[data-size=lg]{aspect-ratio:auto;max-height:none}.agent-net[data-size=lg] .agent-net-mobile{display:flex}.agent-net[data-size=lg] .agent-net-desktop{display:none}}@media (width>=1024px){.agent-net[data-size=lg]{aspect-ratio:auto;height:440px;max-height:none}}}@layer utilities;