.hiw-stage-outer {
  position: relative;
  margin: 0 auto;
  width: 100%;
  max-width: 519px;
  height: 330px;
  overflow: visible;
}
@media (min-width: 360px) { .hiw-stage-outer { height: 360px; } }
@media (min-width: 390px) { .hiw-stage-outer { height: 385px; } }
@media (min-width: 640px) { .hiw-stage-outer { height: 590px; } }
@media (min-width: 768px) { .hiw-stage-outer { height: 677px; margin-bottom: -20px; } }

.hiw-stage {
  position: absolute;
  left: 50%;
  top: 0;
  width: 519px;
  height: 677px;
  transform: translateX(-50%) scale(0.48);
  transform-origin: top center;
}
@media (min-width: 360px) { .hiw-stage { transform: translateX(-50%) scale(0.52); } }
@media (min-width: 390px) { .hiw-stage { transform: translateX(-50%) scale(0.56); } }
@media (min-width: 640px) { .hiw-stage { transform: translateX(-50%) scale(0.86); } }
@media (min-width: 768px) { .hiw-stage { transform: translateX(-50%) scale(1); } }

.hiw-stage [class^="hiw-"] { box-sizing: border-box; }

.hiw-abs { position: absolute; }
.hiw-img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; max-width: none; }

.hiw-text {
  margin: 0;
  font-family: var(--font-inter);
  font-size: 12.026px;
  font-weight: 400;
  line-height: 16.507px;
  letter-spacing: -0.1203px;
  color: #000;
  text-align: center;
}
.hiw-label {
  font-family: var(--font-inter);
  font-size: 19.242px;
  font-weight: 500;
  line-height: 19.122px;
  color: hsl(230, 100%, 50%);
  white-space: nowrap;
}
.hiw-type-badge {
  height: 25px;
  width: 63px;
  background: hsl(230, 100%, 50%);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-inter);
  font-size: 14.431px;
  font-weight: 500;
  line-height: 19.122px;
  white-space: nowrap;
}

.hiw-step-0 {
  left: 140.36px;
  top: -21.95px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 7.216px;
}
.hiw-step-0__copy {
  width: 224.888px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.hiw-step-0__icon {
  position: relative;
  width: 74.562px;
  height: 74.562px;
  overflow: hidden;
  flex-shrink: 0;
}

.hiw-step-1 {
  left: 212.96px;
  top: 126.05px;
  display: flex;
  align-items: flex-start;
}
.hiw-step-1__row {
  display: flex;
  height: 157px;
  align-items: center;
}
.hiw-step-1__left,
.hiw-step-1__right {
  position: relative;
  width: 40.252px;
  height: 145px;
  flex-shrink: 0;
}
.hiw-step-1__left { transform: rotate(180deg); }

.hiw-step-2 {
  left: 182.96px;
  top: 287.24px;
  width: 139px;
  height: 103.25px;
}
.hiw-step-2__icon {
  position: absolute;
  left: 32.22px;
  top: 0;
  width: 74.562px;
  height: 74.562px;
}
.hiw-step-2__label {
  position: absolute;
  left: calc(50% - 69.5px);
  top: 93.25px;
  transform: translateY(-50%);
}

.hiw-step-fintechs {
  left: 340.96px;
  top: 468.24px;
  width: 97px;
  height: 113px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.hiw-step-fintechs__inner {
  width: 79px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 7.216px;
}
.hiw-step-fintechs__cap {
  left: 347.96px;
  top: 578.05px;
  width: 85px;
}

.hiw-step-crypto {
  left: 64.96px;
  top: 468.24px;
  width: 97px;
  height: 113px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 11px;
}
.hiw-step-crypto__inner {
  width: 130px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 7.216px;
}
.hiw-step-crypto__cap {
  left: 44.96px;
  top: 578.05px;
  width: 137px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.hiw-icon-75 {
  position: relative;
  width: 74.562px;
  height: 74.562px;
  flex-shrink: 0;
}

.hiw-step-3r-outer { left: 301.96px; top: 316.05px; width: 99px; height: 145px; display: flex; align-items: center; justify-content: center; transform: rotate(180deg); }
.hiw-step-3l-outer { left: 103.96px; top: 313.05px; width: 95px; height: 148px; display: flex; align-items: center; justify-content: center; transform: scaleY(-1); }
.hiw-step-3r-inner { left: 301.46px; top: 336.35px; width: 74.5px; height: 124.7px; display: flex; align-items: center; justify-content: center; transform: rotate(180deg); }
.hiw-step-3l-inner { left: 126.45px; top: 336.35px; width: 72.504px; height: 124.697px; display: flex; align-items: center; justify-content: center; transform: scaleY(-1); }

.hiw-arrow-box { position: relative; width: 100%; height: 100%; }
.hiw-arrow-box--ro { width: 99px; height: 145px; }
.hiw-arrow-box--lo { width: 95px; height: 148px; }
.hiw-arrow-box--ri { width: 74.5px; height: 124.7px; }
.hiw-arrow-box--li { width: 72.504px; height: 124.697px; }
.hiw-arrow-box img { inset: 0 0 -3.81% -0.97%; width: 100%; height: 100%; }
.hiw-arrow-box--lo img { inset: 0 0 -3.73% -1.01%; }
.hiw-arrow-box--ri img,
.hiw-arrow-box--li img { inset: 0 0 -0.77% -7.41%; }
.hiw-arrow-box--li img { inset: 0 0 -0.77% -7.61%; }

.hiw-step-4r {
  left: 455.96px;
  top: 346.05px;
  width: 96.568px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  gap: 7.216px;
}
.hiw-step-4l {
  left: -46.04px;
  top: 349.05px;
  width: 96.568px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  gap: 7.216px;
}
.hiw-step-4r .hiw-text { width: 163px; }
.hiw-step-4l .hiw-text { width: 125px; }

.hiw-usdc-r {
  left: calc(50% + 113.96px);
  top: 388.05px;
  width: 27px;
  height: 27px;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.hiw-usdc-l {
  left: calc(50% - 129.04px);
  top: 388.05px;
  width: 27px;
  height: 27px;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.hiw-usdc-inner { width: 27px; height: 27px; transform: rotate(90deg); position: relative; }
.hiw-usdc-inner img { transform: rotate(-90deg); }

.hiw-token-r {
  left: 388.96px;
  top: 343.05px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotate(180deg);
}
.hiw-token-r__stack {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 5px;
}
.hiw-token-r__frame,
.hiw-token-r__bg {
  width: 27px;
  height: 27px;
  position: relative;
  margin-bottom: -5px;
}
.hiw-token-r__frame {
  border-radius: 50%;
  border: 1.224px solid hsl(230, 100%, 50%);
  background: #fff;
}
.hiw-token-r__frame img { width: 18.784px; height: 18.784px; left: 50%; top: 50%; transform: translate(-50%, -50%); inset: auto; }

.hiw-token-l {
  left: 77.96px;
  top: 343.05px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 7px;
  isolation: isolate;
}
.hiw-token-l__top {
  display: flex;
  margin-bottom: -7px;
  padding-right: 7px;
  z-index: 2;
}
.hiw-token-l__coin {
  width: 27px;
  height: 27px;
  border-radius: 50%;
  border: 1.224px solid hsl(230, 100%, 50%);
  background: #fff;
  position: relative;
  margin-right: -7px;
}
.hiw-token-l__bottom {
  width: 27px;
  height: 27px;
  border-radius: 50%;
  border: 1.224px solid hsl(230, 100%, 50%);
  background: #fff;
  position: relative;
  z-index: 1;
  margin-bottom: -7px;
}