.svc-eyebrow {
  font-family: 'DM Sans', sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--faint);
  display: block;
  margin-bottom: 0.6rem;
}

.svc-stage-label {
  font-family: 'DM Mono', monospace;
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--faint);
  display: block;
  margin-bottom: 6px;
}

.dark-section {
  background: var(--navy);
  padding: 4rem 0;
  margin: 0;
}

.dark-section .eyebrow { color: rgba(240, 244, 248, 0.4); }
.dark-section h2 { color: rgba(240, 244, 248, 0.95); }
.dark-section p,
.dark-section .lead { color: rgba(240, 244, 248, 0.6); }
.dark-section .tag {
  background: rgba(58, 159, 216, 0.2);
  color: var(--blue-lt);
}
.dark-section .pill {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.12);
  color: rgba(240, 244, 248, 0.6);
}
.dark-section .sf-dot {
  background: var(--navy-card);
  border-color: var(--blue);
  color: var(--blue-lt);
}
.dark-section .sf-dot.done { background: var(--blue); color: #fff; }
.dark-section .sf-line { background: rgba(255, 255, 255, 0.1); }
.dark-section .sf-label { color: var(--blue-lt); }
.dark-section .sf-title { color: rgba(240, 244, 248, 0.9); }
.dark-section .sf-desc { color: rgba(240, 244, 248, 0.55); }
.dark-section .svc-stage-label { color: rgba(240, 244, 248, 0.35); }
.dark-section h2 span.hl { color: var(--blue-lt); }