.Intro .clouds{background:url(./clouds.3f4ab5ba.jpg) no-repeat top #aed2d6;background-size:cover;height:100%;left:0;position:absolute;top:0;width:100%}.Video{border-radius:20px 20px 0 0;margin-bottom:-40px;min-height:100vh;position:relative;z-index:100}.Video:before{background:transparent;content:"";display:block;padding-top:63.8888888889%}@media only screen and (min-width:768px){.Video{border-radius:1.3888888889vw 1.3888888889vw 0 0;margin-bottom:-2.7777777778vw}}.Video__mask{background:#000;pointer-events:none;z-index:10}.Video video,.Video__mask{height:100%;left:0;position:absolute;top:0;width:100%}.Video video{-o-object-fit:cover;object-fit:cover;will-change:transform}@media only screen and (max-width:767px){.Video video{transform:none!important}}.Roblox__logo{display:block;position:relative;width:110px}.Roblox__logo:before{background:transparent;content:"";display:block;padding-top:19.4174757282%}.Roblox__logo svg{height:100%;left:0;position:absolute;top:0;width:100%}.Tutorial{position:relative;z-index:100}.Tutorial__step{align-items:center;background:#e3eeee;border-radius:20px 20px 0 0;color:#0f2f4d;display:flex;flex-wrap:wrap;justify-content:center;overflow:hidden;position:relative;text-align:center}@media only screen and (min-width:768px){.Tutorial__step{border-radius:1.3888888889vw 1.3888888889vw 0 0}}.Tutorial__step .mask{background:#000;border-radius:20px 20px 0 0;height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;width:100%}@media only screen and (min-width:768px){.Tutorial__step .mask{border-radius:1.3888888889vw 1.3888888889vw 0 0}}.Tutorial__step .container{padding-top:120px}@media only screen and (min-width:768px){.Tutorial__step .container{max-width:80%;padding-top:8.3333333333vw}}.Tutorial__step .container>*+*{margin-top:60px}@media only screen and (min-width:768px){.Tutorial__step .container>*+*{margin-top:4.1666666667vw}}.Tutorial__step .visual__container{margin-left:auto;margin-right:auto}.Tutorial__step .links{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:-20px}@media only screen and (min-width:768px){.Tutorial__step .links{margin-bottom:-1.3888888889vw}}.Tutorial__step .links li{margin:0 10px 20px}@media only screen and (min-width:768px){.Tutorial__step .links li{margin:0 .6944444444vw 1.3888888889vw}}.Tutorial__step .links a img{height:50px}@media only screen and (min-width:768px){.Tutorial__step .links a img{height:3.4722222222vw}}.Tutorial__step .Play{align-items:center;background:#1fa468;border-radius:5px;display:inline-flex;flex-wrap:wrap;justify-content:center;padding:12px;width:100%}@media only screen and (min-width:768px){.Tutorial__step .Play{max-width:20.8333333333vw}}.Tutorial__step .Btn{margin-top:20px}@media only screen and (min-width:768px){.Tutorial__step .Btn{margin-top:1.3888888889vw}}.Tutorial__step p{color:#8cacb1;font-size:2.4rem;line-height:1.4;margin-left:auto;margin-right:auto}@media only screen and (min-width:768px){.Tutorial__step p{font-size:2.7777777778vw;max-width:44.4444444444vw}}.Tutorial__step p strong{color:#061f36}.Tutorial__step p .Roblox__logo{display:inline-block;position:relative;top:-.1em;vertical-align:middle;width:4.5em}.Tutorial__step:first-child{background:#fff}.Tutorial__step:first-child .container{padding-bottom:180px}@media only screen and (min-width:768px){.Tutorial__step:first-child .container{padding-bottom:12.5vw}}.Tutorial__step:first-child p .Roblox__logo svg>*{fill:#061f36!important}.Tutorial__step:nth-child(2){background:#03192d}.Tutorial__step:nth-child(2) .visual__container{max-width:100%}@media only screen and (min-width:768px){.Tutorial__step:nth-child(2) .visual__container{max-width:44.4444444444vw}}.Tutorial__step:nth-child(3) .Play+p,.Tutorial__step:nth-child(3) .visual__container+p{margin-top:120px}@media only screen and (min-width:768px){.Tutorial__step:nth-child(3) .Play+p,.Tutorial__step:nth-child(3) .visual__container+p{margin-top:12.5vw}}.Tutorial__step:nth-child(3) .Play+p{font-size:3rem}@media only screen and (min-width:768px){.Tutorial__step:nth-child(3) .Play+p{font-size:2.0833333333vw}}.Tutorial__step:nth-child(3) .visual__container+p{width:80%}@media only screen and (min-width:768px){.Tutorial__step:nth-child(3) .visual__container+p{max-width:54.1666666667vw}}.Tutorial__step:nth-child(3) .visual__container{width:100%}@media only screen and (min-width:768px){.Tutorial__step:nth-child(3) .visual__container{max-width:43.0555555556vw}}.Tutorial__step:nth-child(3) .visual__container.Dude{margin-top:30px;pointer-events:none;width:100%}@media only screen and (min-width:768px){.Tutorial__step:nth-child(3) .visual__container.Dude{margin-top:-2.0833333333vw;max-width:22.2222222222vw}}.Tutorial__step__count{display:block;margin-bottom:50px;overflow:hidden}@media only screen and (min-width:768px){.Tutorial__step__count{margin-bottom:3.4722222222vw}}.Tutorial__step__count span{display:block;font-size:50vw;font-weight:300;line-height:.8;margin-bottom:-8%}@media only screen and (min-width:768px){.Tutorial__step__count span{font-size:34.7222222222vw}}.Intro{overflow:hidden;padding-bottom:20vh;position:relative;z-index:100}.Intro.--fake{background:#02c4df;height:100vh;padding:0;z-index:120}@media only screen and (max-width:767px){.Intro.--fake{display:none}}.Intro.--fake:before{display:none}.Intro.--fake .clouds__container{position:absolute!important}.Intro:before{background:linear-gradient(0deg,rgba(2,196,223,0),#02c4df 80%);content:"";display:block;height:100%;height:30vh;left:0;position:absolute;position:fixed;top:0;width:100%;z-index:80}.Intro__step{align-items:center;display:flex;flex-wrap:wrap;height:100vh;justify-content:center;position:relative;text-align:center;z-index:40}@media only screen and (min-width:768px){.Intro__step:nth-child(3) .container{max-width:50%}}.Intro__step .Form{margin:40px auto 0;width:100%}@media only screen and (min-width:768px){.Intro__step .Form{margin-top:4.1666666667vw;max-width:41.6666666667vw}}.Intro .Arrow{align-items:center;border-radius:50%;display:flex;flex-wrap:wrap;height:80px;justify-content:center;margin:20px auto 0;width:80px}@media only screen and (min-width:768px){.Intro .Arrow{bottom:5%;height:5.5555555556vw;left:50%;margin-top:1.3888888889vw;position:absolute;transform:translate(-50%);width:5.5555555556vw}}.Intro .Arrow svg{fill:none;animation:arrowMove .62s cubic-bezier(.445,.05,.55,.95) infinite alternate;width:16px}.Intro .clouds{background:url(./clouds.3f4ab5ba.jpg) no-repeat top #aed2d6;background-size:cover;height:100%;left:0;position:absolute;top:0;width:100%}@media only screen and (min-width:768px){.Intro .clouds{background-size:100% auto}}.Intro .clouds__container{height:100%;height:100vh;left:0;position:absolute;position:fixed;top:0;width:100%}.Intro .office{bottom:0;left:0;left:50%;min-width:1200px;pointer-events:none;position:fixed;transform:translate(-50%,50%);width:100%;z-index:90}.Intro .office img{height:auto;max-width:100%;width:100%;will-change:transform}@keyframes arrowMove{0%{transform:translateY(-5px)}to{transform:translateY(5px)}}