.speed-lines-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}.speed-line{position:absolute;width:100%;height:2px;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.3) 50%,rgba(255,255,255,0));animation:move-right linear infinite}@keyframes move-right{0%{transform:translateX(-100%);opacity:0}10%,90%{opacity:1}to{transform:translateX(100%);opacity:0}}.sui-logo-animation-container{position:absolute;top:50%;left:calc(50% - 10px);transform:translate(-50%,-50%);width:400px;height:400px;overflow:hidden;z-index:0}.sui-logo-particle{position:absolute;display:flex;align-items:center;justify-content:center;color:hsl(var(--accent));animation:move-and-fade linear infinite;will-change:transform,opacity}@keyframes move-and-fade{0%{opacity:0;transform:scale(.5)}20%{opacity:.7;transform:scale(1)}80%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(.5) translate(var(--translateX),var(--translateY))}}.floating-cubes-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.floating-cube-scene{animation:float linear infinite}.floating-cube,.floating-cube-scene{position:absolute;transform-style:preserve-3d}.floating-cube{width:100%;height:100%;animation:spin linear infinite}.floating-cube .face{position:absolute;width:100%;height:100%;background-color:hsl(222 47% 11%);border:1px solid rgba(255,255,255,.2);opacity:.8}.floating-cube .front{transform:translateZ(var(--cube-size-half))}.floating-cube .back{transform:rotateY(180deg) translateZ(var(--cube-size-half))}.floating-cube .right{transform:rotateY(90deg) translateZ(var(--cube-size-half))}.floating-cube .left{transform:rotateY(-90deg) translateZ(var(--cube-size-half))}.floating-cube .top{transform:rotateX(90deg) translateZ(var(--cube-size-half))}.floating-cube .bottom{transform:rotateX(-90deg) translateZ(var(--cube-size-half))}@keyframes spin{0%{transform:rotateX(0deg) rotateY(0deg)}to{transform:rotateX(1turn) rotateY(1turn)}}@keyframes float{0%{transform:translateX(0) translateY(var(--start-y));opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateX(100vw) translateY(var(--end-y));opacity:0}}.cityscape-container{width:100%;line-height:0;pointer-events:none;display:flex;justify-content:center}.cityscape-svg{height:auto;width:100%}.cityscape-svg path{fill:hsl(var(--card))}.cityscape-svg:nth-child(n+2){display:none}@media (min-width:768px) and (max-width:1049px){.cityscape-svg{width:50%}.cityscape-svg:nth-child(2){display:block}.cityscape-svg:nth-child(3){display:none}}@media (min-width:1050px){.cityscape-svg{width:33.34%}.cityscape-svg:not(:first-child){display:block}}.hero-text-glitch{transition:opacity .5s ease-out;opacity:1}.hero-text-glitch.glitching-out{opacity:0;pointer-events:none}.whale-container{position:absolute;bottom:10%;left:0;width:100%;height:20vmin;z-index:2;pointer-events:none;overflow:hidden;animation:whale-marquee 25s linear infinite}.orange-whale{width:13vmin;left:50%;border-radius:0 30% 5% 0;top:30%}.orange-whale,.orange-whale-main{height:7vmin;position:absolute;transform:translateX(-50%) rotate(0deg)}.orange-whale-main{width:20vmin;background:#475569;left:30%;border-radius:0 30% 2% 0;overflow:hidden;z-index:1;animation:whale-swim 2s linear infinite}.orange-whale-backside{height:7vmin;width:12vmin;background:#475569;position:absolute;left:-124%;border-radius:0 0 0 100%;overflow:hidden;box-shadow:inset 0 -2vmin 3vmin #1e293b;animation:whale-swim-back 2s linear infinite}.orange-whale-eye{height:.3vmin;width:1vmin;background-color:#0f172a;position:absolute;right:30%;top:70%;border-radius:50%}.orange-whale-flipper{left:-166%;top:-36%;background-color:#334155;transform:rotate(-73deg);animation:flipper-move 2s linear infinite}.orange-whale-flipper,.orange-whale-flipper:after{position:absolute;width:6vmin;height:2.5vmin;border-radius:0 20vmin 0 20vmin}.orange-whale-flipper:after{content:"";left:0;top:0;background-color:#475569;transform:rotate(-20deg)}.gill-container{width:4vmin;left:25%;top:70%;overflow:hidden}.gill-container,.orange-whale-gill{height:3vmin;border-radius:0 0 4vmin 0;position:absolute}.orange-whale-gill{background-color:#64748b;width:5vmin;animation:whale-gill 3s ease-in-out infinite;transform:rotate(15deg)}@keyframes whale-gill{0%,to{height:2vmin;box-shadow:2px 2px 2px #334155}10%,70%{height:3vmin;box-shadow:none}}@keyframes flipper-simple{0%,to{transform:rotate(-73deg)}25%,70%{transform:rotate(-13deg)}}@keyframes whale-marquee{0%{transform:translateX(-100%)}to{transform:translateX(100vw)}}@keyframes whale-swim{0%{transform:translateX(-50%) rotate(0deg)}25%{transform:translateX(-50%) rotate(-3deg)}50%{transform:translateX(-50%) rotate(0deg)}75%{transform:translateX(-50%) rotate(3deg)}to{transform:translateX(-50%) rotate(0deg)}}@keyframes whale-swim-back{0%{border-radius:10% 0 0 100%}25%{border-radius:10% 0 0 100%}50%{border-radius:100% 0 0 10%}75%{border-radius:100% 0 0 10%}to{border-radius:10% 0 0 100%}}@keyframes flipper-move{0%{top:-36%;transform:rotate(-73deg)}25%{top:-36%;transform:rotate(25deg)}50%{top:58%;transform:rotate(25deg)}75%{top:58%;transform:rotate(-73deg)}to{top:-36%;transform:rotate(-73deg)}}#mouse-trail-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}