.integrations-directory{--int-accent:var(--sec-highlight,var(--color-primary));position:relative}.integrations-directory__filters{display:flex;flex-wrap:wrap;gap:.625rem;margin-bottom:2.75rem}.integrations-directory__filter{align-items:center;background-color:var(--color-card);border:1px solid var(--color-border);border-radius:999px;color:var(--color-heading);cursor:pointer;display:inline-flex;font:inherit;font-size:.875rem;font-weight:600;gap:.5rem;padding:.6rem 1.1rem;transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}.integrations-directory__filter svg{color:var(--int-accent)}.integrations-directory__filter-icon{flex-shrink:0;height:15px;object-fit:contain;width:15px}.integrations-directory__filter:hover{border-color:var(--int-accent)}.integrations-directory__filter[aria-pressed=true]{background-color:var(--int-accent);border-color:var(--int-accent);box-shadow:0 8px 20px -12px var(--int-accent);color:#fff}.integrations-directory__filter[aria-pressed=true] svg{color:currentColor}.integrations-directory__filter:focus-visible{outline:2px solid var(--int-accent);outline-offset:2px}.integrations-directory__category+.integrations-directory__category{margin-top:3rem}.integrations-directory__category[hidden]{display:none}.integrations-directory__category-head{align-items:flex-end;display:flex;flex-wrap:wrap;gap:.5rem 2rem;justify-content:space-between;margin-bottom:1.25rem}.integrations-directory__category-title{font-size:1.5rem;margin:0 0 .25rem}.integrations-directory__category-desc{color:var(--color-body);font-size:.9375rem;margin:0;max-width:34rem}.integrations-directory__learn,.integrations-directory__view-all{align-items:center;color:var(--int-accent);display:inline-flex;font-weight:600;gap:.375rem;text-decoration:none;white-space:nowrap}.integrations-directory__view-all{font-size:.9375rem}.integrations-directory__learn:hover,.integrations-directory__view-all:hover{text-decoration:underline}.integrations-directory__grid{display:grid;gap:1.25rem;grid-template-columns:repeat(var(--sec-cols,4),minmax(0,1fr));list-style:none;margin:0;padding:0}.integrations-directory__card{display:flex;flex-direction:column;padding:1.375rem}.integrations-directory__logo{transition:transform .25s ease}.integrations-directory.integrations-directory--hover-border .integrations-directory__card:is(:hover,:focus-within),.integrations-directory.integrations-directory--hover-lift .integrations-directory__card:is(:hover,:focus-within){border-color:color-mix(in srgb,var(--int-accent) 55%,var(--color-border));box-shadow:0 18px 40px -18px color-mix(in srgb,var(--int-accent) 45%,transparent)}.integrations-directory.integrations-directory--hover-lift .integrations-directory__card:is(:hover,:focus-within){transform:translateY(-4px)}.integrations-directory--hover-lift .integrations-directory__card:is(:hover,:focus-within) .integrations-directory__logo{transform:scale(1.06)}@media (prefers-reduced-motion:reduce){.integrations-directory--hover-lift .integrations-directory__card:is(:hover,:focus-within) .integrations-directory__logo,.integrations-directory.integrations-directory--hover-lift .integrations-directory__card:is(:hover,:focus-within){transform:none}}.integrations-directory__card[hidden]{display:none}.integrations-directory__card-top{align-items:flex-start;display:flex;gap:.5rem;justify-content:space-between;margin-bottom:1rem}.integrations-directory__logo{align-items:center;border-radius:.75rem;display:inline-flex;height:3rem;justify-content:center;width:3rem}.integrations-directory__logo img{height:2.5rem;object-fit:contain;width:2.5rem}.integrations-directory--logo-tile .integrations-directory__logo{background-color:var(--color-bg-alt);border:1px solid var(--color-border)}.integrations-directory__logo--letters{--mono:var(--color-primary);background-color:color-mix(in srgb,var(--mono) 14%,var(--color-card));color:var(--mono);font-family:var(--font-heading);font-size:1rem;font-weight:800;letter-spacing:-.02em}.integrations-directory__logo--c1{--mono:#f97316}.integrations-directory__logo--c2{--mono:#2563eb}.integrations-directory__logo--c3{--mono:#7c3aed}.integrations-directory__logo--c4{--mono:#0ea5e9}.integrations-directory__logo--c5{--mono:#16a34a}.integrations-directory__logo--c6{--mono:#db2777}.integrations-directory__logo--c7{--mono:#0d9488}.integrations-directory__logo--c8{--mono:#4f46e5}.integrations-directory__popular{background-color:color-mix(in srgb,var(--color-success) 14%,transparent);border-radius:999px;color:var(--color-success);font-size:.75rem;font-weight:700;padding:.2rem .625rem}.integrations-directory__name{font-size:1.0625rem;margin:0 0 .375rem}.integrations-directory__desc{color:var(--color-body);flex:1;font-size:.875rem;line-height:1.5;margin:0 0 1.25rem}.integrations-directory__actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem 1.25rem}.integrations-directory .integrations-directory__connect{font-size:.875rem;padding:.5rem 1.125rem}.integrations-directory__learn{font-size:.875rem}.integrations-directory__empty{border:1px dashed var(--color-border);border-radius:1rem;color:var(--color-body);margin:2rem 0 0;padding:2rem;text-align:center}.integrations-directory__empty[hidden]{display:none}@media (max-width:1024px){.integrations-directory__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.integrations-directory__grid{grid-template-columns:minmax(0,1fr)}.integrations-directory__filters{flex-wrap:nowrap;margin-right:-1rem;overflow-x:auto;padding-right:1rem;scrollbar-width:none}.integrations-directory__filter{flex-shrink:0}}.integrations-directory__filter{--sf-icon-size:15px}