.hub{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:0;width:100%;max-width:860px;padding:0 32px}.hub-col{display:grid;gap:12px}.hub-col.r .agent-chip{flex-direction:row-reverse;text-align:right}.agent-chip{position:relative;display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:12px;border:1px solid var(--n-200);background:#fff;box-shadow:0 2px 6px -2px #00000014;font-size:13px;line-height:16px}.agent-chip b{display:block;font-weight:600;color:var(--n-900)}.agent-chip small{display:block;margin-top:2px;font:500 11px/14px var(--font-mono);color:var(--n-500)}.agent-chip>span:not(.agent-logo){flex:1;min-width:0}.agent-chip:after{content:"";position:absolute;top:50%;width:48px;height:1px;background:linear-gradient(to right,#d4d4d4 50%,transparent 50%) 0 0 / 6px 1px}.hub-col.l .agent-chip:after{left:100%}.hub-col.r .agent-chip:after{right:100%}.agent-logo{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:8px;border:1px solid var(--n-200);background:#fff;color:#000}.agent-logo svg{width:18px;height:18px}.agent-logo.ghost{background:var(--n-100);color:var(--n-700);border:1px dashed var(--n-300)}.hub-core{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;margin:0 48px}.hub-core .hub-tile{display:grid;place-items:center;width:112px;height:112px;border-radius:24px;background:var(--n-900);color:#fff;font:700 18px/1 var(--font-display);letter-spacing:-.05em;box-shadow:0 0 0 6px var(--n-200),0 20px 40px -20px #0006}.hub-core .hub-tile:before,.hub-core .hub-tile:after{content:"";position:absolute;top:56px;width:7px;height:7px;border-radius:50%;background:#3b82f6}.hub-core .hub-tile:before{left:-48px;animation:hub-in-l 2.2s linear infinite}.hub-core .hub-tile:after{right:-48px;animation:hub-in-r 2.2s linear infinite 1.1s}@keyframes hub-in-l{0%{transform:translate(0);opacity:0}20%{opacity:1}to{transform:translate(42px);opacity:0}}@keyframes hub-in-r{0%{transform:translate(0);opacity:0}20%{opacity:1}to{transform:translate(-42px);opacity:0}}.hub-core .url{padding:4px 10px;border-radius:999px;border:1px solid var(--n-200);background:#fff;font:500 11px/16px var(--font-mono);color:var(--n-600);white-space:nowrap}.hub-core .proto{display:flex;gap:6px}.hub-core .proto span{padding:2px 8px;border-radius:6px;background:var(--n-100);font:500 11px/16px var(--font-mono);color:var(--n-600)}@media(max-width:1023px){.hub{grid-template-columns:1fr 1fr;gap:10px;padding:16px;max-width:520px}.hub-core{display:none}.hub-col.r .agent-chip{flex-direction:row;text-align:left}.agent-chip:after{display:none}}@media(max-width:639px){.hub,.hub-col{gap:8px}.agent-chip{padding:6px 8px;gap:8px;font-size:12px}.agent-chip small{font-size:10px}.agent-logo{width:26px;height:26px}.agent-logo svg{width:16px;height:16px}}