.unified-commerce-diagram-module{align-items:center;background-color:#fff;display:flex;font-family:Public Sans,-apple-system,BlinkMacSystemFont,sans-serif;justify-content:center;padding:80px 20px}.diagram-container{height:600px;max-width:100%;position:relative;width:700px}.central-hub{align-items:center;background:linear-gradient(135deg,#070e51,#0a1166);border-radius:50%;box-shadow:0 20px 40px rgba(7,14,81,.2);color:#fff;display:flex;flex-direction:column;height:160px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:160px;z-index:10}.central-hub svg{color:#f9a11a;height:44px;margin-bottom:8px;width:44px}.central-hub .hub-text{font-size:13px;font-weight:600;letter-spacing:.5px;line-height:1.3;text-align:center}.connection-lines{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.connection-lines line{stroke:#cbd5e1;stroke-width:3}.channel-link{position:absolute;text-decoration:none;z-index:5}.channel-node{align-items:center;background:#fff;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.08);cursor:pointer;display:flex;flex-direction:column;height:130px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:130px}.channel-link:hover .channel-node{box-shadow:0 15px 40px rgba(0,0,0,.12);transform:scale(1.05)}.channel-node svg{height:36px;margin-bottom:8px;transition:transform .3s ease;width:36px}.channel-link:hover .channel-node svg{transform:scale(1.1)}.node-label{font-size:11px;font-weight:600;letter-spacing:.5px;padding:0 10px;transition:opacity .3s ease}.hover-text,.node-label{color:#070e51;text-align:center}.hover-text{bottom:-30px;font-size:12px;font-weight:500;left:0;opacity:0;position:absolute;right:0;transition:all .3s ease}.channel-link:hover .hover-text{bottom:18px;opacity:1}.channel-link:hover .node-label{opacity:0}.node-pos{left:50%;top:20px;transform:translateX(-50%)}.node-pos svg{color:#f9a11a}.node-ecommerce{right:40px;top:110px}.node-ecommerce svg{color:#25b9c9}.node-inventory{bottom:60px;right:110px}.node-inventory svg{color:#98ca3c}.node-loyalty{bottom:60px;left:110px}.node-loyalty svg{color:#7b68ee}.node-forecasting{left:40px;top:110px}.node-forecasting svg{color:#dc2626}@media (max-width:750px){.diagram-container{height:500px;width:500px}.central-hub{height:120px;width:120px}.central-hub svg{height:32px;width:32px}.central-hub .hub-text{font-size:11px}.channel-node{height:100px;width:100px}.channel-node svg{height:30px;width:30px}.node-label{font-size:9px}.hover-text{font-size:10px}.node-pos{top:20px}.node-ecommerce{right:30px;top:85px}.node-inventory{bottom:50px;right:80px}.node-loyalty{bottom:50px;left:80px}.node-forecasting{left:30px;top:85px}}@media (max-width:550px){.diagram-container{height:420px;width:380px}.node-pos{top:15px}.node-ecommerce{right:20px;top:70px}.node-inventory{bottom:40px;right:60px}.node-loyalty{bottom:40px;left:60px}.node-forecasting{left:20px;top:70px}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.channel-node{animation:fadeInScale .5s ease-out forwards;opacity:0}.node-pos .channel-node{animation-delay:.1s}.node-ecommerce .channel-node{animation-delay:.2s}.node-inventory .channel-node{animation-delay:.3s}.node-loyalty .channel-node{animation-delay:.4s}.node-forecasting .channel-node{animation-delay:.5s}