*{scroll-behavior:smooth}.landing-page{a{color:unset;text-decoration:none}.title{margin:3.5rem 0;.row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;justify-content:center}.highlight{color:#4caf50}.white{color:white}}.section{padding:1rem;.texts{display:flex;flex-direction:column;gap:.8rem;color:white;margin:3.5rem 0;h1{font-weight:700}p{color:#d1d5db}}.placeholder{object-fit:cover;width:18rem;height:35rem}.display{box-shadow:0 0 10px #4caf50,0 0 20px #4caf50,0 0 30px #4caf50;margin:0 4rem;border-top-left-radius:32px;border-top-right-radius:32px;border:2px solid #4caf50;border-top:2rem solid #1f2937;width:min-content;height:50%;border-bottom-left-radius:32px;border-bottom-right-radius:32px;.video{max-height:75vh;border-bottom-left-radius:32px;border-bottom-right-radius:32px}}}.section.gray-bg{background-color:#1a1a1a}.header{color:white;text-align:center;width:90%;display:flex;flex-direction:column;gap:1rem;.circular-green-span{font-size:.75rem;font-weight:lighter;color:#4caf50;background-color:rgba(53,123,56,.2);align-self:center;padding:.3rem .5rem;border-radius:15rem}h1,span{font-size:3.5rem;font-weight:700}h4{color:#d1d5dc;font-size:1.2rem;line-height:1.7rem;margin-bottom:1rem;margin-top:1rem}.buttons{display:flex;flex-direction:row;gap:.7rem;align-items:center;justify-content:center;.web-link span{font-weight:400}.button-text-span,button{padding:.55rem 1.5rem;border-radius:.5rem;font-size:1rem;font-weight:700;border:none;outline:none;cursor:pointer}.primary{background-color:#4caf50;color:white;transition:.2s ease-in-out}.primary:hover{background-color:#439746}.secondary{background-color:transparent;color:#d1d5dc;border:1px solid #4a5565;transition:.2s ease-in-out}.with-icon{padding:0!important;font-weight:400!important;align-items:center;display:flex;flex-direction:row;justify-content:space-between;.button-icon{margin-left:1rem}}.secondary:hover{color:white}}.below-buttons-text{color:#99a1af;font-size:.88rem;font-weight:400}}.features{display:flex;flex-direction:column;justify-content:center;text-align:center;.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1rem;gap:1rem;.feature{transition:.2s ease-in-out;background-color:#1F1F1F;border-radius:1rem;display:flex;flex-direction:column;align-items:start;text-align:left;padding:1.5rem;.icon{font-size:1.5rem;color:#4caf50;background-color:rgba(53,123,56,.2);padding:.8rem;border-radius:1rem;font-weight:light;margin-bottom:1rem}h3{font-size:1.15rem;color:white;font-weight:700;margin:.5rem 0}p{color:#737373;font-size:1rem}}}}.demo{display:flex;flex-direction:column;text-align:center;align-items:center;.demo-youtube-video{width:80%;aspect-ratio:16/9;max-width:50rem}.demo-wrapper{display:flex;flex-direction:row;width:100%;align-items:center;justify-content:center;padding:0 2rem;box-sizing:border-box}.list{align-self:flex-start;display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;.demo-list-text{display:flex;flex-direction:row;gap:.8rem;color:white;align-items:start;text-align:left;span{display:flex;font-weight:700;height:.3rem;width:.3rem;align-items:center;text-align:center;justify-content:center;padding:.9rem;background-color:#4caf50;border-radius:50%;font-size:.9rem}p{color:#d1d5db}.demo-text{display:flex;flex-direction:column;gap:.7rem}.demo-title{color:white;font-size:1.05rem;font-weight:700}}}}.cta{display:flex;flex-direction:column;align-items:center;text-align:center;align-self:center;width:100%;padding:2rem;box-sizing:border-box;h1{font-size:2.5rem;font-weight:700;color:white;margin-bottom:1rem}p{color:#d1d5db;font-size:1.2rem}button{padding:.8rem 2rem;border-radius:.5rem;background-color:#4caf50;color:white;font-weight:700;font-size:1.1rem;border:none;outline:none;cursor:pointer}}@media screen and (max-width:935px){.title .row{flex-direction:column;gap:4rem}.title{margin-top:1rem}.demo .demo-wrapper{display:flex;flex-direction:column}.demo .display{margin:0}.demo-youtube-video{width:100%!important}.header{h1,span{font-size:2rem}h4{font-size:1.2rem}.buttons{flex-direction:column;gap:1rem;width:100%}}.demo .demo-list-text p{font-size:.9rem}.demo-wrapper{padding:0!important}.cta .texts{margin-top:.5rem}.cta button{width:100%}}}