html{font-size:16px}.bold{font-weight:700}.italic{font-style:italic}.h-light{color:#4284f3;font-style:normal;font-weight:500}ol[type="a"] li::marker{font-size:1.5rem;font-style:italic}#demo__page .step p,#demo__page a,#demo__page ol li p,#demo__page p{font-size:1.5rem;line-height:1.4;margin-bottom:1.3rem;font-weight:300}#demo__page ol li p{margin-bottom:.2rem}#demo__page ol{margin-bottom:2rem}.hero__section{display:flex;justify-content:space-between;max-width:1370px;padding:3.75rem 1.5rem;margin:0 auto}.hero__section .left{max-width:900px;display:flex;flex-direction:column}.demo__highlight img{max-width:26rem;margin-bottom:.4rem}.demo__title{font-size:48px;line-height:1.25;margin-bottom:2rem;color:#000}.hero__section .right{flex:0.6}.hero__section .right .demo__image{width:100%}.hero__section .right .demo__image img{max-width:100%;min-width:24rem}.zeroth-step{display:flex;margin-top:52px}.zeroth-step .left{flex:1;display:flex;align-items:center;justify-content:center}.zeroth-step .left__container{max-width:460px;padding-left:3rem}.zeroth-step .right{flex:0.8}.zeroth-step .right .step__preview{display:flex;justify-content:center}.zeroth-step .right img{max-height:600px}.dwn__btns{display:flex;gap:30px;margin-top:60px}.dwn__btns a{display:flex;justify-content:center;align-items:center;border:none;border-radius:16px;max-width:220px;outline:0;cursor:pointer}.steps__container{margin-top:120px;display:flex;overflow:auto;position:relative}.steps__container-inner{display:flex;overflow:visible;padding-bottom:160px}.steps__container::-webkit-scrollbar{display:none}.non__sticky-content{flex:1;scroll-snap-type:y mandatory}.non__sticky-content .step{display:flex;align-items:flex-start;scroll-snap-align:start;height:max-content;margin-bottom:16rem}.non__sticky-content .step .left{flex:1}.non__sticky-content .step .left .content{max-width:460px;display:flex;align-items:flex-start;flex-direction:column}.non__sticky-content .step .right{flex:0.7;display:flex;justify-content:center}.non__sticky-content .step .right img{max-width:240px;margin:0 auto;height:max-content}.sticky__content{flex:0.6;position:sticky;top:120px;max-height:550px}a.link{color:#0097a7;text-decoration:underline}.steps__container{scroll-snap-align:start}.arrows.scroll__btns{z-index:100;position:fixed;left:40px;top:50%;transform:translateY(-50%);flex-direction:column;display:none}.arrows.scroll__btns #scroll-down{margin-top:16px}.arrows.scroll__btns button{background:#333;color:#fff;border:none;margin:5px 0;padding:10px;border-radius:50%;cursor:pointer;opacity:.4;transition:opacity .2s;display:grid;place-items:center}.arrows.scroll__btns button:hover{opacity:.8}@media only screen and (max-width:1600px){.non__sticky-content .step{margin-bottom:12rem}}@media only screen and (max-width:1465px){.hero__section{max-width:1200px}.arrows.scroll__btns{left:30px}.non__sticky-content .step{margin-bottom:8rem}#demo__page .step p,#demo__page a,#demo__page ol li p,#demo__page p{line-height:1.3;margin-bottom:1.2rem}}@media only screen and (max-width:1020px){.arrows.scroll__btns{top:unset;bottom:-4vh}.hero__section{flex-direction:column;padding:2.75rem 1rem;max-width:780px}.demo__title{font-size:36px}.demo__highlight img{max-width:18rem}.zeroth-step{flex-direction:column;gap:2rem;margin-top:0}.dwn__btns{margin-top:10px}.zeroth-step .left__container{padding-top:2rem;padding-left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.zeroth-step .right{display:none}.sticky__content{display:none}.non__sticky-content{flex-direction:column}.non__sticky-content .step{flex-direction:column;scroll-snap-align:unset}.non__sticky-content .step .left .content{max-width:100%}.steps__container{margin-top:0;padding:0;display:flex;height:auto;overflow:auto;scroll-snap-type:unset}.non__sticky-content .step{display:flex;align-items:center;scroll-snap-align:unset;margin-bottom:4rem;height:auto}.non__sticky-content .step .left{flex:0.2}.hero__section .right .demo__image{display:flex;justify-content:center}.hero__section .right .demo__image img{min-width:auto;width:16rem}.non__sticky-content .step .right img{max-width:180px}.steps__container-inner{padding-bottom:0}.arrows.scroll__btns{right:20px;left:auto}}@media only screen and (max-width:570px){.dwn__btns{flex-direction:column;gap:0;align-items:center}.app__download{max-width:max-content;display:flex;flex-direction:column;align-items:center}.app__download:first-child{margin-bottom:1rem}.app__download>img{max-width:45%}.app__download>a>img{max-width:100%}#demo__page .step p,#demo__page a,#demo__page ol li p,#demo__page p{font-size:1.3rem;line-height:1.3;margin-bottom:1.1rem}.arrows.scroll__btns #scroll-down{margin-top:8px}}