.asset-slot.has-vdp-showcase{height:auto;padding:0;display:block;overflow:visible;background:#f1f3f5}
.vdp-showcase{width:100%;padding:20px 16px 12px}
.vdp-stage{position:relative;padding:0 0 72px;min-height:310px}
.vdp-stage button{padding:0;background:white;color:inherit;display:block;cursor:zoom-in}
.vdp-stage img{display:block;width:100%;height:auto}
.vdp-desktop-shot{width:96%;aspect-ratio:1709/724;border:1px solid #d9dde1;border-radius:4px;overflow:hidden;box-shadow:0 12px 30px #25252513}
.vdp-phone-inset{position:absolute;right:0;bottom:4px;width:30%;border:5px solid #252525;border-radius:20px;overflow:hidden;box-shadow:0 12px 25px #25252530}
.vdp-pricing-crop{display:block;aspect-ratio:1238/1459;overflow:hidden;background:white}
.vdp-pricing-crop img{margin-top:-47.58%}
.vdp-stage .vdp-mobile-shot,.vdp-mobile-controls{display:none}
.vdp-showcase-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:11px;color:#626c75;line-height:1.5}
.vdp-showcase-footer>span{max-width:70%}
.vdp-showcase-footer button{border:0;background:transparent;text-decoration:underline;text-underline-offset:3px;font-size:12px;font-weight:700;padding:8px 0;color:#252525;white-space:nowrap}
.step-asset.has-vdp-showcase .vdp-stage{min-height:265px;padding-bottom:56px}
.step-asset.has-vdp-showcase .vdp-phone-inset{width:26%}
.vdp-mobile-controls,.vdp-view-controls{gap:8px;justify-content:center}
.vdp-mobile-controls button,.vdp-view-controls button{border:1px solid #d8dce0;border-radius:4px;background:white;color:#252525;font-size:13px;font-weight:500;padding:10px 14px;min-height:42px}
.vdp-mobile-controls button[aria-pressed=true],.vdp-view-controls button[aria-pressed=true]{background:#252525;color:white;border-color:#252525}
.vdp-viewer{border:1px solid #d8dce0;border-top:4px solid #f69522;border-radius:6px;padding:24px;width:min(1200px,calc(100% - 32px));max-height:94vh;overflow:auto;color:#252525}
.vdp-viewer::backdrop{background:#15191ee0;backdrop-filter:blur(5px)}
.vdp-viewer-open{overflow:hidden}
.vdp-viewer-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}
.vdp-viewer-header h2{font-size:28px;letter-spacing:0}
.vdp-view-controls{display:flex;flex-wrap:wrap;margin-bottom:18px}
.vdp-viewer-content{max-height:66vh;overflow:auto;background:#f1f3f5;border:1px solid #e1e5e9;border-radius:4px}
.vdp-viewer-content img{width:100%;height:auto;display:block;margin:auto}
.vdp-viewer-content:not([data-view="2"]) img{max-width:460px}
.vdp-viewer-note{font-size:12px;color:#626c75;margin-top:12px;text-align:center}
@media(min-width:801px) and (max-width:1100px){.vdp-stage{min-height:265px;padding-bottom:76px}.vdp-phone-inset{width:34%}}
@media(max-width:600px){
 .hero-visual .browser-window{border:0;box-shadow:none;overflow:visible;background:transparent}
 .hero-visual .browser-bar{display:none}
 .asset-slot.has-vdp-showcase{background:transparent}
 .vdp-showcase{padding:0}
 .vdp-stage,.step-asset.has-vdp-showcase .vdp-stage{padding:0;min-height:0}
 .vdp-stage .vdp-desktop-shot,.vdp-stage .vdp-phone-inset{display:none}
 .vdp-stage .vdp-mobile-shot{display:block;aspect-ratio:1220/1570;width:100%;max-width:400px;margin:0 auto;border:1px solid #d9dde1;border-radius:12px;overflow:hidden;box-shadow:0 12px 28px #25252514}
 .vdp-mobile-shot.is-pricing{aspect-ratio:1220/1570}
 .vdp-mobile-shot.is-pricing img{margin-top:-47.58%}
 .vdp-mobile-controls{display:flex;margin-top:16px}
 .vdp-showcase-footer{margin-top:6px;font-size:10px}
 .step-asset.has-vdp-showcase{padding:20px}
 .vdp-viewer{padding:16px;width:calc(100% - 20px)}
 .vdp-viewer-header h2{font-size:23px}
 .vdp-view-controls{gap:5px}
 .vdp-view-controls button{padding:9px;font-size:12px}
}
