/* R4.3.10: isolated MGC Matrix product split; no changes to shared legacy selectors. */
.mx10-page{--mxink:#142127;--mxmute:#62727a;--mxline:#dbe3e6;--mxcyan:#0897ae;--mxamber:#bd842c}
.mx10-main{overflow:hidden}.mx10-main *{box-sizing:border-box}.mx10-main img{max-width:100%}.mx10-main .mx10-hero{color:#fff;padding:75px 0 79px;background:#0c1b22}.mx10-main .mx10-fusion-hero{background:radial-gradient(circle at 84% 20%,rgba(22,146,186,.16),transparent 43%),linear-gradient(126deg,#0b1c26,#182932)}.mx10-main .mx10-mazatrol-hero{background:radial-gradient(circle at 84% 20%,rgba(225,162,58,.17),transparent 41%),linear-gradient(126deg,#10201e,#26322b)}.mx10-main .mx10-hub-hero{background:radial-gradient(circle at 85% 10%,rgba(12,154,185,.2),transparent 40%),linear-gradient(125deg,#0a1b23,#1e3033)}
.mx10-main .mx10-hero h1{max-width:780px;margin:11px 0 24px;color:#fff;font-size:clamp(2.8rem,5vw,5.2rem);line-height:1.045;letter-spacing:-.053em;font-weight:830}.mx10-main .mx10-hero h1 em{font-style:normal;color:#91dfe8}.mx10-main .mx10-mazatrol-hero h1 em{color:#f5cd87}.mx10-main .mx10-lede{max-width:705px;color:#c6d4d8;font-size:clamp(1.08rem,1.42vw,1.28rem);line-height:1.75}.mx10-main .mx10-eyebrow{font-size:.73rem;font-weight:850;letter-spacing:.16em;text-transform:uppercase;color:#79dbe6;margin:0 0 13px}.mx10-main .mx10-mazatrol-hero .mx10-eyebrow{color:#f7d092}.mx10-main .mx10-small-tag{display:inline-flex;padding:5px 10px;border:1px solid rgba(112,208,225,.44);border-radius:100px;color:#b1eff5;font-size:.69rem;letter-spacing:.08em;font-weight:780}.mx10-main .mx10-mazatrol-hero .mx10-small-tag{color:#ffdda2;border-color:rgba(255,207,132,.45)}.mx10-main .mx10-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:30px}.mx10-main .mx10-button{display:inline-flex;align-items:center;justify-content:center;min-height:49px;padding:12px 20px;border-radius:11px;font-size:.87rem;line-height:1.2;font-weight:800;background:#ec9844;color:#172129;text-decoration:none;border:1px solid transparent;transition:transform .2s,background .2s,box-shadow .2s}.mx10-main .mx10-button:hover,.mx10-main .mx10-button:focus-visible{transform:translateY(-2px);box-shadow:0 11px 30px rgba(0,0,0,.14)}.mx10-main .mx10-button-fusion{background:#0998af;color:#fff}.mx10-main .mx10-button-mazatrol{background:#e1a74d;color:#19252a}.mx10-main .mx10-button-main{background:#f0a348;color:#132126}.mx10-main .mx10-plain-link{color:#e5eff0;border-bottom:1px solid currentColor;padding:5px 1px;font-weight:740;font-size:.86rem}.mx10-main .mx10-hero-note{color:#9cb5bd;margin:24px 0 0;font-size:.79rem}.mx10-main .mx10-detail-hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:54px;align-items:center}.mx10-main .mx10-hero-shot{margin:0;border:1px solid rgba(255,255,255,.24);border-radius:15px;overflow:hidden;background:#132932;box-shadow:0 24px 50px rgba(0,0,0,.22)}.mx10-main .mx10-hero-shot img{display:block;width:100%;aspect-ratio:16/9;object-fit:contain}.mx10-main .mx10-hero-shot figcaption{font-size:.72rem;color:#bdced3;padding:9px 15px;background:#1a2b32;border-top:1px solid rgba(255,255,255,.12)}
.mx10-main .mx10-hub-hero-inner{display:grid;grid-template-columns:1fr .94fr;gap:55px;align-items:center}.mx10-main .mx10-hub-visual{display:grid;gap:18px}.mx10-main .mx10-mini-visual{position:relative;border-radius:15px;overflow:hidden;border:1px solid #40616a;box-shadow:0 18px 45px rgba(0,0,0,.2)}.mx10-main .mx10-mini-visual img{display:block;width:100%;height:214px;object-fit:cover}.mx10-main .mx10-mini-visual b{position:absolute;left:15px;bottom:13px;background:rgba(7,23,29,.91);font:800 .73rem Consolas,monospace;letter-spacing:.1em;padding:8px 12px;border:1px solid #506c70;border-radius:7px}.mx10-main .mx10-mini-mazatrol{width:90%;justify-self:end;border-color:#9d824d}
.mx10-products-nav{display:flex;gap:7px;flex-wrap:wrap;align-items:center;padding-top:18px;padding-bottom:18px}.mx10-products-nav a{padding:9px 14px;font-size:.8rem;font-weight:780;border:1px solid #d8e2e5;border-radius:8px;background:#fff;color:#3d5059}.mx10-products-nav a.is-active{border-color:#18333d;background:#18333d;color:#fff}.mx10-products-nav a:hover,.mx10-products-nav a:focus-visible{border-color:#0a899f}
.mx10-main .mx10-section{padding:76px 0}.mx10-main .mx10-section.mx10-soft{background:#eef2f3;border-top:1px solid #dde5e6;border-bottom:1px solid #dde5e6}.mx10-main .mx10-section-intro{max-width:860px;margin-bottom:30px}.mx10-main .mx10-section-intro .mx10-eyebrow,.mx10-main .mx10-soft .mx10-eyebrow{color:#087b91}.mx10-main .mx10-section h2,.mx10-main .mx10-lastcta h2{margin:0 0 15px;color:#14232a;font-size:clamp(2rem,3.5vw,3.5rem);line-height:1.12;letter-spacing:-.045em}.mx10-main .mx10-section-intro p:not(.mx10-eyebrow){font-size:1.03rem;color:#63747d;line-height:1.7;margin:0}.mx10-main .mx10-label{font-size:.66rem;font-weight:850;letter-spacing:.13em;color:#098ca3;text-transform:uppercase}.mx10-main .mx10-product-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.mx10-main .mx10-product-card{overflow:hidden;border:1px solid var(--mxline);border-top:4px solid #0a94ab;border-radius:17px;background:#fff;box-shadow:0 15px 34px rgba(21,36,40,.06)}.mx10-main .mx10-product-card-mazatrol{border-top-color:#ce9544}.mx10-main .mx10-product-card>img{width:100%;aspect-ratio:16/9;object-fit:contain;background:#10232c}.mx10-main .mx10-product-content{padding:30px}.mx10-main .mx10-product-content h3{margin:7px 0 15px;font-size:clamp(1.8rem,2.3vw,2.55rem);line-height:1.14;letter-spacing:-.04em}.mx10-main .mx10-product-content h3 span{display:block;font-size:.75em;font-weight:650}.mx10-main .mx10-product-content p{color:var(--mxmute)}.mx10-main .mx10-product-content ul{margin:20px 0 27px;padding-left:21px;color:#3c5259;font-size:.88rem;line-height:1.9}.mx10-main .mx10-product-card-mazatrol .mx10-label{color:#a97520}
.mx10-main .mx10-proof-layout{display:grid;grid-template-columns:1.36fr .64fr;gap:20px;align-items:stretch}.mx10-main .mx10-proof-facts{display:grid;gap:9px}.mx10-main .mx10-proof-facts>div{display:flex;align-items:center;gap:16px;padding:14px 20px;border:1px solid #d6e2e4;background:#fff;border-radius:12px}.mx10-main .mx10-proof-facts strong{font-size:clamp(1.9rem,3.8vw,3rem);color:#087e96;letter-spacing:-.05em;line-height:1}.mx10-main .mx10-proof-facts span{font-size:.81rem;color:#3d545e;line-height:1.4}.mx10-main .mx10-proof-facts>p{margin:4px 0 0;color:#65747b;font-size:.77rem;line-height:1.55}
.mx10-main .mx10-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.mx10-main .mx10-video-card{overflow:hidden;border:1px solid #dbe3e5;border-radius:15px;background:#fff;box-shadow:0 12px 28px rgba(18,37,44,.045)}.mx10-main .mx10-player{background:#101d24;aspect-ratio:16/9;position:relative;overflow:hidden}.mx10-main .mx10-play{cursor:pointer;padding:0;border:0;color:#fff;width:100%;height:100%;position:absolute;inset:0;background:#111f28}.mx10-main .mx10-play img{display:block;object-fit:contain;width:100%;height:100%}.mx10-main .mx10-play::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,20,27,.5),transparent 40%);pointer-events:none}.mx10-main .mx10-play-icon{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:63px;height:63px;border-radius:50%;background:rgba(8,25,33,.87);border:2px solid rgba(255,255,255,.86);font-size:23px;padding-left:4px;box-shadow:0 6px 25px rgba(0,0,0,.4)}.mx10-main .mx10-play:hover .mx10-play-icon,.mx10-main .mx10-play:focus-visible .mx10-play-icon{background:#068da4}.mx10-main .mx10-play-hint{position:absolute;z-index:1;left:15px;bottom:12px;font-size:.66rem;font-weight:850;letter-spacing:.11em;color:#fff}.mx10-main .mx10-player iframe{display:block;width:100%;height:100%;border:0}.mx10-main .mx10-video-text{padding:19px 22px 21px}.mx10-main .mx10-video-text h3{margin:6px 0 9px;font-size:1.17rem;line-height:1.33}.mx10-main .mx10-video-text p{margin:0 0 12px;color:#657780;font-size:.85rem;line-height:1.65}.mx10-main .mx10-outlink{font-size:.8rem;font-weight:790;color:#006f85;border-bottom:1px solid #74bbc9}.mx10-main .mx10-video-grid-four .mx10-video-card{display:block}
.mx10-main .mx10-process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.mx10-main .mx10-process-grid article,.mx10-main .mx10-cap-grid article{border:1px solid var(--mxline);border-radius:14px;background:#fff;padding:26px}.mx10-main .mx10-process-grid span,.mx10-main .mx10-cap-grid span{font:800 .73rem Consolas,monospace;color:#088399}.mx10-main .mx10-process-grid h3,.mx10-main .mx10-cap-grid h3{font-size:1.14rem;line-height:1.25;margin:21px 0 8px}.mx10-main .mx10-process-grid p,.mx10-main .mx10-cap-grid p{margin:0;color:#62737b;font-size:.88rem;line-height:1.68}.mx10-main .mx10-cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.mx10-main .mx10-3d-section{background:#f8fbfb}.mx10-main .mx10-development-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.mx10-main .mx10-development-grid>article{border:1px solid #cddde0;background:#fff;border-radius:15px;padding:28px;box-shadow:0 13px 30px rgba(4,23,29,.04)}.mx10-main .mx10-development-top{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.mx10-main .mx10-development-top span{font:800 .73rem Consolas,monospace;color:#087e92;letter-spacing:.09em}.mx10-main .mx10-development-top b{color:#4f6971;font-size:.61rem;letter-spacing:.06em;background:#eaf0f1;border:1px solid #d6e1e3;border-radius:100px;padding:6px 9px}.mx10-main .mx10-development-grid h3{font-size:1.52rem;margin:24px 0 11px;letter-spacing:-.03em}.mx10-main .mx10-development-grid p{color:#60737c;font-size:.91rem;line-height:1.7}.mx10-main .mx10-chips{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.mx10-main .mx10-chips span{display:inline-block;background:#eff5f6;border:1px solid #d6e6e8;color:#366772;padding:7px 10px;border-radius:6px;font-size:.71rem;font-weight:750}.mx10-main .mx10-development-note{font-size:.79rem!important;border-top:1px solid #e5eaeb;padding-top:15px}.mx10-main .mx10-fineprint{font-size:.77rem!important;color:#67767d;line-height:1.7}
.mx10-main .mx10-split-info{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px}.mx10-main .mx10-copy p{font-size:1rem;color:#536872;line-height:1.76;margin:0 0 15px}.mx10-main .mx10-copy strong{color:#1f3640}.mx10-main .mx10-boundary{background:#eef3f3}.mx10-main .mx10-boundary .mx10-eyebrow{color:#087b8c}.mx10-main .mx10-lastcta{background:#172930;padding:60px 0;color:#fff}.mx10-main .mx10-lastcta .mx10-eyebrow{color:#8cdfef}.mx10-main .mx10-lastcta h2{color:#fff;margin:0 0 11px}.mx10-main .mx10-lastcta p:not(.mx10-eyebrow){color:#c0d1d5;margin:0;max-width:750px}.mx10-main .mx10-cta-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.mx10-main .mx10-cta-inner .mx10-button{flex-shrink:0}
@media(max-width:1100px){.mx10-main .mx10-detail-hero-grid,.mx10-main .mx10-hub-hero-inner{grid-template-columns:1fr}.mx10-main .mx10-hero-shot{max-width:900px}.mx10-main .mx10-hub-visual{grid-template-columns:1fr 1fr;align-items:start}.mx10-main .mx10-mini-mazatrol{width:100%}.mx10-main .mx10-proof-layout{grid-template-columns:1fr}.mx10-main .mx10-proof-facts{grid-template-columns:repeat(3,1fr)}.mx10-main .mx10-proof-facts>p{grid-column:1/-1}.mx10-main .mx10-process-grid{grid-template-columns:1fr 1fr}}
@media(max-width:780px){.mx10-main .mx10-hero{padding:54px 0}.mx10-main .mx10-product-grid,.mx10-main .mx10-development-grid,.mx10-main .mx10-cap-grid,.mx10-main .mx10-split-info{grid-template-columns:1fr}.mx10-main .mx10-cta-inner{align-items:flex-start;flex-direction:column}.mx10-main .mx10-hub-visual{gap:10px}.mx10-main .mx10-mini-visual img{height:158px}.mx10-main .mx10-proof-facts{grid-template-columns:1fr 1fr}.mx10-main .mx10-video-grid{grid-template-columns:1fr}}
@media(max-width:520px){.mx10-main .mx10-hero h1{font-size:2.55rem}.mx10-main .mx10-section{padding:52px 0}.mx10-main .mx10-hub-visual{grid-template-columns:1fr}.mx10-main .mx10-mini-visual img{height:auto}.mx10-main .mx10-process-grid,.mx10-main .mx10-proof-facts{grid-template-columns:1fr}.mx10-main .mx10-products-nav a{font-size:.75rem;padding:8px 10px}.mx10-main .mx10-proof-facts>div{padding:14px}.mx10-main .mx10-product-content{padding:20px}.mx10-main .mx10-development-grid>article{padding:21px}}
@media(prefers-reduced-motion:reduce){.mx10-main .mx10-button{transition:none}.mx10-main .mx10-button:hover{transform:none}}
