.hive-root{--gx-1:6%;--gx-2:28%;--gx-3:62%;--gx-4:94%;--gy-1:100px;--gy-2:calc(100px + 0.62 * (100vh - 100px));--gy-3:calc(100px + 0.94 * (100vh - 100px));font-family:var(--font-inter),"Inter",ui-sans-serif,system-ui,sans-serif;background-color:#0a051e;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.hive-root ::-moz-selection{background-color:rgb(168 85 247);color:#fff}.hive-root ::selection{background-color:rgb(168 85 247);color:#fff}.grid-line-v{top:0;bottom:0;width:1px}.grid-line-h,.grid-line-v{position:absolute;background:rgba(255,255,255,.06);z-index:0}.grid-line-h{left:0;right:0;height:1px}.marker{position:absolute;width:5px;height:5px;background-color:white;z-index:30;opacity:0;animation:fade-in .5s ease-out 1s forwards}@keyframes reveal-up{0%{clip-path:inset(100% 0 0 0);transform:translateY(40px);opacity:0}99.9%{clip-path:inset(0 0 0 0);transform:translateY(0);opacity:1}to{clip-path:none;transform:translateY(0);opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.animate-reveal{opacity:0;animation:reveal-up 1s cubic-bezier(.16,1,.3,1) forwards}.delay-100{animation-delay:.1s;transition-delay:.1s}.delay-200{animation-delay:.2s;transition-delay:.2s}.delay-300{animation-delay:.3s;transition-delay:.3s}.delay-500{animation-delay:.5s;transition-delay:.5s}@keyframes beam-h{0%{left:-200px;opacity:0}10%{opacity:1}90%{opacity:1}to{left:100%;opacity:0}}@keyframes beam-v{0%{top:-200px;opacity:0}10%{opacity:1}90%{opacity:1}to{top:100%;opacity:0}}.beam-h{height:1px;width:200px;background:linear-gradient(90deg,transparent,#a855f7,transparent)}.beam-h,.beam-v{position:absolute;z-index:10;opacity:0}.beam-v{width:1px;height:200px;background:linear-gradient(180deg,transparent,#a855f7,transparent)}@keyframes marquee-scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.animate-marquee{animation:marquee-scroll 30s linear infinite;will-change:transform}.animate-marquee:hover{animation-play-state:paused}.animate-marquee-slow{animation:marquee-scroll 80s linear infinite}.animate-marquee-slow:hover{animation-play-state:paused}