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