.operator-system-scroll {
  height: 145vh;
  min-height: 0;
  width: min(100% - 48px, 1380px);
  margin: 0 auto;
}

.operator-system-stage {
  --operator-progress: 0%;
  --operator-progress-number: 0;
  position: sticky;
  top: 92px;
  display: grid;
  grid-template-rows: auto minmax(360px, 1fr) auto auto;
  height: min(760px, calc(100vh - 110px));
  min-height: 560px;
  padding: 34px 38px 22px;
  border-right: 1px solid #253752;
  border-left: 1px solid #253752;
  background:
    radial-gradient(circle at 50% 55%, rgba(49, 237, 125, .10), transparent 29%),
    radial-gradient(circle at 50% 42%, rgba(122, 54, 237, .20), transparent 47%),
    linear-gradient(145deg, #071422, #020711 76%);
  overflow: hidden;
}

.operator-system-stage::before {
  content: '';
  position: absolute;
  inset: 0;
  opacity: .28;
  background-image:
    linear-gradient(rgba(70, 88, 122, .18) 1px, transparent 1px),
    linear-gradient(90deg, rgba(70, 88, 122, .18) 1px, transparent 1px);
  background-size: 46px 46px;
  mask-image: radial-gradient(circle at 50% 56%, #000 18%, transparent 76%);
  pointer-events: none;
}

.operator-system-head {
  position: relative;
  z-index: 3;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 420px;
  gap: 42px;
  align-items: end;
  padding-bottom: 21px;
  border-bottom: 1px solid #253752;
}

.operator-system-head small {
  color: #aa7bff;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .16em;
}

.operator-system-head h2 {
  max-width: 820px;
  margin: 9px 0 7px;
  font-size: clamp(34px, 4vw, 57px);
  line-height: .98;
  letter-spacing: -.05em;
}

.operator-system-head p {
  margin: 0;
  color: #9facbd;
  font-size: 13px;
}

.operator-system-control { display: grid; gap: 14px; }

.operator-live-readout {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  gap: 3px;
  padding: 13px 16px 13px 19px;
  border: 1px solid #2a3e5e;
  border-radius: 12px;
  background: linear-gradient(115deg, rgba(12,25,42,.96), rgba(5,13,24,.96));
  overflow: hidden;
}

.operator-live-readout::before {
  content: '';
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: linear-gradient(#9b48ff, #31ed7d);
  box-shadow: 0 0 18px rgba(49,237,125,.45);
}

.operator-live-readout small { color: #77859a; font-size: 7px; letter-spacing: .14em; }
.operator-live-readout strong { color: #54ef93; font-size: 17px; line-height: 1.15; }
.operator-live-readout span { color: #aab6c7; font-size: 10px; line-height: 1.35; }

.operator-system-progress {
  display: grid;
  grid-template-columns: max-content 1fr 48px;
  gap: 12px;
  align-items: center;
  padding-bottom: 5px;
  color: #8f9bad;
  font-size: 8px;
  font-weight: 950;
  letter-spacing: .13em;
}

.operator-system-progress i {
  position: relative;
  height: 3px;
  border-radius: 999px;
  background: #17253a;
  overflow: hidden;
}

.operator-system-progress i b {
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--operator-progress);
  border-radius: inherit;
  background: linear-gradient(90deg, #8744f7, #31ed7d);
  box-shadow: 0 0 16px rgba(49, 237, 125, .5);
}

.operator-system-progress strong { color: #54ef93; text-align: right; }

.operator-system-canvas {
  position: relative;
  z-index: 2;
  height: auto;
  min-height: 0;
}

.operator-radar {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 390px;
  height: 390px;
  border: 1px solid rgba(127,74,230,.13);
  border-radius: 50%;
  transform: translate(-50%,-50%);
}

.operator-radar i { position: absolute; inset: 12%; border: 1px solid rgba(49,237,125,.11); border-radius: 50%; }
.operator-radar i:nth-child(2) { inset: 27%; border-style: dashed; border-color: rgba(160,91,255,.2); }
.operator-radar i:nth-child(3) { inset: 42%; border-color: rgba(49,237,125,.2); }
.operator-radar b {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: conic-gradient(from 0deg, transparent 0 78%, rgba(49,237,125,.13) 94%, transparent 100%);
  transform: rotate(calc(var(--operator-progress-number) * 2.4deg));
  transition: transform .08s linear;
}

.operator-connectors {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.operator-connectors path {
  fill: none;
  stroke: #43ed8b;
  stroke-width: 2;
  vector-effect: non-scaling-stroke;
  stroke-linecap: round;
  stroke-dasharray: 900;
  stroke-dashoffset: 900;
  opacity: .10;
  filter: drop-shadow(0 0 6px rgba(49, 237, 125, .45));
  transition: stroke-dashoffset .32s cubic-bezier(.2, .8, .2, 1), opacity .22s;
}

.operator-connectors path.is-active { stroke-dashoffset: 0; opacity: .95; animation: operatorFlow .8s linear infinite; }

.operator-hub {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 4;
  display: grid;
  place-items: center;
  align-content: center;
  width: 225px;
  height: 225px;
  padding: 24px;
  border: 1px solid rgba(153, 87, 255, .76);
  border-radius: 50%;
  text-align: center;
  background: radial-gradient(circle, rgba(91, 43, 196, .48), rgba(5, 12, 24, .97) 69%);
  box-shadow: 0 0 58px rgba(124, 57, 239, .24), inset 0 0 42px rgba(67, 220, 153, .08);
  transform: translate(-50%, -50%);
  transition: border-color .4s, box-shadow .4s;
}

.operator-hub::before {
  content: '';
  position: absolute;
  inset: 14px;
  border: 1px dashed rgba(79, 238, 150, .38);
  border-radius: 50%;
  transform: rotate(calc(var(--operator-progress-number) * 1.8deg));
}

.operator-hub span { color: #ad7cff; font-size: 9px; font-weight: 950; letter-spacing: .14em; }
.operator-hub strong { margin: 9px 0; font-size: 38px; line-height: 1; }
.operator-hub small { max-width: 150px; color: #54ef94; font-size: 11px; line-height: 1.35; }
.operator-hub i { position: absolute; left: 50%; bottom: 25px; width: 7px; height: 7px; border-radius: 50%; background: #31ed7d; box-shadow: 0 0 0 6px rgba(49,237,125,.09),0 0 18px #31ed7d; transform: translateX(-50%); }
.operator-system-stage.is-complete .operator-hub { border-color: #31ed7d; box-shadow: 0 0 78px rgba(49,237,125,.24),inset 0 0 45px rgba(67,220,153,.11); }

.operator-node {
  position: absolute;
  z-index: 3;
  width: 255px;
  min-height: 106px;
  padding: 16px 18px;
  border: 1px solid #263854;
  border-radius: 15px;
  background: linear-gradient(155deg, rgba(9,22,37,.97), rgba(4,10,20,.97));
  opacity: .25;
  filter: saturate(.4);
  transform: translateY(9px) scale(.985);
  transition: opacity .4s, filter .4s, transform .46s, border-color .4s, box-shadow .4s;
}

.operator-node::before {
  content: '';
  position: absolute;
  left: -1px;
  top: 18px;
  bottom: 18px;
  width: 3px;
  border-radius: 0 4px 4px 0;
  background: #3a4960;
  transition: background .25s, box-shadow .25s;
}

.operator-node::after {
  content: 'STANDBY';
  position: absolute;
  right: 14px;
  top: 13px;
  color: #647086;
  font-size: 7px;
  font-weight: 950;
  letter-spacing: .12em;
}

.operator-node.is-active { opacity: 1; filter: none; transform: none; border-color: rgba(132,74,255,.68); box-shadow: 0 12px 32px rgba(0,0,0,.27),0 0 24px rgba(121,54,234,.12); }
.operator-node.is-active::before { background: #31ed7d; box-shadow: 0 0 15px rgba(49,237,125,.5); }
.operator-node.is-active::after { content: 'CONNECTED'; color: #53ef94; }
.operator-node.is-current { border-color: rgba(49,237,125,.9); background: linear-gradient(155deg,rgba(13,42,36,.98),rgba(5,14,24,.98)); box-shadow: 0 0 38px rgba(49,237,125,.22); }
.operator-node b { color: #aa7bff; font-size: 8px; letter-spacing: .12em; }
.operator-node.is-active b { color: #53ef94; }
.operator-node h3 { margin: 9px 0 5px; font-size: 18px; }
.operator-node p { margin: 0; color: #aeb9c8; font-size: 11px; line-height: 1.4; }
.operator-node-1 { left: 1%; top: 3%; }
.operator-node-2 { right: 1%; top: 3%; }
.operator-node-3 { left: 0; bottom: 2%; }
.operator-node-4 { right: 0; bottom: 2%; }
.operator-node-5 { left: 50%; bottom: -2%; transform: translate(-50%, 9px) scale(.985); }
.operator-node-5.is-active { transform: translateX(-50%); }

.operator-cadence {
  position: relative;
  z-index: 4;
  display: grid;
  grid-template-columns: 1fr 22px 1fr 22px 1fr 22px 1fr;
  align-items: center;
  gap: 6px;
  padding: 10px 14px;
  border: 1px solid #243650;
  border-radius: 12px;
  background: rgba(5,14,25,.88);
}

.operator-cadence>span { display: grid; gap: 2px; opacity: .27; transition: opacity .25s, transform .25s; }
.operator-cadence>span b { color: #8996a9; font-size: 8px; letter-spacing: .14em; transition: color .25s; }
.operator-cadence>span small { color: #7c899b; font-size: 8px; }
.operator-cadence>span.is-active { opacity: 1; transform: translateY(-1px); }
.operator-cadence>span.is-active b { color: #53ef94; }
.operator-cadence>i { height: 1px; background: linear-gradient(90deg,#7341d7,#31ed7d); opacity: .28; }

.operator-system-complete {
  position: relative;
  z-index: 4;
  display: grid;
  grid-template-columns: 1fr max-content 1fr;
  gap: 15px;
  align-items: center;
  height: 35px;
  color: #718096;
  font-size: 8px;
  letter-spacing: .15em;
  opacity: .34;
  transition: color .4s, opacity .4s;
}

@keyframes operatorFlow { to { stroke-dashoffset: -24; } }

.operator-system-complete span { height: 1px; background: linear-gradient(90deg,transparent,#31405a); }
.operator-system-complete span:last-child { background: linear-gradient(90deg,#31405a,transparent); }
.operator-system-stage.is-complete .operator-system-complete { color: #53ef94; opacity: 1; }
.operator-system-stage.is-complete .operator-system-complete span { background: linear-gradient(90deg,transparent,#31ed7d); }
.operator-system-stage.is-complete .operator-system-complete span:last-child { background: linear-gradient(90deg,#31ed7d,transparent); }

.growth-system-scroll {
  height: 155vh;
  min-height: 0;
  margin-top: -6px;
}

.growth-system-stage {
  position: sticky;
  top: 92px;
  height: min(760px, calc(100vh - 110px));
  min-height: 560px;
  padding: 22px;
  border: 1px solid #293c5b;
  border-radius: 23px;
  background:
    radial-gradient(circle at 50% 48%, rgba(117, 48, 235, .19), transparent 30%),
    radial-gradient(circle at 50% 55%, rgba(49, 237, 125, .08), transparent 44%),
    linear-gradient(145deg, #081525, #030812);
  box-shadow: 0 30px 75px rgba(0, 0, 0, .42);
  overflow: hidden;
}

.growth-system-stage::before {
  content: '';
  position: absolute;
  inset: 0;
  opacity: .22;
  background-image:
    linear-gradient(rgba(71, 87, 120, .18) 1px, transparent 1px),
    linear-gradient(90deg, rgba(71, 87, 120, .18) 1px, transparent 1px);
  background-size: 38px 38px;
  mask-image: radial-gradient(circle at center, #000, transparent 76%);
  pointer-events: none;
}

.system-progress {
  position: relative;
  z-index: 3;
  display: grid;
  grid-template-columns: max-content 1fr 54px;
  gap: 16px;
  align-items: center;
  height: 34px;
  color: #8f9bad;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .13em;
}

.system-progress i {
  position: relative;
  height: 3px;
  border-radius: 999px;
  background: #16243a;
  overflow: hidden;
}

.system-progress i b {
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--system-progress, 0%);
  border-radius: inherit;
  background: linear-gradient(90deg, #8744f7, #31ed7d);
  box-shadow: 0 0 18px rgba(49, 237, 125, .48);
}

.system-progress strong {
  color: #54ef93;
  text-align: right;
}

.system-canvas {
  position: relative;
  z-index: 2;
  height: calc(100% - 76px);
}

.system-connectors {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.system-connectors path {
  fill: none;
  stroke: #45ed8c;
  stroke-width: 2;
  vector-effect: non-scaling-stroke;
  stroke-linecap: round;
  stroke-dasharray: 900;
  stroke-dashoffset: 900;
  opacity: .12;
  filter: drop-shadow(0 0 6px rgba(49, 237, 125, .45));
  transition: stroke-dashoffset .32s cubic-bezier(.2, .8, .2, 1), opacity .22s;
}

.system-connectors path.is-active {
  stroke-dashoffset: 0;
  opacity: .82;
}

.system-core {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 3;
  display: grid;
  place-items: center;
  align-content: center;
  width: 255px;
  height: 255px;
  padding: 25px;
  border: 1px solid rgba(153, 87, 255, .7);
  border-radius: 50%;
  text-align: center;
  background: radial-gradient(circle, rgba(92, 43, 198, .42), rgba(6, 13, 27, .96) 68%);
  box-shadow: 0 0 55px rgba(124, 57, 239, .22), inset 0 0 45px rgba(67, 220, 153, .06);
  transform: translate(-50%, -50%);
  transition: border-color .45s, box-shadow .45s;
}

.system-core::before {
  content: '';
  position: absolute;
  inset: 16px;
  border: 1px dashed rgba(79, 238, 150, .33);
  border-radius: 50%;
  transform: rotate(calc(var(--system-progress-number, 0) * 1.4deg));
}

.system-core > span {
  color: #ad7cff;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .14em;
}

.system-core strong {
  margin: 10px 0 11px;
  font-size: 25px;
  line-height: 1.08;
}

.system-core small {
  max-width: 170px;
  color: #54ef94;
  font-size: 11px;
  line-height: 1.35;
}

.system-core i {
  position: absolute;
  left: 50%;
  bottom: 24px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #31ed7d;
  box-shadow: 0 0 0 6px rgba(49, 237, 125, .09), 0 0 18px #31ed7d;
  transform: translateX(-50%);
}

.growth-system-stage.is-complete .system-core {
  border-color: #31ed7d;
  box-shadow: 0 0 76px rgba(49, 237, 125, .24), inset 0 0 45px rgba(67, 220, 153, .1);
}

.system-node {
  position: absolute;
  z-index: 3;
  width: 280px;
  min-height: 128px;
  padding: 19px 20px;
  border: 1px solid #263854;
  border-radius: 16px;
  background: linear-gradient(155deg, rgba(9, 22, 37, .96), rgba(4, 10, 20, .96));
  opacity: .28;
  filter: saturate(.45);
  transform: translateY(10px) scale(.98);
  transition: opacity .4s, filter .4s, transform .48s, border-color .4s, box-shadow .4s;
}

.system-node.is-active {
  opacity: 1;
  filter: none;
  transform: none;
  border-color: rgba(132, 74, 255, .68);
  box-shadow: 0 14px 34px rgba(0, 0, 0, .28), 0 0 24px rgba(121, 54, 234, .12);
}

.system-node.is-current {
  border-color: rgba(49, 237, 125, .9);
  background: linear-gradient(155deg, rgba(13, 42, 36, .98), rgba(5, 14, 24, .98));
  box-shadow: 0 0 38px rgba(49, 237, 125, .22);
}

.system-node b {
  color: #aa7bff;
  font-size: 9px;
  letter-spacing: .13em;
}

.system-node.is-active b { color: #53ef94; }
.system-node h3 { margin: 11px 0 6px; font-size: 19px; }
.system-node p { margin: 0; color: #aeb9c8; font-size: 12px; line-height: 1.45; }
.node-1 { left: 1.8%; top: 1%; }
.node-2 { right: 1.8%; top: 1%; }
.node-3 { left: 0; top: 50%; transform: translateY(-40%) scale(.98); }
.node-4 { right: 0; top: 50%; transform: translateY(-40%) scale(.98); }
.node-3.is-active, .node-4.is-active { transform: translateY(-50%); }
.node-5 { left: 1.8%; bottom: 1%; }
.node-6 { right: 1.8%; bottom: 1%; }

.system-complete {
  position: relative;
  z-index: 3;
  display: grid;
  grid-template-columns: 1fr max-content 1fr;
  gap: 16px;
  align-items: center;
  height: 42px;
  color: #718096;
  font-size: 9px;
  letter-spacing: .16em;
  opacity: .38;
  transition: opacity .45s, color .45s;
}

.system-complete span { height: 1px; background: linear-gradient(90deg, transparent, #31405a); }
.system-complete span:last-child { background: linear-gradient(90deg, #31405a, transparent); }
.growth-system-stage.is-complete .system-complete { color: #53ef94; opacity: 1; }
.growth-system-stage.is-complete .system-complete span { background: linear-gradient(90deg, transparent, #31ed7d); }
.growth-system-stage.is-complete .system-complete span:last-child { background: linear-gradient(90deg, #31ed7d, transparent); }

@media (max-width: 1050px) {
  .operator-system-head { grid-template-columns: 1fr 300px; }
  .operator-node { width: 220px; }
  .operator-hub { width: 205px; height: 205px; }
  .operator-hub strong { font-size: 33px; }
  .system-node { width: 235px; }
  .system-node h3 { font-size: 17px; }
  .system-node p { font-size: 11px; }
  .system-core { width: 225px; height: 225px; }
  .system-core strong { font-size: 22px; }
}

@media (max-width: 760px) {
  .operator-system-scroll { width: 100%; height: 160vh; min-height: 0; }
  .operator-system-stage {
    top: 76px;
    grid-template-rows: auto minmax(300px,1fr) auto auto;
    height: calc(100svh - 86px);
    min-height: 540px;
    padding: 20px 14px 10px;
    border-right: 0;
    border-left: 0;
  }
  .operator-system-head { display: block; padding-bottom: 10px; }
  .operator-system-head h2 { margin-top: 7px; font-size: 31px; }
  .operator-system-head p { display: none; }
  .operator-system-control { gap: 7px; margin-top: 9px; }
  .operator-live-readout { padding: 9px 12px 9px 15px; }
  .operator-live-readout strong { font-size: 14px; }
  .operator-live-readout span { font-size: 8px; }
  .operator-system-progress { margin-top: 0; padding: 0; grid-template-columns: max-content 1fr 42px; gap: 8px; font-size: 7px; }
  .operator-system-canvas {
    display: grid;
    grid-template-rows: 94px repeat(5, minmax(0, 1fr));
    gap: 5px;
    height: auto;
    min-height: 0;
    padding-top: 8px;
  }
  .operator-connectors { display: none; }
  .operator-radar { display: none; }
  .operator-hub, .operator-node { position: relative; inset: auto; width: 100%; height: auto; min-height: 0; transform: none; }
  .operator-hub {
    display: grid;
    grid-template-columns: 1fr max-content;
    grid-template-areas: 'label status' 'name name';
    align-content: center;
    justify-items: start;
    padding: 14px 17px;
    border-radius: 14px;
    text-align: left;
  }
  .operator-hub::before { inset: 8px; border-radius: 10px; }
  .operator-hub span { grid-area: label; }
  .operator-hub strong { grid-area: name; margin: 6px 0 0; font-size: 27px; }
  .operator-hub small { grid-area: status; max-width: 140px; text-align: right; }
  .operator-hub i { left: auto; right: 17px; bottom: 14px; }
  .operator-node {
    display: grid;
    grid-template-columns: 100px 1fr;
    grid-template-areas: 'tag title' 'tag body';
    gap: 2px 9px;
    align-items: center;
    padding: 8px 11px;
    border-radius: 10px;
    opacity: .2;
  }
  .operator-node.is-active, .operator-node-5.is-active { transform: none; }
  .operator-node b { grid-area: tag; font-size: 7px; }
  .operator-node h3 { grid-area: title; margin: 0; font-size: 14px; line-height: 1.1; }
  .operator-node p { grid-area: body; font-size: 9.5px; line-height: 1.25; }
  .operator-node::after { top: 7px; right: 9px; font-size: 5px; }
  .operator-cadence { grid-template-columns: repeat(4,1fr); gap: 5px; padding: 8px; }
  .operator-cadence>i { display: none; }
  .operator-cadence>span small { display: none; }
  .operator-cadence>span b { font-size: 6px; }
  .operator-system-complete { height: 26px; gap: 8px; font-size: 6px; }
  .growth-system-scroll { height: 165vh; min-height: 0; }
  .growth-system-stage {
    top: 76px;
    height: calc(100svh - 86px);
    min-height: 540px;
    padding: 13px;
    border-radius: 17px;
  }
  .system-progress { grid-template-columns: max-content 1fr 42px; gap: 9px; height: 28px; font-size: 7px; }
  .system-canvas {
    display: grid;
    grid-template-rows: 118px repeat(6, minmax(0, 1fr));
    gap: 5px;
    height: calc(100% - 62px);
    padding-top: 3px;
  }
  .system-connectors { display: none; }
  .system-core, .system-node { position: relative; inset: auto; width: 100%; height: auto; min-height: 0; transform: none; }
  .system-core {
    display: grid;
    grid-template-columns: 1fr max-content;
    grid-template-areas: 'label status' 'target target';
    align-content: center;
    justify-items: start;
    padding: 16px 18px;
    border-radius: 15px;
    text-align: left;
  }
  .system-core::before { inset: 9px; border-radius: 11px; }
  .system-core > span { grid-area: label; }
  .system-core strong { grid-area: target; margin: 7px 0 0; font-size: 21px; }
  .system-core small { grid-area: status; max-width: 130px; text-align: right; }
  .system-core i { left: auto; right: 18px; bottom: 17px; }
  .system-node {
    display: grid;
    grid-template-columns: 94px 1fr;
    grid-template-areas: 'tag title' 'tag body';
    gap: 2px 9px;
    align-items: center;
    padding: 8px 11px;
    border-radius: 11px;
    opacity: .2;
  }
  .system-node.is-active, .node-3.is-active, .node-4.is-active { transform: none; }
  .system-node b { grid-area: tag; font-size: 7px; }
  .system-node h3 { grid-area: title; margin: 0; font-size: 14px; line-height: 1.1; }
  .system-node p { grid-area: body; font-size: 9.5px; line-height: 1.25; }
  .system-complete { gap: 8px; height: 34px; font-size: 7px; }
}

@media (max-width: 390px) {
  .operator-system-stage { min-height: 520px; padding: 16px 10px 8px; }
  .operator-system-head h2 { font-size: 28px; }
  .operator-system-canvas { grid-template-rows: 86px repeat(5,minmax(0,1fr)); height: calc(100% - 196px); }
  .operator-node { grid-template-columns: 88px 1fr; padding: 7px 9px; }
  .operator-node h3 { font-size: 13px; }
  .operator-node p { font-size: 9px; }
  .growth-system-stage { min-height: 520px; padding: 10px; }
  .system-canvas { grid-template-rows: 108px repeat(6, minmax(0, 1fr)); }
  .system-core strong { font-size: 18px; }
  .system-node { grid-template-columns: 82px 1fr; padding: 7px 9px; }
  .system-node h3 { font-size: 13px; }
  .system-node p { font-size: 9px; }
}

@media (prefers-reduced-motion: reduce) {
  .operator-system-scroll { height: auto; min-height: 0; }
  .operator-system-stage { position: relative; top: auto; height: auto; min-height: 720px; }
  .operator-node { opacity: 1; filter: none; transform: none; }
  .operator-node-5 { transform: translateX(-50%); }
  .operator-connectors path { stroke-dashoffset: 0; opacity: .65; transition: none; }
  .operator-system-progress i b { width: 100%; }
  .operator-system-complete { opacity: 1; color: #53ef94; }
  .growth-system-scroll { height: auto; min-height: 0; }
  .growth-system-stage { position: relative; top: auto; height: auto; min-height: 720px; }
  .system-node { opacity: 1; filter: none; transform: none; }
  .system-connectors path { stroke-dashoffset: 0; opacity: .65; transition: none; }
  .system-progress i b { width: 100%; }
  .system-complete { opacity: 1; color: #53ef94; }
}

@media (max-width: 760px) and (prefers-reduced-motion: reduce) {
  .operator-node-5 { transform: none; }
}