body{font:14px Roboto,Verdana,Helvetica,lucida sans,Arial,sans-serif;margin:0;padding:0;box-sizing:border-box}*,*::before,*::after{box-sizing:border-box}.logo{max-height:60px;width:auto}.qrcode-title{font-weight:bolder;font-size:22px}.qrcode-img{border-radius:5px;height:150px;width:150px}.header{position:sticky;top:0;z-index:1000;background-color:#fff;display:flex;align-items:center;gap:15px;box-shadow:0 0 10px rgba(43,42,42,7%);padding:.5vw 10vw;font-size:13px}.demo-placeholder{text-align:center}.intro{position:relative;padding:5vw 0;display:flex;align-items:center;margin-top:20px;gap:40px}.intro::before{z-index:-1;content:"";position:absolute;top:100px;left:0;width:100%;height:100%;background:#00aab6;transform:skewY(5deg);transform-origin:bottom right}@media only screen and (max-width:900px){.intro::before{top:40px}}@media only screen and (max-width:900px){.intro{flex-direction:column;align-items:center;padding:0}}.intro-content{flex:1;width:50%;padding-left:10vw;color:#f0f0f0}@media only screen and (max-width:900px){.intro-content{width:80%;padding:0}}.intro-title{font-size:55px;font-weight:900}@media only screen and (max-width:1100px){.intro-title{font-size:35px}}.intro-text{font-size:20px}@media only screen and (max-width:1100px){.intro-text{font-size:15px}}.intro-img{border-radius:15px 0 0 15px;flex:1.5;width:0;box-shadow:8px 8px 15px 8px rgba(43,42,42,7%)}@media only screen and (max-width:900px){.intro-img{width:70%;border-radius:15px}}.feature{padding:5vw 13vw;text-align:center}.feature-list{display:flex;justify-content:space-evenly;gap:50px}@media only screen and (max-width:1100px){.feature-list{flex-direction:column;align-items:center}}.feature-title{font-size:35px;margin-bottom:60px;margin-top:50px}.feature-card{min-width:300px;background-color:#fff;border-radius:15px;flex:1;padding:1rem;box-shadow:8px 8px 15px 8px rgba(43,42,42,7%)}@media only screen and (max-width:1100px){.feature-card{max-width:70%}}.feature-card-title{font-size:25px}.feature-card-img{height:160px}.feature-card-list{display:flex;flex-direction:column;gap:15px}.feature-card-list-row{text-align:left;font-size:17px}.webpages{margin-bottom:50px}.webpage{margin-top:5rem;text-align:right}@media only screen and (max-width:1100px){.webpage{margin-top:2rem}}.webpage-title{font-size:35px;margin-bottom:20px}.webpage-content{display:flex;align-items:center;justify-content:space-evenly;margin-bottom:100px}@media only screen and (max-width:1100px){.webpage-content{flex-direction:column;margin-bottom:30px}}.webpage-text{flex:1;width:50%;padding:10px 150px;font-size:20px;color:#000}@media only screen and (max-width:1100px){.webpage-text{font-size:15px;padding:10px 0;text-align:left;width:80%;order:1}}.webpage-img{flex:1.3;width:0;max-width:none;object-fit:cover;box-shadow:8px 8px 15px 8px rgba(43,42,42,7%);border-radius:25px 0 0 25px}@media only screen and (max-width:1100px){.webpage-img{width:70%;order:2;border-radius:25px}}.webpage-desc{max-width:600px;margin-left:auto}@media only screen and (max-width:1100px){.webpage-desc{max-width:none}}.webpage:nth-child(even) .webpage-text{text-align:left;order:2}.webpage:nth-child(even) .webpage-desc{margin-right:auto;margin-left:0}.webpage:nth-child(even) .webpage-img{border-radius:0 25px 25px 0}@media only screen and (max-width:1100px){.webpage:nth-child(even) .webpage-img{border-radius:25px}}.faq{text-align:center}.cta{text-align:center;padding:30px 20px;background:#00aab6;display:flex;flex-direction:column;align-items:center}.cta-title{font-size:2.5rem;margin:0 0 25px;color:#f3f3f3;font-weight:700}.cta .cta-input-wrapper{position:relative;display:flex;align-items:center;max-width:400px;width:100%;margin:auto}.cta form{width:100%}.cta input{width:100%;padding:18px;padding-right:160px;border:2px solid #ccc;border-radius:50px;font-size:1.2rem;outline:none;transition:border-color .3s,box-shadow .3s}@media only screen and (max-width:420px){.cta input{padding-right:18px;padding-bottom:70px;border-radius:30px}}.cta input:focus{border-color:#00aab6;box-shadow:0 0 8px rgba(255,17,0,.3)}.cta-btn{position:absolute;right:5px;border:none;background:#00aab6;color:#fff;padding:15px 25px;font-size:1.2rem;border-radius:50px;cursor:pointer;transition:.3s ease;font-weight:700}@media only screen and (max-width:420px){.cta-btn{width:95%;bottom:5px;right:auto;left:50%;transform:translateX(-50%)}}.cta-btn:hover{background:#0095a0}.cta-btn:disabled{background:#989898}.footer{margin-top:10px}.footer-content{padding:1vw 10vw}.footer-text{border-top:solid grey 1px;padding:1rem 0}.feature-card-icon{margin:40px;font-size:100px}