@charset "UTF-8";@font-face{font-family:Zalando Sans Expanded;src:url(/assets/Zalando_Sans_Expanded/ZalandoSansExpanded.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Zalando Sans Expanded;src:url(/assets/Zalando_Sans_Expanded/ZalandoSansExpandedItalic.woff2) format("woff2");font-weight:100 900;font-style:italic;font-display:swap}body,html{height:100%;padding:0;margin:0;font-family:Zalando Sans Expanded;cursor:none;overflow:hidden}a{color:inherit;text-decoration:none}main{display:grid;height:100%;grid-template-columns:1fr 1fr}section{height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:0 6rem;text-align:center}section h2{padding-top:3rem;font-size:36px}section .button-section{position:relative;padding-bottom:3rem;font-style:italic}section .button-section a{font-style:italic;border:1px solid #000;padding:.5rem 1rem;transition:box-shadow .1s ease-in-out}section .button-section a:hover{box-shadow:3.5px 3.5px 0 #000}section .button-section:after{content:"↓";position:absolute;top:-50px;left:50%;transform:translate(-50%);opacity:0;transition:opacity .25s ease-in;font-size:32px;animation-name:a;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}section .button-section.arrow-active:after{opacity:1}section .button-section.disable-arrow:after{opacity:0!important}section .text-container{padding:0 .5rem}section .description{font-size:20px;cursor:auto}section .image-container img{width:480px;height:370px;object-fit:cover;cursor:auto}section .image-container img,section .text-container{border:1px solid transparent;transition:border-color .2s ease-in}section .image-container img.border-effect,section .text-container.border-effect{border-color:#000}section#software{background-color:#000;color:#fff}section#software a{border-color:#fff}section#software .description{font-size:32px}section#software .image-container.border-effect,section#software .text-container.border-effect{border-color:#fff}section#software .button-section a:hover{box-shadow:3.5px 3.5px 0 #fff}#popup-form{position:fixed;left:50%;bottom:0;padding:1rem;background-color:#b5b2b2;border-top-left-radius:5px;border-top-right-radius:5px;transform:translate(-50%);cursor:auto;opacity:0;transition:opacity .2s ease-out}#popup-form.active{opacity:1}#popup-form span{font-size:18px;padding:0 .3rem}#popup-form .email-link{display:block;margin-top:.5rem;font-size:20px;font-weight:700;transition:background-color .15s ease-out;padding:0 .3rem}#popup-form .email-link:hover{background-color:hsla(0,0%,100%,.5)}#popup-form .close-button{position:absolute;top:0;right:0;cursor:pointer;font-size:18px}#follow-div{position:absolute;top:0;left:0;will-change:transform;pointer-events:none;font-style:italic;font-size:20px;text-shadow:0 1px 2px rgba(0,0,0,.6),0 0 8px rgba(0,0,0,.35);transition:color .15s ease-in,transform .1s ease-out}#follow-div:not(.active){color:transparent!important;text-shadow:none!important}#follow-div.white{color:#fff;text-shadow:0 1px 2px hsla(0,0%,100%,.6),0 0 8px hsla(0,0%,100%,.35)}.logo-blend{position:absolute;left:50%;top:-25%;transform:translate(-50%)}.logo-blend img{width:200px;height:auto}@media (max-width:1200px){main{grid-template-columns:1fr}body,html{overflow-y:auto}#follow-div{display:none}.button-section{margin-top:1.5rem}section{padding:0 4rem}#popup-form{width:100%;height:100px;padding:0;padding-top:2rem;bottom:0;top:100%;opacity:1;transition:transform .2s ease-out,opacity .2s ease-out}#popup-form.active{transform:translate(-50%,-100%)}#popup-form .close-button{font-size:20px}}@media (max-width:600px){section{padding:0 2rem}section h2{font-size:32px;padding-top:1rem}section#hardware,section#software{animation:none}section#software .description{font-size:24px}section .image-container img{width:100%;height:auto}section .button-section .popup-button{width:100%;display:block;padding:.5rem 0;font-size:18px}}@media (max-width:450px){section{padding:0 1.25rem}section h2{padding-top:0}section#software .description{font-size:22px}section#software .text-container{padding:0}}@keyframes a{0%{transform:translate(-50%)}50%{transform:translate(-50%,-20px)}to{transform:translate(-50%)}}