/* Baseline: the first real capture stays visible even without JavaScript. */
body.v2 .screen-viewport{position:relative;width:100%;height:100%;min-width:0;aspect-ratio:var(--screen-ratio);overflow:hidden;background:#101622;isolation:isolate}
body.v2 .screen-slide{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 650ms ease,visibility 0s 650ms}
body.v2 .screen-slide.is-active{opacity:1;visibility:visible;transition-delay:0s}
body.v2 .screen-slide img{display:block;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;object-fit:contain!important;object-position:center!important;border-radius:0!important;border:0!important;box-shadow:none!important;transform:none!important;cursor:default!important}
body.v2 .phone-frame>.screen-viewport,body.v2 .mobile-device>.screen-viewport{height:auto;aspect-ratio:var(--screen-ratio)}
body.v2 .device-mockup,body.v2 .device-screen,body.v2 .feat-img,body.v2 .dash .ph{cursor:default!important}
body.v2 .feature-device-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,.32fr);gap:16px;align-items:center;min-width:0}
body.v2 .feature-device-pair>.device-mobile{width:100%;max-width:170px}
@media(max-width:720px){body.v2 .feature-device-pair{grid-template-columns:minmax(0,1fr);gap:24px}body.v2 .feature-device-pair>.device-mobile{max-width:180px}}
@media(prefers-reduced-motion:reduce){body.v2 .screen-slide{transition:none!important}}