.conn-wrapper{font-family:'Inter',-apple-system,sans-serif;color:#232325;background:#fff}.conn-container{margin:0 auto;padding-top:30px}.conn-badge{display:inline-block;padding:6px 14px;background:rgba(58,58,60,.08);color:#3a3a3c;border-radius:50px;font-weight:700;font-size:.8rem;margin-bottom:20px;text-transform:uppercase;letter-spacing:.5px}.conn-title{font-size:clamp(1.8rem,4vw,3rem);font-weight:800;color:#000;margin-bottom:25px;letter-spacing:-.02em}.conn-lead{font-size:1.15rem;color:#636366;max-width:700px;margin-bottom:50px;line-height:1.6}.conn-viz{background:#fbfbfd;border-radius:24px;padding:60px;margin-bottom:70px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;border:1px solid #f2f2f7}.data-flow-svg{position:relative;width:100%;height:180px;display:flex;align-items:center;justify-content:space-around}.legacy-system{width:80px;height:80px;background:#e5e5ea;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:.7rem;color:#8e8e93;font-weight:600;text-align:center;padding:5px}.connect-hub{width:140px;height:140px;background:#000;border-radius:24px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:1rem;box-shadow:0 20px 40px rgba(0,0,0,.15);z-index:2;position:relative}.flow-line{position:absolute;height:2px;background:linear-gradient(to right,transparent,#000);width:100px;opacity:.2}.conn-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.conn-card{padding:40px;border-radius:20px;background:#fff;border:1px solid #e5e5e7;transition:all .3s cubic-bezier(.4,0,.2,1)}.conn-card:hover{border-color:#000;box-shadow:0 10px 30px rgba(0,0,0,.05)}.conn-card h3{font-size:1.4rem;margin-bottom:15px;font-weight:700;color:#1c1c1e}.conn-card p{font-size:.95rem;color:#48484a}.conn-icon{color:#000;margin-bottom:20px}.conn-seo-content{margin-top:80px;padding:50px;background:#f2f2f7;border-radius:30px}.conn-seo-content h4{font-size:1.7rem;margin-bottom:20px;font-weight:700}.conn-rich-text{column-count:2;column-gap:50px;font-size:1rem;color:#3a3a3c;text-align:justify;line-height:1.8}@media(max-width:900px){.conn-viz{grid-template-columns:1fr;text-align:center}.conn-rich-text{column-count:1}}