/* Lightweight monitor framing; real images and native video remain interactive. */
.mac-display{position:relative;isolation:isolate;margin:0 auto;width:100%;min-width:0;padding:12px 12px 0;border-radius:18px 18px 0 0;background:linear-gradient(120deg,#34363a,#101114 55%,#292b2f);box-shadow:0 0 0 1px #ffffff26,0 20px 38px #0003}
.mac-display:before{content:"";position:absolute;top:4px;left:calc(50% - 2px);width:4px;height:4px;border-radius:50%;background:#0a1420;box-shadow:0 0 0 1px #4a4d52}
.mac-display .mac-screen{display:block;position:relative;width:100%;margin:0!important;border:0!important;border-radius:3px!important;box-shadow:none!important;overflow:hidden;background:#101828}
.mac-display .mac-screen img{display:block;width:100%;height:auto}
.mac-display .screen-image{aspect-ratio:16/10}
.mac-chin{height:clamp(24px,3.5vw,42px);margin:0 -12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(105deg,#c2c6cc,#eceef1 45%,#b6bbc3);border-radius:0 0 12px 12px;border-top:1px solid #ffffff70}
.mac-camera{width:7px;height:7px;border-radius:50%;background:#858b95;box-shadow:inset 0 1px 2px #5555}
.mac-stand{position:relative;height:48px;background:var(--ground,#0a1730);margin:0 -12px -1px;box-shadow:none}
.mac-stand:before{content:"";position:absolute;top:0;left:40%;width:20%;height:38px;clip-path:polygon(18% 0,82% 0,100% 100%,0 100%);background:linear-gradient(#8c929a,#dce0e5 75%,#b0b5bd)}
.mac-stand:after{content:"";position:absolute;bottom:5px;left:32%;width:36%;height:7px;border-radius:50% 50% 3px 3px;background:linear-gradient(#eef0f3,#a4aab3);box-shadow:0 5px 6px #0002}
.real-product-hero .mac-stand{background:var(--panel,#0a1730)}
.screen-card{overflow:visible;background:transparent;border:0;box-shadow:none}.screen-card .screen-copy{margin-top:14px;padding:22px 0}.screen-card .mac-display{width:calc(100% - 24px)}
.mac-display-video{max-width:960px;margin:28px auto 20px;box-sizing:border-box}.mac-display video.mac-screen{aspect-ratio:16/9;object-fit:contain}
.article-product-image{overflow:visible;border:0;background:transparent}.article-product-image .mac-display{box-sizing:border-box}.article-product-image .mac-screen{max-height:420px}.article-product-image figcaption{padding-left:0}
.mac-screen:focus-visible{outline:3px solid #66b4ff!important;outline-offset:3px}
@media(max-width:640px){.mac-display{padding:8px 8px 0;border-radius:12px 12px 0 0;box-sizing:border-box}.mac-display:before{top:2px;width:3px;height:3px}.mac-chin,.mac-stand{margin-left:-8px;margin-right:-8px}.mac-chin{height:26px}.mac-stand{height:38px}.mac-stand:before{height:28px}.screen-card .mac-display{width:100%}.mac-display .screen-zoom{right:8px;bottom:8px;font-size:11px;padding:8px}.mac-display-video{margin-top:22px}}
/* Keep the stand's surroundings transparent in every page colour scheme. */
.mac-display{margin-bottom:48px;border-radius:18px 18px 12px 12px;box-shadow:0 12px 28px #0002}
.mac-stand,.real-product-hero .mac-stand{position:absolute;top:100%;left:0;width:100%;margin:0;background:transparent}
.mac-display-video{margin-bottom:68px}.screen-card .screen-copy{margin-top:62px}
@media(max-width:640px){.mac-display{margin-bottom:38px;border-radius:12px}.mac-display-video{margin-bottom:58px}.screen-card .screen-copy{margin-top:52px}}

/* All visible monitor panels use true 16:9 geometry; screenshots retain their proportions. */
.mac-display{box-sizing:border-box}.mac-display .mac-screen{aspect-ratio:16/9;height:auto;max-height:none}.mac-display .mac-screen img{width:100%;height:100%;object-fit:cover;object-position:top;transform:none}.mac-display .screen-image:hover img{transform:none}.screen-card .mac-display{width:100%}.screen-grid{row-gap:36px}.screen-card .screen-copy{margin-top:56px}.mac-display .screen-zoom{font-size:12px;padding:8px 10px}.real-product-hero .mac-screen img{object-fit:cover}.screen-dialog-image{aspect-ratio:auto}
@media(max-width:640px){.screen-card .screen-copy{margin-top:44px}.screen-grid{row-gap:20px}}
.mac-screen img[src="assets/product-mustering.jpg"],.mac-screen img[src="assets/product-permits.jpg"],.mac-screen img[src="assets/product-snagging.jpg"],.mac-screen img[src="assets/product-daily-operations.jpg"]{object-fit:contain;object-position:center;background:#e7f4fb}

/* Product screens are presentation-only previews. */
.mac-screen{cursor:default}.mac-display .mac-screen img{pointer-events:none}
.article-product-image>.mac-display .mac-screen{display:block}