/* Business application marks and the shared connector directory. */
.header.scrolled{max-width:1040px}
.nav-about{white-space:nowrap}
.integration-identity{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:0 12px}
.integration-grid .integration-logo{display:block;width:40px;height:40px;object-fit:contain;flex:0 0 40px}
.integration-grid strong{font-size:20px;letter-spacing:-.6px;font-weight:550;text-align:left}
.integration-grid>a{min-height:138px;gap:15px}
.integration-grid a>span{opacity:1;transform:none;font-size:11px}
.integration-grid a:focus-visible{outline:2px solid #7756f8;outline-offset:-4px;background:#f0edf7}
.integration-more{display:inline-flex;gap:12px;align-items:center;margin-top:24px;font-size:14px;letter-spacing:-.2px;border-bottom:1px solid #111;padding-bottom:5px}
.integration-more:hover{color:#7756f8;border-color:currentColor}
.connection-toolbar{display:grid;grid-template-columns:auto minmax(220px,1fr) auto;gap:20px;margin-bottom:22px}
.connection-toolbar input{width:100%;max-width:480px;border-color:#d9d6d2;background:#fff;border-radius:9px}
.connection-toolbar>span{color:#62605d;white-space:nowrap}
.connection-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}
.connection-filters button{appearance:none;min-height:42px;border:1px solid #d9d6d2;background:transparent;border-radius:99px;padding:9px 16px;font:inherit;font-size:13px;cursor:pointer;color:#494846;transition:background .2s,border-color .2s,color .2s}
.connection-filters button:hover{background:#eeece8;border-color:#bdb8b1}
.connection-filters button[aria-pressed="true"]{background:#252423;border-color:#252423;color:#fff}
.connection-filters button:focus-visible{outline:2px solid #7756f8;outline-offset:3px}
.connector-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.connector-card{position:relative;padding:28px 24px 30px;min-width:0;background:#fff;scroll-margin-top:110px}
.connector-card:target{border-color:#7756f8;box-shadow:0 0 0 2px #7756f829}
.connector-mark{width:64px;height:64px;border-color:#eeece8;border-radius:15px;margin-bottom:27px;background:#fff}
.connector-logo{display:block;width:46px;height:46px;object-fit:contain}
.connector-card .connector-category{font-size:11px;line-height:1.5;letter-spacing:.3px;color:#68645e}
.connector-card h3{overflow-wrap:anywhere;font-size:23px;line-height:1.2;letter-spacing:-.8px;margin:8px 0 13px}
.connector-card .connector-description{font-size:14px;line-height:1.55;color:#6e6a65}
.connection-availability{font-size:13px;line-height:1.65;color:#68645e;max-width:760px;margin:30px 0 0}
.connection-availability a{color:#242321;border-bottom:1px solid #c2bdb7;white-space:nowrap}
#connection-empty{padding:40px 20px;text-align:center;border:1px dashed #d5d0c9;border-radius:10px;color:#625e57;font-size:15px}
.connector-section{scroll-margin-top:105px}
@media(min-width:761px) and (max-width:1080px){.header{gap:16px}.header nav{gap:17px}.header.scrolled{max-width:calc(100% - 40px)}.header .nav-login{display:none}.integration-grid strong{font-size:17px}.integration-identity{gap:9px}.connector-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.header.scrolled{max-width:calc(100% - 32px)}.integration-grid>a{min-height:125px;gap:14px}.integration-identity{flex-direction:column;gap:10px}.integration-grid .integration-logo{width:34px;height:34px;flex-basis:34px}.integration-grid strong{font-size:17px;text-align:center;letter-spacing:-.4px}.integration-grid a>span{font-size:10px}.context-strip p.integration-caption{line-height:1.6;font-size:11px}.connection-toolbar{grid-template-columns:1fr;gap:10px}.connection-toolbar label{font-size:14px}.connection-toolbar input{max-width:none}.connection-toolbar>span{margin:3px 0 0;font-size:12px}.connection-filters{gap:7px;margin-bottom:24px}.connection-filters button{padding:9px 12px;font-size:12px;min-height:42px}.connector-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.connector-card{padding:22px 16px;scroll-margin-top:95px}.connector-mark{width:55px;height:55px;margin-bottom:22px;border-radius:13px}.connector-logo{width:39px;height:39px}.connector-card h3{font-size:21px;letter-spacing:-.6px}.connector-card .connector-description{font-size:13px;line-height:1.5}.connector-card .connector-category{font-size:10px}.connection-availability{font-size:12px}.connection-availability a{white-space:normal}}
@media(max-width:360px){.connector-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.connector-card,.connection-filters button,.integration-grid>a,.integration-grid a>span{transition:none}.connector-card:hover{transform:none}}