.lp {
  position: relative;
}
.lp__pop {
  --lp-line: #dadee2;
  --lp-ink: #122433;
  --lp-body: #7c858d;
  --lp-label: #a2a6aa;
  --lp-indigo: #4042d1;
  --lp-rule: repeating-linear-gradient(
    90deg,
    var(--lp-line) 0 4px,
    transparent 4px 8px
  );
  z-index: 30;
  transform-origin: 100% 0;
  background: #fff;
  border: 1px solid #dfe1e7;
  border-radius: 12px;
  width: 440px;
  animation: 0.22s cubic-bezier(0.2, 0.7, 0.2, 1) both lp-in;
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  overflow: hidden;
}
@keyframes lp-in {
  0% {
    opacity: 0;
    transform: translateY(-6px) scale(0.985);
  }
}
@media (prefers-reduced-motion: reduce) {
  .lp__pop {
    animation: none;
  }
}
.lp[data-open="true"] .fh__chevron {
  transform: rotate(180deg);
}
.lp__search {
  background-image: var(--lp-rule);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 100% 1px;
  align-items: center;
  gap: 10px;
  padding: 15px 18px;
  display: flex;
}
.lp__search svg {
  fill: none;
  width: 16px;
  height: 16px;
  stroke: var(--lp-body);
  stroke-width: 1.6px;
  flex: none;
  display: block;
}
.lp__search input {
  min-width: 0;
  font: inherit;
  color: var(--lp-ink);
  background: 0 0;
  border: 0;
  flex: 1;
  padding: 0;
  font-size: 14px;
  line-height: 1.4;
}
.lp__search input::placeholder {
  color: var(--lp-label);
}
.lp__search input:focus {
  outline: none;
}
.lp__search input::-webkit-search-cancel-button {
  appearance: none;
  display: none;
}
.lp__search input::-webkit-search-decoration {
  appearance: none;
  display: none;
}
.lp__count {
  font-family: var(--fh-digits, "Doto Variable", monospace);
  letter-spacing: 0.08em;
  color: var(--lp-label);
  flex: none;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
}
.lp__list {
  grid-template-columns: 1fr 1fr;
  padding: 8px;
  display: grid;
}
.lp__opt {
  width: 100%;
  font: inherit;
  letter-spacing: 0;
  text-transform: none;
  color: var(--lp-ink);
  text-align: left;
  cursor: pointer;
  background: 0 0;
  border: 0;
  border-radius: 8px;
  align-items: center;
  gap: 10px;
  padding: 9px 10px;
  font-size: 14px;
  font-weight: 400;
  transition: background 0.15s;
  display: flex;
}
.lp__opt:hover {
  background: #f5f6f7;
}
.lp__opt[aria-selected="true"] {
  background: #f3f3fb;
}
.lp__opt:focus-visible {
  outline: 2px solid var(--lp-indigo);
  outline-offset: -2px;
}
.lp__code {
  width: 26px;
  font-family: var(--fh-digits, "Doto Variable", monospace);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--lp-label);
  flex: none;
  font-size: 11px;
  font-weight: 700;
}
.lp__opt[aria-selected="true"] .lp__code {
  color: var(--lp-indigo);
}
.lp__name {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
  overflow: hidden;
}
.lp__tick {
  opacity: 0;
  flex: none;
  width: 14px;
  height: 14px;
}
.lp__opt[aria-selected="true"] .lp__tick {
  opacity: 1;
}
.lp__tick svg {
  fill: none;
  width: 14px;
  height: 14px;
  stroke: var(--lp-indigo);
  stroke-width: 2.2px;
  stroke-linecap: round;
  stroke-linejoin: round;
  display: block;
}
.lp__empty {
  text-align: center;
  color: var(--lp-body);
  grid-column: 1/-1;
  margin: 0;
  padding: 26px 12px 30px;
  font-size: 14px;
}
@media (width<=560px) {
  .lp__pop {
    width: min(340px, 100vw - 32px);
  }
  .lp__list {
    grid-template-columns: 1fr;
    max-height: 320px;
    overflow-y: auto;
  }
}
.fh__theme {
  border: 1px solid var(--fh-line);
  background: var(--fh-bg);
  width: 42px;
  height: 42px;
  color: var(--fh-ink);
  cursor: pointer;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  padding: 0;
  transition: background-color 0.2s, border-color 0.2s, color 0.2s;
  display: inline-flex;
}
.fh__theme:hover {
  background: var(--fh-ink);
  border-color: var(--fh-ink);
  color: var(--fh-surface);
}
.fh__theme:focus-visible {
  outline: 2px solid var(--fh-progress);
  outline-offset: 2px;
}
.tt__mark {
  width: 20px;
  height: 20px;
  display: block;
  overflow: visible;
}
.tt__disc {
  fill: currentColor;
  transform-origin: 12px 12px;
  transition: transform 0.42s cubic-bezier(0.32, 0.72, 0, 1);
}
.tt__cutter {
  transition: transform 0.42s cubic-bezier(0.32, 0.72, 0, 1);
}
.tt__rays {
  stroke: currentColor;
  stroke-width: 2.1px;
  transform-origin: 12px 12px;
  transition: transform 0.42s cubic-bezier(0.32, 0.72, 0, 1), opacity 0.26s;
}
[data-theme="dark"] .tt__rays {
  opacity: 0;
  transform: scale(0.4) rotate(-45deg);
}
[data-theme="dark"] .tt__cutter {
  transform: translate(-8.4px, 1.6px);
}
[data-theme="dark"] .tt__disc {
  transform: scale(1.3);
}
@media (prefers-reduced-motion: reduce) {
  .tt__disc,
  .tt__cutter,
  .tt__rays {
    transition: none;
  }
}
@media (width<=1340px) {
  .fh__navRight > .fh__theme {
    display: none;
  }
}
.fh__menuFoot .fh__theme {
  border: 1px solid var(--fh-line);
  width: auto;
  height: 44px;
  font: inherit;
  letter-spacing: -0.39px;
  text-transform: uppercase;
  border-radius: 46px;
  gap: 10px;
  margin: 0;
  padding: 0 18px;
  font-size: 13px;
  font-weight: 700;
}
.fh__menuFoot .fh__theme:after {
  content: "Light";
}
[data-theme="dark"] .fh__menuFoot .fh__theme:after {
  content: "Dark";
}
.chest__brand {
  opacity: 0;
}
.chest__brandPath {
  fill: none;
  stroke: var(--chest-live);
  stroke-width: 0.72px;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.chest__scan {
  fill: var(--chest-live);
  opacity: 0;
  filter: drop-shadow(0 0 3px var(--chest-live))
    drop-shadow(0 0 7px var(--chest-live));
}
.chest {
  --chest-ink: #122433;
  --chest-inkLid: var(--chest-ink);
  --chest-inkIn: var(--chest-ink);
  --chest-topA: #fff;
  --chest-topB: #fff;
  --chest-leftA: #f3f5f7;
  --chest-leftB: #f3f5f7;
  --chest-rightA: #e9edf1;
  --chest-rightB: #e9edf1;
  --chest-lipL: #dfe4e9;
  --chest-lipR: #d3d8de;
  --chest-coinDisc: #fff;
  --chest-markDisc: #122433;
  --chest-markInk: #fff;
  --chest-glowA: transparent;
  --chest-glowB: transparent;
  --chest-wallA: #dde3e9;
  --chest-wallB: #d3d8de;
  --chest-floor: #e4e4e4;
  --chest-rim: #c5cbd1;
  --chest-railLine: #dadee2;
  --chest-live: #4042d1;
  --chest-soft: #b3b5f5;
  clip-path: inset(0 0 -400px);
  place-items: center;
  display: grid;
  position: absolute;
  inset: 0;
  overflow: visible;
}
.chest__stage {
  aspect-ratio: 401.5/406;
  width: 66%;
  max-width: 344px;
  margin-top: 15%;
  position: relative;
}
.chest__field {
  background-image: radial-gradient(circle, #1224331f 1px, #0000 1.4px);
  background-position: 14px 14px;
  background-size: 28px 28px;
  height: 82%;
  position: absolute;
  bottom: -14%;
  left: -46%;
  right: -46%;
  -webkit-mask-image: linear-gradient(#0000 0%, #000 46% 78%, #0000 100%);
  mask-image: linear-gradient(#0000 0%, #000 46% 78%, #0000 100%);
}
.chest__feed {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: visible;
}
.chest__rail {
  fill: none;
  stroke: var(--chest-railLine);
  stroke-width: 1.5px;
  vector-effect: non-scaling-stroke;
}
.chest__spark {
  fill: none;
  stroke: var(--chest-soft);
  stroke-width: 2px;
  stroke-linecap: round;
  vector-effect: non-scaling-stroke;
}
.chest__node {
  fill: var(--chest-live);
}
.chest__art {
  z-index: 2;
  transition: opacity 0.2s;
  position: absolute;
  inset: 0;
}
.chest__art svg {
  width: 100%;
  height: 100%;
  display: block;
  overflow: visible;
}
.chest__art svg path {
  stroke: var(--chest-ink);
  stroke-width: 1.35px;
}
.chest__art .chest__lid path {
  stroke: var(--chest-inkLid);
}
.chest[data-motion="pending"] .chest__art {
  opacity: 0;
}
.chest__face {
  stroke: none;
}
.chest__face--top {
  fill: url(#chest-gTop);
}
.chest__face--left {
  fill: url(#chest-gLeft);
}
.chest__face--right {
  fill: url(#chest-gRight);
}
.chest__gs--topA {
  stop-color: var(--chest-topA);
}
.chest__gs--topB {
  stop-color: var(--chest-topB);
}
.chest__gs--leftA {
  stop-color: var(--chest-leftA);
}
.chest__gs--leftB {
  stop-color: var(--chest-leftB);
}
.chest__gs--rightA {
  stop-color: var(--chest-rightA);
}
.chest__gs--rightB {
  stop-color: var(--chest-rightB);
}
.chest__gs--glowA {
  stop-color: var(--chest-glowA);
}
.chest__gs--glowB {
  stop-color: var(--chest-glowB);
}
.chest__glow {
  fill: url(#chest-gGlow);
  stroke: none;
  pointer-events: none;
}
.chest__wall,
.chest__floor {
  stroke: var(--chest-inkIn);
  stroke-width: 1.35px;
  stroke-linejoin: round;
}
.chest__wall--back {
  fill: var(--chest-wallA);
}
.chest__wall--side {
  fill: var(--chest-wallB);
}
.chest__floor {
  fill: var(--chest-floor);
}
.chest__brim {
  fill: none;
  stroke: var(--chest-ink);
  stroke-width: 1.35px;
  stroke-linejoin: round;
}
.chest__rim {
  fill: none;
  stroke: var(--chest-inkIn);
  stroke-width: 1.35px;
  stroke-linejoin: round;
}
.chest__seam {
  fill: none;
  stroke: var(--chest-live);
  stroke-width: 2px;
  stroke-linecap: round;
  opacity: 0;
}
.chest__lip {
  stroke: var(--chest-inkLid);
  stroke-width: 1.35px;
  stroke-linejoin: round;
}
.chest__lip--left {
  fill: var(--chest-lipL);
}
.chest__lip--right {
  fill: var(--chest-lipR);
}
.chest__sheen {
  fill: #fff;
  opacity: 0;
}
.chest__burst {
  z-index: 3;
  aspect-ratio: 1;
  background: radial-gradient(
    closest-side,
    #fff 4%,
    var(--chest-live) 26%,
    #fff0 68%
  );
  opacity: 0;
  pointer-events: none;
  mix-blend-mode: screen;
  border-radius: 50%;
  width: 104%;
  position: absolute;
  top: 30%;
  left: 50%;
  translate: -50% -50%;
}
.chest__badge {
  z-index: 7;
  background: var(--chest-live);
  color: #fff;
  letter-spacing: -0.39px;
  text-transform: uppercase;
  white-space: nowrap;
  opacity: 0;
  border-radius: 46px;
  padding: 4px 12px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
  position: absolute;
  top: 52%;
  left: 76%;
  box-shadow: 0 6px 16px -6px #12243359;
}
.chest__payload {
  z-index: 4;
  width: 0;
  height: 0;
  position: absolute;
  top: 20%;
  left: 50.8%;
}
.chest__coin {
  opacity: 0;
  background: var(--chest-coinDisc);
  filter: drop-shadow(0 6px 10px #12243338);
  will-change: transform;
  border-radius: 400px;
  place-items: center;
  display: grid;
  position: absolute;
}
.chest__coinArt {
  max-width: none;
  display: block;
}
.chest__coin[data-mark] {
  background: var(--chest-markDisc);
}
.chest__mark {
  aspect-ratio: 33/17;
  background-color: var(--chest-markInk);
  width: 50%;
  display: block;
  -webkit-mask: url(/figma/logo.svg) 50% / contain no-repeat;
  mask: url(/figma/logo.svg) 50% / contain no-repeat;
}
.chest__shadow {
  z-index: 0;
  opacity: 0.7;
  background: radial-gradient(closest-side, #1224334d, #0000 72%);
  border-radius: 50%;
  width: 52%;
  height: 26px;
  position: absolute;
  bottom: -4%;
  left: 50%;
  translate: -50%;
}
@media (width<=900px) {
  .chest__stage {
    width: 50%;
    max-width: 196px;
    margin-top: 26%;
  }
  .chest__badge {
    padding: 3px 10px;
    font-size: 11px;
    top: 56%;
    left: 58%;
  }
}
.heroPlanet {
  pointer-events: none;
  z-index: 0;
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.heroPlanet canvas {
  width: 100%;
  height: 100%;
  display: block;
}
.heroPlanet img {
  width: auto;
  max-width: none;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%);
}
.hero[data-hero="1"] .heroPlanet img {
  left: 70%;
}
.hero[data-hero="2"] .heroPlanet img {
  height: 130%;
  top: auto;
  bottom: -38%;
}
@media (width<=767px) {
  .hero[data-hero="1"] .heroPlanet {
    opacity: 0.6;
    width: 100%;
    height: 320px;
    margin-top: 8px;
    position: relative;
    inset: auto;
  }
  .hero[data-hero="1"] .heroPlanet img {
    left: 50%;
  }
}
.captureStage {
  background: 0 0;
  width: 1100px;
  height: 800px;
  position: relative;
}
.captureStage .heroPlanet {
  opacity: 1;
  inset: 0;
}
@font-face {
  font-family: NewBlack Typeface;
  src: url(/fonts/NewBlackTypeface-Medium.woff2) format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.fh {
  --fh-bg: #edeff1;
  --fh-surface: #fff;
  --fh-stripe: #fff;
  --fh-line: #dadee2;
  --fh-ink: #122433;
  --fh-muted: #8292a2;
  --fh-body: #7c858d;
  --fh-label: #a2a6aa;
  --fh-index: #6e7781;
  --fh-progress: #4042d2;
  --fh-progress-soft: #b3b5f5;
  --fh-sans: "Onest Variable", ui-sans-serif, system-ui, -apple-system,
    "Segoe UI", Roboto, sans-serif;
  --fh-display: "NewBlack Typeface", "Onest Variable", ui-sans-serif, system-ui,
    sans-serif;
  --fh-digits: "Doto Variable", "Courier New", monospace;
  --fh-pixel: "Silkscreen", "Courier New", monospace;
  --fh-dash-v: repeating-linear-gradient(
    180deg,
    var(--fh-line) 0 8px,
    transparent 8px 16px
  );
  --fh-dash-h: repeating-linear-gradient(
    90deg,
    var(--fh-line) 0 8px,
    transparent 8px 16px
  );
  background: var(--fh-bg);
  min-height: 1080px;
  color: var(--fh-ink);
  font-family: var(--fh-sans);
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding-top: 24px;
  display: flex;
  position: relative;
  overflow: hidden;
}
.fh__frame {
  background-image: var(--fh-dash-v), var(--fh-dash-v);
  pointer-events: none;
  z-index: 0;
  background-position: 0 0, 100% 0;
  background-repeat: no-repeat;
  background-size: 1px 100%, 1px 100%;
  width: min(1560px, 100% - 48px);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
}
.fh__frame:before {
  content: "";
  background-image: var(--fh-dash-h), var(--fh-dash-h),
    radial-gradient(circle at center, #1224331a 1px, transparent 1.4px);
  background-position: 0 0, 0 100%, 14px 14px;
  background-repeat: no-repeat, no-repeat, repeat;
  background-size: 100% 1px, 100% 1px, 28px 28px;
  height: 728px;
  position: absolute;
  top: 139px;
  left: 0;
  right: 0;
}
.fh > :not(.fh__frame):not(.fh__nav):not(.fh__menu):not(.fh__scrim) {
  z-index: 1;
  position: relative;
}
.fh__nav {
  top: var(--fh-nav-top);
  z-index: 60;
  width: min(1440px, 100% - var(--fh-nav-gutter) * 2);
  background: var(--fh-surface);
  border: 1px solid var(--fh-surface);
  border-radius: 400px;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  padding: 12px;
  transition: width 0.46s cubic-bezier(0.22, 0.61, 0.36, 1), box-shadow 0.32s;
  display: flex;
  position: fixed;
  left: 0;
  right: 0;
}
.fh__navSpacer {
  flex: none;
  height: 74px;
}
.fh__nav[data-condensed] {
  box-shadow: 0 8px 28px #1224331f;
}
@media (width>=1341px) {
  .fh__nav[data-condensed] {
    width: min(760px, 100% - 48px);
  }
  .fh__nav[data-condensed]:not([data-scrolling]):hover,
  .fh__nav[data-condensed]:focus-within {
    width: min(1440px, 100% - 48px);
  }
}
.fh__linksWrap {
  grid-template-columns: 1fr;
  transition: grid-template-columns 0.46s cubic-bezier(0.22, 0.61, 0.36, 1),
    opacity 0.26s;
  display: grid;
}
.fh__nav[data-condensed] .fh__linksWrap {
  opacity: 0;
  grid-template-columns: 0fr;
}
.fh__nav[data-condensed]:hover .fh__linksWrap,
.fh__nav[data-condensed]:focus-within .fh__linksWrap {
  opacity: 1;
  grid-template-columns: 1fr;
}
.fh__brand {
  color: #000;
  align-items: center;
  gap: 4px;
  padding: 0 24px;
  font-size: 22.14px;
  font-weight: 700;
  text-decoration: none;
  display: inline-flex;
}
.fh__brand img {
  transition: transform 0.32s cubic-bezier(0.22, 0.61, 0.36, 1);
  display: block;
}
.fh__brand:hover img {
  transform: translate(-2px);
}
.fh__links {
  letter-spacing: -0.39px;
  text-transform: uppercase;
  min-width: 0;
  color: var(--fh-label);
  white-space: nowrap;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
  display: flex;
  overflow: hidden;
}
.fh__linkGap {
  flex: 0 auto;
  width: 38px;
  min-width: 10px;
}
.fh__links a:last-child {
  margin-right: 12px;
}
.fh__links a {
  color: inherit;
  flex: none;
  padding: 4px 0;
  text-decoration: none;
  transition: color 0.22s;
  position: relative;
}
.fh__links a:after {
  content: "";
  background: var(--fh-ink);
  transform-origin: 100%;
  border-radius: 2px;
  height: 2px;
  transition: transform 0.36s cubic-bezier(0.22, 0.61, 0.36, 1);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  transform: scaleX(0);
}
.fh__links a:hover,
.fh__links a:focus-visible {
  color: var(--fh-ink);
}
.fh__links a:hover:after,
.fh__links a:focus-visible:after {
  transform-origin: 0;
  transform: scaleX(1);
}
.fh__navRight {
  align-items: center;
  gap: 24px;
  display: flex;
}
.fh__lang {
  border: 0;
  border-right: 1px solid var(--fh-bg);
  height: 48px;
  font: inherit;
  letter-spacing: -0.39px;
  text-transform: uppercase;
  color: #000;
  cursor: pointer;
  background: 0 0;
  align-items: center;
  gap: 10px;
  padding: 0 24px 0 0;
  font-size: 13px;
  font-weight: 700;
  transition: color 0.2s;
  display: inline-flex;
}
.fh__lang .fh__chevron {
  transition: transform 0.26s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.fh__lang:hover .fh__chevron {
  transform: translateY(2px);
}
.fh__navButtons {
  gap: 8px;
  display: flex;
}
.fh__btn {
  --x: 50%;
  --y: 50%;
  isolation: isolate;
  white-space: nowrap;
  border-radius: 400px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: fit-content;
  min-width: 162px;
  height: 48px;
  padding: 0 26px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition: background-color 0.24s, border-color 0.24s, color 0.24s,
    transform 0.24s cubic-bezier(0.22, 0.61, 0.36, 1);
  display: inline-flex;
  position: relative;
  overflow: hidden;
}
.fh__btn:before {
  content: "";
  z-index: -1;
  left: var(--x);
  top: var(--y);
  aspect-ratio: 1;
  background: var(--fh-progress, #4042d2);
  border-radius: 50%;
  width: 220%;
  transition: transform 0.52s cubic-bezier(0.22, 0.61, 0.36, 1);
  position: absolute;
  transform: translate(-50%, -50%) scale(0);
}
.fh__btn--ghost:before {
  background: var(--fh-ink, #122433);
}
.fh__btn:hover:before,
.fh__btn:focus-visible:before {
  transform: translate(-50%, -50%) scale(1);
}
.fh__btn .fh__chevron {
  transition: transform 0.26s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.fh__btn--primary {
  color: #fff;
  background: #000;
}
.fh__btn--primary:hover .fh__chevron--right {
  transform: rotate(-90deg) translateY(3px);
}
.fh__btn--ghost {
  color: var(--fh-muted, #8292a2);
  background: #f8fafb;
  border: 1px solid #dfe1e7;
}
.fh__btn--ghost:hover {
  color: #fff;
  border-color: #0000;
}
.fh__btn:active {
  transform: scale(0.97);
}
.fh__btn--wide {
  min-width: 184px;
}
.fh__chevron {
  width: 11px;
  height: 6px;
  margin: 4px 1.5px;
  display: block;
}
.fh__chevron--right {
  transform: rotate(-90deg);
}
.fh__chevron--left {
  transform: rotate(90deg);
}
.fh__btn--primary .fh__chevron {
  filter: invert();
}
.fh__main {
  justify-content: space-between;
  align-items: center;
  gap: 48px;
  width: min(1440px, 100% - 48px);
  display: flex;
  position: relative;
}
.fh__intro {
  flex-direction: column;
  align-items: flex-start;
  gap: 48px;
  display: flex;
}
.fh__introText {
  flex-direction: column;
  gap: 6px;
  display: flex;
}
.fh__title {
  max-width: 604px;
  font-family: var(--fh-display);
  letter-spacing: -2.16px;
  color: var(--fh-ink);
  margin: 0;
  font-size: 72px;
  font-weight: 500;
  line-height: 1.12;
}
.fh__titleMuted {
  color: var(--fh-muted);
}
.fh__line {
  margin-bottom: -0.08em;
  padding-bottom: 0.08em;
  display: block;
  overflow: hidden;
}
.fh__lineInner {
  display: block;
}
.fh[data-entrance="pending"] .fh__nav,
.fh[data-entrance="pending"] .fh__lineInner,
.fh[data-entrance="pending"] .fh__body,
.fh[data-entrance="pending"] .fh__intro .fh__btn,
.fh[data-entrance="pending"] .fh__sliderControls,
.fh[data-entrance="pending"] .fh__footer {
  visibility: hidden;
}
.fh__body {
  letter-spacing: 0.01em;
  max-width: 431px;
  color: var(--fh-body);
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}
.fh__graphic {
  flex: none;
  width: 656px;
  padding-left: 26px;
}
.fh__viewport {
  aspect-ratio: 605/520;
  width: 605px;
  position: relative;
}
.fh__slide {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.52s, visibility 0s linear 0.52s;
  position: absolute;
  inset: 0;
}
.fh__slide[data-active] {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.52s, visibility linear;
}
.barsSlide {
  position: absolute;
  inset: 0;
}
.fh__slide .bars {
  width: 100%;
  height: 100%;
  display: block;
  overflow: visible;
}
.barsSlide {
  --bars-fill: #fff;
  --bars-stroke: #dadee2;
  --bars-glow-0: #f5f7fa;
  --bars-glow-1: #f9ff38;
  --bars-chip-lead: #fff;
  --bars-chip-rest: #f1f3f4;
  --bars-num-from: #4042d2;
  --bars-num-to: #122433;
  --bars-cap-from: #b3b5f5;
}
.bars__chip {
  left: var(--x);
  top: var(--y);
  will-change: transform;
  position: absolute;
}
.bars__chipInner {
  border: 1px solid var(--fh-line);
  background: var(--bars-chip-rest);
  text-transform: uppercase;
  white-space: nowrap;
  will-change: transform;
  border-radius: 6px;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 12px;
  font-weight: 700;
  line-height: 1.4;
  display: flex;
}
.bars__chip--light .bars__chipInner {
  background: var(--fh-surface);
}
.bars__chipLabel {
  letter-spacing: -0.36px;
  color: var(--fh-label);
  align-items: center;
  gap: 10px;
  font-size: 12px;
  display: flex;
}
.bars__chipLabel img {
  width: 14px;
  height: 14px;
  display: block;
}
.bars__chipValue {
  letter-spacing: -0.42px;
  font-variant-numeric: tabular-nums;
  color: var(--fh-ink);
  font-size: 14px;
  overflow: hidden;
}
.bars__chipNum {
  display: block;
}
.fh__slide--globe .heroPlanet {
  inset: -20% -34% -60% -50%;
  overflow: visible;
}
.fh__sliderControls {
  align-items: center;
  gap: 24px;
  display: flex;
  position: absolute;
  bottom: -64px;
  left: 0;
}
.fh__segments {
  align-items: center;
  gap: 6px;
  display: flex;
}
.fh__segment {
  cursor: pointer;
  background: 0 0;
  border: 0;
  width: 14px;
  padding: 10px 0;
  transition: width 0.36s cubic-bezier(0.22, 0.61, 0.36, 1);
  display: block;
}
.fh__segment span {
  background: var(--fh-line);
  border-radius: 999px;
  height: 3px;
  transition: background-color 0.24s;
  display: block;
}
.fh__segment:hover span {
  background: var(--fh-muted);
}
.fh__segment[data-active] {
  width: 44px;
}
.fh__segment[data-active] span {
  background: var(--fh-ink);
}
.fh__counter {
  font-family: var(--fh-pixel);
  letter-spacing: 0.06em;
  color: var(--fh-label);
  white-space: nowrap;
  align-items: baseline;
  gap: 6px;
  font-size: 12px;
  display: inline-flex;
}
.fh__counterCurrent {
  color: var(--fh-ink);
}
.fh__counterSep {
  color: var(--fh-line);
}
.fh__arrows {
  gap: 8px;
  display: flex;
}
.fh__sliderArrow {
  border: 1px solid var(--fh-line);
  background: var(--fh-surface);
  cursor: pointer;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 0;
  transition: background-color 0.18s, border-color 0.18s, transform 0.18s;
  display: inline-flex;
}
.fh__sliderArrow:hover {
  background: #000;
  border-color: #000;
}
.fh__sliderArrow:hover .fh__chevron {
  filter: invert();
}
.fh__sliderArrow:active {
  transform: scale(0.94);
}
.fh__sliderArrow:focus-visible,
.fh__segment:focus-visible {
  outline: 2px solid var(--fh-progress);
  outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
  .fh__digitsValue {
    animation: none;
  }
  .fh__btn:before,
  .fh__slide,
  .fh__slide[data-active],
  .fh__segment,
  .fh__sliderArrow,
  .fh__nav,
  .fh__linksWrap {
    transition: none;
  }
}
.fh__footer {
  background: var(--fh-surface);
  gap: 48px;
  width: min(1558px, 100%);
  min-height: 212px;
  padding: 24px 32px;
  display: flex;
}
.fh__price {
  flex-direction: column;
  flex: 970px;
  justify-content: space-between;
  gap: 16px;
  max-width: 970px;
  display: flex;
}
.fh__priceHead {
  justify-content: space-between;
  align-items: baseline;
  gap: 24px;
  display: flex;
}
.fh__stage {
  letter-spacing: -0.48px;
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--fh-label);
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
}
.fh__priceTitle {
  letter-spacing: -0.72px;
  color: var(--fh-body);
  text-wrap: balance;
  margin: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 0.98;
}
.fh__progress {
  background-color: var(--fh-bg);
  background-image: repeating-linear-gradient(
    90deg,
    var(--fh-stripe) 0 1px,
    transparent 1px 8px
  );
  height: 48px;
  position: relative;
  overflow: hidden;
}
.fh__progressFill {
  background-color: var(--fh-bg);
  background-image: linear-gradient(var(--fh-progress), var(--fh-progress)),
    linear-gradient(var(--fh-progress), var(--fh-progress)),
    repeating-linear-gradient(
      90deg,
      var(--fh-progress-soft) 0 3px,
      transparent 3px 6px
    );
  background-position: 0 0, 100% 0, 0 0;
  background-repeat: no-repeat, no-repeat, repeat;
  background-size: 3px 100%, 3px 100%, auto;
  position: absolute;
  inset: 0 auto 0 0;
  overflow: hidden;
}
.fh__progressGlow {
  pointer-events: none;
  background: linear-gradient(90deg, #0000, #ffffff8c, #0000);
  width: 40%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}
.fh__stats {
  letter-spacing: -0.48px;
  text-transform: uppercase;
  white-space: nowrap;
  justify-content: space-between;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  display: flex;
}
.fh__stats p {
  gap: 4px;
  margin: 0;
  display: flex;
}
.fh__stats p > span {
  color: var(--fh-body);
}
.fh__stats strong {
  color: var(--fh-ink);
  font-weight: 700;
}
.fh__figure {
  font-variant-numeric: tabular-nums;
  display: inline-grid;
}
.fh__figure > * {
  grid-area: 1/1;
  justify-self: start;
}
.fh__figureGhost {
  visibility: hidden;
}
.fh__countdown {
  flex: 0 476px;
  align-items: stretch;
  display: flex;
}
.fh__unit {
  flex-direction: column;
  flex: 1 1 0;
  justify-content: center;
  align-items: center;
  gap: 24px;
  display: flex;
}
.fh__sep + .fh__unit {
  border-left: 1px solid #e9eaeb;
}
.fh__digits {
  font-family: var(--fh-digits);
  letter-spacing: -1.92px;
  font-variation-settings: "ROND" 0;
  font-variant-numeric: tabular-nums;
  color: var(--fh-label);
  font-size: 64px;
  font-weight: 500;
  line-height: 1.12;
}
.fh__digitsValue {
  animation: 0.38s cubic-bezier(0.22, 0.61, 0.36, 1) fh-tick;
  display: inline-block;
}
@keyframes fh-tick {
  0% {
    opacity: 0;
    transform: translateY(-0.28em);
  }
}
.fh__unitLabel {
  letter-spacing: -0.39px;
  text-transform: uppercase;
  color: #a2a6aa80;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
}
.fh__sep {
  z-index: 1;
  background: var(--fh-surface);
  width: 0;
  height: 54px;
  font-family: var(--fh-pixel);
  letter-spacing: -1.44px;
  color: #a2a6aa3d;
  justify-content: center;
  align-self: center;
  align-items: center;
  margin: 0 -9px;
  padding: 0 9px;
  font-size: 48px;
  line-height: 1.12;
  display: flex;
  position: relative;
  top: -21px;
}
.fh__burger {
  width: 44px;
  height: 44px;
  color: var(--fh-ink);
  cursor: pointer;
  background: 0 0;
  border: 0;
  border-radius: 400px;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: none;
}
@media (hover: hover) {
  .fh__burger:hover {
    background: #f2f4f6;
  }
}
.fh__burgerBars {
  width: 20px;
  height: 9.75px;
  display: block;
  position: relative;
}
.fh__burgerBars i {
  background: currentColor;
  border-radius: 2px;
  height: 1.75px;
  transition: transform 0.26s cubic-bezier(0.22, 0.61, 0.36, 1),
    width 0.26s cubic-bezier(0.22, 0.61, 0.36, 1);
  position: absolute;
  left: 0;
}
.fh__burgerBars i:first-child {
  width: 100%;
  top: 0;
}
.fh__burgerBars i:nth-child(2) {
  width: 55%;
  top: 8px;
}
@media (hover: hover) {
  .fh__burger:hover .fh__burgerBars i:nth-child(2) {
    width: 100%;
  }
}
[aria-expanded="true"] .fh__burgerBars i:first-child {
  transform: translateY(4px) rotate(45deg);
}
[aria-expanded="true"] .fh__burgerBars i:nth-child(2) {
  width: 100%;
  transform: translateY(-4px) rotate(-45deg);
}
.fh__scrim {
  z-index: 55;
  -webkit-backdrop-filter: blur(14px) saturate(1.06);
  backdrop-filter: blur(14px) saturate(1.06);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background: #12243357;
  transition: opacity 0.24s cubic-bezier(0.22, 0.61, 0.36, 1),
    visibility 0s linear 0.24s;
  position: fixed;
  inset: 0;
}
.fh__scrim[data-open] {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: opacity 0.24s cubic-bezier(0.22, 0.61, 0.36, 1), visibility linear;
}
.fh__menu {
  z-index: 59;
  top: calc(var(--fh-nav-top) + var(--fh-nav-h) + 8px);
  right: var(--fh-nav-gutter);
  bottom: max(16px, env(safe-area-inset-bottom, 0px));
  width: min(420px, calc(100% - var(--fh-nav-gutter) * 2));
  border: 1px solid var(--fh-line);
  background: var(--fh-surface);
  overscroll-behavior: contain;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  border-radius: 28px;
  flex-direction: column;
  padding: 12px 20px 20px;
  transition: opacity 0.16s, visibility 0s linear 0.16s;
  display: flex;
  position: fixed;
  overflow-y: auto;
}
.fh__menu[data-open] {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: opacity 0.16s, visibility linear;
}
.fh__menuLinks {
  flex-direction: column;
  flex: auto;
  display: flex;
}
.fh__menuLinks a {
  min-height: 64px;
  max-height: 84px;
  color: var(--fh-ink);
  background-image: repeating-linear-gradient(
    90deg,
    var(--fh-line) 0 4px,
    transparent 4px 8px
  );
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 100% 1px;
  flex: auto;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 14px;
  padding: 0 4px;
  text-decoration: none;
  transition: color 0.24s;
  display: grid;
  position: relative;
}
.fh__menuIndex {
  font-family: var(--fh-digits);
  letter-spacing: 0.04em;
  font-variant-numeric: tabular-nums;
  color: var(--fh-index);
  font-size: 20px;
  font-weight: 700;
  transition: color 0.24s;
}
.fh__menuLabel {
  font-family: var(--fh-display);
  letter-spacing: -0.84px;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.15;
}
.fh__menuLinks .fh__chevron {
  opacity: 0.4;
  transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.24s;
}
.fh__menuLinks a:before {
  content: "";
  background: var(--fh-progress);
  transform-origin: 50% 0;
  width: 2px;
  transition: transform 0.42s cubic-bezier(0.2, 0.7, 0.2, 1);
  position: absolute;
  top: 18px;
  bottom: 18px;
  left: -20px;
  transform: scaleY(0);
}
.fh__menuLinks a:active,
.fh__menuLinks a:focus-visible {
  color: var(--fh-progress);
}
.fh__menuLinks a:active:before,
.fh__menuLinks a:focus-visible:before {
  transform: scaleY(1);
}
.fh__menuLinks a:active .fh__menuIndex,
.fh__menuLinks a:focus-visible .fh__menuIndex {
  color: var(--fh-progress);
}
@media (hover: hover) {
  .fh__menuLinks a:hover {
    color: var(--fh-progress);
  }
  .fh__menuLinks a:hover:before {
    transform: scaleY(1);
  }
  .fh__menuLinks a:hover .fh__menuIndex {
    color: var(--fh-progress);
  }
  .fh__menuLinks a:hover .fh__chevron--right {
    opacity: 1;
    transform: rotate(-90deg) translateY(3px);
  }
}
.fh__menuActions {
  flex-direction: column;
  flex: none;
  gap: 10px;
  padding-top: 24px;
  display: flex;
}
.fh__menuActions .fh__btn {
  width: 100%;
  min-width: 0;
  height: 52px;
}
.fh__menu .fh__btn--ghost {
  color: var(--fh-ink);
  background: #f1f4f7;
  border-color: #dde3e9;
}
.fh__menuTop {
  background-image: repeating-linear-gradient(
    90deg,
    var(--fh-line) 0 4px,
    transparent 4px 8px
  );
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 100% 1px;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
  padding-bottom: 16px;
  display: flex;
}
.fh__menuTop .fh__menuFootLabel {
  margin-right: auto;
}
.fh__menuTopSep {
  background: var(--fh-line);
  width: 1px;
  height: 20px;
}
.fh__menuTop .fh__lang {
  border: 1px solid var(--fh-line);
  border-radius: 400px;
  gap: 8px;
  height: 40px;
  padding: 0 14px;
}
.fh__menuFoot {
  background-image: repeating-linear-gradient(
    90deg,
    var(--fh-line) 0 4px,
    transparent 4px 8px
  );
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 1px;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-top: 18px;
  padding-top: 18px;
  display: flex;
}
.fh__menuFootLabel {
  letter-spacing: -0.39px;
  text-transform: uppercase;
  color: var(--fh-label);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
}
.fh__menuFoot .fh__lang {
  border: 1px solid var(--fh-line);
  border-radius: 400px;
  gap: 8px;
  height: 40px;
  padding: 0 14px;
}
.fh__menu .lp__pop {
  left: auto;
  right: var(--fh-nav-gutter);
  top: auto;
  bottom: max(16px, env(safe-area-inset-bottom, 0px));
  width: min(420px, calc(100% - var(--fh-nav-gutter) * 2));
  transform-origin: 50% 100%;
  border-radius: 20px;
  max-height: min(70vh, 460px);
  animation: 0.24s cubic-bezier(0.2, 0.7, 0.2, 1) fh-lang-in;
  position: fixed;
  box-shadow: 0 -14px 36px -20px #12243380;
}
.fh__menu .lp__pop:not([hidden]) {
  flex-direction: column;
  display: flex;
}
.fh__menu .lp__list {
  flex: auto;
  min-height: 0;
  max-height: none;
  overflow-y: auto;
}
@keyframes fh-lang-in {
  0% {
    opacity: 0;
    transform: translateY(14px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fh__menuLinks a,
.fh__menuActions,
.fh__menuFoot {
  opacity: 0;
  transition: opacity 0.22s, transform 0.32s cubic-bezier(0.22, 0.61, 0.36, 1),
    color 0.24s;
  transform: translateY(12px);
}
.fh__menu[data-open] .fh__menuLinks a,
.fh__menu[data-open] .fh__menuActions,
.fh__menu[data-open] .fh__menuFoot {
  opacity: 1;
  transition-delay: calc(30ms + var(--i, 0) * 26ms);
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  .fh__scrim,
  .fh__scrim[data-open],
  .fh__menu,
  .fh__menu[data-open],
  .fh__menuLinks a,
  .fh__menuActions,
  .fh__menuFoot,
  .fh__menu[data-open] .fh__menuLinks a,
  .fh__menu[data-open] .fh__menuActions,
  .fh__menu[data-open] .fh__menuFoot {
    transition-duration: 1ms;
    transition-delay: 0s;
  }
  .fh__menu .lp__pop {
    animation: none;
  }
  .fh__burgerBars i {
    transition: none;
  }
}
@media (width<=1280px) {
  .fh__title {
    letter-spacing: -1.7px;
    font-size: 56px;
  }
  .fh__graphic {
    width: 48%;
    padding-left: 0;
  }
  .fh__viewport {
    width: 100%;
  }
  .fh__slide--globe .heroPlanet {
    inset: -8% -26% -52% -42%;
  }
}
@media (width<=1340px) {
  .fh__links,
  .fh__navButtons .fh__btn--ghost,
  .fh__navRight > .lp {
    display: none;
  }
  .fh__brand {
    padding: 0;
  }
  .fh__burger {
    display: inline-flex;
  }
  .fh__nav {
    padding-inline: 28px;
  }
  .fh__burger {
    margin-right: -13px;
  }
}
@media (width>=1341px) {
  .fh__menu,
  .fh__scrim {
    display: none;
  }
}
@media (width<=900px) {
  .fh {
    gap: 48px;
    min-height: 0;
    padding-top: 16px;
  }
  .fh__nav {
    top: var(--fh-nav-top);
    width: calc(100% - var(--fh-nav-gutter) * 2);
  }
  .fh__main {
    flex-direction: column;
    align-items: flex-start;
    width: calc(100% - 48px);
  }
  .fh__graphic {
    align-self: center;
    width: 100%;
    max-width: 520px;
  }
  .bars__chipInner {
    gap: 2px;
    padding: 8px 10px;
  }
  .bars__chipLabel {
    font-size: 11px;
  }
  .bars__chipValue {
    font-size: 12px;
  }
  .bars__chip[data-bar="a"] {
    left: 0;
  }
  .fh__slide--globe .heroPlanet {
    inset: -4% -16% -12%;
  }
  .fh__sliderControls {
    margin-top: 8px;
    position: static;
  }
  .fh__footer {
    flex-direction: column;
    gap: 32px;
  }
  .fh__price {
    flex: none;
    max-width: none;
  }
  .fh__countdown {
    flex-basis: auto;
  }
  .fh__stats {
    white-space: normal;
    flex-direction: column;
    gap: 6px;
  }
  .fh__digits {
    font-size: 48px;
  }
}
@media (width<=480px) {
  .fh__title {
    letter-spacing: -1.3px;
    font-size: 44px;
  }
  .fh__brand span {
    display: none;
  }
  .fh__btn {
    min-width: 140px;
    padding: 0 20px;
  }
}
@media (width<=720px) {
  .fh__frame {
    width: calc(100% - 32px);
  }
  .fh__main {
    width: calc(100% - 64px);
    margin-top: 16px;
  }
  .fh__footer {
    padding: 24px 32px;
  }
  .fh__introText {
    gap: 14px;
  }
  .fh__sliderControls {
    justify-content: space-between;
    width: 100%;
  }
  .fh__brand {
    align-items: center;
    min-height: 44px;
    margin-left: -6px;
    padding: 0 6px;
  }
  .fh__sliderArrow {
    width: 44px;
    height: 44px;
  }
  .fh__segment {
    padding: 21px 0;
    position: relative;
  }
  .fh__segment:after {
    content: "";
    width: 44px;
    height: 44px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
@media (height<=720px) {
  .fh__menuLinks a {
    min-height: 52px;
    max-height: 64px;
  }
  .fh__menuLabel {
    letter-spacing: -0.44px;
    font-size: 22px;
  }
  .fh__menuIndex {
    font-size: 17px;
  }
  .fh__menuActions {
    gap: 8px;
    padding-top: 16px;
  }
  .fh__menuActions .fh__btn {
    height: 46px;
  }
  .fh__menuFoot {
    margin-top: 12px;
    padding-top: 12px;
  }
}
.ff {
  --ff-bg: #edeff1;
  --ff-surface: #fff;
  --ff-line: #dadee2;
  --ff-card: #fff;
  --ff-ink: #2c2e31;
  --ff-title: #122433;
  --ff-muted: #8292a2;
  --ff-indigo: #4042d1;
  --ff-lavender: #b3b5f5;
  --ff-radius: 12px;
  --ff-gap: 14px;
  --ff-pad: 32px;
  --ff-dash-v: repeating-linear-gradient(
    180deg,
    var(--ff-line) 0 8px,
    transparent 8px 16px
  );
  --fh-sans: "Onest Variable", ui-sans-serif, system-ui, -apple-system,
    "Segoe UI", Roboto, sans-serif;
  --fh-display: "NewBlack Typeface", "Onest Variable", ui-sans-serif, system-ui,
    sans-serif;
  --fh-digits: "Doto Variable", "Courier New", monospace;
  background: var(--ff-bg);
  color: var(--ff-ink);
  font-family: var(--fh-sans);
}
.ff__frame {
  background-image: var(--ff-dash-v), var(--ff-dash-v);
  background-position: 0 0, 100% 0;
  background-repeat: no-repeat;
  background-size: 1px 100%, 1px 100%;
  width: min(1560px, 100% - 48px);
  margin: 0 auto;
  padding: 160px clamp(0px, 3.85%, 60px);
}
.ff__inner {
  flex-direction: column;
  gap: 32px;
  display: flex;
}
.ff__title {
  max-width: 972px;
  font-family: var(--fh-display);
  letter-spacing: -1.92px;
  color: var(--ff-title);
  margin: 0;
  font-size: 64px;
  font-weight: 500;
  line-height: 1.12;
}
.ff__titleMuted {
  color: var(--ff-muted);
}
.ff__line {
  margin-bottom: -0.08em;
  padding-bottom: 0.08em;
  display: block;
  overflow: hidden;
}
.ff__lineInner {
  display: block;
}
.ff__grid {
  gap: var(--ff-gap);
  flex-direction: column;
  display: flex;
}
.ff__row {
  gap: var(--ff-gap);
  display: flex;
}
.ff__row > .ff__card {
  min-width: 0;
}
.ff__card--pay {
  flex: 43.194%;
}
.ff__card--fx {
  flex: 55.833%;
}
.ff__card--simple {
  flex: 100%;
}
.ff__card--fast {
  flex: 49.306%;
}
.ff__card--ui {
  flex: 49.722%;
}
.ff__card {
  height: 440px;
  padding: var(--ff-pad);
  border-radius: var(--ff-radius);
  background: var(--ff-card);
  color: var(--ff-ink);
  isolation: isolate;
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
  position: relative;
  overflow: hidden;
}
.ff__text {
  z-index: 2;
  flex-direction: column;
  gap: 13px;
  max-width: 562px;
  display: flex;
  position: relative;
}
.ff__text--pay .ff__cardBody {
  max-width: 287px;
}
.ff__text--ui .ff__cardBody {
  max-width: 397px;
}
.ff__titleRow {
  align-items: center;
  gap: 12px;
  display: flex;
}
.ff__cardTitle {
  letter-spacing: -0.72px;
  color: var(--ff-ink);
  margin: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 0.981;
}
.ff__cardBody {
  letter-spacing: 0.01em;
  color: var(--ff-ink);
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}
.ff__art {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  display: block;
  position: absolute;
}
.ff__art--pay,
.ff__art--fx,
.ff__art--ui {
  width: 100%;
  bottom: 0;
}
.ff__art--pay {
  max-width: 622px;
  left: max(0px, 50% - 311px);
}
.ff__art--fx {
  max-width: 804px;
  left: max(0px, 50% - 402px);
}
.ff__art--ui {
  max-width: 716px;
  left: max(0px, 50% - 358px);
}
.ff__art--fast {
  width: 100%;
  max-width: 710px;
  top: 0;
  left: 0;
}
.ff__card--simple {
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  height: 334px;
}
.ff__simpleCopy {
  z-index: 2;
  flex-direction: column;
  flex: none;
  justify-content: space-between;
  width: 651px;
  max-width: 47%;
  display: flex;
  position: relative;
}
.ff__simpleCopy .ff__text {
  gap: 12px;
  max-width: none;
}
.ff__art--simple {
  width: min(747px, 52%);
  top: 0;
  right: 0;
}
.ff__card--fast {
  justify-content: space-between;
}
.ff__chip {
  z-index: 3;
  background: var(--ff-surface);
  letter-spacing: -0.28px;
  height: 34px;
  color: var(--ff-chipInk, var(--ff-ink));
  white-space: nowrap;
  border-radius: 46px;
  align-self: flex-start;
  align-items: center;
  gap: 6.75px;
  padding: 0 14.75px;
  font-size: 14px;
  font-weight: 600;
  display: inline-flex;
  position: relative;
}
.ff__chip img {
  width: 20px;
  height: 20px;
  display: block;
}
.ff[data-motion="pending"] .ff__title,
.ff[data-motion="pending"] .ff__card {
  visibility: hidden;
}
.ff__card {
  will-change: transform;
}
@media (width<=1280px) {
  .ff__frame {
    padding-top: 112px;
    padding-bottom: 112px;
  }
  .ff__title {
    letter-spacing: -1.5px;
    font-size: 52px;
  }
}
@media (width<=1024px) {
  .ff__row {
    flex-direction: column;
  }
  .ff__row > .ff__card {
    flex: none;
  }
  .ff__card--simple {
    flex-direction: column;
    gap: 24px;
    height: auto;
  }
  .ff__simpleCopy {
    gap: 24px;
    width: 100%;
    max-width: none;
  }
  .ff__art--simple {
    align-self: center;
    width: 100%;
    max-width: 747px;
    position: relative;
    right: auto;
  }
}
@media (width<=720px) {
  .ff__frame {
    width: calc(100% - 32px);
    padding: 64px 16px;
  }
  .ff__title {
    letter-spacing: -0.03em;
    font-size: clamp(26px, 8.65vw, 34px);
  }
  .ff__title .ff__lineInner {
    text-wrap: balance;
  }
  .ff__card {
    --ff-pad: 16px;
    height: auto;
    min-height: 0;
    padding: 32px var(--ff-pad) 0;
    gap: var(--ff-cardGap, 30px);
  }
  .ff__card--pay {
    --ff-cardGap: 98px;
  }
  .ff__card--ui {
    --ff-cardGap: 50px;
  }
  .ff__card--simple {
    --ff-cardGap: 12px;
    gap: var(--ff-cardGap);
  }
  .ff__card--simple .ff__simpleCopy {
    flex: none;
    justify-content: flex-start;
    height: 190px;
  }
  .ff__card--simple .ff__simpleCopy > * {
    flex: none;
  }
  .ff__text,
  .ff__text--pay .ff__cardBody,
  .ff__text--ui .ff__cardBody {
    max-width: none;
  }
  .ff__art--pay,
  .ff__art--fx,
  .ff__art--fast,
  .ff__art--ui,
  .ff__art--simple {
    width: auto;
    max-width: none;
    margin: 0 calc(var(--ff-pad) * -1);
    align-self: stretch;
    position: relative;
    inset: auto;
  }
  .ff__card--fast .ff__text {
    order: 1;
  }
  .ff__card--fast .ff__il {
    order: 2;
  }
  .ff__chip {
    align-self: center;
    margin-left: auto;
  }
  .ff__simpleCopy {
    gap: 24px;
    width: 100%;
    max-width: none;
  }
  .ff__card--simple .ff__il {
    margin-top: 56px;
    -webkit-mask-image: linear-gradient(#0000 0, #000 48px);
    mask-image: linear-gradient(#0000 0, #000 48px);
  }
}
.ff__il {
  --il-surface: #fff;
  --il-ink: #2c2e31;
  --il-label: #a2a6aa;
  --il-line: #e0e0e0;
  --il-pboxLine: #dadee2;
  --il-toastLine: #e8e8e8;
  --il-sep: #a8a8a8;
  --il-mute: #e4e4e4;
  --il-tintLine: #d6e0f3;
  --il-okBg: #f1fbf6;
  --il-okLine: #d9f1e6;
  --il-indigo: #4042d1;
  --il-lavender: #b3b5f5;
  --il-figure: #000;
  --il-bodyMute: #2c2e31a3;
  --il-onGlass: #fff;
  --il-inkOnLight: #2c2e31;
  --il-cardDark: #0b0f13;
  --il-cardLine: #0000000f;
  --il-subtle: #999;
  --il-panelLine: #0000001f;
  --il-rowInk: #080d10;
  --il-rowInkOn: #fff;
  --il-w-metamask: #ff8d5d3d;
  --il-w-walletconnect: #3b99fc0a;
  --il-w-coinbase: #0e5bff1f;
  --il-w-phantom: #ab9ff21f;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  font-family: var(--fh-sans);
  color: var(--il-ink);
  line-height: normal;
  display: block;
}
.ff__stage {
  transform-origin: 0 0;
  transform: scale(var(--k, 1));
  position: absolute;
  top: 0;
  left: 0;
}
.ff__stage > *,
.il-svg {
  box-sizing: border-box;
  position: absolute;
}
.il-svg svg {
  width: 100%;
  height: 100%;
  display: block;
  overflow: visible;
}
.il-mono {
  font-family: var(--fh-digits);
  font-variation-settings: "ROND" 0;
}
.il-count {
  display: inline-block;
}
.il-dots {
  background-image: radial-gradient(circle, #1224331f 1px, #0000 1.4px);
  background-position: 14px 14px;
  background-size: 28px 28px;
  -webkit-mask-image: linear-gradient(#0000 0%, #000 30%);
  mask-image: linear-gradient(#0000 0%, #000 30%);
}
.il-ring {
  border: 1px solid #ffffff8c;
  border-radius: 50%;
}
.il-ring--bold {
  border-width: 2px;
  border-color: #fff6;
}
.il-phone,
.il-phone__glow,
.il-phone__chip,
.il-phone__swap,
.il-pay__blob,
.il-fx__bank,
.il-fx__wallet,
.il-fx__glow,
.il-fx__mark,
.il-simple__blob,
.il-simple__ring,
.il-simple__logo,
.il-simple__hub,
.il-simple__swap,
.il-fast__blob,
.il-fast__bolt,
.il-fast__pill,
.il-fast__spark,
.il-ui__blob,
.il-ui__row {
  will-change: transform;
}
.il-phone {
  width: 277.3px;
  height: 562px;
}
.il-phone__frame {
  z-index: 0;
}
.il-phone__screen {
  z-index: 1;
  background: var(--il-surface);
  border-radius: 34px;
  width: 249px;
  height: 540px;
  font-size: 9.06px;
  position: absolute;
  overflow: hidden;
}
.il-phone__screen > * {
  position: absolute;
}
.il-phone__island {
  z-index: 2;
  background: #050505;
  border-radius: 12px;
  width: 80px;
  height: 23px;
  display: block;
  position: absolute;
}
.il-phone__island:after {
  content: "";
  background: radial-gradient(
    circle at 40% 40%,
    #3a3a44 0%,
    #14141a 55%,
    #050505 100%
  );
  border-radius: 50%;
  width: 7px;
  height: 7px;
  position: absolute;
  top: 8px;
  right: 9px;
}
.il-pbox {
  border: 0.566px solid var(--il-pboxLine);
  background: var(--il-surface);
  border-radius: 9.06px;
  width: 226.4px;
  height: 67.9px;
}
.il-pbox__col {
  white-space: nowrap;
  flex-direction: column;
  gap: 4.5px;
  display: flex;
  position: absolute;
}
.il-pbox__label {
  font-size: 9.06px;
}
.il-pbox__amount {
  letter-spacing: -0.48px;
  font-size: 18.1px;
  font-weight: 500;
  line-height: 1.15;
}
.il-pbox__amount i {
  color: var(--il-label);
  font-style: normal;
}
.il-pbox__sub {
  color: var(--il-subtle);
  font-size: 6.79px;
}
.il-pbox__caret {
  background: var(--il-indigo);
  opacity: 0;
  width: 1.5px;
  height: 15px;
  margin: 0 1px -2px;
  display: inline-block;
}
.il-phone__glare {
  opacity: 0;
  pointer-events: none;
  background: linear-gradient(100deg, #fff0 0%, #ffffff73 50%, #fff0 100%);
  width: 45%;
  height: 100%;
  top: 0;
  left: 0;
}
.il-pbox__bar {
  background: #dadee252;
  border-radius: 32px;
  height: 5.09px;
  position: absolute;
}
.il-fx__bank,
.il-fx__wallet {
  border-radius: 12px;
  width: 402px;
  height: 218px;
  overflow: hidden;
}
.il-fx__bank {
  border: 1px solid var(--il-cardLine);
  background: var(--il-surface);
}
.il-fx__bank > *,
.il-fx__wallet > * {
  position: absolute;
}
.il-fx__wallet {
  background: var(--il-cardDark);
}
.il-fx__temple {
  display: block;
}
.il-fx__tag {
  letter-spacing: -0.28px;
  white-space: nowrap;
  border-radius: 46px;
  align-items: center;
  height: 34px;
  padding: 0 14.75px;
  font-size: 14px;
  font-weight: 600;
  display: inline-flex;
  overflow: hidden;
}
.il-fx__tag--bank {
  background: var(--il-surface);
  color: var(--il-inkOnLight);
}
.il-fx__tag--masked {
  color: #fff;
  background: #ffffff3d;
}
.il-fx__tag--wallet {
  color: #fff;
  background: #ffffff1f;
}
.il-fx__tag--addr {
  -webkit-backdrop-filter: blur(17.75px);
  backdrop-filter: blur(17.75px);
  color: #fff;
  background: #ffffff0f;
}
.il-fx__addrText {
  display: block;
}
.il-fx__sheen {
  opacity: 0;
  background: linear-gradient(90deg, #fff0 0%, #ffffff47 50%, #fff0 100%);
  width: 30%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.il-fx--m .il-fx__dots {
  display: none;
}
.il-fx--m .il-fx__wire {
  stroke: #8688e8;
  stroke-width: 1.25px;
}
.il-fx--m .il-fx__wireEnd {
  fill: #8688e8;
}
.il-fx__feeTag {
  z-index: 2;
  background: var(--il-surface);
  letter-spacing: -0.2px;
  text-transform: uppercase;
  color: #02774d;
  white-space: nowrap;
  opacity: 0;
  border-radius: 46px;
  align-items: center;
  height: 24px;
  padding: 0 10px;
  font-size: 11px;
  font-weight: 700;
  display: inline-flex;
  box-shadow: 0 4px 12px #1224331f;
}
.il-fx__ring {
  opacity: 0;
  will-change: transform, opacity;
  border: 1px solid #b3b5f5e6;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  margin: -10px 0 0 -10px;
}
.il-fx__wires {
  z-index: 2;
  pointer-events: none;
  overflow: visible;
}
.il-fx__wire {
  fill: none;
  stroke: var(--il-indigo);
  stroke-width: 1.5px;
  stroke-linecap: round;
  opacity: 0.9;
}
.il-fx__wireEnd {
  fill: var(--il-indigo);
  stroke: var(--il-surface);
  stroke-width: 1.5px;
}
.il-fx__packet {
  z-index: 3;
  background: var(--il-lavender);
  opacity: 0;
  will-change: transform;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  box-shadow: 0 0 0 3px #ffffffe6, 0 4px 10px #12243340;
}
.il-simple__haze {
  opacity: 0.2;
}
.il-simple__node {
  align-items: center;
  display: inline-flex;
}
.il-simple__btc {
  border: 0.96px solid var(--il-line);
  background: var(--il-surface);
  white-space: nowrap;
  border-radius: 17.3px;
  gap: 7.7px;
  height: 38px;
  padding: 0 15.4px 0 3.85px;
  font-size: 15.4px;
  font-weight: 600;
}
.il-simple__btc img {
  display: block;
}
.il-simple__wise {
  border: 1px solid var(--il-surface);
  background: #ffffff1f;
  border-radius: 14.1px;
  width: 78px;
  height: 30px;
  overflow: hidden;
}
.il-simple__wise span {
  background: var(--il-onGlass);
  width: 55.5px;
  height: 13.6px;
  position: absolute;
  top: 8.46px;
  left: 10.34px;
  -webkit-mask-size: 55.5px 13.5px;
  mask-size: 55.5px 13.5px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.il-simple__hub {
  background: var(--il-surface);
  border-radius: 50%;
  justify-content: center;
  width: 62px;
  height: 62px;
}
.il-simple__hub img {
  margin-top: 3px;
  display: block;
}
.il-simple__rails {
  pointer-events: none;
  overflow: visible;
}
.il-simple__rail {
  fill: none;
  stroke: #ffffffb3;
  stroke-width: 1.5px;
  stroke-linecap: round;
}
.il-simple__beam {
  z-index: 3;
  background: var(--il-onGlass);
  opacity: 0;
  will-change: transform;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  margin: -4px 0 0 -4px;
  top: 0;
  left: 0;
  box-shadow: 0 0 0 2px #4042d1e6, 0 0 10px #b3b5f5e6;
}
.il-simple__railDot {
  z-index: 3;
  border: 1.5px solid var(--il-surface);
  background: var(--il-indigo);
  opacity: 0;
  border-radius: 50%;
  width: 7px;
  height: 7px;
}
.il-simple__logo {
  will-change: transform, filter;
}
.il-simple__orbit {
  will-change: transform;
  border-radius: 50%;
}
.il-simple__orbit i {
  background: var(--il-onGlass);
  border-radius: 50%;
  width: 6px;
  height: 6px;
  margin-left: -3px;
  position: absolute;
  top: -3px;
  left: 50%;
  box-shadow: 0 0 0 3px #ffffff59;
}
.il-simple__hubHalo {
  border: 1.5px solid var(--il-indigo);
  opacity: 0;
  will-change: transform, opacity;
  border-radius: 50%;
  position: absolute;
  inset: 0;
}
.il-simple__swap {
  z-index: 2;
  border: 3px solid var(--il-surface);
  background: var(--il-indigo);
  -webkit-backdrop-filter: blur(21.6px);
  backdrop-filter: blur(21.6px);
  border-radius: 50%;
  place-items: center;
  width: 28px;
  height: 28px;
  display: grid;
}
.il-simple__stack {
  flex-direction: column;
  gap: 4px;
  width: 200px;
  display: flex;
}
.il-rc {
  border: 1px solid var(--il-tintLine);
  background: var(--il-surface);
  letter-spacing: -0.24px;
  border-radius: 16px;
  flex-direction: column;
  gap: 13px;
  padding: 16px 12px;
  font-size: 12px;
  display: flex;
}
.il-rc__row {
  flex-direction: column;
  gap: 4px;
  display: flex;
}
.il-rc__head {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
.il-rc__bank {
  gap: 4px;
  display: flex;
}
.il-rc__bank span {
  flex-direction: column;
  display: flex;
}
.il-rc__bank b {
  font-weight: 600;
}
.il-rc__bank small {
  color: var(--il-label);
  white-space: nowrap;
  font-size: 12px;
  font-weight: 500;
}
.il-rc__badge {
  border: 0.535px solid var(--il-okLine);
  background: var(--il-okBg);
  letter-spacing: -0.2px;
  text-transform: uppercase;
  color: #02774d;
  white-space: nowrap;
  border-radius: 16px;
  align-items: center;
  gap: 4px;
  padding: 4px 6px;
  font-size: 10px;
  font-weight: 700;
  display: flex;
}
.il-rc__label {
  letter-spacing: -0.28px;
  font-size: 14px;
}
.il-rc__amount {
  letter-spacing: -0.72px;
  color: var(--il-figure);
  font-size: 24px;
  font-weight: 500;
  overflow: hidden;
}
.il-rc__amount i {
  color: var(--il-sep);
  font-style: normal;
}
.il-rc__rule {
  background: var(--il-mute);
  height: 1px;
}
.il-rc__line {
  color: var(--il-label);
  white-space: nowrap;
  flex-direction: row;
  justify-content: space-between;
  font-weight: 500;
}
.il-rc__line .il-mono {
  color: var(--il-figure);
  font-weight: 700;
}
.il-toast {
  border: 1px solid var(--il-toastLine);
  letter-spacing: -0.24px;
  color: #fff;
  white-space: nowrap;
  background: linear-gradient(#12243300 28.8%, #121212 82.78%), #000;
  border-radius: 16px;
  gap: 10px;
  padding: 12px;
  font-size: 12px;
  display: flex;
  box-shadow: 0 4px 4.5px #8f8f8f1a, 0 17px 8.5px #8f8f8f17,
    0 38px 11.5px #8f8f8f0d;
}
.il-toast img {
  transform: rotate(90deg);
}
.il-toast span {
  flex-direction: column;
  gap: 3px;
  display: flex;
}
.il-toast small {
  letter-spacing: 0;
  color: #f9ff38;
  font-size: 14px;
  font-weight: 700;
}
.il-simple__turn {
  overflow: hidden;
  transform: rotate(90deg);
}
.il-simple__turn > * {
  box-sizing: border-box;
  position: absolute;
}
.il-simple--m .il-simple__btc,
.il-simple--m .il-simple__logo,
.il-simple--m .il-simple__hub,
.il-simple--m .il-simple__swap,
.il-simple--m .il-simple__stack {
  transform: rotate(-90deg);
}
.il-simple--m .il-simple__hub {
  width: 48px;
  height: 48px;
}
.il-fast__line {
  background: var(--il-indigo);
  height: 1px;
}
.il-fast__outline svg path {
  vector-effect: non-scaling-stroke;
}
.il-fast__bolt {
  will-change: transform, filter;
}
.il-fast__hl {
  opacity: 0;
  will-change: transform;
  background: linear-gradient(
    90deg,
    #b3b5f500 0%,
    #b3b5f5f2 50%,
    #b3b5f500 100%
  );
  border-radius: 2px;
  width: 80px;
  height: 3px;
  margin-left: -40px;
}
.il-fast__sheen {
  pointer-events: none;
  overflow: hidden;
  -webkit-mask-image: url(/figma/bento/imgVector6.svg);
  mask-image: url(/figma/bento/imgVector6.svg);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.il-fast__sheen i {
  will-change: transform;
  background: linear-gradient(105deg, #fff0 30%, #ffffffbf 50%, #fff0 70%);
  width: 100%;
  height: 140%;
  position: absolute;
  top: -20%;
  left: 0;
  transform: translate(-130%);
}
.il-fast__outlineRun {
  filter: drop-shadow(0 0 3px #ffffffe6);
}
.il-fast__lineGlow {
  background: linear-gradient(
    90deg,
    #b3b5f533,
    var(--il-lavender) 40%,
    var(--il-indigo)
  );
  opacity: 0;
  transform-origin: 0;
  will-change: transform, opacity;
  border-radius: 2px;
  height: 4px;
  box-shadow: 0 0 8px #b3b5f5cc;
}
.il-fast__streak {
  opacity: 0;
  will-change: transform, opacity;
  background: linear-gradient(90deg, #b3b5f500, #b3b5f5e6);
  border-radius: 1px;
  width: 46px;
  height: 2px;
}
.il-fast__halo {
  opacity: 0;
  will-change: transform, opacity;
  border: 1.5px solid #4042d1b3;
  border-radius: 50%;
  width: 100px;
  height: 100px;
}
.il-fast__glide {
  opacity: 0;
  filter: drop-shadow(0 0 4px #4042d199);
  will-change: transform;
  margin: -7px 0 0 -6px;
}
.il-fast__lineFill {
  background: linear-gradient(90deg, var(--il-lavender), var(--il-indigo));
  opacity: 0;
  transform-origin: 0;
  will-change: transform;
  border-radius: 1px;
  height: 2px;
}
.il-fast__flash {
  opacity: 0;
  will-change: transform, opacity;
  background: radial-gradient(
    circle,
    #fffffff2 0%,
    #b3b5f580 40%,
    #b3b5f500 70%
  );
  border-radius: 50%;
  width: 160px;
  height: 160px;
}
.il-fast__pill {
  letter-spacing: -0.39px;
  text-transform: uppercase;
  color: #fff;
  white-space: nowrap;
  border-radius: 46px;
  align-items: center;
  gap: 8px;
  height: 34px;
  padding: 0 14.75px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
  display: inline-flex;
}
.il-fast__pill img {
  display: block;
}
.il-fast__pill--local {
  background: #121212;
  gap: 8px;
}
.il-fast__pill--same {
  background: var(--il-lavender);
  gap: 6.75px;
}
.il-fast--m .il-fast__lineGlow {
  background: linear-gradient(
    180deg,
    #b3b5f533,
    var(--il-lavender) 40%,
    var(--il-indigo)
  );
  transform-origin: 50% 0;
}
.il-fast--m .il-fast__lineFill {
  background: linear-gradient(180deg, var(--il-lavender), var(--il-indigo));
  transform-origin: 50% 0;
}
.il-fast--m .il-fast__hl {
  background: linear-gradient(#b3b5f500 0%, #b3b5f5f2 50%, #b3b5f500 100%);
  width: 3px;
  height: 80px;
  margin: -40px 0 0 -1px;
}
.il-fast--m .il-fast__streak {
  background: linear-gradient(#b3b5f500, #b3b5f5e6);
  width: 2px;
  height: 46px;
}
.il-fast--m .il-fast__pill {
  justify-content: center;
}
.il-fast--m .il-fast__pill--same {
  border: 1px solid #ffffff85;
}
.il-fast__blobBox {
  overflow: hidden;
}
.il-fast__blobInner {
  filter: blur(9.65px);
  width: 328px;
  height: 394px;
  position: absolute;
  top: 50%;
  left: 50%;
  overflow: hidden;
  transform: translate(-50%, -50%) rotate(90deg) scaleY(-1);
}
.il-fast__blobInner img {
  max-width: none;
  position: absolute;
}
.il-ui__dots {
  background-image: radial-gradient(circle, #1224331f 1px, #0000 1.4px);
  background-position: 14px 14px;
  background-size: 28px 28px;
  -webkit-mask-image: linear-gradient(#000 60%, #0000 100%);
  mask-image: linear-gradient(#000 60%, #0000 100%);
}
.il-ui__panel {
  border: 1px solid var(--il-panelLine);
  background: var(--il-surface);
  border-radius: 12px;
  gap: 24px;
  padding-left: 24px;
  display: flex;
  overflow: hidden;
}
.il-ui__intro {
  flex-direction: column;
  justify-content: space-between;
  width: 222px;
  padding: 24px 0;
  display: flex;
}
.il-ui__introTop {
  flex-direction: column;
  gap: 12px;
  display: flex;
}
.il-ui__introTop img {
  display: block;
}
.il-ui__introTop b {
  color: var(--il-ink);
  letter-spacing: -0.54px;
  white-space: nowrap;
  font-size: 18px;
  font-weight: 500;
  line-height: 0.981;
}
.il-ui__intro p {
  letter-spacing: 0.14px;
  color: var(--il-bodyMute);
  margin: 0;
  font-size: 14px;
  line-height: 1.6;
}
.il-ui__rows {
  flex-direction: column;
  width: 203px;
  display: flex;
}
.il-ui__row {
  letter-spacing: -0.39px;
  text-transform: uppercase;
  color: var(--il-rowInk);
  white-space: nowrap;
  align-items: center;
  gap: 10px;
  padding: 16px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
  display: flex;
  position: relative;
}
.il-ui__row img {
  will-change: filter;
  border-radius: 50%;
  display: block;
}
.il-ui__row {
  will-change: transform, background-color;
}
.il-ui__row--metamask {
  background: var(--il-w-metamask);
  border-top-right-radius: 11px;
}
.il-ui__row--walletconnect {
  background: var(--il-w-walletconnect);
}
.il-ui__row--coinbase {
  background: var(--il-w-coinbase);
}
.il-ui__row--phantom {
  background: var(--il-w-phantom);
  border-bottom-right-radius: 11px;
}
.il-ui__sheen {
  opacity: 0;
  pointer-events: none;
  z-index: 1;
  background: linear-gradient(#fff0 0%, #ffffff8c 50%, #fff0 100%);
  width: 100%;
  height: 40%;
  position: absolute;
  top: 0;
  left: 0;
}
.il-ui__cursor {
  background-color: var(--cur-ink, #4042d2);
  z-index: 4;
  opacity: 0;
  width: 22px;
  height: 22px;
  filter: drop-shadow(0 0 1.5px var(--cur-halo, #fff))
    drop-shadow(0 2px 3px var(--cur-cast, #1224334d));
  will-change: transform;
  top: 0;
  left: 0;
  -webkit-mask: url(/figma/simple/imgCursor2StreamlineNova.svg) 50% / contain
    no-repeat;
  mask: url(/figma/simple/imgCursor2StreamlineNova.svg) 50% / contain no-repeat;
}
.il-ui__linkWrap {
  width: 20px;
  height: 20px;
  display: block;
  position: relative;
}
.il-ui__linkOk {
  border: 1.5px solid var(--il-surface);
  opacity: 0;
  background: #02774d;
  border-radius: 50%;
  width: 9px;
  height: 9px;
  position: absolute;
  top: -4px;
  right: -4px;
}
.il-ui__avatar {
  opacity: 0;
  will-change: transform;
  border-radius: 50%;
  position: absolute;
  top: -2px;
  left: 28px;
}
.il-ui__progress {
  opacity: 0;
  background: #2c2e3114;
  border-radius: 1px;
  width: 100%;
  height: 2px;
  margin-top: -4px;
  display: block;
  overflow: hidden;
}
.il-ui__progress i {
  background: var(--il-indigo);
  transform-origin: 0;
  width: 100%;
  height: 100%;
  display: block;
  transform: scaleX(0);
}
.il-ui__intro p {
  min-height: 3.2em;
}
.il-ui__click {
  z-index: 3;
  border: 2.5px solid var(--il-indigo);
  opacity: 0;
  pointer-events: none;
  background: #4042d138;
  border-radius: 50%;
  width: 44px;
  height: 44px;
  margin: -22px 0 0 -22px;
  top: 0;
  left: 0;
  box-shadow: 0 0 0 1px #fffc;
}
.il-ui__hi {
  opacity: 0;
  background: #4042d114;
  position: absolute;
  inset: 0;
}
.il-ui--m .il-ui__panel {
  flex-direction: column;
  width: 330px;
  height: 442px;
}
.il-ui--m .il-ui__intro {
  justify-content: flex-start;
  gap: 16px;
  width: auto;
  height: 168px;
  padding: 24px 24px 24px 0;
}
.il-ui--m .il-ui__introTop b {
  letter-spacing: -0.6px;
  font-size: 20px;
}
.il-ui--m .il-ui__intro p {
  width: 222px;
}
.il-ui--m .il-ui__rows {
  width: 280px;
}
.il-ui--m .il-ui__row {
  letter-spacing: -0.42px;
  font-size: 14px;
}
.fs {
  --fs-bg: #e6e9ed;
  --fs-surface: #fff;
  --fs-line: #c5cbd1;
  --fs-ink: #122433;
  --fs-text: #2c2e31;
  --fs-muted: #7c858d;
  --fs-cursor: #4042d2;
  --fs-cursor-ink: #fff;
  --fs-hi: var(--fs-cursor);
  --fs-hi-marker: #c5cbd1;
  --fs-hi-dot: #c5cbd1;
  --fs-hi-chip-bg: #fff;
  --fs-hi-chip-ink: #2c2e31;
  --fs-hi-chip-on-ink: var(--fs-cursor-ink);
  --fs-hi-icon: invert(1);
  --fs-hi-icon-rest: invert(0);
  --fs-dash-v: repeating-linear-gradient(
    180deg,
    var(--fs-line) 0 8px,
    transparent 8px 16px
  );
  --fs-dash-h: repeating-linear-gradient(
    90deg,
    var(--fs-line) 0 8px,
    transparent 8px 16px
  );
  --fh-sans: "Onest Variable", ui-sans-serif, system-ui, -apple-system,
    "Segoe UI", Roboto, sans-serif;
  --fh-display: "NewBlack Typeface", "Onest Variable", ui-sans-serif, system-ui,
    sans-serif;
  background: var(--fs-bg);
  color: var(--fs-text);
  font-family: var(--fh-sans);
}
.fs__inner {
  background-image: var(--fs-dash-v), var(--fs-dash-v);
  background-position: 0 0, 100% 0;
  background-repeat: no-repeat;
  background-size: 1px 100%, 1px 100%;
  flex-direction: column;
  align-items: center;
  gap: 50px;
  width: min(1560px, 100% - 48px);
  margin: 0 auto;
  padding: 90px 0;
  display: flex;
}
.fs__title {
  max-width: 972px;
  font-family: var(--fh-display);
  letter-spacing: -1.92px;
  text-align: center;
  color: var(--fs-ink);
  margin: 0;
  font-size: 64px;
  font-weight: 500;
  line-height: 1.12;
}
.fs__titleMuted {
  color: #1224337a;
}
.fs__line {
  margin-bottom: -0.08em;
  padding-bottom: 0.08em;
  display: block;
  overflow: hidden;
}
.fs__lineInner {
  display: block;
}
.fs__band {
  background-image: var(--fs-dash-h), var(--fs-dash-h),
    radial-gradient(circle at center, #1224331a 1px, transparent 1.4px);
  background-position: 0 0, 0 100%, 14px 14px;
  background-repeat: no-repeat, no-repeat, repeat;
  background-size: 100% 1px, 100% 1px, 28px 28px;
  width: 100%;
  position: relative;
}
.fs .ff__il.fs__orbit {
  pointer-events: none;
  width: 100%;
  position: relative;
}
.fs__ring {
  transform-origin: 50%;
  will-change: transform;
  transform: rotate(-15deg) skew(30deg) scaleY(0.87);
}
.fs__glow {
  opacity: var(--fs-glow, 1);
  transform-origin: 50%;
  will-change: opacity;
}
.fs__hub,
.fs__chip,
.fs__group,
.fs__badge,
.fs__cursor,
.fs__cursorIcon,
.fs__marker,
.fs__markerHalo {
  will-change: transform;
}
.fs__chip {
  background: var(--fs-surface);
  letter-spacing: -0.28px;
  white-space: nowrap;
  border-radius: 46px;
  align-items: center;
  gap: 6.75px;
  height: 34px;
  padding: 0 14.75px;
  font-size: 14px;
  font-weight: 600;
  display: flex;
}
.fs__hub {
  border: 1.5px solid var(--fs-line);
  background: var(--fs-surface);
  border-radius: 50%;
  place-items: center;
  width: 120px;
  height: 120px;
  display: grid;
}
.fs__cursor {
  z-index: 6;
  width: 24px;
  height: 24px;
}
.fs__cursorIcon {
  background-color: var(--cur-ink, #4042d2);
  width: 24px;
  height: 24px;
  filter: drop-shadow(0 0 1.5px var(--cur-halo, #fff))
    drop-shadow(0 2px 3px var(--cur-cast, #1224334d));
  display: block;
  -webkit-mask: url(/figma/simple/imgCursor2StreamlineNova.svg) 50% / contain
    no-repeat;
  mask: url(/figma/simple/imgCursor2StreamlineNova.svg) 50% / contain no-repeat;
}
.fs__badge {
  z-index: 5;
  background: var(--fs-cursor);
  letter-spacing: -0.39px;
  text-transform: uppercase;
  color: var(--fs-cursor-ink);
  white-space: nowrap;
  border-radius: 46px;
  padding: 4px 12px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
  box-shadow: 0 6px 16px -6px #12243359;
}
.fs__group {
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}
.fs__groupLabel {
  letter-spacing: -0.39px;
  text-transform: uppercase;
  width: min-content;
  min-width: 100%;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
}
.fs__coins {
  background: #bec5cd;
  border-radius: 55px;
  padding: 2px;
  display: block;
}
.fs__coinsInner {
  background: var(--fs-surface);
  border-radius: 400px;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
}
.fs__coin {
  width: 32px;
  height: 32px;
  display: block;
}
.fs__dot {
  background: var(--fs-line);
  border-radius: 50%;
  width: 12px;
  height: 12px;
}
.fs__marker {
  border: 2px solid var(--fs-line);
  background: var(--fs-bg);
  border-radius: 50%;
  width: 38px;
  height: 38px;
}
.fs__markerHalo {
  border: 2px solid var(--fs-cursor);
  opacity: 0;
  pointer-events: none;
  border-radius: 50%;
  position: absolute;
  inset: -2px;
}
.fs__foot {
  flex-direction: column;
  align-items: center;
  gap: 24px;
  margin-top: 22px;
  display: flex;
}
.fs__body {
  letter-spacing: 0.16px;
  text-align: center;
  max-width: 1022px;
  margin: 0;
  font-size: 16px;
  line-height: 1.6;
}
.fs__pill {
  border: 1px solid var(--fs-line);
  border-radius: 46px;
  align-items: center;
  gap: 16px;
  padding: 0 48px;
  display: flex;
}
.fs__pillItems {
  letter-spacing: -0.39px;
  text-transform: uppercase;
  color: var(--fs-muted);
  white-space: nowrap;
  align-items: center;
  gap: 16px;
  padding: 16px 0;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
  display: flex;
}
.fs__pillItems i {
  background: var(--fs-muted);
  border-radius: 50%;
  width: 3px;
  height: 3px;
}
.fs[data-motion="pending"] .fs__title,
.fs[data-motion="pending"] .fs__orbit,
.fs[data-motion="pending"] .fs__foot {
  visibility: hidden;
}
.fs__turn {
  transform: rotate(-75deg);
}
.fs__turn > * {
  box-sizing: border-box;
  position: absolute;
}
.fs__plate {
  z-index: 0;
}
.fs__orbit--m .fs__group[data-group="stable"],
.fs__orbit--m .fs__group[data-group="fiat"] {
  align-items: center;
}
.fs__orbit--m .fs__group[data-group="stable"] .fs__groupLabel,
.fs__orbit--m .fs__group[data-group="fiat"] .fs__groupLabel {
  text-align: center;
}
.fs .ff__il.fs__orbit--m {
  overflow: hidden;
}
@media (width<=1280px) {
  .fs__inner {
    padding: 72px 0;
  }
  .fs__title {
    letter-spacing: -1.5px;
    font-size: 52px;
  }
}
@media (width<=720px) {
  .fs__inner {
    gap: 32px;
    width: calc(100% - 32px);
    padding: 64px 0;
  }
  .fs__title,
  .fs__foot {
    padding-inline: 16px;
  }
  .fs__title {
    letter-spacing: -1.2px;
    font-size: 40px;
  }
  .fs__pill {
    padding: 0 24px;
  }
  .fs__pillItems {
    gap: 10px;
  }
}
.ec-il {
  aspect-ratio: 800/640;
  --ec-surface: #fff;
  --ec-rule: #f2f4f8;
  --ec-okBg: #f4fbf8;
  --ec-okLine: #d9f1e6;
  --ec-chip: #122433;
  --ec-chipInk: #fff;
  --ec-strong: #122433;
  --ec-ink: #2c2e31;
  --ec-muted: #7c858d;
  --ec-indigo: #4042d1;
  --ec-lavender: #b3b5f5;
  --ec-green: #02774d;
  --ec-line: #e0e0e0;
  --ec-soft: #eef0f5;
}
.ec-caption {
  letter-spacing: -0.39px;
  text-transform: uppercase;
  color: var(--ec-muted);
  white-space: nowrap;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
}
.ec-chip {
  border: 1px solid var(--ec-line);
  background: var(--ec-surface);
  letter-spacing: -0.24px;
  text-transform: uppercase;
  height: 34px;
  color: var(--ec-ink);
  white-space: nowrap;
  border-radius: 17px;
  align-items: center;
  gap: 8px;
  padding: 0 14px;
  font-size: 12px;
  font-weight: 700;
  display: inline-flex;
}
.ec-live {
  letter-spacing: -0.2px;
  text-transform: uppercase;
  color: var(--ec-green);
  align-items: center;
  gap: 6px;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  display: inline-flex;
}
.ec-live i {
  background: var(--ec-green);
  border-radius: 50%;
  width: 6px;
  height: 6px;
  animation: 1.8s ease-in-out infinite ec-blink;
  box-shadow: 0 0 0 3px #02774d26;
}
@keyframes ec-blink {
  0%,
  to {
    opacity: 1;
  }
  50% {
    opacity: 0.35;
  }
}
.ec-run__card {
  border: 1px solid var(--ec-line);
  background: var(--ec-surface);
  border-radius: 18px;
  width: 560px;
  overflow: hidden;
}
.ec-run__head {
  border-bottom: 1px solid var(--ec-soft);
  justify-content: space-between;
  align-items: center;
  height: 54px;
  padding: 0 20px;
  display: flex;
}
.ec-run__head b {
  color: var(--ec-ink);
  font-size: 14.5px;
  font-weight: 600;
}
.ec-run__row {
  border-bottom: 1px solid var(--ec-rule);
  grid-template-columns: 22px 1fr 120px 92px;
  align-items: center;
  gap: 14px;
  height: 58px;
  padding: 0 20px;
  display: grid;
}
.ec-run__box {
  border: 1.5px solid var(--ec-line);
  background: var(--ec-surface);
  will-change: transform;
  border-radius: 6px;
  place-items: center;
  width: 20px;
  height: 20px;
  display: grid;
}
.ec-run__box:after {
  content: "";
  border: 2px solid var(--ec-surface);
  transform-origin: 50%;
  opacity: 0;
  border-top: 0;
  border-right: 0;
  border-radius: 1px;
  width: 9px;
  height: 5px;
  transition: opacity 0.13s, transform 0.2s cubic-bezier(0.2, 0.85, 0.35, 1);
  transform: translateY(-1.75px) rotate(-45deg) scale(0.5);
}
.ec-run__box--on {
  border-color: var(--ec-indigo);
  background: var(--ec-indigo);
}
.ec-run__box--on:after {
  opacity: 1;
  transform: translateY(-1.75px) rotate(-45deg) scale(1);
}
.ec-run__who b {
  color: var(--ec-ink);
  font-size: 13.5px;
  font-weight: 600;
  display: block;
}
.ec-run__who small {
  color: var(--ec-muted);
  font-size: 11px;
  display: block;
}
.ec-run__amt {
  font-family: var(--fh-digits);
  text-align: right;
  color: var(--ec-ink);
  font-variant-numeric: tabular-nums;
  font-size: 14px;
  font-weight: 700;
}
.ec-run__state {
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--ec-muted);
  white-space: nowrap;
  will-change: transform;
  background: #1224330f;
  border-radius: 999px;
  justify-self: end;
  padding: 5px 11px;
  font-size: 10px;
  font-weight: 700;
}
.ec-run__state--paid {
  color: var(--ec-green);
  background: #02774d1f;
}
.ec-run__bar {
  background: var(--ec-chip);
  width: 256px;
  height: 52px;
  color: var(--ec-chipInk);
  backface-visibility: hidden;
  border-radius: 14px;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 0 10px 0 20px;
  display: flex;
  overflow: hidden;
  transform: translateZ(0);
}
.ec-run__bar > span {
  white-space: nowrap;
  flex: none;
  font-size: 13px;
  font-weight: 600;
}
.ec-run__go {
  background: var(--ec-indigo);
  color: #fff;
  border-radius: 10px;
  padding: 9px 18px;
  font-size: 12.5px;
  font-weight: 700;
}
.ec-run__tick {
  opacity: 0;
  pointer-events: none;
  width: 26px;
  height: 26px;
  margin: -13px 0 0 -13px;
  position: absolute;
  top: 50%;
  left: 50%;
}
.ec-run__tick path {
  fill: none;
  stroke: var(--ec-surface);
  stroke-width: 2.6px;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.ec-run__cursor {
  z-index: 6;
  opacity: 0;
  pointer-events: none;
  will-change: transform;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0;
  left: 0;
}
.ec-run__cursorIcon {
  background-color: var(--cur-ink, #4042d2);
  width: 24px;
  height: 24px;
  display: block;
  -webkit-mask: url(/figma/simple/imgCursor2StreamlineNova.svg) 50% / contain
    no-repeat;
  mask: url(/figma/simple/imgCursor2StreamlineNova.svg) 50% / contain no-repeat;
}
.ec-run__ping {
  z-index: 5;
  border: 2px solid var(--ec-indigo);
  opacity: 0;
  pointer-events: none;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: -12px 0 0 -12px;
  position: absolute;
  top: 0;
  left: 0;
}
.ec-trade__head {
  flex-direction: column;
  gap: 8px;
  display: flex;
}
.ec-trade__pair {
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--ec-muted);
  align-items: center;
  gap: 12px;
  font-size: 13px;
  font-weight: 700;
  display: inline-flex;
}
.ec-trade__price {
  align-items: baseline;
  gap: 12px;
  display: inline-flex;
}
.ec-trade__price b {
  letter-spacing: -1.6px;
  color: var(--ec-strong);
  font-size: 46px;
  font-weight: 500;
  line-height: 1.05;
}
.ec-trade__delta {
  color: var(--ec-green);
  background: #02774d1a;
  border-radius: 12px;
  padding: 4px 9px;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
}
.ec-trade__delta.is-down {
  color: #c0392b;
  background: #c0392b1a;
}
.ec-trade__sub {
  color: var(--ec-muted);
  font-size: 13.5px;
}
.ec-trade__chart {
  width: 704px;
}
.ec-trade__chart svg {
  display: block;
  overflow: visible;
}
.ec-trade__grid {
  stroke: #12243317;
  stroke-width: 1px;
  stroke-dasharray: 3 5;
}
.ec-trade__line {
  fill: none;
  stroke: var(--ec-indigo);
  stroke-width: 2.25px;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.ec-trade__cross {
  stroke: #4042d159;
  stroke-width: 1px;
  stroke-dasharray: 3 4;
  will-change: transform;
}
.ec-trade__dot {
  fill: var(--ec-indigo);
  stroke: var(--ec-surface);
  stroke-width: 2.5px;
  will-change: transform;
}
.ec-trade__tip {
  background: var(--ec-chip);
  color: var(--ec-chipInk);
  white-space: nowrap;
  will-change: transform;
  border-radius: 10px;
  flex-direction: column;
  align-items: center;
  gap: 1px;
  padding: 7px 12px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}
.ec-trade__tip b {
  font-size: 13px;
  font-weight: 700;
}
.ec-trade__tip small {
  opacity: 0.62;
  font-size: 10px;
}
.ec-trade__axis {
  justify-content: space-between;
  margin-top: 14px;
  display: flex;
}
.ec-trade__axis em {
  letter-spacing: 0.02em;
  color: var(--ec-muted);
  font-size: 11.5px;
  font-style: normal;
}
.ec-trade__markets {
  gap: 12px;
  display: flex;
}
.ec-trade__market {
  border: 1px solid var(--ec-line);
  background: var(--ec-surface);
  border-radius: 14px;
  flex-direction: column;
  gap: 4px;
  width: 226px;
  padding: 14px 16px;
  display: flex;
}
.ec-trade__market b {
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--ec-muted);
  font-size: 11px;
  font-weight: 700;
}
.ec-trade__market span {
  letter-spacing: -0.2px;
  color: var(--ec-ink);
  font-size: 16px;
  font-weight: 700;
}
.ec-trade__market em {
  color: var(--ec-green);
  font-size: 12.5px;
  font-style: normal;
  font-weight: 600;
  position: absolute;
  bottom: 14px;
  right: 16px;
}
.ec-trade__market em.is-down {
  color: #c0392b;
}
.ec-zoom {
  transform-origin: 50%;
  width: 800px;
  height: 640px;
  top: 0;
  left: 0;
  transform: scale(1.2);
}
.ec-zoom > * {
  position: absolute;
}
.ec-center {
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  width: 800px;
  display: flex;
}
.ec-center > small {
  color: var(--ec-muted);
  font-size: 12.5px;
}
.ec-stk {
  will-change: transform, opacity;
  border-radius: 20px;
  width: 470px;
  height: 282px;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.ec-stk__card {
  border: 1px solid var(--ec-line);
  background: var(--ec-surface);
  border-radius: 20px;
  flex-direction: column;
  padding-bottom: 26px;
  display: flex;
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.ec-stk__head {
  justify-content: space-between;
  align-items: center;
  padding: 24px 28px 0;
  display: flex;
}
.ec-stk__brand {
  color: var(--ec-strong);
  align-items: center;
  gap: 10px;
  display: inline-flex;
}
.ec-stk__brand svg {
  display: block;
}
.ec-stk__brand em {
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: var(--ec-muted);
  font-size: 10.5px;
  font-style: normal;
  font-weight: 700;
}
.ec-stk__tag {
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: var(--ec-muted);
  font-size: 10.5px;
  font-weight: 700;
}
.ec-stk__big {
  letter-spacing: -0.045em;
  color: var(--ec-strong);
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  margin: 26px 28px 0;
  font-size: 56px;
  font-weight: 500;
  line-height: 1;
}
.ec-stk__unit {
  letter-spacing: -0.3px;
  color: var(--ec-muted);
  margin-left: 6px;
  font-size: 0.5em;
}
.ec-stk__rule {
  background: var(--ec-soft);
  height: 1px;
  margin: auto 28px 0;
  display: block;
}
.ec-stk__foot {
  justify-content: space-between;
  padding: 18px 28px 0;
  display: flex;
}
.ec-stk__foot span {
  flex-direction: column;
  gap: 4px;
  display: flex;
}
.ec-stk__lab {
  letter-spacing: 0.02em;
  color: var(--ec-muted);
  white-space: nowrap;
  font-size: 11px;
}
.ec-stk__val {
  color: var(--ec-ink);
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  font-size: 14.5px;
  font-weight: 600;
}
.ec-stk__val.is-gain {
  color: var(--ec-green);
}
.ec-stk__mono {
  font-family: var(--fh-digits);
  font-variant-numeric: tabular-nums;
  font-weight: 700;
}
.odo__sep {
  display: inline-block;
}
.odo__cell {
  display: inline-block;
  position: relative;
}
.odo__mask {
  opacity: 0;
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.odo__strip {
  will-change: transform;
  width: 100%;
  font-style: normal;
  position: absolute;
  top: 0;
  left: 0;
}
.odo__strip u {
  text-align: left;
  height: 1em;
  line-height: 1;
  text-decoration: none;
  display: block;
}
.ec-tum__reel {
  border: 1px solid var(--ec-line);
  background: var(--ec-surface);
  will-change: transform;
  border-radius: 14px;
  width: 62px;
  height: 96px;
  overflow: hidden;
}
.ec-tum__strip {
  will-change: transform;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.ec-tum__strip span {
  width: 62px;
  height: 96px;
  font-family: var(--fh-digits);
  color: var(--ec-ink);
  place-items: center;
  font-size: 34px;
  font-weight: 700;
  display: grid;
}
.ec-tum__prog {
  background-color: #12243312;
  background-image: repeating-linear-gradient(
    90deg,
    #ffffffe6 0 1px,
    #0000 1px 8px
  );
  height: 26px;
  display: block;
  position: relative;
  overflow: hidden;
}
.ec-tum__progFill {
  background-color: #4042d11a;
  background-image: linear-gradient(var(--ec-indigo), var(--ec-indigo)),
    linear-gradient(var(--ec-indigo), var(--ec-indigo)),
    repeating-linear-gradient(
      90deg,
      var(--ec-lavender) 0 3px,
      transparent 3px 6px
    );
  background-position: 0 0, 100% 0, 0 0;
  background-repeat: no-repeat, no-repeat, repeat;
  background-size: 3px 100%, 3px 100%, auto;
  width: 0;
  position: absolute;
  inset: 0 auto 0 0;
  overflow: hidden;
}
.ec-tum__progGlow {
  pointer-events: none;
  background: linear-gradient(90deg, #0000, #ffffffb3, #0000);
  width: 40%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}
.ec-tum__printLabel {
  color: var(--ec-muted);
  font-size: 12.5px;
}
.ec-tum__print {
  letter-spacing: 0.12em;
  color: var(--ec-strong);
  font-size: 24px;
}
.ec-tum__match {
  opacity: 0;
  border-color: var(--ec-okLine);
  background: var(--ec-okBg);
  color: var(--ec-green);
}
.ec-tum__match i {
  background: var(--ec-green);
  border-radius: 50%;
  width: 8px;
  height: 8px;
}
.ec__scene .ff__il.ec-run--m {
  transform: none;
}
.ec-run--m .ec-zoom {
  width: 361px;
  height: 470px;
  transform: none;
}
.ec-run--m .ec-caption {
  letter-spacing: -0.3px;
  font-size: 13px;
}
.ec-run--m .ec-run__card {
  border-radius: 16px;
  width: 345px;
}
.ec-run--m .ec-run__head {
  height: 44px;
  padding: 0 14px;
}
.ec-run--m .ec-run__head b {
  font-size: 15px;
}
.ec-run--m .ec-live {
  letter-spacing: -0.1px;
  font-size: 12.5px;
}
.ec-run--m .ec-run__row {
  grid-template-rows: 18px 17px;
  grid-template-columns: 20px minmax(0, 1fr) auto;
  align-content: center;
  align-items: center;
  gap: 3px 11px;
  height: 58px;
  padding: 0 14px;
}
.ec-run--m .ec-run__row:last-child {
  border-bottom: 0;
}
.ec-run--m .ec-run__box {
  grid-area: 1/1 / span 2;
}
.ec-run--m .ec-run__who {
  grid-area: 1/2 / span 2;
}
.ec-run--m .ec-run__who b {
  font-size: 13.5px;
  line-height: 18px;
}
.ec-run--m .ec-run__who small {
  font-size: 12.5px;
  line-height: 17px;
}
.ec-run--m .ec-run__amt {
  grid-area: 1/3;
  font-size: 13px;
  line-height: 18px;
}
.ec-run--m .ec-run__state {
  letter-spacing: -0.1px;
  text-transform: none;
  grid-area: 2/3;
  padding: 1px 9px;
  font-size: 12.5px;
  font-weight: 600;
  line-height: 15px;
}
.ec-run--m .ec-run__bar {
  border-radius: 16px;
  width: 345px;
  height: 54px;
  padding: 0 12px 0 18px;
}
.ec-run--m .ec-run__bar > span {
  font-size: 13px;
}
.ec-run--m .ec-run__go {
  padding: 10px 18px;
  font-size: 12.5px;
}
.ec-trade--m .ec-trade__head {
  gap: 6px;
}
.ec-trade--m .ec-trade__pair {
  gap: 10px;
  font-size: 12.5px;
}
.ec-trade--m .ec-live {
  font-size: 12.5px;
}
.ec-trade--m .ec-trade__price {
  gap: 10px;
}
.ec-trade--m .ec-trade__price b {
  letter-spacing: -1.2px;
  font-size: 38px;
}
.ec-trade--m .ec-trade__delta {
  border-radius: 10px;
  padding: 3px 8px;
  font-size: 12.5px;
}
.ec-trade--m .ec-trade__sub {
  width: 361px;
  font-size: 12.5px;
  line-height: 1.35;
}
.ec-trade--m .ec-trade__tip {
  box-sizing: border-box;
  border-radius: 9px;
  gap: 0;
  width: 84px;
  padding: 6px 8px;
}
.ec-trade--m .ec-trade__tip b {
  font-size: 13px;
}
.ec-trade--m .ec-trade__tip small {
  opacity: 0.68;
  font-size: 12.5px;
}
.ec-trade--m .ec-trade__axis {
  margin-top: 10px;
}
.ec-trade--m .ec-trade__axis em {
  font-size: 12.5px;
}
.ec-trade--m .ec-trade__markets {
  flex-direction: column;
  gap: 8px;
}
.ec-trade--m .ec-trade__market {
  box-sizing: border-box;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  width: 361px;
  height: 44px;
  padding: 0 14px;
}
.ec-trade--m .ec-trade__market b {
  flex: 1;
  font-size: 12.5px;
}
.ec-trade--m .ec-trade__market span {
  font-size: 16px;
}
.ec-trade--m .ec-trade__market em {
  text-align: right;
  min-width: 54px;
  font-size: 12.5px;
  position: static;
}
.ec__scene .ff__il.ec-stk-scene--m {
  position: relative;
  top: 0;
  left: 0;
}
.ec-stk-scene--m .ec-zoom {
  width: 361px;
  height: 400px;
  transform: none;
}
.ec-stk-scene--m .ec-center {
  box-sizing: border-box;
  width: 361px;
  padding: 0 12px;
}
.ec-stk-scene--m .ec-center > small {
  font-size: 12.5px;
  line-height: 1.45;
}
.ec-stk-scene--m .ec-caption {
  letter-spacing: -0.3px;
  font-size: 13px;
}
.ec-stk-scene--m .ec-stk {
  border-radius: 18px;
  width: 329px;
  height: 268px;
}
.ec-stk-scene--m .ec-stk__card {
  border-radius: 18px;
  padding-bottom: 28px;
}
.ec-stk-scene--m .ec-stk__head {
  padding: 20px 18px 0;
}
.ec-stk-scene--m .ec-stk__brand {
  gap: 8px;
}
.ec-stk-scene--m .ec-stk__brand em,
.ec-stk-scene--m .ec-stk__tag {
  letter-spacing: 0.06em;
  font-size: 12.5px;
}
.ec-stk-scene--m .ec-stk__big {
  margin: 22px 18px 0;
  font-size: 44px;
}
.ec-stk-scene--m .ec-stk__rule {
  margin: auto 18px 0;
}
.ec-stk-scene--m .ec-stk__foot {
  grid-template-columns: 1fr 1fr;
  gap: 14px 16px;
  padding: 16px 18px 0;
  display: grid;
}
.ec-stk-scene--m .ec-stk__lab {
  font-size: 12.5px;
  line-height: 1.3;
}
.ec-stk-scene--m .ec-stk__val {
  font-size: 16px;
  line-height: 1.25;
}
.ec__scene .ff__il.ec-tum--m {
  position: relative;
  top: 0;
  left: 0;
  transform: none;
}
.ec-tum--m .ec-center {
  width: 361px;
}
.ec-tum--m .ec-caption {
  white-space: normal;
  text-wrap: balance;
  max-width: 329px;
}
.ec-tum--m .ec-tum__match {
  letter-spacing: -0.2px;
  font-size: 12.5px;
}
.ec {
  --ec-bg: #edeff1;
  --ec-line: #dadee2;
  --ec-card: #fff;
  --ec-ink: #2c2e31;
  --ec-title: #122433;
  --ec-muted: #7c858d;
  --ec-indigo: #4042d1;
  --ec-lavender: #b3b5f5;
  --fh-sans: "Onest Variable", ui-sans-serif, system-ui, -apple-system,
    "Segoe UI", Roboto, sans-serif;
  --fh-display: "NewBlack Typeface", "Onest Variable", ui-sans-serif, system-ui,
    sans-serif;
  --fh-digits: "Doto Variable", "Courier New", monospace;
  --ec-dash-v: repeating-linear-gradient(
    180deg,
    var(--ec-line) 0 8px,
    transparent 8px 16px
  );
  --ec-rule-v: repeating-linear-gradient(
    180deg,
    var(--ec-line) 0 4px,
    transparent 4px 8px
  );
  --ec-rule-h: repeating-linear-gradient(
    90deg,
    var(--ec-line) 0 4px,
    transparent 4px 8px
  );
  background: var(--ec-bg);
  color: var(--ec-ink);
  font-family: var(--fh-sans);
}
.ec__frame {
  background-image: var(--ec-dash-v), var(--ec-dash-v);
  background-position: 0 0, 100% 0;
  background-repeat: no-repeat;
  background-size: 1px 100%, 1px 100%;
  width: min(1560px, 100% - 48px);
  margin: 0 auto;
  padding: 0 clamp(0px, 3.85%, 60px) 160px;
}
.ec__card {
  background: var(--ec-card);
  isolation: isolate;
  will-change: transform;
  border-radius: 12px;
  grid-template-columns: 620px minmax(0, 1fr);
  min-height: 640px;
  display: grid;
  overflow: hidden;
}
.ec__copy {
  background-image: var(--ec-rule-v);
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: 1px 100%;
  flex-direction: column;
  padding: 48px 48px 24px;
  display: flex;
}
.ec__eyebrow {
  letter-spacing: -0.39px;
  text-transform: uppercase;
  color: var(--ec-indigo);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
}
.ec__title {
  font-family: var(--fh-display);
  letter-spacing: -1.2px;
  color: var(--ec-title);
  margin: 14px 0 0;
  font-size: 40px;
  font-weight: 500;
  line-height: 1.12;
}
.ec__line {
  margin-bottom: -0.08em;
  padding-bottom: 0.08em;
  display: block;
  overflow: hidden;
}
.ec__lineInner {
  display: block;
}
.ec__body {
  letter-spacing: 0.01em;
  max-width: 480px;
  color: var(--ec-muted);
  margin: 18px 0 0;
  font-size: 16px;
  line-height: 1.6;
}
.ec__list {
  margin: 36px 0 0;
  padding: 0;
  list-style: none;
}
.ec__item {
  background-image: var(--ec-rule-h);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 1px;
  position: relative;
}
.ec__accent {
  background: 0 0;
  width: 2px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -48px;
  overflow: hidden;
}
.ec__progress {
  background: var(--ec-indigo);
  transform-origin: 50% 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transform: scaleY(0);
}
.ec__itemHead {
  width: 100%;
  font: inherit;
  color: var(--ec-ink);
  text-align: left;
  cursor: pointer;
  background: 0 0;
  border: 0;
  align-items: center;
  gap: 12px;
  padding: 20px 0;
  display: flex;
}
.ec__itemHead img {
  opacity: 0.45;
  width: 20px;
  height: 20px;
  transition: opacity 0.3s;
  display: block;
}
.ec__item--on .ec__itemHead img {
  opacity: 1;
}
.ec__itemTitle {
  letter-spacing: -0.6px;
  color: var(--ec-muted);
  font-size: 20px;
  font-weight: 500;
  transition: color 0.3s;
}
.ec__item--on .ec__itemTitle {
  color: var(--ec-ink);
}
.ec__itemBody {
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.52s cubic-bezier(0.22, 0.61, 0.36, 1);
  display: grid;
}
.ec__itemBody > p {
  letter-spacing: 0.01em;
  min-height: 0;
  color: var(--ec-muted);
  opacity: 0;
  margin: 0;
  padding-left: 32px;
  font-size: 16px;
  line-height: 1.6;
  transition: opacity 0.42s 0.12s,
    transform 0.52s cubic-bezier(0.22, 0.61, 0.36, 1) 60ms,
    padding-bottom 0.52s cubic-bezier(0.22, 0.61, 0.36, 1);
  overflow: hidden;
  transform: translateY(6px);
}
.ec__item--on .ec__itemBody {
  grid-template-rows: 1fr;
}
.ec__item--on .ec__itemBody > p {
  opacity: 1;
  padding-bottom: 22px;
  transform: none;
}
.ec__panel {
  background: linear-gradient(121deg, #e8eef4 4%, #fff 34%, #f5f6e3 78%);
  min-height: 640px;
  position: relative;
  overflow: hidden;
}
.ec__scene {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  inset: 0;
}
.ec__scene .ff__il {
  width: min(800px, 100%);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ec[data-motion="pending"] .ec__card {
  visibility: hidden;
}
@media (width<=1280px) {
  .ec__frame {
    padding-bottom: 112px;
  }
  .ec__card {
    grid-template-columns: 46% minmax(0, 1fr);
  }
  .ec__copy {
    padding: 40px 32px 16px;
  }
  .ec__accent {
    left: -32px;
  }
  .ec__title {
    font-size: 34px;
  }
}
@media (width<=1024px) {
  .ec__card {
    grid-template-columns: 1fr;
  }
  .ec__copy {
    background-position: 0 100%;
    background-image: var(--ec-rule-h);
    background-size: 100% 1px;
  }
  .ec__panel {
    min-height: 520px;
  }
}
@media (width<=720px) {
  .ec__frame {
    width: calc(100% - 32px);
    padding: 0 16px 64px;
  }
  .ec__copy {
    padding: 28px 16px 8px;
  }
  .ec__accent {
    display: none;
  }
  .ec__title {
    letter-spacing: -0.9px;
    font-size: 30px;
  }
  .ec__scene {
    opacity: 1;
    visibility: visible;
    margin: 4px 0 20px;
    display: none;
    position: static;
    overflow: hidden;
  }
  .ec__itemBody > p {
    padding-left: 0;
  }
  .ec__item--on .ec__scene {
    display: block;
  }
  .ec__scene .ff__il {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    transform: none;
  }
}
.rv {
  --rv-bg: #e6e9ed;
  --rv-line: #c5cbd1;
  --rv-ink: #122433;
  --rv-dash-v: repeating-linear-gradient(
    180deg,
    var(--rv-line) 0 8px,
    transparent 8px 16px
  );
  --fh-sans: "Onest Variable", ui-sans-serif, system-ui, -apple-system,
    "Segoe UI", Roboto, sans-serif;
  --fh-display: "NewBlack Typeface", "Onest Variable", ui-sans-serif, system-ui,
    sans-serif;
  background: var(--rv-bg);
  font-family: var(--fh-sans);
}
.rv__frame {
  background-image: var(--rv-dash-v), var(--rv-dash-v);
  background-position: 0 0, 100% 0;
  background-repeat: no-repeat;
  background-size: 1px 100%, 1px 100%;
  flex-direction: column;
  align-items: center;
  gap: 50px;
  width: min(1560px, 100% - 48px);
  margin: 0 auto;
  padding: 90px 0;
  display: flex;
}
.rv__title {
  max-width: 972px;
  font-family: var(--fh-display);
  letter-spacing: -1.92px;
  text-align: center;
  color: var(--rv-ink);
  margin: 0;
  font-size: clamp(38px, 4.4vw, 64px);
  font-weight: 500;
  line-height: 1.12;
}
.rv__line {
  margin-bottom: -0.08em;
  padding-bottom: 0.08em;
  display: block;
  overflow: hidden;
}
.rv__lineInner {
  display: block;
}
.rv__slider {
  isolation: isolate;
  width: 100%;
  height: 820px;
  position: relative;
  overflow: hidden;
}
.rv__slide {
  opacity: 0;
  visibility: hidden;
  background: #0b0f13;
  flex-direction: column;
  padding: 48px 48px 152px;
  display: flex;
  position: absolute;
  inset: 0;
}
.rv__photo {
  object-fit: cover;
  object-position: 50% 22%;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}
.rv__scrim {
  background: linear-gradient(90deg, #0b0f1396 0%, #0b0f1300 100%),
    linear-gradient(90deg, #3e45503d 0% 100%);
  position: absolute;
  inset: 0;
}
.rv__slide > :not(.rv__photo):not(.rv__scrim) {
  z-index: 1;
  position: relative;
}
.rv__eyebrow {
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}
.rv__quote {
  display: block;
}
.rv__eyebrow p {
  letter-spacing: -0.72px;
  color: #fff;
  margin: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 0.981;
}
.rv__quoteBlock {
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  margin: auto 0;
  display: flex;
}
.rv__words {
  letter-spacing: -1.26px;
  color: #fff;
  text-wrap: balance;
  max-width: 660px;
  margin: 0;
  font-size: clamp(26px, 2.9vw, 42px);
  font-weight: 400;
  line-height: 1.4;
}
.rv__by {
  letter-spacing: -0.48px;
  color: #ffffffa3;
  font-size: 16px;
  font-weight: 500;
  line-height: 0.981;
}
.rv__seam {
  z-index: 3;
  opacity: 0;
  pointer-events: none;
  will-change: transform, opacity;
  background: linear-gradient(
    #b3b5f500 0%,
    #b3b5f5e6 22%,
    #fff 50%,
    #b3b5f5e6 78%,
    #b3b5f500 100%
  );
  width: 2px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  box-shadow: 0 0 24px 4px #b3b5f573;
}
.rv__chips {
  z-index: 2;
  gap: 8px;
  display: flex;
  position: absolute;
  bottom: 48px;
  left: 48px;
}
.rv__chip {
  font: inherit;
  text-align: left;
  cursor: pointer;
  background: #ffffff0a;
  border: 0;
  border-radius: 12px;
  align-items: center;
  gap: 12px;
  padding: 24px;
  transition: background-color 0.32s;
  display: flex;
}
.rv__chip:hover {
  background: #ffffff17;
}
.rv__chip[data-active] {
  background: #ffffff1f;
}
.rv__chip:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #fff;
}
.rv__avatar {
  background: #e6e9ed;
  border-radius: 400px;
  flex: none;
  width: 48px;
  height: 48px;
  display: block;
  overflow: hidden;
}
.rv__avatar img {
  object-fit: cover;
  width: 48px;
  height: 48px;
  display: block;
}
.rv__who {
  white-space: nowrap;
  flex-direction: column;
  gap: 10px;
  display: flex;
}
.rv__who b {
  letter-spacing: -0.48px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 0.981;
}
.rv__who small {
  letter-spacing: -0.48px;
  color: #ffffffa3;
  font-size: 16px;
  font-weight: 500;
  line-height: 0.981;
}
.rv[data-motion="pending"] .rv__slider,
.rv[data-motion="pending"] .rv__title {
  visibility: hidden;
}
@media (width<=1280px) {
  .rv__slider {
    height: 700px;
  }
  .rv__slide {
    padding: 36px 36px 128px;
  }
  .rv__chips {
    bottom: 36px;
    left: 36px;
  }
  .rv__chip {
    padding: 18px;
  }
  .rv__who small {
    font-size: 14px;
  }
}
@media (width<=1024px) {
  .rv__chips {
    padding-bottom: 4px;
    right: 36px;
    overflow-x: auto;
  }
  .rv__chip {
    flex: none;
  }
}
@media (width<=720px) {
  .rv__frame {
    gap: 32px;
    width: calc(100% - 32px);
    padding: 64px 0;
  }
  .rv__title {
    letter-spacing: -1.1px;
    padding-inline: 16px;
  }
  .rv__slider {
    height: 620px;
  }
  .rv__slide {
    padding: 16px 16px 88px;
  }
  .rv__eyebrow p {
    font-size: 18px;
  }
  .rv__words {
    letter-spacing: -0.6px;
  }
  .rv__chips {
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    gap: 6px;
    bottom: 16px;
    left: 16px;
    right: 16px;
  }
  .rv__chips[data-more] {
    -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 36px), #0000);
    mask-image: linear-gradient(90deg, #000 calc(100% - 36px), #0000);
  }
  .rv__chips::-webkit-scrollbar {
    display: none;
  }
  .rv__chip {
    scroll-snap-align: center;
    gap: 10px;
    padding: 12px;
  }
  .rv__avatar,
  .rv__avatar img {
    width: 40px;
    height: 40px;
  }
  .rv__who {
    gap: 6px;
  }
  .rv__who b,
  .rv__who small {
    font-size: 13px;
  }
}
.sn {
  --sn-bg: #e6e9ed;
  --sn-line: #c5cbd1;
  --sn-ink: #122433;
  --fh-sans: "Onest Variable", ui-sans-serif, system-ui, -apple-system,
    "Segoe UI", Roboto, sans-serif;
  --fh-display: "NewBlack Typeface", "Onest Variable", ui-sans-serif, system-ui,
    sans-serif;
  --sn-dash-v: repeating-linear-gradient(
    180deg,
    var(--sn-line) 0 8px,
    transparent 8px 16px
  );
  --sn-dash-h: repeating-linear-gradient(
    90deg,
    var(--sn-line) 0 8px,
    transparent 8px 16px
  );
  background: var(--sn-bg);
  font-family: var(--fh-sans);
}
.sn__frame {
  background-image: var(--sn-dash-v), var(--sn-dash-v);
  background-position: 0 0, 100% 0;
  background-repeat: no-repeat;
  background-size: 1px 100%, 1px 100%;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  width: min(1560px, 100% - 48px);
  margin: 0 auto;
  padding: 90px 0;
  display: flex;
}
.sn__title {
  font-family: var(--fh-display);
  letter-spacing: -1.26px;
  text-align: center;
  color: var(--sn-ink);
  margin: 0;
  font-size: 42px;
  font-weight: 500;
  line-height: 1.12;
}
.sn__line {
  margin-bottom: -0.08em;
  padding-bottom: 0.08em;
  display: block;
  overflow: hidden;
}
.sn__lineInner {
  display: block;
}
.sn__grid {
  width: 100%;
  position: relative;
}
.sn__row {
  display: flex;
}
.sn__cell {
  flex: 1 1 0;
  place-items: center;
  min-width: 0;
  height: 100px;
  display: grid;
  position: relative;
}
.sn__ruleH,
.sn__ruleV {
  pointer-events: none;
  position: absolute;
}
.sn__ruleH {
  background-image: var(--sn-dash-h);
  transform-origin: 0;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0;
}
.sn__ruleH--top {
  z-index: 1;
  top: 0;
  bottom: auto;
}
.sn__ruleV {
  background-image: var(--sn-dash-v);
  transform-origin: 50% 0;
  width: 1px;
  top: 0;
  bottom: 0;
  right: 0;
}
.sn__mark {
  opacity: var(--sn-rest, 0.32);
  will-change: opacity;
  align-items: center;
  display: inline-flex;
}
@media (hover: hover) {
  .sn__mark {
    transition: opacity 0.28s cubic-bezier(0.22, 1, 0.36, 1);
  }
}
.sn__mark img {
  display: block;
}
@media (hover: hover) {
  .sn__cell:hover .sn__mark {
    opacity: 1;
  }
}
.sn[data-motion="pending"] .sn__lineInner,
.sn[data-motion="pending"] .sn__mark,
.sn[data-motion="pending"] .sn__ruleH,
.sn[data-motion="pending"] .sn__ruleV {
  visibility: hidden;
}
@media (width<=1024px) {
  .sn__cell {
    height: 92px;
  }
  .sn__mark {
    transform-origin: 50%;
    transform: scale(0.85);
  }
}
@media (width<=720px) {
  .sn__frame {
    gap: 32px;
    width: calc(100% - 32px);
    padding: 32px 0 64px;
  }
  .sn__title {
    letter-spacing: -1.02px;
    padding-inline: 16px;
    font-size: 34px;
  }
  .sn__row {
    flex-wrap: wrap;
  }
  .sn__cell {
    flex: 50%;
    height: 84px;
  }
  .sn__mark {
    transform: scale(0.7);
  }
}
.fq {
  --fq-bg: #edeff1;
  --fq-rail: #c5cbd1;
  --fq-line: #dadee2;
  --fq-ink: #122433;
  --fq-body: #7c858d;
  --fq-indigo: #4042d1;
  --fh-sans: "Onest Variable", ui-sans-serif, system-ui, -apple-system,
    "Segoe UI", Roboto, sans-serif;
  --fh-display: "NewBlack Typeface", "Onest Variable", ui-sans-serif, system-ui,
    sans-serif;
  --fq-dash-v: repeating-linear-gradient(
    180deg,
    var(--fq-rail) 0 8px,
    transparent 8px 16px
  );
  --fq-rule-v: repeating-linear-gradient(
    180deg,
    var(--fq-line) 0 4px,
    transparent 4px 8px
  );
  --fq-rule-h: repeating-linear-gradient(
    90deg,
    var(--fq-line) 0 4px,
    transparent 4px 8px
  );
  background: var(--fq-bg);
  color: var(--fq-ink);
  font-family: var(--fh-sans);
}
.fq__frame {
  background-image: var(--fq-dash-v), var(--fq-dash-v);
  background-position: 0 0, 100% 0;
  background-repeat: no-repeat;
  background-size: 1px 100%, 1px 100%;
  flex-direction: column;
  gap: 48px;
  width: min(1560px, 100% - 48px);
  margin: 0 auto;
  padding: 96px clamp(0px, 3.85%, 60px);
  display: flex;
}
.fq__head {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  gap: 24px 48px;
  display: flex;
}
.fq__title {
  font-family: var(--fh-display);
  letter-spacing: -1.8px;
  color: var(--fq-ink);
  margin: 0;
  font-size: clamp(38px, 4.4vw, 60px);
  font-weight: 500;
  line-height: 1.12;
}
.fq__line {
  margin-bottom: -0.08em;
  padding-bottom: 0.08em;
  display: block;
  overflow: hidden;
}
.fq__lineInner {
  display: block;
}
.fq__intro {
  text-align: right;
  letter-spacing: 0.01em;
  max-width: 38ch;
  color: var(--fq-body);
  margin: 0;
  font-size: 16px;
  line-height: 1.6;
}
.fq__cols {
  grid-template-columns: 1fr 1fr;
  gap: 0 64px;
  display: grid;
  position: relative;
}
.fq__gutter {
  background-image: var(--fq-rule-v);
  transform-origin: 50% 0;
  background-repeat: repeat-y;
  background-size: 1px 100%;
  width: 1px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
}
.fq__item {
  background-image: var(--fq-rule-h);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 1px;
  position: relative;
}
.fq__accent {
  width: 2px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -24px;
  overflow: hidden;
}
.fq__accent i {
  background: var(--fq-indigo);
  transform-origin: 50% 0;
  transition: transform 0.42s cubic-bezier(0.2, 0.7, 0.2, 1);
  position: absolute;
  inset: 0;
  transform: scaleY(0);
}
.fq__item.is-open .fq__accent i {
  transform: scaleY(1);
}
.fq__q {
  width: 100%;
  font: inherit;
  color: var(--fq-ink);
  text-align: left;
  cursor: pointer;
  background: 0 0;
  border: 0;
  align-items: flex-start;
  gap: 16px;
  padding: 24px 0;
  display: flex;
}
.fq__qText {
  letter-spacing: -0.2px;
  flex: 1;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.45;
}
.fq__sign {
  flex: none;
  width: 20px;
  height: 20px;
  margin-top: 2px;
  position: relative;
}
.fq__sign:before,
.fq__sign:after {
  content: "";
  background: var(--fq-body);
  transition: transform 0.35s cubic-bezier(0.2, 0.7, 0.2, 1), background 0.2s;
  position: absolute;
  top: 50%;
  left: 50%;
}
.fq__sign:before {
  width: 13px;
  height: 1.5px;
  transform: translate(-50%, -50%);
}
.fq__sign:after {
  width: 1.5px;
  height: 13px;
  transform: translate(-50%, -50%);
}
.fq__item.is-open .fq__sign:after {
  transform: translate(-50%, -50%) scaleY(0);
}
.fq__item.is-open .fq__sign:before,
.fq__item.is-open .fq__sign:after {
  background: var(--fq-indigo);
}
.fq__a {
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.42s cubic-bezier(0.2, 0.7, 0.2, 1);
  display: grid;
}
.fq__a > div {
  overflow: hidden;
}
.fq__a p {
  max-width: 60ch;
  color: var(--fq-body);
  margin: 0;
  padding: 0 0 26px;
  font-size: 15px;
  line-height: 1.7;
}
.fq__item.is-open .fq__a {
  grid-template-rows: 1fr;
}
@media (prefers-reduced-motion: reduce) {
  .fq__a,
  .fq__accent i,
  .fq__sign:before,
  .fq__sign:after {
    transition: none;
  }
}
.fq[data-motion="pending"] .fq__lineInner,
.fq[data-motion="pending"] .fq__intro,
.fq[data-motion="pending"] .fq__gutter,
.fq[data-motion="pending"] .fq__item {
  visibility: hidden;
}
@media (width<=1024px) {
  .fq__cols {
    gap: 0 64px;
  }
  .fq__accent {
    left: -16px;
  }
}
@media (width<=720px) {
  .fq__frame {
    gap: 32px;
    width: calc(100% - 32px);
    padding: 64px 16px;
  }
  .fq__title {
    letter-spacing: -1.1px;
  }
  .fq__intro {
    text-align: left;
  }
  .fq__cols {
    grid-template-columns: 1fr;
  }
  .fq__gutter {
    display: none;
  }
  .fq__qText {
    font-size: 17px;
  }
  .fq__accent {
    display: none;
  }
}
.tk {
  --tk-bg: #edeff1;
  --tk-surface: #fff;
  --tk-rail: #c5cbd1;
  --tk-ink: #122433;
  --tk-body: #2c2e31;
  --tk-indigo: #4042d1;
  --fh-sans: "Onest Variable", ui-sans-serif, system-ui, -apple-system,
    "Segoe UI", Roboto, sans-serif;
  --fh-display: "NewBlack Typeface", "Onest Variable", ui-sans-serif, system-ui,
    sans-serif;
  --fh-digits: "Doto Variable", "Courier New", monospace;
  --tk-dash-v: repeating-linear-gradient(
    180deg,
    var(--tk-rail) 0 8px,
    transparent 8px 16px
  );
  --tk-dash-h: repeating-linear-gradient(
    90deg,
    var(--tk-rail) 0 8px,
    transparent 8px 16px
  );
  background: var(--tk-bg);
  color: var(--tk-body);
  font-family: var(--fh-sans);
}
.tk__frame {
  background-image: var(--tk-dash-v), var(--tk-dash-v);
  background-position: 0 0, 100% 0;
  background-repeat: no-repeat;
  background-size: 1px 100%, 1px 100%;
  flex-direction: column;
  align-items: center;
  gap: 50px;
  width: min(1560px, 100% - 48px);
  margin: 0 auto;
  padding: 90px 0;
  display: flex;
}
.tk__head {
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  display: flex;
}
.tk__title {
  font-family: var(--fh-display);
  letter-spacing: -1.92px;
  color: var(--tk-ink);
  margin: 0;
  font-size: clamp(38px, 4.4vw, 64px);
  font-weight: 500;
  line-height: 1.12;
}
.tk__line {
  margin-bottom: -0.08em;
  padding-bottom: 0.08em;
  display: block;
  overflow: hidden;
}
.tk__lineInner {
  display: block;
}
.tk__sub {
  letter-spacing: 0.01em;
  color: var(--tk-body);
  margin: 0;
  font-size: 16px;
  line-height: 1.6;
}
.tk__band {
  background-image: var(--tk-dash-h), var(--tk-dash-h);
  background-position: 0 0, 0 100%;
  background-repeat: no-repeat;
  background-size: 100% 1px, 100% 1px;
  border-top: 1px dashed #0000;
  border-bottom: 1px dashed #0000;
  width: 100%;
  padding: 0;
}
.tk__fit {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.tk__stage {
  transform: scale(var(--k, 1));
  transform-origin: 0 0;
  position: absolute;
  top: 0;
  left: 0;
}
.tk__stage img {
  max-width: none;
  display: block;
}
.tk__wires {
  position: absolute;
  top: 0;
  left: 0;
  overflow: visible;
}
.tk__wire {
  fill: none;
  vector-effect: non-scaling-stroke;
}
.tk__pulse {
  pointer-events: none;
}
.tk__ring {
  position: absolute;
  top: 72px;
  left: 559px;
}
.tk__dial {
  position: absolute;
  top: 72px;
  left: 559px;
  overflow: visible;
}
.tk__halo {
  transform-origin: 50%;
}
.tk__hub {
  width: 114px;
  height: 114px;
  position: absolute;
  top: 236px;
  left: 723px;
}
.tk__hubDisc {
  position: absolute;
  top: 0;
  left: 0;
}
.tk__logo {
  position: absolute;
}
.tk__logo--1 {
  top: 57.51px;
  left: 28.85px;
}
.tk__logo--2 {
  top: 43.06px;
  left: 35.55px;
}
.tk__logo--3 {
  top: 42.72px;
  left: 60.78px;
}
.tk__coin {
  background: var(--tk-surface);
  border-radius: 400px;
  place-items: center;
  width: 64px;
  height: 64px;
  display: grid;
  position: absolute;
}
.tk__slice {
  align-items: center;
  display: flex;
  position: absolute;
}
.tk__chip {
  color: #fff;
  letter-spacing: -0.39px;
  text-transform: uppercase;
  white-space: nowrap;
  background: #121212;
  border-radius: 46px;
  align-items: center;
  gap: 8px;
  height: 34px;
  padding: 0 14.75px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
  transition: background-color 0.62s;
  display: inline-flex;
}
.tk__slice[data-on] .tk__chip {
  background: var(--tk-indigo);
}
.tk__pct {
  background: var(--tk-surface);
  letter-spacing: -0.39px;
  color: #000;
  font-variant-numeric: tabular-nums;
  border-radius: 400px;
  place-items: center;
  width: 64px;
  height: 64px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
  display: grid;
}
.tk__facts {
  flex-wrap: wrap;
  justify-content: center;
  gap: 32px 96px;
  margin: 22px 0 0;
  padding: 0 48px;
  display: flex;
}
.tk__fact {
  flex-direction: column;
  gap: 4px;
  display: flex;
}
.tk__fact dt {
  letter-spacing: 0.01em;
  color: var(--tk-body);
  font-size: 16px;
  line-height: 1.6;
}
.tk__fact dd {
  letter-spacing: -0.42px;
  text-transform: uppercase;
  color: var(--tk-body);
  align-items: center;
  gap: 10px;
  margin: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  display: flex;
}
.tk__addr {
  word-break: break-word;
  width: 173px;
}
.tk__contractLink {
  color: inherit;
  border-bottom: 1px solid #0000;
  text-decoration: none;
  transition: color 0.2s, border-color 0.2s;
}
.tk__contractLink:hover {
  color: var(--tk-indigo);
  border-bottom-color: currentColor;
}
.tk__contractLink:focus-visible {
  outline: 2px solid var(--tk-indigo);
  outline-offset: 3px;
}
.tk__copyWrap {
  display: inline-flex;
  position: relative;
}
.tk__copy {
  color: #fff;
  cursor: pointer;
  opacity: 0.7;
  background: 0 0;
  border: 0;
  border-radius: 8px;
  place-items: center;
  width: 32px;
  height: 32px;
  padding: 0;
  transition: opacity 0.2s, background-color 0.26s,
    transform 0.2s cubic-bezier(0.22, 0.61, 0.36, 1);
  display: grid;
}
.tk__copy:hover {
  opacity: 1;
  background: #4042d117;
}
.tk__copy:active {
  transform: scale(0.92);
}
.tk__copy:focus-visible {
  outline: 2px solid var(--tk-indigo);
  outline-offset: 2px;
}
.tk__copyIcon,
.tk__tick {
  grid-area: 1/1;
  transition: opacity 0.2s, transform 0.26s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.tk__tick {
  opacity: 0;
  transform: scale(0.6);
}
.tk__tick path {
  stroke-dasharray: 26;
  stroke-dashoffset: 26px;
}
.tk__copyWrap[data-state="copied"] .tk__copy {
  opacity: 1;
  background: var(--tk-indigo);
}
.tk__copyWrap[data-state="copied"] .tk__copyIcon {
  opacity: 0;
  transform: scale(0.6);
}
.tk__copyWrap[data-state="copied"] .tk__tick {
  opacity: 1;
  transform: scale(1);
}
.tk__copyWrap[data-state="copied"] .tk__tick path {
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 0.36s cubic-bezier(0.65, 0, 0.35, 1) 90ms;
}
.tk__copied {
  background: var(--tk-ink);
  color: #fff;
  letter-spacing: 0.02em;
  text-transform: none;
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
  border-radius: 400px;
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.5;
  transition: opacity 0.22s, transform 0.32s cubic-bezier(0.22, 0.61, 0.36, 1);
  position: absolute;
  bottom: calc(100% + 6px);
  left: 50%;
  transform: translate(-50%, 6px) scale(0.9);
}
.tk__copyWrap[data-state="copied"] .tk__copied,
.tk__copyWrap[data-state="failed"] .tk__copied {
  opacity: 1;
  transform: translate(-50%) scale(1);
}
.tk__copyWrap[data-state="failed"] .tk__copied {
  background: #8a5a00;
}
.tk__sr {
  clip-path: inset(50%);
  white-space: nowrap;
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
}
@media (prefers-reduced-motion: reduce) {
  .tk__copyIcon,
  .tk__tick,
  .tk__tick path,
  .tk__copied,
  .tk__copy {
    transition-duration: 1ms;
  }
}
.tk__network {
  align-items: center;
  gap: 10px;
  display: inline-flex;
}
.tk__network img {
  display: block;
}
.tk[data-motion="pending"] .tk__lineInner,
.tk[data-motion="pending"] .tk__sub,
.tk[data-motion="pending"] .tk__wire,
.tk[data-motion="pending"] .tk__ring,
.tk[data-motion="pending"] .tk__dial,
.tk[data-motion="pending"] .tk__hub,
.tk[data-motion="pending"] .tk__coin,
.tk[data-motion="pending"] .tk__slice,
.tk[data-motion="pending"] .tk__facts {
  visibility: hidden;
}
.tk--m .tk__ring,
.tk--m .tk__dial,
.tk--m .tk__hub {
  transform-origin: 50%;
  transform: translate(-583px, 268.5px) scale(0.475113);
}
.tk--m .tk__chip {
  letter-spacing: -0.36px;
  font-size: 12px;
}
@media (width<=900px) {
  .tk__frame {
    gap: 32px;
    padding: 64px 16px;
  }
  .tk__title {
    letter-spacing: -1.1px;
  }
  .tk__sub {
    text-align: center;
    max-width: 40ch;
  }
  .tk__facts {
    justify-content: flex-start;
    gap: 24px 40px;
    padding: 0;
  }
}
@media (width<=720px) {
  .tk__frame {
    width: calc(100% - 32px);
    padding-inline: 0;
  }
  .tk__head {
    gap: 14px;
  }
  .tk__copy {
    width: 44px;
    height: 44px;
  }
  .tk__head {
    padding-inline: 16px;
  }
  .tk__facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
    width: 100%;
    margin-top: 16px;
    padding: 0 16px;
    display: grid;
  }
  .tk__fact {
    background-image: var(--tk-dash-h);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 100% 1px;
    gap: 6px;
    padding: 16px 0;
  }
  .tk__fact--addr {
    grid-column: 1/-1;
  }
  .tk__fact--addr dd {
    justify-content: space-between;
    gap: 12px;
  }
  .tk__addr {
    flex: auto;
    width: auto;
    min-width: 0;
  }
  .tk__fact:nth-of-type(odd):not(.tk__fact--addr) {
    padding-left: 16px;
  }
  .tk__fact:last-child {
    background-image: none;
  }
  .tk__fact dt {
    letter-spacing: -0.39px;
    text-transform: uppercase;
    opacity: 0.6;
    font-size: 13px;
    line-height: 1.4;
  }
  .tk__fact dd {
    font-size: 15px;
  }
}
.av {
  --av-bg: #e6e9ed;
  --av-rail: #c5cbd1;
  --av-line: #c5cbd1;
  --av-ink: #122433;
  --av-body: #7c858d;
  --av-label: #a2a6aa;
  --av-indigo: #4042d1;
  --fh-sans: "Onest Variable", ui-sans-serif, system-ui, -apple-system,
    "Segoe UI", Roboto, sans-serif;
  --fh-display: "NewBlack Typeface", "Onest Variable", ui-sans-serif, system-ui,
    sans-serif;
  --av-dash-v: repeating-linear-gradient(
    180deg,
    var(--av-rail) 0 8px,
    transparent 8px 16px
  );
  --av-dash-h: repeating-linear-gradient(
    90deg,
    var(--av-line) 0 8px,
    transparent 8px 16px
  );
  --av-inset: clamp(0px, 3.85%, 60px);
  background: var(--av-bg);
  color: var(--av-ink);
  font-family: var(--fh-sans);
}
.av__frame {
  background-image: var(--av-dash-v), var(--av-dash-v);
  background-position: 0 0, 100% 0;
  background-repeat: no-repeat;
  background-size: 1px 100%, 1px 100%;
  flex-direction: column;
  gap: 56px;
  width: min(1560px, 100% - 48px);
  margin: 0 auto;
  padding: 96px 0;
  display: flex;
}
.av__head {
  padding: 0 var(--av-inset);
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  gap: 24px 48px;
  display: flex;
}
.av__title {
  font-family: var(--fh-display);
  letter-spacing: -1.8px;
  margin: 0;
  font-size: clamp(38px, 4.4vw, 60px);
  font-weight: 500;
  line-height: 1.12;
}
.av__line {
  margin-bottom: -0.08em;
  padding-bottom: 0.08em;
  display: block;
  overflow: hidden;
}
.av__lineInner {
  display: block;
}
.av__intro {
  text-align: left;
  letter-spacing: 0.01em;
  max-width: 38ch;
  color: var(--av-body);
  margin: 0;
  font-size: 16px;
  line-height: 1.6;
}
.av__grid {
  padding: 0 var(--av-inset);
  grid-template-columns: repeat(2, 1fr);
  display: grid;
  position: relative;
}
.av__cell {
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  padding: 40px 48px 44px 0;
  display: flex;
  position: relative;
}
.av__cell ~ .av__cell {
  padding-left: 48px;
}
.av__cell:last-child {
  padding-right: 0;
}
.av__ruleH,
.av__ruleV {
  pointer-events: none;
  position: absolute;
}
.av__ruleH {
  background-image: var(--av-dash-h);
  transform-origin: 0;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0;
}
.av__ruleH--top {
  top: 0;
  bottom: auto;
}
.av__ruleV {
  background-image: var(--av-dash-v);
  transform-origin: 50% 0;
  width: 1px;
  top: 0;
  bottom: 0;
  right: 0;
}
.av__mark {
  align-items: center;
  min-height: 40px;
  display: flex;
}
.av__mark img {
  opacity: 0.55;
  max-width: 100%;
  transition: opacity 0.28s cubic-bezier(0.22, 1, 0.36, 1);
  display: block;
}
.av__drawn {
  opacity: 0.62;
  transition: opacity 0.28s cubic-bezier(0.22, 1, 0.36, 1);
}
@media (hover: hover) {
  .av__cell:hover .av__mark img,
  .av__cell:hover .av__drawn {
    opacity: 1;
  }
}
.av__drawn {
  letter-spacing: -0.4px;
  color: var(--av-ink);
  align-items: center;
  gap: 10px;
  font-size: 22px;
  font-weight: 600;
  display: inline-flex;
}
.av__glyph {
  fill: none;
  width: 26px;
  height: 26px;
  stroke: var(--av-ink);
  stroke-width: 1.5px;
  stroke-linejoin: round;
}
.av__glyph .av__accent {
  stroke: var(--av-indigo);
  stroke-linecap: round;
}
.av__kind {
  letter-spacing: -0.2px;
  color: var(--av-ink);
  margin: 0;
  font-size: 18px;
  font-weight: 500;
}
.av__facts {
  flex-direction: column;
  gap: 8px;
  width: 100%;
  margin: 0;
  display: flex;
}
.av__fact {
  justify-content: space-between;
  align-items: baseline;
  gap: 16px;
  display: flex;
}
.av__fact dt {
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--av-label);
  font-size: 13px;
}
.av__fact dd {
  text-align: right;
  margin: 0;
}
.av__mono {
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.01em;
  color: var(--av-ink);
  font-size: 15px;
  font-weight: 500;
}
.av__copy .av__mono {
  letter-spacing: 0.04em;
}
.av__link {
  color: var(--av-ink);
  border-bottom: 1px solid var(--av-rail);
  align-items: center;
  gap: 10px;
  margin-top: 4px;
  padding-bottom: 4px;
  font-size: 14px;
  font-weight: 700;
  transition: border-color 0.2s, color 0.2s;
  display: inline-flex;
}
.av__link:hover {
  color: var(--av-indigo);
  border-bottom-color: var(--av-indigo);
}
.av__link .fh__chevron {
  transition: transform 0.26s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.av__link:hover .fh__chevron {
  transform: rotate(-90deg) translateY(3px);
}
.av__cell .fh__btn {
  margin-top: 4px;
}
.av__ledger {
  padding: 0 var(--av-inset);
  grid-template-columns: repeat(3, 1fr);
  gap: 24px 0;
  display: grid;
}
.av__field {
  align-items: baseline;
  gap: 14px;
  min-width: 0;
  padding-right: 48px;
  display: flex;
}
.av__field ~ .av__field {
  padding-left: 48px;
}
.av__fieldLabel {
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--av-label);
  font-size: 13px;
}
.av__contractControls {
  align-items: baseline;
  gap: 10px;
  display: inline-flex;
}
.av__contractLink {
  color: var(--av-ink);
  border-bottom: 1px solid #0000;
  text-decoration: none;
  transition: color 0.2s, border-color 0.2s;
}
.av__contractLink:hover {
  color: var(--av-indigo);
  border-bottom-color: currentColor;
}
.av__contractLink:focus-visible {
  outline: 2px solid var(--av-indigo);
  outline-offset: 3px;
}
.av__copy {
  font: inherit;
  color: var(--av-ink);
  cursor: pointer;
  background: 0 0;
  border: 0;
  align-items: baseline;
  gap: 10px;
  padding: 0;
  display: inline-flex;
}
.av__copyLabel {
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--av-label);
  font-size: 12px;
  font-weight: 700;
  transition: color 0.2s;
}
.av__copy:hover .av__copyLabel,
.av__copy[data-copied] .av__copyLabel {
  color: var(--av-indigo);
}
.sr-only {
  clip-path: inset(50%);
  white-space: nowrap;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}
.av[data-motion="pending"] .av__lineInner,
.av[data-motion="pending"] .av__intro,
.av[data-motion="pending"] .av__ruleH,
.av[data-motion="pending"] .av__ruleV,
.av[data-motion="pending"] .av__cell > :not(i),
.av[data-motion="pending"] .av__field {
  visibility: hidden;
}
@media (width<=1024px) {
  .av__cell {
    gap: 16px;
    padding: 32px 28px 36px 0;
  }
  .av__cell ~ .av__cell {
    padding-left: 28px;
  }
  .av__cell:last-child {
    padding-right: 0;
  }
  .av__field {
    padding-right: 28px;
  }
  .av__field ~ .av__field {
    padding-left: 28px;
  }
  .av__kind {
    font-size: 17px;
  }
}
@media (width<=860px) {
  .av__grid {
    grid-template-columns: 1fr;
  }
  .av__cell,
  .av__cell ~ .av__cell {
    padding: 32px 0 36px;
  }
  .av__ruleV {
    display: none;
  }
  .av__ledger {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .av__field,
  .av__field ~ .av__field {
    padding: 0;
  }
}
@media (width<=720px) {
  .av__frame {
    gap: 36px;
    width: min(1560px, 100% - 32px);
    padding: 64px 0;
  }
  .av__title {
    letter-spacing: -1.1px;
  }
  .av__intro {
    text-align: left;
  }
  .av__cell .fh__btn {
    width: 100%;
  }
}
.hb__art {
  z-index: 0;
  pointer-events: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.hb__scene {
  width: 774px;
  height: 440px;
  transform: translate(-50%, -50%) scale(var(--k, 1)) translateY(var(--dy, 0px));
  position: absolute;
  top: 50%;
  left: 50%;
}
.hb__scene > * {
  box-sizing: border-box;
  position: absolute;
}
.hb__scene *,
.hb__scene :before,
.hb__scene :after {
  box-sizing: border-box;
}
.hb__scene {
  --ink: #122433;
  --body: #2c2e31;
  --muted: #7c858d;
  --label: #a2a6aa;
  --line: #e0e0e0;
  --soft: #f2f4f6;
  --surface: #fff;
  --thumb: #fff;
  --seg-on: #122433;
  --seg-off: #7c858d;
  --cta: #121212;
  --cta-ink: #fff;
  --hair: #eef0f3;
  --dot: #e3e6ea;
  --ghost-line: #d3d8de;
  --radio: #cfd5e2;
  --bar: #12243312;
  --chipbg: #1224330d;
  --indigo: #4042d1;
  --green: #02774d;
  --lime: #d9f24e;
  --black: #121212;
  font-family: var(--fh-sans);
  color: var(--body);
  line-height: normal;
}
.hb__scene .hbi-mono {
  font-family: var(--fh-digits);
  font-variant-numeric: tabular-nums;
  font-variation-settings: "ROND" 0;
  font-weight: 700;
}
.hb__scene .hbi-up {
  letter-spacing: -0.39px;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
}
.hb__scene .s1a-logo {
  width: 33px;
  height: 17px;
  display: block;
}
.hb__scene .s1a-cta,
.hb__scene .s1a-ok {
  height: 40px;
}
.hb__scene .s1a-ok .hbi-mono {
  font-size: 14px;
}
.hb__scene .s1a-h {
  letter-spacing: -0.6px;
  color: var(--ink);
  margin-top: 30px;
  font-size: 22px;
  font-weight: 500;
}
.hb__scene .s1a-bars {
  flex-direction: column;
  gap: 8px;
  width: 320px;
  margin-top: 14px;
  display: flex;
}
.hb__scene .s1a-chips {
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 22px;
  display: flex;
}
.hb__scene .s1a-chips .hbi-mono {
  font-size: 13px;
}
.hb__scene .s2a-body {
  height: 150px;
  margin-top: 14px;
  position: relative;
}
.hb__scene .s2a-a,
.hb__scene .s2a-b {
  flex-direction: column;
  display: flex;
  position: absolute;
  inset: 0;
}
.hb__scene .s2a-a {
  gap: 2px;
}
.hb__scene .s2a-b {
  opacity: 0;
  gap: 10px;
}
.hb__scene .hbi-fieldRow {
  gap: 10px;
  display: flex;
}
.hb__scene .hbi-fieldRow .hbi-field {
  flex: 1;
}
.hb__scene .hbi-field--card {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  display: flex;
}
.hb__scene .hbi-brands {
  flex: none;
  gap: 4px;
  display: inline-flex;
}
.hb__scene .hbi-brands i {
  border-radius: 3px;
  width: 22px;
  height: 14px;
}
.hb__scene .s2a-foot {
  border-top: 1px solid var(--hair);
  color: var(--muted);
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-top: 14px;
  padding-top: 14px;
  font-size: 13px;
  display: flex;
}
.hb__scene .s2a-sum {
  color: var(--ink);
  font-weight: 600;
}
.hb__scene .hbi-done {
  align-items: center;
  gap: 6px;
  display: inline-flex;
}
.hb__scene .hbi-win {
  border: 1px solid var(--line);
  background: var(--surface);
  border-radius: 12px;
  width: 560px;
  top: 142px;
  left: 107px;
  overflow: hidden;
  box-shadow: 0 32px 56px -32px #12243338;
}
.hb__scene .hbi-win__bar {
  border-bottom: 1px solid var(--hair);
  align-items: center;
  height: 40px;
  padding: 0 14px;
  display: flex;
  position: relative;
}
.hb__scene .hbi-win__dots {
  gap: 6px;
  display: flex;
}
.hb__scene .hbi-win__dots i {
  background: var(--dot);
  border-radius: 50%;
  width: 10px;
  height: 10px;
}
.hb__scene .hbi-win__url {
  background: var(--soft);
  letter-spacing: -0.1px;
  width: 260px;
  height: 26px;
  color: var(--body);
  white-space: nowrap;
  border-radius: 13px;
  justify-content: center;
  align-items: center;
  gap: 7px;
  padding: 0 12px;
  font-size: 12px;
  display: flex;
  position: absolute;
  top: 7px;
  left: 50%;
  transform: translate(-50%);
}
.hb__scene .hbi-win__url svg {
  flex: none;
  width: 10px;
  height: 11px;
}
.hb__scene .hbi-win__page {
  padding: 20px;
  position: relative;
}
.hb__scene .hbi-type {
  white-space: nowrap;
  vertical-align: bottom;
  max-width: 100%;
  display: inline-block;
  overflow: hidden;
}
.hb__scene .hbi-caret {
  background: var(--indigo);
  vertical-align: bottom;
  width: 1.5px;
  height: 12px;
  margin: 0 0 -2px 1px;
  display: inline-block;
}
.hb__scene .hbi-nav {
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.hb__scene .hbi-nav__r {
  align-items: center;
  gap: 8px;
  display: flex;
}
.hb__scene .hbi-btn {
  letter-spacing: -0.28px;
  white-space: nowrap;
  height: 40px;
  color: var(--cta-ink);
  background: var(--cta);
  border-radius: 46px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 0 18px;
  font-size: 14px;
  font-weight: 700;
  display: inline-flex;
}
.hb__scene .hbi-btn svg {
  flex: none;
  width: 10px;
  height: 10px;
}
.hb__scene .hbi-btn--ghost {
  background: var(--surface);
  color: var(--ink);
  border: 1px solid var(--ghost-line);
}
.hb__scene .hbi-btn--indigo {
  background: var(--indigo);
}
.hb__scene .hbi-btn--sm {
  height: 34px;
  padding: 0 14px;
  font-size: 13px;
}
.hb__scene .hbi-bar8 {
  background: var(--bar);
  border-radius: 4px;
  height: 8px;
}
.hb__scene .hbi-ch {
  border: 1px solid var(--line);
  background: var(--surface);
  letter-spacing: -0.39px;
  height: 34px;
  color: var(--ink);
  white-space: nowrap;
  border-radius: 46px;
  align-items: center;
  gap: 8px;
  padding: 0 14px;
  font-size: 13px;
  font-weight: 700;
  display: inline-flex;
}
.hb__scene .hbi-ch img,
.hb__scene .hbi-ch svg.ic {
  border-radius: 50%;
  width: 18px;
  height: 18px;
  display: block;
}
.hb__scene .hbi-ch--dark {
  background: var(--black);
  border-color: var(--black);
  color: #fff;
}
.hb__scene .hbi-dot {
  background: var(--green);
  border-radius: 50%;
  flex: none;
  width: 8px;
  height: 8px;
}
.hb__scene .hbi-dot--amber {
  background: #e0a100;
}
.hb__scene .hbi-dot--grey {
  background: #c5cbd1;
}
.hb__scene .hbi-sheet--pay {
  width: 560px;
  padding: 20px;
  top: 142px;
  left: 107px;
}
.hb__scene .hbi-sheet {
  border: 1px solid var(--line);
  background: var(--surface);
  border-radius: 16px;
  box-shadow: 0 32px 56px -32px #12243338;
}
.hb__scene .hbi-sheet__h {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}
.hb__scene .hbi-sheet__t {
  letter-spacing: -0.2px;
  color: var(--ink);
  font-size: 15px;
  font-weight: 600;
}
.hb__scene .hbi-sheet__s {
  color: var(--muted);
  font-size: 12px;
}
.hb__scene .hbi-lr {
  letter-spacing: -0.1px;
  height: 48px;
  color: var(--ink);
  white-space: nowrap;
  border-radius: 10px;
  align-items: center;
  gap: 12px;
  padding: 0 12px;
  font-size: 14px;
  font-weight: 600;
  display: flex;
  position: relative;
}
.hb__scene .hbi-lr img,
.hb__scene .hbi-lr .ic {
  border-radius: 50%;
  flex: none;
  width: 24px;
  height: 24px;
  display: block;
}
.hb__scene .hbi-lr small {
  color: var(--muted);
  margin-left: 2px;
  font-size: 12px;
  font-weight: 500;
}
.hb__scene .hbi-lr .hbi-mono {
  color: var(--ink);
  margin-left: auto;
  font-size: 13px;
}
.hb__scene .hbi-rad {
  border: 1.5px solid var(--radio);
  border-radius: 50%;
  flex: none;
  width: 18px;
  height: 18px;
  position: relative;
}
.hb__scene .hbi-rad:after {
  content: "";
  background: var(--indigo);
  opacity: 0;
  border-radius: 50%;
  position: absolute;
  inset: 4px;
  transform: scale(0.4);
}
.hb__scene .hbi-lr.is-on {
  background: #4042d10f;
}
.hb__scene .hbi-lr.is-on .hbi-rad {
  border-color: var(--indigo);
}
.hb__scene .hbi-lr.is-on .hbi-rad:after {
  opacity: 1;
  transform: none;
}
.hb__scene .hbi-seg {
  background: var(--soft);
  border-radius: 16px;
  grid-template-columns: 1fr 1fr;
  height: 32px;
  padding: 3px;
  display: inline-grid;
  position: relative;
}
.hb__scene .hbi-seg i {
  background: var(--thumb);
  border-radius: 13px;
  width: calc(50% - 3px);
  height: 26px;
  position: absolute;
  top: 3px;
  left: 3px;
  box-shadow: 0 1px 2px #1224331f;
}
.hb__scene .hbi-seg span {
  letter-spacing: -0.2px;
  color: var(--muted);
  place-items: center;
  padding: 0 14px;
  font-size: 12px;
  font-weight: 700;
  display: grid;
  position: relative;
}
.hb__scene .hbi-st {
  letter-spacing: 0.04em;
  text-transform: uppercase;
  white-space: nowrap;
  border-radius: 12px;
  align-items: center;
  gap: 6px;
  height: 24px;
  padding: 0 10px;
  font-size: 10.5px;
  font-weight: 700;
  display: inline-flex;
}
.hb__scene .hbi-st--grey {
  background: var(--chipbg);
  color: var(--muted);
}
.hb__scene .hbi-st i {
  opacity: 0.75;
  background: currentColor;
  border-radius: 50%;
  flex: none;
  width: 5px;
  height: 5px;
}
.hb__scene .hbi-st--green {
  color: var(--green);
  background: #02774d1f;
}
.hb__scene .hbi-rail {
  background: repeating-linear-gradient(90deg, #c5cbd1 0 8px, #0000 8px 16px);
  height: 1px;
}
.hb__scene .hbi-rail--v {
  background: repeating-linear-gradient(#c5cbd1 0 8px, #0000 8px 16px);
  width: 1px;
  height: auto;
}
.hb__scene .hbi-node {
  background: var(--surface);
  border: 1.5px solid #c5cbd1;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  margin: -5px 0 0 -5px;
}
.hb__scene .hbi-hl {
  opacity: 0;
  background: linear-gradient(90deg, #b3b5f500, #4042d1e6 55%, #b3b5f500);
  border-radius: 2px;
  width: 70px;
  height: 3px;
  margin: -1px 0 0 -35px;
}
.hb__scene .hbi-field {
  border: 1px solid var(--line);
  background: var(--surface);
  border-radius: 12px;
  padding: 12px 14px;
}
.hb__scene .hbi-field__l {
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--muted);
  font-size: 11px;
}
.hb__scene .hbi-field__v {
  color: var(--ink);
  font-size: 16px;
  font-weight: 500;
}
.hb__scene .hbi-cur {
  color: var(--cur-ink, #4042d2);
  z-index: 6;
  pointer-events: none;
  width: 22px;
  height: 22px;
  filter: drop-shadow(0 0 1.5px var(--cur-halo, #fff))
    drop-shadow(0 2px 3px var(--cur-cast, #1224334d));
}
.hb__scene .hbi-cur svg {
  width: 22px;
  height: 22px;
  display: block;
}
.hb__scene .hbi-click {
  border: 2px solid var(--indigo);
  opacity: 0;
  z-index: 5;
  background: #4042d12e;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin: -20px 0 0 -20px;
}
.hb__scene .hbi-dash {
  grid-template-columns: 120px minmax(0, 1fr);
  margin: -20px;
  display: grid;
}
.hb__scene .hbi-dash__side {
  border-right: 1px solid var(--hair);
  flex-direction: column;
  padding: 20px 12px 20px 18px;
  display: flex;
}
.hb__scene .hbi-dash__brand {
  align-items: center;
  margin: 2px 0 20px 10px;
  display: flex;
}
.hb__scene .hbi-dash__brand img {
  width: 26px;
  height: 13px;
  display: block;
}
.hb__scene .hbi-dash__nav {
  flex-direction: column;
  gap: 2px;
  display: flex;
}
.hb__scene .hbi-dash__nav span {
  color: var(--muted);
  white-space: nowrap;
  border-radius: 8px;
  padding: 9px 10px;
  font-size: 12.5px;
  font-weight: 600;
}
.hb__scene .hbi-dash__nav .is-on {
  color: var(--indigo);
  background: #4042d114;
}
.hb__scene .hbi-dash__main {
  flex-direction: column;
  gap: 14px;
  padding: 20px;
  display: flex;
}
.hb__scene .hbi-dash__tiles {
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  display: grid;
}
.hb__scene .hbi-tile {
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 13px 15px;
}
.hb__scene .hbi-tile b {
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: var(--label);
  font-size: 10px;
  font-weight: 700;
  display: block;
}
.hb__scene .hbi-tile span {
  color: var(--ink);
  margin-top: 6px;
  font-size: 23px;
  line-height: 1;
  display: block;
}
.hb__scene .hbi-tile small {
  color: var(--muted);
  margin-top: 6px;
  font-size: 11px;
  display: block;
}
.hb__scene .hbi-claim {
  border: 1px solid var(--line);
  border-radius: 12px;
  align-items: center;
  gap: 12px;
  padding: 14px;
  display: flex;
}
.hb__scene .hbi-claim__l {
  flex: 1;
  min-width: 0;
}
.hb__scene .hbi-claim b {
  letter-spacing: -0.1px;
  color: var(--ink);
  white-space: nowrap;
  align-items: baseline;
  gap: 7px;
  font-size: 14px;
  font-weight: 600;
  display: flex;
}
.hb__scene .hbi-claim b i {
  color: var(--line);
  font-style: normal;
}
.hb__scene .hbi-claim b .hbi-mono {
  color: var(--ink);
  font-size: 13px;
  font-weight: 700;
}
.hb__scene .hbi-claim small {
  color: var(--muted);
  white-space: nowrap;
  margin-top: 5px;
  font-size: 12px;
  display: block;
}
.hb__scene .hbi-claim__r {
  flex: none;
  align-items: center;
  gap: 14px;
  display: flex;
}
.hb__scene .hbi-claim__r .hbi-btn {
  min-width: 90px;
  padding: 0 12px;
}
.hb__scene .hbi-sw {
  place-items: center;
  display: inline-grid;
}
.hb__scene .hbi-sw > * {
  opacity: 0;
  white-space: nowrap;
  grid-area: 1/1;
}
.hb__scene .hbi-sw--l > * {
  justify-self: start;
}
.hb__scene .hbi-sw--r > * {
  justify-self: end;
}
.hb__scene .hbi-spin {
  border: 2px solid #ffffff59;
  border-top-color: #fff;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  animation: 0.9s linear infinite spin;
  display: inline-block;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.hb__scene .hbi-tk {
  background: var(--green);
  color: #fff;
  border-radius: 50%;
  flex: none;
  place-items: center;
  width: 16px;
  height: 16px;
  display: inline-grid;
}
.hb__scene .hbi-tk svg {
  width: 9px;
  height: 9px;
}
.hb__scene .s1a-url {
  animation: 10s steps(18, end) infinite s1a-url;
}
@keyframes s1a-url {
  0%,
  3% {
    max-width: 0;
  }
  11%,
  to {
    max-width: 100%;
  }
}
.hb__scene .s1a-caret {
  animation: 10s infinite s1a-caret;
}
@keyframes s1a-caret {
  0%,
  12% {
    opacity: 1;
  }
  13%,
  to {
    opacity: 0;
  }
}
.hb__scene .s1a-page {
  animation: 10s cubic-bezier(0.2, 0.8, 0.2, 1) infinite s1a-page;
}
@keyframes s1a-page {
  0%,
  11% {
    opacity: 0;
    transform: translateY(10px);
  }
  17%,
  to {
    opacity: 1;
    transform: none;
  }
}
.hb__scene .s1a-btn {
  animation: 10s infinite s1a-btn;
}
.s1a-ok {
  animation: 10s infinite s1a-ok;
}
@keyframes s1a-btn {
  0%,
  28% {
    opacity: 1;
    transform: none;
  }
  29% {
    transform: scale(0.97);
  }
  30%,
  93% {
    opacity: 0;
    transform: scale(0.97);
  }
  96%,
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes s1a-ok {
  0%,
  29% {
    opacity: 0;
    transform: translateY(6px);
  }
  31%,
  93% {
    opacity: 1;
    transform: none;
  }
  96%,
  to {
    opacity: 0;
  }
}
.hb__scene .s1a-cur {
  animation: 10s cubic-bezier(0.2, 0.8, 0.2, 1) infinite s1a-cur;
}
@keyframes s1a-cur {
  0%,
  20% {
    transform: translate(790px, 470px);
  }
  28%,
  36% {
    transform: translate(535.6px, 219.1px);
  }
  29% {
    transform: translate(535.6px, 219.1px) scale(0.85);
  }
  30% {
    transform: translate(535.6px, 219.1px);
  }
  44%,
  to {
    transform: translate(790px, 470px);
  }
}
.hb__scene .s1a-curk {
  animation: 10s infinite s1a-k;
}
@keyframes s1a-k {
  0%,
  29% {
    opacity: 0;
    transform: translate(540px, 222px) scale(0.2);
  }
  29.5% {
    opacity: 1;
  }
  35%,
  to {
    opacity: 0;
    transform: translate(540px, 222px) scale(1);
  }
}
.hb__scene .s2a-cur {
  animation: 12s cubic-bezier(0.2, 0.8, 0.2, 1) infinite s2a-cur;
}
@keyframes s2a-cur {
  0%,
  10% {
    transform: translate(790px, 470px);
  }
  17%,
  24% {
    transform: translate(195.6px, 280.1px);
  }
  19% {
    transform: translate(195.6px, 280.1px) scale(0.85);
  }
  20% {
    transform: translate(195.6px, 280.1px);
  }
  44%,
  56% {
    transform: translate(602.6px, 176.1px);
  }
  50% {
    transform: translate(602.6px, 176.1px) scale(0.85);
  }
  51% {
    transform: translate(602.6px, 176.1px);
  }
  66%,
  to {
    transform: translate(790px, 470px);
  }
}
.hb__scene .s2a-curk {
  animation: 12s infinite s2a-k;
}
@keyframes s2a-k {
  0%,
  19% {
    opacity: 0;
    transform: translate(200px, 283px) scale(0.2);
  }
  19.5% {
    opacity: 1;
  }
  25% {
    opacity: 0;
    transform: translate(200px, 283px) scale(1);
  }
  50% {
    opacity: 0;
    transform: translate(607px, 179px) scale(0.2);
  }
  50.5% {
    opacity: 1;
  }
  56%,
  to {
    opacity: 0;
    transform: translate(607px, 179px) scale(1);
  }
}
.hb__scene .s2a-r0 {
  animation: 12s infinite s2a-r0;
}
.s2a-r0 .hbi-rad {
  animation: 12s infinite s2a-r0r;
}
.s2a-r0 .hbi-rad:after {
  animation: 12s infinite s2a-r0a;
}
@keyframes s2a-r0 {
  0%,
  20% {
    background: #4042d10f;
  }
  21%,
  96% {
    background: 0 0;
  }
  99%,
  to {
    background: #4042d10f;
  }
}
@keyframes s2a-r0r {
  0%,
  20% {
    border-color: #4042d1;
  }
  21%,
  96% {
    border-color: var(--radio);
  }
  99%,
  to {
    border-color: #4042d1;
  }
}
@keyframes s2a-r0a {
  0%,
  20% {
    opacity: 1;
    transform: none;
  }
  21%,
  96% {
    opacity: 0;
    transform: scale(0.4);
  }
  99%,
  to {
    opacity: 1;
    transform: none;
  }
}
.hb__scene .s2a-r1 {
  animation: 12s infinite s2a-r1;
}
.s2a-r1 .hbi-rad {
  animation: 12s infinite s2a-r1r;
}
.s2a-r1 .hbi-rad:after {
  animation: 12s infinite s2a-r1a;
}
@keyframes s2a-r1 {
  0%,
  20% {
    background: 0 0;
  }
  21%,
  96% {
    background: #4042d10f;
  }
  99%,
  to {
    background: 0 0;
  }
}
@keyframes s2a-r1r {
  0%,
  20% {
    border-color: var(--radio);
  }
  21%,
  96% {
    border-color: #4042d1;
  }
  99%,
  to {
    border-color: var(--radio);
  }
}
@keyframes s2a-r1a {
  0%,
  20% {
    opacity: 0;
    transform: scale(0.4);
  }
  21%,
  96% {
    opacity: 1;
    transform: none;
  }
  99%,
  to {
    opacity: 0;
    transform: scale(0.4);
  }
}
.hb__scene .s2a-thumb {
  animation: 12s cubic-bezier(0.2, 0.8, 0.2, 1) infinite s2a-thumb;
}
@keyframes s2a-thumb {
  0%,
  51% {
    transform: translate(0);
  }
  55%,
  93% {
    transform: translate(100%);
  }
  97%,
  to {
    transform: translate(0);
  }
}
.hb__scene .s2a-t0 {
  animation: 12s infinite s2a-t0;
}
.s2a-t1 {
  animation: 12s infinite s2a-t1;
}
@keyframes s2a-t0 {
  0%,
  51% {
    color: var(--seg-on);
  }
  55%,
  93% {
    color: var(--seg-off);
  }
  97%,
  to {
    color: var(--seg-on);
  }
}
@keyframes s2a-t1 {
  0%,
  51% {
    color: var(--seg-off);
  }
  55%,
  93% {
    color: var(--seg-on);
  }
  97%,
  to {
    color: var(--seg-off);
  }
}
.hb__scene .s2a-a {
  animation: 12s cubic-bezier(0.2, 0.8, 0.2, 1) infinite s2a-a;
}
.s2a-b {
  animation: 12s cubic-bezier(0.2, 0.8, 0.2, 1) infinite s2a-b;
}
@keyframes s2a-a {
  0%,
  51% {
    opacity: 1;
    transform: none;
  }
  55%,
  93% {
    opacity: 0;
    transform: translateY(-8px);
  }
  97%,
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes s2a-b {
  0%,
  53% {
    opacity: 0;
    transform: translateY(10px);
  }
  57%,
  93% {
    opacity: 1;
    transform: none;
  }
  97%,
  to {
    opacity: 0;
    transform: translateY(10px);
  }
}
.hb__scene .s2a-sum > :first-child {
  animation: 12s infinite s2a-s0;
}
.s2a-sum > :nth-child(2) {
  animation: 12s infinite s2a-s1;
}
.s2a-sum > :nth-child(3) {
  animation: 12s infinite s2a-s2;
}
@keyframes s2a-s0 {
  0%,
  20% {
    opacity: 1;
    transform: none;
  }
  22%,
  95% {
    opacity: 0;
    transform: translateY(-6px);
  }
  98%,
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes s2a-s1 {
  0%,
  21% {
    opacity: 0;
    transform: translateY(6px);
  }
  23%,
  53% {
    opacity: 1;
    transform: none;
  }
  55%,
  to {
    opacity: 0;
    transform: translateY(-6px);
  }
}
@keyframes s2a-s2 {
  0%,
  54% {
    opacity: 0;
    transform: translateY(6px);
  }
  56%,
  93% {
    opacity: 1;
    transform: none;
  }
  96%,
  to {
    opacity: 0;
    transform: translateY(-6px);
  }
}
.hb__scene .s3c-page {
  animation: 12s cubic-bezier(0.2, 0.8, 0.2, 1) infinite s3c-page;
}
@keyframes s3c-page {
  0%,
  3% {
    opacity: 0;
    transform: translateY(8px);
  }
  9%,
  to {
    opacity: 1;
    transform: none;
  }
}
.hb__scene .s3c-st > :first-child {
  animation: 12s infinite s3c-p0;
}
.s3c-st > :nth-child(2) {
  animation: 12s infinite s3c-p1;
}
@keyframes s3c-p0 {
  0%,
  49% {
    opacity: 1;
    transform: none;
  }
  52%,
  95% {
    opacity: 0;
    transform: translateY(-6px);
  }
  98%,
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes s3c-p1 {
  0%,
  50% {
    opacity: 0;
    transform: translateY(6px);
  }
  53%,
  95% {
    opacity: 1;
    transform: none;
  }
  98%,
  to {
    opacity: 0;
    transform: translateY(6px);
  }
}
.hb__scene .s3c-cur {
  animation: 12s cubic-bezier(0.2, 0.8, 0.2, 1) infinite s3c-cur;
}
@keyframes s3c-cur {
  0%,
  50% {
    transform: translate(790px, 470px);
  }
  58%,
  66% {
    transform: translate(574.6px, 350.1px);
  }
  61% {
    transform: translate(574.6px, 350.1px) scale(0.85);
  }
  62% {
    transform: translate(574.6px, 350.1px);
  }
  74%,
  to {
    transform: translate(790px, 470px);
  }
}
.hb__scene .s3c-curk {
  animation: 12s infinite s3c-k;
}
@keyframes s3c-k {
  0%,
  61% {
    opacity: 0;
    transform: translate(579px, 353px) scale(0.2);
  }
  61.5% {
    opacity: 1;
  }
  67%,
  to {
    opacity: 0;
    transform: translate(579px, 353px) scale(1);
  }
}
.hb__scene .s3c-btn {
  animation: 12s infinite s3c-btn;
}
@keyframes s3c-btn {
  0%,
  61% {
    background: var(--cta);
    color: var(--cta-ink);
  }
  63%,
  95% {
    background: var(--lime);
    color: #122433;
  }
  98%,
  to {
    background: var(--cta);
    color: var(--cta-ink);
  }
}
.hb__scene .s3c-btn .hbi-sw > :first-child {
  animation: 12s infinite s3c-b0;
}
.s3c-btn .hbi-sw > :nth-child(2) {
  animation: 12s infinite s3c-b1;
}
@keyframes s3c-b0 {
  0%,
  61% {
    opacity: 1;
  }
  63%,
  95% {
    opacity: 0;
  }
  98%,
  to {
    opacity: 1;
  }
}
@keyframes s3c-b1 {
  0%,
  62% {
    opacity: 0;
  }
  64%,
  95% {
    opacity: 1;
  }
  98%,
  to {
    opacity: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .hb__scene * {
    animation: none !important;
  }
  .hb__scene .hbi-sw > :first-child {
    opacity: 1 !important;
  }
}
@media (width<=720px) {
  .hb__scene {
    transform-origin: 0 0;
    width: 300px;
    height: 322px;
    transform: scale(var(--k, 1));
    top: 0;
    bottom: auto;
    left: 0;
  }
  .hb__scene .hbi-cur,
  .hb__scene .hbi-click {
    display: none;
  }
  .hb__scene .hbi-win,
  .hb__scene .hbi-sheet--pay {
    width: 300px;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
  .hb__scene .hbi-sheet--pay,
  .hb__scene .hbi-win__page {
    padding: 16px;
  }
  .hb__scene .hbi-win__url {
    width: 186px;
    font-size: 10.5px;
  }
  .hb__scene .hbi-nav {
    flex-direction: column;
    align-items: stretch;
    gap: 14px;
  }
  .hb__scene .s1a-logo {
    width: 40px;
    height: 21px;
  }
  .hb__scene .hbi-nav__r,
  .hb__scene .s1a-cta {
    width: 100%;
    display: grid;
  }
  .hb__scene .s1a-cta > * {
    justify-self: stretch;
    width: 100%;
  }
  .hb__scene .s1a-h {
    letter-spacing: -0.4px;
    margin-top: 20px;
    font-size: 19px;
  }
  .hb__scene .s1a-bars {
    width: 100%;
    margin-top: 12px;
  }
  .hb__scene .s1a-chips {
    margin-top: 16px;
  }
  .hb__scene .s1a-chips .hbi-ch {
    height: 30px;
    padding: 0 11px;
    font-size: 12px;
  }
  .hb__scene .s1a-chips .hbi-mono {
    font-size: 11px;
  }
  .hb__scene .hbi-sheet__t {
    font-size: 14px;
  }
  .hb__scene .hbi-seg {
    height: 28px;
  }
  .hb__scene .hbi-seg i {
    height: 22px;
  }
  .hb__scene .hbi-seg span {
    padding: 0 11px;
    font-size: 11px;
  }
  .hb__scene .s2a-body {
    height: 138px;
    margin-top: 12px;
  }
  .hb__scene .hbi-lr {
    gap: 10px;
    height: 44px;
    padding: 0 10px;
    font-size: 13px;
  }
  .hb__scene .hbi-lr small {
    display: none;
  }
  .hb__scene .hbi-field {
    padding: 10px 12px;
  }
  .hb__scene .hbi-field__v {
    font-size: 14px;
  }
  .hb__scene .s2a-foot {
    margin-top: 12px;
    padding-top: 12px;
    font-size: 12px;
  }
  .hb__scene .s2a-sum .hbi-mono {
    font-size: 11px;
  }
  .hb__scene .hbi-dash {
    grid-template-columns: minmax(0, 1fr);
    margin: -16px;
  }
  .hb__scene .hbi-dash__side {
    border-right: 0;
    border-bottom: 1px solid var(--hair);
    flex-direction: row;
    align-items: center;
    gap: 10px;
    padding: 9px 14px;
  }
  .hb__scene .hbi-dash__brand {
    margin: 0;
  }
  .hb__scene .hbi-dash__nav {
    flex-direction: row;
    gap: 4px;
    margin-left: auto;
  }
  .hb__scene .hbi-dash__nav span {
    padding: 5px 9px;
    font-size: 11px;
  }
  .hb__scene .hbi-dash__nav span:nth-child(2),
  .hb__scene .hbi-dash__nav span:nth-child(4) {
    display: none;
  }
  .hb__scene .hbi-dash__main {
    gap: 12px;
    padding: 14px;
  }
  .hb__scene .hbi-dash__tiles {
    gap: 10px;
  }
  .hb__scene .hbi-tile {
    padding: 10px 11px;
  }
  .hb__scene .hbi-tile b {
    font-size: 8.5px;
  }
  .hb__scene .hbi-tile span {
    margin-top: 4px;
    font-size: 17px;
  }
  .hb__scene .hbi-tile small {
    margin-top: 4px;
    font-size: 9.5px;
    line-height: 1.35;
  }
  .hb__scene .hbi-claim {
    flex-direction: column;
    align-items: stretch;
    gap: 11px;
    padding: 12px;
  }
  .hb__scene .hbi-claim b {
    font-size: 13px;
  }
  .hb__scene .hbi-claim small {
    font-size: 11px;
  }
  .hb__scene .hbi-claim__r {
    justify-content: space-between;
  }
  .hb__scene .hbi-claim__r .hbi-btn {
    min-width: 96px;
  }
}
.hb {
  --hb-bg: #edeff1;
  --hb-rail: #c5cbd1;
  --hb-line: #dadee2;
  --hb-ink: #122433;
  --hb-body: #7c858d;
  --hb-label: #a2a6aa;
  --hb-indigo: #4042d1;
  --hb-card: #fff;
  --fh-sans: "Onest Variable", ui-sans-serif, system-ui, -apple-system,
    "Segoe UI", Roboto, sans-serif;
  --fh-display: "NewBlack Typeface", "Onest Variable", ui-sans-serif, system-ui,
    sans-serif;
  --fh-digits: "Doto Variable", "Courier New", monospace;
  --hb-dash-v: repeating-linear-gradient(
    180deg,
    var(--hb-rail) 0 8px,
    transparent 8px 16px
  );
  --hb-step-inset: 48px;
  --hb-rule-v: repeating-linear-gradient(
    180deg,
    var(--hb-line) 0 4px,
    transparent 4px 8px
  );
  --hb-rule-h: repeating-linear-gradient(
    90deg,
    var(--hb-line) 0 4px,
    transparent 4px 8px
  );
  background: var(--hb-bg);
  color: var(--hb-ink);
  font-family: var(--fh-sans);
}
.hb__frame {
  background-image: var(--hb-dash-v), var(--hb-dash-v);
  background-position: 0 0, 100% 0;
  background-repeat: no-repeat;
  background-size: 1px 100%, 1px 100%;
  flex-direction: column;
  gap: 48px;
  width: min(1560px, 100% - 48px);
  margin: 0 auto;
  padding: 96px clamp(0px, 3.85%, 60px);
  display: flex;
}
.hb__head {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 16px 48px;
  display: flex;
}
.hb__title {
  font-family: var(--fh-display);
  letter-spacing: -1.92px;
  color: var(--hb-ink);
  margin: 0;
  font-size: clamp(38px, 4.4vw, 64px);
  font-weight: 500;
  line-height: 1.12;
}
.hb__line {
  margin-bottom: -0.08em;
  padding-bottom: 0.08em;
  display: block;
  overflow: hidden;
}
.hb__lineInner {
  display: block;
}
.hb__intro {
  letter-spacing: 0.01em;
  max-width: 42ch;
  color: var(--hb-body);
  margin: 0;
  font-size: 16px;
  line-height: 1.6;
}
.hb__cols {
  gap: 0 85fr;
  grid-template-columns: 774fr 581fr;
  align-items: start;
  display: grid;
}
.hb__card {
  background: var(--hb-card);
  isolation: isolate;
  border-radius: 12px;
  height: 440px;
  padding: 32px;
  position: relative;
  overflow: hidden;
}
.hb__card:focus-visible {
  outline: 2px solid var(--hb-indigo);
  outline-offset: 3px;
}
.hb__cardInner {
  flex-direction: column;
  height: 100%;
  display: flex;
}
.hb__copy {
  flex-direction: column;
  gap: 13px;
  max-width: 562px;
  display: flex;
}
.hb__cardTitle {
  letter-spacing: -0.72px;
  color: #2c2e31;
  margin: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 0.981;
}
.hb__body {
  letter-spacing: 0.01em;
  color: #2c2e31;
  margin: 0;
  font-size: 16px;
  line-height: 1.6;
}
.hb__bg {
  pointer-events: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.hb__bg > * {
  position: absolute;
}
.hb__glow {
  max-width: none;
  display: block;
}
.hb__glow--1 {
  object-fit: cover;
  object-position: right bottom;
  width: 100%;
  height: 262px;
  bottom: 0;
  left: 0;
  right: 0;
}
.hb__glow--2 {
  object-fit: cover;
  object-position: right bottom;
  width: 100%;
  height: 319px;
  bottom: 0;
  left: 0;
  right: 0;
}
.hb__glow--3 {
  bottom: -6px;
  left: -6px;
}
.hb__dots,
.hb__wash {
  height: 295px;
  bottom: 0;
  left: 0;
  right: 0;
}
.hb__bg[data-step="claim"] .hb__dots,
.hb__bg[data-step="claim"] .hb__wash {
  height: 279px;
}
.hb__dots {
  background-image: radial-gradient(circle, #1224331f 1px, #0000 1.4px);
  background-position: 14px 14px;
  background-size: 28px 28px;
  -webkit-mask-image: linear-gradient(#0000 0%, #000 30%);
  mask-image: linear-gradient(#0000 0%, #000 30%);
}
.hb__wash {
  mix-blend-mode: color;
  background: linear-gradient(#b3b5f5 0%, #c4e0f6 86.862%);
}
.hb__cardInner {
  z-index: 1;
  position: relative;
}
.hb__rail {
  flex-direction: column;
  height: 440px;
  display: flex;
}
.hb__step {
  padding: 32px 24px 32px var(--hb-step-inset);
  font: inherit;
  text-align: left;
  cursor: pointer;
  background: 0 0;
  background-image: var(--hb-rule-h);
  background-size: calc(100% - var(--hb-step-inset)) 1px;
  background-position: var(--hb-step-inset) top;
  background-repeat: no-repeat;
  border: 0;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  gap: 4px;
  display: flex;
  position: relative;
}
.hb__step:last-child {
  background-image: var(--hb-rule-h), var(--hb-rule-h);
  background-size: calc(100% - var(--hb-step-inset)) 1px,
    calc(100% - var(--hb-step-inset)) 1px;
  background-position: var(--hb-step-inset) top, var(--hb-step-inset) bottom;
}
.hb__step:focus-visible {
  outline: 2px solid var(--hb-indigo);
  outline-offset: -2px;
}
.hb__stepLabel {
  letter-spacing: 0.01em;
  color: var(--hb-body);
  font-size: 16px;
  line-height: 1.6;
  transition: color 0.24s;
}
.hb__stepTitle {
  font-family: var(--fh-display);
  letter-spacing: -0.72px;
  color: var(--hb-body);
  font-size: 24px;
  font-weight: 500;
  line-height: 1.12;
  transition: color 0.24s;
}
.hb__step.is-active .hb__stepLabel {
  color: var(--hb-indigo);
}
.hb__step.is-active .hb__stepTitle {
  color: var(--hb-ink);
}
.hb__marker {
  background: var(--hb-indigo);
  transform-origin: 50% 0;
  width: 2px;
  transition: transform 0.32s cubic-bezier(0.2, 0.7, 0.2, 1);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  transform: scaleY(0);
}
.hb__step.is-active .hb__marker {
  transform: scaleY(1);
}
.hb[data-auto] .hb__step.is-active .hb__marker {
  animation: hb-tick-y var(--hb-step-ms, 12s) linear both;
}
.hb__step:after {
  content: "";
  opacity: 0;
  pointer-events: none;
  background: #4042d129;
  width: 2px;
  transition: opacity 0.24s;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}
.hb[data-auto] .hb__step.is-active:after {
  opacity: 1;
}
@keyframes hb-tick-y {
  0% {
    transform: scaleY(0);
  }
  to {
    transform: scaleY(1);
  }
}
@keyframes hb-tick-x {
  0% {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}
@media (prefers-reduced-motion: reduce) {
  .hb[data-auto] .hb__step.is-active .hb__marker {
    animation: none;
  }
  .hb__marker,
  .hb__stepLabel,
  .hb__stepTitle {
    transition: none;
  }
}
.hb[data-motion="pending"] .hb__lineInner,
.hb[data-motion="pending"] .hb__intro,
.hb[data-motion="pending"] .hb__card,
.hb[data-motion="pending"] .hb__step {
  visibility: hidden;
}
@media (width<=1100px) {
  .hb__cols {
    flex-direction: column;
    gap: 28px;
    display: flex;
  }
  .hb__card,
  .hb__rail {
    height: auto;
  }
  .hb__card {
    order: 2;
    min-height: 380px;
  }
  .hb__rail {
    flex-direction: row;
    order: 1;
  }
  .hb__step {
    background-image: var(--hb-rule-v);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 1px 100%;
    flex: 1;
    gap: 2px;
    padding: 18px 0 18px 20px;
  }
  .hb__step:first-child {
    background-image: none;
    padding-left: 0;
  }
  .hb__step:last-child {
    background-image: var(--hb-rule-v);
    background-position: 0 0;
    background-size: 1px 100%;
  }
  .hb__stepLabel {
    font-size: 13px;
  }
  .hb__stepTitle {
    letter-spacing: -0.57px;
    font-size: 19px;
  }
  .hb__marker {
    transform-origin: 0;
    width: auto;
    height: 2px;
    inset: auto 0 -1px;
    transform: scaleX(0);
  }
  .hb__step.is-active .hb__marker {
    transform: scaleX(1);
  }
  .hb[data-auto] .hb__step.is-active .hb__marker {
    animation-name: hb-tick-x;
  }
  .hb__step:after {
    width: auto;
    height: 2px;
    inset: auto 0 -1px;
  }
}
@media (width<=720px) {
  .hb__frame {
    gap: 32px;
    width: min(1560px, 100% - 32px);
    padding: 64px 16px;
  }
  .hb__title {
    letter-spacing: -1.1px;
  }
  .hb__card {
    flex-direction: column;
    min-height: 0;
    padding: 24px;
    display: flex;
  }
  .hb__cardInner {
    order: 1;
  }
  .hb__art {
    aspect-ratio: 300/322;
    order: 2;
    width: 100%;
    max-width: 390px;
    margin: 22px auto 0;
    position: relative;
    inset: auto;
  }
  .hb__rail {
    flex-direction: row;
    height: auto;
  }
  .hb__step,
  .hb__step:first-child,
  .hb__step:last-child {
    background-image: var(--hb-rule-h);
    background-position: 0 0;
    background-size: 100% 1px;
    flex: 1 1 0;
    justify-content: flex-start;
    gap: 2px;
    min-width: 0;
    padding: 13px 10px 0 0;
  }
  .hb__stepLabel {
    font-size: 13px;
    line-height: 1.4;
  }
  .hb__stepTitle {
    letter-spacing: -0.42px;
    font-size: 17px;
  }
  .hb__marker {
    transform-origin: 0;
    width: 100%;
    height: 2px;
    inset: 0 auto auto 0;
    transform: scaleX(0);
  }
  .hb__step.is-active .hb__marker {
    transform: scaleX(1);
  }
  .hb[data-auto] .hb__step.is-active .hb__marker {
    animation-name: hb-tick-x;
  }
  .hb__step:after {
    width: 100%;
    height: 2px;
    inset: 0 auto auto 0;
  }
}
.rs {
  --rs-bg: #0c1219;
  --rs-rail: #ffffff1f;
  --rs-leader: #1f1f1f;
  --rs-spine: #292e35;
  --rs-ink: #fff;
  --rs-body: #7c858d;
  --rs-dim: #7c858d7a;
  --rs-card: #7c858d0f;
  --rs-card-line: #7c858d1f;
  --fh-sans: "Onest Variable", ui-sans-serif, system-ui, -apple-system,
    "Segoe UI", Roboto, sans-serif;
  --fh-display: "NewBlack Typeface", "Onest Variable", ui-sans-serif, system-ui,
    sans-serif;
  --rs-dash-v: repeating-linear-gradient(
    180deg,
    var(--rs-rail) 0 8px,
    transparent 8px 16px
  );
  --rs-dash-h: repeating-linear-gradient(
    90deg,
    var(--rs-rail) 0 8px,
    transparent 8px 16px
  );
  --rs-stage-h: 915px;
  --rs-move: 0.48s;
  --rs-ease: cubic-bezier(0.32, 0.72, 0, 1);
  --rs-inset: 48px;
  background: var(--rs-bg);
  color: var(--rs-body);
  font-family: var(--fh-sans);
}
.rs__frame {
  background-image: var(--rs-dash-v), var(--rs-dash-v);
  background-position: 0 0, 100% 0;
  background-repeat: no-repeat;
  background-size: 1px 100%, 1px 100%;
  flex-direction: column;
  gap: 50px;
  width: min(1560px, 100% - 48px);
  margin: 0 auto;
  padding: 90px 0;
  display: flex;
}
.rs__title {
  font-family: var(--fh-display);
  letter-spacing: -1.92px;
  text-align: center;
  color: var(--rs-body);
  margin: 0;
  font-size: clamp(38px, 4.4vw, 64px);
  font-weight: 500;
  line-height: 1.12;
}
.rs__line {
  margin-bottom: -0.08em;
  padding-bottom: 0.08em;
  display: block;
  overflow: hidden;
}
.rs__lineInner {
  display: block;
}
.rs__titleInk {
  color: var(--rs-ink);
}
.rs__sr {
  clip-path: inset(50%);
  white-space: nowrap;
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
}
.rs__stage {
  height: var(--rs-stage-h);
  padding: var(--rs-inset) 0;
  background-image: var(--rs-dash-h), var(--rs-dash-h);
  background-position: 0 0, 0 100%;
  background-repeat: no-repeat;
  background-size: 100% 1px, 100% 1px;
  align-items: center;
  gap: 48px;
  display: flex;
  position: relative;
  overflow: hidden;
}
.rs__index {
  flex: 1 0 0;
  min-width: 0;
  height: 100%;
}
.rs__levels {
  height: 100%;
  padding: 0 var(--rs-inset);
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  margin: 0;
  list-style: none;
  display: flex;
  position: relative;
}
.rs__level {
  width: 100%;
}
.rs__level button {
  width: 100%;
  font: inherit;
  cursor: pointer;
  background: 0 0;
  border: 0;
  justify-content: flex-end;
  align-items: center;
  gap: 66px;
  padding: 0;
  display: flex;
}
.rs__leader {
  background-image: repeating-linear-gradient(
    90deg,
    var(--rs-leader) 0 8px,
    transparent 8px 16px
  );
  flex: 1 0 0;
  min-width: 0;
  height: 1px;
  position: relative;
}
.rs__leader:after {
  content: "";
  background-image: repeating-linear-gradient(
    90deg,
    var(--rs-spine) 0 8px,
    transparent 8px 16px
  );
  opacity: 0;
  transition: opacity var(--rs-move) var(--rs-ease);
  position: absolute;
  inset: 0;
}
.rs__level[data-active] .rs__leader:after {
  opacity: 1;
}
.rs__levelName {
  font-family: var(--fh-display);
  letter-spacing: -0.96px;
  color: var(--rs-dim);
  white-space: nowrap;
  transition: color var(--rs-move) var(--rs-ease);
  font-size: 32px;
  font-weight: 500;
  line-height: 1.12;
}
.rs__level[data-active] .rs__levelName,
.rs__level button:hover .rs__levelName {
  color: var(--rs-ink);
}
.rs__level button:focus-visible {
  outline: 2px solid var(--rs-ink);
  outline-offset: 6px;
  border-radius: 6px;
}
.rs__rail {
  width: 24px;
  height: calc(100% + var(--rs-inset) * 2);
  flex: none;
  position: relative;
}
.rs__railLine {
  background: var(--rs-spine);
  width: 1px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
}
.rs__marker {
  width: 24px;
  height: 24px;
  transition: transform var(--rs-move) var(--rs-ease), opacity 0.2s ease;
  will-change: transform;
  margin-top: -12px;
  display: block;
  position: absolute;
  left: 0;
}
.rs__cards {
  min-width: 0;
  height: 100%;
  padding: 0 var(--rs-inset);
  flex: 1 0 0;
  position: relative;
}
.rs__stack {
  transition: transform var(--rs-move) var(--rs-ease);
  will-change: transform;
  flex-direction: column;
  gap: 72px;
  display: flex;
}
.rs__card {
  border: 1px solid var(--rs-card-line);
  background: var(--rs-card);
  opacity: 0.64;
  transition: opacity var(--rs-move) var(--rs-ease);
  border-radius: 12px;
  flex-direction: column;
  gap: 32px;
  padding: 32px;
  display: flex;
}
.rs__card[data-active] {
  opacity: 1;
}
.rs__item {
  align-items: center;
  gap: 12px;
  display: flex;
}
.rs__item img {
  flex: none;
  width: 14px;
  height: 14px;
  display: block;
}
.rs__item p {
  letter-spacing: 0.16px;
  width: 410px;
  max-width: 100%;
  color: var(--rs-body);
  margin: 0;
  font-size: 16px;
  line-height: 1.6;
}
.rs__group {
  flex-direction: column;
  gap: 24px;
  display: flex;
}
.rs__stageLabel {
  letter-spacing: -0.6px;
  color: var(--rs-body);
  margin: 0;
  font-size: 20px;
  font-weight: 500;
}
.rs[data-motion="pending"] .rs__lineInner,
.rs[data-motion="pending"] .rs__level,
.rs[data-motion="pending"] .rs__hItem,
.rs[data-motion="pending"] .rs__cards,
.rs[data-motion="pending"] .rs__railLine {
  visibility: hidden;
}
@media (prefers-reduced-motion: reduce) {
  .rs__marker,
  .rs__stack,
  .rs__card,
  .rs__leader,
  .rs__levelName,
  .rs__tlPanel,
  .rs__tlName,
  .rs__tlLabel,
  .rs__tlItem:before {
    transition: none;
  }
}
@media (width<=1280px) {
  .rs {
    --rs-stage-h: 820px;
    --rs-inset: 32px;
  }
  .rs__stage,
  .rs__level button {
    gap: 32px;
  }
  .rs__levelName {
    font-size: 28px;
  }
}
@media (width<=1024px) {
  .rs {
    --rs-stage-h: 720px;
  }
  .rs__levelName {
    letter-spacing: -0.66px;
    font-size: 22px;
  }
  .rs__item p {
    width: auto;
  }
  .rs__card {
    padding: 24px;
  }
  .rs__stack {
    gap: 48px;
  }
}
@media (width<=900px) {
  .rs {
    --rs-inset: 0px;
  }
  .rs__frame {
    gap: 28px;
    width: min(1560px, 100% - 32px);
    padding: 64px 16px;
  }
  .rs__title {
    letter-spacing: -1.1px;
  }
  .rs__stage--h {
    background-image: none;
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
    height: auto;
    padding: 6px 0 0;
    display: flex;
    overflow: visible;
  }
  .rs__hRail {
    justify-content: space-between;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
  }
  .rs__hItem {
    flex: 1 1 0;
    min-width: 0;
    position: relative;
  }
  .rs__hItem:before {
    content: "";
    background: var(--rs-spine);
    height: 1px;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
  }
  .rs__hItem:first-child:before {
    left: 50%;
  }
  .rs__hItem:last-child:before {
    right: 50%;
  }
  .rs__hItem > button {
    width: 100%;
    font: inherit;
    cursor: pointer;
    background: 0 0;
    border: 0;
    place-items: center;
    padding: 6px 0;
    display: grid;
    position: relative;
  }
  .rs__hItem > button:focus-visible {
    outline: 2px solid var(--rs-ink);
    outline-offset: 2px;
    border-radius: 999px;
  }
  .rs__hDot {
    border: 1px solid var(--rs-spine);
    background: var(--rs-bg);
    width: 26px;
    height: 26px;
    font-family: var(--fh-digits, var(--fh-sans));
    color: var(--rs-dim);
    transition: background-color var(--rs-move) var(--rs-ease),
      border-color var(--rs-move) var(--rs-ease),
      color var(--rs-move) var(--rs-ease),
      box-shadow var(--rs-move) var(--rs-ease);
    border-radius: 50%;
    place-items: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 1;
    display: grid;
  }
  .rs__hItem[data-state="done"] .rs__hDot {
    border-color: var(--rs-body);
    color: var(--rs-body);
  }
  .rs__hItem[data-state="live"] .rs__hDot {
    color: #f9ff38;
    border-color: #f9ff38;
  }
  .rs__hItem[data-active] .rs__hDot {
    color: #0c1219;
    background: #f9ff38;
    border-color: #f9ff38;
    box-shadow: 0 0 0 4px #f9ff3824;
  }
  .rs__hNow {
    justify-content: space-between;
    align-items: baseline;
    gap: 12px;
    margin: 2px 0 0;
    display: flex;
  }
  .rs__hNow b {
    font-family: var(--fh-display);
    letter-spacing: -0.66px;
    color: var(--rs-ink);
    font-size: 22px;
    font-weight: 500;
    line-height: 1.12;
  }
  .rs__hNow span {
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--rs-body);
    flex: none;
    font-size: 12px;
    font-weight: 600;
  }
  .rs__hPanel .rs__card {
    opacity: 1;
    gap: 20px;
    margin: 0;
    padding: 20px;
  }
  .rs__item {
    align-items: flex-start;
    gap: 10px;
  }
  .rs__item img {
    margin-top: 5px;
  }
  .rs__item p {
    font-size: 15px;
    line-height: 1.55;
  }
}
.ft {
  --ft-bg: #0c1219;
  --ft-rail: #28323c;
  --ft-line: #232d37;
  --ft-ink: #eef2f5;
  --ft-body: #8593a0;
  --ft-label: #6c7783;
  --ft-muted: #55606b;
  --ft-accent: #d9f24e;
  --fh-sans: "Onest Variable", ui-sans-serif, system-ui, -apple-system,
    "Segoe UI", Roboto, sans-serif;
  --fh-display: "NewBlack Typeface", "Onest Variable", ui-sans-serif, system-ui,
    sans-serif;
  --ft-dash-v: repeating-linear-gradient(
    180deg,
    var(--ft-rail) 0 8px,
    transparent 8px 16px
  );
  --ft-dash-h: repeating-linear-gradient(
    90deg,
    var(--ft-rail) 0 8px,
    transparent 8px 16px
  );
  --ft-inset: clamp(0px, 3.85%, 60px);
  background: var(--ft-bg);
  color: var(--ft-ink);
  font-family: var(--fh-sans);
  display: block;
}
.ft__frame {
  background-image: var(--ft-dash-v), var(--ft-dash-v);
  background-position: 0 0, 100% 0;
  background-repeat: no-repeat;
  background-size: 1px 100%, 1px 100%;
  flex-direction: column;
  width: min(1560px, 100% - 48px);
  margin: 0 auto;
  padding: 0 0 48px;
  display: flex;
}
.ft__cta {
  isolation: isolate;
  padding: 160px var(--ft-inset) 150px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: 36px;
  display: flex;
  position: relative;
}
.ft__title {
  font-family: var(--fh-display);
  letter-spacing: -1.92px;
  color: var(--ft-ink);
  margin: 0;
  font-size: clamp(40px, 4.6vw, 64px);
  font-weight: 500;
  line-height: 1.12;
}
.ft__titleMuted {
  color: var(--ft-muted);
}
.ft__line {
  margin-bottom: -0.08em;
  padding-bottom: 0.08em;
  display: block;
  overflow: hidden;
}
.ft__lineInner {
  display: block;
}
.ft__field {
  z-index: -1;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0;
}
.ft__main {
  padding: 96px var(--ft-inset);
  grid-template-columns: 340px minmax(0, 1fr);
  gap: 64px;
  display: grid;
}
.ft__identity {
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  display: flex;
}
.ft__brand {
  color: var(--ft-ink);
  align-items: center;
  gap: 4px;
  font-size: 22.14px;
  font-weight: 700;
  text-decoration: none;
  display: inline-flex;
}
.ft__brand img {
  transition: transform 0.32s cubic-bezier(0.22, 0.61, 0.36, 1);
  display: block;
}
.ft__brand:hover img {
  transform: translate(-2px);
}
.ft__social {
  align-items: center;
  gap: 4px;
  margin: 0 0 0 -10px;
  padding: 0;
  list-style: none;
  display: flex;
}
.ft__social a {
  width: 36px;
  height: 36px;
  color: var(--ft-body);
  border-radius: 50%;
  place-items: center;
  transition: color 0.2s, background 0.2s;
  display: grid;
}
.ft__social a:hover {
  color: var(--ft-ink);
  background: #ffffff14;
}
.ft__social svg {
  fill: currentColor;
  width: 18px;
  height: 18px;
  display: block;
}
.ft__nav {
  grid-template-columns: repeat(3, max-content);
  justify-content: end;
  gap: 0 96px;
  display: grid;
}
.ft__label {
  letter-spacing: -0.39px;
  text-transform: uppercase;
  color: var(--ft-label);
  opacity: 0.5;
  margin: 0 0 22px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
}
.ft__col ul {
  flex-direction: column;
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}
.ft__col a {
  letter-spacing: -0.39px;
  text-transform: uppercase;
  color: var(--ft-body);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
  text-decoration: none;
  transition: color 0.2s;
}
.ft__col a:hover {
  color: var(--ft-ink);
}
.ft__col--contact ul a {
  text-transform: none;
}
.ft__rule {
  background-image: var(--ft-dash-h);
  transform-origin: 0;
  background-repeat: repeat-x;
  height: 1px;
  display: block;
}
.ft__small {
  margin: 0 var(--ft-inset) 44px;
  max-width: 104ch;
  color: var(--ft-label);
  font-size: 12.5px;
  line-height: 1.75;
}
.ft__small b {
  color: var(--ft-body);
  font-weight: 700;
}
.ft__legal {
  padding: 26px var(--ft-inset) 0;
  color: var(--ft-label);
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px 28px;
  font-size: 13px;
  display: flex;
}
.ft__legal nav {
  flex-wrap: wrap;
  gap: 28px;
  display: flex;
}
.ft__legal a {
  color: var(--ft-body);
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
  transition: color 0.2s;
}
.ft__legal a:hover {
  color: var(--ft-accent);
}
.ft .fh__btn--primary {
  color: #122433;
  background: #fff;
}
.ft .fh__btn--primary:hover,
.ft .fh__btn--primary:focus-visible {
  color: #fff;
}
.ft .fh__btn--primary .fh__chevron {
  filter: none;
}
.ft .fh__btn--primary:hover .fh__chevron,
.ft .fh__btn--primary:focus-visible .fh__chevron {
  filter: invert();
}
.ft[data-motion="pending"] .ft__lineInner,
.ft[data-motion="pending"] .ft__cta .fh__btn,
.ft[data-motion="pending"] .ft__main,
.ft[data-motion="pending"] .ft__rule,
.ft[data-motion="pending"] .ft__small,
.ft[data-motion="pending"] .ft__legal {
  visibility: hidden;
}
@media (width<=1180px) {
  .ft__main {
    padding: 72px var(--ft-inset);
    grid-template-columns: 1fr;
    gap: 56px;
  }
  .ft__nav {
    justify-content: start;
    gap: 0 72px;
  }
}
@media (width<=720px) {
  .ft__social {
    margin: 0;
  }
  .ft__social a {
    width: 44px;
    height: 44px;
  }
  .ft__col {
    gap: 4px;
  }
  .ft__col ul {
    gap: 0;
  }
  .ft__label {
    margin-bottom: 10px;
  }
  .ft__identity {
    gap: 20px;
  }
  .ft__brand {
    align-items: center;
    min-height: 44px;
  }
  .ft__col a,
  .ft__legal a {
    align-items: center;
    min-height: 40px;
    display: flex;
  }
  .ft__frame {
    --ft-inset: 16px;
    width: calc(100% - 32px);
    padding: 0 0 32px;
  }
  .ft__cta {
    padding: 64px var(--ft-inset) 64px;
    gap: 28px;
  }
  .ft__title {
    letter-spacing: -1.1px;
  }
  .ft__main {
    padding: 56px var(--ft-inset);
    gap: 44px;
  }
  .ft__nav {
    grid-template-columns: 1fr 1fr;
    gap: 32px 24px;
  }
  .ft__small {
    margin-bottom: 32px;
  }
  .ft__legal {
    gap: 16px;
  }
}
.bp {
  background: #edeff1;
  min-height: 100vh;
  padding-bottom: 300px;
}
.bp__panel {
  z-index: 50;
  color: #fff;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background: #122433f5;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0;
  padding: 14px 20px 12px;
  font-family: Onest Variable, ui-sans-serif, system-ui, sans-serif;
  display: grid;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: 0 -8px 30px #12243340;
}
.bp__group {
  border-left: 1px solid #ffffff1a;
  min-width: 0;
  padding: 0 14px;
}
.bp__group:first-child {
  border-left: 0;
}
.bp__name {
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #b3b5f5;
  margin: 0 0 8px;
  font-size: 12px;
  font-weight: 700;
}
.bp__options {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}
.bp__opt {
  appearance: none;
  color: #fff;
  font: inherit;
  cursor: pointer;
  white-space: nowrap;
  background: 0 0;
  border: 1px solid #ffffff2e;
  border-radius: 999px;
  padding: 5px 10px;
  font-size: 12px;
  transition: background-color 0.16s, border-color 0.16s;
}
.bp__opt b {
  color: #b3b5f5;
  margin-right: 2px;
}
.bp__opt:hover {
  border-color: #ffffff80;
}
.bp__opt--on {
  background: #4042d2;
  border-color: #4042d2;
}
.bp__opt--on b {
  color: #fff;
}
.bp__blurb {
  color: #ffffffb8;
  min-height: 3.2em;
  margin: 10px 0 0;
  font-size: 12px;
  line-height: 1.45;
}
.bp__foot {
  border-top: 1px solid #ffffff1a;
  grid-column: 1/-1;
  align-items: center;
  gap: 16px;
  margin-top: 12px;
  padding-top: 10px;
  display: flex;
}
.bp__code {
  color: #f9ff38;
  font-family: Doto Variable, Courier New, monospace;
  font-size: 15px;
}
.bp__replay {
  appearance: none;
  color: #122433;
  font: inherit;
  cursor: pointer;
  background: #fff;
  border: 0;
  border-radius: 999px;
  margin-left: auto;
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 700;
}
@media (width<=1100px) {
  .bp__panel {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-height: 60vh;
    overflow: auto;
  }
  .bp__group {
    margin-bottom: 12px;
  }
}
.tp {
  background: #edeff1;
  min-height: 100vh;
  padding-bottom: 260px;
}
.tp__panel {
  z-index: 10;
  color: #fff;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background: #122433eb;
  border-radius: 14px;
  width: min(880px, 100% - 32px);
  padding: 18px 20px 14px;
  font-family: Onest Variable, ui-sans-serif, system-ui, sans-serif;
  position: fixed;
  bottom: 24px;
  left: 50%;
  transform: translate(-50%);
}
.tp__name {
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #8ea0b0;
  margin: 0 0 12px;
  font-size: 13px;
  font-weight: 700;
}
.tp__options {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}
.tp__opt {
  color: #cfd8e0;
  font: inherit;
  cursor: pointer;
  background: 0 0;
  border: 1px solid #ffffff29;
  border-radius: 999px;
  align-items: center;
  gap: 8px;
  padding: 9px 14px;
  font-size: 14px;
  display: inline-flex;
}
.tp__opt b {
  color: #8ea0b0;
  font-size: 12px;
}
.tp__opt--on {
  color: #fff;
  background: #4042d1;
  border-color: #4042d1;
}
.tp__opt--on b {
  color: #ffffffb3;
}
.tp__blurb {
  color: #b8c4ce;
  margin: 12px 0 0;
  font-size: 14px;
  line-height: 1.6;
}
.tp__foot {
  border-top: 1px solid #ffffff1f;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-top: 12px;
  padding-top: 12px;
  display: flex;
}
.tp__code {
  color: #d9f24e;
  font-family: Doto Variable, ui-monospace, monospace;
  font-size: 13px;
  font-weight: 700;
}
.tp__replay {
  color: #122433;
  font: inherit;
  cursor: pointer;
  background: #fff;
  border: 0;
  border-radius: 999px;
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 700;
}
@font-face {
  font-family: Onest Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/assets/onest-cyrillic-ext-wght-normal-DOFToQv1.woff2)
    format("woff2-variations");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}
@font-face {
  font-family: Onest Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/assets/onest-cyrillic-wght-normal-DayYxulF.woff2)
    format("woff2-variations");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}
@font-face {
  font-family: Onest Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/assets/onest-math-wght-normal-Bl4ZGkZl.woff2)
    format("woff2-variations");
  unicode-range: U+302-303, U+305, U+307-308, U+310, U+312, U+315, U+31A,
    U+326-327, U+32C, U+32F-330, U+332-333, U+338, U+33A, U+346, U+34D,
    U+391-3A1, U+3A3-3A9, U+3B1-3C9, U+3D1, U+3D5-3D6, U+3F0-3F1, U+3F4-3F5,
    U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057,
    U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1,
    U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190,
    U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214,
    U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C,
    U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3,
    U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF,
    U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D,
    U+1D400-1D7FF, U+1EE??;
}
@font-face {
  font-family: Onest Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/assets/onest-symbols-wght-normal-DxQzqQfC.woff2)
    format("woff2-variations");
  unicode-range: U+1-C, U+E-1F, U+7F-9F, U+20DD-20E0, U+20E2-20E4, U+2150-218F,
    U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219,
    U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF,
    U+28??, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B??, U+4DC0-4DFF,
    U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD,
    U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F0??,
    U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E,
    U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F,
    U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE,
    U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415,
    U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449,
    U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9,
    U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6,
    U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B,
    U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F,
    U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA,
    U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3,
    U+1F6F7-1F6FC, U+1F7??, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859,
    U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B,
    U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C,
    U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8,
    U+1FB??;
}
@font-face {
  font-family: Onest Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/assets/onest-vietnamese-wght-normal-BBxOatbv.woff2)
    format("woff2-variations");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1,
    U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9,
    U+20AB;
}
@font-face {
  font-family: Onest Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/assets/onest-latin-ext-wght-normal-QAhDxQuo.woff2)
    format("woff2-variations");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304,
    U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: Onest Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/assets/onest-latin-wght-normal-Dun_Rd-l.woff2)
    format("woff2-variations");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304,
    U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}
@font-face {
  font-family: Doto Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(data:font/woff2;base64,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)
    format("woff2-variations");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304,
    U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: Doto Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/assets/doto-latin-wght-normal-DtlIPefW.woff2)
    format("woff2-variations");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304,
    U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}
@font-face {
  font-family: Silkscreen;
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(data:font/woff2;base64,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)
      format("woff2"),
    url(data:font/woff;base64,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)
      format("woff");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304,
    U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: Silkscreen;
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/silkscreen-latin-400-normal-CtPo2yA5.woff2) format("woff2"),
    url(/assets/silkscreen-latin-400-normal-D0DfPJut.woff) format("woff");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304,
    U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}
:root {
  --bg: #edeff1;
  --ink: #111214;
  --accent: #4b4bf7;
  --lime: #d9f24e;
  --muted: #8a8f98;
  --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, sans-serif;
  --nav-h: 64px;
  --countdown-h: 40px;
  --page-pad: clamp(24px, 5vw, 96px);
  --font: "Instrument Sans Variable", ui-sans-serif, system-ui, -apple-system,
    "Segoe UI", Roboto, sans-serif;
  --display-weight: 600;
  --display-tracking: -0.04em;
  --display-leading: 0.95;
  --body: #5b636b;
  --hairline: #c4c8cd;
}
html[data-hero="2"] {
  --font: "Bricolage Grotesque Variable", ui-sans-serif, system-ui,
    -apple-system, "Segoe UI", Roboto, sans-serif;
  --display-weight: 500;
  --display-tracking: -0.03em;
  --display-leading: 0.98;
}
html[data-hero="3"] {
  --font: "Schibsted Grotesk Variable", ui-sans-serif, system-ui, -apple-system,
    "Segoe UI", Roboto, sans-serif;
  --display-weight: 600;
  --display-tracking: -0.035em;
  --display-leading: 0.98;
}
html[data-hero="figma"] {
  --font: "Onest Variable", ui-sans-serif, system-ui, -apple-system, "Segoe UI",
    Roboto, sans-serif;
}
:root {
  --fh-nav-top: 56px;
  --fh-nav-gutter: 24px;
  --fh-nav-h: 74px;
}
@media (width<=900px) {
  :root {
    --fh-nav-top: 48px;
    --fh-nav-gutter: 16px;
  }
}
html {
  scroll-behavior: smooth;
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}
:target,
#hero,
#how-it-works,
#ecosystem,
#tokenomics,
#roadmap,
#how-to-buy,
#faq {
  scroll-margin-top: calc(var(--fh-nav-top) + var(--fh-nav-h) + 16px);
}
*,
:before,
:after {
  box-sizing: border-box;
}
html,
body {
  margin: 0;
  padding: 0;
}
body {
  background: var(--bg);
  color: var(--ink);
  font-family: var(--font);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility;
  font-size: 17px;
  line-height: 1.5;
}
a {
  color: inherit;
  text-decoration: none;
}
:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 3px;
}
.nav {
  z-index: 10;
  height: var(--nav-h);
  padding: 0 var(--page-pad);
  background: color-mix(in srgb, var(--bg) 90%, transparent);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: sticky;
  top: 0;
}
.nav__brand {
  font-weight: var(--display-weight);
  letter-spacing: -0.02em;
  align-items: center;
  gap: 10px;
  font-size: 19px;
  display: flex;
}
.nav__mark {
  border: 2px solid var(--ink);
  border-radius: 50%;
  width: 20px;
  height: 20px;
  position: relative;
}
.nav__mark:after {
  content: "";
  background: var(--ink);
  border-radius: 50%;
  width: 7px;
  height: 7px;
  position: absolute;
  top: -3px;
  right: -4px;
}
.nav__links {
  color: var(--body);
  gap: 32px;
  font-size: 15px;
  display: flex;
}
.nav__links a:hover {
  color: var(--ink);
}
@media (width<=767px) {
  .nav__links {
    display: none;
  }
}
.btn {
  white-space: nowrap;
  background: var(--ink);
  color: #fff;
  border-radius: 12px;
  align-items: center;
  height: 52px;
  padding: 0 22px;
  font-size: 16px;
  font-weight: 600;
  transition: background-color 0.16s;
  display: inline-flex;
}
.btn:hover {
  background: #2a2b30;
}
.btn--small {
  border-radius: 10px;
  height: 40px;
  padding: 0 16px;
  font-size: 14px;
}
html[data-hero="1"] .btn--primary,
html[data-hero="3"] .btn--primary {
  background: var(--accent);
}
html[data-hero="1"] .btn--primary:hover,
html[data-hero="3"] .btn--primary:hover {
  background: #3a3ad8;
}
.hero__link {
  text-decoration: underline;
  -webkit-text-decoration-color: var(--hairline);
  text-decoration-color: var(--hairline);
  text-underline-offset: 6px;
  font-weight: 500;
}
.hero__link:hover {
  -webkit-text-decoration-color: var(--ink);
  text-decoration-color: var(--ink);
}
.hero {
  isolation: isolate;
  min-height: calc(100svh - var(--nav-h));
  padding: 64px var(--page-pad);
  background-color: var(--bg);
  background-image: radial-gradient(circle, #1112141c 1px, #0000 1.4px);
  background-position: 12px 12px;
  background-size: 24px 24px;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}
.hero__corner {
  background: var(--lime);
  z-index: 1;
  width: 8px;
  height: 8px;
  position: absolute;
}
.hero__corner--tl {
  top: 20px;
  left: 20px;
}
.hero__corner--tr {
  top: 20px;
  right: 20px;
}
.hero__corner--bl {
  bottom: 20px;
  left: 20px;
}
.hero__corner--br {
  bottom: 20px;
  right: 20px;
}
.hero__content {
  z-index: 1;
  position: relative;
}
.hero__title {
  font-size: clamp(44px, 5.6vw, 88px);
  font-weight: var(--display-weight);
  letter-spacing: var(--display-tracking);
  line-height: var(--display-leading);
  text-wrap: balance;
  margin: 0;
}
.hero__body {
  max-width: 34em;
  color: var(--body);
  margin: 28px 0 0;
  font-size: 18px;
  line-height: 1.5;
}
.hero__actions {
  flex-wrap: wrap;
  align-items: center;
  gap: 24px;
  margin-top: 36px;
  display: flex;
}
.hero__note {
  color: var(--body);
  align-items: center;
  gap: 10px;
  margin: 28px 0 0;
  font-size: 15px;
  display: flex;
}
.hero__live {
  background: var(--lime);
  width: 8px;
  height: 8px;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--lime) 35%, transparent);
  border-radius: 50%;
}
.hero__proof {
  color: var(--body);
  margin: 8px 0 0;
  font-size: 15px;
}
.hero[data-hero="1"] .hero__content {
  width: 44%;
  max-width: 600px;
}
.hero[data-hero="2"] {
  align-items: flex-start;
  min-height: 100svh;
  padding-top: 72px;
}
.hero[data-hero="2"] .hero__content {
  text-align: center;
  width: 100%;
  max-width: 820px;
  margin: 0 auto;
}
.hero[data-hero="2"] .hero__title {
  font-variation-settings: "opsz" 96;
  font-size: clamp(44px, 6.4vw, 104px);
}
.hero[data-hero="2"] .hero__body {
  max-width: 30em;
  margin-left: auto;
  margin-right: auto;
}
.hero[data-hero="2"] .hero__actions,
.hero[data-hero="2"] .hero__note {
  justify-content: center;
}
.hero[data-hero="3"] {
  gap: 48px;
}
.hero[data-hero="3"] .hero__content {
  flex: 0 46%;
  max-width: 560px;
}
.hero[data-hero="3"] .hero__title {
  font-size: clamp(40px, 5vw, 76px);
}
.stage {
  z-index: 1;
  border: 1px solid var(--hairline);
  background: #fff;
  border-radius: 24px;
  flex: 1 1 0;
  max-width: 620px;
  margin-left: auto;
  position: relative;
  overflow: hidden;
}
.stage__view {
  aspect-ratio: 1/0.92;
  background-image: radial-gradient(circle, #11121412 1px, #0000 1.4px);
  background-size: 20px 20px;
  position: relative;
}
.stage__ledger {
  border-top: 1px solid var(--hairline);
  margin: 0;
  padding: 0;
  font-size: 14px;
  list-style: none;
}
.stage__ledger li {
  border-top: 1px solid color-mix(in srgb, var(--hairline) 50%, transparent);
  grid-template-columns: 1fr 1fr auto;
  gap: 16px;
  padding: 12px 20px;
  display: grid;
}
.stage__ledger li:first-child {
  border-top: 0;
}
.stage__pair {
  font-weight: 600;
}
.stage__city,
.stage__time {
  color: var(--body);
}
@media (width<=767px) {
  .hero {
    padding: 48px var(--page-pad) 24px;
    flex-direction: column;
    align-items: stretch;
    min-height: 0;
  }
  .hero[data-hero="1"] .hero__content,
  .hero[data-hero="3"] .hero__content {
    width: 100%;
    max-width: none;
  }
  .hero[data-hero="2"] {
    min-height: 92svh;
  }
  .hero__title {
    font-size: clamp(38px, 11vw, 56px);
  }
  .hero__body {
    font-size: 16px;
  }
  .stage {
    max-width: none;
    margin-top: 32px;
  }
  .stage__ledger li {
    grid-template-columns: 1fr auto;
  }
  .stage__city {
    display: none;
  }
}
.section {
  padding: 96px var(--page-pad);
  border-top: 1px solid var(--hairline);
}
.section h2 {
  font-size: clamp(28px, 3vw, 40px);
  font-weight: var(--display-weight);
  letter-spacing: -0.03em;
  margin: 0 0 16px;
}
.section p {
  max-width: 34em;
  color: var(--body);
  margin: 0;
  line-height: 1.6;
}
.section--dark {
  background: var(--ink);
  color: #fff;
}
.section--dark p {
  color: #ffffffa3;
}
.devbar {
  z-index: 50;
  position: fixed;
  bottom: 12px;
  right: 12px;
}
.devbar button {
  font: inherit;
  border: 1px solid var(--muted);
  background: #fff;
  border-radius: 6px;
  padding: 6px 10px;
  font-size: 12px;
}
.switcher {
  z-index: 40;
  border: 1px solid var(--hairline);
  background: #fff;
  border-radius: 14px;
  align-items: center;
  gap: 4px;
  max-width: calc(100vw - 32px);
  padding: 6px 6px 6px 14px;
  font-size: 14px;
  display: flex;
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translate(-50%);
  box-shadow: 0 8px 24px #11121414;
}
.switcher__label {
  color: var(--body);
  margin-right: 6px;
}
.switcher__option {
  font: inherit;
  color: var(--ink);
  cursor: pointer;
  background: 0 0;
  border: 0;
  border-radius: 9px;
  padding: 8px 12px;
  font-weight: 600;
}
.switcher__option:hover {
  background: color-mix(in srgb, var(--hairline) 35%, transparent);
}
.switcher__option[data-active] {
  background: var(--ink);
  color: #fff;
}
.switcher__blurb {
  color: var(--body);
  white-space: nowrap;
  margin: 0 6px 0 10px;
}
@media (width<=767px) {
  .switcher__blurb {
    display: none;
  }
}
:root {
  --d-band-a: #0c1219;
  --d-band-b: #121a23;
  --d-surface: #171f29;
  --d-surface-2: #1d2630;
  --d-rail: #28323c;
  --d-line: #222b35;
  --d-ink: #eef2f5;
  --d-body: #8593a0;
  --d-label: #6c7783;
  --d-muted: #55606b;
  --d-il-bg: #05080c;
  --d-il-card: #0a0f14;
  --d-il-panel: #10161e;
  --d-il-chip: #1a222c;
  --d-il-line: #232d38;
  --d-il-rule: #171e26;
  --d-indigo: #9092f4;
  --d-lavender: #4b4e8f;
  --d-lime: #d9f24e;
}
[data-theme="dark"] body {
  background: var(--d-band-a);
}
[data-theme="dark"] .fh {
  --fh-bg: var(--d-band-b);
  --fh-surface: var(--d-surface);
  --fh-stripe: #46525f;
  --fh-line: var(--d-rail);
  --fh-ink: var(--d-ink);
  --fh-muted: var(--d-label);
  --fh-body: var(--d-body);
  --fh-label: var(--d-label);
  --fh-index: var(--d-body);
  --fh-progress: var(--d-indigo);
  --fh-progress-soft: var(--d-lavender);
}
[data-theme="dark"] .fh__nav {
  border-color: var(--d-rail);
}
[data-theme="dark"] .fh__brand,
[data-theme="dark"] .fh__lang {
  color: var(--d-ink);
}
[data-theme="dark"] .fh__lang {
  border-right-color: var(--d-rail);
}
[data-theme="dark"] .fh__brand img,
[data-theme="dark"] .fh__menuBrand img {
  filter: invert() brightness(1.6);
}
[data-theme="dark"] .fh__btn--primary {
  background: var(--d-ink);
  color: #0c1219;
}
[data-theme="dark"] .fh__btn--primary .fh__chevron {
  filter: none;
}
[data-theme="dark"] .fh__btn--ghost {
  border-color: var(--d-rail);
  color: var(--d-ink);
  background: 0 0;
}
[data-theme="dark"] .fh__scrim {
  background: #04080c9e;
}
[data-theme="dark"] .fh__chevron {
  filter: invert() brightness(1.7);
}
[data-theme="dark"] .fh__menu .fh__btn--ghost {
  background: var(--d-surface-2);
  border-color: var(--d-rail);
  color: var(--d-ink);
}
[data-theme="dark"] .fh__btn--ghost:hover,
[data-theme="dark"] .fh__btn--ghost:focus-visible {
  color: #0c1219;
}
[data-theme="dark"] .fh__sep + .fh__unit {
  border-left-color: #eef2f51c;
}
[data-theme="dark"] .barsSlide {
  --bars-fill: #93a3b5;
  --bars-stroke: #46545f;
  --bars-glow-0: #38414e;
  --bars-glow-1: #f2f857;
  --bars-chip-lead: #232e3b;
  --bars-chip-rest: #19212b;
  --bars-num-from: #9092f4;
  --bars-num-to: #eef2f5;
  --bars-cap-from: #6e71d8;
}
[data-theme="dark"] .bars__chipInner {
  background: var(--bars-chip-rest);
}
[data-theme="dark"] .bars__chip--light .bars__chipInner {
  background: var(--bars-chip-lead);
}
[data-theme="dark"] .fh__digits {
  color: var(--d-ink);
}
[data-theme="dark"] .fh__sliderArrow {
  border-color: var(--d-rail);
}
[data-theme="dark"] .fh__sliderArrow:hover {
  background: var(--d-ink);
  border-color: var(--d-ink);
}
[data-theme="dark"] .fh__sliderArrow:hover .fh__chevron {
  filter: none;
}
[data-theme="dark"] .lp__pop {
  --lp-indigo: var(--d-indigo);
  border-color: var(--d-rail);
  background: var(--d-surface);
  box-shadow: 0 32px 64px -24px #000000a3;
}
[data-theme="dark"] .lp__search {
  border-bottom-color: var(--d-rail);
}
[data-theme="dark"] .lp__search input,
[data-theme="dark"] .lp__name {
  color: var(--d-ink);
}
[data-theme="dark"] .lp__search svg {
  stroke: var(--d-label);
}
[data-theme="dark"] .lp__code,
[data-theme="dark"] .lp__count,
[data-theme="dark"] .lp__empty {
  color: var(--d-label);
}
[data-theme="dark"] .lp__opt:hover,
[data-theme="dark"] .lp__opt:focus-visible {
  background: var(--d-surface-2);
}
[data-theme="dark"] .lp__opt[aria-selected="true"] {
  background: #9092f41f;
}
[data-theme="dark"] .fs__cursorIcon,
[data-theme="dark"] .ff__il,
[data-theme="dark"] .ec-il,
[data-theme="dark"] .hb__scene {
  --cur-ink: #f9ff38;
  --cur-halo: #0c1219;
  --cur-cast: #0000008c;
}
[data-theme="dark"] .ff__il {
  --il-surface: var(--d-il-panel);
  --il-ink: var(--d-ink);
  --il-label: var(--d-label);
  --il-line: var(--d-il-line);
  --il-pboxLine: var(--d-il-line);
  --il-toastLine: var(--d-il-line);
  --il-sep: var(--d-muted);
  --il-mute: var(--d-il-chip);
  --il-tintLine: var(--d-il-line);
  --il-okBg: #35c98a1f;
  --il-okLine: #35c98a47;
  --il-indigo: var(--d-indigo);
  --il-lavender: var(--d-lavender);
  --il-figure: var(--d-ink);
  --il-bodyMute: #8593a0b8;
  --il-onGlass: var(--d-ink);
  --il-inkOnLight: #0c1219;
  --il-cardDark: var(--d-il-card);
  --il-cardLine: var(--d-il-line);
  --il-subtle: var(--d-label);
  --il-panelLine: var(--d-il-line);
  --il-rowInk: var(--d-ink);
  --il-rowInkOn: #fff;
  --il-w-metamask: #ff8d5d24;
  --il-w-walletconnect: #3b99fc14;
  --il-w-coinbase: #5484ff1f;
  --il-w-phantom: #ab9ff21f;
}
[data-theme="dark"] .il-simple__blob,
[data-theme="dark"] .il-ui__blob,
[data-theme="dark"] .il-fx__glow {
  filter: brightness(0.19) saturate(1.7);
}
[data-theme="dark"] .il-pay__blob,
[data-theme="dark"] .il-fast__blob {
  display: none;
}
[data-theme="dark"] .ff__card--pay {
  background-image: radial-gradient(
    128% 74% at 50% 104%,
    #f9ff3821,
    #f9ff3800 68%
  );
}
[data-theme="dark"] .ff__card--fast {
  background-image: radial-gradient(
    88% 116% at 6% 46%,
    #f9ff3821,
    #f9ff3800 66%
  );
}
[data-theme="dark"] .il-phone__glow {
  filter: brightness(0.3) saturate(0.35);
}
[data-theme="dark"] .il-ring {
  border-color: #9092f438;
}
[data-theme="dark"] .il-ring--bold {
  border-color: #9092f429;
}
[data-theme="dark"] .il-fx__bankBg {
  filter: brightness(0.34) saturate(1.25);
}
[data-theme="dark"] .il-dots,
[data-theme="dark"] .il-ui__dots {
  background-image: radial-gradient(circle, #eef2f512 1px, #0000 1.4px);
}
[data-theme="dark"] .fs {
  --fs-bg: var(--d-band-a);
  --fs-surface: var(--d-surface);
  --fs-line: var(--d-rail);
  --fs-ink: var(--d-ink);
  --fs-text: var(--d-body);
  --fs-muted: var(--d-label);
  --fs-cursor: #f9ff38;
  --fs-cursor-ink: #0c1219;
  --fs-hi-icon: invert(0);
  --fs-hi-marker: #3c4753;
  --fs-hi-dot: #37424e;
  --fs-hi-chip-bg: var(--d-surface);
  --fs-hi-chip-ink: var(--d-body);
  --fs-hi-icon-rest: invert(1) brightness(1.7);
}
[data-theme="dark"] .fs__ring path[fill="\#E6E9ED"] {
  fill: var(--fs-bg);
}
[data-theme="dark"] .fs__plate {
  display: none;
}
[data-theme="dark"] .fs__ring path:not(.fs__ringGlow) {
  opacity: 0.12;
}
[data-theme="dark"] .fs__dot {
  background: #37424e;
}
[data-theme="dark"] .fs__marker {
  background: var(--fs-bg);
  border-color: #3c4753;
}
[data-theme="dark"] .fs__hub img,
[data-theme="dark"] .fs__chip img {
  filter: invert() brightness(1.7);
}
[data-theme="dark"] .fs__titleMuted {
  color: #eef2f56b;
}
[data-theme="dark"] .fs {
  --fs-glow: 0;
}
[data-theme="dark"] .fs__hub {
  box-shadow: 0 0 60px 12px #9092f421, 0 0 150px 60px #9092f412;
}
[data-theme="dark"] .fs__coins {
  background: var(--d-rail);
}
[data-theme="dark"] .ff {
  --ff-bg: var(--d-band-b);
  --ff-surface: var(--d-il-chip);
  --ff-card: #0c1218;
  --ff-line: var(--d-rail);
  --ff-ink: var(--d-body);
  --ff-title: var(--d-ink);
  --ff-muted: var(--d-label);
  --ff-indigo: var(--d-indigo);
  --ff-lavender: var(--d-lavender);
  --ff-chipInk: var(--d-ink);
}
[data-theme="dark"] .il-simple__swap {
  border-color: var(--ff-card, #0c1218);
}
[data-theme="dark"] .ff__chip {
  background: var(--d-ink);
  color: #0c1219;
  box-shadow: none;
}
[data-theme="dark"] .ff__chip img {
  filter: none;
}
[data-theme="dark"] .il-toast {
  box-shadow: none;
}
[data-theme="dark"] .il-simple__hub img,
[data-theme="dark"] .il-ui__link,
[data-theme="dark"] .il-phone__head {
  filter: invert() brightness(1.7);
}
[data-theme="dark"] .il-phone__bar {
  filter: invert() brightness(1.7) hue-rotate(180deg);
}
[data-theme="dark"] .il-phone__frame {
  filter: brightness(0.6) saturate(0.82) contrast(1.04);
}
[data-theme="dark"] .ec {
  --ec-bg: var(--d-band-b);
  --ec-card: var(--d-surface);
  --ec-line: var(--d-rail);
  --ec-ink: var(--d-body);
  --ec-title: var(--d-ink);
  --ec-muted: var(--d-label);
  --ec-indigo: var(--d-indigo);
  --ec-lavender: var(--d-lavender);
}
[data-theme="dark"] .ec__panel {
  background: #0c1218;
}
[data-theme="dark"] .ec__item img {
  filter: invert() brightness(1.7);
}
[data-theme="dark"] .rv {
  --rv-bg: var(--d-band-a);
  --rv-line: var(--d-rail);
  --rv-ink: var(--d-ink);
}
[data-theme="dark"] .sn {
  --sn-bg: var(--d-band-a);
  --sn-line: var(--d-rail);
  --sn-ink: var(--d-ink);
}
[data-theme="dark"] .sn__mark img {
  filter: brightness(0) invert();
}
[data-theme="dark"] .sn {
  --sn-rest: 0.2;
}
[data-theme="dark"] .av__mark img {
  filter: invert() hue-rotate(180deg);
}
[data-theme="dark"] .av__drawn {
  color: var(--d-ink);
}
[data-theme="dark"] .tk {
  --tk-bg: var(--d-band-b);
  --tk-surface: var(--d-surface);
  --tk-rail: var(--d-rail);
  --tk-ink: var(--d-ink);
  --tk-body: var(--d-body);
  --tk-indigo: var(--d-indigo);
}
[data-theme="dark"] .tk__chip {
  background: var(--d-il-bg);
  box-shadow: inset 0 0 0 1px var(--d-il-line);
}
[data-theme="dark"] .tk__pct {
  background: var(--d-il-chip);
  border: 1px solid var(--d-il-line);
  color: var(--d-ink);
}
[data-theme="dark"] .tk__ring {
  opacity: 0.12;
}
[data-theme="dark"] .tk__hubDisc,
[data-theme="dark"] .tk__logo {
  filter: invert();
}
[data-theme="dark"] .tk__copied {
  background: var(--d-il-chip);
  color: var(--d-ink);
}
[data-theme="dark"] .tk__copyIcon {
  filter: invert() brightness(1.7);
}
[data-theme="dark"] .ec-il {
  --ec-surface: var(--d-il-bg);
  --ec-chip: var(--d-il-chip);
  --ec-chipInk: var(--d-ink);
  --ec-strong: var(--d-ink);
  --ec-ink: var(--d-body);
  --ec-muted: var(--d-label);
  --ec-indigo: var(--d-indigo);
  --ec-lavender: var(--d-lavender);
  --ec-green: #35c98a;
  --ec-line: var(--d-il-line);
  --ec-soft: var(--d-il-panel);
  --ec-rule: var(--d-il-rule);
  --ec-okBg: #35c98a1f;
  --ec-okLine: #35c98a47;
}
[data-theme="dark"] .ec-trade__market,
[data-theme="dark"] .ec-tum__reel {
  background: var(--d-il-card);
  border-color: var(--d-il-line);
}
[data-theme="dark"] .ec-tum__prog {
  background-color: var(--d-il-bg);
  background-image: repeating-linear-gradient(
    90deg,
    #eef2f517 0 1px,
    #0000 1px 8px
  );
}
[data-theme="dark"] .ec-tum__progFill {
  background-color: #9092f41a;
  background-image: linear-gradient(var(--d-indigo), var(--d-indigo)),
    linear-gradient(var(--d-indigo), var(--d-indigo)),
    repeating-linear-gradient(90deg, #9092f473 0 3px, transparent 3px 6px);
}
[data-theme="dark"] .ec-tum__progGlow {
  background: linear-gradient(90deg, #0000, #eef2f529, #0000);
}
[data-theme="dark"] .ec-run__head {
  background: var(--d-il-panel);
}
[data-theme="dark"] .ec-run__card,
[data-theme="dark"] .ec-stk__card {
  border-color: var(--d-rail);
  box-shadow: 0 24px 48px -28px #000000b3;
}
[data-theme="dark"] .ec-run__amt {
  color: var(--d-ink);
}
[data-theme="dark"] .ec-run__row + .ec-run__row,
[data-theme="dark"] .ec-run__head {
  border-color: var(--d-il-rule);
}
[data-theme="dark"] .chest {
  --chest-ink: #7f8f9f;
  --chest-inkLid: #cdd8e2;
  --chest-inkIn: #4a5866;
  --chest-topA: #414852;
  --chest-topB: #2c323a;
  --chest-leftA: #2d333b;
  --chest-leftB: #1f242a;
  --chest-rightA: #1b1f25;
  --chest-rightB: #101317;
  --chest-lipL: #14171c;
  --chest-lipR: #0d1014;
  --chest-wallA: #2c3846;
  --chest-wallB: #222d3a;
  --chest-floor: #35424f;
  --chest-glowA: #9092f42b;
  --chest-glowB: #9092f400;
  --chest-rim: var(--d-rail);
  --chest-railLine: var(--d-rail);
  --chest-live: var(--d-indigo);
  --chest-soft: var(--d-lavender);
  --chest-coinDisc: var(--d-il-chip);
  --chest-markDisc: #4042d1;
}
[data-theme="dark"] .chest__field {
  background-image: radial-gradient(circle, #eef2f512 1px, #0000 1.4px);
}
[data-theme="dark"] .chest__shadow {
  display: none;
}
[data-theme="dark"] .chest__badge {
  color: #0c1219;
  box-shadow: 0 6px 16px -6px #0009;
}
[data-theme="dark"] .chest__sheen {
  fill: #93a3b5;
}
[data-theme="dark"] .rs {
  --rs-bg: var(--d-band-a);
  --rs-rail: var(--d-rail);
  --rs-leader: #1c242d;
  --rs-spine: var(--d-rail);
}
[data-theme="dark"] .av {
  --av-bg: var(--d-band-b);
  --av-rail: var(--d-rail);
  --av-line: var(--d-rail);
  --av-ink: var(--d-ink);
  --av-body: var(--d-body);
  --av-label: var(--d-label);
  --av-indigo: var(--d-indigo);
}
[data-theme="dark"] .hb {
  --hb-bg: var(--d-band-a);
  --hb-rail: var(--d-rail);
  --hb-line: var(--d-rail);
  --hb-ink: var(--d-ink);
  --hb-body: var(--d-body);
  --hb-label: var(--d-label);
  --hb-indigo: var(--d-indigo);
  --hb-card: #0e141b;
}
[data-theme="dark"] .hb__scene .s1a-logo,
[data-theme="dark"] .hb__scene .hbi-dash__brand img {
  filter: invert() brightness(1.8);
}
[data-theme="dark"] .hb__cardTitle,
[data-theme="dark"] .hb__body {
  color: var(--d-ink);
}
[data-theme="dark"] .hb__body {
  color: var(--d-body);
}
[data-theme="dark"] .hb__scene {
  --ink: var(--d-ink);
  --body: var(--d-body);
  --muted: var(--d-label);
  --label: var(--d-muted);
  --surface: var(--d-il-bg);
  --soft: var(--d-il-panel);
  --line: var(--d-il-line);
  --hair: var(--d-il-rule);
  --dot: var(--d-il-chip);
  --ghost-line: var(--d-il-line);
  --radio: #3a4553;
  --thumb: var(--d-il-chip);
  --seg-on: #eef2f5;
  --seg-off: #6c7783;
  --cta: #eef2f5;
  --black: #000;
  --cta-ink: #0c1219;
  --bar: #eef2f517;
  --chipbg: #eef2f512;
  --indigo: var(--d-indigo);
  --green: #35c98a;
}
[data-theme="dark"] .hb__scene .hbi-tile,
[data-theme="dark"] .hb__scene .hbi-claim,
[data-theme="dark"] .hb__scene .hbi-field {
  background: var(--d-il-card);
}
[data-theme="dark"] .hb__scene .hbi-win,
[data-theme="dark"] .hb__scene .hbi-sheet {
  box-shadow: 0 24px 48px -28px #000000b3;
}
[data-theme="dark"] .hb__glow,
[data-theme="dark"] .hb__wash {
  display: none;
}
[data-theme="dark"] .hb__dots {
  opacity: 0.42;
}
[data-theme="dark"] .hb__bg:after {
  content: "";
  background: radial-gradient(closest-side, #6e71e842, #0000 70%);
  border-radius: 50%;
  width: 80%;
  height: 110%;
  position: absolute;
  bottom: -40%;
  right: -10%;
}
[data-theme="dark"] .hb__bg[data-step="claim"]:after {
  background: radial-gradient(closest-side, #9699f538, #0000 70%);
  left: -18%;
  right: auto;
}
[data-theme="dark"] .fq {
  --fq-bg: var(--d-band-b);
  --fq-rail: var(--d-rail);
  --fq-line: var(--d-rail);
  --fq-ink: var(--d-ink);
  --fq-body: var(--d-body);
  --fq-indigo: var(--d-indigo);
}
[data-theme="dark"] .ft {
  --ft-bg: var(--d-band-a);
}
.fh__btn--primary,
[data-theme="dark"] .fh__btn--primary {
  background: #d9f24e;
  color: #0c1219;
}
.fh__btn--primary .fh__chevron,
[data-theme="dark"] .fh__btn--primary .fh__chevron {
  filter: none;
}
.fh__btn--primary:before {
  background: #f4ffb0;
}
.df__live {
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--fh-ink);
  background: color-mix(in srgb, var(--fh-surface) 82%, transparent);
  border: 1px solid var(--fh-line);
  border-radius: 999px;
  align-items: center;
  gap: 8px;
  margin: 0 0 10px;
  padding: 6px 12px 6px 10px;
  font-size: 12px;
  font-weight: 700;
  display: inline-flex;
}
.df__dot {
  background: #d9f24e;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  box-shadow: 0 0 0 4px #d9f24e33;
}
.fh[data-entrance="pending"] .df__live {
  visibility: hidden;
}
.fh__footer--defi {
  border-top: 1px solid var(--fh-line);
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  min-height: 0;
  padding: 28px 40px;
}
.df__stats {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  flex: 1;
  gap: 20px 28px;
  display: grid;
}
.df__stat {
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  display: flex;
}
.df__label {
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--fh-label);
  font-size: 12px;
  font-weight: 700;
}
.df__value {
  letter-spacing: -0.03em;
  color: var(--fh-ink);
  font-size: 22px;
  font-weight: 600;
  line-height: 1.2;
}
a.df__value {
  text-underline-offset: 3px;
  text-decoration-color: color-mix(in srgb, var(--fh-ink) 35%, transparent);
}
a.df__value:hover {
  text-decoration-color: var(--fh-ink);
}
.df__value--mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  letter-spacing: 0;
  font-size: 16px;
  font-weight: 500;
}
@media (width <= 900px) {
  .fh__footer--defi {
    align-items: stretch;
    padding: 24px 20px;
  }
  .df__stats {
    grid-template-columns: 1fr 1fr;
  }
  .df__value {
    font-size: 18px;
  }
}