.agent-explorer{--ae-lilac:var(--signal-from);--ae-blue:var(--signal-to);--ae-line:#303033;--ae-wash:linear-gradient(#101013dd, #101013dd);margin-top:5rem}.ae-heading{max-width:43rem}.ae-kicker{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:.625rem;font-weight:400}.ae-heading>.ae-kicker{color:var(--ae-lilac)}.ae-heading h2{letter-spacing:-.04em;margin-top:1rem;font-size:clamp(1.875rem,4vw,3rem);font-weight:550;line-height:1.12}.ae-heading>p:last-child{color:var(--muted);text-wrap:pretty;margin-top:1.25rem;font-size:1.0625rem;line-height:1.75}.ae-flows{border:0;grid-template-columns:repeat(3,1fr);gap:.625rem;min-width:0;margin:2rem 0 1.25rem;padding:0;display:grid}.ae-flows label{border:1px solid var(--ae-line);min-height:3.25rem;color:var(--muted);cursor:pointer;border-radius:.375rem;align-items:center;gap:.75rem;padding:.875rem 1.125rem;font-size:.8125rem;transition:color .2s,border-color .2s,background .2s;display:flex;position:relative}.ae-flow-number,.ae-flow-arrow{color:#929097;font-family:var(--font-mono);font-size:.625rem}.ae-flow-arrow{margin-left:auto;font-size:.875rem}.ae-flows label:has(:checked){background:var(--ae-wash) padding-box, var(--signal) border-box;color:#eceef6;border-color:#0000}.ae-flows label:has(:checked) :is(.ae-flow-number,.ae-flow-arrow){color:var(--signal-mid)}.ae-flows label:hover{border-color:var(--signal-mid);color:var(--foreground)}.ae-flows label:has(:focus-visible){outline:2px solid var(--ae-lilac);outline-offset:4px}.ae-panel{border:1px solid var(--ae-line);background:#0b0b0d;border-radius:.75rem;overflow:hidden}.ae-prompt{border-bottom:1px solid var(--ae-line);align-items:center;gap:1.5rem;min-height:5rem;padding:1.25rem 1.75rem;display:flex}.ae-prompt>span{flex-shrink:0}.ae-prompt>p{letter-spacing:-.02em;font-size:1.0625rem}.ae-layout{grid-template-columns:minmax(0,1fr) 18.5rem;display:grid}.ae-map-column{align-self:center;min-width:0}.ae-map{aspect-ratio:800/470;border:0;width:100%;min-width:0;padding:0;position:relative}.ae-connections{--ae-stroke:url(#ae-path-gradient);width:100%;height:100%;position:absolute;inset:0}.ae-mobile-connections{--ae-stroke:url(#ae-mobile-path-gradient)}.ae-mobile-connections,.ae-detail-jump{display:none}.ae-zone{fill:#131317;stroke:#37333f;stroke-dasharray:3 6}.ae-zone-label{fill:#96919f;font:9px var(--font-mono);letter-spacing:1.2px}.ae-orbit{fill:none;stroke:url(#ae-orbit-gradient);stroke-width:1px;stroke-dasharray:2 7;opacity:.55;animation:12s linear infinite ae-ripple}.ae-orbit-inner{stroke-dasharray:1 5;opacity:.8;animation-delay:-4s}.ae-orbit-outer{animation-delay:-8s}.ae-edge{fill:none;stroke:#8d859d;stroke-width:1.5px;opacity:.2;transition:opacity .25s,stroke .25s}.ae-edge-approval{stroke-dasharray:4 5;animation:3s linear infinite ae-dashes}.agent-explorer:has([data-flow=answer]:checked) [data-routes~=answer],.agent-explorer:has([data-flow=action]:checked) [data-routes~=action],.agent-explorer:has([data-flow=handoff]:checked) [data-routes~=handoff]{stroke:var(--ae-stroke);opacity:1;--ae-running:running}.ae-signal{filter:brightness(1.5);opacity:0;stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:2 98;animation:4s linear infinite ae-travel;animation-play-state:var(--ae-running,paused);pointer-events:none}.ae-phase-1{animation-delay:-1.33s}.ae-phase-2{animation-delay:-2.67s}@keyframes ae-travel{to{stroke-dashoffset:-100px}}@keyframes ae-dashes{to{stroke-dashoffset:-36px}}@keyframes ae-ripple{0%{r:48px;opacity:0}15%{opacity:.55}to{r:126px;opacity:0}}@keyframes ae-breathe{0%,to{transform:scale(1)}50%{box-shadow:0 0 26px color-mix(in srgb, var(--signal-mid) 14%, transparent);transform:scale(1.035)}}@media (hover:hover){.ae-node:hover .ae-node-disc{animation:4.8s ease-in-out infinite ae-breathe}}.ae-node:has(:focus-visible) .ae-node-disc{animation:4.8s ease-in-out infinite ae-breathe}.agent-explorer:has([data-pause-motion]:checked) :is(.ae-edge,.ae-node-disc,.ae-orbit){animation-play-state:paused}.ae-motion{cursor:pointer;align-items:center;gap:.4rem;min-height:24px;display:inline-flex}.ae-motion input{accent-color:var(--ae-lilac)}.ae-node{width:24%;color:var(--ae-lilac);cursor:pointer;flex-direction:column;align-items:center;display:flex;position:absolute;transform:translate(-50%,-30px)}.ae-node-disc{background:linear-gradient(#111115f0, #111115f0) padding-box, var(--signal) border-box;outline-offset:7px;border:1px solid #0000;border-radius:50%;outline:1px solid #33303b;place-items:center;width:60px;height:60px;transition:outline-color .2s,background .2s;display:grid}.ae-node-disc svg{width:24px;height:24px}.ae-node strong{color:#eeeaf3;white-space:nowrap;margin-top:14px;font-size:.8125rem;font-weight:450;line-height:1.2}.ae-node-short{color:#a8a4b0;white-space:nowrap;margin-top:5px;font-size:.5625rem;line-height:1.3}.ae-node:has(:checked) .ae-node-disc{outline-color:var(--signal-mid);background:var(--ae-wash) padding-box, var(--signal) border-box}.ae-node:hover .ae-node-disc,.ae-node:has(:focus-visible) .ae-node-disc{outline:2px solid var(--ae-blue);background:var(--ae-wash) padding-box, var(--signal) border-box}.ae-node:has(:checked) strong{color:#d2dff2}.ae-node-customer{top:40.4255%;left:11.875%}.ae-node-agent{top:40.4255%;left:37.5%;transform:translate(-50%,-41px)}.ae-node-agent .ae-node-disc{width:82px;height:82px}.ae-node-agent .ae-node-disc svg{width:30px;height:30px}.ae-node-access{top:40.4255%;left:63.125%}.ae-node-data{top:24.4681%;left:86.25%}.ae-node-action{top:60.6383%;left:86.25%}.ae-node-approval{color:var(--ae-blue);top:80.8511%;left:63.125%}.ae-node-human{color:var(--ae-blue);top:80.8511%;left:37.5%}.ae-map-key{color:#aaa5b3;flex-wrap:wrap;gap:.75rem 1.25rem;padding:1.25rem 1.75rem;font-size:.5625rem;display:flex}.ae-map-key>span{align-items:center;gap:.5rem;display:inline-flex}.ae-key-path{background:var(--signal);width:16px;height:1px;display:block}.ae-key-approval{border-top:1px dashed var(--ae-blue);width:16px;display:block}.ae-map-hint{margin-left:auto}.ae-details{border-left:1px solid var(--ae-line);background:linear-gradient(145deg, color-mix(in srgb, var(--signal-from) 8%, #0b0b0d), color-mix(in srgb, var(--signal-to) 4%, #0b0b0d) 75%);min-width:0;padding:1.75rem}.ae-detail{display:none}.ae-detail-top{justify-content:space-between;align-items:center;gap:1rem;display:flex}.ae-detail-top .ae-kicker{color:var(--ae-lilac)}.ae-detail-number{color:#a39aaf;font:.5625rem var(--font-mono);white-space:nowrap}.ae-detail h3{letter-spacing:-.035em;text-wrap:balance;margin-top:1.625rem;font-size:1.5rem;font-weight:500;line-height:1.2}.ae-detail-body{color:#bcb7c4;margin-top:1rem;font-size:.8125rem;line-height:1.8}.ae-example{border-top:1px solid #36303f;border-bottom:1px solid #36303f;margin-top:1.5rem;padding:1.25rem 0}.ae-example p{color:#ddd3f4;margin-top:.75rem;font-size:.8125rem;line-height:1.7}.ae-boundary{color:#aaa8b3;gap:.625rem;margin-top:1.25rem;font-size:.6875rem;line-height:1.75;display:flex}.ae-boundary svg{width:16px;height:16px;color:var(--ae-blue);flex-shrink:0;margin-top:.2rem}.agent-explorer:has([data-node=customer]:checked) .ae-detail-customer,.agent-explorer:has([data-node=agent]:checked) .ae-detail-agent,.agent-explorer:has([data-node=access]:checked) .ae-detail-access,.agent-explorer:has([data-node=data]:checked) .ae-detail-data,.agent-explorer:has([data-node=approval]:checked) .ae-detail-approval,.agent-explorer:has([data-node=action]:checked) .ae-detail-action,.agent-explorer:has([data-node=human]:checked) .ae-detail-human{display:block}.ae-flow-copy{display:none}.agent-explorer:has([data-flow=answer]:checked) .ae-copy-answer,.agent-explorer:has([data-flow=action]:checked) .ae-copy-action,.agent-explorer:has([data-flow=handoff]:checked) .ae-copy-handoff{display:block}.ae-result{border-top:1px solid var(--ae-line);background:#101013;padding:1.75rem}.ae-steps{flex-wrap:wrap;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.ae-steps li{color:#c6becf;align-items:center;gap:.625rem;font-size:.6875rem;display:flex}.ae-steps li>span:first-child{font:.5625rem var(--font-mono);color:var(--ae-lilac)}.ae-step-arrow{color:#6e657b;margin-left:.5rem}.ae-outcome{grid-template-columns:1fr 1.3fr;align-items:start;gap:2.5rem;margin-top:1.375rem;display:grid}.ae-outcome h3{letter-spacing:-.025em;font-size:1.3125rem;font-weight:450;line-height:1.3}.ae-outcome p{color:#aaa5b3;text-wrap:pretty;font-size:.8125rem;line-height:1.75}.ae-caption{color:var(--muted);margin-top:1rem;font-size:.6875rem;line-height:1.7}@media (width<=1023px){.ae-layout{grid-template-columns:1fr}.ae-details{border-left:0;border-top:1px solid var(--ae-line)}.ae-detail{max-width:36rem}.ae-node strong{font-size:.9375rem}.ae-node-short{font-size:.6875rem}}@media (width<=600px){.agent-explorer{margin-top:4rem}.ae-flows{gap:.375rem}.ae-flows label{flex-direction:column;align-items:flex-start;gap:.375rem;padding:.75rem;font-size:.6875rem}.ae-flow-arrow{display:none}.ae-prompt{flex-direction:column;align-items:flex-start;gap:.75rem;min-height:7.5rem;padding:1.25rem}.ae-prompt>p{font-size:1rem}.ae-map{aspect-ratio:auto;height:590px}.ae-connections{display:none}.ae-mobile-connections{width:100%;height:100%;display:block;position:absolute;inset:0}.ae-node{width:48%;transform:translate(-50%,-27px)}.ae-node-disc,.ae-node-agent .ae-node-disc{width:54px;height:54px}.ae-node-agent .ae-node-disc svg{width:24px;height:24px}.ae-node strong{margin-top:13px;font-size:.8125rem}.ae-node-short{font-size:.5625rem}.ae-node-customer{top:70px;left:28%}.ae-node-agent{top:70px;left:72%}.ae-node-access{top:211px;left:28%}.ae-node-data{top:211px;left:72%}.ae-node-approval{top:352px;left:28%}.ae-node-action{top:352px;left:72%}.ae-node-human{top:493px;left:28%}.ae-map-key{padding:0 1.25rem 1.25rem}.ae-map-key>.ae-map-hint{display:none}.ae-detail-jump{width:100%;color:var(--ae-lilac);text-underline-offset:4px;margin-top:.5rem;font-size:.6875rem;display:block}.ae-detail-jump:focus-visible{outline:2px solid var(--ae-lilac);outline-offset:4px}.ae-details,.ae-result{padding:1.5rem 1.25rem}.ae-steps{flex-direction:column;gap:.75rem}.ae-step-arrow{display:none}.ae-outcome{grid-template-columns:1fr;gap:.75rem}}@media (prefers-reduced-motion:reduce){.ae-flows label,.ae-edge,.ae-node-disc{transition:none}.agent-explorer .ae-node .ae-node-disc,.ae-edge,.ae-orbit{animation:none}.ae-orbit{opacity:.25}.ae-signal,.ae-motion,.ae-orbit-outer{display:none}}