/* ===== demo-scope.html extras (stage list) ===== */

.stage-list {
  margin: 32px 0;
  counter-reset: stage;
}
.stage-item {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--r);
  padding: 28px 32px;
  margin-bottom: 16px;
  position: relative;
  transition: border-color 0.3s;
}
.stage-item:hover { border-color: rgba(0, 212, 255, 0.12); }
.stage-num {
  font: 700 11px/1 var(--font-m);
  color: var(--cyan);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.stage-title {
  font: 700 20px/1.2 var(--font-d);
  color: #fff;
  margin-bottom: 10px;
}
.stage-item p {
  font-size: 15px;
  color: var(--fg2);
  line-height: 1.75;
  margin: 0;
}