.controller-symbols{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1;perspective:900px}
.controller-symbol{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);color:var(--tone);opacity:.38;filter:drop-shadow(0 0 12px currentColor);animation:controller-drift var(--duration) ease-in-out infinite alternate;animation-delay:var(--delay);will-change:transform}
.controller-symbol svg{width:100%;height:100%;display:block;overflow:visible;animation:controller-turn calc(var(--duration)*2.5) linear infinite;stroke:currentColor;fill:none;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
.controller-symbol:nth-child(3n){opacity:.18}.controller-symbol:nth-child(even) svg{animation-direction:reverse}
.brand-hero .portal{opacity:.35}.brand-hero .portal-three{opacity:.18}
.hero-brand-lockup{position:relative;isolation:isolate;animation:brand-levitate 7s ease-in-out infinite;transform-style:preserve-3d}
.hero-brand-lockup::before{content:'';position:absolute;inset:-35% -10%;z-index:-1;background:radial-gradient(ellipse at 20% 50%,#00ff8526,transparent 48%),radial-gradient(ellipse at 80% 60%,#00e5ff26,transparent 50%);filter:blur(35px);animation:brand-aura 8s ease-in-out infinite alternate;pointer-events:none}
.hero-brand-lockup::after{content:'';position:absolute;left:-8%;right:-8%;top:15%;height:2px;box-shadow:0 0 15px 4px #00e5ff20;background:linear-gradient(90deg,transparent,#00e5ff70,#00ff8590,transparent);animation:brand-scan 7s ease-in-out infinite;pointer-events:none;opacity:0}
.hero-brand-lockup .hero-isotype{animation:visor-pulse 5s ease-in-out infinite}
.brand-hero .hero-actions{position:relative;z-index:4}.brand-hero .hero-content{z-index:3}
@keyframes controller-drift{from{transform:translate3d(0,0,0) rotate(-9deg)}to{transform:translate3d(var(--dx),var(--dy),55px) rotate(15deg)}}
@keyframes controller-turn{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes brand-levitate{0%,100%{transform:translateY(0) rotate(-.35deg)}50%{transform:translateY(-9px) rotate(.35deg)}}
@keyframes brand-aura{from{opacity:.6;transform:scale(.96)}to{opacity:1;transform:scale(1.08)}}
@keyframes brand-scan{0%,15%{top:5%;opacity:0}20%{opacity:.6}45%{top:95%;opacity:0}100%{top:95%;opacity:0}}
@keyframes visor-pulse{0%,100%{filter:drop-shadow(0 0 15px #00ff8525)}50%{filter:drop-shadow(0 0 35px #00ff8560)}}
@media(max-width:760px){.controller-symbol{width:calc(var(--size)*.6);height:calc(var(--size)*.6);opacity:.28}.controller-symbol:nth-child(n+9){display:none}.hero-brand-lockup{animation-duration:9s}.hero-brand-lockup::after{left:0;right:0}.brand-hero .portal{opacity:.22}}
@media(prefers-reduced-motion:reduce){.controller-symbol,.controller-symbol svg,.hero-brand-lockup,.hero-brand-lockup::before,.hero-brand-lockup::after,.hero-brand-lockup .hero-isotype{animation:none!important;will-change:auto}.hero-brand-lockup::after{display:none}}