/* Scoped directory styles for /integrations/. */
.integrations-page .integration-directory { padding:clamp(64px,8vw,96px) 0; background:#F6F7F9; }
.integrations-page .integration-directory__intro { display:grid; grid-template-columns:1fr; gap:20px; margin-bottom:48px; }
.integrations-page .integration-directory h2 { margin:0; color:#10243d; font-family:Lexend,Inter,sans-serif; font-size:clamp(34px,4vw,52px); line-height:1.08; letter-spacing:-.04em; }
.integrations-page .integration-directory h2 span { color:#5b687b; font-weight:550; }
.integrations-page .integration-directory__intro > p { margin:0; color:#5e6e7d; font-size:18px; line-height:1.65; }
.integrations-page .integration-directory__layout { display:grid; grid-template-columns:250px minmax(0,1fr); gap:40px; align-items:start; }
.integrations-page .integration-directory__layout:has(.integration-filters[hidden]) { grid-template-columns:1fr; }
.integrations-page .integration-filters[hidden],.integrations-page .integration-card[hidden],.integrations-page .integration-empty[hidden] { display:none; }
.integrations-page .integration-filters { position:sticky; top:100px; }
.integrations-page .integration-search-label,.integrations-page .integration-filter-label { display:block; margin:0 0 12px; color:#10243d; font-size:13px; font-weight:600; }
.integrations-page .integration-search { display:flex; align-items:center; gap:10px; padding:12px; border:1px solid #dce5e5; border-radius:7px; background:white; }
.integrations-page .integration-search svg { width:18px; height:18px; flex-shrink:0; fill:none; stroke:#5e6e7d; stroke-width:1.8; }
.integrations-page .integration-search input { width:100%; min-width:0; border:0; padding:0; background:transparent; color:#10243d; font:14px/1.5 Inter,Arial,sans-serif; }
.integrations-page .integration-search:focus-within { outline:2px solid #087a39; outline-offset:3px; }
.integrations-page .integration-search input:focus { outline:none; }
.integrations-page .integration-filter-label { margin-top:30px; }
.integrations-page .integration-categories { display:grid; gap:5px; }
.integrations-page .integration-category { display:flex; align-items:center; justify-content:space-between; gap:10px; width:100%; padding:11px 12px; border:0; border-radius:7px; background:transparent; color:#5e6e7d; font:500 14px/1.5 Inter,Arial,sans-serif; text-align:left; cursor:pointer; }
.integrations-page .integration-category:hover { background:#eceff1; color:#10243d; }
.integrations-page .integration-category[aria-pressed="true"] { background:#e5f4ea; color:#087a39; font-weight:700; }
.integrations-page .integration-category__count { color:inherit; font-size:12px; font-variant-numeric:tabular-nums; }
.integrations-page .integration-custom { margin-top:30px; padding-top:24px; border-top:1px solid #dce5e5; }
.integrations-page .integration-custom strong { color:#10243d; font-size:14px; }
.integrations-page .integration-custom p { margin:10px 0; color:#5e6e7d; font-size:13px; line-height:1.6; }
.integrations-page .integration-custom a { color:#087a39; font-size:13px; font-weight:600; text-decoration:none; }
.integrations-page .integration-results-header { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:20px; }
.integrations-page .integration-results-header h3 { margin:0; color:#10243d; font-family:Lexend,Inter,sans-serif; font-size:21px; }
.integrations-page .integration-results-header p { margin:0; color:#5e6e7d; font-size:13px; }
.integrations-page .integration-results { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.integrations-page .integration-card { display:flex; flex-direction:column; padding:24px; border:1px solid transparent; border-radius:12px; background:white; color:#10243d; text-decoration:none; transition:box-shadow .18s ease; }
.integrations-page .integration-card:hover { box-shadow:0 8px 22px #10243d08; }
.integrations-page .integration-card__top { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:24px; }
.integrations-page .integration-card__icon { display:grid; place-items:center; width:52px; height:44px; color:#10243d; font:700 17px/1 Lexend,Inter,sans-serif; letter-spacing:-.04em; }
.integrations-page .integration-card__icon img { display:block; width:100%; height:100%; object-fit:contain; }
.integrations-page .integration-card__type { margin-bottom:8px; color:#687887; font-size:11px; font-weight:500; }
.integrations-page .integration-card h3 { margin:0 0 10px; color:#10243d; font:600 18px/1.3 Lexend,Inter,sans-serif; letter-spacing:-.025em; }
.integrations-page .integration-card p { margin:0 0 24px; color:#5e6e7d; font-size:14px; line-height:1.6; }
.integrations-page .integration-card__link { margin-top:auto; color:#087a39; font-size:12px; font-weight:600; }
.integrations-page .integration-directory__note { margin:28px 0 0; color:#687887; font-size:13px; line-height:1.6; }
.integrations-page .integration-empty { padding:60px 24px; border-radius:12px; background:white; text-align:center; }
.integrations-page .integration-empty p { color:#5e6e7d; }
.integrations-page :is(.integration-category,.integration-card,.integration-custom a):focus-visible { outline:3px solid #087a39; outline-offset:4px; }
@media(max-width:1100px) { .integrations-page .integration-results { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:760px) {
 .integrations-page .integration-directory__intro { grid-template-columns:1fr; gap:20px; margin-bottom:32px; }
 .integrations-page .integration-directory__layout { grid-template-columns:1fr; gap:28px; }
 .integrations-page .integration-filters { position:static; }
 .integrations-page .integration-categories { display:flex; overflow-x:auto; padding:4px; gap:8px; }
 .integrations-page .integration-category { width:auto; flex-shrink:0; border:1px solid #dce5e5; }
 .integrations-page .integration-custom { display:none; }
}
@media(max-width:480px) { .integrations-page .integration-results { grid-template-columns:1fr; } .integrations-page .integration-card { padding:22px; } }
@media(prefers-reduced-motion:reduce) { .integrations-page .integration-card { transition:none; } }

.integrations-page .integration-card__icon { display:flex; justify-content:flex-start; align-items:center; width:100%; height:44px; gap:10px; }
.integrations-page .integration-card__icon img { width:auto; max-width:110px; height:36px; object-fit:contain; object-position:left center; }
.integrations-page .integration-card__icon svg { width:32px; height:32px; }
.integrations-page .integration-card__icon .integration-brand-pair { width:28px; height:28px; }
.integrations-page .integration-card__icon .integration-brand-wordmark { width:120px; max-width:100%; height:auto; max-height:36px; }