/* The mask follows the four real windows, preserving the original UI pixels. */
img[src="optii-expanded-quality-v2.webp"]{mask:url('img/masks/optii-expanded.svg') center/100% 100% no-repeat}
.optii-page .optii-showcase{grid-template-columns:.75fr 1.25fr;padding:48px;gap:40px;background:linear-gradient(140deg,#122031,#09121e)!important;border-color:#526c824d;box-shadow:inset 0 1px #c3e0f215,0 18px 42px #0003}
.optii-page .optii-showcase h2{font-size:clamp(30px,3.1vw,42px)!important;line-height:1.12;letter-spacing:-.8px!important}
.optii-page .optii-showcase-copy p{font-size:14px;line-height:1.8;color:#a9b9cc}
.optii-page .optii-showcase img{filter:drop-shadow(0 12px 14px #0006)}
.optii-page .optii-hero-media{border-color:#66839c55;box-shadow:inset 0 1px #def0ff15,0 18px 38px #0005}
.orbit-visual:has(img[src*="optii-"]){border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important}
.product-orbit .orbit-product .orbit-visual{overflow:visible!important}
.product-orbit .orbit-product .orbit-visual .orbit-shot{inset:auto!important;top:50%!important;left:50%!important;bottom:auto!important;right:auto!important;width:auto!important;height:auto!important;max-width:100%;max-height:100%;object-fit:contain!important;transform:translate(-50%,-50%)!important;transition:opacity .55s ease}
.orbit-visual{filter:drop-shadow(0 16px 18px #0005)}
.orbit-controls{gap:12px}
.orbit-dot{width:44px;height:44px;border-radius:0;background:transparent;position:relative}
.orbit-dot:after{content:'';position:absolute;left:0;right:0;top:20px;height:3px;border-radius:3px;background:#75869a66}
.orbit-dot.is-current{background:transparent}
.orbit-dot.is-current:after{background:#b6d1e8}
.orbit-dot:hover:after{background:#d4e8f6}
.orbit-dot:focus-visible,.orbit-arrow:focus-visible{outline:2px solid #c5dcef;outline-offset:4px}
@media(max-width:900px){.optii-page .optii-showcase{grid-template-columns:1fr;padding:36px;gap:28px}}
@media(max-width:560px){.optii-page .optii-showcase{padding:28px 20px}.optii-page .optii-showcase h2{font-size:30px!important}.optii-page .optii-showcase-copy p{font-size:13px}}