/* ThinqShift: Orchestrate page. Tokens in tokens.css, shared nav/footer/layout + .program-grid in base.css. */

.accel-flow { width: 100%; max-width: 380px; }
.accel-row { display: flex; align-items: center; justify-content: space-between; gap: 6px; }
.accel-node { text-align: center; }
.accel-icon {
  width: 56px; height: 56px; border-radius: 50%; margin: 0 auto 10px;
  background: var(--card-solid); border: 1px solid var(--border2);
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 0 20px rgba(136,39,171,0.18);
}
.accel-icon svg { width: 26px; height: 26px; }
.accel-label { font-size: 0.8rem; color: var(--text); font-weight: 600; }
.accel-sub { font-size: 0.72rem; color: var(--muted); margin-top: 2px; }
.accel-arrow { flex: 1; height: 1px; background: linear-gradient(90deg, var(--border2), var(--purple-200), var(--border2)); position: relative; top: -18px; min-width: 20px; }