/* Exact color variables from the original MS6 refined.css only:
   --navy --panel --line --white --muted --teal --purple. No additional color values. */
.ms6-ecosystem{position:relative;background:var(--navy);color:var(--white);padding:110px max(4vw,calc((100vw - 1450px)/2));overflow:hidden}
.ms6-ecosystem-heading{text-align:center;max-width:760px;margin:0 auto 5px;position:relative;z-index:2}
.ms6-ecosystem-heading .eyebrow{color:var(--teal);letter-spacing:.22em}
.ms6-ecosystem-heading h2{font-size:clamp(43px,5vw,76px);letter-spacing:-.055em;line-height:1.08;margin:20px 0;color:var(--white)}
.ms6-ecosystem-heading h2 span{color:var(--white)}
.ms6-ecosystem-heading p{font-size:17px;line-height:1.7;color:var(--muted)}
.ms6-ecosystem-heading a{display:inline-block;margin-top:16px;padding-bottom:8px;color:var(--white);text-decoration:none;border-bottom:1px solid var(--teal)}
.ms6-ecosystem-map{position:relative;width:min(100%,1100px);height:750px;margin:0 auto}
.ms6-ecosystem-threads{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.ms6-ecosystem-orbits ellipse{fill:none;stroke:var(--line);stroke-width:1.4;stroke-dasharray:3 9;transform-origin:450px 375px}
.ms6-ecosystem-orbits ellipse:first-child{animation:ms6-orbit 55s linear infinite}
.ms6-ecosystem-orbits ellipse:nth-child(2){animation:ms6-orbit 70s linear infinite reverse}
.ms6-ecosystem-paths path{fill:none;stroke:var(--teal);stroke-width:1.5;opacity:.55}
.ms6-ecosystem-core-glow{fill:var(--panel);stroke:var(--line);stroke-width:2}
.ms6-ecosystem-core-ring{fill:none;stroke:var(--teal);stroke-width:1;opacity:.8}
.ms6-ecosystem-core-ring.second{stroke:var(--purple);opacity:.45}
.ms6-ecosystem-pulse{fill:var(--teal)}
.ms6-ecosystem-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;pointer-events:none}
.ms6-ecosystem-center strong{font-size:clamp(25px,3vw,39px);line-height:1.08;color:var(--white)}
.ms6-ecosystem-center small{font-size:11px;letter-spacing:.12em;color:var(--muted)}
.ms6-ecosystem-label{position:absolute;display:flex;flex-direction:column;gap:7px;max-width:230px;text-decoration:none;transition:transform .3s ease}
.ms6-ecosystem-label:hover{transform:translateY(-7px)}
.ms6-ecosystem-label small{font-size:12px;color:var(--teal)}
.ms6-ecosystem-label strong{font-size:clamp(15px,1.6vw,22px);line-height:1.2;color:var(--white)}
.ms6-ecosystem-label.e1{left:2%;top:14%}.ms6-ecosystem-label.e2{right:0;top:13%}.ms6-ecosystem-label.e3{right:0;top:47%}.ms6-ecosystem-label.e4{right:4%;bottom:12%}.ms6-ecosystem-label.e5{left:4%;bottom:13%}.ms6-ecosystem-label.e6{left:0;top:47%}
@keyframes ms6-orbit{to{transform:rotate(360deg)}}
@media(max-width:800px){.ms6-ecosystem{padding:75px 5vw}.ms6-ecosystem-map{height:600px}.ms6-ecosystem-label{max-width:140px}.ms6-ecosystem-label strong{font-size:15px}.ms6-ecosystem-center strong{font-size:24px}}
@media(max-width:520px){.ms6-ecosystem-map{height:510px}.ms6-ecosystem-label strong{font-size:12px}.ms6-ecosystem-label{max-width:105px}.ms6-ecosystem-label.e1{top:18%}.ms6-ecosystem-label.e2{top:18%}}
@media(prefers-reduced-motion:reduce){.ms6-ecosystem-orbits ellipse{animation:none}.ms6-ecosystem-label{transition:none}}