.diagram-desktop{height:600px;margin:30px auto 0;position:relative;width:600px}.diagram-desktop:before{border:2px solid #040d3d;border-radius:50%;content:"";height:470px;width:470px}.diagram-desktop:before,.ring{left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.ring{border:2px dashed #9faee0;border-radius:50%}.ring-1{height:280px;width:280px}.ring-2{height:200px;width:200px}.line-h,.line-v{background:#040d3d;left:50%;pointer-events:none;position:absolute;top:50%}.line-h{height:2px;width:420px}.line-h,.line-v{transform:translate(-50%,-50%)}.line-v{height:420px;width:2px}.node{align-items:center;background:#040d3d;border:4px solid #f9fafa;border-radius:50%;cursor:pointer;display:flex;flex-direction:column;height:140px;justify-content:center;overflow:hidden;padding:14px;position:absolute;text-align:center;transition:background .3s ease,transform .3s ease,box-shadow .3s ease;width:140px}.node:hover{box-shadow:0 8px 24px #040d3d4d;transform:scale(1.05)}.node-title{color:#fff;font-size:18px;font-weight:600;line-height:1.2;margin-bottom:4px;transition:opacity .25s ease,transform .25s ease}.node-sub{color:#fffc;font-size:12px;line-height:16.8px;margin-top:5px;transition:opacity .25s ease,transform .25s ease}.node-hover-text{bottom:18px;color:#fffc;font-size:12px;font-style:italic;left:0;opacity:0;padding:0 10px;position:absolute;right:0;transform:translateY(6px);transition:opacity .25s ease .1s,transform .25s ease .1s}.node:hover .node-sub{opacity:0;transform:translateY(-4px)}.node:hover .node-hover-text{opacity:1;transform:translateY(-14px)}.node-center{height:150px;left:50%;top:50%;width:150px;--tx:-50%;--ty:-50%;transform:translate(-50%,-50%)}.node-center:hover{transform:translate(-50%,-50%) scale(1.08)}.node-top{left:50%;top:0;--tx:-50%;--ty:0;transform:translate(-50%)}.node-top:hover{transform:translate(-50%) scale(1.08)}.node-bottom{bottom:0;left:50%;--tx:-50%;--ty:0;transform:translate(-50%)}.node-bottom:hover{transform:translate(-50%) scale(1.08)}.node-left{left:0;top:50%;--tx:0;--ty:-50%;transform:translateY(-50%)}.node-left:hover{transform:translateY(-50%) scale(1.08)}.node-right{right:0;top:50%;--tx:0;--ty:-50%;transform:translateY(-50%)}.node-right:hover{transform:translateY(-50%) scale(1.08)}.diagram-mobile{align-items:center;display:none;flex-direction:column;gap:0;margin:0 auto;max-width:380px;width:100%}.mobile-row{display:flex;gap:10px;width:100%}.mobile-card{align-items:center;background:#040d3d;border-radius:12px;cursor:pointer;display:flex;flex:1;flex-direction:column;justify-content:center;min-height:110px;overflow:hidden;padding:22px 16px;position:relative;text-align:center;transition:background .3s ease,transform .2s ease,box-shadow .25s ease}.mobile-card:active,.mobile-card:hover{background:#040d3d;box-shadow:0 12px 32px rgba(10,21,53,.3);transform:translateY(-3px)}.mobile-center-card{align-items:center;background:#040d3d;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:90px;overflow:hidden;padding:22px 16px;position:relative;text-align:center;transition:background .3s,transform .2s;width:100%}.mobile-center-card:hover{background:#040d3d;box-shadow:0 12px 32px rgba(10,21,53,.3);transform:translateY(-2px)}.mobile-connector{background:#040d3d;height:16px;margin:0 auto;width:1px}@media (max-width:767.98px){.diagram-desktop{display:none}.diagram-mobile{display:flex;margin-top:40px}}