.ecosystem-runway{position:relative;overflow:hidden;padding:44px 0 30px;background:radial-gradient(circle at 50% 130%,#168bff2b,transparent 42%),#050d19;color:#fff;border-top:1px solid #52b2ff55;border-bottom:1px solid #52b2ff55;box-shadow:inset 0 0 55px #168bff12}
.ecosystem-runway:before{content:"";position:absolute;left:5%;right:5%;top:0;height:1px;background:linear-gradient(90deg,transparent,#a879ff,#31a8ff,#f3c969,#76a0ff,#4ad0ff,transparent);box-shadow:0 0 25px #4aa6ff}
.runway-label{display:flex;align-items:center;justify-content:center;gap:18px;margin:0 auto 23px;padding:0 25px;text-align:center}
.runway-label span{color:#6db7ff;font-size:8px;font-weight:900;letter-spacing:2.1px}.runway-label b{font-size:11px;letter-spacing:.7px}
.runway-window{position:relative;display:flex;width:max-content;min-width:100%;overflow:hidden;padding:10px 0 18px}
.runway-window:before,.runway-window:after{content:"";position:absolute;z-index:5;top:0;bottom:0;width:12vw;pointer-events:none}.runway-window:before{left:0;background:linear-gradient(90deg,#050d19,transparent)}.runway-window:after{right:0;background:linear-gradient(270deg,#050d19,transparent)}
.runway-track{display:flex;gap:17px;padding-right:17px;animation:ecosystem-run 32s linear infinite;will-change:transform}
.runway-track a{--runway:#5ca9ff;position:relative;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;flex:none;width:245px;min-height:92px;padding:17px 18px;border:1.5px solid var(--runway);border-radius:9px;background:linear-gradient(145deg,color-mix(in srgb,var(--runway),#061426 84%),#071323e8);box-shadow:0 0 18px color-mix(in srgb,var(--runway),transparent 56%),inset 0 0 20px color-mix(in srgb,var(--runway),transparent 87%);transition:transform .3s,box-shadow .3s,filter .3s}
.runway-track a:after{content:"";position:absolute;left:16px;right:16px;bottom:-2px;height:2px;background:linear-gradient(90deg,transparent,var(--runway),transparent);filter:drop-shadow(0 0 7px var(--runway))}
.runway-track i{grid-row:1/3;align-self:center;margin-right:14px;color:var(--runway);font-size:9px;font-style:normal;font-weight:900}.runway-track strong{font-size:15px}.runway-track small{align-self:end;color:#91a5bb;font-size:8px}.runway-track b{grid-row:1/3;grid-column:3;align-self:center;color:var(--runway);font-size:17px}
.runway-track .runway-orientation{--runway:#a879ff}.runway-track .runway-courses{--runway:#39a8ff}.runway-track .runway-certification{--runway:#f3c969}.runway-track .runway-mentoring{--runway:#7f9dff}.runway-track .runway-employment{--runway:#45ceff}
.runway-window:hover .runway-track{animation-play-state:paused}.runway-window:hover .runway-track a{filter:brightness(.78)}.runway-window .runway-track a:hover{transform:translateY(-7px) scale(1.025);filter:brightness(1.15);border-color:#fff;box-shadow:0 15px 35px #0009,0 0 28px color-mix(in srgb,var(--runway),transparent 28%)}
.runway-hint{margin:5px 0 0;color:#647a92;font-size:7px;letter-spacing:1.1px;text-align:center}
@keyframes ecosystem-run{from{transform:translateX(0)}to{transform:translateX(-100%)}}
@media(max-width:760px){.ecosystem-runway{padding-top:36px}.runway-label{align-items:flex-start;flex-direction:column;gap:6px;text-align:left}.runway-label b{font-size:10px}.runway-track{animation-duration:27s}.runway-track a{width:215px;min-height:86px}.runway-track strong{font-size:14px}.runway-hint{padding:0 20px;line-height:1.6}}
@media(prefers-reduced-motion:reduce){.runway-track{animation:none}.runway-window{width:auto;overflow-x:auto}.runway-track.duplicate{display:none}}