.hx-motion{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;--mx:0;--my:0}.hx-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;background:radial-gradient(circle at 50% 50%,rgba(3,135,140,.3),rgba(3,135,140,0) 68%);translate:calc(var(--mx)*var(--k, 20px)) calc(var(--my)*var(--k, 20px));transition:translate 1.2s cubic-bezier(.2,.7,.1,1);will-change:transform}.hx-orb--a{width:46vw;height:46vw;max-width:720px;max-height:720px;top:-18%;right:-10%;--k:34px;animation:hxDriftA 26s ease-in-out infinite alternate}.hx-orb--b{width:38vw;height:38vw;max-width:600px;max-height:600px;top:22%;left:-12%;--k:-26px;opacity:.42;animation:hxDriftB 32s ease-in-out infinite alternate}.hx-orb--c{width:30vw;height:30vw;max-width:480px;max-height:480px;bottom:-14%;right:30%;--k:18px;opacity:.35;background:radial-gradient(circle,rgba(92,203,207,.35),rgba(92,203,207,0) 68%);animation:hxDriftC 22s ease-in-out infinite alternate}@keyframes hxDriftA{0%{transform:translate(0,0) scale(1)}50%{transform:translate(-6vw,5vh) scale(1.08)}to{transform:translate(-2vw,10vh) scale(.95)}}@keyframes hxDriftB{0%{transform:translate(0,0) scale(1)}50%{transform:translate(7vw,-4vh) scale(1.1)}to{transform:translate(3vw,6vh) scale(.92)}}@keyframes hxDriftC{0%{transform:translate(0,0) scale(1)}to{transform:translate(-8vw,-6vh) scale(1.15)}}.hx-grid{position:absolute;inset:-60px;background-image:radial-gradient(rgba(3,135,140,.3) 1px,transparent 1.5px);background-size:34px 34px;-webkit-mask-image:radial-gradient(ellipse 60% 55%at 50% 38%,#000 10%,transparent 75%);mask-image:radial-gradient(ellipse 60% 55%at 50% 38%,#000 10%,transparent 75%);animation:hxGrid 40s linear infinite;opacity:.7}@keyframes hxGrid{to{transform:translate(34px,34px)}}.hx-beam{position:absolute;top:-20%;bottom:-20%;width:22vw;left:-30vw;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),rgba(3,135,140,.06),transparent);transform:skewX(-18deg);animation:hxBeam 11s cubic-bezier(.45,0,.2,1) infinite 2s;mix-blend-mode:soft-light}@keyframes hxBeam{0%{left:-30vw;opacity:0}10%{opacity:1}45%{left:110vw;opacity:.9}46%,to{left:110vw;opacity:0}}.hx-motes{position:absolute;inset:0}.hx-motes i{position:absolute;bottom:-12px;left:var(--x);width:var(--s);height:var(--s);border-radius:50%;background:rgba(3,135,140,.55);box-shadow:0 0 10px rgba(3,135,140,.45);opacity:0;animation:hxMote var(--t) linear infinite var(--d)}.hx-motes i:nth-child(3n){background:rgba(92,203,207,.7)}@keyframes hxMote{0%{transform:translate(0,0);opacity:0}10%{opacity:.9}50%{transform:translate(18px,-50vh);opacity:.6}90%{opacity:.15}to{transform:translate(-12px,-100vh);opacity:0}}@media (max-width:767px){.hx-orb{filter:blur(40px)}.hx-orb--a{width:80vw;height:80vw}.hx-orb--b{width:70vw;height:70vw}.hx-orb--c{display:none}.hx-beam{width:40vw}.hx-motes i:nth-child(n+8){display:none}}@media (prefers-reduced-motion:reduce){.hx-orb,.hx-grid,.hx-beam,.hx-motes i{animation:none!important}.hx-beam,.hx-motes{display:none}}.hx-motion.is-paused *{animation-play-state:paused!important}