.dev-system-parallax{width:100%;max-width:490px;transform:perspective(1100px) rotateX(var(--unlit-y,0deg)) rotateY(var(--unlit-x,0deg));transition:transform .65s cubic-bezier(.2,.7,.2,1)}.dev-system{animation:9s ease-in-out infinite system-drift}.system-mark{transform-origin:240px 190px;animation:6s ease-in-out infinite mark-hover}.system-halo{animation:6s ease-in-out infinite halo-breathe}.system-signal{stroke-dasharray:8 92;stroke-dashoffset:100px;animation:5s linear infinite signal-flow}.system-signal:nth-child(2){animation-delay:-1.7s}.system-signal:nth-child(3){animation-delay:-3.4s}.system-glint{animation:7s ease-in-out infinite metal-glint}.dev-hero-art[data-motion=paused] *,.dev-hero-art[data-motion=paused] :before{animation-play-state:paused}.dev-hero-art[data-motion=paused] .dev-system-parallax{transition:none}.unlit-motion-toggle{color:#c5bfce;background:#19171c;border:1px solid #46414c;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.unlit-motion-toggle:hover{background:#302b37;border-color:#8d819d}.unlit-motion-toggle[aria-pressed=true]{color:#fff;background:#302b37}@keyframes system-drift{0%,to{transform:translateY(5px)rotate(-1.2deg)}50%{transform:translateY(-8px)rotate(1.2deg)}}@keyframes mark-hover{0%,to{transform:translateY(3px)}50%{transform:translateY(-5px)}}@keyframes halo-breathe{0%,to{opacity:.55}50%{opacity:1}}@keyframes signal-flow{to{stroke-dashoffset:0}}@keyframes metal-glint{0%,18%{opacity:0;transform:translate(0)skew(-18deg)}24%{opacity:1}55%,to{opacity:0;transform:translate(670px)skew(-18deg)}}@media (max-width:800px){.unlit-motion-toggle{width:44px;height:44px}}@media (prefers-reduced-motion:reduce){.dev-system,.system-mark,.system-halo,.system-signal,.system-glint{animation:none}.system-signals,.system-glint,.unlit-motion-toggle{display:none}.dev-system-parallax{transition:none;transform:none}}