*{box-sizing:border-box;margin:0;padding:0}html,body{color:#222;width:100%;height:100%;margin:0;font-family:Inter,Arial,Helvetica,sans-serif;position:relative}#canvas{background-color:#e9e9e9;width:100%;height:100%;display:block}canvas{background-color:#050507}.grotext{font-family:Darker Grotesque,Arial,Helvetica,sans-serif}.primClr{color:#4e0fd3}.container{width:100%;max-width:1280px;height:100%;margin:0 auto;padding:2rem;overflow:hidden}.threejs-container{width:calc(100% - 4rem);max-width:calc(1280px - 4rem);height:calc(100vh - 4rem - 260px);position:absolute;bottom:2rem;left:0;transform:translate(calc(50vw - 50%))}.start-btn{color:#fff;z-index:10;cursor:pointer;background-color:#4e0fd3;border:none;border-radius:100px;padding:12px 48px;font-size:16px;font-weight:500;transition:all .5s;position:absolute;bottom:4rem;left:0;transform:translate(calc(50vw - 50%))}@media screen and (max-width:600px){.container{padding:1rem}.threejs-container{width:calc(100% - 2rem);height:calc(100vh - 2rem - 260px);bottom:1rem}.start-btn{bottom:2rem}}.threejs-container>div{border-radius:20px}.site-nav{justify-content:space-between;align-items:center;width:100%;margin-bottom:60px;display:flex;position:relative}@media screen and (min-width:891px){.site-nav svg{display:none}}.site-nav .site-label{font-size:20px;font-weight:700}.site-nav .menu-items{align-items:center;gap:48px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.site-nav .menu-item{font-size:14px}.site-nav .site-action{color:#4e0fd3;font-size:20px;font-weight:700}.site-title{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.site-title h1{font-size:200px;font-weight:600;line-height:78%;display:inline-block;position:relative;top:-16px}.site-title .subtitle h3{margin-bottom:24px;font-size:52px;font-weight:600}.site-title .subtitle p{text-align:end;font-size:16px;font-weight:600;line-height:110%}.circular-text-wrapper{width:124px;height:124px;position:relative}.site-title path{scale:.6}.circular-text-wrapper svg{width:36px;height:36px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#circular-text{font-size:14px;font-weight:500;animation:14s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media screen and (max-width:890px){.site-nav .menu-items,.site-nav .site-action{display:none}.site-title{flex-wrap:wrap}.site-title h1{font-size:72px;top:-10px}.site-title .subtitle{flex:100%;justify-content:space-between;align-items:center;margin-top:16px;display:flex}.site-title .subtitle h3{margin-bottom:initial;font-size:36px}.site-title .subtitle p{font-size:14px;line-height:90%}.circular-text-wrapper{width:100px;height:100px}#circular-text{font-size:12px}}