.website-preview[data-v-1d1f5d7e]{min-width:0}.preview-stage[data-v-1d1f5d7e]{padding:30px 40px 50px 0;perspective:1400px;position:relative}.browser-frame[data-v-1d1f5d7e]{background:#fff;border:1px solid #d5d5d8;border-radius:10px;overflow:hidden;transform:none;transform-origin:left center;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.website-preview:hover .browser-frame[data-v-1d1f5d7e]{transform:rotateY(0) rotateX(0)}.browser-bar[data-v-1d1f5d7e]{align-items:center;background:#fff;border-bottom:1px solid #d5d5d8;color:#707078;display:flex;font-size:10px;gap:15px;height:38px;justify-content:space-between;padding:0 13px}.browser-dots[data-v-1d1f5d7e]{display:flex;gap:5px}.browser-dots i[data-v-1d1f5d7e]{background:#b9b9bf;border-radius:50%;height:5px;width:5px}.browser-url[data-v-1d1f5d7e]{flex:1;text-align:center}.browser-window[data-v-1d1f5d7e]{--preview-height:clamp(235px,29vw,450px);background:#fff;height:var(--preview-height);overflow:hidden;position:relative}.website-image[data-v-1d1f5d7e]{animation:page-pan-1d1f5d7e 32s ease-in-out infinite;display:block;height:auto;width:100%}.qr-image[data-v-1d1f5d7e]{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;width:100%}.mobile-frame[data-v-1d1f5d7e]{background:#fff;border:5px solid #171719;border-radius:24px;bottom:0;max-width:175px;overflow:hidden;position:absolute;right:0;transform:rotate(2deg);width:26%}.mobile-frame img[data-v-1d1f5d7e]{aspect-ratio:375/812;display:block;height:auto;-o-object-fit:cover;object-fit:cover;width:100%}.preview-controls[data-v-1d1f5d7e]{align-items:center;display:flex;gap:15px;justify-content:space-between;margin-top:15px}.preview-controls>div[data-v-1d1f5d7e]{display:flex;gap:20px}.preview-controls button[data-v-1d1f5d7e]{background:transparent;border:0;border-bottom:1px solid transparent;color:#707078;cursor:pointer;font-size:12px;min-height:44px;padding:5px 0}.preview-controls button[aria-pressed=true][data-v-1d1f5d7e]{border-bottom-color:#171719;color:#171719}.preview-controls .preview-pause[data-v-1d1f5d7e]{border:1px solid #d5d5d8;border-radius:50%;color:#171719;flex-shrink:0;width:44px}.preview-controls button[data-v-1d1f5d7e]:focus-visible{outline:2px solid #707078;outline-offset:5px}.is-paused .website-image[data-v-1d1f5d7e]{animation-play-state:paused}@keyframes page-pan-1d1f5d7e{0%,12%,to{transform:translateY(0)}68%,85%{transform:translateY(min(0px,calc(-100% + var(--preview-height))))}}@media(max-width:680px){.preview-stage[data-v-1d1f5d7e]{padding:15px 25px 50px 0}.browser-frame[data-v-1d1f5d7e]{border-radius:6px;transform:none}.browser-bar[data-v-1d1f5d7e]{font-size:8px;gap:8px;height:28px;padding-inline:8px}.browser-dots[data-v-1d1f5d7e]{gap:3px}.browser-dots i[data-v-1d1f5d7e]{height:3px;width:3px}.browser-window[data-v-1d1f5d7e]{--preview-height:245px}.mobile-frame[data-v-1d1f5d7e]{border-radius:15px;border-width:3px;width:30%}.preview-controls[data-v-1d1f5d7e]{gap:10px;margin-top:8px}.preview-controls>div[data-v-1d1f5d7e]{gap:18px}.preview-controls button[data-v-1d1f5d7e]{font-size:11px}}@media(prefers-reduced-motion:reduce){.preview-stage[data-v-1d1f5d7e],.website-image[data-v-1d1f5d7e]{animation:none!important}.browser-frame[data-v-1d1f5d7e]{transform:none;transition:none}}