.logo-motion{position:relative;display:inline-flex;flex:0 0 60px;width:60px;height:60px;isolation:isolate;border-radius:50%}
.logo-motion .brand-logo{border-radius:50%;animation:geo-logo-glow 4.5s ease-in-out infinite}
.logo-motion::before{content:"";position:absolute;inset:-4px;border-radius:50%;border:1px solid rgba(255,205,107,.18);border-top:2px solid #ffda83;border-right-color:rgba(230,174,62,.7);animation:geo-logo-orbit 9s linear infinite;pointer-events:none}
.logo-satellite-orbit{position:absolute;inset:0;transform:rotate(-28deg);pointer-events:none}
.logo-satellite-orbit::before{content:"";position:absolute;left:-12px;top:7px;width:84px;height:46px;border:1px solid rgba(230,174,62,.65);border-radius:50%;box-sizing:border-box}
.logo-satellite{position:absolute;left:30px;top:30px;width:22px;height:17px;transform:translate(-50%,-50%) translate(42px,0) rotate(28deg);filter:drop-shadow(0 0 3px rgba(230,174,62,.6));will-change:transform}
.logo-satellite svg{display:block;max-width:none}
.logo-shine{position:absolute;inset:0;border-radius:50%;overflow:hidden;pointer-events:none}
.logo-shine::after{content:"";position:absolute;inset:-50%;background:linear-gradient(110deg,transparent 38%,rgba(255,244,205,.04) 43%,rgba(255,244,205,.45) 49%,transparent 56%);transform:translateX(-90%);animation:geo-logo-shine 7s ease-in-out infinite}
.logo-motion-toggle{align-self:center;padding:4px;width:26px;height:26px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:transparent;color:#9fb3c8;font:12px system-ui;cursor:pointer}
.logo-motion-toggle:hover{color:#ffda83;border-color:#ffda83}.logo-motion-toggle:focus-visible{outline:2px solid #57c7ff;outline-offset:3px}
.logo-motion.is-paused::before,.logo-motion.is-paused::after,.logo-motion.is-paused .brand-logo,.logo-motion.is-paused .logo-shine::after,.logo-motion.is-paused .logo-satellite{animation-play-state:paused}
@keyframes geo-logo-orbit{to{transform:rotate(360deg)}}
@keyframes geo-logo-glow{0%,100%{filter:drop-shadow(0 0 3px rgba(255,195,83,.18))}50%{filter:drop-shadow(0 0 10px rgba(255,195,83,.55)) drop-shadow(0 0 16px rgba(230,174,62,.16))}}
@keyframes geo-logo-roll{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}
@keyframes geo-logo-shine{0%,60%{transform:translateX(-90%)}90%,100%{transform:translateX(90%)}}
@media(prefers-reduced-motion:reduce){.logo-motion::before,.logo-motion::after,.logo-motion .brand-logo,.logo-motion .logo-shine::after,.logo-motion .logo-satellite{animation:none}.logo-shine{display:none}.logo-motion:not(.motion-opt-in) .logo-satellite{animation:none}.logo-motion.motion-opt-in.is-paused .logo-satellite{animation-play-state:paused}}