/* Real native captures, arranged without changing or stretching their UI. */
.device-scene { position: relative; isolation: isolate; width: 100%; }
.product-device { box-sizing: border-box; background: #171719; box-shadow: 0 18px 36px -15px #131b3038, 0 2px 5px #131b3026; }
.product-device img { display: block; width: 100%; height: auto; margin: 0; }
.device-mac { overflow: hidden; border: 1px solid #6d6d7280; border-radius: 12px; }
.device-ipad { padding: 10px; border: 2px solid #606167; border-radius: 24px; }
.device-ipad img { border-radius: 14px; }
.device-iphone { padding: 4px; border: 1px solid #77787f; border-radius: 13% / 6%; }
.device-iphone img { border-radius: 10% / 4.6%; }
.device-trio { aspect-ratio: 1.65; max-width: 1100px; margin: 0 auto; }
.device-trio .product-device { position: absolute; }
.device-trio .device-mac { width: 77%; left: 1%; top: 0; z-index: 1; }
.device-trio .device-ipad { width: 49%; right: 2%; bottom: 3%; z-index: 2; }
.device-trio .device-iphone { width: 18%; left: 34%; bottom: 0; z-index: 3; }
.device-caption { text-align: center; color: #1d1d1f; font-size: 21px; font-weight: 500; line-height: 1.5; margin: 30px auto 0; }
.device-pair { aspect-ratio: 1.55; }
.device-pair .product-device { position: absolute; }
.device-pair .device-ipad { width: 84%; left: 0; top: 0; padding: 7px; border-radius: 18px; }
.device-pair .device-ipad img { border-radius: 10px; }
.device-pair .device-iphone { width: 29%; right: 0; bottom: 0; }
.platform-product { max-width: 850px; margin: 48px auto 32px; }
.platform-product .device-pair { max-width: 760px; margin: auto; }
.platform-product figcaption { color: #6e6e73; font-size: 14px; margin-top: 24px; }
@media (max-width: 600px) {
	.device-trio { aspect-ratio: .99; }
	.device-trio .device-mac { width: 96%; left: 2%; border-radius: 7px; }
	.device-trio .device-ipad { width: 76%; left: 0; right: auto; bottom: 1%; }
	.device-trio .device-iphone { width: 29%; right: 0; left: auto; bottom: 0; }
	.device-ipad { padding: 6px; border-width: 1px; border-radius: 16px; }
	.device-ipad img { border-radius: 10px; }
	.device-iphone { padding: 3px; }
	.device-pair .device-ipad { padding: 5px; border-radius: 14px; }
	.device-pair .device-ipad img { border-radius: 8px; }
	.device-caption { font-size: 19px; margin-top: 22px; }
}