.ba-integrations.integration-hub{background:#080b09}.ba-integrations.integration-hub .wrap{width:min(1280px,calc(100% - 64px));max-width:none;padding:0}.ba-integrations.integration-hub .hub-hero{display:grid;align-items:center;min-height:440px;overflow:hidden;padding:96px 0 92px;background:#080b09}.ba-integrations.integration-hub .hub-hero:before{z-index:1;background:radial-gradient(ellipse 48% 66% at 50% 38%,rgba(8,11,9,.38),rgba(8,11,9,.44) 72%),linear-gradient(90deg,rgba(8,11,9,.2),rgba(8,11,9,.06) 24%,rgba(8,11,9,.06) 76%,rgba(8,11,9,.2)),linear-gradient(180deg,rgba(8,11,9,.08),rgba(8,11,9,.28))}.ba-integrations.integration-hub .hub-hero:after{position:absolute;inset:auto 0 0;z-index:1;height:72px;content:"";background:linear-gradient(180deg,transparent,#080b09);pointer-events:none}.ba-integrations.integration-hub .hub-hero-art{z-index:0;object-fit:cover;object-position:center;opacity:.88;filter:saturate(.86) brightness(1) contrast(1.04);pointer-events:none}.ba-integrations.integration-hub .hub-hero-copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center}.ba-integrations.integration-hub .hub-hero h1{max-width:1000px;margin:0;font-size:clamp(44px,5.5vw,72px);font-weight:620;line-height:1.08;letter-spacing:-.05em}.ba-integrations.integration-hub .hub-hero h1>span{color:#1dde74}.ba-integrations.integration-hub .hero-lead{max-width:600px;font-size:18px;line-height:1.65;margin:24px 0 0;color:#aeb7b2}.ba-integrations.integration-hub .hub-hero .actions{align-items:center;justify-content:center;gap:28px;margin-top:30px}.ba-integrations.integration-hub .hub-hero .text-link{font-size:14px}.ba-integrations.integration-hub .section-intro{margin-bottom:32px}.ba-integrations.integration-hub .section-intro h2{margin:0;font-size:28px;line-height:1.2;font-weight:580;letter-spacing:-.03em}.ba-integrations.integration-hub .hub-directory{padding:32px 0 88px;background:#080b09}.ba-integrations.integration-hub .hub-directory-layout{display:grid;grid-template-columns:192px minmax(0,1fr);gap:48px;align-items:start}.ba-integrations.integration-hub .hub-tools{position:sticky;top:96px}.ba-integrations.integration-hub .hub-navigation{display:flex;flex-direction:column;gap:4px}.ba-integrations.integration-hub .hub-navigation a{justify-content:flex-start;min-height:46px;padding:11px 16px;text-align:left;border-left:2px solid transparent;background:transparent;color:#a3aba7;font-size:14px;transition:color .16s,background-color .16s}.ba-integrations.integration-hub .hub-navigation a[aria-current=location]{color:#9ae8b9;background:#1dde740c;border-left-color:#1dde74}.ba-integrations.integration-hub .hub-directory-content{min-width:0}.ba-integrations.integration-hub .hub-group{margin-top:44px;scroll-margin-top:calc(96px + var(--website-header-notice-height, 0px))}.ba-integrations.integration-hub .hub-group:first-child{margin-top:0}.ba-integrations.integration-hub .hub-group-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 24px;margin-bottom:22px}.ba-integrations.integration-hub .hub-group-heading h2{display:inline-flex;align-items:center;gap:8px;font-size:18px;font-weight:540;margin:0;letter-spacing:-.015em}.ba-integrations.integration-hub .hub-featured-hot{flex-shrink:0}.ba-integrations.integration-hub .hub-group-heading p{font-size:12px;line-height:1.5;margin:0;color:#8f9993}.ba-integrations.integration-hub .hub-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.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--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}.ba-integrations.integration-hub .hub-card-grid-four{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px}.ba-integrations.integration-hub .hub-card--protocol{display:grid;grid-template-columns:44px minmax(0,1fr);gap:0 18px;padding:24px 0;border-top:1px solid #ffffff16}.ba-integrations.integration-hub .hub-card--protocol .hub-card-top{display:contents}.ba-integrations.integration-hub .hub-card--protocol .hub-icon{grid-column:1;grid-row:1/4;color:#83caa0;align-self:start}.ba-integrations.integration-hub .hub-card--protocol .hub-icon svg{width:30px;height:30px}.ba-integrations.integration-hub .hub-card--protocol .hub-card-top>div,.ba-integrations.integration-hub .hub-card--protocol .text-link,.ba-integrations.integration-hub .hub-card--protocol p{grid-column:2}.ba-integrations.integration-hub .hub-card--protocol h3{font-size:20px;font-weight:560;margin:0}.ba-integrations.integration-hub .hub-card--protocol p{margin:7px 0 5px;font-size:13px}.ba-integrations.integration-hub .hub-card--protocol .text-link{font-size:12px;min-height:32px;align-self:end}.ba-integrations.integration-hub .hub-clients{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px}.ba-integrations.integration-hub .hub-client{display:flex;align-items:center;gap:14px;padding:24px 0;min-width:0}.ba-integrations.integration-hub .hub-icon--inverted img{filter:brightness(0) invert(1)}.ba-integrations.integration-hub .hub-client .hub-icon--fallback{background:#10251b;border-radius:8px}.ba-integrations.integration-hub .hub-client>div{min-width:0;flex:1}.ba-integrations.integration-hub .hub-client h3{margin:0;font-size:15px;font-weight:530;line-height:1.4;overflow-wrap:anywhere}.ba-integrations.integration-hub .hub-client-links{display:flex;flex-wrap:wrap;gap:0 14px;margin-top:5px}.ba-integrations.integration-hub .hub-client-link{display:inline-flex;align-items:center;gap:4px;min-height:30px;color:#94a29a;font-size:11px}.ba-integrations.integration-hub .hub-client-link svg{width:10px;height:10px}.ba-integrations.integration-hub .hub-missing{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 20px;border-top:1px solid #ffffff16;margin-top:24px;padding-top:22px}.ba-integrations.integration-hub .hub-missing h3{margin:0;color:#aeb7b2;font-size:14px;font-weight:400}.ba-integrations.integration-hub .hub-missing .text-link{font-size:13px}.ba-integrations.integration-hub .hub-results-section{background:#0c100e;padding:88px 0 72px;border-top:1px solid #ffffff0c}.ba-integrations.integration-hub .hub-usecases{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:stretch;gap:80px}.ba-integrations.integration-hub .hub-feature-case{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0}.ba-integrations.integration-hub .hub-method{font-size:12px;line-height:1.5;color:#8bd0a7}.ba-integrations.integration-hub .hub-feature-case h2{font-size:clamp(32px,3.5vw,46px);font-weight:600;line-height:1.12;letter-spacing:-.04em;margin:18px 0 24px}.ba-integrations.integration-hub .hub-feature-case p{font-size:15px;max-width:450px;line-height:1.7;margin:0}.ba-integrations.integration-hub .hub-feature-case .actions{align-items:center;gap:18px;margin-top:30px}.ba-integrations.integration-hub .hub-feature-case .text-link{font-size:13px}.ba-integrations.integration-hub .hub-result-preview{display:flex;flex-direction:column;margin:0;min-width:0;border:1px solid #7fa68e30;border-radius:12px;overflow:hidden;background:#101a14}.ba-integrations.integration-hub .hub-result-heading{display:flex;align-items:center;gap:12px;padding:22px 24px;border-bottom:1px solid #ffffff12;color:#d2e6d9;font-size:13px}.ba-integrations.integration-hub .hub-result-heading svg{color:#76d49a}.ba-integrations.integration-hub .hub-result-grid{flex:1;background:#0e1510}.ba-integrations.integration-hub .hub-result-grid table{width:100%;height:100%;border-collapse:collapse;font-size:13px}.ba-integrations.integration-hub .hub-result-grid td,.ba-integrations.integration-hub .hub-result-grid th{text-align:left;padding:16px 24px;border-bottom:1px solid #ffffff0d;white-space:nowrap}.ba-integrations.integration-hub .hub-result-grid th{font-size:11px;color:#92b39e;font-weight:450;background:#16271b}.ba-integrations.integration-hub .hub-result-grid td{color:#d3dfd7}.ba-integrations.integration-hub .hub-result-grid td:last-child{color:#8dd6a5}.ba-integrations.integration-hub .hub-result-grid td[data-availability="Out of stock"]{color:#d1af86}.ba-integrations.integration-hub .hub-result-grid tr:last-child td{border-bottom:0}.ba-integrations.integration-hub .hub-result-preview figcaption{margin:0;padding:12px 24px;color:#81958a;font-size:10px;border-top:1px solid #ffffff12}.ba-integrations.integration-hub .hub-guide-list{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px;margin-top:64px;padding-top:36px;border-top:1px solid #ffffff16}.ba-integrations.integration-hub .hub-guide-list:after{position:absolute;inset:36px auto 0 50%;width:1px;background:#ffffff16;content:"";pointer-events:none}.ba-integrations.integration-hub .hub-guide-list article{display:flex;align-items:flex-start;gap:22px;min-width:0}.ba-integrations.integration-hub .hub-guide-art{display:flex;align-items:center;gap:8px;flex-shrink:0;width:76px;min-height:48px;color:#83caa0}.ba-integrations.integration-hub .hub-guide-art svg{width:32px;height:32px}.ba-integrations.integration-hub .hub-guide-art svg:nth-child(2){color:#c9a688}.ba-integrations.integration-hub .hub-guide-art--files{position:relative}.ba-integrations.integration-hub .hub-guide-art--files svg{position:absolute;top:2px;left:0;transform:rotate(-12deg)}.ba-integrations.integration-hub .hub-guide-art--files svg:nth-child(2){top:11px;left:18px;transform:rotate(12deg)}.ba-integrations.integration-hub .hub-guide-art--files svg>path:first-child{fill:#0c100e}.ba-integrations.integration-hub .hub-guide-list h3{font-size:19px;font-weight:550;margin:8px 0 10px}.ba-integrations.integration-hub .hub-guide-list p{font-size:13px;margin-bottom:4px}.ba-integrations.integration-hub .hub-guide-links{display:flex;flex-wrap:wrap;align-items:center;gap:0 18px}.ba-integrations.integration-hub .hub-guide-list .text-link{font-size:12px;min-height:36px}@media (hover:hover){.ba-integrations.integration-hub .hub-card--platform:hover{border-color:var(--platform-accent)}.ba-integrations.integration-hub .hub-client-link:hover{color:#a3e6bd}.ba-integrations.integration-hub .hub-navigation a:hover{color:#d8eee1;background-color:#ffffff04}}@media (max-width:1279px){.ba-integrations.integration-hub .hub-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:1119px){.ba-integrations.integration-hub .hub-directory-layout{grid-template-columns:160px minmax(0,1fr);gap:32px}.ba-integrations.integration-hub .hub-card--platform{padding:20px 18px 16px}.ba-integrations.integration-hub .hub-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ba-integrations.integration-hub .hub-card-grid-four{gap:0 24px}.ba-integrations.integration-hub .hub-usecases{gap:40px}}@media (max-width:980px){.ba-integrations.integration-hub .hub-directory-layout{grid-template-columns:minmax(0,1fr);gap:28px}.ba-integrations.integration-hub .hub-tools{position:static}.ba-integrations.integration-hub .hub-navigation{flex-direction:row;flex-wrap:wrap;gap:0 22px;border-bottom:1px solid #ffffff16}.ba-integrations.integration-hub .hub-navigation a{padding:10px 0;border-left:0;border-bottom:2px solid transparent;font-size:13px}.ba-integrations.integration-hub .hub-navigation a[aria-current=location]{background:transparent;border-bottom-color:#1dde74}.ba-integrations.integration-hub .hub-usecases{grid-template-columns:minmax(0,1fr);gap:36px}.ba-integrations.integration-hub .hub-feature-case h2{max-width:540px}.ba-integrations.integration-hub .hub-result-grid{min-height:230px}.ba-integrations.integration-hub .hub-guide-list{gap:32px}}@media (max-width:760px){.ba-integrations.integration-hub .wrap{width:calc(100% - 40px)}.ba-integrations.integration-hub .hub-hero{min-height:380px;padding:52px 0 40px}.ba-integrations.integration-hub .hub-hero-art{object-position:18% center}.ba-integrations.integration-hub .hub-hero h1{font-size:clamp(42px,8vw,58px)}.ba-integrations.integration-hub .hero-lead{font-size:16px;max-width:330px;margin-top:20px}.ba-integrations.integration-hub .hub-hero .actions{gap:12px 24px;margin-top:26px}.ba-integrations.integration-hub .hub-directory{padding:20px 0 56px}.ba-integrations.integration-hub .section-intro{margin-bottom:22px}.ba-integrations.integration-hub .section-intro h2{font-size:24px}.ba-integrations.integration-hub .hub-card-grid,.ba-integrations.integration-hub .hub-card-grid-four{grid-template-columns:minmax(0,1fr);gap:16px}.ba-integrations.integration-hub .hub-card--platform{padding:18px;min-height:0}.ba-integrations.integration-hub .hub-card--platform .hub-card-top{flex-direction:row;align-items:center;gap:12px;margin-bottom:12px}.ba-integrations.integration-hub .hub-card--platform .hub-icon,.ba-integrations.integration-hub .hub-card--platform .hub-icon img{width:36px;height:36px}.ba-integrations.integration-hub .hub-card--platform .hub-icon>svg{width:28px;height:28px;margin:4px 0}.ba-integrations.integration-hub .hub-group{margin-top:36px}.ba-integrations.integration-hub .hub-clients{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.ba-integrations.integration-hub .hub-client{align-items:flex-start;flex-direction:column;gap:12px;padding:20px 0}.ba-integrations.integration-hub .hub-client-link{min-height:44px}.ba-integrations.integration-hub .hub-results-section{padding:56px 0}.ba-integrations.integration-hub .hub-result-heading{padding:18px 16px;font-size:12px}.ba-integrations.integration-hub .hub-result-grid td,.ba-integrations.integration-hub .hub-result-grid th{padding:14px 12px;font-size:11px}.ba-integrations.integration-hub .hub-result-preview figcaption{padding:10px 16px}.ba-integrations.integration-hub .hub-guide-list{grid-template-columns:minmax(0,1fr);gap:28px;margin-top:40px;padding-top:28px}.ba-integrations.integration-hub .hub-guide-list:after{display:none}.ba-integrations.integration-hub .hub-guide-art{width:68px}}.integration-client-dialog{width:min(640px,calc(100vw - 32px));max-width:min(640px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow-y:auto;gap:20px;padding:28px;border:1px solid #ffffff24;border-radius:18px;background:#0c110f;color:#f7f8f8;font-family:var(--font-website-inter),Inter,ui-sans-serif,sans-serif;box-shadow:0 32px 100px #00000066}.integration-client-dialog .integration-client-dialog-header{display:flex;flex-direction:row;align-items:center;gap:16px;padding-right:20px;text-align:left}.integration-client-dialog .hub-icon{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px}.integration-client-dialog .hub-icon img{width:38px;height:38px;object-fit:contain}.integration-client-logo--monochrome img{filter:brightness(0) invert(1)}.integration-client-kicker{margin:0 0 8px;color:#90a69a;font-size:10px;font-weight:550;letter-spacing:.1em}.integration-client-dialog [data-slot=dialog-title]{margin:0;color:#f7f8f8;font-size:23px;font-weight:580;line-height:1.3;letter-spacing:-.025em}.integration-client-description{margin:0;color:#aeb7b2;font-size:14px;line-height:1.6}.integration-client-prompt{max-height:min(350px,44dvh);overflow-y:auto;margin:0;padding:20px;border:1px solid #ffffff12;border-radius:10px;background:#070b09;color:#d3dcd6;font-family:var(--font-website-mono),ui-monospace,monospace;font-size:12px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;tab-size:2}.integration-client-dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:16px}.integration-client-docs{gap:6px;color:#9ba99f;font-size:13px}.integration-client-dialog .integration-client-copy{min-height:44px;padding:11px 18px;font-size:13px}.integration-client-dialog :is(button,a,pre):focus-visible{outline:2px solid #1dde74;outline-offset:4px}.integration-client-dialog [data-slot=dialog-close]{color:#d3dcd6;cursor:pointer}@media (max-width:480px){.integration-client-dialog{gap:16px;padding:22px 18px;border-radius:14px}.integration-client-dialog [data-slot=dialog-title]{font-size:20px}.integration-client-prompt{padding:16px}.integration-client-docs{font-size:12px}}