.integrations-page{background:var(--tofupilot-neutral-100)}.integration-map{border:1px solid var(--tofupilot-neutral-300);grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:64px;display:grid}.integration-map>a{background:#fff;flex-direction:column;align-items:flex-start;padding:24px;text-decoration:none;display:flex}.integration-map>a+a{border-left:1px solid var(--tofupilot-neutral-300)}.integration-map a:hover{background:var(--tofupilot-neutral-100)}.integration-icon{flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.integration-icon>svg,.integration-icon>img{object-fit:contain;width:28px;height:28px}.integration-map small{font:11px/1.5 var(--font-mono);color:var(--tofupilot-neutral-600);margin:12px 0 8px;display:block}.integration-map strong{letter-spacing:-.03em;font-size:20px;font-weight:500}.integration-map p{color:var(--tofupilot-neutral-600);margin:8px 0 18px;font-size:14px;line-height:1.6}.integration-map>a>svg:last-child{margin-top:auto}.integration-section,.integration-sdk-section{padding-block:64px;scroll-margin-top:28px}.integration-section-heading{grid-template-columns:1fr 1fr;align-items:end;gap:64px;margin-bottom:32px;display:grid}.integrations-page :is(.integration-section-heading,.integration-directory-heading) .v2-kicker{color:var(--tofupilot-neutral-600);margin:0 0 18px}.integrations-page :is(.integration-section-heading,.integration-directory-heading) h2{letter-spacing:-.045em;margin:0;font-size:clamp(30px,3.5vw,46px);font-weight:600;line-height:1.1}.integration-section-heading>p{max-width:46ch;color:var(--tofupilot-neutral-600);margin:0;font-size:16px;line-height:1.65}.integration-sdk-section{background:var(--tofupilot-neutral-800);color:var(--tofupilot-neutral-100)}.integrations-page .integration-sdk-section .v2-kicker,.integration-sdk-section .integration-section-heading>p{color:var(--tofupilot-neutral-300)}.integration-data-flow{border-block:1px solid var(--tofupilot-neutral-600);grid-template-columns:1fr 24px 1fr 24px 1fr;align-items:center;gap:22px;margin-bottom:30px;padding:24px 0;display:grid}.integration-data-flow>div{align-items:center;gap:14px;display:flex}.integration-data-flow>div>svg{flex-shrink:0}.integration-data-flow span{font-size:15px}.integration-data-flow small{color:var(--tofupilot-neutral-400);margin-top:5px;font-size:12px;display:block}.integration-languages{border:1px solid var(--tofupilot-neutral-600);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.integration-languages button{font:500 14px/1.4 var(--font-sans);cursor:pointer;border-bottom:2px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 8px;display:flex}.integration-languages button[aria-pressed=true]{border-bottom-color:var(--tofupilot-neutral-100);background:var(--tofupilot-neutral-700)}.integration-code{background:var(--tofupilot-neutral-800);color:var(--tofupilot-neutral-200);border:1px solid var(--tofupilot-neutral-600);border-top:0}.integration-code header{border-bottom:1px solid var(--tofupilot-neutral-600);font:12px/1.5 var(--font-mono);flex-wrap:wrap;justify-content:space-between;gap:12px;padding:16px 24px;display:flex}.integration-code header a{align-items:center;gap:8px;display:flex}.integration-code pre{min-height:460px;font:13px/1.7 var(--font-mono);tab-size:4;margin:0;padding:24px;overflow-x:auto}.integration-code-reduced{display:none}.integration-caret{color:#c4b5fd}.integration-code-context{color:var(--tofupilot-neutral-400);max-width:95ch;margin:14px 0 0;font-size:12px;line-height:1.6}.integration-directory-heading{justify-content:space-between;align-items:end;gap:32px;margin-bottom:28px;display:flex}.integration-directory-heading>p{max-width:46ch;color:var(--tofupilot-neutral-600);margin:0;font-size:15px;line-height:1.6}.integration-directory-heading a,.integration-mcp a{align-items:center;gap:10px;font-size:14px;display:inline-flex}.integration-directory-section{border-top:1px solid var(--tofupilot-neutral-300)}.integration-cards{gap:12px;display:grid}.integration-cards>a{border:1px solid var(--tofupilot-neutral-300);background:#fff;align-items:center;gap:12px;min-width:0;padding:18px;text-decoration:none;transition:border-color .2s;display:flex}.integration-cards a:hover{border-color:var(--tofupilot-neutral-800)}.integration-cards h3{letter-spacing:-.025em;margin:0 0 5px;font-size:17px;font-weight:500}.integration-cards p{color:var(--tofupilot-neutral-600);margin:0;font-size:12px;line-height:1.55}.integration-cards>a>svg:last-child{flex-shrink:0;margin-left:auto}.integration-framework-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.integration-import-cards,.integration-tool-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.integration-import-cards code{font:11px/1.5 var(--font-mono);color:var(--tofupilot-neutral-600);margin-left:auto}.integration-import-cards>a>svg:last-child{margin-left:0}.integration-mcp{border-top:1px solid var(--tofupilot-neutral-300);align-items:center;gap:24px;margin-top:32px;padding-top:28px;display:flex}.integration-mcp h3{letter-spacing:-.03em;margin:0 0 8px;font-size:21px;font-weight:500}.integration-mcp p{color:var(--tofupilot-neutral-600);max-width:70ch;margin:0;font-size:14px;line-height:1.6}.integration-mcp a{flex-shrink:0;margin-left:auto}.integrations-page :focus-visible{outline:2px solid var(--brand-focus,var(--tofupilot-active));outline-offset:4px}@media (prefers-reduced-motion:reduce){.integration-code-motion{display:none}.integration-code-reduced{display:inline}}@media (max-width:1000px){.integration-map{grid-template-columns:repeat(2,minmax(0,1fr))}.integration-map>a:nth-child(3){border-left:0}.integration-map>a:nth-child(n+3){border-top:1px solid var(--tofupilot-neutral-300)}.integration-import-cards,.integration-tool-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.integration-languages{grid-template-columns:repeat(3,minmax(0,1fr))}.integration-data-flow{gap:14px}.integration-data-flow>div{flex-direction:column;align-items:flex-start}}@media (max-width:700px){.integration-map{margin-bottom:44px}.integration-map>a{padding:18px}.integration-map strong{font-size:18px}.integration-section,.integration-sdk-section{padding-block:44px}.integration-section-heading{grid-template-columns:1fr;gap:20px}.integration-directory-heading{flex-direction:column;align-items:flex-start;gap:20px}.integration-framework-cards,.integration-import-cards,.integration-tool-cards{grid-template-columns:1fr}.integration-data-flow{grid-template-columns:1fr;gap:18px}.integration-data-flow>div{flex-direction:row}.integration-data-flow>svg{margin-left:1px;transform:rotate(90deg)}.integration-code pre{min-height:405px;padding:18px;font-size:11px}.integration-languages button{gap:4px;padding:8px 4px;font-size:12px}.integration-languages .integration-icon{width:32px}.integration-mcp{flex-wrap:wrap;gap:16px}.integration-mcp>div{flex:1;min-width:190px}.integration-mcp a{margin-left:0}}.integration-sdk-section .integration-languages img[src*=rust]{filter:brightness(0)invert()}