.unified-map{isolation:isolate;overflow:hidden;padding:48px 34px 26px;background:radial-gradient(ellipse at 50% 45%,#e5dcff 0,transparent 58%),linear-gradient(135deg,#faf9ff,#f0f3ff 60%,#f5efff);box-shadow:inset 0 1px 0 #fff,0 24px 70px #55468c0c}
.unified-map:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#9685b82b 1px,transparent 1px);background-size:22px 22px;z-index:-1;mask-image:linear-gradient(transparent,#000 35%,transparent)}
.unified-center{width:230px;min-height:195px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid #fff;border-radius:30px;background:linear-gradient(145deg,#fffffff5,#f0eaff);box-shadow:0 20px 70px #7661b426,inset 0 0 0 5px #ffffff70;margin:0 auto 74px;z-index:2}
.unified-center>span{background:linear-gradient(135deg,#9d76ec,#6053d7);box-shadow:0 8px 25px #7560c447;margin-bottom:10px}
.unified-center strong{color:#342357}.unified-center p{max-width:185px;margin:6px 0 0;line-height:1.5}.unified-center:after{display:none}
.unified-nodes{position:relative;z-index:2;border:0;padding:0;gap:48px 20px}.unified-nodes a{min-height:100px;border-radius:18px;padding:20px;background:#fffffff0;box-shadow:0 8px 25px #53467909;position:relative;transition:transform .3s,border-color .3s,box-shadow .3s,background .3s}
.unified-nodes a>span{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border-radius:13px;background:#f0eafa;color:#7354ba;font-size:27px;transition:background .3s,color .3s,box-shadow .3s}
.unified-nodes a.flow-active,.unified-nodes a:hover,.unified-nodes a:focus-visible{border-color:#9d7bdf;background:#fff;transform:translateY(-4px);box-shadow:0 12px 38px #7956ca28,0 0 0 3px #b99bf218;outline-offset:5px}
.unified-nodes a.flow-active>span{background:#7957c7;color:white;box-shadow:0 0 24px #ab7bef65}.unified-nodes a.flow-active i{color:#7550bd;transform:translate(2px,-2px)}
.unified-flow{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:1}.flow-track{stroke:#cfc3e5;stroke-width:1.5;fill:none}.flow-beam{stroke:#9760e6;stroke-width:3;stroke-linecap:round;fill:none;stroke-dasharray:14 86;stroke-dashoffset:14;opacity:0;filter:drop-shadow(0 0 5px #a56afa)}.flow-beam.flow-running{animation:system-transmit 1.8s ease-in-out forwards}
.unified-note{position:relative;z-index:2;margin-top:30px}.flow-toggle{display:block;margin:14px auto 0;border:1px solid #d5c9e6;border-radius:30px;background:#ffffffb8;color:#67507e;font:inherit;font-size:11px;padding:7px 14px;cursor:pointer;position:relative;z-index:3}.flow-toggle:hover{background:white;border-color:#9574c3}
.unified-center.flow-emitting>span{animation:system-heartbeat 1.8s ease-out}.unified-map.flow-paused .flow-beam{animation:none;opacity:0}
@keyframes system-transmit{0%{stroke-dashoffset:14;opacity:0}15%{opacity:1}85%{opacity:1}100%{stroke-dashoffset:-100;opacity:0}}
@keyframes system-heartbeat{0%,100%{box-shadow:0 8px 25px #7560c447}30%{box-shadow:0 0 0 12px #9971da12,0 0 42px #9770dc85}}
@media(min-width:1000px){.unified-map{padding:48px 38px 26px}.unified-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-58%);margin:0;width:230px}.unified-nodes{grid-template-columns:1fr 1fr;column-gap:310px;row-gap:34px}.unified-nodes a{min-height:100px}.unified-note{margin-top:34px}}
@media(max-width:850px){.unified-nodes{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.unified-map{padding:30px 18px 22px;border-radius:22px}.unified-center{min-height:174px;width:205px;margin-bottom:58px}.unified-nodes{gap:34px 18px}.unified-nodes a{padding:17px 9px;min-height:116px;gap:10px}.unified-nodes b{font-size:12px;line-height:1.4}.unified-nodes a>span{width:38px;height:38px;font-size:24px}}
@media(prefers-reduced-motion:reduce){.unified-map *{animation:none!important;transition:none!important}.flow-beam{display:none}.unified-nodes a:hover,.unified-nodes a:focus-visible{transform:none}.flow-toggle{display:none}}