body,html{font-family:Source Sans Pro,sans-serif;font-size:10px;height:100%;margin:0;padding:0}li,p{font-size:1.6em;line-height:2em}h2{font-weight:400}h2,h3{background:-webkit-linear-gradient(135deg,#6e2995,#29abe2);-webkit-background-clip:text;font-size:3em;-webkit-text-fill-color:transparent}h3{font-weight:800;letter-spacing:6px;margin-top:0;text-align:left;text-transform:uppercase}section.hero{background:#6e2995;background:-moz-linear-gradient(-45deg,#6e2995 0,#29abe2 100%);background:-webkit-linear-gradient(-45deg,#6e2995,#29abe2);background:linear-gradient(135deg,#6e2995,#29abe2);color:#fff;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#6e2995",endColorstr="#29abe2",GradientType=1);min-height:80vh;overflow:hidden;position:relative;z-index:1}section.hero .sim{bottom:-10vh;height:90%;left:-3vw;pointer-events:none;position:absolute;z-index:0}section.hero .collin{bottom:0;height:80%;pointer-events:none;position:absolute;right:-5vw;z-index:2}section.hero h1{box-sizing:border-box;font-family:Bebas Neue,Impact,sans-serif;font-size:15em;left:50%;letter-spacing:2px;line-height:.9em;margin:auto;max-width:1200px;position:relative;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:1}section.hero nav{margin:auto;max-width:1200px;padding:30px}section.hero nav img{height:40px}section.hero nav .astilogo{float:right;opacity:.5}section.hero nav .astilogo:hover{opacity:1}section.main{padding:30px 0}section.main .row{box-sizing:content-box;margin:auto;max-width:1200px;padding:30px}section.main .row .half{box-sizing:border-box;display:inline-block;padding-right:50px;width:50%}section.main.screenshots{background:#efefef;position:relative;z-index:1}#particles-js{height:100%;left:0;position:fixed;top:0;width:100%;z-index:0}.main.screenshots .graphic{bottom:0;height:110%;margin-top:-10%;overflow:hidden;position:absolute;right:0;vertical-align:bottom}.main.screenshots .graphic .sim-icon,.main.screenshots .graphic .vr-icon{position:absolute;width:75px}.main.screenshots .graphic .sim-icon{bottom:-5%;left:10%;width:25%}.main.screenshots .graphic .vr-icon{right:2%;top:7%;width:20%}.main.screenshots .graphic .rect{bottom:5%;height:65%;left:7%;opacity:.5;position:absolute}.main.screenshots .graphic .solopc{background:#fff;border-radius:10px 10px 0 0;bottom:0;-webkit-box-shadow:0 5px 20px 0 rgba(102,45,145,.5);height:60%;left:15%;position:absolute}.main.screenshots .graphic .soloapp{border-radius:10px 10px 0 0;bottom:0;-webkit-box-shadow:0 5px 20px 0 rgba(0,173,230,.5);box-shadow:0 5px 20px 0 rgba(0,173,230,.5);height:95%;left:50%;position:absolute}ul{margin:0;padding-left:10px}ul li{font-weight:600;line-height:1.5em;margin-bottom:10px}.main.features .half{position:relative;vertical-align:top;z-index:1}.main.features .appex a{color:#6e2995;display:inline-block;font-size:2em;font-weight:700;text-decoration:none}.main.features .appex a p:after{color:#29abe2;content:"Learn more →";display:block;font-weight:700}.main.features .appex a p{color:#000;font-size:.8em;font-weight:400;margin-top:0;max-height:0;overflow:hidden;padding-top:10px;transition:all .5s ease}.main.features .appex a:hover{color:#29abe2}.main.features .appex a:hover p{max-height:500px}footer{background:#6e2995;background:-moz-linear-gradient(-45deg,#6e2995 0,#29abe2 100%);background:-webkit-linear-gradient(-45deg,#6e2995,#29abe2);background:linear-gradient(135deg,#6e2995,#29abe2);color:#fff;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#6e2995",endColorstr="#29abe2",GradientType=1)}footer,footer .footer{position:relative;z-index:2}footer .footer{margin:auto;max-width:1200px;padding:30px}footer .footer .logo img{height:40px;vertical-align:middle}footer .footer .c2a{display:inline-block;font-size:25px;margin-top:20px;vertical-align:middle}footer .footer .c2a a{color:#fff;opacity:.8;text-decoration:none}footer .footer .c2a a:hover{opacity:1}footer .footer .astilogo img{height:40px}footer .footer .astilogo{display:block;height:40px;opacity:.8;padding-bottom:20px;text-align:right}footer .footer .astilogo:hover{opacity:1}footer .footer .products{display:block;font-size:15px;letter-spacing:1px;line-height:1.5em;text-align:right;vertical-align:middle}footer .footer .products a{color:#fff;font-size:20px;opacity:.8;text-decoration:none}footer .footer .products a:hover{opacity:1}footer .footer small{clear:both;display:block;font-size:12px;margin-top:20px;opacity:.8;text-align:right}footer .half{box-sizing:border-box;display:inline-block;margin-left:-30px;padding:30px;position:relative;vertical-align:top;width:45%;z-index:2}footer .footer-vr{bottom:0;height:110%;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);z-index:1}footer br.clear{clear:both}@media screen and (max-width:1260px){section.hero h1{font-size:13em;padding:30px}section.hero .collin{height:70%}section.main .row{max-width:none}}@media screen and (max-width:1000px){section.hero h1{font-size:10em;padding:30px}section.hero .collin{height:60%}#particles-js{display:none}h2{font-size:2.5em}footer .half{margin:0;padding:30px 0;width:50%}}@media screen and (max-width:720px){section.hero{min-height:auto!important}section.hero h1{font-size:8em;left:0;margin-bottom:80px;padding:30px;position:relative;top:0;transform:none;z-index:3}section.hero h1 br{display:none}section.hero .collin{height:60%}section.hero nav img{height:30px}section.main .half{display:block!important;padding:0!important;width:100%!important}.main.screenshots .graphic{height:auto;margin-bottom:-60px;margin-top:50px;overflow-x:visible;overflow-y:hidden;position:relative}.main.screenshots .graphic img{box-shadow:none!important}.graphic .rect,.graphic .sim-icon,.graphic .vr-icon{display:none!important}.graphic .solopc{bottom:0;height:auto!important;left:0!important;position:absolute;width:100%}.graphic .soloapp{bottom:0;height:auto!important;left:25%!important;margin:auto;position:relative!important;width:50%}h3 span{display:none}h3{text-align:left}footer .half{display:block;width:100%!important}footer .footer .astilogo,footer .footer .products,footer .footer small,footer .half{text-align:center!important}footer .footer-vr{height:105%}}@media screen and (max-height:720px){section.hero h1{left:0;margin-bottom:80px;padding:30px;position:relative;top:0;transform:none;z-index:3}}