body .op-hero__showcase--monitor{padding:0;align-self:center}body .op-hero__showcase--monitor::before{display:none}.ops-monitor{margin:0;min-width:0}.ops-monitor__device{position:relative;width:100%;aspect-ratio:3/2}.ops-monitor__frame{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}.ops-monitor__screen{position:absolute;left:10.22%;top:5.95%;width:79.56%;height:60.74%;display:block;object-fit:fill;background:#000;border:0}.ops-monitor__controls{display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap;font:600 14px Lato,sans-serif}.ops-monitor__controls button,.ops-monitor__controls a{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:8px;color:#fff;background:#231333;border:1px solid #876399;cursor:pointer;text-decoration:none}.ops-monitor__controls button:focus-visible,.ops-monitor__controls a:focus-visible{outline:3px solid #d5b4ff;outline-offset:4px}@media(min-width:1000px){body .op-hero__grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr)}body .op-hero__showcase--monitor{margin-right:-32px}}@media(max-width:560px){.ops-monitor__controls{font-size:13px;gap:8px}.ops-monitor__controls button,.ops-monitor__controls a{padding:10px 12px}}

body.cz .acc-card .ops-monitor{margin:24px 0 20px}body.cz .acc-card .ops-monitor__controls{font:600 13px Lato,sans-serif;gap:8px}body.cz .acc-card .ops-monitor__controls button,body.cz .acc-card .ops-monitor__controls a{font-family:Lato,sans-serif;text-transform:none;letter-spacing:normal}

.ops-monitor__screen--atlas-page{object-fit:contain!important;background:#090611!important}

/* Enlarge the physical Mac within its hero column; trim only empty asset margins. */
html body.ops .op-hero .ops-monitor{overflow:hidden}
/* Only in the two-column hero: on a single column the device stays inside the page gutter. */
@media(min-width:1000px){html body.ops .op-hero .ops-monitor__device{width:118%;margin-left:-9%}}