.infrastructure,.next,.connection-hero{max-width:1540px;margin:0 auto 22px}.flow-head{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:50px;color:#667085;font-size:12px;letter-spacing:.08em;font-weight:800;padding:8px 0 24px}.infra-flow{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:50px;align-items:center}.sources{display:grid;gap:12px;position:relative}.sources:after{content:"";position:absolute;right:-24px;top:45px;bottom:45px;border-right:2px solid #d0d5dd}.source{display:grid;gap:8px;padding:20px;border:1px solid #e4e7ec;border-radius:13px;text-decoration:none;color:#344054;position:relative;background:#f9fafb}.source:after{content:"";position:absolute;right:-25px;top:50%;width:24px;border-top:2px solid #d0d5dd}.source.live{border-color:#a6f4c5;background:#f0fdf4}.source strong{font-size:18px}.source strong span{float:right}.source b{font-size:13px;color:#667085}.source.live b{color:#067647}.source small{font-size:13px;line-height:1.5;color:#667085}.unified,.output{position:relative;padding:26px;border:1px solid #d1e0ff;border-radius:18px;background:#f5f8ff}.unified p,.next p,.connection-hero p{color:#667085;line-height:1.65}.flow-arrow{position:absolute;left:-38px;top:45%;font-size:28px;color:#155eef}.output{background:#0b1220;color:white;border-color:#0b1220}.output .eyebrow{color:#84adff}.steps{display:grid;gap:8px;margin-top:24px}.steps span{padding:12px;text-align:center;border-radius:6px;background:#1d3c70}.steps span:nth-child(2){margin-inline:12px}.steps span:nth-child(3){margin-inline:24px}.steps span:nth-child(4){margin-inline:36px;background:#067647}.next{border-left:4px solid #f79009}.connection-hero{padding:40px}.connection-hero h2{font-size:32px;margin-top:18px}.module-links{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px}.module-links a{display:grid;gap:12px;padding:28px;border:1px solid #b2ccff;border-radius:15px;text-decoration:none;color:#155eef;background:#f5f8ff}.module-links span{color:#667085}.sidebar-foot{display:none}@media(max-width:1100px){.infra-flow{grid-template-columns:1fr;gap:36px}.flow-head{display:none}.sources:after,.source:after{display:none}.flow-arrow{left:50%;top:-35px;transform:rotate(90deg)}.module-links{grid-template-columns:1fr}}
