.mcp-hub{display:flex;align-items:center;justify-content:center;margin:2.5rem 0 3rem}.mcp-hub-tile{width:clamp(64px,14vw,128px);height:clamp(64px,14vw,128px);border-radius:22%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #2c3e5040;flex-shrink:0}.mcp-hub-tile.claude{overflow:hidden}.mcp-hub-tile.claude img{width:100%;height:100%}.mcp-hub-tile.openai{background:#2c3e50}.mcp-hub-tile.openai img{width:66%;height:66%}.mcp-hub-tile.msa{width:clamp(84px,18vw,168px);height:clamp(84px,18vw,168px);background:#fff;border:3px solid #4fb387;animation:mcp-pulse 2.2s ease-out infinite}.mcp-hub-tile.msa img{width:70%;height:70%;-o-object-fit:contain;object-fit:contain}.mcp-hub-link{width:clamp(36px,9vw,110px);height:3px;flex-shrink:0;background:repeating-linear-gradient(90deg,#4fb387 0 12px,transparent 12px 22px)}.mcp-hub-link.toward-right{animation:mcp-flow-right 1.1s linear infinite}.mcp-hub-link.toward-left{animation:mcp-flow-left 1.1s linear infinite}@keyframes mcp-flow-right{to{background-position-x:22px}}@keyframes mcp-flow-left{to{background-position-x:-22px}}@keyframes mcp-pulse{0%{box-shadow:0 10px 30px #2c3e5040,0 0 #4fb3878c}70%{box-shadow:0 10px 30px #2c3e5040,0 0 0 22px #4fb38700}to{box-shadow:0 10px 30px #2c3e5040,0 0 #4fb38700}}@media (prefers-reduced-motion: reduce){.mcp-hub-link.toward-right,.mcp-hub-link.toward-left,.mcp-hub-tile.msa{animation:none}}