@layer components{.integrations-hero{min-height:clamp(36rem,58vw,47.5625rem);margin-top:calc(0px - var(--global-site-navbar-offset-top) - var(--global-site-navbar-height));padding-top:calc(var(--global-site-navbar-offset-top) + var(--global-site-navbar-height));background:var(--bg-subtle);color:var(--fg-base);isolation:isolate;scroll-margin-top:calc(var(--global-site-navbar-shell-height) + 1rem);align-items:center;display:flex;position:relative;overflow:clip}.integrations-hero__shell{z-index:2;width:100%;padding-block:clamp(2.5rem,6vw,3.5rem);position:relative}.integrations-hero__content{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:49.375rem;margin-inline:auto;display:flex}.integrations-hero__badge{justify-content:center}.integrations-hero__copy{flex-direction:column;align-items:center;gap:.8125rem;width:100%;display:flex}.integrations-hero__title{color:#656565;width:100%;font-size:2.25rem;font-weight:var(--type-weight-semibold);letter-spacing:clamp(-1.1px,-.25vw,-1.75px);text-shadow:var(--text-shadow-hero-display);text-wrap:balance;margin:0;line-height:clamp(3rem,8.8vw,4.25rem)}.integrations-hero__description{color:#666b69;text-wrap:pretty;width:min(100%,31.1875rem);margin:0}.integrations-hero__cta{justify-content:center;min-width:7rem;min-height:2.125rem}.integrations-hero__pill-backdrop{z-index:0;pointer-events:none;position:absolute;inset:0}.integrations-hero-pills__background{pointer-events:none;position:absolute;inset:0;overflow:hidden}.integrations-hero-pills__background:after{content:"";z-index:1;background:radial-gradient(108% 70% at 50% 44%, var(--bg-subtle) 0%, #fafafa9e 30%, #fafafa1f 56%, #fafafa00 80%), linear-gradient(180deg, var(--bg-subtle) 0%, #fafafa00 14%, #fff0 86%, #fff 100%);pointer-events:none;position:absolute;inset:0}.integrations-hero-pills__pill-field{aspect-ratio:1425/585;filter:blur(.75px);transform-origin:50%;width:clamp(116rem,118vw,150rem);height:auto;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}.integrations-hero-pills__pill-item{will-change:transform, opacity;position:absolute}.integrations-hero-pills__pill-float{align-items:center;height:100%;display:flex}.integrations-hero-pills__pill-badge{box-sizing:border-box;width:100%;height:74%}.integrations-hero-pills__pill-label{text-align:center;justify-content:center;align-items:center;display:inline-flex;transform:translateY(.5px)}.integrations-hero-pills__pill-logo{object-fit:contain;flex:none;display:block}.integrations-hero-pills__pill-logo--svg{overflow:visible}.integrations-hero__illustration{z-index:0;aspect-ratio:2182.29/917.278;pointer-events:none;width:max(64rem,160vw);position:absolute;inset-block-end:-4.75rem;inset-inline-start:50%;transform:translate(-50%)}.integrations-hero__illustration-mask{width:100%;height:100%;position:relative;-webkit-mask-position:4.32% 9.74%;mask-position:4.32% 9.74%;-webkit-mask-size:105.95% 119.87%;mask-size:105.95% 119.87%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.integrations-hero__illustration-art{position:absolute;inset:-.2% 0 0}.integrations-hero__illustration-image{display:block}.integrations-hero__bottom-gradient{z-index:1;pointer-events:none;height:clamp(3.75rem,10vw,5.25rem);position:absolute;inset-block-end:0;inset-inline:0}@media (min-width:48rem){.integrations-hero{min-height:clamp(40rem,54vw,47.5625rem)}.integrations-hero__shell{padding-block:clamp(3rem,6vw,4rem)}.integrations-hero__title{font-size:clamp(3.5rem, 6.2vw, var(--type-title-xl-size));letter-spacing:clamp(-1.5px, -.18vw, var(--type-title-xl-letter-spacing));line-height:clamp(4rem, 7vw, var(--type-title-xl-line-height))}.integrations-hero__illustration{width:max(82rem,152vw);inset-block-end:-7rem}}@media (min-width:64rem){.integrations-hero{min-height:47.5625rem}.integrations-hero__shell{padding-block:4.5rem}.integrations-hero__title{font-size:var(--type-title-xl-size);letter-spacing:var(--type-title-xl-letter-spacing);line-height:var(--type-title-xl-line-height)}.integrations-hero__illustration{aspect-ratio:auto;width:auto;inset:18.4% -32.22% -28.83% -19.3%;transform:none}.integrations-hero__bottom-gradient{height:5.25rem}}@media (max-width:47.999rem){.integrations-hero{--applications-hero-pill-gap-cap:.65vw;--type-app-logo-pill-line-height:1;--type-app-logo-pill-size:clamp(.4375rem, 2vw, .625rem)}.integrations-hero__description{letter-spacing:-.18px;font-size:.9375rem;line-height:1.25rem}.integrations-hero__illustration{inset-block-end:-3.5rem}.integrations-hero-pills__pill-field{width:max(56rem,188vw)}.integrations-hero-pills__pill-badge{min-width:0;overflow:hidden}.integrations-hero-pills__pill-label{text-overflow:ellipsis;white-space:nowrap;flex:none;min-width:0;max-width:100%;display:block;overflow:hidden;transform:translateY(0)}.integrations-hero-pills__pill-logo{max-width:clamp(.375rem,2.1vw,.6875rem);max-height:clamp(.375rem,2.1vw,.6875rem)}.integrations-hero-pills__pill-item[data-mobile-hidden=true]{display:none}}.integration-list{background:var(--button-neutral);color:var(--fg-base);overflow-x:clip}.catalog-browse.integration-list{color:var(--fg-base);background:#fafafa;overflow:hidden}.integrations-clarity{background:#fff;position:relative;overflow:clip}.integrations-clarity__shell{isolation:isolate;padding-top:clamp(4rem,9vw,5.625rem);padding-bottom:clamp(5rem,11vw,7.375rem);position:relative}.integrations-clarity__layout{z-index:1;gap:clamp(2rem,4vw,2.4375rem);display:grid;position:relative}.integrations-clarity__heading{max-width:62.9375rem;margin-inline:auto}.integrations-clarity__heading-stack{gap:.375rem}.integrations-clarity__title{max-width:42rem;color:var(--fg-base);font-size:clamp(2rem,6vw,2.25rem);font-weight:var(--type-weight-semibold);letter-spacing:clamp(-1px,-.15vw,-2px);text-shadow:var(--text-shadow-hero-display);text-wrap:balance;line-height:clamp(2.5rem,6.5vw,2.625rem)}.integrations-clarity__description{color:#666b69;letter-spacing:-.01px;max-width:43rem;margin-inline:auto;font-size:.8125rem;line-height:1.125rem}.integrations-clarity__grid{border-top:1px solid var(--showcase-border);border-left:1px solid var(--showcase-border);width:100%;max-width:62.9375rem;margin:0 auto;padding:0;list-style:none;display:grid}.integrations-clarity__grid--desktop{display:none}.integrations-clarity__card{z-index:0;isolation:isolate;border-right:1px solid var(--showcase-border);border-bottom:1px solid var(--showcase-border);text-align:center;background:0 0;flex-direction:column;align-items:center;gap:1rem;min-width:0;padding:2rem 1.25rem;display:flex;position:relative}.integrations-clarity__card:before{z-index:-2;pointer-events:none;content:"";transform-origin:50%;will-change:transform, box-shadow;backface-visibility:hidden;background:#fff;transition:inset .22s cubic-bezier(.22,1,.36,1),transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s cubic-bezier(.22,1,.36,1),background-color .22s;position:absolute;inset:0}.integrations-clarity__card[data-surface=subtle]:before{background:var(--bg-subtle)}.integrations-clarity__icon-wrap{background:var(--bg-component);width:3.25rem;height:3.25rem;box-shadow:0 0 0 4px var(--button-neutral);color:var(--tag-neutral-text);transform-origin:50%;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;transition:color .22s,transform .22s cubic-bezier(.22,1,.36,1);display:inline-flex}.integrations-clarity__card-icon-svg{color:currentColor;width:2.375rem;height:2.375rem;transition:color .22s}.integrations-clarity__card-copy{transform-origin:top;justify-items:center;gap:.25rem;min-width:0;transition:transform .22s cubic-bezier(.22,1,.36,1);display:grid}.integrations-clarity__card-title{color:var(--fg-base);letter-spacing:-.14px;margin:0;font-size:.875rem;font-weight:500;line-height:1.375rem}.integrations-clarity__card-description{color:var(--fg-subtle);margin:0;font-size:.875rem;font-weight:400;line-height:1.375rem}@media (hover:hover) and (pointer:fine){.integrations-clarity__card:hover{z-index:1}.integrations-clarity__card:hover:before{inset:-1px;transform:scale(1.002);box-shadow:0 10px 20px #00140a0b}.integrations-clarity__card:hover .integrations-clarity__icon-wrap{color:var(--button-base);transform:translateY(-1px)scale(1.04)}.integrations-clarity__card:hover .integrations-clarity__card-copy{transform:translateY(-1px)scale(1.0125)}}@media (min-width:48rem){.integrations-clarity__grid--desktop{display:grid}.integrations-clarity__grid--mobile{display:none}.integrations-clarity__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.integrations-clarity__card{text-align:left;flex-direction:row;align-items:flex-start;gap:.75rem;padding:2rem}.integrations-clarity__icon-wrap{width:1.75rem;height:1.75rem}.integrations-clarity__card-icon-svg{width:.875rem;height:.875rem}.integrations-clarity__card-copy{transform-origin:0 0;justify-items:start}}@media (min-width:64rem){.integrations-clarity__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.integration-list__shell{position:relative}.integration-list__layout{gap:clamp(2rem,5vw,3.8125rem);width:100%;padding-top:clamp(3.5rem,8vw,6.25rem);padding-bottom:clamp(4rem,9vw,6.5rem);display:grid}.integration-list__intro{text-align:center;justify-items:center;gap:1rem;width:min(100%,33.375rem);margin-inline:auto;display:grid}.integration-list__title{width:min(100%,27rem);color:var(--fg-base);font-size:clamp(2rem, 7vw, var(--type-doow-large-title-size));font-weight:var(--type-weight-semibold);letter-spacing:clamp(-1.2px, -.35vw, var(--type-doow-large-title-letter-spacing));line-height:clamp(2.375rem, 7.5vw, var(--type-doow-large-title-line-height));text-shadow:var(--text-shadow-hero-display);text-wrap:balance;margin:0}.integration-list__description{color:#666b69;width:min(100%,33.375rem);font-size:.875rem;font-weight:var(--type-weight-regular);letter-spacing:-.0496px;text-wrap:pretty;margin:0;line-height:1.3125rem}.integration-list__catalog{background:var(--bg-subtle);border-radius:clamp(1.5rem,4vw,2rem);gap:1.25rem;width:100%;min-width:0;padding:clamp(1rem,4vw,2.1875rem) clamp(.875rem,3vw,1.4375rem);display:grid;overflow:hidden}.integration-list__catalog-header{gap:1rem;min-width:0;display:grid}.integration-list__catalog-title{color:#202020;font-size:clamp(1.125rem,3.6vw,1.375rem);font-weight:var(--type-weight-semibold);letter-spacing:-.0572px;margin:0;line-height:1.75rem}.integration-list__filters{gap:.75rem;min-width:0;display:grid}.integration-list__search{border:1px solid var(--border-base);background:var(--button-neutral);border-radius:.5rem;align-items:center;gap:.5rem;width:100%;min-height:2rem;padding:.375rem .5625rem;transition:border-color .18s,box-shadow .18s;display:flex;overflow:hidden;box-shadow:0 .25px #01131329,0 .5px #01131329}.integration-list__search:focus-within{border-color:var(--border-interactive);box-shadow:0 .25px 0 #01131329, 0 .5px 0 #01131329, 0 0 0 4px var(--focus-ring)}.integration-list__search-icon{width:1.25rem;height:1.25rem;color:var(--fg-component);flex:none}.integration-list__search-input{width:100%;min-width:0;color:var(--fg-base);font-size:.8125rem;font-weight:var(--type-weight-regular);letter-spacing:-.0104px;background:0 0;border:0;outline:none;line-height:1.125rem}.integration-list__search-input::placeholder{color:var(--fg-component)}.integration-list__mobile-category{display:block}.integration-list__mobile-select{border:1px solid var(--border-base);background:var(--button-neutral);width:100%;min-height:2.5rem;color:var(--fg-base);font-size:.875rem;font-weight:var(--type-weight-medium);letter-spacing:-.0645px;border-radius:.5rem;outline:none;padding-inline:.75rem;line-height:1.25rem}.integration-list__mobile-select:focus-visible{border-color:var(--border-interactive);box-shadow:0 0 0 4px var(--focus-ring)}.integration-list__catalog-body{gap:1rem;min-width:0;display:grid}.integration-list__category-rail{display:none}.integration-list__results{--integration-list-results-viewport-max-height:calc(min(42rem, 64svh) - 2rem);background:var(--button-neutral);border-radius:1rem;min-width:0;max-height:min(42rem,64svh);padding:1rem;overflow:hidden;box-shadow:0 0 0 1px #00140a14,0 1px 2px -1px #00140a14,0 2px 4px #00140a0a}.integration-list__results-scroll-region{height:100%;max-height:var(--integration-list-results-viewport-max-height);min-height:0;position:relative;overflow:hidden}.integration-list__results-viewport{height:100%;max-height:inherit;outline:none;min-height:0;overflow:hidden auto}.integration-list__results-viewport:focus-visible{box-shadow:0 0 0 4px var(--focus-ring);border-radius:1rem}.integration-list__results-content{box-sizing:border-box;width:100%;min-width:0;padding:.5rem 1.25rem .5rem .5rem}.integration-list__rail-shell{pointer-events:none;width:10px;position:absolute;top:0;bottom:0;right:0}.integration-list__rail{height:100%}.integration-list-grid{grid-template-columns:minmax(0,1fr);gap:.75rem;min-width:0;display:grid}.integration-list-card{background:var(--button-neutral);transform-origin:50%;border-radius:1rem;align-items:flex-start;gap:1rem;min-width:0;min-height:5.375rem;padding:1rem;transition:box-shadow .18s,transform .18s;display:flex;overflow:hidden;box-shadow:0 0 0 1px #00140a14,0 1px 2px -1px #00140a14,0 2px 4px #00140a0a}.integration-list-card__logo{background:var(--button-neutral);width:2.625rem;height:2.5rem;color:var(--fg-base);border:1.053px solid #e5e7eb;border-radius:.5rem;flex:none;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.integration-list-card__logo-svg{width:1.5rem;height:1.5rem;display:block}.integration-list-card__logo-image{object-fit:contain;width:1.5rem;height:1.5rem;display:block}.integration-list-card__logo-fallback{color:var(--fg-base);font-size:.6875rem;font-weight:var(--type-weight-semibold);letter-spacing:0;line-height:1}.integration-list-card__copy{gap:.5rem;min-width:0;display:grid}.integration-list-card__title{color:#0f172a;font-size:.875rem;font-weight:var(--type-weight-medium);letter-spacing:-.14px;margin:0;line-height:1.375rem}.integration-list-card__description{-webkit-line-clamp:2;color:#6b7280;font-size:.8125rem;font-weight:var(--type-weight-regular);letter-spacing:-.14px;text-overflow:ellipsis;text-wrap:pretty;-webkit-box-orient:vertical;margin:0;line-height:1.3125rem;display:-webkit-box;overflow:hidden}.integration-list-card--skeleton{pointer-events:none}.integration-list-card__logo--skeleton{border:0}.integration-list-card__title-skeleton{width:42%;height:.875rem}.integration-list-card__line-skeleton{width:100%;height:.75rem}.integration-list-card__line-skeleton--short{width:68%}.integration-list__empty{text-align:center;align-content:center;place-items:center;gap:.375rem;min-height:16rem;padding:2rem;display:grid}.integration-list__empty-title{color:var(--fg-base);font-size:1rem;font-weight:var(--type-weight-semibold);margin:0;line-height:1.5rem}.integration-list__empty-copy{color:var(--fg-subtle);margin:0;font-size:.875rem;line-height:1.375rem}.integration-list__status{color:var(--fg-error);margin:0;font-size:.8125rem;line-height:1.125rem}@media (min-width:48rem){.integration-list__filters{grid-template-columns:minmax(14rem,.82fr) minmax(16rem,1fr);align-items:center}.integration-list-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}}@media (min-width:64rem){.catalog-browse.integration-list,.integration-list__catalog{border-radius:2rem;gap:2.125rem;padding:2.1875rem 1.4375rem}.integration-list__catalog-header{grid-template-columns:minmax(0,1fr) 23.875rem;justify-content:space-between;align-items:center;gap:2rem}.integration-list__filters{min-width:0;display:block}.integration-list__catalog-body{grid-template-columns:16.0625rem minmax(0,1fr);align-items:start;gap:clamp(1rem,2vw,1.5rem)}.integration-list__mobile-category{display:none}.integration-list__category-rail{overscroll-behavior:auto;scrollbar-width:thin;flex-direction:column;align-self:start;gap:.75rem;width:100%;min-width:0;max-height:43.8125rem;padding-right:.25rem;display:flex;overflow:hidden auto}.integration-list__category-group{gap:.25rem;width:100%;min-width:0;display:grid}.integration-list__category-row{width:100%;min-height:2rem;color:var(--fg-subtle);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:.375rem;grid-template-columns:minmax(0,1fr);align-items:center;gap:.75rem;padding:.375rem .5rem;transition:background-color .18s,color .18s,box-shadow .18s,transform .18s;display:grid}.integration-list__category-row[data-state=active]{color:#00140a;background:#f5f5f5}.integration-list__category-filter-button{width:100%;min-width:0;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:minmax(0,1fr) 3rem;align-items:center;gap:.75rem;padding:0;display:grid}.integration-list__category-filter-button:focus-visible{box-shadow:0 0 0 4px var(--focus-ring);outline:none}.integration-list__category-label{min-width:0;font-size:.9375rem;font-weight:var(--type-weight-medium);letter-spacing:-.0645px;text-overflow:ellipsis;white-space:nowrap;line-height:1.25rem;overflow:hidden}.integration-list__category-row[data-state=active] .integration-list__category-label{font-weight:var(--type-weight-semibold)}.integration-list__category-count{color:var(--fg-component);font-size:.8125rem;font-weight:var(--type-weight-medium);letter-spacing:-.0104px;text-align:right;justify-self:end;line-height:1.125rem}.integration-list__category-row[data-state=active] .integration-list__category-count{color:#00140a}.integration-list__results{--integration-list-results-viewport-max-height:none;height:43.8125rem;max-height:43.8125rem;padding:1.25rem}.integration-list-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.integration-list-card{min-height:5.75rem}}@media (min-width:64rem) and (max-width:79.999rem){.integration-list__mobile-category{display:block}}@media (hover:hover) and (pointer:fine){.integration-list__category-row[data-state=inactive]:has(.integration-list__category-filter-button:hover){color:var(--fg-base);background:#f5f5f5b8}.integration-list-card:hover{transform:scale(1.018);box-shadow:0 0 0 1px #00140a1a,0 8px 18px -12px #00140a47}}@media (prefers-reduced-motion:reduce){.integration-list__category-row,.integration-list-card,.integration-list__search{transition:none}.integration-list-card:hover{transform:none}}}