.start-flow a {
  position: relative;
  padding-right: 78px;
}

.start-flow a > em {
  position: absolute;
  top: 11px;
  right: 11px;
  padding: 5px 7px;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 999px;
  background: rgba(255,255,255,.04);
  color: #8191a5;
  font-size: 8px;
  font-style: normal;
  font-weight: 950;
  letter-spacing: .11em;
}

.start-flow a[data-state="active"] {
  border-color: color-mix(in srgb, var(--cyan, #62d8ff) 52%, transparent);
  background: color-mix(in srgb, var(--cyan, #62d8ff) 9%, rgba(255,255,255,.025));
  box-shadow: inset 0 0 0 1px rgba(98,216,255,.05);
}

.start-flow a[data-state="active"] > em {
  border-color: rgba(98,216,255,.38);
  background: rgba(98,216,255,.13);
  color: var(--cyan, #62d8ff);
}

.start-flow a[data-state="done"] {
  border-color: rgba(68,227,194,.22);
  background: rgba(68,227,194,.045);
}

.start-flow a[data-state="done"] > b {
  background: rgba(68,227,194,.18);
}

.start-flow a[data-state="done"] > em {
  border-color: rgba(68,227,194,.28);
  background: rgba(68,227,194,.1);
  color: var(--mint, #44e3c2);
}

.start-output-contract {
  display: grid;
  gap: 9px;
  margin-top: 15px;
  padding-top: 14px;
  border-top: 1px solid rgba(255,255,255,.08);
}

.start-output-contract > span {
  color: #c9d6e5;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .12em;
}

.start-output-contract ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.start-output-contract li {
  position: relative;
  padding-left: 18px;
  color: #aebdd0;
  font-size: 11px;
  line-height: 1.42;
}

.start-output-contract li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: var(--mint, #44e3c2);
  font-weight: 950;
}

.start-output-contract a {
  width: fit-content;
  color: var(--cyan, #62d8ff);
  font-size: 11px;
  font-weight: 850;
  text-decoration: none;
}

.start-output-contract a:hover { text-decoration: underline; }
.start-output-contract small { color: #728398; font-size: 10px; line-height: 1.45; }

@media (max-width: 620px) {
  .start-flow a { padding-right: 74px; }
  .start-output-contract a { width: 100%; }
}