.integrations-page{--app-accent:#365274;--app-heading-start:#2c4a6e;--app-heading-end:#5f82ac;--int-section:80px;--int-heading-end:32px;--int-copy-cta:28px}@media (width>=768px) and (width<=1050px){.integrations-page{--app-gutter:24px}}@media (width<=767px){.integrations-page{--int-section:56px;--int-heading-end:28px}}.integrations-hero{--hero-field:clamp(150px, 12vw, 176px);--hero-gap:24px;isolation:isolate;background:#f7f7f7;border-bottom:1px solid #e3e3e3;position:relative;overflow:hidden}.integrations-hero-dither{height:var(--hero-field);z-index:-1;pointer-events:none;position:absolute;inset:auto 0 0;overflow:hidden;mask-image:linear-gradient(#0000,#000 18%)}.integrations-hero-dither>.dither-background{position:absolute;inset:0}.integrations-hero-rail{padding:var(--page-hero-top) 32px calc(var(--hero-field) + var(--hero-gap));text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.integrations-page main .integrations-hero-rail{border-inline-color:#0000}.integrations-hero-rail:before{content:"";border-inline:1px solid var(--color-border);mask-image:linear-gradient(#000 calc(100% - var(--hero-field) - var(--hero-gap)), transparent calc(100% - var(--hero-field) + 24px));pointer-events:none;position:absolute;inset:0}.integrations-page main .integrations-hero h1{font-size:var(--page-title-size);line-height:var(--page-title-leading);font-weight:var(--page-title-weight);letter-spacing:var(--page-title-tracking);color:#171717;text-wrap:balance;margin:0}.integrations-hero-accent{color:var(--app-accent);background:linear-gradient(105deg, var(--app-heading-start), var(--app-heading-end));-webkit-text-fill-color:transparent;background-clip:text;display:block}.integrations-page main .integrations-hero-rail p{max-width:var(--page-intro-measure);font-weight:500;line-height:var(--page-intro-leading);letter-spacing:var(--page-intro-tracking);color:var(--page-intro-color);text-wrap:balance;margin:var(--page-title-gap) auto 0!important;font-size:var(--page-intro-size)!important}.integrations-hero-actions{margin-top:var(--page-actions-gap);justify-content:center;display:flex}.integrations-hero-actions .refresh-button{gap:8px}.integration-directory{background:#fff}.integration-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px 40px;display:flex}.integrations-page .integration-heading{padding:var(--int-section) var(--app-gutter) var(--int-heading-end)}.integration-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.integration-grid-frame{border-top:1px solid var(--color-border);overflow:clip visible}.integration-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin:0 -1px -1px 0;display:grid}.integration-card{--card-bg:#fff;padding:var(--app-gutter,32px);background:var(--card-bg);transition:background-color var(--dur-micro) var(--ease-out-quad);border-bottom:1px solid #e3e3e3;border-right:1px solid #e3e3e3;flex-direction:column;gap:24px;display:flex;position:relative}@media (hover:hover){.integration-card:hover{--card-bg:#fafafa}}.integration-card:focus-visible{outline-offset:-2px;outline:2px solid #707070}.integration-card:hover,.integration-card:focus-visible{z-index:3}.integration-card-top{justify-content:space-between;align-items:center;display:flex}.integration-card-top>svg{color:#9a9a9a;transition:color var(--dur-micro) var(--ease-out-quad), transform var(--dur-micro) var(--ease-out-quint)}@media (hover:hover){.integration-card:hover .integration-card-top>svg{color:#171717;transform:translate(2px)}}.integration-brand{align-items:center;height:46px;display:flex}.integration-brand>img{box-sizing:border-box;object-fit:cover;background:#fff;border-radius:9px;width:42px;height:42px;box-shadow:0 0 0 1px #08090c14}.integration-brand--mark>img{object-fit:contain;padding:8px}.integration-brand .dither-icon-tile{border-radius:9px;width:42px;height:42px;margin:0}@media (hover:hover){.integration-card:hover .dither-icon-tile-glyph{transform:translateY(-1px)}}.integration-card p{max-width:340px;margin-top:12px!important;font-size:15px!important}.integration-group-title{padding:var(--int-section) var(--app-gutter) var(--int-heading-end);border-bottom:1px solid var(--color-border)}.integrations-page main .integration-group-title{color:#171717;font-size:var(--section-title-size);font-weight:600;line-height:var(--section-title-leading);letter-spacing:var(--section-title-tracking);margin:0}@media (width>=768px) and (width<=960px){.integration-group .integration-card:last-child:nth-child(odd){grid-column:1/-1}}.integration-request{grid-column:span var(--rest-3);padding:var(--app-gutter,32px);background:#fafafa;border-bottom:1px solid #e3e3e3;border-right:1px solid #e3e3e3;flex-wrap:wrap;place-content:center space-between;align-items:center;gap:12px 32px;display:flex}.integrations-page main .integration-request h3{letter-spacing:-.03em;font-size:17px;font-weight:550;line-height:1.3}.integrations-page main .integration-request p{max-width:560px;margin-top:4px!important;font-size:15px!important}.integration-request .arrow-link{flex:none;font-size:15px}.integration-works{color:#666;letter-spacing:-.02em;align-items:center;gap:10px;min-width:0;margin-top:auto;font-size:14px;font-weight:500;display:flex;position:relative}.integration-app-stack{isolation:isolate;flex:none;align-items:center;display:flex}.integration-app-stack>span{background:var(--card-bg);transition:background-color var(--dur-micro) var(--ease-out-quad);border-radius:8px;margin:-2px;padding:2px;display:block;position:relative}.integration-app-stack>span+span{margin-left:-5px}.integration-works-text{white-space:nowrap;flex:auto;min-width:0;position:relative;overflow:hidden}.integration-works-names,.integration-works-count{width:max-content;display:block}.integration-works-count{display:none}.integration-works[data-count] .integration-works-names{visibility:hidden;position:absolute}.integration-works[data-count] .integration-works-count{display:block}.integration-works strong{color:#171717;font-weight:550}.integration-works-name{white-space:nowrap}@media (hover:hover){.integration-works-count strong{text-underline-offset:4px;transition:text-decoration-color var(--dur-micro) var(--ease-out-quad);text-decoration:underline 1px dotted #c4c4c4}.integration-works:hover .integration-works-count strong{text-decoration-color:#8f8f8f}}.integration-works-list{z-index:2;max-width:calc(100% + 22px);box-shadow:0 0 0 1px var(--chrome-line), var(--chrome-shadow-float);opacity:0;transition:opacity var(--dur-micro) var(--ease-out-quad), transform var(--dur-micro) var(--ease-out-quint);pointer-events:none;background:#fff;border-radius:12px;gap:2px;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);left:-11px;transform:translateY(-4px)}.integration-works-list>span{color:#171717;letter-spacing:-.01em;white-space:nowrap;align-items:center;gap:9px;height:28px;padding:0 12px 0 5px;font-size:13px;font-weight:500;display:flex}@media (hover:hover){.integration-works[data-count]:hover .integration-works-list{opacity:1;transition-delay:60ms;transform:none}}.integration-card:focus-visible .integration-works-list{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.integration-works-list{transform:none}}@media (width>=768px) and (width<=960px){.integration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.integration-request{grid-column:span var(--rest-2)}.integration-heading{flex-direction:column;align-items:stretch;gap:24px}.integration-heading .app-segments{box-sizing:border-box;width:100%;display:flex}.integration-heading .app-segments button{flex:1 1 0;min-width:0}}@media (width<=767px){.integrations-hero{--hero-field:128px;--hero-gap:24px}.integrations-hero-rail{padding:var(--page-hero-top) 20px calc(var(--hero-field) + var(--hero-gap))}.integrations-page main .integrations-hero-rail p{max-width:330px}.integration-heading{flex-direction:column;align-items:flex-start;gap:24px}.integration-heading .app-segments button,.integration-heading .app-segments-mark{height:44px}.integration-grid{grid-template-columns:1fr}.integration-request{grid-column:auto}.integration-card{grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px 16px;display:grid}.integration-card-top,.integration-card-copy{display:contents}.integration-card .integration-brand{grid-area:1/1;height:42px}.integration-card h3{grid-area:1/2;min-width:0}.integration-card-top>svg{grid-area:1/3}.integration-card p{grid-column:1/-1;max-width:none;margin-top:0!important}.integration-card .integration-works{grid-column:1/-1;margin-top:4px;padding-top:0}.integration-works{align-items:flex-start}.integration-works-text{white-space:normal;text-wrap:balance;line-height:22px}.integration-works-names{width:auto}}.integration-story-tool img,.editorial-byline .integration-story-tool img{box-sizing:border-box;object-fit:cover;background:#fff;border-radius:5px;width:18px;height:18px;box-shadow:0 0 0 1px #08090c14}.editorial-byline .integration-story-tool--mark img{object-fit:contain;padding:3px}.editorial-byline>span>img+img{margin-left:-2px}.editorial-page .integration-plain .editorial-story-dek{margin-inline:0}.integration-related{--app-gutter:32px}@media (width<=767px){.integration-related{--app-gutter:20px}}@media (width>=768px){.integration-related .integration-grid-frame{border-top:0}}.integration-related .integration-card :is(h3,p){margin:0}.integration-related .integration-card h3{letter-spacing:-.035em;font-size:20px;font-weight:600;line-height:1.2}.integration-related .integration-card p{color:#666;line-height:1.45}@media (width>=768px) and (width<=960px){.integration-related .integration-card:nth-child(3){display:none}}.integrations-live{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.integrations-page .directory-mcp-rail{padding:var(--int-section) var(--app-gutter);justify-content:center;align-items:center;gap:64px;display:flex}.integrations-page .directory-mcp-copy{flex:none;width:470px;padding:0}.integrations-page .directory-mcp-copy p{margin-top:16px!important}.integrations-page .directory-mcp-copy ul{margin:var(--int-copy-cta) 0}.integrations-page .directory-mcp-art{min-width:0;height:440px;min-height:0;box-shadow:none;background:#0b0c0e;border-color:#ffffff14;border-radius:24px;flex:1;margin:0}@media (width>=1101px) and (width<=1239px){.integrations-page .directory-mcp-copy{width:420px}}@media (width<=1100px){.integrations-page .directory-mcp-rail{flex-direction:column;align-items:stretch;gap:32px}.integrations-page .directory-mcp-copy{width:100%;max-width:600px}.integrations-page .directory-mcp-art{flex:none;height:440px}}@media (width>=961px) and (width<=1100px){.integrations-page .directory-mcp-copy{max-width:none}.integrations-page .directory-mcp-copy>div{columns:2;column-gap:32px}.integrations-page .directory-mcp-copy>div>*{break-inside:avoid}.integrations-page .directory-mcp-copy>div>ul{break-before:column;margin:0}.integrations-page .directory-mcp-copy>div>ul+*{margin-top:var(--int-copy-cta)}}@media (width<=767px){.integrations-page .directory-mcp-art{border-radius:20px;height:420px}}@media (width<=540px){.integrations-page .directory-mcp-art{height:584px}}.integrations-page .directory-help-card--integrations{grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:56px}.integrations-page .directory-help-card--integrations .directory-help-copy p{margin-top:12px!important}.integrations-page .directory-help-card--integrations .directory-help-copy .refresh-button{margin-top:var(--int-copy-cta)}.integrations-page .directory-help-card--integrations .directory-help-visual{background:#f7f7f7;border:1px solid #ffffff1a;border-radius:20px;height:332px}@media (width>=768px) and (width<=1050px){.integrations-page .directory-help-card--integrations{grid-template-columns:minmax(0,1fr);gap:32px;padding:40px 32px}.integrations-page .directory-help-card--integrations .directory-help-visual{aspect-ratio:auto;height:332px}}@media (width<=767px){.integrations-page .directory-help>.landing-rail{padding:36px 12px}.integrations-page .directory-help-card--integrations{grid-template-columns:minmax(0,1fr);gap:32px;padding:40px 18px 18px}.integrations-page .directory-help-card--integrations .directory-help-copy{text-align:center}.integrations-page .directory-help-card--integrations .directory-help-copy p{margin-inline:auto!important}.integrations-page .directory-help-card--integrations .directory-help-visual{aspect-ratio:auto;border-radius:18px;height:480px}}@keyframes kc-typing{0%,60%,to{opacity:.35}30%{opacity:1}}.kc-typing{animation:1.1s ease-in-out infinite kc-typing}[data-clock=hold] .kc-typing{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.kc-typing{animation:none}}.integration-empty{border-top:1px solid var(--color-border)}@media (width<=767px){.integration-heading>:last-child{width:100%}}.integration-grid-frame>.integration-empty{border-top:0;border-bottom:1px solid var(--color-border)}@media (width<=767px){.integrations-page main .refresh-button{position:relative}.integrations-page main .refresh-button:before{content:"";position:absolute;inset:-1px 0}}.integrations-page .directory-faq .app-faq-grid{padding-block:var(--int-section)}.integration-plain .article-reading{padding-bottom:64px}.integration-part+.integration-part,.editorial-prose+.integration-part{border-top:1px solid #e3e3e3;margin-top:64px;padding-top:56px}.editorial-page .integration-part-title{letter-spacing:-.05em;color:#171717;align-items:center;gap:12px;margin:0 0 24px;scroll-margin-top:100px;font-size:30px;font-weight:600;line-height:1.2;display:flex}.integration-part-title img{border-radius:8px;flex:none;width:32px;height:32px}@media (width<=767px){.integration-plain .article-reading{padding-bottom:48px}.editorial-page .integration-part-title{font-size:25px}.integration-part+.integration-part,.editorial-prose+.integration-part{margin-top:48px;padding-top:40px}}.integration-starter-apps{max-width:var(--prose-width);margin:0 auto;padding:0 0 72px;list-style:none}.integration-starter-apps li{border-top:1px solid #e3e3e3;align-items:flex-start;gap:14px;padding:18px 0;display:flex}.integration-starter-apps li:last-child{border-bottom:1px solid #e3e3e3}.integration-starter-apps img{border-radius:7px;flex:none}.integration-starter-apps span{color:#666;letter-spacing:-.02em;gap:4px;font-size:16px;line-height:1.5;display:grid}.integration-starter-apps b{color:#171717;font-weight:600}@media (width<=767px){.integration-starter-apps{padding-bottom:56px}}.editorial-page .editorial-byline>.integration-byline-apps{flex-wrap:wrap;align-items:center;gap:6px 14px;display:inline-flex}.integration-byline-app{color:#171717;align-items:center;gap:6px;font-weight:500;display:inline-flex}.integration-byline-app img{border-radius:5px;flex:none}