:root{--rob-x:80%;--rob-start-y:25%;--rob-end-y:54%;--alkali1-start-x:55.4%;--alkali1-end-x:67.5%;--alkali1-y:5.5%;--alkali2-start-x:55.4%;--alkali2-end-x:67.5%;--alkali2-y:24.8%;--alkali3-start-x:55.4%;--alkali3-end-x:67.5%;--alkali3-y:54.5%;--alkali4-start-x:55.4%;--alkali4-end-x:67.5%;--alkali4-y:73%}@keyframes moveCursorArchitect{0%{left:58%;top:48%}50%{left:66%;top:48%}to{left:66%;top:48%}}@keyframes drawHighlightArchitect{0%{left:calc(58% + 12px);top:48%;height:0;opacity:0}10%{opacity:1}50%{left:calc(58% + 12px);top:48%;height:65px;opacity:1}to{left:calc(58% + 12px);top:48%;height:65px;opacity:1}}@keyframes moveLabelArchitect{0%{left:calc(58% + 15px);top:45%;opacity:0}10%{left:calc(60% + 15px);top:46%;opacity:1}50%,to{left:calc(66% + 15px);top:46%;opacity:1}}@keyframes moveCursorRob{0%{left:var(--rob-x);top:var(--rob-start-y)}50%{left:var(--rob-x);top:var(--rob-end-y)}to{left:var(--rob-x);top:var(--rob-end-y)}}@keyframes drawHighlightRob{0%{left:calc(var(--rob-x) + 4px);top:var(--rob-start-y);height:0;opacity:0}10%{opacity:1}50%{left:calc(var(--rob-x) + 4px);top:var(--rob-start-y);height:calc(var(--rob-end-y) - var(--rob-start-y));opacity:1}to{left:calc(var(--rob-x) + 4px);top:var(--rob-start-y);height:calc(var(--rob-end-y) - var(--rob-start-y));opacity:1}}@keyframes moveLabelRob{0%{left:calc(var(--rob-x) + 18px);top:calc(var(--rob-start-y) + 20px);opacity:1}50%{left:calc(var(--rob-x) + 18px);top:calc(var(--rob-end-y) + 20px);opacity:1}to{left:calc(var(--rob-x) + 18px);top:calc(var(--rob-end-y) + 20px);opacity:1}}@keyframes moveCursorAlkali1{0%{left:var(--alkali1-start-x);top:var(--alkali1-y);opacity:0}10%{opacity:1}50%{left:var(--alkali1-end-x);top:var(--alkali1-y);opacity:1}to{left:var(--alkali1-end-x);top:var(--alkali1-y);opacity:1}}@keyframes drawHighlightAlkali1{0%{left:var(--alkali1-start-x);width:0;opacity:0}10%{opacity:1}50%{left:var(--alkali1-start-x);width:calc(var(--alkali1-end-x) - var(--alkali1-start-x));opacity:1}to{left:var(--alkali1-start-x);width:calc(var(--alkali1-end-x) - var(--alkali1-start-x));opacity:1}}@keyframes moveCursorAlkali2{0%{left:var(--alkali2-start-x);top:var(--alkali2-y);opacity:0}10%{opacity:1}50%{left:var(--alkali2-end-x);top:var(--alkali2-y);opacity:1}to{left:var(--alkali2-end-x);top:var(--alkali2-y);opacity:1}}@keyframes drawHighlightAlkali2{0%{left:var(--alkali2-start-x);width:0;opacity:0}10%{opacity:1}50%{left:var(--alkali2-start-x);width:calc(var(--alkali2-end-x) - var(--alkali2-start-x));opacity:1}to{left:var(--alkali2-start-x);width:calc(var(--alkali2-end-x) - var(--alkali2-start-x));opacity:1}}@keyframes moveCursorAlkali3{0%{left:var(--alkali3-start-x);top:var(--alkali3-y);opacity:0}10%{opacity:1}50%{left:var(--alkali3-end-x);top:var(--alkali3-y);opacity:1}to{left:var(--alkali3-end-x);top:var(--alkali3-y);opacity:1}}@keyframes drawHighlightAlkali3{0%{left:var(--alkali3-start-x);width:0;opacity:0}10%{opacity:1}50%{left:var(--alkali3-start-x);width:calc(var(--alkali3-end-x) - var(--alkali3-start-x));opacity:1}to{left:var(--alkali3-start-x);width:calc(var(--alkali3-end-x) - var(--alkali3-start-x));opacity:1}}@keyframes moveCursorAlkali4{0%{left:var(--alkali4-start-x);top:var(--alkali4-y);opacity:0}10%{opacity:1}50%{left:var(--alkali4-end-x);top:var(--alkali4-y);opacity:1}to{left:var(--alkali4-end-x);top:var(--alkali4-y);opacity:1}}@keyframes drawHighlightAlkali4{0%{left:var(--alkali4-start-x);width:0;opacity:0}10%{opacity:1}50%{left:var(--alkali4-start-x);width:calc(var(--alkali4-end-x) - var(--alkali4-start-x));opacity:1}to{left:var(--alkali4-start-x);width:calc(var(--alkali4-end-x) - var(--alkali4-start-x));opacity:1}}@keyframes moveLabelAlkali1{0%{left:calc(var(--alkali1-start-x) + 18px);top:calc(var(--alkali1-y) + 20px);opacity:0}10%{opacity:1}50%{left:calc(var(--alkali1-end-x) + 18px);top:calc(var(--alkali1-y) + 20px);opacity:1}to{left:calc(var(--alkali1-end-x) + 18px);top:calc(var(--alkali1-y) + 20px);opacity:1}}@keyframes moveLabelAlkali2{0%{left:calc(var(--alkali2-start-x) + 18px);top:calc(var(--alkali2-y) + 20px);opacity:0}10%{opacity:1}50%{left:calc(var(--alkali2-end-x) + 18px);top:calc(var(--alkali2-y) + 20px);opacity:1}to{left:calc(var(--alkali2-end-x) + 18px);top:calc(var(--alkali2-y) + 20px);opacity:1}}@keyframes moveLabelAlkali3{0%{left:calc(var(--alkali3-start-x) + 18px);top:calc(var(--alkali3-y) + 20px);opacity:0}10%{opacity:1}50%{left:calc(var(--alkali3-end-x) + 18px);top:calc(var(--alkali3-y) + 20px);opacity:1}to{left:calc(var(--alkali3-end-x) + 18px);top:calc(var(--alkali3-y) + 20px);opacity:1}}@keyframes moveLabelAlkali4{0%{left:calc(var(--alkali4-start-x) + 18px);top:calc(var(--alkali4-y) + 20px);opacity:0}10%{opacity:1}50%{left:calc(var(--alkali4-end-x) + 18px);top:calc(var(--alkali4-y) + 20px);opacity:1}to{left:calc(var(--alkali4-end-x) + 18px);top:calc(var(--alkali4-y) + 20px);opacity:1}}@keyframes fadeInOnly{0%{opacity:0}10%{opacity:1}to{opacity:1}}@keyframes greenShimmer{0%{background-size:0 100%}to{background-size:100% 100%}}@media (max-width:768px){.landing-page-root{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important}.landing-headline{font-size:2rem!important;margin-bottom:1rem!important}.landing-subheadline{font-size:1rem!important}.landing-content-wrapper{flex-direction:column!important;gap:2rem!important;padding-left:.5rem!important;padding-right:.5rem!important;align-items:center!important}.landing-signin-section{justify-content:center!important;width:100%!important;flex:0 0 auto!important}.landing-signin-box{width:100%!important;max-width:340px!important}.landing-animation-section{justify-content:center!important;width:100%!important;flex:0 0 auto!important}.landing-animation-box{width:100%!important;max-width:100%!important;height:auto!important;aspect-ratio:770/528!important}.alkali-label-mobile-hide{display:none!important}}