/* MGC Technical Service R4.2.8 — Scoped to /mgc-matrix/ page via dedicated stylesheet. */
/* Above-the-fold hero: 2 visually equal proof windows in a compact stack; preserve source screenshots in full. */
.r427-matrix-hero{padding-block:46px 30px}
.r427-matrix-hero .r425-matrix-layout{gap:42px;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);align-items:center}
.r427-matrix-hero .r425-matrix-previews{gap:11px}
.r427-matrix-hero .r425-preview-image img{aspect-ratio:2.36/1;object-fit:contain;object-position:center center}
.r427-matrix-hero .r425-product-preview figcaption{min-height:45px;padding:8px 13px}
.r427-matrix-hero .r425-matrix-status{margin-top:19px}
/* Product sections: two real videos per product with matched cyan/amber accents and no dead media column. */
.r428-product-detail{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:stretch;overflow:hidden;background:linear-gradient(145deg,#0b1920,#111e25);border-color:#23414b;color:#f2f8fa}
.r428-product-detail.r4-product-cyan{border-top:4px solid #22cde7}
.r428-product-detail.r4-product-amber{border-top:4px solid #eab248;background:linear-gradient(145deg,#171811,#131916);border-color:#403822}
.r428-product-detail .r4-product-detail-copy{padding:31px 32px}
.r428-product-detail .r4-product-detail-copy>p:not(.r4-kicker){color:#c3d1d4}
.r428-product-detail .r4-product-detail-copy h2{font-size:clamp(2rem,3.15vw,3.1rem);line-height:1.07}
.r428-product-detail .r4-product-detail-copy h3{color:#f1f7f9}
.r428-product-detail .r4-feature-grid>div{background:rgba(4,12,17,.35);border-color:rgba(71,208,230,.26);color:#e8f2f5}
.r428-product-detail.r4-product-amber .r4-feature-grid>div{border-color:rgba(233,181,83,.28)}
.r428-product-detail .r4-feature-grid span{color:#b4c4c9}
.r428-product-detail .r4-chip-row span{background:rgba(8,24,31,.6);border-color:#2a555e;color:#a2edf6}
.r428-product-detail.r4-product-amber .r4-chip-row span{border-color:#544322;color:#f6d58f;background:rgba(21,20,9,.6)}
.r428-product-detail .text-link{color:#a5ecf4}
.r428-product-detail.r4-product-amber .text-link{color:#ffce82}
.r428-product-detail .r4-kicker{color:#58dbed}
.r428-product-detail.r4-product-amber .r4-kicker{color:#ebbd65}
/* Responsive, balanced two-video column; each video only fetches when user presses Play. */
.r428-video-duo{display:grid;grid-template-rows:repeat(2,minmax(0,auto));align-content:center;gap:14px;padding:18px;background:#050f14;min-width:0}
.r428-video-duo-mazatrol{background:#10130f}
.r428-clip{min-width:0;margin:0;overflow:hidden;border:1px solid rgba(49,205,230,.45);border-radius:14px;background:#030b10;box-shadow:0 12px 25px rgba(0,0,0,.15)}
.r428-clip-mazatrol{border-color:rgba(235,179,60,.55)}
.r428-clip-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:7px 10px;padding:11px 13px;background:#0b1c24;color:#f0f9fb;line-height:1.28}
.r428-clip-mazatrol .r428-clip-heading{background:#221b0e}
.r428-clip-index{font:800 .64rem Consolas,monospace;letter-spacing:.1em;color:#4de2f3}
.r428-clip-mazatrol .r428-clip-index{color:#f0c06b}
.r428-clip-title{font-size:.9rem;font-weight:760}
.r428-clip-heading small{margin-left:auto;font-size:.67rem;color:#a8bdc3}
.r428-clip-mazatrol .r428-clip-heading small{color:#d1b68b}
.r428-clip video{display:block;width:100%;height:auto;aspect-ratio:16/8.3;object-fit:contain;background:#020609}
.r428-clip video:focus-visible{outline:3px solid #81e6f3;outline-offset:-3px}
.r428-clip-mazatrol video:focus-visible{outline-color:#fbd084}
/* Reverse layout keeps Mazatrol's authentic software demonstrations to the left. */
.r428-product-detail.r4-product-reverse>.r428-video-duo{order:1}
.r428-product-detail.r4-product-reverse>.r4-product-detail-copy{order:2}
@media(max-width:1099px){.r428-product-detail .r4-product-detail-copy{padding:25px}.r428-video-duo{padding:12px;gap:10px}.r428-clip-heading{padding:9px 10px}.r428-clip-heading small{flex-basis:100%;margin-left:0}}
@media(max-width:1000px){.r428-product-detail{grid-template-columns:1fr}.r428-product-detail.r4-product-reverse>.r428-video-duo,.r428-product-detail.r4-product-reverse>.r4-product-detail-copy{order:initial}.r428-video-duo{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;align-items:start}.r428-product-detail .r4-product-detail-copy{padding:26px}}
@media(max-width:920px){.r427-matrix-hero .r425-preview-image img{aspect-ratio:2.3/1}}
@media(max-width:650px){.r427-matrix-hero{padding-block:40px 25px}.r427-matrix-hero .r425-preview-image img{aspect-ratio:2.22/1}.r427-matrix-hero .r425-product-preview figcaption{min-height:0}.r428-video-duo{grid-template-columns:1fr;padding:12px}.r428-clip-heading small{flex-basis:auto;margin-left:auto}.r428-product-detail .r4-product-detail-copy{padding:22px}}
@media(prefers-reduced-motion:reduce){.r427-matrix-hero .r425-preview-image img{transition:none}}