/* Preserve the supplied screenshot proportions and complete interface. */
img.version3-screenshot{box-sizing:border-box;object-fit:contain;border:1px solid rgba(175,201,216,.28);border-radius:8px;background:#071017}
.home-page .hero-visual img.version3-screenshot{box-shadow:0 0 0 5px #172027}
.home-page .engine-image img.version3-screenshot{width:min(100%,440px);height:auto;margin-inline:auto}
.home-page .engine-image figcaption{text-align:center}
.feature-landscape-screen .feature-screen{max-width:420px;margin-inline:auto}
.feature-screen-pair-wide{max-width:940px;margin-inline:auto}
.feature-screen-pair-wide .feature-screen{width:100%;max-width:440px;justify-self:center}
.hero-visual img.version3-screenshot.hero-ipad,.hero-visual img.version3-screenshot.hero-iphone{box-shadow:0 0 0 4px #172027}
.hero-visual.version3-device-pair{height:auto;aspect-ratio:auto;display:grid;grid-template-columns:86% 14%;padding-bottom:40px}
.version3-device-pair .hero-ipad{position:relative;grid-column:1;width:100%;top:0;left:0}
.version3-device-pair .hero-iphone{bottom:40px}
.version3-device-pair .preview-label{bottom:0;max-width:none;right:10px}
@media(max-width:780px){.hero-visual.version3-device-pair{grid-template-columns:6% 69% 25%}.version3-device-pair .hero-ipad{grid-column:2}}
.device-stage img.version3-screenshot.device{width:auto;max-width:100%;height:auto;box-shadow:0 0 0 5px #172027}
.screen-link img.version3-screenshot{display:block;width:100%;height:auto;box-shadow:0 0 0 4px #172027}
