.msys-detail,.msys-catalog{--ms-navy:#0d1d2e;--ms-navy-2:#183148;--ms-blue:#4c98d0;--ms-blue-light:#8cccf6;--ms-coral:#ef6a4b;--ms-paper:#f4f7fa;--ms-soft:#eaf1f6;--ms-line:#d2dee7;--ms-ink:#172533;--ms-muted:#687b8c;color:var(--ms-ink)}
.msys-detail *,.msys-catalog *{box-sizing:border-box}.msys-detail a,.msys-catalog a{text-decoration:none}.msys-shell{width:min(1360px,calc(100% - 48px));margin-inline:auto}.msys-overline{display:inline-flex;color:var(--ms-blue);font-size:.72rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.msys-detail .mon-button,.msys-catalog .mon-button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;padding:0 23px;border:1px solid transparent;border-radius:9px;font-size:.78rem;font-weight:800;line-height:1.15;text-align:center;transition:transform .2s ease,background .2s ease,border-color .2s ease}
.msys-detail .mon-button:hover,.msys-catalog .mon-button:hover{transform:translateY(-2px)}
.msys-detail .mon-button--primary,.msys-catalog .mon-button--primary{background:var(--ms-blue);color:#fff;box-shadow:0 12px 28px rgba(76,152,208,.22)}
.msys-detail .mon-button--primary:hover,.msys-catalog .mon-button--primary:hover{background:#347fb7}
.msys-detail .mon-button--ghost,.msys-catalog .mon-button--ghost{border-color:var(--ms-line);background:#fff;color:var(--ms-ink)}
.msys-hero,.msys-catalog-hero{position:relative;overflow:hidden;margin:26px 24px 0;border:1px solid #29445d;border-radius:30px;background:radial-gradient(circle at 82% 16%,rgba(76,152,208,.34),transparent 32%),linear-gradient(135deg,var(--ms-navy),#213a51);color:#fff;box-shadow:0 28px 80px rgba(13,29,46,.18)}
.msys-hero__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(430px,.75fr);gap:70px;align-items:center;min-height:640px;padding-block:70px}.msys-crumbs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:42px;color:#9eb3c2;font-size:.76rem}.msys-crumbs a{color:var(--ms-blue-light)}.msys-title{display:flex;align-items:center;gap:22px}.msys-title img{width:76px;height:76px;padding:8px;border-radius:18px;background:#fff;object-fit:contain}.msys-title span{display:block;margin-bottom:7px;color:#aabcc9;font-size:.75rem}.msys-title h1{margin:0;color:#fff;font-size:clamp(3.5rem,6vw,6.4rem);line-height:.9;letter-spacing:-.055em}.msys-hero__grid>div>p{max-width:720px;margin:28px 0 14px;color:#c0d0db;font-size:1.05rem;line-height:1.68}.msys-hero__grid>div>strong{display:block;max-width:720px;line-height:1.5}.msys-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.msys-hero .mon-button--ghost,.msys-catalog-hero .mon-button--ghost{border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.07);color:#fff}
.msys-facts{overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:rgba(5,17,29,.52);backdrop-filter:blur(12px)}.msys-facts>span{display:block;padding:18px 22px;border-bottom:1px solid rgba(255,255,255,.14);color:var(--ms-blue-light);font-size:.72rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.msys-facts dl{margin:0}.msys-facts dl>div{display:grid;grid-template-columns:135px minmax(0,1fr);gap:20px;padding:21px 22px;border-bottom:1px solid rgba(255,255,255,.12)}.msys-facts dl>div:last-child{border-bottom:0}.msys-facts dt{color:#8fa7b7;font-size:.75rem}.msys-facts dd{margin:0;font-weight:750}.msys-facts a{color:#fff;text-decoration:underline;text-decoration-color:#4c98d0;text-underline-offset:4px}
.msys-local{position:sticky;z-index:15;top:0;margin-top:28px;border-block:1px solid var(--ms-line);background:rgba(244,247,250,.96);backdrop-filter:blur(12px)}.msys-local>div{display:flex;overflow-x:auto}.msys-local a{flex:none;padding:17px 22px;border-right:1px solid var(--ms-line);color:var(--ms-muted);font-weight:750}.msys-local a:hover{background:var(--ms-navy);color:#fff}
.msys-section{padding:clamp(76px,8vw,118px) 0}.msys-section--soft{background:var(--ms-soft)}.msys-section--dark{background:var(--ms-navy);color:#fff}.msys-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,.55fr);gap:48px 80px;align-items:end;margin-bottom:48px}.msys-heading .msys-overline{grid-column:1/-1;margin-bottom:-36px}.msys-heading h2,.msys-source h2,.msys-implementation h2,.msys-range h2,.msys-final h2{margin:0;font-size:clamp(2.5rem,4.6vw,4.8rem);line-height:.98;letter-spacing:-.045em}.msys-heading p,.msys-source p,.msys-range p{margin:0;color:var(--ms-muted);line-height:1.7}
.msys-source{display:grid;grid-template-columns:minmax(280px,.62fr) minmax(0,1.38fr);gap:clamp(45px,7vw,100px);align-items:start}.msys-source h2{margin:15px 0 24px}.msys-source>div>a{display:inline-flex;margin-top:24px;color:#2479b6;font-weight:750}.msys-source figure{margin:0;overflow:hidden;border:1px solid var(--ms-line);border-radius:18px;background:#fff;box-shadow:0 24px 65px rgba(13,29,46,.13)}.msys-source figure img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;object-position:top}.msys-source figcaption{padding:13px 16px;border-top:1px solid var(--ms-line);color:var(--ms-muted);font-size:.73rem}
.msys-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.msys-feature-grid article{min-height:300px;padding:26px;border:1px solid var(--ms-line);border-radius:17px;background:#fff}.msys-feature-grid article>span{color:var(--ms-blue);font-size:.75rem;font-weight:850}.msys-feature-grid h3{margin:70px 0 13px;font-size:1.45rem}.msys-feature-grid p{color:var(--ms-muted);font-size:.88rem;line-height:1.6}
.msys-coverage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.msys-coverage article{min-height:190px;padding:24px;border:1px solid var(--ms-line);border-radius:15px;background:#fff}.msys-coverage b{font-size:1.15rem}.msys-coverage p{margin:18px 0 0;color:var(--ms-muted);font-size:.86rem;line-height:1.55}.msys-fit{display:grid;grid-template-columns:280px minmax(0,1fr);gap:40px;margin-top:clamp(24px,3vw,38px);padding:28px;border:1px solid var(--ms-line);border-radius:17px;background:var(--ms-soft)}.msys-fit>span{color:#2479b6;font-size:.75rem;font-weight:850;text-transform:uppercase}.msys-fit ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px;margin:0;padding:0;list-style:none}.msys-fit li{position:relative;padding:8px 0 8px 20px}.msys-fit li:before{position:absolute;left:0;top:15px;width:7px;height:7px;border-radius:50%;background:var(--ms-coral);content:""}
.msys-implementation{display:grid;grid-template-columns:minmax(0,.8fr) minmax(360px,.62fr);gap:80px}.msys-implementation .msys-overline{color:var(--ms-blue-light)}.msys-implementation h2{margin:14px 0 22px;color:#fff}.msys-implementation p{color:#b6c9d6;line-height:1.7}.msys-implementation ol{margin:0;padding:0;border-top:1px solid rgba(255,255,255,.18);list-style:none}.msys-implementation li{display:grid;grid-template-columns:42px minmax(0,1fr);gap:16px;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.18)}.msys-implementation li span{color:var(--ms-blue-light)}
.msys-section--final{padding-block:clamp(56px,6vw,88px);background:var(--ms-paper)}.msys-final{display:flex;align-items:end;justify-content:space-between;gap:50px;padding:48px;border-radius:24px;background:linear-gradient(135deg,var(--ms-navy),var(--ms-navy-2));color:#fff}.msys-final>div{max-width:920px}.msys-final>div>span{color:var(--ms-blue-light);font-size:.75rem;font-weight:850;text-transform:uppercase}.msys-final h2{margin:14px 0 18px;color:#fff}.msys-final p{max-width:760px;margin:0;color:#bdd0dc;line-height:1.65}.msys-final>a{flex:none}
.msys-catalog-hero{min-height:610px}.msys-catalog-hero>.msys-shell{display:flex;min-height:610px;flex-direction:column;justify-content:center;padding-block:64px}.msys-catalog-hero .msys-crumbs{margin-bottom:44px}.msys-catalog-hero h1{max-width:13ch;margin:18px 0 24px;color:#fff;font-size:clamp(3.5rem,6.3vw,6.5rem);line-height:.92;letter-spacing:-.055em}.msys-catalog-hero p{max-width:820px;margin:0;color:#c0d0db;font-size:1.08rem;line-height:1.7}
.msys-card-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}.msys-card{display:flex;grid-column:span 4;min-height:490px;flex-direction:column;padding:27px;border:1px solid var(--ms-line);border-radius:18px;background:#fff;color:var(--ms-ink);box-shadow:0 12px 36px rgba(13,29,46,.07);transition:.22s}.msys-card:nth-child(-n+2){grid-column:span 6}.msys-card:hover{border-color:#8ab9db;box-shadow:0 24px 60px rgba(13,29,46,.13);transform:translateY(-5px)}.msys-card header{display:flex;justify-content:space-between;gap:20px;color:var(--ms-muted);font-size:.7rem}.msys-card header span{color:var(--ms-blue);font-weight:850}.msys-card header small{text-align:right}.msys-card>img{width:72px;height:72px;margin:52px 0 28px;object-fit:contain}.msys-card h3{margin:0 0 14px;font-size:2rem}.msys-card>p{color:var(--ms-muted);font-size:.9rem;line-height:1.6}.msys-card footer{display:grid;gap:16px;margin-top:auto;padding-top:20px;border-top:1px solid var(--ms-line)}.msys-card footer span{color:var(--ms-muted);font-size:.74rem}.msys-card footer b{color:#2479b6}
.msys-compare{overflow:hidden;border:1px solid var(--ms-line);border-radius:18px;background:#fff}.msys-compare__head,.msys-compare>a{display:grid;grid-template-columns:.55fr .9fr 1.25fr .75fr;gap:22px;padding:19px 22px;border-bottom:1px solid var(--ms-line)}.msys-compare__head{background:var(--ms-navy);color:#fff;font-size:.75rem}.msys-compare>a{color:var(--ms-ink);font-size:.82rem}.msys-compare>a:last-child{border-bottom:0}.msys-compare>a:hover{background:#edf5fa}.msys-compare>a span{color:var(--ms-muted)}
.msys-range{display:grid;grid-template-columns:minmax(0,.8fr) minmax(390px,.65fr);gap:80px}.msys-range h2{margin:14px 0 22px}.msys-range ol{margin:0;padding:0;border-top:1px solid var(--ms-line);list-style:none}.msys-range li{display:grid;grid-template-columns:42px minmax(0,1fr);gap:16px;padding:18px 0;border-bottom:1px solid var(--ms-line)}.msys-range li span{color:var(--ms-blue)}
@media(max-width:1050px){.msys-hero__grid,.msys-source,.msys-heading,.msys-implementation,.msys-range{grid-template-columns:1fr}.msys-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.msys-coverage{grid-template-columns:repeat(2,minmax(0,1fr))}.msys-card{grid-column:span 6}.msys-card:nth-child(-n+2){grid-column:span 6}.msys-heading .msys-overline{margin-bottom:0}.msys-local{position:relative}.msys-compare{overflow-x:auto}.msys-compare__head,.msys-compare>a{min-width:900px}}
@media(max-width:700px){.msys-shell{width:min(100% - 28px,1360px)}.msys-hero,.msys-catalog-hero{margin:14px 8px 0;border-radius:22px}.msys-hero__grid{min-height:0;padding-block:42px}.msys-title{align-items:flex-start;flex-direction:column}.msys-title h1{font-size:clamp(3rem,16vw,4.6rem)}.msys-facts dl>div{grid-template-columns:1fr;gap:7px}.msys-actions{display:grid}.msys-actions .mon-button{width:100%}.msys-local a{padding:14px 16px}.msys-feature-grid,.msys-coverage{grid-template-columns:1fr}.msys-feature-grid article{min-height:0}.msys-feature-grid h3{margin-top:38px}.msys-fit{grid-template-columns:1fr}.msys-fit ul{grid-template-columns:1fr}.msys-final{align-items:flex-start;flex-direction:column;padding:30px 22px;border-radius:19px}.msys-final>a{width:100%}.msys-catalog-hero,.msys-catalog-hero>.msys-shell{min-height:560px}.msys-catalog-hero h1{font-size:clamp(3rem,14vw,4.45rem)}.msys-card{grid-column:1/-1!important;min-height:430px}.msys-card-grid{grid-template-columns:1fr}.msys-source figure img{aspect-ratio:4/3}.msys-implementation{gap:40px}}
@media(prefers-reduced-motion:reduce){.msys-detail *,.msys-catalog *{scroll-behavior:auto!important;transition:none!important}}