:root{--brand-red:#d60d46;--brand-dark:#021d33;--text-white:#fff;--card-radius:8px}.integration-wrapper{background-color:var(--brand-dark);padding:60px 20px;width:100%}.content-container{margin:0 auto;max-width:1200px;width:100%}.filter-controls{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start;margin-bottom:40px}.filter-btn{background:transparent;border:1px solid var(--text-white);border-radius:50px;color:var(--text-white);cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s ease}.filter-btn:hover{background:hsla(0,0%,100%,.1)}.filter-btn.active{background:var(--brand-red);border-color:var(--brand-red);color:var(--text-white)}.integrations-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.integration-card{background-color:var(--brand-red);border-radius:var(--card-radius);color:var(--text-white);display:flex;flex-direction:column;justify-content:space-between;min-height:140px;padding:24px;position:relative;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.integration-card:hover{box-shadow:0 10px 20px rgba(0,0,0,.3);transform:translateY(-5px)}.card-content h3{color:var(--text-white);font-size:18px;font-weight:700;line-height:1.2;margin:0 0 10px}.card-desc{display:-webkit-box;font-size:13px;-webkit-line-clamp:2;line-height:1.4;margin-top:5px;opacity:.9;-webkit-box-orient:vertical;overflow:hidden}.card-icon{bottom:20px;opacity:.7;position:absolute;right:20px}.integration-card:hover .card-icon{opacity:1}