.aal-container{display:flex;flex-direction:column;gap:2rem;padding:2.5rem;background:var(--zero-panel);border:1px solid var(--zero-border);border-radius:30px;box-shadow:var(--zero-shadow);color:var(--zero-text);font-family:var(--font-sans,"Space Grotesk",system-ui,sans-serif);position:relative;overflow:hidden}.aal-header h3{margin:0;font-size:1.8rem;letter-spacing:-.03em}.aal-header p{color:var(--zero-muted);margin-top:.5rem}.aal-stage{position:relative;display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:3rem 0}.aal-agents,.aal-app,.aal-center{display:flex;flex-direction:column;gap:1.5rem;z-index:2}.aal-node{background:rgba(255,255,255,.05);border:1px solid rgba(161,180,199,.2);border-radius:12px;padding:1rem;display:flex;align-items:center;gap:.75rem;transition:all .3s ease;width:220px}.aal-node.active{background:rgba(133,255,212,.1);border-color:var(--zero-mint);box-shadow:0 0 20px rgba(133,255,212,.2);transform:translateY(-2px)}.aal-node.large{width:260px;padding:1.5rem;justify-content:center;background:rgba(255,139,61,.08);border-color:rgba(255,139,61,.3)}.aal-node.large.active{box-shadow:0 0 30px rgba(255,139,61,.25);transform:scale(1.05)}.aal-node-icon{display:flex;align-items:center;color:var(--zero-muted)}.aal-node.active .aal-node-icon{color:var(--zero-mint)}.aal-node.large.active .aal-node-icon{color:var(--zero-accent)}.aal-node-label{font-weight:600;font-size:.95rem}.aal-connections{position:absolute;top:0;left:10%;right:10%;height:100%;pointer-events:none;z-index:1}.aal-packet{position:absolute;display:flex;align-items:center;gap:.5rem;transform:translateY(-50%)}.aal-packet-label{font-size:.75rem;font-family:var(--font-mono);background:rgba(0,0,0,.6);padding:.2rem .5rem;border-radius:4px;color:var(--zero-mint);border:1px solid rgba(133,255,212,.3);white-space:nowrap}.aal-packet-dot{width:10px;height:10px;border-radius:50%;background:var(--zero-mint);box-shadow:0 0 10px var(--zero-mint)}.aal-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;border-top:1px solid rgba(255,255,255,.1);padding-top:2rem}.aal-step{padding:1rem;border-radius:12px;background:rgba(255,255,255,.02);border:1px solid transparent;cursor:pointer;transition:all .3s ease}.aal-step.active{background:rgba(133,255,212,.05);border-color:rgba(133,255,212,.3)}.aal-step strong{display:block;margin-bottom:.5rem;color:var(--zero-muted)}.aal-step.active strong{color:var(--zero-mint)}.aal-step p{margin:0;font-size:.9rem;line-height:1.5;color:var(--zero-muted)}