.device-switch{display:flex;justify-content:center;gap:5px;margin:14px auto 24px;padding:5px;width:max-content;border:1px solid #cccac2;border-radius:14px;background:#eeede8}.device-switch button{border:0;background:transparent;border-radius:10px;padding:11px 24px;min-height:44px;font:600 15px system-ui;cursor:pointer;color:#47545a}.device-switch button[aria-pressed=true]{background:white;color:#102c3b;box-shadow:0 2px 8px #0001}.device-switch button:focus-visible{outline:3px solid #1787ac;outline-offset:3px}[data-device-gallery][hidden]{display:none!important}.phone-frame{transition:width .35s ease,transform .25s ease}.app-preview.is-ipad .phone-frame{width:min(420px,90vw);border-radius:25px}.app-preview.is-ipad .phone-frame img{border-radius:17px}.app-preview{max-width:100%}.app-preview .phone-frame{max-width:100%}.app-preview>a{perspective:1000px}.app-preview .phone-frame{transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--dy,0px))}.iphone-showcase.is-ipad .iphone-rig{width:min(350px,calc(100vw - 100px));max-width:100%}.iphone-showcase.is-ipad .iphone-device{border-radius:24px}.iphone-showcase.is-ipad .iphone-device img{aspect-ratio:3/4;border-radius:15px}.iphone-stage{min-width:0}@media(prefers-reduced-motion:reduce){.phone-frame{transition:none!important;transform:none!important}}
.app-preview>a:hover .phone-frame{transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--dy,0px))}

/* Folded Duo preview: the frame is part of the SVG. */
.iphone-showcase.is-duo .iphone-rig{width:min(540px,calc(100vw - 48px));max-width:100%}
.iphone-showcase.is-duo .iphone-device,.app-preview.is-duo .phone-frame{padding:0!important;border:0!important;background:none!important;box-shadow:none!important;border-radius:0!important}
.iphone-showcase.is-duo .iphone-device img,.app-preview.is-duo .phone-frame img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;border:0!important;border-radius:0!important}
.iphone-showcase.is-duo .iphone-side{display:none!important}
.iphone-showcase.is-duo .iphone-device:before,.iphone-showcase.is-duo .iphone-device:after,.app-preview.is-duo .phone-frame:before,.app-preview.is-duo .phone-frame:after{display:none!important}
.app-preview.is-duo .phone-frame{display:block;width:min(600px,90vw);max-width:100%}
[data-device-gallery="duo"]{max-width:820px;margin:0 auto}
[data-device-gallery="duo"] img{display:block;width:100%;height:auto}

.iphone-showcase.is-duo .iphone-device img,.app-preview.is-duo .phone-frame img{background:transparent!important}

.iphone-showcase.is-duo .iphone-rig,.app-preview.is-duo .phone-frame{transform:none!important;animation:none!important}.iphone-showcase.is-duo .iphone-device img{filter:none!important}

.iphone-showcase.is-duo .iphone-rig{width:min(580px,calc(100vw - 40px))!important}.app-preview.is-duo .phone-frame{width:100%!important}.iphone-showcase.is-duo .iphone-device img,.app-preview.is-duo .phone-frame img{aspect-ratio:13/10!important}.app-preview.is-duo{width:100%;max-width:560px}

/* Keep Duo inside its grid track without squeezing the headline. */
.hero-product{min-width:0}.hero:has(.app-preview.is-duo)>*{min-width:0}.app-preview.is-duo>a{width:100%;min-width:0}.app-preview.is-duo .phone-frame{max-width:100%!important}.iphone-showcase.is-duo .iphone-rig{max-width:100%!important}

/* Portrait Duo from the original simulator capture. */
.iphone-showcase.is-duo .iphone-rig{width:min(350px,calc(100vw - 64px))!important}.iphone-showcase.is-duo .iphone-device img,.app-preview.is-duo .phone-frame img{aspect-ratio:101/130!important}.app-preview.is-duo{max-width:390px}[data-device-gallery="duo"]{max-width:440px}

/* Duo gallery: original transparent simulator frames. */
.iphone-showcase.is-duo .iphone-tabs{display:flex!important;flex-wrap:wrap;justify-content:center;gap:6px}.iphone-showcase.is-duo .iphone-tabs button{flex:0 1 auto}.duo-gallery[data-device-gallery="duo"]{max-width:none}.duo-gallery .showcase-open{background:transparent;padding:12px}.duo-gallery .showcase-open img{width:100%;height:auto;aspect-ratio:101/130;object-fit:contain;border-radius:0}

/* Official Duo frames include transparent padding. */
.iphone-showcase.is-duo .iphone-device img{aspect-ratio:4/5!important}
