@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap";
*{box-sizing:border-box}html,body{margin:0;padding:0}html{scroll-behavior:smooth}body{color:#f3f2ef;background:#0a0b0b;font-family:Inter,system-ui,sans-serif;overflow-x:hidden}::selection{color:#fff;background:#0e7d7d}a{color:inherit}.dot-grid{background-image:radial-gradient(#ffffff0b 1px,#0000 1px);background-size:22px 22px}.sceneRoot{touch-action:pan-y;background-color:#0a0b0b;width:100%;height:100%;position:absolute;inset:0}.sceneRoot>canvas{z-index:1;position:absolute;inset:0;width:100%!important;height:100%!important}.whiteEdgeGradient{display:none}.customCursor{display:none!important}.projectTooltip{z-index:120;pointer-events:none;color:#fff;white-space:nowrap;-webkit-user-select:none;user-select:none;background:#000000bf;border:1px solid #ffffff2e;border-radius:8px;padding:7px 11px;font:500 12px/1 Inter,sans-serif;position:absolute;top:0;left:0}@keyframes hb-wordrise{0%{opacity:0;filter:blur(10px);transform:translateY(8px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes hb-fadeup{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes hb-blink{50%{opacity:0}}@keyframes holoPanelIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes hb-scrolldot{0%{opacity:0;transform:translateY(0)}30%{opacity:1}to{opacity:0;transform:translateY(14px)}}.cta-stage{background:#000;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.cta-stage .content{border-radius:40px;flex-shrink:0;width:1000px;height:562px;animation:200s linear infinite ctabrightness;overflow:hidden}.cta-stage .container,.cta-stage .container-full{justify-content:center;align-items:center;display:flex}.cta-stage .container-full{width:1000px;height:562px;margin:0;animation:200s linear infinite ctazoomin;overflow:hidden;transform:scale(1)}.cta-stage .backgroundImage{width:1000px;position:absolute}.cta-stage .boyImage{z-index:2;width:1000px;animation:200s linear infinite ctablur;position:absolute}.cta-stage .cube{width:870px;height:190px;transform-style:preserve-3d;perspective:480px;perspective-origin:51% 70%;position:relative}.cta-stage .face{opacity:.5;background:0 0;border:0 solid #000;align-items:center;width:870px;height:190px;display:flex;position:absolute;overflow:hidden}.cta-stage .bottom,.cta-stage .top{width:870px;height:870px}.cta-stage p{white-space:nowrap;color:#fff;margin:0;padding-top:20px;font-family:Bebas Neue,sans-serif;font-size:calc(6em + 13.3px);font-weight:400;overflow:hidden}.cta-stage span{color:#4fd0d0}.cta-stage .front{display:none;transform:translateZ(435px)}.cta-stage .back{transform:translateZ(-435px)rotateY(180deg)scaleX(-1)}.cta-stage .left{transform:translate(-435px)rotateY(-90deg)scaleX(-1)}.cta-stage .right{transform:translate(435px)rotateY(90deg)scaleX(-1)}.cta-stage .top{transform:translateY(-435px)rotateX(90deg)scaleY(-1)}.cta-stage .bottom{transform:translateY(-245px)rotateX(-90deg)scaleY(-1)}.cta-stage .left p{margin-left:480px;animation:200s linear infinite ctaleft}.cta-stage .back p{margin-left:-390px;animation:200s linear infinite ctaback}.cta-stage .right p{margin-left:-1260px;animation:200s linear infinite ctaright}@keyframes ctaleft{to{margin-left:-54000px}}@keyframes ctaback{to{margin-left:-54870px}}@keyframes ctaright{to{margin-left:-55740px}}.cta-stage .hue{z-index:3;mix-blend-mode:overlay;opacity:1;background:radial-gradient(#1e5799 0,#7db9e8 100%);width:100%;height:100%;position:absolute;top:0;left:0}.cta-stage .hue.animated{animation:8s infinite ctafilter}.cta-stage .container-reflect{filter:blur(10px);justify-content:center;align-items:center;margin-top:380px;display:flex;position:absolute}.cta-stage .container-reflect .cube{perspective-origin:51% -30%}.cta-stage .container-reflect .back{transform:translateZ(-435px)rotateY(180deg)scaleX(-1)scaleY(-1)}.cta-stage .container-reflect .left{transform:translate(-435px)rotateY(-90deg)scaleX(-1)scaleY(-1)}.cta-stage .container-reflect .right{transform:translate(435px)rotateY(90deg)scaleX(-1)scaleY(-1)}.cta-stage .container-reflect p{transform:scaleY(70%)}@keyframes ctafilter{0%,to{filter:hue-rotate()}50%{filter:hue-rotate(100deg)}}@keyframes ctazoomin{0%{transform:scale(1)}to{transform:scale(2.5)}}@keyframes ctablur{0%{filter:blur()}to{filter:blur(3px)}}@keyframes ctabrightness{0%{filter:brightness()contrast()}to{filter:brightness(.8)contrast(1.3)}}
