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