.integrations-section{background:rgba(237,240,243,.3);padding:6rem 0}.integrations-grid{align-items:center;display:grid;gap:4rem;grid-template-columns:1fr;margin:0 auto;max-width:1200px;padding:0 1rem}@media (min-width:1024px){.integrations-grid{grid-template-columns:1fr 1fr;padding:0 2rem}}.integrations-content h2{color:#0f172a;font-size:clamp(2rem,4vw,2.5rem);font-weight:800;margin-bottom:1.5rem}.integrations-content>p{color:#64748b;font-size:1.125rem;line-height:1.7;margin-bottom:2.5rem}.integration-cards{display:grid;gap:1.25rem;grid-template-columns:repeat(2,1fr)}.integration-card{background:#fff;border:1px solid #f1f5f9;border-radius:1.5rem;box-shadow:0 10px 25px rgba(0,0,0,.05);padding:2rem;transition:all .3s ease}.integration-card:hover{border-color:var(--primary);box-shadow:0 20px 40px rgba(15,23,42,.1);transform:translateY(-4px)}.integration-logo{align-items:center;border-radius:1rem;color:#fff;display:flex;font-size:1.25rem;font-weight:800;height:3.5rem;justify-content:center;margin-bottom:1.25rem;width:3.5rem}.integration-logo.blue{background:#3c83f6}.integration-logo.indigo{background:#6467f2}.integration-logo.teal{background:#1abc9c}.integration-logo.purple{background:#9952e0}.integration-card h3{color:#0f172a;font-size:1.125rem;font-weight:700;margin-bottom:.5rem}.sync-badge{align-items:center;background:#f8fafc;border-radius:9999px;color:#64748b;display:flex;font-size:.8125rem;font-weight:600;gap:.5rem;padding:.35rem .75rem;width:fit-content}.sync-badge svg{color:#22c55e;height:.875rem;width:.875rem}