.text-highlight{color:#37ccc0}.connectors-hero-section{background:linear-gradient(135deg,#2c4ae0 0,#1e3bb8 100%);background-image:url(/static/images/company/connectors/connectors-bg.svg);background-size:cover;background-position:center;background-repeat:no-repeat;padding:120px 0 80px;position:relative}.connectors-hero-section .container{max-width:1400px;margin:0 auto;padding:0 60px}.hero-content{display:flex;align-items:center;justify-content:space-between;gap:60px}.hero-left{flex:1}.hero-title{font-size:3.5rem;font-weight:700;color:#fff;margin:0;line-height:1.2;text-align:left}.hero-title .text-highlight{color:#37ccc0}.title-mobile{display:none}.title-desktop{display:inline}.hero-right{flex-shrink:0}.demo-card{background:0 0;border:2px solid rgba(255,255,255,.4);border-radius:20px;padding:36px 40px;backdrop-filter:blur(5px);text-align:left;min-width:360px}.demo-text{font-size:1.0625rem;color:#fff;margin:0 0 24px;font-weight:600;line-height:1.5}.btn{padding:12px 28px;font-size:.9375rem;font-weight:600;border-radius:8px;text-decoration:none;transition:all .3s ease;display:inline-block;border:2px solid transparent}.btn-secondary{background:0 0;color:#fff;border:2px solid #fff}.btn-secondary:hover{background:rgba(255,255,255,.15);transform:translateY(-2px)}.connectors-section{background:#fff;padding:60px 0 100px}.connectors-section .container{max-width:1400px;margin:0 auto;padding:0 60px}.connectors-layout{display:grid;grid-template-columns:250px 1fr;gap:40px}.connectors-sidebar{position:sticky;top:100px;height:fit-content}.sidebar-title{font-size:1.125rem;font-weight:600;color:#0f172a;margin:0 0 16px}.category-item{padding:12px 16px;margin-bottom:8px;border-radius:8px;cursor:pointer;transition:all .3s ease}.category-item:hover{background:#f1f5f9}.category-item.active{background:#ebf4ff}.category-label{font-size:.9375rem;font-weight:600;color:#112fbf}.category-item:not(.active) .category-label{color:#64748b}.connectors-content{width:100%}.connectors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px}.connector-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:32px;text-align:left;transition:all .3s ease;cursor:pointer}.connector-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.1);transform:translateY(-4px);border-color:#112fbf}.connector-logo{width:80px;height:80px;margin:0 0 20px;display:block;object-fit:contain}.connector-name{font-size:1.0625rem;font-weight:600;color:#0f172a;margin:0;line-height:1.4}@media (max-width:968px){.connectors-hero-section{padding:100px 0 60px}.connectors-hero-section .container,.connectors-section .container{padding:0 40px}.hero-content{flex-direction:column;gap:40px;text-align:center}.hero-title{font-size:2.5rem;text-align:center}.title-desktop{display:none}.title-mobile{display:inline}.hero-right{width:100%;display:flex;justify-content:center}.demo-card{padding:28px}.connectors-section{padding:40px 0 80px}.connectors-layout{grid-template-columns:1fr;gap:32px}.connectors-sidebar{position:relative;top:0}.connectors-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.connector-card{padding:28px}.connector-logo{width:72px;height:72px}}@media (max-width:480px){.connectors-hero-section{padding:90px 0 40px}.connectors-hero-section .container,.connectors-section .container{padding:0 20px}.hero-content{gap:32px}.hero-title{font-size:2rem}.demo-card{width:100%;padding:24px}.demo-text{font-size:.9375rem}.connectors-section{padding:32px 0 60px}.connectors-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.connector-card{padding:24px 20px}.connector-logo{width:64px;height:64px;margin-bottom:16px}.connector-name{font-size:.9375rem}}