@import"https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap";body{margin:0;padding:0}p,a,h1,h2,h3,span,li{font-family:Work Sans,serif;padding:0;margin:0}a{text-decoration:none}.header{display:flex;flex-direction:column;align-items:center;margin:10px 0}.header .title{margin-top:2rem;font-weight:500;max-width:72%;font-size:3rem;text-align:center}.header .subtitle{font-weight:400;max-width:70%;font-size:1.13rem;text-align:center;color:#777575}.header .cta{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:4rem}.header .cta .design_partener{background-color:#05aa53;color:#fff;padding:1rem 2rem;border-radius:10px;font-weight:500;margin-right:1rem;position:relative;text-align:center;box-shadow:0 0 10px #00000080}.header .cta .design_partener:hover{background-color:#032b2b;transition:.3s ease-in-out}.header .cta .queue{background-color:#032b2b;color:#fff;padding:1rem 2rem;border-radius:10px;text-align:center;box-shadow:0 0 10px #00000080}.header .cta .queue:hover{background-color:#05aa53;transition:.3s ease-in-out}.header .illustration{display:flex;flex-direction:row;justify-content:center;align-items:center}.header .illustration img{width:25%;height:100%;border-radius:10px}.header .illustration img:nth-child(1){margin-right:-3vw;z-index:1}.header .illustration img:nth-child(3){margin-left:-3vw;z-index:1}.problem{padding:2rem;background-color:#174046;color:#fff;box-shadow:0 0 10px #000c;display:flex;flex-direction:column;align-items:center}.problem .title{font-size:2.2rem;font-weight:600;padding:2rem;max-width:80%;text-align:center}.problem .boxes{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);grid-gap:20px;width:40%;z-index:1}.problem .boxes .box{background-color:#fff;border-radius:10px;padding:1rem;display:flex;align-items:center;justify-content:center;box-shadow:0 0 10px #00000080}.problem .boxes .box p{font-size:1rem;font-weight:400;color:#3e3c3c;text-align:center}.problem .content{display:flex;flex-direction:row;justify-content:center;align-items:center}.problem .content canvas{width:35%;height:100%;border-radius:18px;margin-left:-5vw}.problem .content .label{opacity:0}.solution{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.solution .title{font-size:2.2rem;font-weight:600;padding:2rem;max-width:80%;text-align:center;margin-bottom:2rem}.solution .wrapper{display:flex;width:90%;flex-direction:row;justify-content:space-around;align-items:center;margin-bottom:2rem}.solution .wrapper img{width:20%;border-radius:10px;box-shadow:0 0 10px #00000080}.solution .list-solutions li{margin-bottom:1rem;color:#000;font-weight:400;font-size:1.2rem}.solution .example{display:flex;flex-direction:column;align-items:center;width:100%}.solution .example p{left:10%;top:12vh;width:80%;font-size:1.2rem;font-weight:500;border:1px solid #000;box-sizing:border-box;text-align:center;padding:1rem 0;border-top-left-radius:10px;border-top-right-radius:10px;box-shadow:0 -5px 5px #0000001a}.solution .example .iframe{width:80%;height:50vh;overflow:hidden;border:0;box-shadow:0 0 10px #00000080;border-bottom-right-radius:10px;border-bottom-left-radius:10px}.footer{background-color:#174046;color:#fff;padding:4rem;display:flex;flex-direction:row;justify-content:space-around;text-align:center;font-weight:600;font-size:1.2rem}.footer a{color:#fff;text-decoration:underline}.footer a:hover{color:#6cffb2;transition:.3s ease-in-out}form{position:fixed;width:80vw;height:80vh;background-color:#045a59;border-radius:50px;color:#fff;top:10vh;left:10vw;z-index:10;flex-direction:column;justify-content:space-around;align-items:center;display:none}form .champ{width:70%}form .champ input{width:100%;padding:1rem;border-radius:10px;border:1px solid #ccc}form .champ p{margin-bottom:1rem;font-size:1.5rem;font-weight:600}form .title{margin-top:2rem;font-size:2rem;padding:1rem}form button{color:#000;background-color:#fff;border-radius:10px;border:0;padding:10px}form button:hover{background-color:#6cffb2;transition:.3s ease-in-out}form .close{position:absolute;top:30px;right:30px;cursor:pointer;font-weight:700;font-size:30px}@media screen and (max-width:1000px){.solution .wrapper{flex-direction:column}.solution .wrapper img{width:50%}}@media screen and (max-width:940px){.problem .content{flex-direction:column}.header .title{font-size:2rem}.problem .content .boxes{width:80%}.problem .content svg{width:80%}}