.orbit-scene{position:relative;width:440px;aspect-ratio:1;display:grid;place-items:center;isolation:isolate;filter:drop-shadow(0 28px 45px rgba(0,0,0,.32))}
.orbit-scene:before{content:"";position:absolute;inset:8%;border-radius:50%;background:radial-gradient(circle,rgba(168,245,53,.1),transparent 48%),conic-gradient(from 90deg,transparent,rgba(71,59,255,.12),transparent 38%,rgba(168,245,53,.08),transparent 68%);filter:blur(16px);animation:orbit-breathe 5s ease-in-out infinite}
.orbit-halo{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 12%,rgba(168,245,53,.55) 13%,transparent 14% 48%,rgba(71,59,255,.8) 49%,transparent 50% 82%,rgba(168,245,53,.35) 83%,transparent 84%);mask:radial-gradient(transparent 68%,#000 69% 70%,transparent 71%);opacity:.65;animation:orbit-spin 18s linear infinite}
.orbit-scene .orbit{position:absolute;display:block;border-radius:50%;border:1px solid rgba(214,225,211,.2);width:auto;height:auto;box-shadow:inset 0 0 24px rgba(168,245,53,.025)}
.orbit-scene .orbit:before,.orbit-scene .orbit:after{display:none}
.orbit-outer{inset:4%;animation:orbit-spin 28s linear infinite}
.orbit-middle{inset:18%;animation:orbit-spin-reverse 19s linear infinite}
.orbit-inner{inset:32%;animation:orbit-spin 12s linear infinite}
.orbit-label{position:absolute!important;inset:auto!important;padding:8px 13px!important;border:1px solid rgba(255,255,255,.18);background:linear-gradient(135deg,#5b4dff,#3525e7)!important;color:#fff;line-height:1;letter-spacing:.08em;border-radius:2px;box-shadow:0 8px 26px rgba(71,59,255,.38);white-space:nowrap}
.orbit-label:after{content:"";position:absolute;inset:-5px;border:1px solid rgba(71,59,255,.28);border-radius:4px;opacity:.65}
.label-seo{left:13%!important;top:7%!important;animation:label-upright 28s linear infinite}
.label-social{right:-7%!important;bottom:25%!important;animation:label-upright 28s linear infinite}
.label-ads{right:5%!important;top:11%!important;animation:label-upright-reverse 19s linear infinite}
.label-content{left:-28%!important;bottom:5%!important;animation:label-upright 12s linear infinite}
.orbit-dot{position:absolute!important;width:8px;height:8px;padding:0!important;border-radius:50%;background:var(--lime)!important;box-shadow:0 0 0 5px rgba(168,245,53,.1),0 0 18px rgba(168,245,53,.9)}
.orbit-middle .orbit-dot{left:3%;top:26%}.orbit-inner .orbit-dot{right:9%;bottom:14%}
.orbit-core{position:relative;z-index:3;width:126px;aspect-ratio:1;border:1px solid rgba(168,245,53,.38);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(circle at 40% 30%,#172314 0,#0b100b 58%,#070907 100%);box-shadow:0 0 0 10px rgba(168,245,53,.025),0 0 55px rgba(168,245,53,.14)}
.orbit-core:before{content:"";position:absolute;inset:-10px;border:1px dashed rgba(168,245,53,.26);border-radius:50%;animation:orbit-spin-reverse 16s linear infinite}
.orbit-core small{font-size:7px;font-weight:800;letter-spacing:.2em;color:#aab1a7;margin-bottom:-5px}
.orbit-core b{font-size:70px!important;line-height:1;color:var(--lime);font-style:italic;transform:rotate(-8deg)!important;text-shadow:0 0 24px rgba(168,245,53,.32)}
.orbit-core i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--lime);right:8px;top:31px;box-shadow:0 0 14px var(--lime);animation:core-pulse 1.8s ease-in-out infinite}
@keyframes orbit-spin{to{transform:rotate(360deg)}}
@keyframes orbit-spin-reverse{to{transform:rotate(-360deg)}}
@keyframes label-upright{to{transform:rotate(-360deg)}}
@keyframes label-upright-reverse{to{transform:rotate(360deg)}}
@keyframes orbit-breathe{50%{transform:scale(1.08);opacity:.7}}
@keyframes core-pulse{50%{transform:scale(1.65);opacity:.45}}
@media(max-width:850px){.orbit-scene{width:360px}.orbit-core{width:108px}.orbit-core b{font-size:58px!important}}
@media(prefers-reduced-motion:reduce){.orbit-scene *{animation-play-state:paused!important}}
