/* Ported from the reference build by tools/port/css.mjs. Do not edit; edit the generator or override in assets/css/theme/. */
.process__head[data-c-a-home-process] {
  gap: var(--s-6);
  align-items: end;
  margin-bottom: clamp(1.75rem, 1rem + 1.6vw, 2.5rem);
  display: grid;
}
.process__lede[data-c-a-home-process] {
  max-width: 46ch;
}
@media (width>=960px) {
  .process__head[data-c-a-home-process] {
    grid-template-columns: 1.2fr 0.8fr;
  }
}
.process--embedded[data-c-a-home-process] {
  margin-top: var(--s-4);
  scroll-margin-top: calc(var(--header-h) + 24px);
}
.process__mini[data-c-a-home-process] {
  justify-content: space-between;
  align-items: baseline;
  gap: var(--s-2) var(--s-6);
  margin: var(--s-8) 0 var(--s-4);
  flex-wrap: wrap;
  display: flex;
}
.process__mini-title[data-c-a-home-process] {
  font-size: var(--fs-xl);
  letter-spacing: -0.025em;
}
.process__mini-note[data-c-a-home-process] {
  color: var(--muted);
  font-size: var(--fs-sm);
}
.track[data-c-a-home-process] {
  --node: 44px;
  --top: 74px;
  padding: var(--s-6) clamp(1rem, 0.5rem + 1.5vw, 2rem) clamp(1.5rem, 1rem + 1vw, 2.25rem);
  border-radius: var(--r-xl);
  background:
    radial-gradient(#11131a0d 1px, transparent 1.4px) 0 0 / 20px 20px,
    var(--surface);
  box-shadow:
    0 0 0 1px var(--line),
    0 30px 60px -45px #141c6b59;
  position: relative;
  overflow: hidden;
}
.steps[data-c-a-home-process] {
  grid-template-columns: repeat(var(--count), minmax(0, 1fr));
  gap: var(--s-4);
  padding-top: calc(var(--top) - var(--s-6));
  display: grid;
  position: relative;
}
.rail[data-c-a-home-process] {
  left: var(--rail-l, 0px);
  width: var(--rail-w, 0px);
  top: calc(var(--top) + var(--node) / 2 - 1px);
  background: repeating-linear-gradient(90deg, var(--line-strong) 0 6px, transparent 6px 12px);
  border-radius: 2px;
  height: 2px;
  position: absolute;
}
.rail__fill[data-c-a-home-process] {
  border-radius: inherit;
  background: var(--grad-cobalt);
  transform-origin: 0;
  transform: scaleX(var(--progress, 0));
  transition: transform 0.7s var(--ease-out);
  position: absolute;
  inset: 0;
}
.step[data-c-a-home-process] {
  border-radius: var(--r-md);
  cursor: default;
  outline: none;
  align-content: start;
  gap: 6px;
  padding: 0 4px 4px;
  display: grid;
  position: relative;
}
.step__node[data-c-a-home-process] {
  width: var(--node);
  height: var(--node);
  margin-bottom: var(--s-3);
  background: var(--surface);
  box-shadow: inset 0 0 0 1.5px var(--line-strong);
  transition:
    background-color var(--dur-3) var(--ease-out),
    box-shadow var(--dur-3) var(--ease-out),
    transform var(--dur-3) var(--ease-spring);
  border-radius: 14px;
  place-items: center;
  display: grid;
  position: relative;
}
.step__num[data-c-a-home-process] {
  color: var(--muted);
  transition: opacity var(--dur-2);
  font-size: 0.75rem;
}
.step__tick[data-c-a-home-process] {
  color: var(--cobalt-ink);
  opacity: 0;
  transition: opacity var(--dur-2);
  place-items: center;
  display: grid;
  position: absolute;
  inset: 0;
}
.step__status[data-c-a-home-process] {
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  color: var(--faint);
  transition: color var(--dur-3);
  font-size: 0.66rem;
}
.step__title[data-c-a-home-process] {
  font-size: var(--fs-md);
  font-weight: var(--fw-semibold);
  letter-spacing: -0.01em;
  color: var(--muted);
  transition: color var(--dur-3);
  line-height: 1.25;
}
.step__body[data-c-a-home-process] {
  color: var(--faint);
  transition: color var(--dur-3);
  font-size: 0.84rem;
  line-height: 1.55;
}
.step[data-c-a-home-process][data-state="done"] .step__node[data-c-a-home-process] {
  background: var(--lime);
  box-shadow: none;
}
.step[data-c-a-home-process][data-state="done"] .step__num[data-c-a-home-process] {
  opacity: 0;
}
.step[data-c-a-home-process][data-state="done"] .step__tick[data-c-a-home-process] {
  opacity: 1;
}
.step[data-c-a-home-process][data-state="done"] .step__title[data-c-a-home-process] {
  color: var(--ink-2);
}
.step[data-c-a-home-process][data-state="now"] .step__node[data-c-a-home-process] {
  background: var(--ink);
  transform: scale(1.06);
  box-shadow: 0 0 0 6px #3044f524;
}
.step[data-c-a-home-process][data-state="now"] .step__num[data-c-a-home-process] {
  color: #fff;
}
.step[data-c-a-home-process][data-state="now"] .step__status[data-c-a-home-process] {
  color: var(--cobalt);
}
.step[data-c-a-home-process][data-state="now"] .step__title[data-c-a-home-process] {
  color: var(--ink);
}
.step[data-c-a-home-process][data-state="now"] .step__body[data-c-a-home-process] {
  color: var(--muted);
}
.step[data-c-a-home-process]:focus-visible .step__node[data-c-a-home-process] {
  box-shadow: 0 0 0 3px var(--cobalt);
}
.token[data-c-a-home-process] {
  top: var(--s-5);
  z-index: 2;
  border-radius: var(--r-pill);
  background: var(--cobalt);
  color: #fff;
  white-space: nowrap;
  transform: translateX(var(--tx, 0px));
  transition:
    transform 0.7s var(--ease-out),
    background-color var(--dur-3);
  align-items: center;
  gap: 10px;
  padding: 7px 14px 7px 10px;
  display: inline-flex;
  position: absolute;
  left: 0;
  box-shadow: 0 12px 26px -12px #3044f5cc;
}
.token[data-c-a-home-process]:after {
  content: "";
  background: inherit;
  border-radius: 2px;
  width: 10px;
  height: 10px;
  position: absolute;
  bottom: -5px;
  left: 22px;
  rotate: 45deg;
}
.token[data-c-a-home-process][data-done] {
  background: var(--success);
}
.token__dot[data-c-a-home-process] {
  background: var(--lime);
  width: 8px;
  height: 8px;
  animation: ping 1.8s var(--ease-out) infinite;
  border-radius: 50%;
  box-shadow: 0 0 #d4f25a99;
}
.token__text[data-c-a-home-process] {
  line-height: 1.15;
  display: grid;
}
.token__name[data-c-a-home-process] {
  letter-spacing: 0.08em;
  text-transform: uppercase;
  opacity: 0.75;
  font-size: 0.58rem;
}
.token__status[data-c-a-home-process] {
  font-size: 0.82rem;
  font-weight: var(--fw-semibold);
}
@media (width<=899px) {
  .track[data-c-a-home-process] {
    padding: var(--s-5);
  }
  .token[data-c-a-home-process],
  .rail[data-c-a-home-process] {
    display: none;
  }
  .steps[data-c-a-home-process] {
    grid-template-columns: 1fr;
    gap: 0;
    padding-top: 0;
  }
  .step[data-c-a-home-process] {
    grid-template-columns: var(--node) 1fr;
    column-gap: var(--s-4);
    padding: 0 0 var(--s-5);
  }
  .step[data-c-a-home-process] > [data-c-a-home-process]:not(.step__node) {
    grid-column: 2;
  }
  .step__node[data-c-a-home-process] {
    grid-row: 1 / span 3;
    margin-bottom: 0;
  }
  .step[data-c-a-home-process]:not(:last-child):before {
    content: "";
    left: calc(var(--node) / 2 - 1px);
    top: calc(var(--node) + 6px);
    background: repeating-linear-gradient(180deg, var(--line-strong) 0 6px, transparent 6px 12px);
    width: 2px;
    position: absolute;
    bottom: 6px;
  }
  .step__title[data-c-a-home-process] {
    color: var(--ink);
  }
  .step__body[data-c-a-home-process] {
    color: var(--muted);
  }
}
@media (prefers-reduced-motion: reduce) {
  .token__dot[data-c-a-home-process] {
    animation: none;
  }
}
@keyframes ping {
  to {
    box-shadow: 0 0 0 8px #d4f25a00;
  }
}