.layout{display:grid;max-width:950px;margin:auto;padding:0 25px;height:70vh;grid-template-areas:"phone main";grid-column-gap:70px;position:relative}@media (max-width:1000px){.layout{display:flex;flex-direction:column;align-items:center;height:auto;margin-top:25px}}.layout .phone{position:relative;grid-area:phone;background-color:#000;width:300px;height:600px;border-radius:25px;margin-top:70px;z-index:-2}@media (max-width:1000px){.layout .phone{margin-top:0;height:500px;width:250px}}.layout .phone #slideshow{position:relative;background-color:#fff;margin:30px 20px;width:calc(100% - 40px);height:calc(100% - 60px);border-radius:10px;overflow:hidden}.layout .phone #slideshow img{position:absolute;height:100%;width:100%;transition:opacity .6s ease;opacity:0}.layout .main{grid-area:main;display:flex;flex-direction:column;justify-content:center}.layout .main h1{font-size:50px;margin-bottom:0}.layout .main h1 img{height:1.2em;transform:translateY(10px)}@media (max-width:1000px){.layout .main h1{font-size:40px}.layout .main h1 img{transform:translateY(20px)}}@media (max-width:1000px){.layout .main{width:100%;align-items:center}.layout .main img{height:50px!important;margin-bottom:10px!important}}.layout .main .badges{margin-top:20px;display:flex}.layout .main .badges a{text-decoration:none}.layout .main .badges a img{height:40px;margin-right:5px;margin-bottom:5px}@media (max-width:700px){.layout .main .badges{flex-direction:column}.layout .main .badges img{height:60px}}.layout:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;transform:translateY(100%);background:linear-gradient(180deg,hsla(0,0%,100%,0),#fff 15%);z-index:-1}.page{margin-top:70px}.page .comparison{display:flex;justify-content:center;margin-bottom:50px}.page .comparison img{height:600px;margin:0 10px}@media (max-width:800px){.page .comparison img{height:auto;width:40vw}}
/*# sourceMappingURL=index.2a193b24.css.map */