.logo-orbit{position:absolute;right:5vw;top:130px;width:min(42vw,560px);aspect-ratio:1;display:grid;place-items:center;z-index:1;perspective:900px;filter:drop-shadow(0 0 38px #ff173c55)}
.logo-orbit:after{content:"";position:absolute;inset:15%;background:radial-gradient(circle,#f2234640,transparent 67%);filter:blur(22px);animation:logoPulse 3.8s ease-in-out infinite}
.logo-orbit img{width:88%;height:88%;object-fit:cover;border-radius:50%;mix-blend-mode:screen;position:relative;z-index:2;animation:logoFloat 6s ease-in-out infinite;clip-path:circle(42% at 50% 50%)}
.logo-ring{position:absolute;border:1px solid #ff244a66;border-radius:50%;inset:4%;animation:ringSpin 15s linear infinite}
.logo-ring:before,.logo-ring:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 15px var(--red)}
.logo-ring:before{top:12%;left:18%}.logo-ring:after{right:8%;bottom:26%}
.ring-two{inset:12%;border-color:#a357ff66;animation-direction:reverse;animation-duration:11s;transform:rotateX(64deg)}
.logo-scan{position:absolute;z-index:3;width:65%;height:2px;background:linear-gradient(90deg,transparent,#fff,transparent);box-shadow:0 0 14px var(--red);opacity:.55;animation:scan 4s ease-in-out infinite}
@keyframes logoFloat{0%,100%{transform:translateY(0) rotateY(-5deg) rotateZ(-1deg) scale(1)}50%{transform:translateY(-18px) rotateY(7deg) rotateZ(1deg) scale(1.035)}}
@keyframes ringSpin{to{transform:rotate(360deg)}}
@keyframes logoPulse{50%{transform:scale(1.12);opacity:.65}}
@keyframes scan{0%,100%{transform:translateY(-120px);opacity:0}20%,80%{opacity:.55}50%{transform:translateY(120px)}}
@media(max-width:850px){.hero{min-height:800px}.logo-orbit{width:82vw;right:-22vw;top:280px;opacity:.42}.hero h1,.hero-copy,.hero-actions,.eyebrow{position:relative;z-index:2}}
@media(prefers-reduced-motion:reduce){.logo-orbit img,.logo-ring,.logo-orbit:after,.logo-scan{animation:none}}