.topnav{position:fixed;top:0;width:100%;height:100px;z-index:100;background-color:transparent;border-bottom:1px solid transparent;transition:border-bottom-color .3s,height .3s}.topnav--active{height:var(--navbar-height);background-color:#fff;border-bottom-color:#2a2a2a33}.topnav__content{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:var(--content-width);height:100%;margin:0 auto;padding:0 var(--space-3);gap:var(--space-3);box-sizing:border-box}.topnav__logo{color:var(--color-dark-2);font-size:var(--fontsize-5);text-decoration:none;text-transform:uppercase;transition:font-size .3s;cursor:pointer}.topnav--active .topnav__logo{font-size:var(--fontsize-4)}.topnav__icon{display:none}.topnav__menu{display:flex;justify-content:center;align-items:center;gap:var(--space-3);height:100%}.topnav__menu a{display:flex;align-items:center;height:100%;color:var(--color-dark-2);text-decoration:none;font-size:var(--fontsize-2);transition:color .3s;cursor:pointer}.topnav__menu a:hover{color:var(--color-primary-0)}@media screen and (max-width: 480px){.topnav{height:var(--navbar-height);background-color:#fff;border-bottom-color:#2a2a2a33}.topnav__logo,.topnav--active .topnav__logo{font-size:var(--fontsize-2)}.topnav__icon{display:flex;justify-content:center;align-items:center;font-size:var(--fontsize-3)}.topnav__menu{position:fixed;bottom:-100vh;left:0;width:100%;height:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:var(--space-4) 0;gap:var(--space-3);box-sizing:border-box;background-color:#fff;border-top:1px solid rgba(42,42,42,.2);transition:bottom .3s ease-in-out}.topnav__menu--active{bottom:0}}.hero{position:relative;height:100%}.hero__container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center}.hero__content{width:55%;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;animation:float 5s ease-in-out infinite}@keyframes float{0%{transform:translatey(0)}50%{transform:translatey(-16px)}}.hero__logo{width:384px;height:384px}.hero__title,.hero__subtitle{margin:0;padding:var(--space-3) var(--space-4);text-align:center}.hero__title{margin-bottom:var(--space-4);align-self:flex-start;color:#fff;background-color:#000;font-size:var(--fontsize-7);font-weight:bolder;transform:skew(-13deg)}.hero__title div{background:linear-gradient(-30deg,#428bca,#fff,#9c27b0);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero__subtitle{margin-top:var(--space-2);background:linear-gradient(to right,#9c27b0,#428bca);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:Verdana,sans-serif;font-size:var(--fontsize-5)}.hero__canvas-front,.hero__canvas-back{position:absolute;top:0;left:0}.hero__canvas-front{z-index:1}.hero__canvas-back{z-index:-10;-webkit-filter:blur(3px);-moz-filter:blur(3px);-o-filter:blur(3px);filter:blur(3px);opacity:.6}@media screen and (max-width: 480px){.hero__content{width:100%}.hero__logo{width:284px;height:284px}.hero__title{align-self:inherit}}.mission{display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(-30deg,#9c27b0,#428bca);clip-path:polygon(0 0,100% 0,100% 100%,0 90%)}.mission__content{width:100%;max-width:var(--content-width);margin:var(--space-6) 0 var(--space-7);display:flex;flex-direction:column;justify-content:center;align-items:center}.mission__content h1{background-color:var(--color-light-0);color:var(--color-dark-1);padding:var(--space-2) var(--space-5);margin-bottom:var(--space-5);font-size:var(--fontsize-6);font-weight:bolder;letter-spacing:5px;transform:skew(-13deg);box-shadow:10px 10px #0003}.mission__content p{max-width:55%;color:var(--color-light-0);font-family:Verdana,sans-serif;font-size:var(--fontsize-3);line-height:1.75}.mission__wrap{display:flex;justify-content:center;align-items:center;gap:var(--space-5);max-width:60%}.mission__wrap img{max-width:300px;transform:translate(-40px);opacity:.5;transition:transform .3s ease-in,opacity .3s ease-in}.mission__wrap img.active{transform:translate(0);opacity:1}@media screen and (max-width: 480px){.mission__content{width:100%;margin:var(--space-5) 0 var(--space-6)}.mission__content h1{font-size:var(--fontsize-5);margin-bottom:initial}.mission__content p{max-width:100%;padding:var(--space-4);line-height:1.5}.mission__wrap{flex-direction:column;flex-flow:column-reverse;gap:var(--space-0);max-width:100%}.mission__wrap img{transform:none;opacity:1}}.about{display:flex;flex-direction:column;justify-content:center;align-items:center}.about__content{width:100%;max-width:var(--content-width);margin:var(--space-5) 0;display:flex;flex-direction:column;justify-content:center;align-items:center}.about__content h1{background-color:var(--color-dark-3);color:var(--color-light-0);padding:var(--space-2) var(--space-5);margin-bottom:var(--space-5);font-size:var(--fontsize-6);font-weight:bolder;letter-spacing:5px;transform:skew(-13deg);box-shadow:10px 10px #428bcab3}.about__content p{color:var(--color-dark-2);font-family:Verdana,sans-serif;font-size:var(--fontsize-3);line-height:1.75}.about__wrap{display:flex;justify-content:center;align-items:center;gap:var(--space-4);max-width:60%}.about__wrap img{max-width:300px;animation:float 3s ease-in-out infinite}@media screen and (max-width: 480px){.about__content{width:100%;margin:var(--space-5) 0}.about__content h1{font-size:var(--fontsize-5);margin-bottom:initial}.about__content p{max-width:100%;padding:var(--space-4);line-height:1.5}.about__wrap{flex-direction:column;max-width:100%}}.hardware{display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(-30deg,#9c27b0,#ffe851);clip-path:polygon(0 10%,100% 0,100% 100%,0 80%)}.hardware__content{width:100%;max-width:var(--content-width);margin:var(--space-6) 0 var(--space-7);display:flex;flex-direction:column;justify-content:center;align-items:center}.hardware__content h1{background-color:var(--color-dark-3);color:var(--color-light-0);padding:var(--space-2) var(--space-5);margin-bottom:var(--space-5);font-size:var(--fontsize-6);font-weight:bolder;letter-spacing:5px;transform:skew(-13deg);box-shadow:10px 10px #9b27b0b3}.hardware__content p{max-width:55%;color:var(--color-dark-2);font-family:Verdana,sans-serif;font-size:var(--fontsize-3);line-height:1.75}.hardware__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.hardware__grid h2{margin:0;padding:var(--space-3) 0;color:#9c27b0;border-bottom:1px solid var(--color-light-3);text-align:center;font-weight:400}.hardware__card{background-color:#fff;border-radius:15px;box-shadow:4px 4px 5px 2px #0003;transition:transform .3s ease-in}.hardware__card.left{transform:translate(-40px)}.hardware__card.right{transform:translate(40px)}.hardware__card.active{transform:translate(0)}.hardware__card__content{padding:var(--space-3);text-align:center}.hardware__card__content img{max-width:200px;padding:var(--space-5) 0 var(--space-3)}.hardware__card__content dl{display:flex;align-items:center}.hardware__card__content dt{flex:1;color:var(--color-dark-0);text-align:right}.hardware__card__content dd{flex:2;text-align:left;margin:0 0 0 var(--space-3)}@media screen and (max-width: 480px){.hardware{clip-path:polygon(0 5%,100% 0,100% 100%,0 95%)}.hardware__content{width:100%;margin:75px 0 165px}.hardware__content h1{font-size:var(--fontsize-5);margin-bottom:var(--space-5)}.hardware__grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}.hardware__card{max-width:90%;margin:0 auto}.hardware__card.left,.hardware__card.right{transform:none}}.status{display:flex;flex-direction:column;justify-content:center;align-items:center}.status__content{width:100%;max-width:var(--content-width);margin:var(--space-4) 0 var(--space-6);display:flex;flex-direction:column;justify-content:center;align-items:center}.status__content h1{background-color:var(--color-dark-3);color:var(--color-light-0);padding:var(--space-2) var(--space-5);margin-bottom:var(--space-5);font-size:var(--fontsize-6);font-weight:bolder;letter-spacing:5px;transform:skew(-13deg);box-shadow:10px 10px #ffe851b3}.status iframe{width:500px;height:320px;border:10px solid #343a40;border-radius:5px}@media screen and (max-width: 480px){.status__content{width:100%;margin:var(--space-5) 0}.status__content h1{font-size:var(--fontsize-5)}.status__content ul{flex-direction:column;gap:var(--space-3)}.status iframe{width:100%;height:320px;border:none;border-radius:0}}.contact{display:flex;flex-direction:column;justify-content:center;align-items:center}.contact__content{width:100%;max-width:var(--content-width);margin:var(--space-4) 0 var(--space-6);display:flex;flex-direction:column;justify-content:center;align-items:center}.contact__content h1{background-color:var(--color-dark-3);color:var(--color-light-0);padding:var(--space-2) var(--space-5);margin-bottom:var(--space-5);font-size:var(--fontsize-6);font-weight:bolder;letter-spacing:5px;transform:skew(-13deg);box-shadow:10px 10px #ffe851b3}.contact__content ul{display:flex;justify-content:center;align-items:center;gap:var(--space-5);margin:var(--space-5) 0 var(--space-4);padding:0}.contact__content li{list-style-type:none;font-size:var(--fontsize-3)}.contact__content li a{display:flex;align-items:center;gap:var(--space-2);min-width:135px;color:var(--color-dark-0);text-decoration:none;transition:color .3s}.contact__content li a:hover{color:var(--color-primary-2)}@media screen and (max-width: 480px){.contact__content{width:100%;margin:var(--space-5) 0}.contact__content h1{font-size:var(--fontsize-5);margin-bottom:initial}.contact__content ul{flex-direction:column;gap:var(--space-3)}}.footer{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:var(--space-3) 0;background-color:var(--color-dark-2);color:var(--color-light-3)}