.integrations-page{--integration-muted: #64616e;--integration-border: #e4e1ec;font-weight:400;-webkit-font-smoothing:antialiased}.integrations-page [hidden]{display:none!important}.integrations-page section{padding-inline:28px}.integrations-page h1,.integrations-page h2,.integrations-page h3{font-family:var(--font-primary);color:#17131e;text-wrap:balance}.integrations-page p{text-wrap:pretty}.integrations-page img[src="/common/ai/claude-icon.svg"]{filter:brightness(0)}.integrations-page h2{font-size:clamp(32px,3.4vw,48px);font-weight:500;line-height:1.12;letter-spacing:-1.8px}.integrations-page a:focus-visible,.integrations-page button:focus-visible,.integrations-page input:focus-visible,.integrations-page summary:focus-visible{outline:2px solid var(--color-highlight);outline-offset:2px}.integrations-page #directory,.integrations-page #mcp{scroll-margin-top:108px}.integrations-page svg{flex-shrink:0}.integrations-container{max-width:1240px;margin-inline:auto}.integrations-eyebrow{color:#4f39f6;font-size:13px;font-weight:600}.integrations-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px}.integrations-text-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:13px;font-weight:600;color:#4f39f6;text-decoration:none}.integrations-hero{padding-top:120px}.integrations-hero__layout{display:grid;grid-template-columns:1fr 1.06fr;gap:26px;align-items:center;padding-bottom:56px}.integrations-hero__copy{padding-bottom:30px}.integrations-hero h1{font-size:clamp(44px,4.8vw,66px);line-height:1.08;font-weight:500;letter-spacing:-3.1px;margin:24px 0}.integrations-hero h1>span{color:#4f39f6}.integrations-hero__description{font-size:16px;line-height:1.75;color:var(--integration-muted);margin-bottom:32px;max-width:440px}.integration-network{display:block;min-width:0;position:relative;isolation:isolate}.integration-network:before{content:"";position:absolute;inset:-4% -2% 18%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 54% 48%,rgba(79,57,246,.2196078431) 0%,rgba(141,116,255,.0941176471) 37%,transparent 69%)}.integration-network__stage{overflow:clip;overflow-clip-margin:12px;position:relative;height:390px;margin-bottom:13px}.integration-network__floor{position:absolute;inset:19% -3% 1%;z-index:-1;border:1px solid rgba(255,255,255,.7882352941);border-radius:50%;background:radial-gradient(ellipse,#e3dcff,#f0edf880 46%,#fbfafb00 72%);transform:perspective(700px) rotateX(54deg) rotate(-12deg);box-shadow:0 25px 65px #503c8c09,inset 0 1px 2px #fffc,inset 0 0 50px #ffffff80}.integration-network__floor:before,.integration-network__floor:after{content:"";position:absolute;inset:11%;border:1px solid rgba(255,255,255,.6901960784);border-radius:inherit}.integration-network__floor:after{inset:24%}.integration-network__lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.integration-network__lines path{stroke:#d9d4e5;stroke-width:1.3;transition:stroke .26s ease}.integration-network__hub{position:absolute;top:50%;left:50%;width:130px;height:138px;transform:translate(-50%,-50%);perspective:700px;z-index:2}.integration-network__hub-face{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px solid #b7acff;border-radius:28px;background:linear-gradient(145deg,#9888ff,#6953fc 38%,#4f39f6 80%);box-shadow:inset 0 2px 2px #ffffff8a,inset -2px -2px 5px #28188066,3px 8px #3721c2,4px 10px #7967df,8px 26px 32px #4f39f632;transform:rotateX(12deg) rotateY(-15deg) rotate(-7deg)}.integration-network__hub-face:after{content:"";position:absolute;inset:5px;border:1px solid rgba(255,255,255,.1294117647);border-radius:23px;pointer-events:none}.integration-network__hub img{width:60px;height:60px}.integration-network__hub span{font-family:var(--font-primary);font-size:15px;font-weight:500;color:#fff}.integration-network__node{border:1px solid #fff;background:#fffc;box-shadow:inset 0 1px 1px #ffffffe6,inset 0 -1px 1px #ffffff59,0 8px 28px #2a204b0b}@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)){.integration-network__node{background:#ffffff59;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}.integration-network__node{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:118px;min-height:94px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:15px 7px 13px;outline:1px solid transparent;border-radius:17px;font-size:11px;font-weight:500;color:#514b5e;text-decoration:none;text-align:center;transition:transform .24s ease,box-shadow .24s ease,outline-color .24s ease,color .24s ease}.integration-network__node img{width:33px;height:33px;flex-shrink:0;object-fit:contain}.integration-network__node span{display:block;width:100%;line-height:1.4}.integration-network__node-arrow{position:absolute;top:9px;right:9px;color:#4f39f6;opacity:0;transition:opacity .18s ease}.integration-network[data-mode=measure] path[data-connection=measure]{stroke:#9584f5;stroke-width:1.7}.integration-network[data-mode=measure] a[data-connection=measure]{outline-color:#c5bafa;color:#27202f;box-shadow:0 3px 2px #22143f05,0 12px 26px #5943aa14;transform:translate(-50%,calc(-50% - 5px))}.integration-network[data-mode=publish] path[data-connection=publish]{stroke:#9584f5;stroke-width:1.7}.integration-network[data-mode=publish] a[data-connection=publish]{outline-color:#c5bafa;color:#27202f;box-shadow:0 3px 2px #22143f05,0 12px 26px #5943aa14;transform:translate(-50%,calc(-50% - 5px))}.integration-network[data-mode=extend] path[data-connection=extend]{stroke:#9584f5;stroke-width:1.7}.integration-network[data-mode=extend] a[data-connection=extend]{outline-color:#c5bafa;color:#27202f;box-shadow:0 3px 2px #22143f05,0 12px 26px #5943aa14;transform:translate(-50%,calc(-50% - 5px))}.integration-network__controls{border:1px solid #fff;background:#fffc;box-shadow:inset 0 1px 1px #ffffffe6,inset 0 -1px 1px #ffffff59,0 8px 28px #2a204b0b}@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)){.integration-network__controls{background:#ffffff59;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}.integration-network__controls{display:flex;width:max-content;max-width:100%;padding:5px;margin-inline:auto;gap:2px;border-radius:13px}.integration-network__controls button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:0 15px;border:1px solid transparent;border-radius:8px;font:inherit;font-size:12px;font-weight:500;color:#675f76;background:none;cursor:pointer;transition:background-color .18s ease,box-shadow .18s ease,color .18s ease,transform .18s ease}.integration-network__controls button[aria-pressed=true]{border:1px solid #fff;background:#fffc;box-shadow:inset 0 1px 1px #ffffffe6,inset 0 -1px 1px #ffffff59,0 8px 28px #2a204b0b}@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)){.integration-network__controls button[aria-pressed=true]{background:#ffffffb3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}}.integration-network__controls button[aria-pressed=true]{color:#4f39f6;border-color:#e6e0f0}.integration-network__controls button:active{transform:scale(.96)}.integration-network__caption{min-height:69px;text-align:center;padding-top:19px}.integration-network__caption strong{font-family:var(--font-primary);font-size:14px;font-weight:500}.integration-network__caption p{margin-top:5px;color:var(--integration-muted);font-size:11px;line-height:1.6}.integrations-outcomes{display:grid;grid-template-columns:repeat(3,1fr);padding:29px 0;border-block:1px solid var(--integration-border);gap:28px}.integrations-outcomes>div{display:flex;gap:14px;align-items:center}.integrations-outcomes__icon{display:flex;justify-content:center;align-items:center;flex-shrink:0;width:45px;height:45px;color:#4f39f6;border-radius:13px;border:1px solid #e4dff1;background:#f3f0fa;box-shadow:inset 0 1px #fff}.integrations-outcomes p{display:flex;flex-direction:column;gap:5px}.integrations-outcomes strong{font-family:var(--font-primary);font-size:15px;font-weight:500}.integrations-outcomes p>span{font-size:11px;line-height:1.5;color:var(--integration-muted)}.integrations-catalog{padding-block:98px 110px}.integration-directory{display:block}.integration-directory__top{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:44px}.integration-directory__top p{color:var(--integration-muted);margin-top:15px;font-size:14px;line-height:1.7}.integration-search{border:1px solid #fff;background:#fffc;box-shadow:inset 0 1px 1px #ffffffe6,inset 0 -1px 1px #ffffff59,0 8px 28px #2a204b0b}@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)){.integration-search{background:#ffffff73;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}.integration-search{display:flex;align-items:center;gap:10px;min-width:285px;border-radius:12px;padding:15px 16px;color:#777381;transition:border-color .18s ease,box-shadow .18s ease}.integration-search:focus-within{border-color:#9686fa;box-shadow:0 0 0 3px #4f39f60c}.integration-search input{width:100%;min-width:0;border:0;font:inherit;font-size:13px;color:#17131e;background:none}.integration-search input::placeholder{color:#76707e}.integration-search input:focus-visible{outline:none}.integration-directory__layout{display:flex;align-items:flex-start;gap:30px}.integration-directory__sidebar{position:sticky;top:108px;flex:0 0 228px}.integration-filters{display:flex;flex-direction:column;gap:6px}.integration-filters button{display:flex;align-items:center;gap:9px;width:100%;min-height:46px;border:1px solid transparent;border-radius:10px;padding:11px 10px;background:transparent;color:var(--font-color-light);font-family:var(--font-primary);font-size:12px;font-weight:400;line-height:1.4;text-align:left;cursor:pointer;transition:color .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}.integration-filters button svg{opacity:.8}.integration-filters button:hover{background:#ffffff40}.integration-filters button[aria-pressed=true]{border:1px solid #fff;background:#fffc;box-shadow:inset 0 1px 1px #ffffffe6,inset 0 -1px 1px #ffffff59,0 8px 28px #2a204b0b}@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)){.integration-filters button[aria-pressed=true]{background:#ffffff73;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}}.integration-filters button[aria-pressed=true]{color:var(--font-color-secondary)}.integration-filters button[aria-pressed=true] svg{color:var(--color-highlight);opacity:1}.integration-filters button:active{transform:scale(.98)}.integration-filters__count{flex-shrink:0;margin-left:auto;font-size:11px;font-variant-numeric:tabular-nums;color:var(--font-color-grey)}.integration-directory__help{border:1px solid #fff;background:#fffc;box-shadow:inset 0 1px 1px #ffffffe6,inset 0 -1px 1px #ffffff59,0 8px 28px #2a204b0b}@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)){.integration-directory__help{background:#ffffff4d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.integration-directory__help{margin-top:26px;padding:22px 18px;border-radius:16px}.integration-directory__help h3{margin:16px 0 9px;font-size:17px;font-weight:500;letter-spacing:-.4px}.integration-directory__help p{color:var(--integration-muted);font-size:12px;line-height:1.7}.integration-directory__help a{display:inline-flex;align-items:center;gap:8px;margin-top:9px;min-height:44px;color:#4f39f6;font-size:11px;font-weight:600;line-height:1.6}.integration-directory__results{min-width:0;flex:1}.integration-result-count{font-size:12px;font-variant-numeric:tabular-nums;color:var(--integration-muted);margin-bottom:17px}.integration-grid{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.integration-grid:before{content:"";position:absolute;inset:-30px -12px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 42% 28% at 58% 28%,rgba(79,57,246,.1490196078) 0%,transparent 100%),radial-gradient(ellipse 44% 25% at 44% 70%,rgba(141,81,255,.1254901961) 0%,transparent 100%)}.integration-card{border:1px solid #fff;background:#fffc;box-shadow:inset 0 1px 1px #ffffffe6,inset 0 -1px 1px #ffffff59,0 8px 28px #2a204b0b}@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)){.integration-card{background:#ffffff61;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.integration-card{position:relative;isolation:isolate;display:flex;flex-direction:column;padding:20px;min-height:252px;border-radius:18px;text-decoration:none;transition:border-color .22s ease,box-shadow .22s ease}.integration-card:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#ffffff50,#fff0 42%,#4f39f60a);opacity:0;transition:opacity .22s ease}.integration-card__top{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:48px;margin-bottom:16px}.integration-card__logo{display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex-shrink:0;border:1px solid #fff;border-radius:14px;background:#ffffff80;box-shadow:0 3px 5px #22123f05,inset 0 1px 2px #ffffffd9}.integration-card__logo img{width:32px;height:32px;object-fit:contain}.integration-card__badge{font-size:9px;line-height:1.4;font-weight:500;color:#696174;background:#f6f3fa;border:1px solid #eee8f5;padding:5px 7px;border-radius:6px}.integration-card h3{font-size:19px;line-height:1.3;font-weight:500;letter-spacing:-.5px;margin-bottom:8px;text-wrap:initial}.integration-card>p{font-size:13px;line-height:1.65;color:var(--integration-muted);margin-bottom:16px}.integration-card__link{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;font-size:11px;font-weight:500;color:#7a7187;transition:color .18s ease}.integration-card__link>span{display:flex;align-items:center;justify-content:center;width:29px;height:29px;color:#4f39f6;border:1px solid #e6e0f1;border-radius:50%;background:#fcfbff;transition:background-color .18s ease,color .18s ease}.integration-empty{padding:60px 24px;text-align:center;border:1px dashed #c5bedb;border-radius:18px}.integration-empty h3{font-size:24px;margin-bottom:12px}.integration-empty p{color:var(--integration-muted);font-size:14px;line-height:1.7}.integration-empty>div{display:flex;flex-wrap:wrap;justify-content:center;gap:25px;margin-top:25px}.integration-empty button,.integration-empty a{min-height:44px;font:inherit;font-size:13px;color:#4f39f6;text-decoration:underline;border:0;background:none;cursor:pointer}.integrations-mcp>.integrations-container{position:relative;isolation:isolate}.integrations-mcp>.integrations-container:before{content:"";position:absolute;inset:-9% 0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 32% 50% at 68% 50%,rgba(79,57,246,.2901960784) 0%,rgba(141,81,255,.1254901961) 45%,transparent 100%)}.integrations-mcp__panel{border:1px solid #fff;background:#fffc;box-shadow:inset 0 1px 1px #ffffffe6,inset 0 -1px 1px #ffffff59,0 8px 28px #2a204b0b}@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)){.integrations-mcp__panel{background:#ffffff40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}.integrations-mcp__panel{position:relative;isolation:isolate;display:grid;grid-template-columns:1.08fr 1fr;gap:70px;padding:62px;border-radius:28px}.integrations-mcp .integrations-eyebrow{font-size:12px;margin-bottom:21px}.integrations-mcp h2{font-size:clamp(30px,3.2vw,44px);letter-spacing:-1.6px}.integrations-mcp__copy>p:not(.integrations-eyebrow){max-width:470px;color:var(--integration-muted);font-size:14px;line-height:1.9;margin-top:23px}.integrations-mcp ul{margin:25px 0 28px;display:flex;flex-direction:column;gap:13px}.integrations-mcp li{display:flex;align-items:flex-start;gap:10px;color:#51495f;font-size:12px;line-height:1.6}.integrations-mcp li>svg{margin-top:1px;color:#4f39f6}.integrations-mcp .integrations-actions{justify-content:flex-start;gap:20px}.integrations-mcp__button{display:inline-flex;align-items:center;gap:16px;min-height:46px;background:#4f39f6;color:#fff;font-size:12px;font-weight:600;padding:13px 17px;border:1px solid #7562fc;border-radius:10px;box-shadow:inset 0 1px #fff3,0 3px 6px #4f39f621;transition:transform .18s ease,background-color .18s ease}.integrations-mcp__button:hover{background:#432be8}.integrations-mcp__button:active{transform:scale(.97)}.integrations-mcp .integrations-text-link{font-size:12px}.integrations-mcp__visual{position:relative;align-self:center;padding-block:10px}.integrations-mcp__visual:before{content:"";position:absolute;z-index:-1;inset:14% -4% -3%;border:1px solid rgba(255,255,255,.7019607843);border-radius:30px;transform:rotate(-6deg);background:#ffffff2e;box-shadow:inset 0 1px 1px #ffffffb3,0 12px 36px #4f39f608}.mcp-clients{display:flex;align-items:center;justify-content:center;gap:10px}.mcp-clients>span{border:1px solid #fff;background:#fffc;box-shadow:inset 0 1px 1px #ffffffe6,inset 0 -1px 1px #ffffff59,0 8px 28px #2a204b0b}@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)){.mcp-clients>span{background:#ffffff73;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}}.mcp-clients>span{display:flex;align-items:center;justify-content:center;gap:8px;min-height:49px;padding:13px 14px;color:#242130;border-radius:12px;font-size:12px;white-space:nowrap}.mcp-clients>span:first-child{transform:rotate(-4deg) translateY(6px)}.mcp-clients>span:last-child{transform:rotate(4deg) translateY(6px)}.mcp-clients img{object-fit:contain;flex-shrink:0}.mcp-connection{display:flex;flex-direction:column;align-items:center}.mcp-connection>span{height:24px;width:1px;background:#b7a5e7}.mcp-connection img{padding:10px;border:1px solid #9684fd;border-radius:15px;background:linear-gradient(145deg,#8975ff,#4f39f6);box-shadow:inset 0 1px 1px #ffffff75,0 4px #d5c8f2,0 6px 13px #4f39f62b}.mcp-workflows{border:1px solid #fff;background:#fffc;box-shadow:inset 0 1px 1px #ffffffe6,inset 0 -1px 1px #ffffff59,0 8px 28px #2a204b0b}@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)){.mcp-workflows{background:#ffffff7a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}.mcp-workflows{padding:25px;border-radius:18px;color:#17131e}.mcp-workflows>p{color:#736b87;font-size:11px;margin-bottom:17px}.mcp-workflows>div{display:flex;gap:12px;align-items:flex-start;padding:16px 0;border-top:1px solid #eeebf4}.mcp-workflows>div:last-child{padding-bottom:0}.mcp-workflows>div>span{display:flex;align-items:center;justify-content:center;background:#f4f0ff;color:#4f39f6;width:34px;height:34px;border:1px solid #ece5fa;border-radius:10px;flex-shrink:0}.mcp-workflows strong{display:block;font-size:12px;font-weight:600;line-height:1.4}.mcp-workflows p span{display:block;font-size:11px;line-height:1.6;color:#736b87;margin-top:4px}.mcp-permissions{text-align:center;color:#756780;font-size:10px;margin-top:18px}.integrations-faq{padding-block:112px}.integrations-faq__layout{display:grid;grid-template-columns:1fr 1.35fr;gap:90px}.integrations-faq__layout>div>p{margin:22px 0 10px;color:var(--integration-muted);font-size:14px}.integrations-faq details{border-bottom:1px solid var(--integration-border)}.integrations-faq details:first-child{border-top:1px solid var(--integration-border)}.integrations-faq summary{display:flex;justify-content:space-between;align-items:center;gap:20px;cursor:pointer;list-style:none;font-family:var(--font-primary);font-size:17px;line-height:1.4;padding:24px 0}.integrations-faq summary::-webkit-details-marker{display:none}.integrations-faq summary>span{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;color:#4f39f6;border:1px solid #e5def1;border-radius:50%;transition:transform .22s ease,background-color .22s ease}.integrations-faq details[open] summary>span{transform:rotate(45deg);background:#eee9fb}.integrations-faq details>p{font-size:13px;line-height:1.9;color:var(--integration-muted);padding:0 30px 25px 0}.integrations-cta{text-align:center;padding-block:50px 120px;background:radial-gradient(ellipse at 50% 85%,#e8e3ff 0%,transparent 65%)}.integrations-cta img{margin:0 auto 20px}.integrations-cta h2{font-size:clamp(38px,4.4vw,60px);letter-spacing:-2.3px}.integrations-cta p{margin:24px 0 28px;color:var(--integration-muted);font-size:15px}.integrations-cta .simple-btn{display:inline-flex}.integrations-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media (hover: hover) and (pointer: fine){.integration-network a.integration-network__node:hover{outline-color:#ac9bea;box-shadow:0 5px 5px #29144905,0 16px 28px #5943aa20}.integration-network__node:hover .integration-network__node-arrow{opacity:1}.integration-card:hover{border-color:#c3b4eb;box-shadow:0 5px 10px #35205807,0 14px 30px #3520580c}.integration-card:hover:before{opacity:1}.integration-card:hover .integration-card__link{color:#4f39f6}.integration-card:hover .integration-card__link>span{background:#4f39f6;color:#fff}}@media (prefers-reduced-motion: no-preference){.integrations-hero__copy{animation:integration-reveal .65s cubic-bezier(.16,1,.3,1) both}.integration-network__hub{animation:integration-hub-reveal .8s cubic-bezier(.16,1,.3,1) both}.integration-network__node{animation:integration-node-reveal .7s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(90ms + var(--node-index) * 55ms)}.integration-network__caption>div{animation:integration-reveal .26s ease-out both}}@keyframes integration-reveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes integration-hub-reveal{0%{opacity:0;translate:0 15px}to{opacity:1;translate:0 0}}@keyframes integration-node-reveal{0%{opacity:0;translate:0 13px}to{opacity:1;translate:0 0}}@media (max-width: 1100px){.integrations-hero__layout{grid-template-columns:1fr 1.05fr;gap:18px}.integrations-hero h1{font-size:52px;letter-spacing:-2.5px}.integrations-hero__description{font-size:15px}.integrations-hero .integrations-actions{gap:10px 18px}.integration-network__node{width:100px;min-height:89px;font-size:10px}.integration-network__stage{height:360px}.integration-network__hub{width:112px;height:120px}.integration-network__hub img{width:50px;height:50px}.integration-network__controls button{padding-inline:12px}.integration-directory__sidebar{flex-basis:218px}.integration-directory__layout{gap:24px}.integration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.integrations-mcp__panel{padding:40px;gap:34px}.mcp-clients{gap:6px}.mcp-clients>span{padding:12px 9px;font-size:11px}.integrations-outcomes>div{gap:10px}.integrations-outcomes strong{font-size:13px}}@media (max-width: 800px){.integrations-hero{padding-top:126px}.integrations-hero__layout{grid-template-columns:1fr;gap:14px;padding-bottom:38px}.integrations-hero__copy{padding-bottom:0;text-align:center}.integrations-hero h1{font-size:clamp(46px,7.5vw,60px)}.integrations-hero__description{margin-inline:auto;margin-bottom:22px}.integrations-hero .integrations-actions{justify-content:center;gap:18px}.integration-network{width:100%;max-width:560px;margin-inline:auto}.integration-network__stage{height:350px}.integration-network__node{width:112px}.integrations-outcomes{gap:20px}.integrations-outcomes>div{align-items:flex-start;flex-direction:column}.integrations-outcomes p>span{font-size:11px}.integration-directory__top{flex-direction:column;align-items:stretch;gap:24px}.integration-search{min-width:0}.integration-directory__layout{flex-direction:column;gap:22px}.integration-directory__sidebar{position:static;flex-basis:auto;width:100%}.integration-filters{flex-direction:row;flex-wrap:wrap;gap:8px}.integration-filters button{width:auto;padding:10px 13px;gap:9px;border-color:#0000000f}.integration-directory__help{display:none}.integration-directory__results{width:100%}.integrations-mcp__panel{grid-template-columns:1fr;padding:40px;gap:42px}.integrations-mcp__copy>p:not(.integrations-eyebrow){max-width:none}.integrations-mcp__visual{max-width:420px;width:100%;margin-inline:auto}.integrations-faq__layout{grid-template-columns:1fr;gap:38px}.integrations-catalog,.integrations-faq{padding-block:72px}}@media (max-width: 540px){.integrations-page section{padding-inline:20px}.integrations-hero{padding-top:114px}.integrations-hero h1{font-size:clamp(34px,8.9vw,48px);letter-spacing:-1.8px;margin-block:19px}.integrations-eyebrow{font-size:12px}.integrations-hero__description{font-size:14px;max-width:330px}.desktop-break{display:none}.integrations-hero .integrations-actions{gap:12px}.integration-network__stage{height:320px;margin-top:8px}.integration-network__floor{inset-inline:3%}.integration-network__node{width:88px;min-height:84px;border-radius:14px;padding:12px 5px 10px;gap:8px;font-size:10px}.integration-network__node img{width:28px;height:28px}.integration-network__hub{width:94px;height:100px}.integration-network__hub-face{border-radius:22px;gap:5px}.integration-network__hub-face:after{border-radius:17px}.integration-network__hub img{width:42px;height:42px}.integration-network__hub span{font-size:12px}.integration-network__controls{padding:4px;border-radius:12px}.integration-network__controls button{padding-inline:11px;font-size:11px;gap:5px}.integration-network__caption{padding-top:16px;min-height:78px}.integration-network__caption strong{font-size:13px}.integration-network__caption p{max-width:265px;margin-inline:auto}.integrations-outcomes{grid-template-columns:1fr;gap:23px;padding-block:27px}.integrations-outcomes>div{flex-direction:row;align-items:center;gap:15px}.integrations-outcomes strong{font-size:14px}.integrations-outcomes p>span{font-size:11px}.integration-directory__top{margin-bottom:25px}.integration-directory__top p{font-size:13px}.integration-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.integration-filters button{width:100%;font-size:12px;padding:8px 10px;gap:6px}.integration-filters button svg{display:none}.integration-grid{grid-template-columns:1fr;gap:14px}.integration-card{min-height:0}.integration-card>p{font-size:13px}.integration-card__link{font-size:12px}.integrations-mcp__panel{padding:32px 22px;border-radius:22px;gap:36px}.integrations-mcp h2{font-size:32px}.integrations-mcp__copy>p:not(.integrations-eyebrow){font-size:13px}.integrations-mcp .integrations-actions{gap:7px}.mcp-clients>span{flex-direction:column;padding:11px 9px;flex:1;font-size:10px;gap:7px}.mcp-workflows{padding:18px 15px}.mcp-workflows strong{font-size:11px}.mcp-workflows p span{font-size:10px}.mcp-workflows>div{gap:9px}.mcp-workflows>div>span{width:28px;height:28px}.integrations-faq summary{font-size:16px}.integrations-cta{padding-bottom:80px}.integrations-cta h2{font-size:38px;letter-spacing:-1.8px}.integrations-cta p{font-size:14px}}@media (max-width: 360px){.integration-network__node{width:76px;font-size:9px}.integration-network__hub{width:84px;height:92px}.integration-network__controls button{padding-inline:8px}}@media (prefers-reduced-motion: reduce){.integrations-page *,.integrations-page *:before,.integrations-page *:after{transition:none!important;animation:none!important}}
