.collage-container[data-v-e56c368d]{align-items:center;display:flex;height:600px;justify-content:center;position:relative;width:100%}.desktop-screenshot[data-v-e56c368d]{left:50%;margin-left:-150px;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;width:800px;z-index:1}.mobile-screenshots[data-v-e56c368d]{height:100%;pointer-events:none;position:absolute;right:0;top:0;width:50%}.phone-frame[data-v-e56c368d]{align-items:center;background-color:#000;border:1px solid hsla(0,0%,100%,.2);border-radius:32px;box-shadow:0 15px 35px #0006,inset 0 0 0 1px #ffffff1a;display:flex;height:570px;justify-content:center;padding:8px;position:absolute;transition:transform .4s ease-out,width .4s ease-out,height .4s ease-out;width:270px}.phone-screen[data-v-e56c368d]{background-color:#000;border-radius:24px;height:100%;overflow:hidden;position:relative;width:100%}.screen-image[data-v-e56c368d]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.phone-1[data-v-e56c368d]{transform:translateY(2%) translate(55%) scale(.75) perspective(1000px) rotateY(-15deg) rotateX(5deg);z-index:2}.phone-2[data-v-e56c368d]{transform:translateY(2%) translate(95%) scale(.85) perspective(1000px) rotateY(-15deg) rotateX(5deg);z-index:3}@media (max-width:1060px){.collage-container[data-v-e56c368d]{height:500px;transform:scale(.8);transform-origin:center}.phone-1[data-v-e56c368d]{transform:translateY(-5%) translate(55%) scale(.7) perspective(1000px) rotateY(-15deg) rotateX(5deg)}.phone-2[data-v-e56c368d]{transform:translateY(-5%) translate(95%) scale(.8) perspective(1000px) rotateY(-15deg) rotateX(5deg)}}@media (max-width:870px){.collage-container[data-v-e56c368d]{height:350px;transform:scale(.65);transform-origin:center}.phone-1[data-v-e56c368d]{transform:translateY(-20%) translate(55%) scale(.7) perspective(1000px) rotateY(-15deg) rotateX(5deg)}.phone-2[data-v-e56c368d]{transform:translateY(-20%) translate(95%) scale(.8) perspective(1000px) rotateY(-15deg) rotateX(5deg)}}@media (max-width:680px){.collage-container[data-v-e56c368d]{height:275px;transform:scale(.55);transform-origin:center}.phone-1[data-v-e56c368d]{transform:translateY(-25%) translate(55%) scale(.7) perspective(1000px) rotateY(-15deg) rotateX(5deg)}.phone-2[data-v-e56c368d]{transform:translateY(-25%) translate(95%) scale(.8) perspective(1000px) rotateY(-15deg) rotateX(5deg)}}@media (max-width:580px){.collage-container[data-v-e56c368d]{height:200px;transform:scale(.45);transform-origin:center}.phone-1[data-v-e56c368d]{transform:translateY(-33%) translate(55%) scale(.7) perspective(1000px) rotateY(-15deg) rotateX(5deg)}.phone-2[data-v-e56c368d]{transform:translateY(-33%) translate(95%) scale(.8) perspective(1000px) rotateY(-15deg) rotateX(5deg)}}@media (max-width:480px){.collage-container[data-v-e56c368d]{height:140px;transform:scale(.4);transform-origin:center}.phone-1[data-v-e56c368d]{transform:translateY(-38%) translate(55%) scale(.7) perspective(1000px) rotateY(-15deg) rotateX(5deg)}.phone-2[data-v-e56c368d]{transform:translateY(-38%) translate(95%) scale(.8) perspective(1000px) rotateY(-15deg) rotateX(5deg)}}