.ba-integrations .text-link{display:inline-flex;align-items:center;gap:7px;font-size:14px;color:#d8e7df;padding:8px 0}.ba-integrations .text-link:hover{color:#58e899}.ba-integrations.integration-hub .hub-icon{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;background:transparent;color:#9adab5}.ba-integrations.integration-hub .hub-icon img{width:34px;height:34px;object-fit:contain}.ba-integrations.integration-hub .hub-card{--platform-accent:#a8d6bd;position:relative;min-width:0;scroll-margin-top:calc(96px + var(--website-header-notice-height, 0px))}.ba-integrations.integration-hub .hub-card--platform{display:flex;flex-direction:column;padding:20px 20px 16px;border:1px solid #ffffff16;border-radius:12px;background:transparent;min-height:220px;transition:border-color .18s,background-color .18s}.ba-integrations.integration-hub .hub-card[data-integration=anthropicapi],.ba-integrations.integration-hub .hub-card[data-integration=claudecode],.ba-integrations.integration-hub .hub-card[data-integration=claudedesktop]{--platform-accent:#deb49a}.ba-integrations.integration-hub .hub-card[data-integration=codex],.ba-integrations.integration-hub .hub-card[data-integration=cursor],.ba-integrations.integration-hub .hub-card[data-integration=openaiagentbuilder],.ba-integrations.integration-hub .hub-card[data-integration=openaiapi]{--platform-accent:#bac8d9}.ba-integrations.integration-hub .hub-card[data-integration=openclaw]{--platform-accent:#e1a2a2}.ba-integrations.integration-hub .hub-card[data-integration=geminicli],.ba-integrations.integration-hub .hub-card[data-integration=vscode],.ba-integrations.integration-hub .hub-card[data-integration=warp]{--platform-accent:#a7bde8}.ba-integrations.integration-hub .hub-card[data-integration=hermes]{--platform-accent:#cfbf9e}.ba-integrations.integration-hub .hub-card[data-integration=make]{--platform-accent:#d5abf6}.ba-integrations.integration-hub .hub-card[data-integration=n8n]{--platform-accent:#ed9cb5}.ba-integrations.integration-hub .hub-card[data-integration=zapier]{--platform-accent:#eeb58b}.ba-integrations.integration-hub .hub-card[data-integration=restapi]{--platform-accent:#96b8f5}.ba-integrations.integration-hub .hub-card[data-integration=webhooks]{--platform-accent:#e5b17c}.ba-integrations.integration-hub .hub-card[data-integration=mcp]{--platform-accent:#c6a3e8}.ba-integrations.integration-hub .hub-card[data-integration=agentcli]{--platform-accent:#8ed5ae}.ba-integrations.integration-hub .hub-card[data-connection=mcp]{--platform-accent:#bac8d9}.ba-integrations.integration-hub .hub-card--platform .hub-card-top{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:8px}.ba-integrations.integration-hub .hub-card--platform .hub-icon{width:40px;height:40px;place-items:start}.ba-integrations.integration-hub .hub-card--platform .hub-icon img{width:40px;height:40px}.ba-integrations.integration-hub .hub-card--platform .hub-icon>svg{width:30px;height:30px;margin:5px 0;color:var(--platform-accent)}.ba-integrations.integration-hub .hub-card[data-integration=mcp] .hub-icon>svg{width:40px;height:40px;margin:0}.ba-integrations.integration-hub .hub-card--platform h3{margin:0;font-size:20px;font-weight:600;line-height:1.25;letter-spacing:-.025em}.ba-integrations.integration-hub .hub-card p{color:#acb3af;font-size:13px;line-height:1.6;margin:0 0 12px}.ba-integrations.integration-hub .hub-card .text-link{justify-content:flex-start}.ba-integrations.integration-hub .hub-card--platform .text-link{margin-top:auto;padding:4px 0;font-size:12px;min-height:30px;color:var(--platform-accent);gap:6px}.ba-integrations.integration-hub .hub-card-links{display:flex;flex-wrap:wrap;gap:0 12px;margin-top:auto}.ba-integrations.integration-hub .hub-card-links .hub-card-primary{position:static}.ba-integrations.integration-hub .hub-card-primary:after{content:"";position:absolute;inset:0;z-index:1;border-radius:12px}.ba-integrations.integration-hub .hub-card-primary:focus-visible:after{outline:2px solid var(--platform-accent);outline-offset:4px}.ba-integrations.integration-hub .hub-card-links .hub-card-secondary{position:relative;z-index:2}@media (hover:hover){.ba-integrations.integration-hub .hub-card--platform:hover{border-color:var(--platform-accent)}}