.integrations-hero{padding:var(--space-20) 0 var(--space-16);background-color:#f8f9fc;background-image:radial-gradient(at 0% 0%,rgba(59,130,246,.1) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(139,92,246,.15) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(59,130,246,.1) 0px,transparent 50%),radial-gradient(at 0% 100%,rgba(139,92,246,.1) 0px,transparent 50%);text-align:center}.integrations-hero h1{font-size:clamp(1.875rem,1.25rem + 2.5vw,3rem);color:var(--color-primary);margin-bottom:var(--space-6);line-height:1.1}.integrations-hero h1 em{font-style:normal;color:var(--color-secondary)}.integrations-hero .subheadline{max-width:600px;margin:0 auto var(--space-8)}.integrations-section{padding:var(--space-16) 0;background:var(--color-white)}.filters{margin-bottom:var(--space-10)}.filters-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-6)}.filter-group{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;flex:1;min-width:0}.filter-label{font-weight:var(--weight-semibold);color:var(--color-text)}.filter-buttons{display:flex;flex-wrap:wrap;gap:var(--space-2)}.filter-btn{padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-white);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--transition-fast)}.filter-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.filter-btn.active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-white)}.filter-notice{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-muted);font-size:var(--text-sm);color:var(--color-text-muted)}.filter-notice[hidden]{display:none}.filter-notice-text{flex:1;min-width:0}.filter-notice-clear{flex-shrink:0;padding:0;border:none;background:none;color:var(--color-accent);font-size:inherit;font-weight:var(--weight-semibold);text-decoration:underline;cursor:pointer}.integrations-empty{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-10) var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);text-align:center}.integrations-empty[hidden]{display:none}.search-group{position:relative;flex-shrink:0}.search-input{padding:var(--space-2-5) var(--space-4);padding-right:var(--space-10);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-sm);min-width:min(250px,100%);transition:border-color var(--transition-fast)}.search-input:focus{outline:none;border-color:var(--color-secondary)}.search-icon{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.integrations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4)}.integration-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;color:var(--color-text);transition:all var(--transition-fast);position:relative}.integration-card:hover{border-color:var(--color-secondary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.integration-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.integration-icon .icon-img{width:32px;height:32px;object-fit:contain}.integration-info h3{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-primary);margin:0}.status-badge{position:absolute;top:var(--space-2);right:var(--space-2);width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full)}.status-badge.premium{background:#0d94881a;color:var(--color-secondary)}.status-badge.coming-soon{background:var(--color-gray-100);color:var(--color-text-muted)}.integrations-featured{padding:var(--space-16) 0 var(--space-8);background:var(--color-white);border-bottom:1px solid var(--color-border)}.featured-header{text-align:center;max-width:720px;margin:0 auto var(--space-10)}.featured-header h2{font-size:var(--text-3xl);color:var(--color-primary);margin-bottom:var(--space-3)}.featured-header .subheadline{color:var(--color-text-muted);margin:0 auto}.featured-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.featured-item{margin:0;padding:0}.featured-link{display:flex;gap:var(--space-3);padding:var(--space-4);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;color:var(--color-text);transition:all var(--transition-fast);height:100%}.featured-link:hover{border-color:var(--color-secondary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.featured-logo{width:32px;height:32px;object-fit:contain;flex-shrink:0}.featured-body h3{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-primary);margin:0 0 var(--space-1)}.featured-body p{font-size:var(--text-sm);color:var(--color-text-muted);margin:0;line-height:1.5}.starter-set{margin-top:var(--space-16);padding:var(--space-10) var(--space-8);background:var(--color-bg-alt);border-radius:var(--radius-xl);text-align:center}.starter-set h2{font-size:var(--text-2xl);color:var(--color-primary);margin-bottom:var(--space-2)}.starter-set .subheadline{color:var(--color-text-muted);margin:0 auto var(--space-6);max-width:640px}.starter-chips{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.starter-chips li{margin:0;padding:0}.starter-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-full);text-decoration:none;color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-medium);transition:all var(--transition-fast)}.starter-chip:hover{border-color:var(--color-secondary);color:var(--color-secondary);transform:translateY(-1px)}.starter-chip-logo{width:20px;height:20px;object-fit:contain}.industry-groups{margin-top:var(--space-16)}.industry-groups-header{text-align:center;max-width:720px;margin:0 auto var(--space-10)}.industry-groups-header h2{font-size:var(--text-3xl);color:var(--color-primary);margin-bottom:var(--space-3)}.industry-groups-header .subheadline{color:var(--color-text-muted);margin:0 auto}.industry-groups-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6)}.industry-group{padding:var(--space-6);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.industry-group h3{font-size:var(--text-lg);color:var(--color-primary);margin:0 0 var(--space-2)}.industry-group h3 a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}.industry-group h3 a:hover{color:var(--color-secondary)}.industry-group-intro{font-size:var(--text-sm);color:var(--color-text-muted);margin:0 0 var(--space-4);line-height:1.5}.industry-group-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.industry-group-list li{margin:0;padding:0}.industry-group-link{display:inline-flex;align-items:center;gap:var(--space-1-5);padding:var(--space-1-5) var(--space-3);background:var(--color-bg-alt);border:1px solid transparent;border-radius:var(--radius-full);text-decoration:none;color:var(--color-text);font-size:var(--text-xs);font-weight:var(--weight-medium);transition:all var(--transition-fast)}.industry-group-link:hover{border-color:var(--color-secondary);color:var(--color-secondary);background:var(--color-white)}.industry-group-logo{width:18px;height:18px;object-fit:contain}@media(max-width:640px){.integrations-featured{padding:var(--space-10) 0 var(--space-4)}.featured-list{grid-template-columns:1fr}.starter-set{padding:var(--space-8) var(--space-4);margin-top:var(--space-10)}.industry-groups{margin-top:var(--space-10)}.industry-groups-grid{grid-template-columns:1fr;gap:var(--space-4)}}.integrations-cta{text-align:center;margin-top:var(--space-16);padding:var(--space-12);background:var(--color-bg-alt);border-radius:var(--radius-xl)}.integrations-cta h2{font-size:var(--text-2xl);margin-bottom:var(--space-3)}.integrations-cta p{color:var(--color-text-muted);margin-bottom:var(--space-6)}@media(max-width:768px){.integrations-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.integrations-hero{padding:var(--space-14) 0 var(--space-10)}.integrations-section{padding:var(--space-10) 0}.filters-header{flex-direction:column;align-items:stretch}.filter-group,.filter-buttons{justify-content:center}.search-group{flex-shrink:1}.search-input{width:100%;min-width:auto}.integrations-grid{grid-template-columns:1fr 1fr;gap:var(--space-3)}.integrations-cta{padding:var(--space-8);margin-top:var(--space-10)}}