.integration-directory{padding-top:var(--space-10)}.integration-search-wrap{max-width:48rem;margin:0 auto var(--space-12)}.integration-search-wrap>label{margin-bottom:var(--space-3);font-weight:var(--weight-heading);color:var(--text-primary);display:block}.integration-search{align-items:center;gap:var(--space-3);padding-inline:var(--space-5) var(--space-2);border:1px solid var(--border-strong);border-radius:var(--radius-container);background:var(--surface-page);color:var(--text-secondary);display:flex}.integration-search:focus-within{outline:2px solid var(--border-brand);outline-offset:3px}.integration-search input{width:100%;min-width:0;padding-block:var(--space-5);color:var(--text-primary);font:inherit;background:0 0;border:0;outline:0;flex:1}.integration-search input::-webkit-search-cancel-button{display:none}.integration-clear{min-width:var(--space-12);min-height:var(--space-12);color:var(--text-primary);font-size:var(--text-2xl);cursor:pointer;background:0 0;border:0}.integration-directory-layout{gap:var(--space-10);grid-template-columns:14rem minmax(0,1fr);align-items:start;display:grid}.integration-filters{top:var(--space-24);position:sticky}.integration-filters h2{font-size:var(--text-sm);font-weight:var(--weight-heading);margin:0 0 var(--space-5)}.integration-category-buttons{gap:var(--space-2);flex-direction:column;display:flex}.integration-category-buttons button{justify-content:space-between;align-items:center;gap:var(--space-2);text-align:left;width:100%;min-height:var(--space-12);padding:var(--space-3);border-radius:var(--radius-control);color:var(--text-secondary);font:inherit;font-size:var(--text-sm);cursor:pointer;background:0 0;border:1px solid #0000;display:flex}.integration-category-buttons button:hover{background:var(--surface-subtle)}.integration-category-buttons button[aria-pressed=true]{background:var(--surface-brand-subtle);border-color:var(--border-brand);color:var(--text-primary);font-weight:var(--weight-heading)}.integration-category-count{font-size:var(--text-xs);font-variant-numeric:tabular-nums}.integration-category-mobile{display:none}.integration-results-heading{justify-content:space-between;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.integration-results-heading h2{font-size:var(--text-xl);font-weight:var(--weight-heading);margin:0}.integration-results-heading p{color:var(--text-secondary);font-size:var(--text-sm);margin:0}.integration-cards{gap:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.integration-cards>li{min-width:0}.integration-card{height:100%;padding:var(--space-6);border:1px solid var(--border-default);border-radius:var(--radius-container);background:var(--surface-page);color:var(--text-primary);flex-direction:column;text-decoration:none;transition:border-color .16s,box-shadow .16s;display:flex}.integration-card:hover{border-color:var(--border-brand);box-shadow:var(--shadow-sm)}.integration-logo{width:var(--space-20);height:var(--space-20);color:var(--text-brand);background:var(--surface-page);border:1px solid var(--border-default);border-radius:var(--radius-container);padding:var(--space-3);flex:none;justify-content:center;align-items:center;display:inline-flex}.integration-logo img{object-fit:contain;width:100%;height:100%}.integration-card .integration-logo{margin-bottom:var(--space-5)}.integration-category{color:var(--text-secondary);font-size:var(--text-xs);line-height:var(--leading-base);text-decoration:none}.integration-card h3{font-size:var(--text-lg);font-weight:var(--weight-heading);line-height:var(--leading-snug);margin:var(--space-2) 0 var(--space-3);overflow-wrap:anywhere}.integration-card p{font-size:var(--text-sm);line-height:var(--leading-base);color:var(--text-secondary);margin:0 0 var(--space-6)}.integration-card-link{justify-content:space-between;align-items:center;gap:var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-heading);color:var(--text-primary);margin-top:auto;display:flex}.integration-card:hover .integration-card-link{color:var(--text-brand)}.integration-empty{padding:var(--space-16) var(--space-8);text-align:center;border:1px dashed var(--border-strong);border-radius:var(--radius-container)}.integration-empty h3{font-size:var(--text-xl)}.integration-empty p{margin:var(--space-4) auto var(--space-6);max-width:40ch;color:var(--text-secondary)}.integration-request{justify-content:space-between;align-items:center;gap:var(--space-8);background:var(--surface-subtle);border:1px solid var(--border-default);border-radius:var(--radius-container);padding:var(--space-8);margin-top:var(--space-12);display:flex}.integration-request h2{font-size:var(--text-xl);margin-bottom:var(--space-3)}.integration-request p{max-width:60ch;color:var(--text-secondary);margin:0}.integration-request .btn-secondary{flex-shrink:0}.integration-detail-hero{background:linear-gradient(120deg, var(--surface-page), var(--surface-brand-subtle));border-bottom:1px solid var(--border-default)}.integration-detail-intro{padding:var(--space-8) 0 var(--space-16);text-align:center}.integration-detail-intro .smb-h1{text-wrap:balance;max-width:24ch;margin-inline:auto}.integration-detail-intro .smb-lede{text-wrap:balance;max-width:52ch;margin-inline:auto}.integration-detail-intro .smb-cta-row{justify-content:center}.integration-pair{justify-content:center;align-items:center;gap:var(--space-5);margin:0 auto var(--space-6);display:flex}.integration-pair .integration-logo{width:var(--space-24);height:var(--space-24);padding:var(--space-4);box-shadow:var(--shadow-sm)}.integration-pair-plus{color:var(--text-secondary);font-size:var(--text-2xl)}.integration-detail-body{gap:var(--space-16);padding-top:var(--space-16);grid-template-columns:minmax(0,1fr) 18rem;align-items:start;display:grid}.integration-detail-main>section{margin-bottom:var(--space-16)}.integration-detail-main .smb-h2{max-width:none;margin-bottom:var(--space-4)}.integration-flow .smb-lede{margin-bottom:var(--space-5)}.integration-about{background:var(--surface-subtle);border:1px solid var(--border-default);border-radius:var(--radius-container);padding:var(--space-6);top:var(--space-24);position:sticky}.integration-about h2{font-size:var(--text-lg);font-weight:var(--weight-heading);margin:var(--space-5) 0 var(--space-3)}.integration-about p{color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-base);margin-bottom:var(--space-5)}.integration-about>a{margin-bottom:var(--space-5);display:block}.integration-about .integration-brand-note{font-size:var(--text-xs);margin:var(--space-6) 0 0}.integration-workflow-grid{gap:var(--space-5);margin-top:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.integration-workflow{background:var(--surface-subtle);border:1px solid var(--border-default);border-radius:var(--radius-container);padding:var(--space-6)}.integration-workflow-marks{align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);color:var(--text-secondary);display:flex}.integration-workflow-marks .integration-logo{width:var(--space-12);height:var(--space-12);padding:var(--space-2)}.integration-workflow h3,.integration-setup h3{font-size:var(--text-lg);font-weight:var(--weight-heading);margin:0 0 var(--space-3)}.integration-workflow p,.integration-setup li p{font-size:var(--text-sm);line-height:var(--leading-base);color:var(--text-secondary);margin:0}.integration-setup ol{margin:var(--space-8) 0 0;padding:0;list-style:none}.integration-setup li{align-items:flex-start;gap:var(--space-5);padding:var(--space-6) 0;border-top:1px solid var(--border-default);display:flex}.integration-setup li>span{flex:0 0 var(--space-10);height:var(--space-10);border:1px solid var(--border-brand);border-radius:var(--radius-pill);color:var(--text-primary);font-weight:var(--weight-heading);background:var(--surface-brand-subtle);justify-content:center;align-items:center;display:flex}.integration-related .integration-results-heading h2{font-size:var(--text-2xl)}@media (max-width:1100px){.integration-directory-layout{gap:var(--space-6);grid-template-columns:12rem minmax(0,1fr)}.integration-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.integration-detail-body{gap:var(--space-8);grid-template-columns:minmax(0,1fr) 16rem}.integration-workflow-grid{grid-template-columns:1fr}}@media (max-width:768px){.integration-directory-layout,.integration-detail-body{grid-template-columns:minmax(0,1fr)}.integration-filters{position:static}.integration-filters>h2,.integration-category-buttons{display:none}.integration-category-mobile{gap:var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-heading);flex-direction:column;display:flex}.integration-category-mobile select{min-height:var(--space-12);width:100%;padding:var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-control);background:var(--surface-page);color:var(--text-primary);font:inherit}.integration-request{flex-direction:column;align-items:flex-start}.integration-about{position:static}.integration-detail-body{padding-top:var(--space-10)}.integration-detail-main>section{margin-bottom:var(--space-10)}.integration-detail-intro{padding-bottom:var(--space-10)}}@media (max-width:540px){.integration-cards{grid-template-columns:minmax(0,1fr)}.integration-directory{padding-top:var(--space-6)}.integration-search-wrap{margin-bottom:var(--space-8)}.integration-card,.integration-request{padding:var(--space-6)}}@media (prefers-reduced-motion:reduce){.integration-card{transition:none}}.integration-about .engage-text-link{color:var(--text-primary)}.integration-about .engage-text-link:hover{text-decoration:underline}.integration-pair .integration-purple-logo{width:10rem}