.brand-orbit{perspective:1100px;margin-top:-40px;isolation:isolate}
.brand-orbit:before{inset:3% -3%;background:radial-gradient(ellipse at 52% 54%,#e9d87d30,transparent 68%)}
.orbit-scene{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.orbital-floor{position:absolute;inset:8% 9%;transform:translateY(65px) rotateX(62deg) rotateZ(-24deg);transform-style:preserve-3d;pointer-events:none}
.floor-grid{position:absolute;inset:8%;border-radius:50%;background-image:linear-gradient(#8f7ca312 1px,transparent 1px),linear-gradient(90deg,#8f7ca312 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(ellipse,#000,transparent 68%)}
.floor-ring{overflow:hidden;position:absolute;inset:0;border:1px solid #89739838;border-radius:50%;box-shadow:0 7px 0 #3c245508,0 14px 0 #3c245505;transform-style:preserve-3d}
.floor-ring:before{content:'';position:absolute;inset:-1px;border:2px solid transparent;border-top-color:#d3b42c;border-left-color:#d3b42c44;border-radius:50%;animation:ring-revolve 20s linear infinite}
.floor-ring:after{content:'';position:absolute;top:14%;left:14%;width:7px;height:7px;background:#a68c13;border:2px solid #ffe95b;border-radius:50%;box-shadow:0 0 12px #e3c83c}
.ring-two{inset:13%;transform:translateZ(24px)}.ring-two:before{animation-direction:reverse;animation-duration:28s}.ring-three{inset:26%;transform:translateZ(44px)}.ring-three:before{animation-duration:16s;border-top-color:#776487}
.orbital-halo{position:absolute;inset:22%;border:1px solid #d7ca9970;border-radius:50%;background:radial-gradient(circle,#ffed8730,transparent 65%);transform:translateZ(-5px);animation:halo-breathe 7s ease-in-out infinite;pointer-events:none}
.network-art{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;transform:translateZ(12px)}
.route-base{fill:none;stroke:url(#route-gradient);stroke-width:1;opacity:.45}
.route-stream{fill:none;stroke:#b29416;stroke-width:1.5;stroke-dasharray:8 24;opacity:.5}
.route-stream path{animation:route-flow var(--duration) linear var(--delay) infinite}
.packet{offset-distance:0%;animation:packet-flight var(--duration) linear var(--delay) infinite}
.binary-data{font:10px 'Consolas',monospace;letter-spacing:2px;fill:#746187}
.binary-data text{animation:binary-drift 8s ease-in-out var(--delay) infinite;opacity:.45}
.data-stack{stroke:#766584;stroke-width:1.2;fill:#f7f6f1;opacity:.55;animation:signal-opacity 6s ease-in-out infinite}.data-stack circle{fill:#c0a200;stroke:none}.stack-two{animation-delay:-3s}
.signal-arcs{stroke:#a88d16;stroke-width:1.5;fill:none;animation:signal-opacity 5s ease-in-out infinite}.signal-arcs circle{fill:#b29618;stroke:none}
.orbit-sparks{fill:#b9a231;animation:signal-opacity 7s ease-in-out infinite}
.orbit-core{left:34%;top:32.5%;width:32%;transform:translateZ(55px);border:1px solid #f4e4a1;background:linear-gradient(145deg,#fffefa 20%,#fff5c9 90%);box-shadow:0 2px 0 #fff,0 7px 0 #e5d99f,0 10px 0 #cac2ac,0 24px 45px #3c225223,inset 0 0 32px #ffffffd9;animation:core-hover 7s ease-in-out infinite;z-index:3}
.orbit-core:after{content:'';position:absolute;inset:-9%;border:1px solid #c4a62e55;border-radius:50%;border-top-color:#f7d626;border-bottom-color:#f7d626;animation:ring-revolve 24s linear infinite;pointer-events:none}
.core-rim{position:absolute;inset:6%;border:1px solid #f7e8ac;border-radius:50%;pointer-events:none}
.orbit-core img{position:relative;width:82%}.orbit-core>span{position:relative;font-size:5.6px;letter-spacing:.1em}
.orbit-node{z-index:5;gap:9px;padding:13px 14px;min-width:108px;background:linear-gradient(135deg,#fffefc,#f4f1e9);border:1px solid #ded8e4;border-bottom-color:#c8bdd5;border-radius:10px;box-shadow:0 3px 0 #e4dfe9,0 14px 28px #30233f13,inset 0 1px 0 #fff;transform:translateZ(48px);animation:node-hover 7s ease-in-out var(--float-delay) infinite;text-align:left}
.orbit-node:hover,.orbit-node:focus-visible{animation-play-state:paused;transform:translate3d(0,-5px,62px);border-color:#a38bb6;box-shadow:0 3px 0 #d1c6de,0 18px 32px #30233f21}
.orbit-node .node-light{width:6px;height:6px;min-width:6px;border-radius:50%;background:#c1a400;box-shadow:0 0 0 4px #f1df7c44;margin:0;font-size:0;animation:signal-opacity 5s ease-in-out var(--float-delay) infinite}
.node-copy{display:flex;flex-direction:column;gap:4px!important;margin:0!important;color:var(--ink)!important}.node-copy small{font-size:6px;letter-spacing:.17em;color:#8b7e97;font-weight:600;line-height:1}.node-copy strong{font-size:11px;font-weight:650;line-height:1.3}.orbit-node .node-arrow{margin-left:auto;color:#927da6;font-size:14px}
.node-0{left:18%;top:8%}.node-1{right:1%;top:17%}.node-2{right:-1%;top:51%}.node-3{right:15%;bottom:7%}.node-4{left:-1%;bottom:12%}.node-5{left:-2%;top:40%}
.orbit-bottom{position:absolute;bottom:-32px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:17px}
.orbit-caption{position:static;display:flex;font-size:9px;gap:7px}.live-dot{background:#b19a36;box-shadow:0 0 0 3px #b19a3615}
.motion-toggle{display:flex;align-items:center;gap:5px;padding:5px 0;font-size:9px;color:#75677e}.motion-toggle>span:first-child{font-size:11px}.motion-toggle:disabled{opacity:.6;cursor:default}
.motion-paused *,.motion-sleeping *,.motion-paused *:before,.motion-sleeping *:before,.motion-paused *:after,.motion-sleeping *:after{animation-play-state:paused!important}
@keyframes ring-revolve{to{rotate:360deg}}
@keyframes core-hover{50%{transform:translate3d(0,-9px,55px)}}
@keyframes node-hover{50%{transform:translate3d(0,-6px,48px)}}
@keyframes halo-breathe{50%{scale:1.07;opacity:.5}}
@keyframes route-flow{to{stroke-dashoffset:-128}}
@keyframes packet-flight{0%{offset-distance:0%;opacity:0}12%,86%{opacity:.85}100%{offset-distance:100%;opacity:0}}
@keyframes binary-drift{0%,100%{translate:0 3px;opacity:.25}50%{translate:0 -6px;opacity:.7}}
@keyframes signal-opacity{0%,100%{opacity:.28}50%{opacity:.75}}
@media(max-width:1150px){.orbit-node{min-width:94px;padding:11px 10px}.node-copy strong{font-size:9px}.node-copy small{font-size:5.5px}.orbit-node .node-arrow{font-size:12px}}
@media(max-width:850px){.brand-orbit{margin:0 auto 55px}.orbit-node{min-width:102px}.node-copy strong{font-size:10px}.orbit-bottom{bottom:-36px}.orbital-floor{transform:translateY(55px) rotateX(62deg) rotateZ(-24deg)}}
@media(max-width:520px){.brand-orbit{margin:4px auto 47px}.orbit-node{min-width:79px;padding:10px 8px;gap:6px;border-radius:7px}.node-copy strong{font-size:8px}.node-copy small{font-size:4.5px;letter-spacing:.09em}.orbit-node .node-light{width:4px;height:4px;min-width:4px;box-shadow:0 0 0 3px #f1df7c44}.orbit-node .node-arrow{font-size:10px}.orbit-core>span{font-size:3.6px}.orbital-floor{transform:translateY(38px) rotateX(62deg) rotateZ(-24deg)}.orbit-bottom{gap:12px}.orbit-caption,.motion-toggle{font-size:8px}.binary-data{font-size:9px}.node-1{right:0}.node-2{right:0}.node-4{left:0}.node-5{left:0}}
@media(prefers-reduced-motion:reduce){.brand-orbit *,.brand-orbit *:before,.brand-orbit *:after{animation:none!important;transition:none!important}.orbit-scene{transform:none!important}.packet{opacity:0}.binary-data text{opacity:.35}.motion-toggle{display:none}}