@font-face{font-family:Lato;src:url("./fonts/Lato-Regular.ttf")}@font-face{font-family:"Bebas Neue";src:url("./fonts/BebasNeue-Regular.ttf")}:root{--bg:#222222;--text:#ffffff;--link:#dd9922;--li-bg:#3b3b3b}p{max-width:1200px}a,a:visited{color:#66a3ff;font-weight:700;padding:.2em .4em;border-radius:3px;transition:box-shadow .3s;text-decoration:none}a:visited{font-style:italic}a>button{color:#fff;font-weight:initial}:focus{outline:0;box-shadow:0 0 2px 0 #ffffffff,0 0 4px 0 #ffffffaa,0 0 8px 0 #ffffff66,0 0 16px 0 #ffffff33,0 0 32px 0 #ffffff11}*{scrollbar-color:#ffffff transparent;scrollbar-width:thin}#initial-page-content{display:none}h1{font-family:"Bebas Neue"}html{overflow:clip}body{background:var(--bg);color:var(--text);font-family:Lato;margin:auto;padding:0;font-size:16px;line-height:1.6em;overflow:clip}button{background-color:#00000029;border:1px solid;color:#fff;font-family:Lato;font-size:1em;padding:.5em 1em;cursor:pointer;border-radius:33px;box-shadow:initial;transition:box-shadow .3s;display:block}button:hover{box-shadow:0 0 2px 0 #ffffffff,0 0 4px 0 #ffffffaa,0 0 8px 0 #ffffff66,0 0 16px 0 #ffffff33,0 0 32px 0 #ffffff11}canvas{position:absolute;top:0;left:0;z-index:-100}.canvas-container{width:100%;height:100%;position:absolute;overflow:clip;cursor:grab;user-select:none;touch-action:none}.canvas-container .canvas{width:5000px;height:5000px}.page{position:absolute;top:0;left:0;box-sizing:border-box;z-index:1}.page-content{display:flex;justify-content:space-around;flex-direction:column;backdrop-filter:blur(18px) saturate(1.5);padding:1.9rem 2.5rem;border-radius:4.1rem;border:1px solid;user-select:none;cursor:pointer;box-sizing:border-box;width:400px;height:200px;overflow:hidden;background-color:#00000033;transform:scale(1);transition:transform .3s,box-shadow .3s,width .5s,height .5s,background-color .5s,border-radius .3s}a.page-content{color:var(--text);text-decoration:initial;user-select:text;-webkit-user-drag:none;font-weight:initial}.page.level-1 .page-content{font-size:2em;width:700px;height:350px;line-height:1.6em;padding:2.8rem 3.6rem;border-radius:110px}.page.level-3 .page-content{font-size:.8em;height:150px}.page.hover .page-content{box-shadow:0 0 2px 0 #ffffffff,0 0 20px 0 #ffffffaa,0 0 40px 0 #ffffff66,0 0 80px 0 #ffffff33,0 0 160px 0 #ffffff11}.page.buggy .page-content{color:red;background:#ff00002e;cursor:not-allowed;transition:none}.page.buggy.hover .page-content{transform:scale(1);box-shadow:0 0 2px 0 #ff0000ff,0 0 20px 0 #ff0000aa,0 0 40px 0 #ff000099,0 0 80px 0 #ff000066,0 0 160px 0 #ff000011}.page.active{z-index:10}.page.active .page-content,.page.active.level-1 .page-content,.page.active.level-2 .page-content,.page.active.level-3 .page-content,.page.active.level-4 .page-content{width:calc(65vw - 50px);height:calc(100vh - 100px);background-color:#00000063;cursor:initial}.page-content.overflow{overflow:auto}.page-content .html{opacity:0;transition:opacity .3s}.page.level-1 .html,.page.level-2 .html,.page.level-3 .html,.page.level-4 .html{font-size:1rem;line-height:1.7rem}.page-content .html.shown{opacity:1}.page-content .html.shown .html-body{display:flex;flex-direction:column;justify-content:space-around;height:calc(100vh - 150px - 11rem);overflow:auto}.page .title-container{margin-bottom:.45em;display:flex;align-items:center}.page .title-container .icon{width:48px;margin-right:1em;filter:saturate(2.5)}.ios video{border:1px solid;border-radius:36px}.page .title-container video.icon{width:120px}.page h1.title,.page p.description{margin:0}.line{height:0;padding:1px 0;background:#fff;border-radius:200px}.features{display:flex;flex-direction:column;align-items:stretch}.features>div{width:100%;box-sizing:border-box;padding:1em;border:1px solid;border-radius:30px;margin:.5em auto;background:#0000002e;display:flex;align-items:center;justify-content:center}.features video{width:310px}.ios .features video,.ios .learn video,.ios .learn-3d video,.ios .learn-code video,.ios .softwares video{margin-right:2em}.about-header,.learn,.learn-3d,.learn-code,.our-work-header,.softwares{display:flex;align-items:center;justify-content:center}.learn video,.learn-3d video,.learn-code video,.softwares video{width:310px}.about-header img{margin-right:2em;border-radius:200px;border:1px var(--text) solid;width:256px}footer{position:fixed;z-index:2;bottom:0;left:0;width:100%;box-sizing:border-box;padding:.5em 1em;border-top:1px solid;display:flex;backdrop-filter:blur(17px) brightness(0.9)}footer>:first-child{margin:auto auto auto 0}footer>:last-child{margin:auto 0 auto auto}.contact-form,.tech-stack{position:fixed;top:50%;left:50%;width:50%;transform:translate(-50%,-50%) scale(.8);border:1px solid #fff;border-radius:58px;padding:3em;display:flex;flex-direction:column;justify-content:space-around;backdrop-filter:blur(20px);background-color:#00000063;z-index:1000;height:100px;overflow:hidden;opacity:0;transition:height .5s,opacity .5s,transform .5s;box-sizing:border-box}.tech-stack{z-index:30}.contact-form.shown,.tech-stack.shown{height:90vh;opacity:1;transform:translate(-50%,-50%) scale(1)}.header{display:flex;border-bottom:1px solid;padding-bottom:2rem;align-items:center;margin-bottom:2rem}.header .title{font-size:1.5em}.contact-form-body{display:flex;flex-direction:column}input,textarea{display:block;background:#00000069;font-size:initial;font-weight:700;border:1px solid #fff;color:#fff;padding:1em 2em;border-radius:32px;margin:.1em 0;transition:box-shadow .4s}input::placeholder,textarea::placeholder{font-family:Lato;font-weight:400;font-style:italic;color:#999}textarea{overflow:auto;min-height:150px;padding:2em}.contact-form-body button{margin-top:1em;display:flex;align-items:center;justify-content:center}button .spinner{margin-left:1em;margin-right:0}.error-msg{background:#ff000014;padding:1em;border-radius:15px;border:1px solid red}.valid-msg{background:#00ff7414;padding:1em;border-radius:15px;border:1px solid #00ff4c}.loading-msg{color:#b7b7b7;background:#8989892e;padding:1em;border-radius:15px;border:1px solid;font-style:italic}.contact-form-contacts{display:flex;justify-content:center}.contact-form-contacts button{border-radius:100px;line-height:0;padding:20px;margin:0 .5em}.contact-form-contacts button img.icon{filter:invert(1);width:48px}.links{display:flex;justify-content:center;align-items:center}.html-body .links a>button{margin:0 .3em}.html-body .links a:first-child>button{margin-left:0}.html-body .links a:last-child>button{margin-right:0}.html-body a>button{margin:auto}.html-body .trust a>button{margin-top:.5em}.html-body h2{margin-top:1.5em;margin-bottom:.45em}button.close{margin:auto 0 auto auto;padding:1.6rem}button.close:after,button.close:before{position:absolute;content:' ';height:24px;width:2px;margin-top:-12px;margin-left:-1px;background-color:#fff}button.close:before{transform:rotate(45deg)}button.close:after{transform:rotate(-45deg)}.index div.header{display:flex;flex-direction:row;align-items:center}.index div.header video.logo{width:256px;display:block;filter:saturate(2.5);border:1px solid #fff;border-radius:50px}.index div.header h1{margin:auto;font-size:7em}bl{color:#00b1ff}ul{margin:auto 1em 2em;padding:0}ul li{list-style:none;display:block;padding:.5em 0;border-bottom:1px solid #fff;margin:.5em auto}ul li:first-child{margin-top:0}ul li:last-child{margin-bottom:0}div.situation{display:flex;flex-direction:column;padding:1em;border-radius:5px;background-color:#002a6b82;border:1px solid #fff;margin:.5em auto;box-sizing:border-box;width:calc(100% - 2em);cursor:pointer;box-shadow:none;transition:background-color .3s,box-shadow .3s}div.situation label{cursor:pointer;font-weight:700}div.situation:hover{box-shadow:0 0 2px 0 #ffffffff,0 0 4px 0 #ffffffaa,0 0 8px 0 #ffffff66,0 0 16px 0 #ffffff33,0 0 32px 0 #ffffff11;background-color:#00396bcc}div.situation p{margin:auto;padding:1em 0}.tech-stack section .labels{display:grid;grid-template-columns:auto auto auto}.tech-stack section span.label{border:1px solid #fff;border-radius:14px;padding:.4rem .9rem;margin:.2em;background-color:#0000002e}.clients{display:grid;grid-template-columns:auto auto auto auto;align-items:center;justify-content:center}.clients img{width:128px;border:1px solid;border-radius:30px;padding:.5em;background:#89898945;margin:.3em}.our-work-header img{width:330px;margin-right:2em;filter:saturate(2)}@media screen and (max-width:1200px){.page.active .page-content,.page.active.level-1 .page-content,.page.active.level-2 .page-content,.page.active.level-3 .page-content,.page.active.level-4 .page-content{width:calc(100vw - 50px);height:calc(100vh - 100px)}.contact-form,.tech-stack{width:80%}}@media screen and (max-width:800px){.contact-form,.tech-stack{width:90%}.clients{grid-template-columns:auto auto auto}}@media screen and (max-width:600px){:active,a,button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.contact-form,.tech-stack{width:calc(100% - 1em);border-radius:25px;padding:1.5rem;overflow:hidden}.page.level-1 .page-content{font-size:1em;width:calc(100vw - 2em);height:350px;line-height:1.6em;padding:.5rem .8rem;border-radius:50px}.page-content{padding:.5rem 1.4rem;border-radius:35px;height:150px}.page.active .page-content,.page.active.level-1 .page-content,.page.active.level-2 .page-content,.page.active.level-3 .page-content,.page.active.level-4 .page-content{width:calc(100vw - 25px);height:calc(100vh - 100px);border-radius:25px;overflow-y:hidden;padding:1rem}.page .title-container{flex-direction:column}.page .title-container .icon{margin:auto auto 1em}.page-content .html.shown .html-body{height:calc(100vh - 150px - 9rem);overflow-x:hidden}.index div.header{flex-direction:column;padding-bottom:1em;margin-bottom:1em}.html>div.header{flex-direction:row}.index div.header h1{font-size:3.8em;line-height:.9em;margin-top:2rem}div.situation{width:calc(100% - .5em);padding:.5rem .7em}.index div.header video.logo{width:210px}ul{margin:auto .5em 2em}.about-header,.learn,.learn-3d,.learn-code,.softwares{flex-direction:column}.about-header img{margin:auto auto .5em}.features>div{flex-direction:column}.features video{width:200px}.learn video,.learn-3d video,.learn-code video,.softwares video{width:250px;margin-bottom:1em}.ios .features video,.ios .learn video,.ios .learn-3d video,.ios .learn-code video,.ios .softwares video{margin-right:0}.links{flex-direction:column}.html-body .links a>button{margin:.3em 0;width:calc(100vw - 8rem)}.clients,.tech-stack section .labels{grid-template-columns:auto auto}.our-work-header{flex-direction:column}.our-work-header img{margin-right:0}}@media screen and (min-width:2500px){.page.active .page-content,.page.active.level-1 .page-content,.page.active.level-2 .page-content,.page.active.level-3 .page-content,.page.active.level-4 .page-content{width:calc(50vw - 50px);height:calc(100vh - 100px);background-color:#00000063;cursor:initial}ul{max-width:1000px;margin:auto}}