.promo-backdrop[data-v-4adb1cce] {
  z-index: 300;
  -webkit-backdrop-filter: blur(16px) saturate(160%);
  background: #09090bb8;
  place-items: center;
  padding: 20px;
  display: grid;
  position: fixed;
  inset: 0;
}
.promo-modal[data-v-4adb1cce] {
  border: 1px solid var(--glass-line);
  -webkit-backdrop-filter: blur(30px) saturate(160%);
  backdrop-filter: blur(30px) saturate(160%);
  background: radial-gradient(90% 60% at 50% -10%, #5ce08a14, #0000 60%),
    linear-gradient(#141518f5, #0c0d0ff7);
  border-radius: 22px;
  width: 100%;
  max-width: 400px;
  padding: 30px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 30px 90px #0009, inset 0 1px #ffffff0f;
}
.promo-modal[data-v-4adb1cce]:before {
  content: "";
  z-index: 3;
  background: linear-gradient(90deg, #0000, #fff6, #0000);
  height: 1px;
  position: absolute;
  inset: 0 0 auto;
}
.promo-ring[data-v-4adb1cce] {
  border-radius: inherit;
  -webkit-mask-composite: xor;
  pointer-events: none;
  z-index: 2;
  padding: 1px;
  position: absolute;
  inset: 0;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
  mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
  -webkit-mask-position: 0 0, 0 0;
  mask-position: 0 0, 0 0;
  -webkit-mask-size: auto, auto;
  mask-size: auto, auto;
  -webkit-mask-repeat: repeat, repeat;
  mask-repeat: repeat, repeat;
  -webkit-mask-clip: content-box, border-box;
  mask-clip: content-box, border-box;
  -webkit-mask-origin: content-box, border-box;
  mask-origin: content-box, border-box;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  -webkit-mask-source-type: auto, auto;
  mask-mode: match-source, match-source;
}
.promo-ring-spin[data-v-4adb1cce] {
  aspect-ratio: 1;
  will-change: transform;
  background: conic-gradient(
    #0000 0% 74%,
    #ffffff59 88%,
    #ffffffd9 93%,
    #0000 100%
  );
  width: 320%;
  margin: -160% 0 0 -160%;
  animation: 7s linear infinite promo-ring-rotate-4adb1cce;
  position: absolute;
  top: 50%;
  left: 50%;
}
@keyframes promo-ring-rotate-4adb1cce {
  to {
    transform: rotate(360deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  .promo-ring[data-v-4adb1cce] {
    display: none;
  }
}
.promo-close[data-v-4adb1cce] {
  z-index: 4;
  border: 1px solid var(--line-2);
  width: 30px;
  height: 30px;
  color: var(--muted);
  cursor: pointer;
  background: #ffffff0a;
  border-radius: 999px;
  place-items: center;
  transition: border-color 0.2s, background 0.2s, color 0.2s;
  display: grid;
  position: absolute;
  top: 16px;
  right: 16px;
}
.promo-close[data-v-4adb1cce]:hover {
  color: var(--text);
  background: #ffffff14;
  border-color: #ffffff4d;
}
.promo-title[data-v-4adb1cce] {
  z-index: 1;
  font-family: var(--display);
  letter-spacing: -0.02em;
  margin: 0 0 6px;
  font-size: 23px;
  font-weight: 600;
  position: relative;
}
.promo-sub[data-v-4adb1cce] {
  z-index: 1;
  font-family: var(--sans);
  color: var(--muted);
  margin: 0 0 22px;
  font-size: 14px;
  line-height: 1.5;
  position: relative;
}
.promo-active[data-v-4adb1cce] {
  background: #5ce08a0d;
  border: 1px solid #5ce08a4d;
  border-radius: 10px;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
  padding: 12px 14px;
  display: flex;
}
.promo-active-dot[data-v-4adb1cce] {
  background: var(--good);
  border-radius: 50%;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  box-shadow: 0 0 12px #5ce08a99;
}
.promo-active-code[data-v-4adb1cce] {
  font-family: var(--sans);
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}
.promo-active-label[data-v-4adb1cce] {
  font-family: var(--mono);
  color: var(--good);
  margin-top: 3px;
  font-size: 11.5px;
}
.promo-field[data-v-4adb1cce] {
  z-index: 1;
  margin-bottom: 14px;
  position: relative;
}
.promo-field .input[data-v-4adb1cce] {
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-family: var(--mono);
}
.promo-field .input[data-v-4adb1cce]::placeholder {
  text-transform: none;
  letter-spacing: normal;
  font-family: var(--sans);
}
.promo-submit[data-v-4adb1cce] {
  z-index: 1;
  justify-content: center;
  width: 100%;
  position: relative;
}
.promo-active[data-v-4adb1cce],
.promo-alert[data-v-4adb1cce] {
  z-index: 1;
  position: relative;
}
.promo-alert[data-v-4adb1cce] {
  color: var(--danger-soft);
  font-family: var(--sans);
  background: #ff50500f;
  border: 1px solid #ff505047;
  border-radius: 10px;
  align-items: center;
  gap: 9px;
  margin-top: 14px;
  padding: 11px 13px;
  font-size: 13px;
  line-height: 1.4;
  display: flex;
}
.promo-done[data-v-4adb1cce] {
  text-align: center;
  padding: 6px 0 2px;
}
.promo-done-check[data-v-4adb1cce] {
  color: #5ce08a;
  background: #5ce08a1a;
  border: 1px solid #5ce08a59;
  border-radius: 50%;
  place-items: center;
  width: 58px;
  height: 58px;
  margin: 0 auto;
  animation: 0.4s cubic-bezier(0.2, 1.4, 0.3, 1) promo-pop-in-4adb1cce;
  display: grid;
  box-shadow: 0 0 30px #5ce08a2e;
}
@keyframes promo-pop-in-4adb1cce {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.promo-done-badge[data-v-4adb1cce] {
  letter-spacing: 0.02em;
  color: #5ce08a;
  background: #5ce08a0d;
  border: 1px dashed #5ce08a59;
  border-radius: 999px;
  margin-top: 12px;
  padding: 6px 14px;
  font-size: 12.5px;
  display: inline-block;
}
@media (prefers-reduced-motion: reduce) {
  .promo-done-check[data-v-4adb1cce] {
    animation: none;
  }
}
.promo-pop-enter-active[data-v-4adb1cce],
.promo-pop-leave-active[data-v-4adb1cce] {
  transition: opacity 0.3s var(--ease);
}
.promo-pop-enter-from[data-v-4adb1cce],
.promo-pop-leave-to[data-v-4adb1cce] {
  opacity: 0;
}
.promo-pop-enter-active .promo-modal[data-v-4adb1cce],
.promo-pop-leave-active .promo-modal[data-v-4adb1cce] {
  transition: opacity 0.3s var(--ease), transform 0.3s var(--ease);
}
.promo-pop-enter-from .promo-modal[data-v-4adb1cce],
.promo-pop-leave-to .promo-modal[data-v-4adb1cce] {
  opacity: 0;
  transform: translateY(12px) scale(0.97);
}
.sw-root[data-v-8ebddb17] {
  z-index: 90000;
  position: fixed;
  bottom: 20px;
  right: 20px;
}
.sw-bubble[data-v-8ebddb17] {
  color: #09090b;
  cursor: pointer;
  width: 56px;
  height: 56px;
  transition: transform 0.2s var(--ease), box-shadow 0.2s var(--ease);
  background: #f0f0f2;
  border: 0;
  border-radius: 50%;
  place-items: center;
  display: grid;
  position: absolute;
  bottom: 0;
  right: 0;
  box-shadow: 0 10px 30px #00000073, 0 0 0 1px #ffffff14;
}
.sw-bubble[data-v-8ebddb17]:hover {
  box-shadow: 0 14px 38px #00000080;
}
.sw-bubble.has-unread[data-v-8ebddb17] {
  animation: 1.8s ease-in-out infinite sw-attn-8ebddb17;
}
@keyframes sw-attn-8ebddb17 {
  0%,
  to {
    box-shadow: 0 10px 30px #00000073, 0 0 #5ce08a80;
  }
  50% {
    box-shadow: 0 10px 30px #00000073, 0 0 0 10px #5ce08a00;
  }
}
@media (prefers-reduced-motion: reduce) {
  .sw-bubble.has-unread[data-v-8ebddb17] {
    animation: none;
  }
}
.sw-online-dot[data-v-8ebddb17] {
  border: 2.5px solid var(--bg);
  background: #5ce08a;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  position: absolute;
  bottom: 2px;
  right: 2px;
}
.sw-badge[data-v-8ebddb17] {
  color: #fff;
  min-width: 20px;
  height: 20px;
  font-family: var(--mono);
  border: 2px solid var(--bg);
  background: #ff5b5b;
  border-radius: 999px;
  place-items: center;
  padding: 0 5px;
  font-size: 11px;
  font-weight: 700;
  display: grid;
  position: absolute;
  top: -3px;
  right: -3px;
}
.sw-teaser[data-v-8ebddb17] {
  border: 1px solid var(--glass-line);
  -webkit-backdrop-filter: blur(24px) saturate(150%);
  backdrop-filter: blur(24px) saturate(150%);
  background: #101114f5;
  border-radius: 16px;
  width: 288px;
  max-width: calc(100vw - 40px);
  padding: 15px 16px 16px;
  position: absolute;
  bottom: 70px;
  right: 0;
  box-shadow: 0 20px 50px #0000008c, inset 0 1px #ffffff0d;
}
.sw-teaser[data-v-8ebddb17]:after {
  content: "";
  border-right: 1px solid var(--glass-line);
  border-bottom: 1px solid var(--glass-line);
  background: #101114f5;
  width: 12px;
  height: 12px;
  position: absolute;
  bottom: -6px;
  right: 22px;
  transform: rotate(45deg);
}
.sw-teaser-x[data-v-8ebddb17] {
  cursor: pointer;
  width: 22px;
  height: 22px;
  color: var(--dim);
  background: 0 0;
  border: 0;
  border-radius: 999px;
  place-items: center;
  transition: color 0.2s, background 0.2s;
  display: grid;
  position: absolute;
  top: 9px;
  right: 9px;
}
.sw-teaser-x[data-v-8ebddb17]:hover {
  color: var(--text);
  background: #ffffff0f;
}
.sw-teaser-row[data-v-8ebddb17] {
  align-items: center;
  gap: 11px;
  margin-bottom: 13px;
  display: flex;
}
.sw-teaser-av[data-v-8ebddb17] {
  border: 1px solid var(--line-2);
  border-radius: 50%;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  overflow: hidden;
}
.sw-teaser-av img[data-v-8ebddb17] {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}
.sw-teaser-name[data-v-8ebddb17] {
  font-family: var(--sans);
  color: var(--faint);
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 600;
  display: flex;
}
.sw-teaser-dot[data-v-8ebddb17] {
  background: #5ce08a;
  border-radius: 50%;
  width: 6px;
  height: 6px;
}
.sw-teaser-msg[data-v-8ebddb17] {
  font-family: var(--display);
  color: #fff;
  letter-spacing: -0.01em;
  margin-top: 3px;
  font-size: 15px;
  font-weight: 600;
}
.sw-teaser-cta[data-v-8ebddb17] {
  width: 100%;
  font-family: var(--sans);
  color: #09090b;
  cursor: pointer;
  background: #f0f0f2;
  border: 0;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 10px;
  font-size: 13.5px;
  font-weight: 600;
  transition: background 0.2s, transform 0.2s;
  display: inline-flex;
}
.sw-teaser-cta[data-v-8ebddb17]:hover {
  background: #fff;
}
.sw-teaser-enter-active[data-v-8ebddb17] {
  transition: opacity 0.3s var(--ease),
    transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.sw-teaser-leave-active[data-v-8ebddb17] {
  transition: opacity 0.2s var(--ease), transform 0.2s var(--ease);
}
.sw-teaser-enter-from[data-v-8ebddb17],
.sw-teaser-leave-to[data-v-8ebddb17] {
  opacity: 0;
  transform: translateY(12px) scale(0.95);
}
.sw-panel[data-v-8ebddb17] {
  border: 1px solid var(--glass-line);
  -webkit-backdrop-filter: blur(30px) saturate(150%);
  background: #0e0f12f0;
  border-radius: 18px;
  flex-direction: column;
  width: 370px;
  max-width: calc(100vw - 32px);
  height: 520px;
  max-height: calc(100vh - 110px);
  display: flex;
  position: absolute;
  bottom: 0;
  right: 0;
  overflow: hidden;
  box-shadow: 0 30px 90px #0009, inset 0 1px #ffffff0d;
}
.sw-head[data-v-8ebddb17] {
  border-bottom: 1px solid var(--line);
  background: linear-gradient(#ffffff08, #0000);
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 14px 16px;
  display: flex;
}
.sw-head-l[data-v-8ebddb17] {
  align-items: center;
  gap: 11px;
  display: flex;
}
.sw-avatar[data-v-8ebddb17] {
  border: 1px solid var(--line-2);
  border-radius: 50%;
  flex-shrink: 0;
  width: 38px;
  height: 38px;
  overflow: hidden;
}
.sw-avatar-img[data-v-8ebddb17] {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}
.sw-title[data-v-8ebddb17] {
  font-family: var(--display);
  color: #fff;
  font-size: 15px;
  font-weight: 600;
}
.sw-status[data-v-8ebddb17] {
  font-family: var(--sans);
  color: var(--faint);
  align-items: center;
  gap: 6px;
  margin-top: 2px;
  font-size: 11.5px;
  display: flex;
}
.sw-online[data-v-8ebddb17] {
  background: #5ce08a;
  border-radius: 50%;
  width: 7px;
  height: 7px;
}
.sw-close[data-v-8ebddb17] {
  cursor: pointer;
  border: 1px solid var(--line-2);
  width: 30px;
  height: 30px;
  color: var(--muted);
  background: #ffffff0a;
  border-radius: 999px;
  place-items: center;
  transition: all 0.2s;
  display: grid;
}
.sw-close[data-v-8ebddb17]:hover {
  color: #fff;
  background: #ffffff1a;
}
.sw-body[data-v-8ebddb17] {
  flex-direction: column;
  flex: 1;
  gap: 10px;
  padding: 16px;
  display: flex;
  overflow-y: auto;
}
.sw-body[data-v-8ebddb17]::-webkit-scrollbar {
  width: 6px;
}
.sw-body[data-v-8ebddb17]::-webkit-scrollbar-thumb {
  background: #ffffff1a;
  border-radius: 6px;
}
.sw-greeting[data-v-8ebddb17] {
  margin-bottom: 2px;
}
.sw-msg[data-v-8ebddb17] {
  flex-direction: column;
  max-width: 82%;
  display: flex;
}
.sw-msg.me[data-v-8ebddb17] {
  align-self: flex-end;
  align-items: flex-end;
}
.sw-msg.agent[data-v-8ebddb17] {
  align-self: flex-start;
  align-items: flex-start;
}
.sw-bubble-msg[data-v-8ebddb17] {
  font-family: var(--sans);
  word-break: break-word;
  white-space: pre-wrap;
  border-radius: 14px;
  padding: 9px 13px;
  font-size: 13.5px;
  line-height: 1.45;
}
.sw-msg.me .sw-bubble-msg[data-v-8ebddb17] {
  color: #111;
  background: #f0f0f2;
  border-bottom-right-radius: 5px;
}
.sw-msg.agent .sw-bubble-msg[data-v-8ebddb17] {
  color: var(--text);
  border: 1px solid var(--line);
  background: #ffffff0f;
  border-bottom-left-radius: 5px;
}
.sw-time[data-v-8ebddb17] {
  font-family: var(--mono);
  color: var(--faint);
  margin-top: 3px;
  padding: 0 4px;
  font-size: 9.5px;
}
.sw-input-row[data-v-8ebddb17] {
  border-top: 1px solid var(--line);
  background: #ffffff05;
  align-items: center;
  gap: 8px;
  padding: 12px;
  display: flex;
}
.sw-input[data-v-8ebddb17] {
  border: 1px solid var(--line-2);
  color: var(--text);
  font-family: var(--sans);
  background: #ffffff0d;
  border-radius: 10px;
  outline: none;
  flex: 1;
  padding: 11px 13px;
  font-size: 13.5px;
  transition: border-color 0.2s;
}
.sw-input[data-v-8ebddb17]:focus {
  border-color: #ffffff4d;
}
.sw-input[data-v-8ebddb17]::placeholder {
  color: var(--dim);
}
.sw-send[data-v-8ebddb17] {
  cursor: pointer;
  color: #09090b;
  background: #f0f0f2;
  border: 0;
  border-radius: 999px;
  flex-shrink: 0;
  place-items: center;
  width: 42px;
  height: 42px;
  transition: all 0.2s;
  display: grid;
}
.sw-send[data-v-8ebddb17]:hover:not(:disabled) {
  background: #fff;
}
.sw-send[data-v-8ebddb17]:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.sw-fade-enter-active[data-v-8ebddb17] {
  animation: 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) sw-hop-8ebddb17;
}
.sw-fade-leave-active[data-v-8ebddb17] {
  transition: opacity 0.18s, transform 0.18s;
}
.sw-fade-enter-from[data-v-8ebddb17] {
  opacity: 0;
}
.sw-fade-leave-to[data-v-8ebddb17] {
  opacity: 0;
  transform: scale(0.8);
}
@keyframes sw-hop-8ebddb17 {
  0% {
    opacity: 0;
    transform: translateY(14px) scale(0.85);
  }
  55% {
    opacity: 1;
    transform: translateY(-10px) scale(1.05);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@media (prefers-reduced-motion: reduce) {
  .sw-fade-enter-active[data-v-8ebddb17] {
    animation: none;
  }
}
.sw-panel-enter-active[data-v-8ebddb17],
.sw-panel-leave-active[data-v-8ebddb17] {
  transition: opacity 0.25s var(--ease), transform 0.25s var(--ease);
}
.sw-panel-enter-from[data-v-8ebddb17],
.sw-panel-leave-to[data-v-8ebddb17] {
  opacity: 0;
  transform: translateY(16px) scale(0.97);
}
@media (width<=520px) {
  .sw-root[data-v-8ebddb17] {
    bottom: 14px;
    right: 14px;
  }
  .sw-panel[data-v-8ebddb17] {
    width: calc(100vw - 28px);
    height: calc(100vh - 90px);
  }
}
.vo-banner[data-v-af0f7d7f] {
  z-index: 80000;
  border: 1px solid var(--glass-line);
  -webkit-backdrop-filter: blur(24px) saturate(150%);
  backdrop-filter: blur(24px) saturate(150%);
  background: #0e0f12f0;
  border-radius: 999px;
  align-items: center;
  gap: 12px;
  max-width: calc(100vw - 32px);
  padding: 10px 10px 10px 16px;
  display: flex;
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translate(-50%);
  box-shadow: 0 16px 44px #0000008c, inset 0 1px #ffffff0f;
}
.vo-b-text[data-v-af0f7d7f] {
  font-family: var(--sans);
  color: var(--text);
  white-space: nowrap;
  padding-left: 6px;
  font-size: 13.5px;
}
.vo-b-text strong[data-v-af0f7d7f] {
  color: #6fe39a;
}
.vo-b-time[data-v-af0f7d7f] {
  color: #6fe39a;
  letter-spacing: 0.04em;
  font-variant-numeric: tabular-nums;
}
.vo-b-cta[data-v-af0f7d7f] {
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #09090b;
  cursor: pointer;
  white-space: nowrap;
  background: #fff;
  border: 0;
  border-radius: 999px;
  padding: 9px 17px;
  font-size: 11px;
  font-weight: 600;
  transition: filter 0.15s;
}
.vo-b-cta[data-v-af0f7d7f]:hover {
  filter: brightness(0.94);
}
.vo-b-x[data-v-af0f7d7f] {
  border: 1px solid var(--line-2);
  width: 26px;
  height: 26px;
  color: var(--dim);
  cursor: pointer;
  background: #ffffff0a;
  border-radius: 999px;
  flex-shrink: 0;
  place-items: center;
  font-size: 11px;
  transition: all 0.2s;
  display: grid;
}
.vo-b-x[data-v-af0f7d7f]:hover {
  color: var(--muted);
  background: #ffffff14;
}
.vo-slide-enter-active[data-v-af0f7d7f],
.vo-slide-leave-active[data-v-af0f7d7f] {
  transition: opacity 0.3s var(--ease), transform 0.3s var(--ease);
}
.vo-slide-enter-from[data-v-af0f7d7f],
.vo-slide-leave-to[data-v-af0f7d7f] {
  opacity: 0;
  transform: translate(-50%, 20px);
}
@media (width<=520px) {
  .vo-banner[data-v-af0f7d7f] {
    gap: 8px;
    padding: 10px 10px 10px 14px;
    bottom: 86px;
    left: 12px;
    right: 12px;
    transform: none;
  }
  .vo-b-text[data-v-af0f7d7f] {
    white-space: normal;
    font-size: 12px;
  }
  .vo-slide-enter-from[data-v-af0f7d7f],
  .vo-slide-leave-to[data-v-af0f7d7f] {
    transform: translateY(20px);
  }
}
.global-loading {
  background: var(--bg);
  z-index: 9999;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0;
}
.maintenance-screen {
  background: var(--bg);
  color: var(--text);
  z-index: 9999;
  text-align: center;
  place-items: center;
  padding: 24px;
  display: grid;
  position: fixed;
  inset: 0;
}
.maintenance-content {
  z-index: 2;
  background: var(--bg-soft);
  border: 1px solid var(--line);
  border-radius: 16px;
  width: 100%;
  max-width: 420px;
  padding: 40px;
  position: relative;
}
.maintenance-content h2 {
  font-size: 24px;
  font-family: var(--display);
  margin-bottom: 12px;
}
.maintenance-content p {
  color: var(--muted);
  font-size: 14.5px;
  line-height: 1.5;
}
.spinner {
  border: 2px solid var(--line-2);
  border-top-color: #fff;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  animation: 0.7s linear infinite spin;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.page-enter-active,
.page-leave-active {
  transition: opacity 0.35s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}
.page-enter-from {
  opacity: 0;
  transform: translateY(8px);
}
.page-leave-to {
  opacity: 0;
  transform: translateY(-8px);
}
.lang[data-v-144bae56] {
  position: relative;
}
.lang-btn[data-v-144bae56] {
  border: 1px solid var(--line, #ffffff1f);
  color: inherit;
  font: inherit;
  cursor: pointer;
  background: 0 0;
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  padding: 7px 12px;
  font-size: 13px;
  font-weight: 600;
  transition: background 0.15s, border-color 0.15s;
  display: inline-flex;
}
.lang-btn[data-v-144bae56]:hover,
.lang-btn.open[data-v-144bae56] {
  background: #ffffff0f;
  border-color: #ffffff38;
}
.lang-globe[data-v-144bae56] {
  opacity: 0.85;
  flex-shrink: 0;
}
.lang-btn:hover .lang-globe[data-v-144bae56],
.lang-btn.open .lang-globe[data-v-144bae56] {
  opacity: 1;
}
.lang-code[data-v-144bae56] {
  letter-spacing: 0.04em;
}
.lang-chev[data-v-144bae56] {
  opacity: 0.6;
  transition: transform 0.15s;
}
.lang-btn.open .lang-chev[data-v-144bae56] {
  transform: rotate(180deg);
}
.lang-list[data-v-144bae56] {
  z-index: 80;
  -webkit-backdrop-filter: blur(18px);
  background: #0e0e10f7;
  border: 1px solid #ffffff1f;
  border-radius: 12px;
  min-width: 190px;
  max-height: 60vh;
  margin: 0;
  padding: 6px;
  list-style: none;
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  overflow-y: auto;
  box-shadow: 0 12px 40px #00000080;
}
.lang-item[data-v-144bae56] {
  color: #ffffffd1;
  width: 100%;
  font: inherit;
  text-align: left;
  cursor: pointer;
  background: 0 0;
  border: 0;
  border-radius: 8px;
  align-items: center;
  gap: 9px;
  padding: 8px 10px;
  font-size: 13.5px;
  display: flex;
}
.lang-item[data-v-144bae56]:hover {
  color: #fff;
  background: #ffffff12;
}
.lang-item.active[data-v-144bae56] {
  color: #fff;
  background: #ffffff1a;
  font-weight: 600;
}
.lang-pop-enter-active[data-v-144bae56],
.lang-pop-leave-active[data-v-144bae56] {
  transition: opacity 0.14s, transform 0.14s;
}
.lang-pop-enter-from[data-v-144bae56],
.lang-pop-leave-to[data-v-144bae56] {
  opacity: 0;
  transform: translateY(-4px);
}
.brand[data-v-23efea1a] {
  gap: 8px;
}
.brand-txt[data-v-23efea1a] {
  letter-spacing: -0.02em;
  text-transform: none;
  color: #ffffffe0;
  font-family: Outfit, sans-serif;
  font-size: 20px;
  font-weight: 500;
}
.nav-links[data-v-23efea1a] {
  gap: 32px;
}
.nav-links a[data-v-23efea1a] {
  font-family: var(--mono);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-size: 11.5px;
  font-weight: 400;
  position: relative;
}
.nav-links a[data-v-23efea1a]:after {
  content: "";
  transform-origin: 100%;
  background: currentColor;
  height: 1px;
  transition: transform 0.32s cubic-bezier(0.22, 1, 0.36, 1);
  position: absolute;
  bottom: -6px;
  left: 0;
  right: 0;
  transform: scaleX(0);
}
.nav-links a[data-v-23efea1a]:hover:after {
  transform-origin: 0;
  transform: scaleX(1);
}
@media (prefers-reduced-motion: reduce) {
  .nav-links a[data-v-23efea1a]:after {
    transition: none;
  }
}
.nav-cta[data-v-23efea1a] {
  font-family: var(--mono);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 11px 20px;
  font-size: 11.5px;
  font-weight: 600;
}
.burger-icon[data-v-23efea1a] {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 16px;
  display: flex;
  position: relative;
}
.burger-line[data-v-23efea1a] {
  background: var(--text);
  border-radius: 2px;
  width: 18px;
  height: 1.8px;
  transition: top 0.25s cubic-bezier(0.22, 1, 0.36, 1),
    bottom 0.25s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.25s cubic-bezier(0.22, 1, 0.36, 1) 50ms, opacity 0.15s;
  display: block;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
}
.line-1[data-v-23efea1a] {
  top: 0;
}
.line-2[data-v-23efea1a] {
  top: 50%;
  transform: translate(-50%, -50%);
}
.line-3[data-v-23efea1a] {
  bottom: 0;
}
.menu-btn.active .line-1[data-v-23efea1a] {
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}
.menu-btn.active .line-2[data-v-23efea1a] {
  opacity: 0;
  transform: translate(-50%, -50%) scaleX(0);
}
.menu-btn.active .line-3[data-v-23efea1a] {
  bottom: 50%;
  transform: translate(-50%, 50%) rotate(-45deg);
}
.nav-backdrop[data-v-23efea1a] {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  z-index: 48;
  background: #0009;
  position: fixed;
  inset: 72px 0 0;
}
.backdrop-enter-active[data-v-23efea1a],
.backdrop-leave-active[data-v-23efea1a] {
  transition: opacity 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}
.backdrop-enter-from[data-v-23efea1a],
.backdrop-leave-to[data-v-23efea1a] {
  opacity: 0;
}
.mobile-nav[data-v-23efea1a] {
  z-index: 49;
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  backdrop-filter: blur(20px) saturate(180%);
  border-bottom: 1px solid var(--line);
  transform-origin: top;
  background: #09090bf7;
  flex-direction: column;
  padding: 8px 0 20px;
  display: flex;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
}
.mnav-link[data-v-23efea1a] {
  color: var(--muted);
  transition: color 0.3s var(--ease), background 0.3s var(--ease);
  animation: 0.45s cubic-bezier(0.22, 1, 0.36, 1) both mnav-slide-in-23efea1a;
  animation-delay: calc(var(--i) * 60ms + 80ms);
  border-bottom: 1px solid #ffffff0a;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  font-size: 18px;
  font-weight: 500;
  display: flex;
}
.mnav-link[data-v-23efea1a]:hover,
.mnav-link[data-v-23efea1a]:active {
  color: var(--text);
  background: #ffffff08;
}
.mnav-text[data-v-23efea1a] {
  font-family: var(--mono);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-size: 15px;
}
.mnav-cta[data-v-23efea1a] .btn {
  font-family: var(--mono);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-size: 12px;
}
.mnav-arrow[data-v-23efea1a] {
  opacity: 0;
  transition: opacity 0.25s var(--ease), transform 0.25s var(--ease);
  font-size: 14px;
  transform: translate(-8px);
}
.mnav-link:hover .mnav-arrow[data-v-23efea1a],
.mnav-link:active .mnav-arrow[data-v-23efea1a] {
  opacity: 0.5;
  transform: translate(0);
}
.mnav-cta[data-v-23efea1a] {
  animation: 0.45s cubic-bezier(0.22, 1, 0.36, 1) both mnav-slide-in-23efea1a;
  animation-delay: calc(var(--i) * 60ms + 80ms);
  padding: 20px 24px 4px;
}
@keyframes mnav-slide-in-23efea1a {
  0% {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.mnav-enter-active[data-v-23efea1a] {
  transition: opacity 0.3s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}
.mnav-leave-active[data-v-23efea1a] {
  transition: opacity 0.22s ease-in, transform 0.25s ease-in;
}
.mnav-enter-from[data-v-23efea1a] {
  opacity: 0;
  transform: translateY(-12px) scaleY(0.96);
}
.mnav-leave-to[data-v-23efea1a] {
  opacity: 0;
  transform: translateY(-8px) scaleY(0.98);
}
@media (width<=880px) {
  .nav-cta[data-v-23efea1a] {
    display: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .burger-line[data-v-23efea1a] {
    transition: none;
  }
  .mnav-link[data-v-23efea1a],
  .mnav-cta[data-v-23efea1a] {
    animation: none;
  }
  .mnav-enter-active[data-v-23efea1a],
  .mnav-leave-active[data-v-23efea1a],
  .backdrop-enter-active[data-v-23efea1a],
  .backdrop-leave-active[data-v-23efea1a] {
    transition: none;
  }
}
.ct-bar[data-v-be5c5906] {
  z-index: 55;
  border-bottom: 1px solid var(--line);
  -webkit-backdrop-filter: blur(14px) saturate(140%);
  background: #09090beb;
  align-items: center;
  height: 38px;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}
.ct-bar[data-v-be5c5906]:before,
.ct-bar[data-v-be5c5906]:after {
  content: "";
  z-index: 2;
  pointer-events: none;
  width: 60px;
  position: absolute;
  top: 0;
  bottom: 0;
}
.ct-bar[data-v-be5c5906]:before {
  background: linear-gradient(90deg, #0a0a0c, #0000);
  left: 0;
}
.ct-bar[data-v-be5c5906]:after {
  background: linear-gradient(270deg, #0a0a0c, #0000);
  right: 0;
}
.ct-track[data-v-be5c5906] {
  white-space: nowrap;
  animation: 40s linear infinite ct-scroll-be5c5906;
  display: flex;
}
.ct-track[data-v-be5c5906]:hover {
  animation-play-state: paused;
}
.ct-group[data-v-be5c5906] {
  display: flex;
}
.ct-item[data-v-be5c5906] {
  align-items: center;
  gap: 7px;
  padding: 0 22px;
  display: inline-flex;
}
.ct-sym[data-v-be5c5906] {
  font-family: var(--sans);
  color: var(--muted);
  letter-spacing: 0.02em;
  font-size: 12px;
  font-weight: 600;
}
.ct-price[data-v-be5c5906] {
  color: var(--text);
  font-size: 12px;
}
.ct-chg[data-v-be5c5906] {
  font-size: 11px;
}
.ct-chg.up[data-v-be5c5906] {
  color: #5cb887;
}
.ct-chg.down[data-v-be5c5906] {
  color: #ffffff73;
}
@keyframes ct-scroll-be5c5906 {
  0% {
    transform: translate(0);
  }
  to {
    transform: translate(-50%);
  }
}
@media (prefers-reduced-motion: reduce) {
  .ct-track[data-v-be5c5906] {
    animation: none;
  }
}
.lp-toast[data-v-79aad2e0] {
  z-index: 70000;
  cursor: pointer;
  border: 1px solid var(--glass-line);
  -webkit-backdrop-filter: blur(20px) saturate(150%);
  background: #101114f0;
  border-radius: 12px;
  align-items: center;
  gap: 10px;
  width: 288px;
  max-width: calc(100vw - 40px);
  padding: 10px 12px;
  display: flex;
  position: fixed;
  bottom: 20px;
  left: 20px;
  overflow: hidden;
  box-shadow: 0 16px 44px #00000080, inset 0 1px #ffffff0d;
}
.lp-toast[data-v-79aad2e0]:before {
  content: "";
  background: linear-gradient(90deg, #0000, #ffffff4d, #0000);
  height: 1px;
  position: absolute;
  inset: 0 0 auto;
}
.lp-flag[data-v-79aad2e0] {
  font-size: 12px;
}
.lp-check-ring[data-v-79aad2e0] {
  color: #6fe39a;
  background: #5ce08a1f;
  border: 1px solid #5ce08a4d;
  border-radius: 50%;
  flex-shrink: 0;
  place-items: center;
  width: 18px;
  height: 18px;
  display: grid;
}
.lp-progress[data-v-79aad2e0] {
  transform-origin: 0;
  background: linear-gradient(90deg, #5ce08ab3, #5ce08a40);
  width: 100%;
  height: 2px;
  animation: 5s linear forwards lp-drain-79aad2e0;
  position: absolute;
  bottom: 0;
  left: 0;
}
@keyframes lp-drain-79aad2e0 {
  0% {
    transform: scaleX(1);
  }
  to {
    transform: scaleX(0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .lp-progress[data-v-79aad2e0] {
    animation: none;
  }
}
.lp-av[data-v-79aad2e0] {
  color: #fff;
  width: 32px;
  height: 32px;
  font-family: var(--display);
  border-radius: 50%;
  flex-shrink: 0;
  place-items: center;
  font-size: 12px;
  font-weight: 600;
  display: grid;
}
.lp-body[data-v-79aad2e0] {
  flex: 1;
  min-width: 0;
}
.lp-line[data-v-79aad2e0] {
  font-family: var(--sans);
  color: var(--muted);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 11.5px;
  overflow: hidden;
}
.lp-line b[data-v-79aad2e0] {
  color: var(--text);
  font-weight: 600;
}
.lp-line2[data-v-79aad2e0] {
  font-family: var(--sans);
  color: var(--muted);
  margin-top: 2px;
  font-size: 11.5px;
}
.lp-amt[data-v-79aad2e0] {
  font-weight: 700;
  color: #5cb887 !important;
}
.lp-net[data-v-79aad2e0] {
  color: var(--faint);
  font-family: var(--mono);
  font-size: 11px;
}
.lp-right[data-v-79aad2e0] {
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-end;
  gap: 5px;
  display: flex;
}
.lp-ago[data-v-79aad2e0] {
  font-family: var(--mono);
  color: var(--faint);
  white-space: nowrap;
  font-size: 9.5px;
}
.lp-slide-enter-active[data-v-79aad2e0] {
  transition: opacity 0.45s var(--ease),
    transform 0.5s cubic-bezier(0.34, 1.45, 0.5, 1);
}
.lp-slide-leave-active[data-v-79aad2e0] {
  transition: opacity 0.35s var(--ease), transform 0.35s var(--ease);
}
.lp-slide-enter-from[data-v-79aad2e0] {
  opacity: 0;
  transform: translateY(16px) scale(0.96);
}
.lp-slide-leave-to[data-v-79aad2e0] {
  opacity: 0;
  transform: translateY(10px) scale(0.98);
}
@media (width<=520px) {
  .lp-toast[data-v-79aad2e0] {
    width: calc(100vw - 90px);
    bottom: 12px;
    left: 12px;
  }
}
.bt-word[data-v-e2f644b5] {
  opacity: 0;
  filter: blur(10px);
  will-change: opacity, filter, transform;
  transition: opacity 0.75s cubic-bezier(0.22, 1, 0.36, 1),
    filter 0.75s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.75s cubic-bezier(0.22, 1, 0.36, 1);
  display: inline-block;
  transform: translateY(14px);
}
.blur-text.in .bt-word[data-v-e2f644b5] {
  opacity: 1;
  filter: blur();
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  .bt-word[data-v-e2f644b5] {
    opacity: 1;
    filter: none;
    transition: none;
    transform: none;
  }
}
.wp-list[data-v-a9aa726f] {
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  margin-top: 44px;
}
.wp-list > div[data-v-a9aa726f] {
  position: relative;
}
.wp-row[data-v-a9aa726f] {
  border-bottom: 1px solid var(--line);
  grid-template-columns: 1.5fr 1fr 100px 1.6fr 90px;
  align-items: center;
  gap: 14px;
  padding: 15px 8px;
  transition: background 0.2s;
  display: grid;
}
.wp-row[data-v-a9aa726f]:last-child {
  border-bottom: none;
}
.wp-row[data-v-a9aa726f]:hover {
  background: #ffffff04;
}
.wp-user[data-v-a9aa726f] {
  align-items: center;
  gap: 11px;
  min-width: 0;
  display: flex;
}
.wp-av[data-v-a9aa726f] {
  color: #fff;
  width: 36px;
  height: 36px;
  font-family: var(--display);
  border-radius: 50%;
  flex-shrink: 0;
  place-items: center;
  font-size: 12.5px;
  font-weight: 600;
  display: grid;
}
.wp-user-txt[data-v-a9aa726f] {
  flex-direction: column;
  min-width: 0;
  display: flex;
}
.wp-name[data-v-a9aa726f] {
  color: var(--text);
  letter-spacing: 0.02em;
  font-size: 13px;
}
.wp-country[data-v-a9aa726f] {
  font-family: var(--sans);
  color: var(--faint);
  margin-top: 1px;
  font-size: 11px;
}
.wp-amt-col[data-v-a9aa726f] {
  flex-direction: column;
  display: flex;
}
.wp-amt[data-v-a9aa726f] {
  color: #5cb887;
  font-size: 14.5px;
  font-weight: 600;
}
.wp-coin[data-v-a9aa726f] {
  color: var(--faint);
  margin-top: 1px;
  font-size: 10.5px;
}
.wp-net-badge[data-v-a9aa726f] {
  font-family: var(--mono);
  border: 1px solid var(--line-2);
  color: var(--muted);
  background: #ffffff08;
  border-radius: 6px;
  padding: 3px 9px;
  font-size: 10.5px;
}
.wp-tx[data-v-a9aa726f] {
  color: var(--muted);
  align-items: center;
  gap: 8px;
  min-width: 0;
  font-size: 12.5px;
  display: inline-flex;
}
.wp-tx .wp-check[data-v-a9aa726f] {
  color: #5cb887;
  flex-shrink: 0;
}
.wp-time[data-v-a9aa726f] {
  color: var(--faint);
  text-align: right;
  font-size: 11.5px;
}
.wp-row-enter-active[data-v-a9aa726f] {
  transition: opacity 0.5s var(--ease), transform 0.5s var(--ease);
  animation: 1.6s ease-out wp-flash-a9aa726f;
}
.wp-row-enter-from[data-v-a9aa726f] {
  opacity: 0;
  transform: translateY(-14px);
}
.wp-row-leave-active[data-v-a9aa726f] {
  transition: opacity 0.25s;
  position: absolute;
  left: 0;
  right: 0;
}
.wp-row-leave-to[data-v-a9aa726f] {
  opacity: 0;
}
.wp-row-move[data-v-a9aa726f] {
  transition: transform 0.5s var(--ease);
}
@keyframes wp-flash-a9aa726f {
  0% {
    background: #5ce08a12;
  }
  to {
    background: 0 0;
  }
}
.wp-status[data-v-a9aa726f] {
  flex-shrink: 0;
  place-items: center;
  width: 13px;
  height: 13px;
  display: inline-grid;
}
.wp-spin[data-v-a9aa726f] {
  border: 1.5px solid #ffffff26;
  border-top-color: #ffffff8c;
  border-radius: 50%;
  width: 11px;
  height: 11px;
  animation: 0.8s linear infinite wp-rot-a9aa726f;
}
@keyframes wp-rot-a9aa726f {
  to {
    transform: rotate(360deg);
  }
}
.wp-tx.pending[data-v-a9aa726f] {
  color: var(--dim);
}
@media (prefers-reduced-motion: reduce) {
  .wp-spin[data-v-a9aa726f],
  .wp-row-enter-active[data-v-a9aa726f] {
    animation: none;
  }
}
@media (width<=720px) {
  .wp-row[data-v-a9aa726f] {
    grid-template-columns: 1fr auto;
    gap: 8px 12px;
    padding: 15px 4px;
  }
  .wp-user[data-v-a9aa726f] {
    grid-area: 1/1;
  }
  .wp-amt-col[data-v-a9aa726f] {
    grid-area: 1/2;
    align-items: flex-end;
  }
  .wp-net[data-v-a9aa726f] {
    grid-area: 2/2;
    justify-self: end;
  }
  .wp-tx[data-v-a9aa726f] {
    grid-area: 2/1;
    font-size: 11.5px;
  }
  .wp-time[data-v-a9aa726f] {
    display: none;
  }
}
.hc-card[data-v-cc7cb145] {
  border: 1px solid var(--glass-line);
  -webkit-backdrop-filter: blur(34px) saturate(150%);
  background: radial-gradient(120% 80% at 50% -10%, #ffffff0d, #0000 60%),
    linear-gradient(#16171ab8, #0c0d0fa8);
  border-radius: 22px;
  padding: 24px 24px 22px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 30px 80px #0000008c, inset 0 1px #ffffff12,
    inset 0 0 0 1px #ffffff05;
}
.hc-card[data-v-cc7cb145]:before {
  content: "";
  background: linear-gradient(90deg, #0000, #fff6, #0000);
  height: 1px;
  position: absolute;
  inset: 0 0 auto;
}
.hc-ring[data-v-cc7cb145] {
  border-radius: inherit;
  -webkit-mask-composite: xor;
  pointer-events: none;
  z-index: 3;
  padding: 1px;
  position: absolute;
  inset: 0;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
  mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
  -webkit-mask-position: 0 0, 0 0;
  mask-position: 0 0, 0 0;
  -webkit-mask-size: auto, auto;
  mask-size: auto, auto;
  -webkit-mask-repeat: repeat, repeat;
  mask-repeat: repeat, repeat;
  -webkit-mask-clip: content-box, border-box;
  mask-clip: content-box, border-box;
  -webkit-mask-origin: content-box, border-box;
  mask-origin: content-box, border-box;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  -webkit-mask-source-type: auto, auto;
  mask-mode: match-source, match-source;
}
.hc-ring-spin[data-v-cc7cb145] {
  aspect-ratio: 1;
  will-change: transform;
  background: conic-gradient(
    #0000 0% 72%,
    #ffffff59 86%,
    #ffffffd9 92%,
    #0000 100%
  );
  width: 300%;
  margin: -150% 0 0 -150%;
  animation: 7s linear infinite hc-ring-rotate-cc7cb145;
  position: absolute;
  top: 50%;
  left: 50%;
}
@keyframes hc-ring-rotate-cc7cb145 {
  to {
    transform: rotate(360deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  .hc-ring[data-v-cc7cb145] {
    display: none;
  }
}
.hc-glow[data-v-cc7cb145] {
  pointer-events: none;
  background: radial-gradient(50% 60% at 50% 100%, #5cb88724, #0000 70%);
  width: 70%;
  height: 60%;
  position: absolute;
  bottom: -30%;
  left: 50%;
  transform: translate(-50%);
}
.hc-q[data-v-cc7cb145] {
  font-family: var(--sans);
  color: var(--text);
  letter-spacing: -0.01em;
  margin-bottom: 20px;
  font-size: 15px;
  position: relative;
}
.hc-amount-row[data-v-cc7cb145] {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
  display: flex;
  position: relative;
}
.hc-amount[data-v-cc7cb145] {
  align-items: baseline;
  gap: 4px;
  display: inline-flex;
}
.hc-cur[data-v-cc7cb145] {
  font-family: var(--mono);
  color: var(--dim);
  font-size: 24px;
}
.hc-val[data-v-cc7cb145] {
  letter-spacing: -0.03em;
  color: #fff;
  font-size: 46px;
  font-weight: 600;
  line-height: 1;
}
.hc-tier[data-v-cc7cb145] {
  font-family: var(--mono);
  letter-spacing: 0.03em;
  cursor: pointer;
  border: 1px solid var(--line-2);
  color: var(--muted);
  transition: color 0.25s var(--ease), border-color 0.25s var(--ease),
    background 0.25s var(--ease), transform 0.25s var(--ease);
  background: #ffffff08;
  border-radius: 999px;
  align-items: center;
  gap: 4px;
  padding: 6px 10px 6px 13px;
  font-size: 11.5px;
  display: inline-flex;
}
.hc-tier svg[data-v-cc7cb145] {
  opacity: 0.5;
  transition: transform 0.25s var(--ease), opacity 0.25s var(--ease);
}
.hc-tier:hover svg[data-v-cc7cb145] {
  opacity: 1;
  transform: translate(2px);
}
.hc-tier.t-prime[data-v-cc7cb145] {
  color: #ecedf0;
  background: #ffffff0a;
  border-color: #ffffff47;
}
.hc-tier.t-prime[data-v-cc7cb145]:hover {
  background: #ffffff17;
  border-color: #ffffff73;
}
.hc-tier.t-private[data-v-cc7cb145] {
  color: #ffce7a;
  background: #c9a86a0f;
  border-color: #c9a86a66;
}
.hc-tier.t-private[data-v-cc7cb145]:hover {
  background: #c9a86a1a;
  border-color: #c9a86ab3;
}
.hc-tier.t-core[data-v-cc7cb145]:hover {
  color: var(--text);
  border-color: #ffffff4d;
}
.hc-slider[data-v-cc7cb145] {
  appearance: none;
  cursor: pointer;
  background: linear-gradient(
    to right,
    #fff 0%,
    #fff var(--pct, 10%),
    #ffffff24 var(--pct, 10%),
    #ffffff24 100%
  );
  border-radius: 999px;
  width: 100%;
  height: 2px;
  margin: 15px 0 27px;
  display: block;
}
.hc-slider[data-v-cc7cb145]::-webkit-slider-thumb {
  appearance: none;
  background: #fff;
  border: 0;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  transition: transform 0.18s, box-shadow 0.18s;
  box-shadow: 0 1px 6px #00000080;
}
.hc-slider[data-v-cc7cb145]::-moz-range-thumb {
  background: #fff;
  border: 0;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  transition: transform 0.18s, box-shadow 0.18s;
  box-shadow: 0 1px 6px #00000080;
}
.hc-slider[data-v-cc7cb145]::-webkit-slider-thumb:hover {
  transform: scale(1.22);
  box-shadow: 0 1px 6px #00000080, 0 0 0 6px #ffffff14;
}
.hc-slider[data-v-cc7cb145]:active::-webkit-slider-thumb {
  transform: scale(1.22);
  box-shadow: 0 1px 6px #00000080, 0 0 0 6px #ffffff14;
}
.hc-slider[data-v-cc7cb145]::-moz-range-thumb:hover {
  transform: scale(1.22);
  box-shadow: 0 1px 6px #00000080, 0 0 0 6px #ffffff14;
}
.hc-slider[data-v-cc7cb145]:active::-moz-range-thumb {
  transform: scale(1.22);
  box-shadow: 0 1px 6px #00000080, 0 0 0 6px #ffffff14;
}
.hc-slider[data-v-cc7cb145]:focus {
  outline: none;
}
.hc-chips[data-v-cc7cb145] {
  gap: 8px;
  margin-bottom: 20px;
  display: flex;
}
.hc-chip[data-v-cc7cb145] {
  border: 1px solid var(--line-2);
  color: var(--muted);
  cursor: pointer;
  background: #ffffff05;
  border-radius: 999px;
  flex: 1;
  padding: 9px 0;
  font-size: 12.5px;
  transition: all 0.2s;
}
.hc-chip[data-v-cc7cb145]:hover {
  color: var(--text);
  background: #ffffff0f;
  border-color: #ffffff59;
}
.hc-chip.on[data-v-cc7cb145] {
  color: #fff;
  background: #ffffff1a;
  border-color: #fff6;
}
.hc-out[data-v-cc7cb145] {
  background: linear-gradient(#5cb8870f, #5cb88705);
  border: 1px solid #5cb8872e;
  border-radius: 15px;
  align-items: stretch;
  gap: 14px;
  margin-bottom: 18px;
  padding: 17px 18px;
  display: flex;
  position: relative;
}
.hc-out-main[data-v-cc7cb145] {
  flex: 1;
}
.hc-out-k[data-v-cc7cb145] {
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--faint);
  font-size: 10px;
}
.hc-out-v[data-v-cc7cb145] {
  color: #5cb887;
  letter-spacing: -0.02em;
  text-shadow: 0 0 34px #5cb8874d;
  margin-top: 7px;
  font-size: 32px;
  font-weight: 600;
  line-height: 1;
}
.hc-out-side[data-v-cc7cb145] {
  border-left: 1px solid #ffffff14;
  flex-direction: column;
  justify-content: center;
  gap: 9px;
  min-width: 116px;
  padding-left: 15px;
  display: flex;
}
.hc-out-row[data-v-cc7cb145] {
  color: var(--muted);
  justify-content: space-between;
  align-items: baseline;
  gap: 8px;
  font-size: 12px;
  display: flex;
}
.hc-out-row b[data-v-cc7cb145] {
  color: var(--text);
  font-size: 13.5px;
  font-weight: 600;
}
.hc-good[data-v-cc7cb145] {
  color: #5cb887 !important;
}
.hc-cta[data-v-cc7cb145] {
  border-radius: 999px;
  justify-content: center;
  width: 100%;
  padding: 14px;
  font-size: 15px;
}
.hc-note[data-v-cc7cb145] {
  color: var(--faint);
  text-align: center;
  margin-top: 12px;
  font-size: 11px;
  line-height: 1.4;
}
@media (width<=520px) {
  .hc-card[data-v-cc7cb145] {
    padding: 20px;
  }
  .hc-val[data-v-cc7cb145] {
    font-size: 38px;
  }
  .hc-out[data-v-cc7cb145] {
    flex-direction: column;
    gap: 12px;
  }
  .hc-out-side[data-v-cc7cb145] {
    border-top: 1px solid #ffffff14;
    border-left: 0;
    flex-direction: row;
    padding-top: 12px;
    padding-left: 0;
  }
}
.ios-fly-in[data-v-f67467e2] {
  opacity: 0;
  transition: opacity 1.7s cubic-bezier(0.22, 1, 0.36, 1),
    transform 1.7s cubic-bezier(0.22, 1, 0.36, 1);
  transform: translateY(60px);
}
.ios-fly-in.in[data-v-f67467e2] {
  opacity: 1;
  transform: none;
}
.delay-1[data-v-f67467e2] {
  transition-delay: 0.2s;
}
.delay-2[data-v-f67467e2] {
  transition-delay: 0.4s;
}
.delay-3[data-v-f67467e2] {
  transition-delay: 0.6s;
}
.delay-4[data-v-f67467e2] {
  transition-delay: 0.8s;
}
.delay-5[data-v-f67467e2] {
  transition-delay: 1s;
}
@media (prefers-reduced-motion: reduce) {
  .ios-fly-in[data-v-f67467e2] {
    opacity: 1;
    transition: none;
    transform: none;
  }
}
.grok-hl[data-v-f67467e2] {
  cursor: pointer;
}
.hero-calc-wrap[data-v-f67467e2] {
  max-width: 560px;
  margin: 40px auto 0;
}
.hero[data-v-f67467e2] {
  position: relative;
}
.hero-bg[data-v-f67467e2] {
  z-index: 0;
  pointer-events: none;
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(#000 62%, #0000 96%);
  mask-image: linear-gradient(#000 62%, #0000 96%);
}
.hero > .wrap[data-v-f67467e2] {
  z-index: 1;
  position: relative;
}
.hero-cta .btn-white[data-v-f67467e2] {
  position: relative;
  overflow: hidden;
}
.hero-cta .btn-white[data-v-f67467e2]:after {
  content: "";
  will-change: transform;
  pointer-events: none;
  background: linear-gradient(100deg, #0000 20%, #09090b24 50%, #0000 80%);
  width: 60%;
  height: 100%;
  animation: 4.6s ease-in-out infinite cta-sheen-f67467e2;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-140%) skew(-18deg);
}
@keyframes cta-sheen-f67467e2 {
  0%,
  64% {
    transform: translate(-140%) skew(-18deg);
  }
  86%,
  to {
    transform: translate(220%) skew(-18deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  .hero-cta .btn-white[data-v-f67467e2]:after {
    opacity: 0;
    animation: none;
  }
}
.ls-band[data-v-992aabfb] {
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background: linear-gradient(#ffffff04, #0000);
  padding: 26px 0 30px;
}
.ls-head[data-v-992aabfb] {
  justify-content: center;
  margin-bottom: 18px;
  display: flex;
}
.ls-live[data-v-992aabfb] {
  font-family: var(--mono);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--muted);
  align-items: center;
  gap: 8px;
  font-size: 11px;
  display: inline-flex;
}
.ls-dot[data-v-992aabfb] {
  background: var(--good, #5ce08a);
  border-radius: 50%;
  width: 7px;
  height: 7px;
}
@keyframes ls-pulse-992aabfb {
  0% {
    box-shadow: 0 0 #5ce08a73;
  }
  70% {
    box-shadow: 0 0 0 7px #5ce08a00;
  }
  to {
    box-shadow: 0 0 #5ce08a00;
  }
}
.ls-grid[data-v-992aabfb] {
  grid-template-columns: repeat(4, 1fr);
  display: grid;
}
.ls-cell[data-v-992aabfb] {
  text-align: center;
  border-left: 1px solid var(--line);
  padding: 6px 12px;
}
.ls-cell[data-v-992aabfb]:first-child {
  border-left: 0;
}
.ls-num[data-v-992aabfb] {
  color: #fff;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.01em;
  font-size: clamp(22px, 3.2vw, 34px);
  font-weight: 700;
}
.ls-label[data-v-992aabfb] {
  font-family: var(--mono);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--faint, var(--muted));
  margin-top: 6px;
  font-size: 10.5px;
}
@media (width<=720px) {
  .ls-grid[data-v-992aabfb] {
    grid-template-columns: 1fr 1fr;
    row-gap: 22px;
  }
  .ls-cell[data-v-992aabfb]:nth-child(3) {
    border-left: 0;
  }
}
.logoloop[data-v-e1d05f0b] {
  --logoloop-gap: 32px;
  --logoloop-logoHeight: 28px;
  --logoloop-fadeColorAuto: #fff;
  position: relative;
}
.logoloop--horizontal[data-v-e1d05f0b] {
  overflow-x: hidden;
}
.logoloop--vertical[data-v-e1d05f0b] {
  height: 100%;
  display: inline-block;
  overflow: hidden;
}
.logoloop--scale-hover[data-v-e1d05f0b] {
  padding-top: calc(var(--logoloop-logoHeight) * 0.1);
  padding-bottom: calc(var(--logoloop-logoHeight) * 0.1);
}
@media (prefers-color-scheme: dark) {
  .logoloop[data-v-e1d05f0b] {
    --logoloop-fadeColorAuto: #0b0b0b;
  }
}
.dark {
  --logoloop-fadeColorAuto: #0b0b0b;
}
.logoloop__fade[data-v-e1d05f0b] {
  pointer-events: none;
  z-index: 10;
  position: absolute;
}
.logoloop__fade--top[data-v-e1d05f0b] {
  background: linear-gradient(
    to bottom,
    var(--logoloop-fadeColor, var(--logoloop-fadeColorAuto)) 0%,
    #0000 100%
  );
  height: clamp(24px, 8%, 120px);
  top: 0;
  left: 0;
  right: 0;
}
.logoloop__fade--bottom[data-v-e1d05f0b] {
  background: linear-gradient(
    to top,
    var(--logoloop-fadeColor, var(--logoloop-fadeColorAuto)) 0%,
    #0000 100%
  );
  height: clamp(24px, 8%, 120px);
  bottom: 0;
  left: 0;
  right: 0;
}
.logoloop__fade--left[data-v-e1d05f0b] {
  background: linear-gradient(
    to right,
    var(--logoloop-fadeColor, var(--logoloop-fadeColorAuto)) 0%,
    #0000 100%
  );
  width: clamp(24px, 8%, 120px);
  top: 0;
  bottom: 0;
  left: 0;
}
.logoloop__fade--right[data-v-e1d05f0b] {
  background: linear-gradient(
    to left,
    var(--logoloop-fadeColor, var(--logoloop-fadeColorAuto)) 0%,
    #0000 100%
  );
  width: clamp(24px, 8%, 120px);
  top: 0;
  bottom: 0;
  right: 0;
}
.logoloop__track[data-v-e1d05f0b] {
  z-index: 0;
  will-change: transform;
  -webkit-user-select: none;
  user-select: none;
  flex-direction: row;
  width: max-content;
  display: flex;
  position: relative;
}
.logoloop__track--vertical[data-v-e1d05f0b] {
  flex-direction: column;
  width: 100%;
  height: max-content;
}
.logoloop__seq[data-v-e1d05f0b] {
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}
.logoloop__seq--vertical[data-v-e1d05f0b] {
  flex-direction: column;
}
.logoloop__item[data-v-e1d05f0b] {
  font-size: var(--logoloop-logoHeight);
  margin-right: var(--logoloop-gap);
  flex: none;
  line-height: 1;
}
.logoloop__item--vertical[data-v-e1d05f0b] {
  margin-right: 0;
  margin-bottom: var(--logoloop-gap);
}
.logoloop__item--hover-scale[data-v-e1d05f0b] {
  overflow: visible;
}
.logoloop__link[data-v-e1d05f0b] {
  color: inherit;
  border-radius: 0.25rem;
  align-items: center;
  text-decoration: none;
  transition: opacity 0.2s linear;
  display: inline-flex;
}
.logoloop__link[data-v-e1d05f0b]:hover {
  opacity: 0.8;
}
.logoloop__link[data-v-e1d05f0b]:focus-visible {
  outline-offset: 2px;
  outline: 2px solid;
}
.logoloop__node[data-v-e1d05f0b] {
  font-size: var(--logoloop-logoHeight);
  align-items: center;
  display: inline-flex;
}
.logoloop__node[data-v-e1d05f0b] i {
  font-size: var(--logoloop-logoHeight);
  line-height: 1;
}
.logoloop__img[data-v-e1d05f0b] {
  height: var(--logoloop-logoHeight);
  object-fit: contain;
  -webkit-user-drag: none;
  pointer-events: none;
  width: auto;
  image-rendering: -webkit-optimize-contrast;
  display: block;
}
.logoloop__content--scale[data-v-e1d05f0b] {
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.logoloop__item--hover-scale:hover .logoloop__content--scale[data-v-e1d05f0b] {
  transform: scale(1.2);
}
@media (prefers-reduced-motion: reduce) {
  .logoloop__track[data-v-e1d05f0b] {
    transform: none;
  }
  .logoloop__node[data-v-e1d05f0b],
  .logoloop__img[data-v-e1d05f0b],
  .logoloop__content--scale[data-v-e1d05f0b] {
    transition: none;
  }
}
.hiw[data-v-d921112a] {
  --flow-t: 8.5s;
  flex-direction: column;
  align-items: center;
  max-width: 760px;
  margin: 54px auto 0;
  display: flex;
  position: relative;
}
.hiw-tree[data-v-d921112a] {
  justify-content: center;
  width: 100%;
  height: 36px;
  display: flex;
  position: relative;
}
.hiw-drop[data-v-d921112a] {
  background: #ffffff21;
  width: 1px;
  height: 100%;
  position: relative;
  overflow: visible;
}
.hiw-drop[data-v-d921112a]:after {
  content: "";
  opacity: 0;
  width: 3px;
  height: 10px;
  animation-duration: var(--flow-t);
  background: linear-gradient(#0000, #5ce08a, #0000);
  border-radius: 3px;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-play-state: paused;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%);
  box-shadow: 0 0 8px #5ce08a8c;
}
.hiw-tree:first-of-type .hiw-drop[data-v-d921112a]:after {
  animation-name: flow-drop-1-d921112a;
}
@keyframes flow-drop-1-d921112a {
  0% {
    opacity: 0;
    top: 0;
  }
  .6% {
    opacity: 1;
  }
  11.4% {
    opacity: 1;
    top: calc(100% - 10px);
  }
  12% {
    opacity: 0;
    top: calc(100% - 10px);
  }
  to {
    opacity: 0;
    top: 0;
  }
}
.hiw-tree-engine .hiw-drop[data-v-d921112a]:after {
  animation-name: flow-drop-2-d921112a;
}
@keyframes flow-drop-2-d921112a {
  0%,
  46% {
    opacity: 0;
    top: 0;
  }
  46.6% {
    opacity: 1;
  }
  57.4% {
    opacity: 1;
    top: calc(100% - 10px);
  }
  58% {
    opacity: 0;
    top: calc(100% - 10px);
  }
  to {
    opacity: 0;
    top: 0;
  }
}
.hiw-bus[data-v-d921112a] {
  overflow: visible;
}
.hiw-bus[data-v-d921112a]:before,
.hiw-bus[data-v-d921112a]:after {
  content: "";
  opacity: 0;
  height: 3px;
  animation-duration: var(--flow-t);
  background: linear-gradient(90deg, #0000, #5ce08a, #0000);
  border-radius: 3px;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-play-state: paused;
  position: absolute;
  top: -1px;
  box-shadow: 0 0 8px #5ce08a73;
}
.hiw-bus[data-v-d921112a]:before {
  transform-origin: 100%;
  left: 0;
  right: 50%;
  transform: scaleX(0);
}
.hiw-bus[data-v-d921112a]:after {
  transform-origin: 0;
  left: 50%;
  right: 0;
  transform: scaleX(0);
}
.hiw-bus-top[data-v-d921112a]:before {
  animation-name: flow-spread-l-d921112a;
}
.hiw-bus-top[data-v-d921112a]:after {
  animation-name: flow-spread-r-d921112a;
}
@keyframes flow-spread-l-d921112a {
  0%,
  12% {
    opacity: 0;
    transform: scaleX(0);
  }
  12.6% {
    opacity: 0.9;
  }
  27.4% {
    opacity: 0.9;
    transform: scaleX(1);
  }
  28% {
    opacity: 0;
    transform: scaleX(1);
  }
  to {
    opacity: 0;
    transform: scaleX(0);
  }
}
@keyframes flow-spread-r-d921112a {
  0%,
  12% {
    opacity: 0;
    transform: scaleX(0);
  }
  12.6% {
    opacity: 0.9;
  }
  27.4% {
    opacity: 0.9;
    transform: scaleX(1);
  }
  28% {
    opacity: 0;
    transform: scaleX(1);
  }
  to {
    opacity: 0;
    transform: scaleX(0);
  }
}
.hiw-bus-bot[data-v-d921112a]:before {
  transform-origin: 0;
  animation-name: flow-conv-l-d921112a;
}
.hiw-bus-bot[data-v-d921112a]:after {
  transform-origin: 100%;
  animation-name: flow-conv-r-d921112a;
}
@keyframes flow-conv-l-d921112a {
  0%,
  28% {
    opacity: 0;
    transform: scaleX(0);
  }
  28.6% {
    opacity: 0.85;
  }
  43.4% {
    opacity: 0.85;
    transform: scaleX(1);
  }
  44% {
    opacity: 0;
    transform: scaleX(1);
  }
  to {
    opacity: 0;
    transform: scaleX(0);
  }
}
@keyframes flow-conv-r-d921112a {
  0%,
  28% {
    opacity: 0;
    transform: scaleX(0);
  }
  28.6% {
    opacity: 0.85;
  }
  43.4% {
    opacity: 0.85;
    transform: scaleX(1);
  }
  44% {
    opacity: 0;
    transform: scaleX(1);
  }
  to {
    opacity: 0;
    transform: scaleX(0);
  }
}
.hiw.flow-on .hiw-drop[data-v-d921112a]:after,
.hiw.flow-on .hiw-bus[data-v-d921112a]:before,
.hiw.flow-on .hiw-bus[data-v-d921112a]:after,
.hiw.flow-on .hiw-block[data-v-d921112a]:after,
.hiw.flow-on .hiw-split-drop[data-v-d921112a]:after,
.hiw.flow-on .hiw-split-stub[data-v-d921112a]:after,
.hiw.flow-on .hiw-split-bus[data-v-d921112a]:before,
.hiw.flow-on .hiw-split-bus[data-v-d921112a]:after {
  animation-play-state: running;
}
@media (prefers-reduced-motion: reduce) {
  .hiw-drop[data-v-d921112a]:after,
  .hiw-bus[data-v-d921112a]:before,
  .hiw-bus[data-v-d921112a]:after {
    opacity: 0;
    animation: none;
  }
}
.hiw-dep[data-v-d921112a] {
  font-family: var(--mono);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 13px 26px;
  font-size: 12px;
  font-weight: 600;
}
.hiw-dep svg[data-v-d921112a] {
  transition: transform 0.25s var(--ease);
}
.hiw-dep:hover svg[data-v-d921112a] {
  transform: translateY(2px);
}
.hiw-nodes[data-v-d921112a] {
  width: 100%;
  padding: 14px 0;
  position: relative;
}
.hiw-bus[data-v-d921112a] {
  background: #ffffff21;
  height: 1px;
  position: absolute;
  left: 8.333%;
  right: 8.333%;
}
.hiw-bus-top[data-v-d921112a] {
  top: 0;
}
.hiw-bus-bot[data-v-d921112a] {
  bottom: 0;
}
.hiw-node[data-v-d921112a] {
  justify-content: center;
  display: flex;
  position: relative;
}
.hiw-stub[data-v-d921112a] {
  background: var(--line);
  width: 1px;
  height: 14px;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
}
.hiw-stub-top[data-v-d921112a] {
  top: -14px;
}
.hiw-stub-bot[data-v-d921112a] {
  bottom: -14px;
}
.hiw-chip[data-v-d921112a] {
  border: 1px solid var(--line);
  background: var(--bg-soft);
  border-radius: 10px;
  place-items: center;
  min-width: 104px;
  height: 46px;
  padding: 0 14px;
  display: grid;
}
.hiw-logo[data-v-d921112a] {
  opacity: 0.85;
  max-width: 88px;
  max-height: 18px;
}
.hiw-name[data-v-d921112a] {
  letter-spacing: 0.01em;
  color: var(--muted);
  font-size: 12px;
  font-weight: 500;
}
.hiw-note[data-v-d921112a] {
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--dim);
  text-align: center;
  margin-top: 12px;
  font-size: 10.5px;
}
.hiw-block[data-v-d921112a] {
  border: 1px solid var(--line-2);
  background: radial-gradient(120% 90% at 50% -20%, #ffffff0d, #0000 60%),
    linear-gradient(#141518d9, #0c0d0fcc);
  border-radius: 14px;
  align-items: center;
  gap: 15px;
  width: 100%;
  max-width: 560px;
  padding: 19px 20px;
  display: flex;
  position: relative;
  box-shadow: 0 18px 48px #0006, inset 0 1px #ffffff0f;
}
.hiw-block[data-v-d921112a]:before {
  content: "";
  background: linear-gradient(90deg, #0000, #ffffff59, #0000);
  border-radius: 14px 14px 0 0;
  height: 1px;
  position: absolute;
  inset: 0 0 auto;
}
@property --hiwb-r {
  syntax: "<angle>";
  inherits: false;
  initial-value: 0deg;
}
@property --hiwb-l {
  syntax: "<angle>";
  inherits: false;
  initial-value: 360deg;
}
.hiw-block[data-v-d921112a]:after {
  content: "";
  border-radius: inherit;
  background: conic-gradient(
      from calc(var(--hiwb-r) - 14deg),
      transparent 0deg,
      #5ce08a73 7deg,
      #7af0a5f2 12deg,
      transparent 16deg,
      transparent 360deg
    ),
    conic-gradient(
      from calc(var(--hiwb-l) - 2deg),
      transparent 0deg,
      #7af0a5f2 4deg,
      #5ce08a73 9deg,
      transparent 16deg,
      transparent 360deg
    );
  -webkit-mask-composite: xor;
  pointer-events: none;
  opacity: 0;
  animation: flow-engine-trace-d921112a var(--flow-t, 8.5s) linear infinite;
  padding: 1px;
  animation-play-state: paused;
  position: absolute;
  inset: -1px;
  -webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
  mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
  -webkit-mask-position: 0 0, 0 0;
  mask-position: 0 0, 0 0;
  -webkit-mask-size: auto, auto;
  mask-size: auto, auto;
  -webkit-mask-repeat: repeat, repeat;
  mask-repeat: repeat, repeat;
  -webkit-mask-clip: content-box, border-box;
  mask-clip: content-box, border-box;
  -webkit-mask-origin: content-box, border-box;
  mask-origin: content-box, border-box;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  -webkit-mask-source-type: auto, auto;
  mask-mode: match-source, match-source;
}
@keyframes flow-engine-trace-d921112a {
  0%,
  58% {
    opacity: 0;
    --hiwb-r: 0deg;
    --hiwb-l: 360deg;
  }
  58.6% {
    opacity: 1;
  }
  78.4% {
    opacity: 1;
    --hiwb-r: 178deg;
    --hiwb-l: 182deg;
  }
  79% {
    opacity: 0;
    --hiwb-r: 180deg;
    --hiwb-l: 180deg;
  }
  to {
    opacity: 0;
    --hiwb-r: 180deg;
    --hiwb-l: 180deg;
  }
}
@media (prefers-reduced-motion: reduce) {
  .hiw-block[data-v-d921112a]:after {
    opacity: 0;
    animation: none;
  }
}
.hiw-block-ic[data-v-d921112a] {
  border: 1px solid var(--line-2);
  width: 42px;
  height: 42px;
  color: var(--text);
  background: #ffffff08;
  border-radius: 11px;
  flex-shrink: 0;
  place-items: center;
  display: grid;
  box-shadow: inset 0 1px #ffffff12;
}
.hiw-block-txt[data-v-d921112a] {
  text-align: left;
  flex: 1;
}
.hiw-block-t[data-v-d921112a] {
  letter-spacing: -0.01em;
  color: var(--text);
  font-size: 15px;
  font-weight: 600;
}
.hiw-block-d[data-v-d921112a] {
  color: var(--muted);
  margin-top: 4px;
  font-size: 13px;
  line-height: 1.5;
}
.hiw-split[data-v-d921112a] {
  --flow-t: 8.5s;
  width: 100%;
  max-width: 420px;
  height: 38px;
  position: relative;
}
.hiw-split-drop[data-v-d921112a] {
  background: #ffffff21;
  width: 1px;
  height: 18px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%);
}
.hiw-split-bus[data-v-d921112a] {
  background: #ffffff21;
  height: 1px;
  position: absolute;
  top: 18px;
  left: 25%;
  right: 25%;
}
.hiw-split-stub[data-v-d921112a] {
  background: #ffffff21;
  width: 1px;
  height: 20px;
  position: absolute;
  top: 18px;
  overflow: visible;
}
.hiw-split-stub-l[data-v-d921112a] {
  left: 25%;
}
.hiw-split-stub-r[data-v-d921112a] {
  right: 25%;
}
.hiw-split-drop[data-v-d921112a]:after,
.hiw-split-stub[data-v-d921112a]:after {
  content: "";
  opacity: 0;
  width: 3px;
  height: 8px;
  animation-duration: var(--flow-t);
  background: linear-gradient(#0000, #5ce08a, #0000);
  border-radius: 3px;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-play-state: paused;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%);
  box-shadow: 0 0 8px #5ce08a8c;
}
.hiw-split-drop[data-v-d921112a]:after {
  animation-name: flow-split-drop-d921112a;
}
@keyframes flow-split-drop-d921112a {
  0%,
  79% {
    opacity: 0;
    top: 0;
  }
  79.5% {
    opacity: 1;
  }
  84% {
    opacity: 1;
    top: calc(100% - 8px);
  }
  84.5% {
    opacity: 0;
    top: calc(100% - 8px);
  }
  to {
    opacity: 0;
    top: 0;
  }
}
.hiw-split-bus[data-v-d921112a]:before,
.hiw-split-bus[data-v-d921112a]:after {
  content: "";
  opacity: 0;
  height: 3px;
  animation-duration: var(--flow-t);
  background: linear-gradient(90deg, #0000, #5ce08a, #0000);
  border-radius: 3px;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-play-state: paused;
  position: absolute;
  top: -1px;
  box-shadow: 0 0 8px #5ce08a73;
}
.hiw-split-bus[data-v-d921112a]:before {
  transform-origin: 100%;
  animation-name: flow-split-l-d921112a;
  left: 0;
  right: 50%;
  transform: scaleX(0);
}
.hiw-split-bus[data-v-d921112a]:after {
  transform-origin: 0;
  animation-name: flow-split-r-d921112a;
  left: 50%;
  right: 0;
  transform: scaleX(0);
}
@keyframes flow-split-l-d921112a {
  0%,
  84.5% {
    opacity: 0;
    transform: scaleX(0);
  }
  85% {
    opacity: 0.9;
  }
  90% {
    opacity: 0.9;
    transform: scaleX(1);
  }
  90.5% {
    opacity: 0;
    transform: scaleX(1);
  }
  to {
    opacity: 0;
    transform: scaleX(0);
  }
}
@keyframes flow-split-r-d921112a {
  0%,
  84.5% {
    opacity: 0;
    transform: scaleX(0);
  }
  85% {
    opacity: 0.9;
  }
  90% {
    opacity: 0.9;
    transform: scaleX(1);
  }
  90.5% {
    opacity: 0;
    transform: scaleX(1);
  }
  to {
    opacity: 0;
    transform: scaleX(0);
  }
}
.hiw-split-stub[data-v-d921112a]:after {
  animation-name: flow-stub-d921112a;
}
@keyframes flow-stub-d921112a {
  0%,
  90.5% {
    opacity: 0;
    top: 0;
  }
  91% {
    opacity: 1;
  }
  95.5% {
    opacity: 1;
    top: calc(100% - 8px);
  }
  96% {
    opacity: 0;
    top: calc(100% - 8px);
  }
  to {
    opacity: 0;
    top: 0;
  }
}
.hiw-split-stub-r[data-v-d921112a]:after {
  opacity: 0;
  filter: brightness(0.6);
}
@media (prefers-reduced-motion: reduce) {
  .hiw-split-drop[data-v-d921112a]:after,
  .hiw-split-stub[data-v-d921112a]:after,
  .hiw-split-bus[data-v-d921112a]:before,
  .hiw-split-bus[data-v-d921112a]:after {
    opacity: 0;
    animation: none;
  }
}
.hiw-outcomes[data-v-d921112a] {
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  width: 100%;
  max-width: 420px;
  display: grid;
}
.hiw-out[data-v-d921112a] {
  border: 1px solid var(--line-2);
  text-align: left;
  background: var(--bg-soft);
  border-radius: 12px;
  padding: 16px 18px;
}
.hiw-out-k[data-v-d921112a] {
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--dim);
  font-size: 10px;
}
.hiw-out-v[data-v-d921112a] {
  letter-spacing: -0.02em;
  font-size: 26px;
  font-weight: 600;
  font-family: var(--mono);
  margin-top: 6px;
}
.hiw-out-you[data-v-d921112a] {
  background: linear-gradient(#5ce08a17, #5ce08a08);
  border-color: #5ce08a59;
  box-shadow: 0 0 34px #5ce08a12, inset 0 1px #5ce08a2e;
}
.hiw-out-you .hiw-out-v[data-v-d921112a] {
  color: #5ce08a;
  text-shadow: 0 0 26px #5ce08a59;
}
.hiw-out-fee[data-v-d921112a] {
  opacity: 0.65;
}
.hiw-out-fee .hiw-out-v[data-v-d921112a] {
  color: var(--muted);
  font-size: 22px;
}
.hiw-cap[data-v-d921112a] {
  text-align: center;
  max-width: 560px;
  color: var(--muted);
  margin: 30px auto 0;
  font-size: 14px;
  line-height: 1.6;
}
.hiw-points[data-v-d921112a] {
  background: var(--line);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  margin-top: 56px;
  display: grid;
  overflow: hidden;
}
.hiw-pt[data-v-d921112a] {
  background: var(--bg);
  padding: 28px 26px;
}
.hiw-pt .ic[data-v-d921112a] {
  border: 1px solid var(--line);
  width: 38px;
  height: 38px;
  color: var(--text);
  border-radius: 10px;
  place-items: center;
  margin-bottom: 16px;
  display: grid;
}
.hiw-pt h3[data-v-d921112a] {
  letter-spacing: -0.01em;
  margin-bottom: 9px;
  font-size: 16px;
  font-weight: 600;
}
.hiw-pt p[data-v-d921112a] {
  color: var(--muted);
  font-size: 14px;
  line-height: 1.62;
}
@media (width<=760px) {
  .hiw-bus[data-v-d921112a],
  .hiw-stub-top[data-v-d921112a],
  .hiw-stub-bot[data-v-d921112a] {
    display: none;
  }
  .hiw-chip[data-v-d921112a] {
    min-width: 88px;
  }
  .hiw-block[data-v-d921112a] {
    flex-wrap: wrap;
  }
  .hiw-block-tag[data-v-d921112a] {
    align-self: center;
  }
  .hiw-points[data-v-d921112a] {
    grid-template-columns: 1fr;
  }
}
.et[data-v-4e7a5a29] {
  flex-direction: column;
  gap: 0;
  display: flex;
}
.et-head[data-v-4e7a5a29] {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  display: flex;
}
.et-title[data-v-4e7a5a29] {
  letter-spacing: 0.14em;
  color: var(--text);
  align-items: center;
  gap: 9px;
  font-size: 12px;
  display: inline-flex;
}
.et-sep[data-v-4e7a5a29] {
  background: var(--line-2);
  width: 1px;
  height: 10px;
}
.et-live[data-v-4e7a5a29] {
  letter-spacing: 0.16em;
  color: var(--muted);
  font-size: 10px;
}
.et-pnl[data-v-4e7a5a29] {
  color: #5ce08a;
  font-variant-numeric: tabular-nums;
  font-size: 20px;
  font-weight: 600;
}
.et-amounts[data-v-4e7a5a29] {
  align-items: center;
  gap: 6px;
  margin-bottom: 14px;
  display: flex;
}
.et-amt[data-v-4e7a5a29] {
  font-family: var(--mono);
  letter-spacing: 0.04em;
  cursor: pointer;
  border: 1px solid var(--line-2);
  color: var(--muted);
  background: 0 0;
  border-radius: 999px;
  padding: 4px 11px;
  font-size: 11px;
  transition: color 0.2s, border-color 0.2s, background 0.2s;
}
.et-amt[data-v-4e7a5a29]:hover {
  color: var(--text);
  border-color: #ffffff4d;
}
.et-amt.on[data-v-4e7a5a29] {
  color: #fff;
  background: #ffffff14;
  border-color: #fff6;
}
.et-amt-hint[data-v-4e7a5a29] {
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--dim);
  margin-left: 6px;
  font-size: 9.5px;
}
.et-chart-wrap[data-v-4e7a5a29] {
  cursor: crosshair;
  position: relative;
}
.et-chart[data-v-4e7a5a29] {
  width: 100%;
  height: 150px;
  display: block;
}
.et-tip[data-v-4e7a5a29] {
  filter: drop-shadow(0 0 3px #7ce38b80);
}
.et-cross-t[data-v-4e7a5a29] {
  color: var(--dim);
}
.et-cross-label[data-v-4e7a5a29] {
  color: var(--text);
  border: 1px solid var(--line-2);
  pointer-events: none;
  white-space: nowrap;
  background: #09090bd9;
  border-radius: 5px;
  padding: 2px 7px;
  font-size: 10.5px;
  position: absolute;
  top: 2px;
  transform: translate(-50%);
}
.et-scale[data-v-4e7a5a29] {
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--dim);
  justify-content: space-between;
  margin: 6px 0 14px;
  font-size: 10px;
  display: flex;
}
.et-log[data-v-4e7a5a29] {
  border-top: 1px solid var(--line);
  flex-direction: column;
  gap: 7px;
  height: 152px;
  padding-top: 10px;
  font-size: 11.5px;
  display: flex;
  overflow: hidden;
}
.et-line[data-v-4e7a5a29] {
  color: var(--muted);
  white-space: nowrap;
  align-items: baseline;
  gap: 10px;
  display: flex;
  overflow: hidden;
}
.et-line.typing[data-v-4e7a5a29] {
  animation: 0.45s cubic-bezier(0.22, 1, 0.36, 1) et-in-4e7a5a29;
}
@keyframes et-in-4e7a5a29 {
  0% {
    opacity: 0;
    transform: translateY(-6px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.et-line.settle[data-v-4e7a5a29] {
  color: var(--text);
}
.et-settle-txt[data-v-4e7a5a29] {
  letter-spacing: 0.1em;
  color: #5ce08a;
  font-size: 10.5px;
}
.et-settle-arr[data-v-4e7a5a29] {
  background: var(--line);
  flex: 1;
  align-self: center;
  height: 1px;
}
.et-t[data-v-4e7a5a29] {
  color: var(--dim);
  flex-shrink: 0;
}
.et-pair[data-v-4e7a5a29] {
  color: var(--text);
  min-width: 76px;
}
.et-route[data-v-4e7a5a29] {
  color: var(--muted);
  text-overflow: ellipsis;
  flex: 1;
  align-items: center;
  gap: 6px;
  display: inline-flex;
  overflow: hidden;
}
.et-arr[data-v-4e7a5a29] {
  color: var(--dim);
  flex-shrink: 0;
}
.et-spread[data-v-4e7a5a29] {
  color: var(--dim);
}
.et-fill[data-v-4e7a5a29] {
  color: #5ce08a;
  text-align: right;
  min-width: 64px;
  font-weight: 600;
}
.et-fill.neg[data-v-4e7a5a29] {
  color: #ffffff73;
}
@media (width<=560px) {
  .et-route[data-v-4e7a5a29] {
    display: none;
  }
  .et-log[data-v-4e7a5a29] {
    font-size: 11px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .et-line.typing[data-v-4e7a5a29] {
    animation: none;
  }
}
.i-hero[data-v-a7a29486] .v,
.i-hero .v[data-v-a7a29486] {
  color: #7ce38b;
  font-size: 30px;
}
.chart-foot .foot-end[data-v-a7a29486] {
  color: #7ce38b;
}
.kv .i[data-v-a7a29486] {
  transition: background 0.25s;
}
.kv .i[data-v-a7a29486]:hover {
  background: #ffffff08;
}
.glare-hover[data-v-f67cc4d3] {
  position: relative;
  overflow: hidden;
}
.glare-overlay[data-v-f67cc4d3] {
  pointer-events: none;
  z-index: 1;
  position: absolute;
  inset: 0;
}
.tm-wrap[data-v-5776c2d9] {
  align-items: center;
  gap: 8px;
  display: flex;
  position: relative;
}
.tm-track[data-v-5776c2d9] {
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  gap: 16px;
  padding: 6px 2px 14px;
  display: flex;
  overflow-x: auto;
}
.tm-track[data-v-5776c2d9]::-webkit-scrollbar {
  display: none;
}
.tm-card[data-v-5776c2d9] {
  scroll-snap-align: start;
  border: 1px solid var(--glass-line);
  background: var(--glass);
  -webkit-backdrop-filter: blur(20px) saturate(140%);
  border-radius: 16px;
  flex-direction: column;
  flex: 0 0 calc(33.3333% - 10.6667px);
  max-width: 85vw;
  padding: 20px;
  display: flex;
  box-shadow: 0 14px 40px #00000059;
}
.tm-top[data-v-5776c2d9] {
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
  display: flex;
}
.tm-av[data-v-5776c2d9] {
  color: #fff;
  width: 44px;
  height: 44px;
  font-family: var(--display);
  border-radius: 50%;
  flex-shrink: 0;
  place-items: center;
  font-size: 15px;
  font-weight: 600;
  display: grid;
}
.tm-id[data-v-5776c2d9] {
  flex: 1;
  min-width: 0;
}
.tm-name[data-v-5776c2d9] {
  font-family: var(--display);
  color: #fff;
  font-size: 15px;
  font-weight: 600;
}
.tm-meta[data-v-5776c2d9] {
  align-items: center;
  gap: 8px;
  margin-top: 3px;
  display: flex;
}
.tm-tier[data-v-5776c2d9] {
  font-family: var(--mono);
  letter-spacing: 0.04em;
  border: 1px solid var(--line-2);
  color: var(--muted);
  border-radius: 999px;
  padding: 2px 7px;
  font-size: 10px;
}
.tm-tier.t-prime[data-v-5776c2d9] {
  color: #ecedf0;
  background: #ffffff0a;
  border-color: #ffffff47;
}
.tm-tier.t-private[data-v-5776c2d9] {
  color: #ffce7a;
  background: #c9a86a0d;
  border-color: #c9a86a66;
}
.tm-stars[data-v-5776c2d9] {
  color: #f5c542;
  letter-spacing: 1px;
  flex-shrink: 0;
  align-self: flex-start;
  font-size: 13px;
}
.tm-quote[data-v-5776c2d9] {
  font-family: var(--sans);
  color: var(--muted);
  flex: 1;
  margin-bottom: 16px;
  font-size: 14px;
  line-height: 1.55;
}
.tm-result[data-v-5776c2d9] {
  white-space: nowrap;
  color: var(--faint);
  font-variant-numeric: tabular-nums;
  border-top: 1px solid var(--line);
  flex-wrap: nowrap;
  align-items: center;
  gap: 6px;
  padding-top: 14px;
  font-size: 12px;
  display: flex;
}
.tm-result svg[data-v-5776c2d9] {
  flex-shrink: 0;
}
.tm-result b[data-v-5776c2d9] {
  color: var(--text);
}
.tm-result svg[data-v-5776c2d9] {
  color: var(--dim);
}
.tm-result .tm-out[data-v-5776c2d9] {
  color: #5cb887;
}
.tm-arrow[data-v-5776c2d9] {
  cursor: pointer;
  border: 1px solid var(--line-2);
  width: 40px;
  height: 40px;
  color: var(--text);
  background: #ffffff0a;
  border-radius: 50%;
  flex-shrink: 0;
  place-items: center;
  transition: all 0.2s;
  display: grid;
}
.tm-arrow[data-v-5776c2d9]:hover {
  background: #ffffff1a;
  border-color: #ffffff4d;
}
@media (width<=1080px) {
  .tm-card[data-v-5776c2d9] {
    flex-basis: calc(50% - 8px);
  }
}
@media (width<=720px) {
  .tm-arrow[data-v-5776c2d9] {
    display: none;
  }
  .tm-card[data-v-5776c2d9] {
    flex-basis: 86%;
  }
}
.spotlight-card[data-v-e2823a16] {
  position: relative;
}
.spotlight-glow[data-v-e2823a16] {
  pointer-events: none;
  border-radius: inherit;
  opacity: 0;
  z-index: 0;
  transition: opacity 0.5s ease-in-out;
  position: absolute;
  inset: 0;
}
.tier-anim-0[data-v-11685654] {
  opacity: 0;
  transition: opacity 1.2s cubic-bezier(0.22, 1, 0.36, 1) 0.3s,
    transform 1.2s cubic-bezier(0.22, 1, 0.36, 1) 0.3s;
  transform: translate(-80px);
}
.tier-anim-1[data-v-11685654] {
  opacity: 0;
  transition: opacity 1.2s cubic-bezier(0.22, 1, 0.36, 1),
    transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
  transform: translateY(80px);
}
.tier-anim-2[data-v-11685654] {
  opacity: 0;
  transition: opacity 1.2s cubic-bezier(0.22, 1, 0.36, 1) 0.3s,
    transform 1.2s cubic-bezier(0.22, 1, 0.36, 1) 0.3s;
  transform: translate(80px);
}
.tier-anim-0.in[data-v-11685654],
.tier-anim-1.in[data-v-11685654],
.tier-anim-2.in[data-v-11685654] {
  opacity: 1;
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  .tier-anim-0[data-v-11685654],
  .tier-anim-1[data-v-11685654],
  .tier-anim-2[data-v-11685654] {
    opacity: 1;
    transition: none;
    transform: none;
  }
}
.tier[data-v-11685654] {
  cursor: default;
}
.tier .btn[data-v-11685654] {
  transition: transform 0.18s, background 0.2s, border-color 0.2s,
    box-shadow 0.2s;
}
.tier .btn[data-v-11685654]:hover {
  transform: translateY(-1px);
}
.tier .btn-ghost[data-v-11685654]:hover {
  border-color: var(--text);
  background: #ffffff0d;
}
.tier.premium[data-v-11685654] {
  background: radial-gradient(120% 80% at 50% -10%, #f0e2a81a, transparent 60%),
    var(--bg);
  border-color: #f0e2a861;
  position: relative;
}
.tier.premium[data-v-11685654]:after {
  content: "";
  border-radius: inherit;
  pointer-events: none;
  position: absolute;
  inset: 0;
  box-shadow: inset 0 1px #fcf6dc38;
}
.tier.premium .nm[data-v-11685654] {
  color: #f2e6b4;
}
.tier.premium .price[data-v-11685654] {
  background: linear-gradient(100deg, #fdf6db, #ecdc9e 52%, #f8f1cc);
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
}
.tier.premium .price small[data-v-11685654] {
  -webkit-text-fill-color: var(--faint);
}
.tier.premium li svg[data-v-11685654] {
  color: #ecdc9e;
  opacity: 1;
}
.tier[data-v-11685654] {
  flex-direction: column;
  display: flex;
}
.tier ul[data-v-11685654] {
  margin-bottom: 26px;
}
.tier > .btn[data-v-11685654] {
  margin-top: auto;
}
.tier-ring[data-v-11685654] {
  border-radius: inherit;
  -webkit-mask-composite: xor;
  pointer-events: none;
  padding: 1px;
  position: absolute;
  inset: -1px;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
  mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
  -webkit-mask-position: 0 0, 0 0;
  mask-position: 0 0, 0 0;
  -webkit-mask-size: auto, auto;
  mask-size: auto, auto;
  -webkit-mask-repeat: repeat, repeat;
  mask-repeat: repeat, repeat;
  -webkit-mask-clip: content-box, border-box;
  mask-clip: content-box, border-box;
  -webkit-mask-origin: content-box, border-box;
  mask-origin: content-box, border-box;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  -webkit-mask-source-type: auto, auto;
  mask-mode: match-source, match-source;
}
.tier-ring-spin[data-v-11685654] {
  aspect-ratio: 1;
  will-change: transform;
  background: conic-gradient(
    #0000 0% 72%,
    #ffffff59 86%,
    #ffffffd9 92%,
    #0000 100%
  );
  width: 300%;
  margin: -150% 0 0 -150%;
  animation: 7s linear infinite tier-ring-rotate-11685654;
  position: absolute;
  top: 50%;
  left: 50%;
}
@keyframes tier-ring-rotate-11685654 {
  to {
    transform: rotate(360deg);
  }
}
.tier.feat[data-v-11685654]:before {
  z-index: 2;
}
@media (prefers-reduced-motion: reduce) {
  .tier-ring[data-v-11685654] {
    display: none;
  }
}
[data-v-11685654] .btn-champagne {
  color: #f7efc9;
  background: linear-gradient(#f6efcd24, #f0e2a80d);
  border: 1px solid #f0e2a885;
  transition: background 0.2s, border-color 0.2s;
}
[data-v-11685654] .btn-champagne:hover {
  background: linear-gradient(#f6efcd38, #f0e2a81a);
  border-color: #f0e2a8c7;
}
.final-fx[data-v-c5800c2a] {
  z-index: 0;
  pointer-events: none;
  position: absolute;
  inset: 0;
  -webkit-mask-image: radial-gradient(
    120% 100% at 50% 40%,
    #000 40%,
    #0000 90%
  );
  mask-image: radial-gradient(120% 100% at 50% 40%, #000 40%, #0000 90%);
}
.final .h2[data-v-c5800c2a],
.final .lead[data-v-c5800c2a],
.final .fcta-btn[data-v-c5800c2a] {
  z-index: 1;
  position: relative;
}
.fcta-ring[data-v-c5800c2a] {
  border-radius: inherit;
  -webkit-mask-composite: xor;
  pointer-events: none;
  z-index: 2;
  padding: 1px;
  position: absolute;
  inset: 0;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
  mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
  -webkit-mask-position: 0 0, 0 0;
  mask-position: 0 0, 0 0;
  -webkit-mask-size: auto, auto;
  mask-size: auto, auto;
  -webkit-mask-repeat: repeat, repeat;
  mask-repeat: repeat, repeat;
  -webkit-mask-clip: content-box, border-box;
  mask-clip: content-box, border-box;
  -webkit-mask-origin: content-box, border-box;
  mask-origin: content-box, border-box;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  -webkit-mask-source-type: auto, auto;
  mask-mode: match-source, match-source;
}
.fcta-ring-spin[data-v-c5800c2a] {
  aspect-ratio: 1;
  will-change: transform;
  background: conic-gradient(
    #0000 0% 74%,
    #ffffff59 88%,
    #ffffffbf 94%,
    #0000 100%
  );
  width: 300%;
  margin: -150% 0 0 -150%;
  animation: 9s linear infinite ring-rotate-c5800c2a;
  position: absolute;
  top: 50%;
  left: 50%;
}
@keyframes ring-rotate-c5800c2a {
  to {
    transform: rotate(360deg);
  }
}
.fcta-btn[data-v-c5800c2a] {
  justify-content: center;
  position: relative;
  overflow: hidden;
}
.fcta-btn[data-v-c5800c2a]:after {
  content: "";
  will-change: transform;
  pointer-events: none;
  background: linear-gradient(100deg, #0000 20%, #09090b24 50%, #0000 80%);
  width: 60%;
  height: 100%;
  animation: 4.6s ease-in-out infinite fcta-sheen-c5800c2a;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-140%) skew(-18deg);
}
@keyframes fcta-sheen-c5800c2a {
  0%,
  64% {
    transform: translate(-140%) skew(-18deg);
  }
  86%,
  to {
    transform: translate(220%) skew(-18deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  .fcta-ring[data-v-c5800c2a] {
    display: none;
  }
  .fcta-btn[data-v-c5800c2a]:after {
    opacity: 0;
    animation: none;
  }
}
.foot-partners[data-v-2e2510a7] {
  border-top: 1px solid var(--line);
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: 22px;
  margin-top: 40px;
  padding-top: 34px;
  display: flex;
}
.fp-label[data-v-2e2510a7] {
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--dim);
  font-size: 10.5px;
}
.fp-logos[data-v-2e2510a7] {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 26px 52px;
  display: flex;
}
.fp-img[data-v-2e2510a7] {
  opacity: 0.55;
  width: auto;
  transition: opacity 0.2s;
}
.fp-img[data-v-2e2510a7]:hover {
  opacity: 1;
}
@media (width<=560px) {
  .fp-logos[data-v-2e2510a7] {
    gap: 20px 32px;
  }
  .fp-img[data-v-2e2510a7] {
    transform-origin: 50%;
    transform: scale(0.82);
  }
}
.df-backdrop[data-v-8ef41e4f] {
  z-index: 100000;
  -webkit-backdrop-filter: blur(14px);
  background: #050607b8;
  justify-content: center;
  align-items: center;
  padding: 18px;
  animation: 0.3s df-fade-8ef41e4f;
  display: flex;
  position: fixed;
  inset: 0;
}
@keyframes df-fade-8ef41e4f {
  0% {
    opacity: 0;
  }
}
.df-panel[data-v-8ef41e4f] {
  border: 1px solid var(--glass-line, #ffffff1a);
  background: #0c0d0feb;
  border-radius: 20px;
  width: 100%;
  max-width: 560px;
  max-height: 92vh;
  padding: 30px 32px 26px;
  animation: 0.35s cubic-bezier(0.22, 0.9, 0.3, 1) df-pop-8ef41e4f;
  position: relative;
  overflow-y: auto;
  box-shadow: 0 30px 90px #0009, inset 0 1px #ffffff0d;
}
@keyframes df-pop-8ef41e4f {
  0% {
    opacity: 0;
    transform: translateY(14px) scale(0.98);
  }
}
.df-close[data-v-8ef41e4f] {
  z-index: 2;
  width: 30px;
  height: 30px;
  color: var(--faint);
  cursor: pointer;
  background: #ffffff0d;
  border: 0;
  border-radius: 50%;
  place-items: center;
  transition: color 0.2s, background 0.2s;
  display: grid;
  position: absolute;
  top: 14px;
  right: 14px;
}
.df-close[data-v-8ef41e4f]:hover {
  color: var(--text);
  background: #ffffff1a;
}
.df-back[data-v-8ef41e4f] {
  font-family: var(--sans);
  color: var(--faint);
  cursor: pointer;
  background: 0 0;
  border: 0;
  align-items: center;
  gap: 6px;
  margin-bottom: 14px;
  padding: 0;
  font-size: 12px;
  transition: color 0.2s;
  display: inline-flex;
}
.df-back[data-v-8ef41e4f]:hover {
  color: var(--text);
}
.df-cap[data-v-8ef41e4f] {
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--dim);
  font-size: 10.5px;
}
.df-title[data-v-8ef41e4f] {
  font-family: var(--display);
  letter-spacing: -0.02em;
  color: var(--text);
  margin: 10px 0 6px;
  font-size: 24px;
  font-weight: 600;
}
.df-sub[data-v-8ef41e4f] {
  color: var(--muted);
  margin: 0 0 20px;
  font-size: 13.5px;
  line-height: 1.5;
}
.df-tier-hl[data-v-8ef41e4f] {
  color: var(--text);
  font-weight: 600;
}
.df-tier-hl.gold[data-v-8ef41e4f] {
  background: linear-gradient(100deg, #f3ead6, #cdb98c 55%, #efe3c8);
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
}
.df-tiers[data-v-8ef41e4f] {
  grid-template-columns: 1fr 1fr 1fr;
  gap: 10px;
  margin-top: 6px;
  display: grid;
}
.df-tier[data-v-8ef41e4f] {
  text-align: left;
  cursor: pointer;
  border: 1px solid var(--line, #ffffff17);
  background: #ffffff06;
  border-radius: 14px;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  padding: 15px 14px 13px;
  transition: border-color 0.25s, background 0.25s;
  display: flex;
  position: relative;
}
.df-tier[data-v-8ef41e4f]:hover {
  background: #ffffff0b;
}
.df-tier.on[data-v-8ef41e4f] {
  background: #ffffff0d;
  border-color: #ffffff73;
}
.df-tier-name[data-v-8ef41e4f] {
  font-family: var(--sans);
  color: var(--text);
  font-size: 13px;
  font-weight: 600;
}
.df-tier.gold .df-tier-name[data-v-8ef41e4f] {
  background: linear-gradient(100deg, #f3ead6, #cdb98c 55%, #efe3c8);
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
}
.df-tier-amt[data-v-8ef41e4f] {
  color: var(--text);
  margin-top: 2px;
  font-size: 19px;
  font-weight: 600;
}
.df-tier-sub[data-v-8ef41e4f] {
  color: var(--faint);
  letter-spacing: 0.02em;
  font-size: 9.5px;
}
.df-chip[data-v-8ef41e4f] {
  z-index: 2;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #09090b;
  background: #fff;
  border-radius: 5px;
  padding: 2px 8px;
  font-size: 9px;
  position: absolute;
  top: -9px;
  left: 12px;
}
.df-ring[data-v-8ef41e4f] {
  border-radius: inherit;
  -webkit-mask-composite: xor;
  pointer-events: none;
  padding: 1px;
  position: absolute;
  inset: -1px;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
  mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
  -webkit-mask-position: 0 0, 0 0;
  mask-position: 0 0, 0 0;
  -webkit-mask-size: auto, auto;
  mask-size: auto, auto;
  -webkit-mask-repeat: repeat, repeat;
  mask-repeat: repeat, repeat;
  -webkit-mask-clip: content-box, border-box;
  mask-clip: content-box, border-box;
  -webkit-mask-origin: content-box, border-box;
  mask-origin: content-box, border-box;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  -webkit-mask-source-type: auto, auto;
  mask-mode: match-source, match-source;
}
.df-ring-spin[data-v-8ef41e4f] {
  aspect-ratio: 1;
  will-change: transform;
  background: conic-gradient(
    #0000 0% 72%,
    #ffffff59 86%,
    #ffffffd9 92%,
    #0000 100%
  );
  width: 300%;
  margin: -150% 0 0 -150%;
  animation: 7s linear infinite df-ring-rotate-8ef41e4f;
  position: absolute;
  top: 50%;
  left: 50%;
}
@keyframes df-ring-rotate-8ef41e4f {
  to {
    transform: rotate(360deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  .df-ring[data-v-8ef41e4f] {
    display: none;
  }
}
.df-custom[data-v-8ef41e4f] {
  justify-content: space-between;
  align-items: baseline;
  gap: 14px;
  margin-top: 14px;
  padding: 0 2px;
  display: flex;
}
.df-custom-note[data-v-8ef41e4f] {
  color: var(--faint);
  font-size: 12px;
}
.df-custom-field[data-v-8ef41e4f] {
  border-bottom: 1px solid #ffffff2e;
  align-items: baseline;
  gap: 3px;
  padding-bottom: 2px;
  transition: border-color 0.2s;
  display: inline-flex;
}
.df-custom-field[data-v-8ef41e4f]:focus-within {
  border-color: #ffffff73;
}
.df-custom-cur[data-v-8ef41e4f] {
  color: var(--faint);
  font-size: 13px;
}
.df-custom-input[data-v-8ef41e4f] {
  width: 74px;
  color: var(--text);
  text-align: right;
  appearance: textfield;
  background: 0 0;
  border: 0;
  outline: none;
  font-size: 14px;
  font-weight: 600;
}
.df-custom-input[data-v-8ef41e4f]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.df-custom-input[data-v-8ef41e4f]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
.df-grid2[data-v-8ef41e4f] {
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  display: grid;
}
.df-field label[data-v-8ef41e4f],
.df-field-label[data-v-8ef41e4f] {
  color: var(--faint);
  margin-bottom: 6px;
  font-size: 11px;
  display: block;
}
.df-zone[data-v-8ef41e4f] {
  align-items: flex-start;
  gap: 18px;
  margin-top: 16px;
  display: flex;
}
.df-qr-wrap[data-v-8ef41e4f] {
  background: #f0f0f2;
  border-radius: 14px;
  flex-shrink: 0;
  place-items: center;
  width: 128px;
  height: 128px;
  padding: 8px;
  display: grid;
}
.df-qr[data-v-8ef41e4f] {
  width: 112px;
  height: 112px;
  display: block;
}
.df-addr-side[data-v-8ef41e4f] {
  flex: 1;
  min-width: 0;
}
.df-send[data-v-8ef41e4f] {
  justify-content: space-between;
  align-items: baseline;
  gap: 10px;
  margin-bottom: 12px;
  display: flex;
}
.df-send-k[data-v-8ef41e4f] {
  color: var(--faint);
  font-size: 11px;
}
.df-send-v[data-v-8ef41e4f] {
  color: var(--text);
  font-size: 15px;
  font-weight: 600;
}
.df-addr-row[data-v-8ef41e4f] {
  align-items: stretch;
  gap: 8px;
  display: flex;
}
.df-addr[data-v-8ef41e4f] {
  min-width: 0;
  color: var(--text);
  word-break: break-all;
  border: 1px solid var(--line, #ffffff17);
  background: #ffffff08;
  border-radius: 10px;
  flex: 1;
  padding: 10px 12px;
  font-size: 12px;
  line-height: 1.45;
}
.df-addr.copyable[data-v-8ef41e4f] {
  cursor: pointer;
}
.df-addr.copyable[data-v-8ef41e4f]:hover {
  border-color: #fff3;
}
.df-copy[data-v-8ef41e4f] {
  width: 40px;
  color: var(--muted);
  border: 1px solid var(--line, #ffffff17);
  cursor: pointer;
  background: #ffffff0d;
  border-radius: 10px;
  flex-shrink: 0;
  place-items: center;
  transition: color 0.2s, background 0.2s, border-color 0.2s;
  display: grid;
}
.df-copy[data-v-8ef41e4f]:hover {
  color: var(--text);
  background: #ffffff17;
}
.df-copy.copied[data-v-8ef41e4f] {
  color: #5ce08a;
  border-color: #5ce08a59;
}
.df-rate[data-v-8ef41e4f] {
  color: var(--faint);
  text-align: right;
  margin-top: 9px;
  font-size: 11px;
}
.df-cta[data-v-8ef41e4f] {
  justify-content: center;
  min-width: 220px;
  margin: 20px auto 0;
  display: flex;
}
.df-cta[data-v-8ef41e4f]:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}
.df-custom-note.err[data-v-8ef41e4f] {
  color: #e08a8a;
}
.df-custom-field.err[data-v-8ef41e4f] {
  border-color: #e08a8a80;
}
.df-note[data-v-8ef41e4f] {
  color: var(--faint);
  text-align: center;
  margin-top: 10px;
  font-size: 11px;
}
.df-skip[data-v-8ef41e4f] {
  font-family: var(--sans);
  color: var(--faint);
  cursor: pointer;
  background: 0 0;
  border: 0;
  margin: 12px auto 0;
  padding: 0;
  font-size: 11.5px;
  transition: color 0.2s;
  display: block;
}
.df-skip[data-v-8ef41e4f]:hover {
  color: var(--muted);
  text-decoration: underline;
}
@media (width<=560px) {
  .df-panel[data-v-8ef41e4f] {
    padding: 24px 18px 20px;
  }
  .df-tiers[data-v-8ef41e4f] {
    grid-template-columns: 1fr;
  }
  .df-tier[data-v-8ef41e4f] {
    flex-flow: wrap;
    justify-content: space-between;
    align-items: center;
  }
  .df-zone[data-v-8ef41e4f] {
    flex-direction: column;
    align-items: stretch;
  }
  .df-qr-wrap[data-v-8ef41e4f] {
    margin: 0 auto;
  }
}
.landing-page .head {
  top: 38px;
}
.landing-page main {
  padding-top: 38px;
}
.login-page[data-v-bc31e404] {
  min-height: 100vh;
  padding-top: 72px;
}
.auth-tabs[data-v-bc31e404] {
  border: 1px solid var(--line-2);
  background: #ffffff08;
  border-radius: 999px;
  gap: 4px;
  max-width: 420px;
  margin: 32px auto 0;
  padding: 4px;
  display: flex;
}
.auth-tab[data-v-bc31e404] {
  font-family: var(--mono);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--muted);
  cursor: pointer;
  transition: background 0.5s var(--ease) 60ms, color 0.5s var(--ease) 60ms;
  background: 0 0;
  border: none;
  border-radius: 999px;
  flex: 1;
  padding: 10px 0;
  font-size: 11.5px;
  font-weight: 600;
}
.auth-tab.active[data-v-bc31e404] {
  color: #fff;
  background: #ffffff1a;
}
.btn-social[data-v-bc31e404] {
  border: 1px solid var(--line-2);
  width: 100%;
  color: var(--text);
  font-family: var(--sans);
  cursor: pointer;
  transition: background 0.4s var(--ease) 50ms,
    border-color 0.4s var(--ease) 50ms;
  background: #ffffff0f;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-bottom: 4px;
  padding: 11px 16px;
  font-size: 14px;
  font-weight: 600;
  display: flex;
}
.btn-social[data-v-bc31e404]:hover {
  background: #ffffff1a;
  border-color: #ffffff4d;
}
.auth-divider[data-v-bc31e404] {
  color: var(--dim);
  font-size: 12px;
  font-family: var(--mono);
  align-items: center;
  gap: 12px;
  margin: 18px 0;
  display: flex;
}
.auth-divider[data-v-bc31e404]:before,
.auth-divider[data-v-bc31e404]:after {
  content: "";
  background: var(--line);
  flex: 1;
  height: 1px;
}
@media (width<=520px) {
  .login-page[data-v-bc31e404] {
    padding-top: 64px;
  }
  .auth-tabs[data-v-bc31e404] {
    border-radius: 999px;
    margin: 24px auto 0;
  }
  .auth-tab[data-v-bc31e404] {
    min-height: 44px;
    padding: 10px 0;
    font-size: 13px;
  }
  .auth[data-v-bc31e404] {
    border-radius: 14px;
    padding: 24px 18px;
  }
  .auth h2[data-v-bc31e404] {
    font-size: 22px;
  }
  .auth p[data-v-bc31e404] {
    margin-bottom: 18px;
    font-size: 13px;
  }
  .btn-social[data-v-bc31e404] {
    border-radius: 999px;
    min-height: 44px;
    padding: 12px 16px;
    font-size: 13px;
  }
  .auth-divider[data-v-bc31e404] {
    margin: 14px 0;
  }
}
.dep-claim[data-v-bc31e404] {
  color: var(--muted);
  text-align: left;
  background: #5ce08a0f;
  border: 1px solid #5ce08a4d;
  border-radius: 12px;
  align-items: flex-start;
  gap: 9px;
  margin: 0 0 16px;
  padding: 11px 14px;
  font-size: 12.5px;
  line-height: 1.45;
  display: flex;
}
.dep-claim svg[data-v-bc31e404] {
  color: #5ce08a;
  flex-shrink: 0;
  margin-top: 1px;
}
.dep-claim b[data-v-bc31e404] {
  color: var(--text);
  font-weight: 600;
}
.user-dd[data-v-c76977f3] {
  position: relative;
}
.user-btn[data-v-c76977f3] {
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  display: flex;
}
.u-name[data-v-c76977f3] {
  font-size: 14px;
  font-weight: 600;
}
.u-chev[data-v-c76977f3] {
  transition: transform 0.3s var(--ease);
  opacity: 0.5;
}
.u-chev.up[data-v-c76977f3] {
  transform: rotate(180deg);
}
.dd-menu[data-v-c76977f3] {
  border: 1px solid var(--line-2);
  z-index: 100;
  background: #0e0e11;
  border-radius: 12px;
  width: 180px;
  padding: 6px;
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  box-shadow: 0 16px 40px #000c;
}
.dd-item[data-v-c76977f3] {
  width: 100%;
  font-family: var(--sans);
  color: var(--text);
  cursor: pointer;
  text-align: left;
  transition: background 0.3s var(--ease), color 0.3s var(--ease);
  background: 0 0;
  border: none;
  border-radius: 8px;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  font-size: 14px;
  font-weight: 500;
  display: flex;
}
.dd-item[data-v-c76977f3]:hover {
  background: #ffffff0f;
}
.text-danger[data-v-c76977f3] {
  color: #ff6b6b;
}
.text-danger[data-v-c76977f3]:hover {
  color: #ff8585;
  background: #ff6b6b1a;
}
.dd-div[data-v-c76977f3] {
  background: var(--line);
  height: 1px;
  margin: 4px;
}
.drop-enter-active[data-v-c76977f3],
.drop-leave-active[data-v-c76977f3] {
  transition: opacity 0.3s var(--ease), transform 0.3s var(--ease);
}
.drop-enter-from[data-v-c76977f3],
.drop-leave-to[data-v-c76977f3] {
  opacity: 0;
  transform: translateY(-8px) scale(0.98);
}
.cc-wrap[data-v-c347143c] {
  position: relative;
}
.cc-svg[data-v-c347143c] {
  width: 100%;
  height: 240px;
  display: block;
}
.cc-grid[data-v-c347143c] {
  stroke: #ffffff0a;
  stroke-width: 1px;
}
.cc-base[data-v-c347143c] {
  stroke: #ffffff24;
  stroke-width: 1px;
  stroke-dasharray: 3 4;
}
.cc-wick[data-v-c347143c] {
  stroke-width: 1.4px;
}
.cc-wick.up[data-v-c347143c] {
  stroke: #5ce08a;
}
.cc-wick.down[data-v-c347143c] {
  stroke: #ff5b5b;
}
.cc-body.up[data-v-c347143c] {
  fill: #5ce08a;
  filter: drop-shadow(0 0 5px #5ce08a66);
}
.cc-body.down[data-v-c347143c] {
  fill: #ff5b5b;
  filter: drop-shadow(0 0 5px #ff464666);
}
.cc-last[data-v-c347143c] {
  stroke: #5ce08a73;
  stroke-width: 1px;
  stroke-dasharray: 2 3;
}
.cc-empty[data-v-c347143c] {
  font-family: var(--sans);
  color: var(--faint);
  text-align: center;
  justify-content: center;
  align-items: center;
  padding: 0 16px;
  font-size: 12px;
  display: flex;
  position: absolute;
  inset: 0;
}
@media (width<=640px) {
  .cc-svg[data-v-c347143c] {
    height: 200px;
  }
}
.sc-card[data-v-f0662e93] {
  border: 1px solid var(--glass-line);
  background: radial-gradient(42% 46% at 27% 116%, #ffffff13, transparent 60%),
    radial-gradient(42% 46% at 74% 116%, #ffffff0f, transparent 60%),
    var(--glass);
  -webkit-backdrop-filter: blur(26px) saturate(145%);
  border-radius: 18px;
  padding: 26px 28px 18px;
  transition: border-color 0.4s, box-shadow 0.4s;
  position: relative;
  overflow: hidden;
  box-shadow: 0 14px 44px #0000006b, inset 0 1px #ffffff0d;
}
.sc-card[data-v-f0662e93]:after {
  content: "";
  z-index: 3;
  background: linear-gradient(
    90deg,
    transparent,
    var(--glass-rim),
    transparent
  );
  height: 1px;
  position: absolute;
  inset: 0 0 auto;
}
.sc-card.flash-win[data-v-f0662e93] {
  border-color: #5ce08a80;
  box-shadow: 0 0 44px #5ce08a2e;
}
.sc-card.flash-loss[data-v-f0662e93] {
  border-color: #ff505073;
  box-shadow: 0 0 40px #ff3c3c29;
}
.sc-glow[data-v-f0662e93] {
  pointer-events: none;
  opacity: 0;
  position: absolute;
  inset: 0;
}
.sc-glow.on-win[data-v-f0662e93] {
  background: radial-gradient(120% 90% at 40% 100%, #5ce08a33, #0000 60%);
  animation: 0.62s ease-out sc-flash-f0662e93;
}
.sc-glow.on-loss[data-v-f0662e93] {
  background: radial-gradient(120% 90% at 40% 100%, #ff46462b, #0000 60%);
  animation: 0.62s ease-out sc-flash-f0662e93;
}
@keyframes sc-flash-f0662e93 {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.sc-head[data-v-f0662e93] {
  z-index: 2;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 16px;
  display: flex;
  position: relative;
}
.sc-k[data-v-f0662e93] {
  font-family: var(--mono);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--dim);
  font-size: 11px;
}
.sc-val[data-v-f0662e93] {
  letter-spacing: -0.025em;
  transform-origin: 0;
  margin-top: 5px;
  font-size: clamp(34px, 4.6vw, 46px);
  font-weight: 600;
  line-height: 1.05;
  transition: color 0.3s;
}
.sc-val.bump[data-v-f0662e93] {
  animation: 0.5s cubic-bezier(0.2, 1.4, 0.3, 1) sc-bump-f0662e93;
}
@keyframes sc-bump-f0662e93 {
  0% {
    transform: scale(1);
  }
  35% {
    transform: scale(1.075);
  }
  to {
    transform: scale(1);
  }
}
.sc-delta[data-v-f0662e93] {
  align-items: baseline;
  gap: 6px;
  margin-top: 8px;
  font-size: 14px;
  display: inline-flex;
}
.sc-delta.up[data-v-f0662e93] {
  color: #5ce08a;
}
.sc-delta.down[data-v-f0662e93] {
  color: #ff6b6b;
}
.sc-delta-pct[data-v-f0662e93] {
  opacity: 0.68;
}
.sc-delta-session[data-v-f0662e93] {
  font-family: var(--sans);
  color: var(--faint);
  margin-left: 2px;
  font-size: 12px;
}
.sc-head-r[data-v-f0662e93] {
  text-align: right;
  flex-direction: column;
  align-items: flex-end;
  gap: 9px;
  display: flex;
}
.sc-live-pill[data-v-f0662e93] {
  letter-spacing: 0.08em;
  color: #5ce08a;
  background: #5ce08a14;
  border: 1px solid #5ce08a4d;
  border-radius: 999px;
  align-items: center;
  gap: 7px;
  padding: 6px 13px;
  font-size: 11px;
  display: inline-flex;
}
.sc-live-dot[data-v-f0662e93] {
  background: #5ce08a;
  border-radius: 50%;
  width: 7px;
  height: 7px;
}
@keyframes sc-live-pulse-f0662e93 {
  0%,
  to {
    opacity: 1;
  }
  50% {
    opacity: 0.45;
  }
}
.sc-live-time[data-v-f0662e93] {
  color: #d6f5e1d9;
  letter-spacing: 0.03em;
}
.sc-cta[data-v-f0662e93] {
  font-family: var(--sans);
  color: #09090b;
  cursor: pointer;
  transition: box-shadow 0.25s var(--ease), background 0.25s;
  background: #f0f0f2;
  border: 0;
  border-radius: 999px;
  padding: 9px 22px;
  font-size: 13.5px;
  font-weight: 600;
}
.sc-cta[data-v-f0662e93]:hover {
  background: #fff;
  box-shadow: 0 4px 16px #ffffff1f;
}
.sc-head-top[data-v-f0662e93] {
  align-items: center;
  gap: 8px;
  display: inline-flex;
}
.sc-view[data-v-f0662e93] {
  border: 1px solid var(--line-2);
  border-radius: 999px;
  display: inline-flex;
  overflow: hidden;
}
.sc-view button[data-v-f0662e93] {
  font-family: var(--mono);
  letter-spacing: 0.02em;
  color: var(--dim);
  cursor: pointer;
  background: 0 0;
  border: 0;
  padding: 4px 9px;
  font-size: 11px;
  transition: background 0.2s, color 0.2s;
}
.sc-view button.on[data-v-f0662e93] {
  color: var(--good);
  background: #ffffff29;
}
.sc-sound[data-v-f0662e93] {
  border: 1px solid var(--line-2);
  width: 26px;
  height: 22px;
  color: var(--muted);
  cursor: pointer;
  background: 0 0;
  border-radius: 999px;
  place-items: center;
  transition: color 0.2s, border-color 0.2s;
  display: inline-grid;
}
.sc-sound[data-v-f0662e93]:hover {
  color: var(--good);
  border-color: #fff6;
}
.sc-sound.off[data-v-f0662e93] {
  color: var(--dim);
}
.sc-live[data-v-f0662e93] {
  font-family: var(--mono);
  letter-spacing: 0.08em;
  color: var(--dim);
  font-size: 11px;
}
.sc-live.on[data-v-f0662e93] {
  color: var(--good);
}
.sc-sub[data-v-f0662e93] {
  color: var(--faint);
  font-size: 11px;
}
.sc-sub-win[data-v-f0662e93] {
  color: #5ce08a;
  opacity: 0.9;
}
.sc-panes[data-v-f0662e93] {
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  display: grid;
}
.sc-panes.view-line[data-v-f0662e93],
.sc-panes.view-candles[data-v-f0662e93] {
  grid-template-columns: 1fr;
}
.sc-pane[data-v-f0662e93] {
  min-width: 0;
}
.sc-pane + .sc-pane[data-v-f0662e93] {
  position: relative;
}
.sc-panes.view-both .sc-pane + .sc-pane[data-v-f0662e93]:before {
  content: "";
  background: var(--line);
  width: 1px;
  position: absolute;
  top: 6px;
  bottom: 6px;
  left: -10px;
}
.sc-pane-cap[data-v-f0662e93] {
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--dim);
  align-items: center;
  gap: 7px;
  margin-bottom: 6px;
  font-size: 10.5px;
  display: flex;
}
.cap-dot[data-v-f0662e93] {
  background: #fff3;
  border-radius: 50%;
  width: 6px;
  height: 6px;
}
.cap-dot.on[data-v-f0662e93] {
  background: #5ce08a;
}
.sc-chart[data-v-f0662e93] {
  position: relative;
}
.sc-svg[data-v-f0662e93] {
  width: 100%;
  height: 240px;
  display: block;
}
.sc-grid[data-v-f0662e93] {
  stroke: #ffffff0a;
  stroke-width: 1px;
}
.sc-base[data-v-f0662e93] {
  stroke: #ffffff29;
  stroke-width: 1px;
  stroke-dasharray: 3 4;
}
.sc-area[data-v-f0662e93] {
  opacity: 1;
}
.sc-line-g[data-v-f0662e93] {
  stroke: #5ce08a;
  stroke-width: 2.2px;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: drop-shadow(0 0 2px #5ce08a47);
}
.sc-line-r[data-v-f0662e93] {
  stroke: #ff5b5b;
  stroke-width: 2.5px;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: drop-shadow(0 0 2px #ff464652);
}
.sc-dot[data-v-f0662e93] {
  fill: #eafff2;
  stroke: #5ce08a;
  stroke-width: 1.5px;
  transition: stroke 0.2s;
}
.sc-dot.loss[data-v-f0662e93] {
  stroke: #ff6b6b;
  fill: #ffe9e9;
}
.sc-pulse[data-v-f0662e93] {
  display: none;
}
.sc-pulse.loss[data-v-f0662e93] {
  fill: #ff5b5b;
}
@keyframes sc-pulse-f0662e93 {
  0% {
    opacity: 0.55;
    r: 4;
  }
  70% {
    opacity: 0;
    r: 15;
  }
  to {
    opacity: 0;
    r: 15;
  }
}
.sc-floaters[data-v-f0662e93] {
  pointer-events: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.sc-float[data-v-f0662e93] {
  font-family: var(--mono);
  white-space: nowrap;
  text-shadow: 0 2px 10px #00000080;
  font-size: 15px;
  font-weight: 600;
  animation: 1.3s cubic-bezier(0.2, 0.7, 0.3, 1) forwards sc-rise-f0662e93;
  position: absolute;
}
.sc-float.win[data-v-f0662e93] {
  color: #6cf3a1;
}
.sc-float.loss[data-v-f0662e93] {
  color: #ff6b6b;
}
@keyframes sc-rise-f0662e93 {
  0% {
    opacity: 0;
    transform: translate(-50%, 12px) scale(0.85);
  }
  18% {
    opacity: 1;
    transform: translate(-50%) scale(1.05);
  }
  to {
    opacity: 0;
    transform: translate(-50%, -46px) scale(0.96);
  }
}
.sc-empty[data-v-f0662e93] {
  font-family: var(--sans);
  color: var(--faint);
  text-align: center;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
  font-size: 13px;
  display: flex;
  position: absolute;
  inset: 0;
}
.sc-ch-line[data-v-f0662e93] {
  pointer-events: none;
  z-index: 4;
  background: #ffffff38;
  width: 1px;
  position: absolute;
  top: 0;
  bottom: 0;
}
.sc-ch-dot[data-v-f0662e93] {
  pointer-events: none;
  z-index: 4;
  background: #5ce08a;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: absolute;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 0 3px #5ce08a24;
}
.sc-ch-dot.loss[data-v-f0662e93] {
  background: #ff5b5b;
  box-shadow: 0 0 0 3px #ff5b5b24;
}
.sc-tip[data-v-f0662e93] {
  z-index: 6;
  pointer-events: none;
  white-space: nowrap;
  color: var(--muted);
  text-align: left;
  -webkit-backdrop-filter: blur(12px);
  background: #0c0d10e0;
  border: 1px solid #ffffff1a;
  border-radius: 8px;
  padding: 6px 10px 7px;
  font-size: 10.5px;
  font-weight: 500;
  position: absolute;
  box-shadow: 0 10px 28px #00000080, inset 0 1px #ffffff0d;
}
.sc-tip-val[data-v-f0662e93] {
  letter-spacing: 0.02em;
  font-size: 12px;
}
.sc-tip-val.w[data-v-f0662e93] {
  color: #5ce08a;
}
.sc-tip-val.l[data-v-f0662e93] {
  color: #ff6b6b;
}
.sc-tip-msg[data-v-f0662e93] {
  font-family: var(--sans);
  color: #dfe1e6;
  margin-top: 2px;
  font-size: 11.5px;
  font-weight: 500;
}
.sc-ghost-run[data-v-f0662e93] {
  filter: blur(2.5px);
}
.sc-ghost-line[data-v-f0662e93] {
  stroke: #5ce08a80;
  stroke-width: 2px;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.sc-ghost-area[data-v-f0662e93] {
  opacity: 0.34;
}
.sc-deposit-overlay[data-v-f0662e93] {
  z-index: 3;
  text-align: center;
  background: radial-gradient(
    60% 90% at 50% 52%,
    #08090bd1 0%,
    #08090b8c 45%,
    #0000 78%
  );
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 0 24px;
  display: flex;
  position: absolute;
  inset: 0;
}
.sc-do-live[data-v-f0662e93] {
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--dim);
  align-items: center;
  gap: 7px;
  margin-bottom: 6px;
  font-size: 10.5px;
  display: inline-flex;
}
.sc-do-dot[data-v-f0662e93] {
  background: #5ce08a;
  border-radius: 50%;
  width: 6px;
  height: 6px;
}
.sc-do-title[data-v-f0662e93] {
  font-family: var(--display);
  letter-spacing: -0.02em;
  color: #fff;
  font-size: 26px;
  font-weight: 600;
}
.sc-do-sub[data-v-f0662e93] {
  font-family: var(--sans);
  color: var(--muted);
  text-wrap: balance;
  max-width: 400px;
  margin-top: 6px;
  font-size: 13.5px;
  line-height: 1.5;
}
.sc-do-reward[data-v-f0662e93] {
  letter-spacing: 0.04em;
  color: #7ce38b;
  background: #5ce08a14;
  border: 1px solid #5ce08a4d;
  border-radius: 999px;
  align-items: center;
  margin-top: 14px;
  padding: 6px 14px;
  font-size: 12px;
  font-weight: 600;
  display: inline-flex;
}
.sc-do-cta[data-v-f0662e93] {
  font-family: var(--sans);
  color: #09090b;
  cursor: pointer;
  transition: background 0.25s var(--ease), box-shadow 0.25s var(--ease),
    transform 0.2s var(--ease);
  background: #f0f0f2;
  border: 0;
  border-radius: 999px;
  align-items: center;
  gap: 8px;
  margin-top: 16px;
  padding: 13px 28px;
  font-size: 15px;
  font-weight: 600;
  display: inline-flex;
  box-shadow: 0 6px 26px #00000080, 0 0 0 1px #ffffff0f;
}
.sc-do-cta[data-v-f0662e93]:hover {
  background: #fff;
  box-shadow: 0 8px 32px #ffffff29;
}
.sc-do-cta svg[data-v-f0662e93] {
  transition: transform 0.25s var(--ease);
}
.sc-do-cta:hover svg[data-v-f0662e93] {
  transform: translate(3px);
}
.sc-do-cta-deposit[data-v-f0662e93] {
  color: #06210f;
  background: linear-gradient(#74f0a6, #37c76f);
  margin-top: 12px;
  animation: 2.8s ease-in-out infinite sc-do-breathe-f0662e93;
  box-shadow: 0 6px 26px #37c76f57, 0 0 0 1px #5ce08a33;
}
.sc-do-cta-deposit[data-v-f0662e93]:hover {
  background: linear-gradient(#82f5b0, #40d478);
  box-shadow: 0 10px 36px #37c76f80;
}
@keyframes sc-do-breathe-f0662e93 {
  0%,
  to {
    box-shadow: 0 6px 26px #37c76f4d, 0 0 0 1px #5ce08a33;
  }
  50% {
    box-shadow: 0 6px 30px #37c76f80, 0 0 0 1px #5ce08a59, 0 0 40px #37c76f2e;
  }
}
@media (prefers-reduced-motion: reduce) {
  .sc-do-cta-deposit[data-v-f0662e93] {
    animation: none;
  }
}
.sc-deposit-overlay.is-ready[data-v-f0662e93] {
  background: radial-gradient(
    60% 90% at 50% 52%,
    #080b09d1 0%,
    #080b0980 45%,
    #0000 78%
  );
}
.is-ready .sc-do-live[data-v-f0662e93] {
  color: #5ce08a;
}
.is-ready .sc-do-title[data-v-f0662e93] {
  text-shadow: 0 0 30px #5ce08a47;
}
.sc-do-cta-ready[data-v-f0662e93] {
  color: #06210f;
  background: linear-gradient(#74f0a6, #37c76f);
  box-shadow: 0 6px 26px #37c76f52, 0 0 0 1px #5ce08a33;
}
.sc-do-cta-ready[data-v-f0662e93]:hover {
  background: linear-gradient(#82f5b0, #40d478);
  box-shadow: 0 8px 34px #37c76f73;
}
.sc-do-cta-ready svg[data-v-f0662e93] {
  transition: transform 0.25s var(--ease);
}
.sc-do-cta-ready:hover svg[data-v-f0662e93] {
  transform: scale(1.12);
}
@media (prefers-reduced-motion: reduce) {
  .sc-ghost-run animateTransform[data-v-f0662e93] {
    display: none;
  }
}
.sc-cooldown[data-v-f0662e93] {
  text-align: center;
  background: radial-gradient(58% 78% at 50% 34%, #c9a86a12, #0000 72%),
    linear-gradient(#c9a86a09, #1e1a1226);
  border: 1px solid #c9a86a2e;
  border-radius: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6px;
  min-height: 268px;
  padding: 24px 24px 20px;
  display: flex;
  position: relative;
  overflow: hidden;
}
.sc-cooldown[data-v-f0662e93]:before {
  content: "";
  z-index: 2;
  background: linear-gradient(90deg, #0000, #e0c99473, #0000);
  height: 1px;
  position: absolute;
  inset: 0 0 auto;
}
.sc-cd-rays[data-v-f0662e93] {
  z-index: 0;
  opacity: 0.5;
  -webkit-mask-image: linear-gradient(#000 55%, #0000 96%);
  mask-image: linear-gradient(#000 55%, #0000 96%);
}
.sc-cooldown[data-v-f0662e93] > :not(.sc-cd-rays) {
  z-index: 1;
  position: relative;
}
.sc-cd-title[data-v-f0662e93] {
  font-family: var(--display);
  letter-spacing: -0.02em;
  color: #f4efe4;
  font-size: 23px;
  font-weight: 600;
}
.sc-cd-sub[data-v-f0662e93] {
  font-family: var(--sans);
  color: var(--muted);
  max-width: 430px;
  margin-top: 3px;
  font-size: 13.5px;
  line-height: 1.5;
}
.sc-cd-sub strong[data-v-f0662e93] {
  color: #d9c290;
  font-weight: 600;
}
.sc-cd-clock[data-v-f0662e93] {
  letter-spacing: 0.015em;
  font-variant-numeric: tabular-nums;
  background: linear-gradient(160deg, #f4e6bd 8%, #e0c88f 46%, #c4a468 100%);
  -webkit-text-fill-color: transparent;
  color: #0000;
  filter: drop-shadow(0 2px 18px #c9a86a38);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 16px;
  font-size: clamp(38px, 6vw, 52px);
  font-weight: 600;
  line-height: 1;
}
.sc-cd-label[data-v-f0662e93] {
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--faint);
  margin-top: 10px;
  font-size: 10.5px;
}
.sc-cd-cta[data-v-f0662e93] {
  font-family: var(--sans);
  color: #2a2110;
  cursor: pointer;
  transition: filter 0.25s var(--ease), box-shadow 0.25s var(--ease),
    transform 0.25s var(--ease);
  background: linear-gradient(#ecdcac, #cbab6e);
  border: 0;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  padding: 12px 26px;
  font-size: 14px;
  font-weight: 600;
  display: inline-flex;
  box-shadow: 0 8px 26px #a07c3a42, inset 0 1px #ffffff59;
}
.sc-cd-cta[data-v-f0662e93]:hover {
  filter: brightness(1.05);
  box-shadow: 0 10px 32px #a07c3a5c, inset 0 1px #ffffff73;
}
@media (width<=720px) {
  .sc-cooldown[data-v-f0662e93] {
    min-height: 220px;
  }
  .sc-cd-clock[data-v-f0662e93] {
    font-size: 38px;
  }
}
.sc-axis[data-v-f0662e93] {
  color: var(--faint);
  letter-spacing: 0.04em;
  justify-content: space-between;
  margin-top: 8px;
  font-size: 10.5px;
  display: flex;
}
.sc-axis-mid[data-v-f0662e93] {
  color: var(--dim);
}
@media (width<=720px) {
  .sc-card[data-v-f0662e93] {
    padding: 20px 18px 14px;
  }
  .sc-panes.view-both[data-v-f0662e93] {
    grid-template-columns: 1fr;
    gap: 22px;
  }
  .sc-panes.view-both .sc-pane + .sc-pane[data-v-f0662e93]:before {
    display: none;
  }
  .sc-head[data-v-f0662e93] {
    flex-direction: column;
    gap: 12px;
  }
  .sc-head-r[data-v-f0662e93] {
    text-align: left;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    width: 100%;
  }
  .sc-val[data-v-f0662e93] {
    font-size: 32px;
  }
  .sc-svg[data-v-f0662e93] {
    height: 200px;
  }
}
.spinner[data-v-d0342d8b] {
  border: 2px solid var(--line-2);
  border-top-color: #fff;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  animation: 0.7s linear infinite spin-d0342d8b;
}
@keyframes spin-d0342d8b {
  to {
    transform: rotate(360deg);
  }
}
.dash-page[data-v-d0342d8b] {
  min-height: 100vh;
  padding: 100px 0 60px;
  position: relative;
}
.dash-page[data-v-d0342d8b]:before {
  content: "";
  z-index: 0;
  pointer-events: none;
  background: radial-gradient(
      32% 30% at 12% 16%,
      var(--glow-a),
      transparent 62%
    ),
    radial-gradient(36% 34% at 90% 8%, var(--glow-b), transparent 60%),
    radial-gradient(40% 40% at 60% 76%, var(--glow-c), transparent 66%);
  animation: 24s ease-in-out infinite alternate aurora-d0342d8b;
  position: fixed;
  inset: -25%;
}
@keyframes aurora-d0342d8b {
  0% {
    transform: translate(0, 0) scale(1);
  }
  50% {
    transform: translate(1%, 0.7%) scale(1.04);
  }
  to {
    transform: translate(-0.8%, 1%) scale(1.02);
  }
}
@media (prefers-reduced-motion: reduce) {
  .dash-page[data-v-d0342d8b]:before {
    animation: none;
  }
}
.dash-wrap[data-v-d0342d8b] {
  flex-direction: column;
  gap: 22px;
  display: flex;
}
.dash-row[data-v-d0342d8b] {
  grid-template-columns: 1fr 448px;
  align-items: start;
  gap: 22px;
  display: grid;
}
.dash-col-main[data-v-d0342d8b],
.dash-col-side[data-v-d0342d8b] {
  min-width: 0;
}
.stat-strip[data-v-d0342d8b] {
  border: 1px solid var(--glass-line);
  background: var(--glass);
  -webkit-backdrop-filter: blur(26px) saturate(145%);
  border-radius: 16px;
  grid-template-columns: repeat(5, 1fr);
  display: grid;
  position: relative;
  overflow: hidden;
  box-shadow: 0 14px 44px #0000006b, inset 0 1px #ffffff0d;
}
.stat-strip[data-v-d0342d8b]:before {
  content: "";
  z-index: 1;
  background: linear-gradient(
    90deg,
    transparent,
    var(--glass-rim),
    transparent
  );
  height: 1px;
  position: absolute;
  inset: 0 0 auto;
}
.ss-item[data-v-d0342d8b] {
  border-right: 1px solid var(--line);
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  padding: 15px 20px;
  display: flex;
}
.ss-item[data-v-d0342d8b]:last-child {
  border-right: none;
}
.ss-label[data-v-d0342d8b] {
  font-family: var(--mono);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--faint);
  white-space: nowrap;
  font-size: 10px;
}
.ss-value[data-v-d0342d8b] {
  color: var(--text);
  align-items: center;
  gap: 8px;
  min-height: 22px;
  font-size: 15px;
  font-weight: 500;
  display: flex;
}
.ss-good[data-v-d0342d8b] {
  color: #5ce08a;
}
.ss-bad[data-v-d0342d8b] {
  color: #ff6b6b;
}
.ss-idle[data-v-d0342d8b] {
  color: var(--dim);
  font-weight: 400;
}
.ss-bar[data-v-d0342d8b] {
  background: #ffffff12;
  border-radius: 999px;
  flex: 1;
  min-width: 40px;
  height: 6px;
  overflow: hidden;
}
.ss-bar-fill[data-v-d0342d8b] {
  height: 100%;
  transition: width 1s var(--ease);
  background: linear-gradient(90deg, #47a874, #7ce38b);
  border-radius: 999px;
  box-shadow: 0 0 8px #5ce08a66;
}
.ss-pct[data-v-d0342d8b] {
  color: var(--muted);
  font-size: 12px;
}
.ss-tier-yield[data-v-d0342d8b] {
  color: var(--faint);
  letter-spacing: 0.02em;
  font-size: 10.5px;
}
.ss-tier-next[data-v-d0342d8b] {
  font-family: var(--sans);
  color: #5ce08a;
  cursor: pointer;
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  opacity: 0.85;
  background: 0 0;
  border: 0;
  max-width: 100%;
  padding: 0;
  font-size: 11px;
  transition: opacity 0.2s;
  overflow: hidden;
}
.ss-tier-next[data-v-d0342d8b]:hover {
  opacity: 1;
  text-decoration: underline;
}
.dep-pending[data-v-d0342d8b] {
  border: 1px solid var(--glass-line);
  background: var(--glass);
  -webkit-backdrop-filter: blur(26px) saturate(145%);
  border-radius: 16px;
  margin-top: 14px;
  padding: 14px 18px 13px;
}
.dp-head[data-v-d0342d8b] {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  display: flex;
}
.dp-cap[data-v-d0342d8b] {
  font-family: var(--sans);
  color: var(--text);
  align-items: center;
  gap: 9px;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}
.dp-spin[data-v-d0342d8b] {
  border: 1.5px solid #ffffff26;
  border-top-color: #ffffffb3;
  border-radius: 50%;
  width: 11px;
  height: 11px;
  animation: 1.1s linear infinite dp-rot-d0342d8b;
}
@keyframes dp-rot-d0342d8b {
  to {
    transform: rotate(360deg);
  }
}
.dp-text[data-v-d0342d8b] {
  color: var(--muted);
  margin-top: 6px;
  font-size: 12.5px;
  line-height: 1.5;
  display: block;
}
.dp-dismiss[data-v-d0342d8b] {
  width: 24px;
  height: 24px;
  color: var(--faint);
  cursor: pointer;
  background: 0 0;
  border: 0;
  border-radius: 50%;
  flex-shrink: 0;
  place-items: center;
  transition: color 0.2s, background 0.2s;
  display: grid;
}
.dp-dismiss[data-v-d0342d8b]:hover {
  color: var(--text);
  background: #ffffff12;
}
@media (prefers-reduced-motion: reduce) {
  .dp-spin[data-v-d0342d8b] {
    animation: none;
  }
}
.tier-band[data-v-d0342d8b] {
  border: 1px solid var(--glass-line);
  background: var(--glass);
  -webkit-backdrop-filter: blur(26px) saturate(145%);
  border-radius: 16px;
  padding: 16px 20px 14px;
  box-shadow: 0 14px 44px #0000006b, inset 0 1px #ffffff0d;
}
.tb-head[data-v-d0342d8b] {
  flex-direction: column;
  gap: 6px;
  margin-bottom: 18px;
  display: flex;
}
.tb-head-row[data-v-d0342d8b] {
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  min-height: 32px;
  display: flex;
}
.tb-title[data-v-d0342d8b] {
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--dim);
  align-items: center;
  gap: 7px;
  font-size: 10.5px;
  display: flex;
}
.tb-dot[data-v-d0342d8b] {
  background: #fff3;
  border-radius: 50%;
  width: 6px;
  height: 6px;
}
.tb-note[data-v-d0342d8b] {
  color: var(--faint);
  font-size: 11.5px;
}
.tb-note b[data-v-d0342d8b] {
  color: var(--muted);
  font-size: 11px;
  font-weight: 500;
}
.tb-cta[data-v-d0342d8b] {
  font-family: var(--sans);
  color: #0b0b0c;
  cursor: pointer;
  white-space: nowrap;
  background: #f0f0f2;
  border: 0;
  border-radius: 999px;
  flex-shrink: 0;
  padding: 8px 16px;
  font-size: 12.5px;
  font-weight: 600;
  transition: transform 0.15s;
}
.tb-cta[data-v-d0342d8b]:active {
  transform: scale(0.97);
}
.tb-track[data-v-d0342d8b] {
  background: #ffffff12;
  border-radius: 999px;
  height: 8px;
  position: relative;
}
.tb-fill[data-v-d0342d8b] {
  background: linear-gradient(90deg, #5ce08a8c, #5ce08a);
  border-radius: 999px;
  transition: width 0.9s cubic-bezier(0.22, 0.9, 0.3, 1);
  position: absolute;
  inset: 0 auto 0 0;
}
.tier-band.maxed .tb-fill[data-v-d0342d8b] {
  background: linear-gradient(90deg, #f0f0f247, #efe6d2 78%, #d9c69a);
}
.tb-tick[data-v-d0342d8b] {
  background: var(--bg, #0b0b0c);
  border-radius: 2px;
  width: 3px;
  position: absolute;
  top: -2px;
  bottom: -2px;
}
.tb-knob[data-v-d0342d8b] {
  background: #fff;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  transition: left 0.9s cubic-bezier(0.22, 0.9, 0.3, 1);
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 1px 5px #00000073;
}
.tb-labels[data-v-d0342d8b] {
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 12px;
  display: grid;
}
.tb-label[data-v-d0342d8b] {
  opacity: 0.45;
  flex-direction: column;
  gap: 2px;
  transition: opacity 0.3s;
  display: flex;
}
.tb-label.on[data-v-d0342d8b] {
  opacity: 1;
}
.tb-label b[data-v-d0342d8b] {
  color: var(--text);
  font-size: 13px;
  font-weight: 600;
}
.tb-label.gold b[data-v-d0342d8b] {
  background: linear-gradient(100deg, #f3ead6, #cdb98c 55%, #efe3c8);
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
}
.tb-label i[data-v-d0342d8b] {
  color: var(--faint);
  letter-spacing: 0.02em;
  font-size: 10px;
  font-style: normal;
}
.tb-label.on b[data-v-d0342d8b]:after {
  content: "●";
  color: #5ce08a;
  vertical-align: 2px;
  margin-left: 6px;
  font-size: 7px;
}
.tb-label.gold.on b[data-v-d0342d8b]:after {
  color: #d9c69a;
}
.recent-card[data-v-d0342d8b] {
  border: 1px solid var(--glass-line);
  background: var(--glass);
  -webkit-backdrop-filter: blur(26px) saturate(145%);
  border-radius: 16px;
  margin-top: 22px;
  overflow: hidden;
}
.rc-head[data-v-d0342d8b] {
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--dim);
  align-items: center;
  gap: 7px;
  padding: 14px 18px 10px;
  font-size: 10.5px;
  display: flex;
}
.rc-dot[data-v-d0342d8b] {
  background: #fff3;
  border-radius: 50%;
  width: 6px;
  height: 6px;
}
.rc-row[data-v-d0342d8b] {
  border-top: 1px solid var(--line);
  grid-template-columns: 1.5fr 0.6fr 0.8fr 1.1fr;
  align-items: center;
  gap: 10px;
  padding: 10px 18px;
  font-size: 12.5px;
  display: grid;
}
.rc-row.latest[data-v-d0342d8b] {
  background: #ffffff05;
}
.rc-date[data-v-d0342d8b] {
  color: var(--muted);
  white-space: nowrap;
}
.rc-dur[data-v-d0342d8b] {
  color: var(--faint);
}
.rc-start[data-v-d0342d8b] {
  color: var(--muted);
}
.rc-earn[data-v-d0342d8b] {
  text-align: right;
  color: var(--text);
  justify-content: flex-end;
  align-items: baseline;
  gap: 8px;
  font-weight: 600;
  display: flex;
}
.rc-earn.good[data-v-d0342d8b] {
  color: #5ce08a;
}
.rc-earn.bad[data-v-d0342d8b] {
  color: #ff6a6a;
}
.rc-pct[data-v-d0342d8b] {
  color: var(--faint);
  font-size: 11px;
  font-weight: 500;
}
@media (width<=900px) {
  .tier-band[data-v-d0342d8b] {
    padding: 14px 16px 12px;
  }
  .tb-head[data-v-d0342d8b] {
    margin-bottom: 14px;
  }
  .tb-head-row[data-v-d0342d8b] {
    min-height: 0;
  }
  .tb-label i[data-v-d0342d8b] {
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 6px;
    font-size: 9px;
    overflow: hidden;
  }
  .rc-row[data-v-d0342d8b] {
    grid-template-columns: 1.4fr 1fr;
  }
  .rc-dur[data-v-d0342d8b],
  .rc-start[data-v-d0342d8b] {
    display: none;
  }
}
.first-dep-bonus[data-v-d0342d8b] {
  background: linear-gradient(90deg, #5ce08a17, #5ce08a08);
  border: 1px solid #5ce08a47;
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
  padding: 10px 14px;
  display: flex;
}
.fdb-left[data-v-d0342d8b] {
  align-items: center;
  gap: 9px;
  min-width: 0;
  display: flex;
}
.fdb-badge[data-v-d0342d8b] {
  font-family: var(--mono);
  color: #09090b;
  background: #5ce08a;
  border-radius: 999px;
  flex-shrink: 0;
  padding: 2px 8px;
  font-size: 12px;
  font-weight: 700;
}
.fdb-text[data-v-d0342d8b] {
  color: #d6f5e1;
  font-size: 12.5px;
}
.fdb-timer[data-v-d0342d8b] {
  color: #5ce08a;
  letter-spacing: 0.04em;
  flex-shrink: 0;
  font-size: 12.5px;
}
.calc-box[data-v-d0342d8b] {
  background: radial-gradient(120% 80% at 50% -20%, #5ce08a0f, #0000 60%),
    #ffffff05;
  border: 1px solid #5ce08a33;
  border-radius: 14px;
  margin-bottom: 16px;
  padding: 16px 16px 14px;
}
.calc-row[data-v-d0342d8b] {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  display: flex;
}
.calc-chips[data-v-d0342d8b] {
  gap: 5px;
  display: flex;
}
.calc-chip[data-v-d0342d8b] {
  border: 1px solid var(--line-2);
  color: var(--muted);
  cursor: pointer;
  background: 0 0;
  border-radius: 999px;
  padding: 4px 12px;
  font-size: 11.5px;
  transition: all 0.2s;
}
.calc-chip.on[data-v-d0342d8b] {
  color: #fff;
  background: #ffffff1a;
  border-color: #ffffff59;
}
.calc-out[data-v-d0342d8b] {
  flex-direction: column;
  gap: 7px;
  margin-top: 14px;
  display: flex;
}
.calc-hero[data-v-d0342d8b] {
  border-bottom: 1px solid var(--line);
  justify-content: space-between;
  align-items: baseline;
  gap: 10px;
  margin-bottom: 3px;
  padding-bottom: 10px;
  display: flex;
}
.calc-hero-k[data-v-d0342d8b] {
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--faint);
  font-size: 11px;
}
.calc-hero-v[data-v-d0342d8b] {
  color: #7ce38b;
  letter-spacing: -0.01em;
  text-shadow: 0 0 26px #5ce08a52;
  font-variant-numeric: tabular-nums;
  font-size: 26px;
  font-weight: 700;
}
.calc-line[data-v-d0342d8b] {
  justify-content: space-between;
  align-items: baseline;
  gap: 10px;
  display: flex;
}
.calc-line-sub[data-v-d0342d8b] {
  opacity: 0.88;
}
.calc-k[data-v-d0342d8b] {
  color: var(--muted);
  font-size: 12px;
}
.calc-v-sub[data-v-d0342d8b] {
  color: var(--text);
  font-size: 13px;
  font-weight: 600;
}
.calc-tier-row[data-v-d0342d8b] {
  color: var(--muted);
  border: 1px solid var(--line);
  background: #ffffff05;
  border-radius: 9px;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  padding: 8px 11px;
  font-size: 12.5px;
  display: flex;
}
.calc-tier-row svg[data-v-d0342d8b] {
  color: var(--dim);
  flex-shrink: 0;
}
.calc-tier-row.is-unlock[data-v-d0342d8b] {
  color: #a9f0c4;
  background: #5ce08a14;
  border-color: #5ce08a52;
  font-weight: 600;
}
.calc-tier-row.is-unlock svg[data-v-d0342d8b] {
  color: #7ce38b;
}
.calc-note[data-v-d0342d8b] {
  color: var(--faint);
  margin-top: 11px;
  font-size: 10.5px;
  line-height: 1.4;
}
.qs-tier-link[data-v-d0342d8b] {
  color: var(--faint);
  border: 1px solid var(--line-2);
  white-space: nowrap;
  border-radius: 5px;
  padding: 2px 8px;
  font-size: 11px;
  text-decoration: none;
  transition: all 0.2s;
}
.qs-tier-link[data-v-d0342d8b]:hover {
  color: var(--text);
  background: #ffffff0d;
  border-color: #ffffff4d;
}
.win-clr[data-v-d0342d8b] {
  color: #5ce08a;
}
.lose-clr[data-v-d0342d8b] {
  color: #ff6b6b;
}
.header-actions[data-v-d0342d8b] {
  align-items: center;
  gap: 12px;
  display: flex;
}
.modal-backdrop[data-v-d0342d8b] {
  z-index: 100000;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background: #0009;
  place-items: center;
  display: grid;
  position: fixed;
  inset: 0;
}
.modal-box[data-v-d0342d8b] {
  background: var(--bg-soft);
  border: 1px solid var(--line);
  border-radius: 16px;
  width: 90%;
  max-width: 400px;
  padding: 30px;
  box-shadow: 0 20px 60px #00000080;
}
.modal-box h3[data-v-d0342d8b] {
  font-family: var(--display);
  margin-bottom: 12px;
  font-size: 20px;
}
.modal-box p[data-v-d0342d8b] {
  color: var(--muted);
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 1.5;
}
.modal-price[data-v-d0342d8b] {
  border: 1px dashed var(--line-2);
  text-align: center;
  font-family: var(--mono);
  color: #f5c542;
  background: #ffffff08;
  border-radius: 8px;
  margin-bottom: 24px;
  padding: 12px;
  font-size: 16px;
  font-weight: 600;
}
.modal-actions[data-v-d0342d8b] {
  justify-content: flex-end;
  gap: 12px;
  display: flex;
}
.modal-actions .btn[data-v-d0342d8b] {
  flex: 1;
  justify-content: center;
}
.backdrop-enter-active[data-v-d0342d8b],
.backdrop-leave-active[data-v-d0342d8b] {
  transition: opacity 0.3s var(--ease);
}
.backdrop-enter-from[data-v-d0342d8b],
.backdrop-leave-to[data-v-d0342d8b] {
  opacity: 0;
}
.backdrop-enter-active .modal-box[data-v-d0342d8b],
.backdrop-leave-active .modal-box[data-v-d0342d8b] {
  transition: opacity 0.3s var(--ease),
    transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.backdrop-leave-active .modal-box[data-v-d0342d8b] {
  transition: opacity 0.2s, transform 0.2s;
}
.backdrop-enter-from .modal-box[data-v-d0342d8b],
.backdrop-leave-to .modal-box[data-v-d0342d8b] {
  opacity: 0;
  transform: translateY(20px) scale(0.9);
}
.wd-toast[data-v-d0342d8b] {
  z-index: 999999999;
  -webkit-backdrop-filter: blur(12px) saturate(180%);
  backdrop-filter: blur(12px) saturate(180%);
  background: #09090bd9;
  border: 1px solid #ff2e2e4d;
  border-radius: 14px;
  align-items: flex-start;
  gap: 14px;
  width: 320px;
  padding: 18px 20px;
  display: flex;
  position: fixed;
  bottom: 90px;
  right: 24px;
  box-shadow: 0 12px 40px #00000080, 0 0 20px #ff2e2e1a;
}
.wd-toast.warning[data-v-d0342d8b] {
  border-color: #f5c5424d;
  box-shadow: 0 12px 40px #00000080, 0 0 20px #f5c5421a;
}
.toast-icon[data-v-d0342d8b] {
  width: 24px;
  height: 24px;
  color: var(--danger);
  font-weight: 700;
  font-family: var(--sans);
  background: #ff2e2e26;
  border-radius: 50%;
  flex-shrink: 0;
  place-items: center;
  font-size: 13px;
  display: grid;
}
.toast-content[data-v-d0342d8b] {
  flex: 1;
}
.toast-title[data-v-d0342d8b] {
  color: #fff;
  font-family: var(--display);
  letter-spacing: -0.01em;
  margin-bottom: 4px;
  font-size: 15px;
  font-weight: 600;
}
.toast-desc[data-v-d0342d8b] {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.5;
}
.toast-actions[data-v-d0342d8b] {
  gap: 8px;
  margin-top: 12px;
  display: flex;
}
.toast-btn[data-v-d0342d8b] {
  font-family: var(--sans);
  cursor: pointer;
  border: 1px solid var(--line-2);
  color: var(--text);
  background: #ffffff0d;
  border-radius: 999px;
  padding: 7px 16px;
  font-size: 12.5px;
  font-weight: 600;
  transition: all 0.2s;
}
.toast-btn[data-v-d0342d8b]:hover {
  background: #ffffff1a;
  border-color: #ffffff4d;
}
.toast-btn.primary[data-v-d0342d8b] {
  color: #09090b;
  background: #f0f0f2;
  border-color: #0000;
}
.toast-btn.primary[data-v-d0342d8b]:hover {
  background: #fff;
}
.toast-enter-active[data-v-d0342d8b],
.toast-leave-active[data-v-d0342d8b] {
  transition: all 0.3s var(--ease);
}
.toast-enter-from[data-v-d0342d8b],
.toast-leave-to[data-v-d0342d8b] {
  opacity: 0;
  transform: translateY(20px) scale(0.95);
}
.dash-tabs[data-v-d0342d8b] {
  border: 1px solid var(--line);
  background: #ffffff05;
  border-radius: 999px;
  gap: 4px;
  padding: 4px;
  display: flex;
}
.dash-tab[data-v-d0342d8b] {
  font-family: var(--sans);
  color: var(--muted);
  cursor: pointer;
  transition: background 0.4s var(--ease), color 0.4s var(--ease);
  background: 0 0;
  border: none;
  border-radius: 999px;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 10px 0;
  font-size: 14px;
  font-weight: 600;
  display: flex;
}
.dash-tab.active[data-v-d0342d8b] {
  color: #fff;
  background: #ffffff14;
}
.fund-card[data-v-d0342d8b] {
  background: radial-gradient(120% 60% at 50% -6%, #5ce08a17, transparent 62%),
    var(--glass);
  -webkit-backdrop-filter: blur(26px) saturate(145%);
  border: 1px solid #5ce08a47;
  border-radius: 20px;
  padding: 22px 24px 24px;
  position: relative;
  box-shadow: 0 18px 54px #00000075, 0 0 60px #5ce08a12, inset 0 1px #ffffff0f;
}
.fund-card[data-v-d0342d8b]:before {
  content: "";
  background: linear-gradient(90deg, #0000, #78f0a599, #0000);
  height: 1px;
  position: absolute;
  inset: 0 0 auto;
}
.fund-body[data-v-d0342d8b] {
  margin-top: 16px;
}
.panel-header[data-v-d0342d8b] {
  margin-bottom: 16px;
}
.panel-title[data-v-d0342d8b] {
  font-family: var(--display);
  letter-spacing: -0.02em;
  margin-bottom: 5px;
  font-size: 17px;
  font-weight: 600;
}
.panel-sub[data-v-d0342d8b] {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.5;
}
.dash-action-btn[data-v-d0342d8b] {
  justify-content: center;
  width: 100%;
  margin-top: 18px;
}
.deposit-zone[data-v-d0342d8b] {
  grid-template-columns: 96px 1fr;
  align-items: start;
  gap: 14px;
  margin-top: 8px;
  display: grid;
}
.qr-wrap[data-v-d0342d8b] {
  background: #fff;
  border-radius: 10px;
  padding: 8px;
}
.qr-code[data-v-d0342d8b] {
  width: 100%;
  height: auto;
  display: block;
}
.deposit-details[data-v-d0342d8b] {
  flex-direction: column;
  display: flex;
}
.field-label[data-v-d0342d8b] {
  font-family: var(--mono);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--faint);
  margin-bottom: 7px;
  font-size: 11px;
  display: block;
}
.addr-row[data-v-d0342d8b] {
  align-items: stretch;
  gap: 8px;
  display: flex;
}
.addr-full[data-v-d0342d8b] {
  word-break: break-all;
  flex: 1;
  padding: 10px 12px;
  font-size: 11px;
  line-height: 1.4;
  transition: border-color 0.18s, background 0.18s;
}
.addr-copyable[data-v-d0342d8b] {
  cursor: pointer;
}
.addr-copyable[data-v-d0342d8b]:hover {
  background: #ffffff08;
  border-color: #ffffff47;
}
.btn-copy[data-v-d0342d8b] {
  font-family: var(--sans);
  color: var(--text);
  border: 1px solid var(--line-2);
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.3s var(--ease);
  background: #ffffff0f;
  border-radius: 999px;
  flex-shrink: 0;
  align-items: center;
  gap: 5px;
  padding: 8px 12px;
  font-size: 12px;
  font-weight: 600;
  display: flex;
}
.btn-copy[data-v-d0342d8b]:hover {
  background: #ffffff1a;
  border-color: #ffffff4d;
}
.btn-copy.copied[data-v-d0342d8b] {
  color: #f0f0f2;
  background: #ffffff14;
  border-color: #fff6;
}
.deposit-confirm[data-v-d0342d8b] {
  color: #d6f5e1;
  background: #ffffff0d;
  border: 1px solid #ffffff4d;
  border-radius: 10px;
  align-items: center;
  gap: 10px;
  margin-top: 14px;
  padding: 12px 14px;
  font-size: 13px;
  display: flex;
}
.promo-deposit-banner[data-v-d0342d8b] {
  color: #d6f5e1;
  background: #ffffff12;
  border: 1px solid #ffffff59;
  border-radius: 10px;
  align-items: center;
  gap: 10px;
  margin-top: 18px;
  padding: 12px 14px;
  font-size: 13px;
  line-height: 1.45;
  display: flex;
}
.promo-deposit-banner strong[data-v-d0342d8b] {
  color: #fff;
}
.promo-deposit-icon[data-v-d0342d8b] {
  flex-shrink: 0;
  font-size: 18px;
}
.console-card[data-v-d0342d8b] {
  border: 1px solid var(--glass-line);
  -webkit-backdrop-filter: blur(26px) saturate(140%);
  background: #06080ab8;
  border-radius: 18px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 14px 44px #00000073, inset 0 1px #ffffff0a;
}
.console-card[data-v-d0342d8b]:before {
  content: "";
  z-index: 2;
  background: linear-gradient(
    90deg,
    transparent,
    var(--glass-rim),
    transparent
  );
  height: 1px;
  position: absolute;
  inset: 0 0 auto;
}
.console-bar[data-v-d0342d8b] {
  border-bottom: 1px solid var(--line);
  background: #ffffff05;
  align-items: center;
  gap: 10px;
  padding: 10px 16px;
  display: flex;
}
.console-dots[data-v-d0342d8b] {
  gap: 6px;
  display: flex;
}
.cdot-r[data-v-d0342d8b],
.cdot-y[data-v-d0342d8b],
.cdot-g[data-v-d0342d8b] {
  border-radius: 50%;
  width: 10px;
  height: 10px;
}
.cdot-r[data-v-d0342d8b] {
  background: #ff5f57;
}
.cdot-y[data-v-d0342d8b] {
  background: #febc2e;
}
.cdot-g[data-v-d0342d8b] {
  background: #28c840;
}
.console-title[data-v-d0342d8b] {
  font-family: var(--mono);
  color: var(--dim);
  letter-spacing: 0.01em;
  flex: 1;
  font-size: 11.5px;
}
.console-upgrade-btn[data-v-d0342d8b] {
  color: #f5c542;
  font-family: var(--mono);
  letter-spacing: 0.05em;
  cursor: pointer;
  text-transform: uppercase;
  background: 0 0;
  border: 1px solid #f5c5424d;
  border-radius: 999px;
  margin-right: 12px;
  padding: 4px 10px;
  font-size: 10px;
  transition: all 0.2s;
}
.console-upgrade-btn[data-v-d0342d8b]:hover {
  background: #f5c5421a;
  border-color: #f5c54299;
}
.console-status[data-v-d0342d8b] {
  font-family: var(--mono);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--dim);
  font-size: 10.5px;
}
.console-status.on[data-v-d0342d8b] {
  color: #5ce08a;
}
@keyframes status-blink-d0342d8b {
  0%,
  to {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.console-body[data-v-d0342d8b] {
  scroll-behavior: smooth;
  scrollbar-gutter: stable;
  height: 280px;
  padding: 14px 16px;
  overflow-y: auto;
}
.console-body[data-v-d0342d8b]::-webkit-scrollbar {
  width: 6px;
}
.console-body[data-v-d0342d8b]::-webkit-scrollbar-thumb {
  background: #ffffff1a;
  border-radius: 6px;
}
.console-idle[data-v-d0342d8b] {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6px;
  height: 100%;
  display: flex;
}
.c-dim[data-v-d0342d8b] {
  font-family: var(--mono);
  color: var(--dim);
  font-size: 12px;
}
.console-lines[data-v-d0342d8b] {
  flex-direction: column;
  gap: 3px;
  display: flex;
}
.c-line[data-v-d0342d8b] {
  font-family: var(--mono);
  border-radius: 5px;
  align-items: baseline;
  gap: 10px;
  padding: 1px 6px 1px 12px;
  font-size: 12px;
  line-height: 1.7;
  transition: background 0.18s;
  display: flex;
  position: relative;
}
.c-line[data-v-d0342d8b]:hover {
  background: #ffffff06;
}
.c-line[data-v-d0342d8b]:before {
  content: "";
  background: 0 0;
  border-radius: 2px;
  width: 2px;
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: 3px;
}
.c-line.trade[data-v-d0342d8b]:before {
  background: #ffffff47;
}
.c-line.loss[data-v-d0342d8b]:before {
  background: #ff6b6b99;
}
.c-line.fail[data-v-d0342d8b]:before {
  background: #ff9f438c;
}
.c-line.scan[data-v-d0342d8b]:before {
  background: #7eb8f773;
}
.c-line.found[data-v-d0342d8b]:before {
  background: #f5c54280;
}
.c-line.rebal[data-v-d0342d8b]:before {
  background: #c792ea80;
}
.c-line.info[data-v-d0342d8b]:before {
  background: #ffffff24;
}
.c-ts[data-v-d0342d8b] {
  color: var(--dim);
  flex-shrink: 0;
  min-width: 90px;
  font-size: 11px;
}
.c-tag[data-v-d0342d8b] {
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-align: center;
  border-radius: 999px;
  flex-shrink: 0;
  min-width: 50px;
  padding: 1px 6px;
  font-size: 10px;
  font-weight: 600;
}
.c-tag.trade[data-v-d0342d8b] {
  color: #cfd2d8;
  background: #ffffff0f;
}
.c-tag.loss[data-v-d0342d8b] {
  color: #ff6b6b;
  background: #ff6b6b1a;
}
.c-tag.fail[data-v-d0342d8b] {
  color: #ff9f43;
  background: #ff9f431a;
}
.c-tag.scan[data-v-d0342d8b] {
  color: #7eb8f7;
  background: #7eb8f71a;
}
.c-tag.found[data-v-d0342d8b] {
  color: #f5c542;
  background: #f5c5421a;
}
.c-tag.rebal[data-v-d0342d8b] {
  color: #c792ea;
  background: #c792ea1a;
}
.c-tag.info[data-v-d0342d8b] {
  color: var(--faint);
  background: #ffffff0a;
}
.c-msg[data-v-d0342d8b] {
  color: var(--muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
  overflow: hidden;
}
.c-profit[data-v-d0342d8b] {
  flex-shrink: 0;
  font-weight: 600;
}
.c-profit.win[data-v-d0342d8b] {
  color: #6fe39a;
}
.c-profit.lose[data-v-d0342d8b] {
  color: #ff6b6b;
}
.console-stats[data-v-d0342d8b] {
  border-bottom: 1px solid var(--line);
  color: var(--faint);
  letter-spacing: 0.01em;
  flex-wrap: wrap;
  gap: 20px;
  padding: 9px 16px;
  font-size: 11.5px;
  display: flex;
}
.console-stats b[data-v-d0342d8b] {
  color: var(--text);
  font-variant-numeric: tabular-nums;
  margin-left: 3px;
  font-weight: 600;
}
.console-stats .cs-good[data-v-d0342d8b] {
  color: var(--text);
}
.console-stats .cs-money[data-v-d0342d8b] {
  color: #6fe39a;
}
.console-stats .cs-bad[data-v-d0342d8b] {
  color: #ff6b6b;
}
.cline-enter-active[data-v-d0342d8b] {
  transition: opacity 0.35s;
  animation: 0.9s ease-out cline-hl-d0342d8b;
}
.cline-enter-from[data-v-d0342d8b] {
  opacity: 0;
}
.cline-leave-active[data-v-d0342d8b] {
  transition: opacity 0.18s;
  position: absolute;
}
.cline-leave-to[data-v-d0342d8b] {
  opacity: 0;
}
.c-line.loss.cline-enter-active[data-v-d0342d8b],
.c-line.fail.cline-enter-active[data-v-d0342d8b] {
  animation: 0.9s ease-out cline-hl-r-d0342d8b;
}
@keyframes cline-hl-d0342d8b {
  0% {
    background: #5ce08a21;
  }
  to {
    background: 0 0;
  }
}
@keyframes cline-hl-r-d0342d8b {
  0% {
    background: #ff5a5a1f;
  }
  to {
    background: 0 0;
  }
}
.c-cursorline[data-v-d0342d8b] {
  color: var(--dim);
  align-items: center;
  gap: 8px;
  padding-top: 4px;
  font-size: 12px;
  display: flex;
}
.c-cursor[data-v-d0342d8b] {
  color: #5ce08a;
  animation: 1.05s step-end infinite cur-blink-d0342d8b;
}
.c-cursor-txt[data-v-d0342d8b] {
  color: var(--faint);
  opacity: 0.7;
}
@keyframes cur-blink-d0342d8b {
  0%,
  50% {
    opacity: 1;
  }
  51%,
  to {
    opacity: 0;
  }
}
@media (width<=1080px) {
  .dash-row[data-v-d0342d8b] {
    grid-template-columns: 1fr;
  }
  .dash-col-side[data-v-d0342d8b] {
    order: -1;
  }
  .stat-strip[data-v-d0342d8b] {
    grid-template-columns: repeat(3, 1fr);
  }
  .ss-item[data-v-d0342d8b] {
    border-bottom: 1px solid var(--line);
  }
  .ss-item[data-v-d0342d8b]:nth-child(3n) {
    border-right: none;
  }
  .ss-item[data-v-d0342d8b]:nth-child(n + 4) {
    border-bottom: none;
  }
}
@media (width<=900px) {
  .deposit-zone[data-v-d0342d8b] {
    grid-template-columns: 96px 1fr;
  }
}
@media (width<=520px) {
  .dash-page[data-v-d0342d8b] {
    padding: 80px 0 40px;
  }
  .dash-wrap[data-v-d0342d8b] {
    gap: 14px;
  }
  .stat-strip[data-v-d0342d8b] {
    border-radius: 12px;
    grid-template-columns: repeat(2, 1fr);
  }
  .ss-item[data-v-d0342d8b] {
    border-bottom: 1px solid var(--line);
    padding: 12px 14px;
  }
  .ss-item[data-v-d0342d8b]:nth-child(3n) {
    border-right: 1px solid var(--line);
  }
  .ss-item[data-v-d0342d8b]:nth-child(2n) {
    border-right: none;
  }
  .ss-item[data-v-d0342d8b]:nth-child(n + 4) {
    border-bottom: 1px solid var(--line);
  }
  .ss-item[data-v-d0342d8b]:nth-child(n + 5) {
    border-bottom: none;
  }
  .ss-label[data-v-d0342d8b] {
    font-size: 9px;
  }
  .ss-value[data-v-d0342d8b] {
    font-size: 13px;
  }
  .ss-tier-next[data-v-d0342d8b] {
    white-space: normal;
    text-overflow: clip;
    line-height: 1.35;
    overflow: visible;
  }
  .dash-tabs[data-v-d0342d8b] {
    border-radius: 999px;
    gap: 3px;
    padding: 3px;
  }
  .dash-tab[data-v-d0342d8b] {
    border-radius: 999px;
    min-height: 44px;
    padding: 11px 0;
    font-size: 13px;
  }
  .fund-card[data-v-d0342d8b] {
    border-radius: 14px;
    padding: 16px 14px 18px;
  }
  .panel-title[data-v-d0342d8b] {
    font-size: 16px;
  }
  .panel-sub[data-v-d0342d8b] {
    font-size: 12.5px;
  }
  .deposit-zone[data-v-d0342d8b] {
    grid-template-columns: 1fr;
    justify-items: center;
    gap: 16px;
  }
  .qr-wrap[data-v-d0342d8b] {
    width: 100%;
    max-width: 140px;
  }
  .deposit-details[data-v-d0342d8b] {
    width: 100%;
  }
  .addr-row[data-v-d0342d8b] {
    flex-direction: column;
    gap: 8px;
  }
  .addr-full[data-v-d0342d8b] {
    text-align: center;
    word-break: break-all;
    padding: 10px;
    font-size: 10.5px;
  }
  .btn-copy[data-v-d0342d8b] {
    justify-content: center;
    width: 100%;
    padding: 11px 12px;
  }
  .field-label[data-v-d0342d8b] {
    font-size: 10px;
  }
  .hint[data-v-d0342d8b] {
    font-size: 10.5px;
  }
  .console-card[data-v-d0342d8b] {
    border-radius: 12px;
  }
  .console-bar[data-v-d0342d8b] {
    gap: 8px;
    padding: 8px 12px;
  }
  .console-title[data-v-d0342d8b] {
    font-size: 10px;
  }
  .console-status[data-v-d0342d8b] {
    font-size: 9.5px;
  }
  .cdot-r[data-v-d0342d8b],
  .cdot-y[data-v-d0342d8b],
  .cdot-g[data-v-d0342d8b] {
    width: 8px;
    height: 8px;
  }
  .console-body[data-v-d0342d8b] {
    height: 220px;
    padding: 10px 12px;
  }
  .c-ts[data-v-d0342d8b] {
    display: none;
  }
  .c-line[data-v-d0342d8b] {
    gap: 6px;
    font-size: 11px;
    line-height: 1.6;
  }
  .c-tag[data-v-d0342d8b] {
    min-width: 42px;
    padding: 1px 5px;
    font-size: 9px;
  }
  .c-msg[data-v-d0342d8b],
  .c-profit[data-v-d0342d8b] {
    font-size: 11px;
  }
  .dash-action-btn[data-v-d0342d8b] {
    margin-top: 14px;
  }
  .wd-msg[data-v-d0342d8b] {
    border-radius: 10px;
    padding: 14px;
    font-size: 13px;
  }
}
.debug-backdrop[data-v-d0342d8b] {
  z-index: 999999;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background: #00000080;
  place-items: center;
  display: grid;
  position: fixed;
  inset: 0;
}
.debug-panel[data-v-d0342d8b] {
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  backdrop-filter: blur(20px) saturate(180%);
  background: #0c0c0ff2;
  border: 1px solid #ffffff1a;
  border-radius: 20px;
  flex-direction: column;
  width: 90%;
  max-width: 440px;
  max-height: 85vh;
  display: flex;
  overflow: hidden;
  box-shadow: 0 24px 80px #0009, 0 0 40px #8b5cf614;
}
.debug-header[data-v-d0342d8b] {
  background: linear-gradient(135deg, #8b5cf614, #3b82f614);
  border-bottom: 1px solid #ffffff14;
  justify-content: space-between;
  align-items: center;
  padding: 18px 22px;
  display: flex;
}
.debug-title[data-v-d0342d8b] {
  font-family: var(--display);
  color: #fff;
  letter-spacing: -0.02em;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  font-weight: 700;
  display: flex;
}
.debug-icon[data-v-d0342d8b] {
  font-size: 18px;
}
.debug-close[data-v-d0342d8b] {
  width: 28px;
  height: 28px;
  color: var(--muted);
  cursor: pointer;
  background: #ffffff0d;
  border: 1px solid #ffffff1a;
  border-radius: 999px;
  place-items: center;
  font-size: 12px;
  transition: all 0.2s;
  display: grid;
}
.debug-close[data-v-d0342d8b]:hover {
  color: #fff;
  background: #ffffff1a;
}
.debug-body[data-v-d0342d8b] {
  flex: 1;
  padding: 16px 22px 22px;
  overflow-y: auto;
}
.debug-body[data-v-d0342d8b]::-webkit-scrollbar {
  width: 5px;
}
.debug-body[data-v-d0342d8b]::-webkit-scrollbar-thumb {
  background: #ffffff14;
  border-radius: 5px;
}
.debug-group[data-v-d0342d8b] {
  border-bottom: 1px solid #ffffff0f;
  margin-bottom: 18px;
  padding-bottom: 18px;
}
.debug-group[data-v-d0342d8b]:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.debug-group-title[data-v-d0342d8b] {
  font-family: var(--mono);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #8b5cf6cc;
  margin-bottom: 12px;
  font-size: 10px;
  font-weight: 700;
}
.debug-field[data-v-d0342d8b] {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}
.debug-field[data-v-d0342d8b]:last-child {
  margin-bottom: 0;
}
.debug-field label[data-v-d0342d8b] {
  font-family: var(--sans);
  color: var(--muted);
  font-size: 13px;
  font-weight: 500;
}
.debug-field input[data-v-d0342d8b],
.debug-field select[data-v-d0342d8b] {
  color: #fff;
  width: 160px;
  font-family: var(--mono);
  text-align: right;
  background: #ffffff0a;
  border: 1px solid #ffffff1a;
  border-radius: 8px;
  padding: 7px 10px;
  font-size: 13px;
  transition: border-color 0.2s;
}
.debug-field input[data-v-d0342d8b]:focus,
.debug-field select[data-v-d0342d8b]:focus {
  background: #8b5cf60f;
  border-color: #8b5cf680;
  outline: none;
}
.debug-field select[data-v-d0342d8b] {
  text-align: left;
  cursor: pointer;
}
.debug-field select option[data-v-d0342d8b] {
  color: #fff;
  background: #1a1a1f;
}
.debug-toggle[data-v-d0342d8b] {
  color: var(--muted);
  font-family: var(--mono);
  letter-spacing: 0.05em;
  cursor: pointer;
  text-align: center;
  background: #ffffff0a;
  border: 1px solid #ffffff1f;
  border-radius: 999px;
  min-width: 80px;
  padding: 6px 16px;
  font-size: 11px;
  font-weight: 700;
  transition: all 0.2s;
}
.debug-toggle.on[data-v-d0342d8b],
.debug-toggle.on-success[data-v-d0342d8b] {
  color: #f0f0f2;
  background: #ffffff1f;
  border-color: #ffffff59;
}
.debug-toggle.on-fail[data-v-d0342d8b] {
  color: #ff6b6b;
  background: #ff6b6b1a;
  border-color: #ff6b6b4d;
}
.debug-actions[data-v-d0342d8b] {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}
.debug-btn[data-v-d0342d8b] {
  min-width: 70px;
  color: var(--text);
  font-family: var(--mono);
  cursor: pointer;
  text-align: center;
  background: #ffffff0a;
  border: 1px solid #ffffff1a;
  border-radius: 999px;
  flex: 1;
  padding: 8px 10px;
  font-size: 11px;
  font-weight: 600;
  transition: all 0.2s;
}
.debug-btn[data-v-d0342d8b]:hover {
  background: #ffffff14;
  border-color: #fff3;
}
.debug-btn.danger[data-v-d0342d8b] {
  color: #ff6b6b;
  background: #ff6b6b0f;
  border-color: #ff6b6b40;
}
.debug-btn.danger[data-v-d0342d8b]:hover {
  background: #ff6b6b1f;
  border-color: #ff6b6b66;
}
.welcome-backdrop[data-v-d0342d8b] {
  z-index: 100000;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background: #000000ad;
  place-items: center;
  padding: 20px;
  display: grid;
  position: fixed;
  inset: 0;
}
.welcome-box[data-v-d0342d8b] {
  border: 1px solid var(--glass-line);
  -webkit-backdrop-filter: blur(30px) saturate(160%);
  backdrop-filter: blur(30px) saturate(160%);
  text-align: center;
  background: radial-gradient(90% 60% at 50% -10%, #5ce08a1f, #0000 65%),
    linear-gradient(#141518f5, #0c0d0ff7);
  border-radius: 22px;
  width: 100%;
  max-width: 400px;
  padding: 40px 32px 24px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 30px 90px #0009, 0 0 70px #5ce08a0f, inset 0 1px #ffffff0f;
}
.welcome-box[data-v-d0342d8b]:before {
  content: "";
  z-index: 3;
  background: linear-gradient(90deg, #0000, #fff6, #0000);
  height: 1px;
  position: absolute;
  inset: 0 0 auto;
}
.welcome-ring[data-v-d0342d8b] {
  border-radius: inherit;
  -webkit-mask-composite: xor;
  pointer-events: none;
  z-index: 2;
  padding: 1px;
  position: absolute;
  inset: 0;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
  mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
  -webkit-mask-position: 0 0, 0 0;
  mask-position: 0 0, 0 0;
  -webkit-mask-size: auto, auto;
  mask-size: auto, auto;
  -webkit-mask-repeat: repeat, repeat;
  mask-repeat: repeat, repeat;
  -webkit-mask-clip: content-box, border-box;
  mask-clip: content-box, border-box;
  -webkit-mask-origin: content-box, border-box;
  mask-origin: content-box, border-box;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  -webkit-mask-source-type: auto, auto;
  mask-mode: match-source, match-source;
}
.welcome-ring-spin[data-v-d0342d8b] {
  aspect-ratio: 1;
  will-change: transform;
  background: conic-gradient(
    #0000 0% 74%,
    #78f0a573 87%,
    #a0ffbef2 93%,
    #0000 100%
  );
  width: 320%;
  margin: -160% 0 0 -160%;
  animation: 6s linear infinite welcome-ring-rotate-d0342d8b;
  position: absolute;
  top: 50%;
  left: 50%;
}
@keyframes welcome-ring-rotate-d0342d8b {
  to {
    transform: rotate(360deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  .welcome-ring[data-v-d0342d8b] {
    display: none;
  }
}
.welcome-close[data-v-d0342d8b] {
  z-index: 4;
  border: 1px solid var(--line-2);
  width: 30px;
  height: 30px;
  color: var(--muted);
  cursor: pointer;
  background: #ffffff0a;
  border-radius: 999px;
  place-items: center;
  transition: background 0.2s, color 0.2s;
  display: grid;
  position: absolute;
  top: 16px;
  right: 16px;
}
.welcome-close[data-v-d0342d8b]:hover {
  color: #fff;
  background: #ffffff1a;
}
.welcome-figure[data-v-d0342d8b] {
  z-index: 1;
  flex-direction: column;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
  position: relative;
}
.welcome-bignum[data-v-d0342d8b] {
  letter-spacing: -0.03em;
  color: #7ce38b;
  text-shadow: 0 0 40px #5ce08a66;
  font-size: 72px;
  font-weight: 700;
  line-height: 1;
}
.welcome-pct[data-v-d0342d8b] {
  opacity: 0.85;
  margin-left: 2px;
  font-size: 44px;
}
.welcome-figure-cap[data-v-d0342d8b] {
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--muted);
  margin-top: 12px;
  font-size: 10.5px;
}
.welcome-logo-wrap[data-v-d0342d8b] {
  perspective: 240px;
  place-items: center;
  width: 64px;
  height: 64px;
  margin: 0 auto 16px;
  display: grid;
  position: relative;
}
.welcome-logo[data-v-d0342d8b] {
  object-fit: contain;
  filter: invert() brightness(1.1);
  width: 40px;
  height: 40px;
  animation: 7s linear infinite welcome-logo-spin-d0342d8b;
}
.welcome-logo-ring[data-v-d0342d8b] {
  border: 1px solid #5ce08a59;
  border-top-color: #5ce08a;
  border-radius: 50%;
  animation: 2.6s linear infinite welcome-ring-spin-d0342d8b;
  position: absolute;
  inset: 0;
}
.welcome-logo-ring[data-v-d0342d8b]:after {
  content: "";
  background: radial-gradient(closest-side, #5ce08a1f, #0000 75%);
  border-radius: 50%;
  position: absolute;
  inset: -6px;
}
@keyframes welcome-logo-spin-d0342d8b {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes welcome-ring-spin-d0342d8b {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  .welcome-logo[data-v-d0342d8b],
  .welcome-logo-ring[data-v-d0342d8b] {
    animation: none;
  }
}
.welcome-sub[data-v-d0342d8b] {
  z-index: 1;
  color: var(--muted);
  max-width: 300px;
  margin: 0 auto 20px;
  font-size: 14px;
  line-height: 1.55;
  position: relative;
}
.welcome-timer-row[data-v-d0342d8b] {
  z-index: 1;
  border: 1px solid var(--line-2);
  background: #ffffff08;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-bottom: 20px;
  padding: 7px 14px;
  display: inline-flex;
  position: relative;
}
.welcome-timer-ic[data-v-d0342d8b] {
  color: var(--dim);
}
.welcome-timer-k[data-v-d0342d8b] {
  color: var(--faint);
  font-size: 12px;
}
.welcome-timer[data-v-d0342d8b] {
  color: #7ce38b;
  letter-spacing: 0.04em;
  font-variant-numeric: tabular-nums;
  font-size: 13.5px;
  font-weight: 600;
}
.welcome-cta[data-v-d0342d8b] {
  z-index: 1;
  justify-content: center;
  width: 100%;
  padding: 13px;
  font-size: 15px;
  position: relative;
}
.welcome-skip[data-v-d0342d8b] {
  z-index: 1;
  width: 100%;
  color: var(--faint);
  font-family: var(--sans);
  cursor: pointer;
  background: 0 0;
  border: 0;
  margin-top: 12px;
  font-size: 13px;
  transition: color 0.2s;
  display: block;
  position: relative;
}
.welcome-skip[data-v-d0342d8b]:hover {
  color: var(--muted);
}
.backdrop-enter-active .welcome-box[data-v-d0342d8b],
.backdrop-leave-active .welcome-box[data-v-d0342d8b] {
  transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.3s;
}
.backdrop-enter-from .welcome-box[data-v-d0342d8b],
.backdrop-leave-to .welcome-box[data-v-d0342d8b] {
  opacity: 0;
  transform: translateY(24px) scale(0.94);
}
.wd-toast.wd-success[data-v-d0342d8b] {
  background: radial-gradient(130% 150% at 0 0, #5ce08a1a, #0000 55%), #09090beb;
  border-color: #5ce08a52;
  align-items: center;
  padding-bottom: 20px;
  overflow: hidden;
  box-shadow: 0 16px 50px #0000008c, 0 0 34px #5ce08a1f;
}
.wd-success-ring[data-v-d0342d8b] {
  background: radial-gradient(circle, #5ce08a3d, #5ce08a0d);
  border-radius: 50%;
  flex-shrink: 0;
  place-items: center;
  width: 34px;
  height: 34px;
  display: grid;
  position: relative;
}
.wd-success-ring[data-v-d0342d8b]:before {
  content: "";
  border: 1.5px solid #5ce08a73;
  border-radius: 50%;
  animation: 1.9s ease-out infinite wdRing-d0342d8b;
  position: absolute;
  inset: -3px;
}
@keyframes wdRing-d0342d8b {
  0% {
    opacity: 0.85;
    transform: scale(0.82);
  }
  to {
    opacity: 0;
    transform: scale(1.4);
  }
}
.wd-check[data-v-d0342d8b] {
  fill: none;
  stroke: #5ce08a;
  stroke-width: 2.4px;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 26;
  stroke-dashoffset: 26px;
  width: 18px;
  height: 18px;
  animation: 0.5s cubic-bezier(0.65, 0, 0.35, 1) 0.14s forwards wdCheck-d0342d8b;
}
@keyframes wdCheck-d0342d8b {
  to {
    stroke-dashoffset: 0;
  }
}
.wd-success .toast-title[data-v-d0342d8b] {
  color: #eafff2;
}
.wd-success .toast-desc[data-v-d0342d8b] {
  color: #dcece2b8;
}
.wd-success-bar[data-v-d0342d8b] {
  transform-origin: 0;
  background: linear-gradient(90deg, #5ce08af2, #5ce08a40);
  width: 100%;
  height: 2px;
  animation: 10s linear forwards wdBar-d0342d8b;
  position: absolute;
  bottom: 0;
  left: 0;
}
@keyframes wdBar-d0342d8b {
  0% {
    transform: scaleX(1);
  }
  to {
    transform: scaleX(0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .wd-success-ring[data-v-d0342d8b]:before,
  .wd-check[data-v-d0342d8b],
  .wd-success-bar[data-v-d0342d8b] {
    animation: none;
  }
  .wd-check[data-v-d0342d8b] {
    stroke-dashoffset: 0;
  }
}
.settings-page[data-v-4a6562b3] {
  min-height: 100vh;
  padding: 120px 24px 80px;
}
.settings-inner[data-v-4a6562b3] {
  flex-direction: column;
  gap: 16px;
  max-width: 520px;
  margin: 0 auto;
  display: flex;
}
.settings-h2[data-v-4a6562b3] {
  font-family: var(--display);
  letter-spacing: -0.02em;
  margin-bottom: 8px;
  font-size: 30px;
}
.card[data-v-4a6562b3] {
  border: 1px solid var(--line);
  background: linear-gradient(#ffffff05, #ffffff01);
  border-radius: 16px;
  padding: 26px 26px 24px;
  position: relative;
}
.card[data-v-4a6562b3]:before {
  content: "";
  background: linear-gradient(90deg, #0000, #ffffff24, #0000);
  border-radius: 16px 16px 0 0;
  height: 1px;
  position: absolute;
  inset: 0 0 auto;
}
.card-h[data-v-4a6562b3] {
  font-family: var(--display);
  margin-bottom: 18px;
  font-size: 17px;
  font-weight: 600;
}
.card-hint[data-v-4a6562b3] {
  color: var(--muted);
  margin: 0 0 16px;
  font-size: 13.5px;
  line-height: 1.55;
}
.card-btn[data-v-4a6562b3] {
  justify-content: center;
  width: 100%;
  margin-top: 8px;
}
.info-row[data-v-4a6562b3] {
  border-bottom: 1px solid var(--line);
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 12px 0;
  display: flex;
}
.info-row[data-v-4a6562b3]:first-of-type {
  padding-top: 0;
}
.info-row[data-v-4a6562b3]:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.info-label[data-v-4a6562b3] {
  font-family: var(--mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--faint);
  font-size: 11px;
}
.info-value[data-v-4a6562b3] {
  color: var(--text);
  text-align: right;
  word-break: break-word;
  font-size: 14px;
}
.promo-active[data-v-4a6562b3] {
  background: #5ce08a0f;
  border: 1px solid #5ce08a4d;
  border-radius: 12px;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
  padding: 12px 14px;
  display: flex;
}
.promo-check[data-v-4a6562b3] {
  color: #6fe39a;
  background: #5ce08a26;
  border-radius: 50%;
  flex-shrink: 0;
  place-items: center;
  width: 24px;
  height: 24px;
  display: grid;
}
.promo-active-body[data-v-4a6562b3] {
  flex: 1;
  min-width: 0;
}
.promo-active-code[data-v-4a6562b3] {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}
.promo-active-label[data-v-4a6562b3] {
  color: #6fe39a;
  margin-top: 2px;
  font-size: 12px;
}
.promo-remove[data-v-4a6562b3] {
  border: 1px solid var(--line-2);
  color: var(--muted);
  font-family: var(--sans);
  cursor: pointer;
  background: 0 0;
  border-radius: 999px;
  flex-shrink: 0;
  align-self: center;
  padding: 6px 12px;
  font-size: 12.5px;
  font-weight: 600;
  transition: color 0.2s, border-color 0.2s, background 0.2s;
}
.promo-remove[data-v-4a6562b3]:hover {
  color: #ff6b6b;
  background: #ff6b6b14;
  border-color: #ff6b6b66;
}
.pw-msg[data-v-4a6562b3] {
  align-items: center;
  gap: 7px;
  margin: 2px 0 4px;
  font-size: 13px;
  display: flex;
}
.pw-msg.ok[data-v-4a6562b3] {
  color: #6fe39a;
}
.pw-msg.err[data-v-4a6562b3] {
  color: #ff6b6b;
}
@media (width<=520px) {
  .settings-page[data-v-4a6562b3] {
    padding: 96px 16px 60px;
  }
  .settings-h2[data-v-4a6562b3] {
    font-size: 26px;
  }
  .card[data-v-4a6562b3] {
    border-radius: 14px;
    padding: 22px 20px;
  }
}
.page-wrapper[data-v-5d82acb0] {
  position: relative;
  overflow: hidden;
}
.glow[data-v-5d82acb0] {
  filter: blur(120px);
  z-index: 1;
  pointer-events: none;
  border-radius: 50%;
  position: absolute;
}
.glow-1[data-v-5d82acb0] {
  background: #5ce08a0a;
  width: 600px;
  height: 600px;
  top: 10%;
  left: 50%;
  transform: translate(-50%);
}
.legal-page[data-v-5d82acb0] {
  z-index: 2;
  min-height: 100vh;
  padding: 140px 0 100px;
  position: relative;
}
.legal-header[data-v-5d82acb0] {
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 680px;
  margin: 0 auto 64px;
  display: flex;
}
.legal-h1[data-v-5d82acb0] {
  letter-spacing: -0.04em;
  margin-bottom: 18px;
  font-size: clamp(36px, 6vw, 56px);
  line-height: 1;
}
.legal-sub[data-v-5d82acb0] {
  color: var(--muted);
  max-width: 540px;
  font-size: 17px;
  line-height: 1.6;
}
.legal-content[data-v-5d82acb0] {
  flex-direction: column;
  gap: 28px;
  max-width: 800px;
  margin: 0 auto;
  display: flex;
}
.doc-card[data-v-5d82acb0] {
  border: 1px solid var(--line);
  background: linear-gradient(#ffffff05, #ffffff01);
  border-radius: 20px;
  padding: 56px;
  position: relative;
  overflow: hidden;
}
.doc-card[data-v-5d82acb0]:before {
  content: "";
  background: linear-gradient(90deg, #ffffff1a, #0000);
  width: 100%;
  height: 2px;
  position: absolute;
  top: 0;
  left: 0;
}
.doc-body p[data-v-5d82acb0] {
  color: var(--muted);
  margin-bottom: 24px;
  font-size: 16px;
  line-height: 1.7;
}
.doc-body p[data-v-5d82acb0]:last-child {
  margin-bottom: 0;
}
.doc-body h4[data-v-5d82acb0] {
  font-family: var(--display);
  color: var(--text);
  margin: 40px 0 16px;
  font-size: 18px;
  font-weight: 500;
}
.legal-nav[data-v-5d82acb0] {
  flex-wrap: wrap;
  gap: 10px;
  display: flex;
}
.legal-nav-link[data-v-5d82acb0] {
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--muted);
  border: 1px solid var(--line-2);
  border-radius: 999px;
  align-items: center;
  gap: 8px;
  padding: 9px 16px;
  font-size: 12px;
  transition: color 0.18s, border-color 0.18s, background 0.18s;
  display: inline-flex;
}
.legal-nav-link[data-v-5d82acb0]:hover {
  color: var(--text);
  background: #ffffff0a;
  border-color: #ffffff4d;
}
.legal-nav-link svg[data-v-5d82acb0] {
  color: var(--dim);
}
@media (width<=768px) {
  .legal-page[data-v-5d82acb0] {
    padding: 100px 0 60px;
  }
  .legal-header[data-v-5d82acb0] {
    margin-bottom: 40px;
  }
  .legal-h1[data-v-5d82acb0] {
    font-size: 34px;
  }
  .legal-sub[data-v-5d82acb0] {
    font-size: 15px;
  }
  .doc-card[data-v-5d82acb0] {
    border-radius: 16px;
    padding: 32px 24px;
  }
  .doc-body p[data-v-5d82acb0] {
    font-size: 15px;
  }
  .doc-body h4[data-v-5d82acb0] {
    margin: 32px 0 12px;
  }
}
:root {
  --bg: #09090b;
  --bg-soft: #0d0d10;
  --text: #fafafa;
  --muted: #a1a1aa;
  --faint: #8a8a93;
  --dim: #83838a;
  --line: #ffffff14;
  --line-2: #ffffff24;
  --card: #ffffff05;
  --danger: #ff2e2e;
  --danger-soft: #ffb0b0;
  --good: #f0f0f2;
  --glass: #1212158f;
  --glass-2: #1a1a1e9e;
  --glass-line: #ffffff1a;
  --glass-rim: #ffffff8c;
  --glow-a: #ffffff12;
  --glow-b: #ffffff0d;
  --glow-c: #ffffff0a;
  --sheen: radial-gradient(130% 90% at 18% -10%, #ffffff0f, transparent 55%);
  --radius: 14px;
  --maxw: 1080px;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --display: "Inter", "Hanken Grotesk", -apple-system, system-ui, sans-serif;
  --sans: "Inter", "Hanken Grotesk", -apple-system, BlinkMacSystemFont,
    "Segoe UI", system-ui, Arial, sans-serif;
  --mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
}
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
html {
  overflow-x: clip;
}
::selection {
  color: #fff;
  background: #fff3;
}
body {
  font-family: var(--sans);
  background: var(--bg);
  color: var(--text);
  -webkit-font-smoothing: antialiased;
  line-height: 1.55;
  overflow-x: hidden;
}
a {
  color: inherit;
  text-decoration: none;
}
.grok-watermark {
  z-index: -1;
  pointer-events: none;
  background: #ffffff0a;
  width: min(86vh, 860px);
  height: min(86vh, 860px);
  position: fixed;
  top: 50%;
  right: -8vmin;
  transform: translateY(-50%);
  -webkit-mask: url(/grok-mark-white.png) 50% / contain no-repeat;
  mask: url(/grok-mark-white.png) 50% / contain no-repeat;
}
@media (width<=900px) {
  .grok-watermark {
    background: #ffffff08;
    width: min(70vh, 560px);
    height: min(70vh, 560px);
    right: 50%;
    transform: translate(50%, -50%);
  }
}
.landing-page {
  -webkit-user-select: none;
  user-select: none;
  min-height: 100vh;
}
.landing-page input,
.landing-page textarea,
.landing-page [contenteditable] {
  -webkit-user-select: text;
  user-select: text;
}
section {
  scroll-margin-top: 124px;
}
:where(.btn, a, summary, button, [tabindex]:not([tabindex="-1"])):focus-visible {
  outline-offset: 2px;
  border-radius: 999px;
  outline: 2px solid #fafafa;
}
[tabindex="-1"]:focus,
[tabindex="-1"]:focus-visible {
  outline: none;
}
.wrap {
  max-width: var(--maxw);
  z-index: 2;
  margin: 0 auto;
  padding: 0 24px;
  position: relative;
}
.mono {
  font-family: var(--mono);
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum";
}
.skip {
  z-index: 200;
  color: #09090b;
  background: #fff;
  border-radius: 8px;
  padding: 10px 16px;
  font-size: 14px;
  font-weight: 600;
  position: absolute;
  top: 0;
  left: -9999px;
}
.skip:focus {
  top: 12px;
  left: 12px;
}
h1,
h2,
h3 {
  font-family: var(--display);
  letter-spacing: -0.03em;
  color: var(--text);
  font-weight: 600;
  line-height: 1.04;
}
.h2 {
  letter-spacing: -0.03em;
  font-size: clamp(28px, 4vw, 44px);
}
.lead {
  color: var(--muted);
  text-wrap: balance;
  max-width: 600px;
  font-size: 17px;
}
section {
  padding: 112px 0;
  position: relative;
}
.center {
  text-align: center;
}
.center .lead {
  margin-left: auto;
  margin-right: auto;
}
.glow {
  filter: blur(160px);
  opacity: 0.06;
  pointer-events: none;
  z-index: 0;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
}
.reveal {
  opacity: 0;
  transition: opacity 0.6s var(--ease), transform 0.6s var(--ease);
  transform: translateY(12px);
}
.reveal.in {
  opacity: 1;
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  .reveal {
    opacity: 1;
    transition: none;
    transform: none;
  }
}
.disclosure {
  z-index: 60;
  background: var(--bg-soft);
  border-bottom: 1px solid var(--line);
  position: relative;
}
.disclosure .inner {
  max-width: var(--maxw);
  text-align: center;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin: 0 auto;
  padding: 8px 24px;
  display: flex;
}
.disclosure span {
  font-family: var(--mono);
  letter-spacing: 0.02em;
  color: var(--faint);
  font-size: 11.5px;
}
.disclosure b {
  color: var(--muted);
  font-weight: 500;
}
.disclosure .d {
  background: var(--dim);
  border-radius: 50%;
  width: 5px;
  height: 5px;
}
.bg-grid {
  z-index: 0;
  pointer-events: none;
  background-image: linear-gradient(90deg, #ffffff08 1px, #0000 1px),
    linear-gradient(#ffffff08 1px, #0000 1px);
  background-size: 60px 60px;
  animation: 30s linear infinite grid-pan;
  position: fixed;
  inset: 0;
  -webkit-mask-image: radial-gradient(at top, #000 0%, #0000 80%);
  mask-image: radial-gradient(at top, #000 0%, #0000 80%);
}
@keyframes grid-pan {
  0% {
    background-position: 0 0;
  }
  to {
    background-position: -60px -60px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .bg-grid {
    animation: none;
  }
}
.head {
  z-index: 50;
  border-bottom: 1px solid #0000;
  width: 100%;
  transition: background 0.3s, border-color 0.3s, -webkit-backdrop-filter 0.3s,
    backdrop-filter 0.3s;
  position: fixed;
  top: 0;
  left: 0;
}
.head.scrolled {
  -webkit-backdrop-filter: blur(16px) saturate(160%);
  backdrop-filter: blur(16px) saturate(160%);
  border-bottom-color: var(--line);
  background: #09090bb3;
}
.head.menu-open {
  -webkit-backdrop-filter: blur(16px) saturate(160%);
  backdrop-filter: blur(16px) saturate(160%);
  border-bottom-color: var(--line);
  background: #09090b;
}
.nav {
  justify-content: space-between;
  align-items: center;
  height: 72px;
  display: flex;
}
.brand {
  letter-spacing: -0.03em;
  color: #ffffffe0;
  align-items: center;
  gap: 6px;
  font-family: Outfit, sans-serif;
  font-size: 21px;
  font-weight: 500;
  display: flex;
}
.brand-logo {
  filter: invert() brightness(1.2);
  flex-shrink: 0;
  width: auto;
  height: 28px;
  display: block;
}
.brand-txt {
  line-height: 28px;
}
.nav-links {
  color: var(--muted);
  gap: 40px;
  font-size: 15px;
  font-weight: 500;
  display: flex;
}
.nav-links a {
  transition: color 0.18s;
}
.nav-links a:hover {
  color: var(--text);
}
.nav-right {
  align-items: center;
  gap: 8px;
  display: flex;
}
.menu-btn {
  border: 1px solid var(--line-2);
  width: 44px;
  height: 44px;
  color: var(--text);
  cursor: pointer;
  transition: border-color 0.3s var(--ease), background 0.3s var(--ease);
  background: 0 0;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  display: none;
}
.menu-btn:hover {
  border-color: #ffffff4d;
}
.menu-btn.active {
  background: #ffffff0f;
  border-color: #fff3;
}
.btn {
  font-family: var(--sans);
  cursor: pointer;
  white-space: nowrap;
  border: 1px solid #0000;
  border-radius: 999px;
  align-items: center;
  gap: 8px;
  padding: 9px 18px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  transition: all 0.18s;
  display: inline-flex;
}
.btn:active {
  opacity: 0.9;
  transition-duration: 0.1s;
  transition-delay: 0s;
}
.btn-white {
  color: #09090b;
  background: #fff;
}
.btn-white:hover {
  background: #fff;
  box-shadow: 0 0 0 1px #ffffff80, 0 0 34px #ffffff4d;
}
.btn-ghost {
  color: var(--text);
  border: 1px solid var(--line-2);
  background: 0 0;
  transition: background 0.22s, border-color 0.22s;
}
.btn-ghost:hover {
  background: #00000073;
  border-color: #ffffff52;
}
.btn-lg {
  border-radius: 999px;
  padding: 13px 24px;
  font-size: 15.5px;
}
.hero {
  text-align: center;
  padding: 160px 0 72px;
}
.hero .glow {
  width: min(640px, 90vw);
  height: 400px;
  top: -170px;
}
.kicker {
  font-family: var(--mono);
  letter-spacing: 0.02em;
  color: var(--text);
  border: 1px solid var(--line-2);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background: #ffffff0a;
  border-radius: 999px;
  align-items: center;
  gap: 10px;
  margin-bottom: 34px;
  padding: 8px 16px 8px 8px;
  font-size: 12px;
  display: inline-flex;
  box-shadow: 0 4px 24px #0006;
}
.kicker-avatars {
  align-items: center;
  display: flex;
}
.kav {
  border: 2px solid var(--bg);
  width: 24px;
  height: 24px;
  font-family: var(--mono);
  color: #fff;
  border-radius: 50%;
  flex-shrink: 0;
  place-items: center;
  margin-left: -6px;
  font-size: 9px;
  font-weight: 700;
  display: grid;
}
.kav:first-child {
  margin-left: 0;
}
.kicker .pip {
  background: #f0f0f2;
  border-radius: 50%;
  flex-shrink: 0;
  width: 6px;
  height: 6px;
}
.kicker-text {
  color: var(--muted);
  white-space: nowrap;
}
@keyframes pip {
  0% {
    box-shadow: 0 0 #fff6;
  }
  70% {
    box-shadow: 0 0 0 6px #fff0;
  }
  to {
    box-shadow: 0 0 #fff0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .kicker .pip {
    animation: none;
  }
}
.hero h1 {
  letter-spacing: -0.04em;
  text-wrap: balance;
  overflow-wrap: break-word;
  margin-bottom: 24px;
  font-size: clamp(46px, 8vw, 94px);
  font-weight: 600;
  line-height: 0.96;
}
.hero h1 .em {
  color: var(--dim);
}
.hero .sub {
  color: var(--muted);
  text-wrap: balance;
  max-width: 560px;
  margin: 0 auto 34px;
  font-size: clamp(16px, 2vw, 20px);
  line-height: 1.5;
}
.hero-cta {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 11px;
  display: flex;
}
.panel {
  border: 1px solid var(--line);
  max-width: 720px;
  transition: border-color 0.55s var(--ease) 50ms,
    box-shadow 0.55s var(--ease) 50ms;
  background: linear-gradient(#ffffff06, #ffffff01);
  border-radius: 18px;
  margin: 60px auto 0;
  overflow: hidden;
}
.panel:hover {
  border-color: var(--line-2);
  box-shadow: 0 20px 60px #00000080;
}
.panel-bar {
  border-bottom: 1px solid var(--line);
  align-items: center;
  gap: 7px;
  padding: 13px 16px;
  display: flex;
}
.panel-bar .dot {
  background: #ffffff24;
  border-radius: 50%;
  width: 9px;
  height: 9px;
}
.panel-bar .tt {
  font-family: var(--mono);
  color: var(--dim);
  margin-left: 8px;
  font-size: 11.5px;
}
.panel-body {
  text-align: left;
  padding: 24px 26px 8px;
}
.pb-top {
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
  display: flex;
}
.pb-top .pb-left {
  min-width: 0;
}
.pb-k {
  font-family: var(--mono);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--dim);
  font-size: 11px;
}
.pb-v {
  font-family: var(--mono);
  letter-spacing: -0.02em;
  margin-top: 5px;
  font-size: clamp(28px, 9vw, 38px);
  font-weight: 500;
}
.pb-chip {
  font-family: var(--mono);
  color: var(--text);
  border: 1px solid var(--line-2);
  white-space: nowrap;
  border-radius: 999px;
  flex: none;
  align-items: center;
  gap: 6px;
  padding: 5px 11px;
  font-size: 12.5px;
  display: inline-flex;
}
.pb-chip .up {
  color: #fff;
}
.pb-foot {
  font-family: var(--mono);
  color: var(--dim);
  border-top: 1px solid var(--line);
  justify-content: space-between;
  margin-top: 14px;
  padding: 14px 2px;
  font-size: 11px;
  display: flex;
}
.chart {
  cursor: crosshair;
  position: relative;
}
.spark-line,
.big-line {
  filter: drop-shadow(0 2px 12px #ffffff38);
}
.ch-line {
  opacity: 0;
  pointer-events: none;
  background: #ffffff47;
  width: 1px;
  transition: opacity 0.15s;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}
.ch-dot {
  opacity: 0;
  pointer-events: none;
  background: #fff;
  border-radius: 50%;
  width: 9px;
  height: 9px;
  transition: opacity 0.15s;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 0 4px #ffffff24;
}
.ch-tip {
  color: #09090b;
  font-family: var(--mono);
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  z-index: 6;
  background: #fff;
  border-radius: 7px;
  padding: 5px 9px;
  font-size: 11px;
  font-weight: 500;
  transition: opacity 0.15s;
  position: absolute;
  top: 0;
  left: 0;
}
.chart.active .ch-line,
.chart.active .ch-dot,
.chart.active .ch-tip {
  opacity: 1;
}
.sec-head {
  max-width: 680px;
}
.sec-head.center {
  margin: 0 auto;
}
.sec-head .h2 {
  margin-bottom: 18px;
}
.cards {
  background: var(--line);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  margin-top: 48px;
  display: grid;
  overflow: hidden;
}
.cell {
  background: var(--bg);
  padding: 26px 24px;
}
.cell .ic {
  border: 1px solid var(--line);
  width: 38px;
  height: 38px;
  color: var(--text);
  border-radius: 10px;
  place-items: center;
  margin-bottom: 16px;
  display: grid;
}
.cell h3 {
  letter-spacing: -0.02em;
  margin-bottom: 7px;
  font-size: 17px;
}
.cell p {
  color: var(--muted);
  font-size: 14px;
  line-height: 1.5;
}
.perf {
  grid-template-columns: 1.2fr 0.8fr;
  align-items: center;
  gap: 48px;
  display: grid;
}
.chart-card {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--card);
  padding: 24px;
}
.chart-head {
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  margin-bottom: 10px;
  display: flex;
}
.chart-head .t {
  font-family: var(--display);
  color: var(--text);
  letter-spacing: -0.01em;
  font-size: 16px;
  font-weight: 500;
}
.chart-head .r {
  font-family: var(--mono);
  color: var(--text);
  font-size: 13px;
}
.chart-foot {
  font-family: var(--mono);
  color: var(--faint);
  justify-content: space-between;
  margin-top: 10px;
  font-size: 11px;
  display: flex;
}
.chart-note {
  font-family: var(--mono);
  color: var(--dim);
  letter-spacing: 0.01em;
  margin-top: 8px;
  font-size: 10.5px;
}
.perf-side .h2 {
  margin-bottom: 16px;
}
.perf-side .lead {
  margin-bottom: 30px;
}
.kv {
  background: var(--line);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  display: grid;
  overflow: hidden;
}
.kv .i {
  background: var(--bg);
  padding: 18px 20px;
}
.kv .i .v {
  font-family: var(--mono);
  letter-spacing: -0.02em;
  font-size: 24px;
  font-weight: 500;
}
.kv .i .k {
  font-family: var(--mono);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--faint);
  margin-top: 4px;
  font-size: 10.5px;
}
.tiers {
  grid-template-columns: repeat(3, 1fr);
  align-items: stretch;
  gap: 16px;
  margin-top: 56px;
  display: grid;
}
.tier {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--bg);
  padding: 30px 26px;
}
.tier.feat {
  border-color: var(--line-2);
  background: var(--bg-soft);
  position: relative;
}
.tier.feat:before {
  content: "Most chosen";
  font-family: var(--mono);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #09090b;
  background: #fff;
  border-radius: 5px;
  padding: 3px 9px;
  font-size: 10px;
  position: absolute;
  top: -9px;
  left: 24px;
}
.tier .nm {
  font-family: var(--mono);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--muted);
  font-size: 12px;
}
.tier .price {
  font-family: var(--mono);
  letter-spacing: -0.02em;
  margin: 10px 0 2px;
  font-size: 36px;
  font-weight: 500;
}
.grok-hl {
  color: #fff;
  text-shadow: 0 0 8px #fff3;
  font-weight: 600;
  transition: text-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  display: inline-block;
  position: relative;
}
.grok-hl:after {
  content: "";
  transform-origin: 100% 100%;
  background-color: #ffffffb3;
  width: 100%;
  height: 1.5px;
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 50ms;
  position: absolute;
  bottom: 1px;
  left: 0;
  transform: scaleX(0);
  box-shadow: 0 0 6px #fff6;
}
.grok-hl:hover {
  text-shadow: 0 0 14px #ffffff73;
}
.grok-hl:hover:after {
  transform-origin: 0 100%;
  transform: scaleX(1);
}
.tier .price small {
  font-family: var(--mono);
  color: var(--faint);
  margin-left: 6px;
  font-size: 13px;
  font-weight: 400;
}
.tier .yld {
  font-family: var(--mono);
  color: var(--text);
  margin-bottom: 22px;
  font-size: 13px;
}
.tier ul {
  gap: 12px;
  margin-bottom: 26px;
  list-style: none;
  display: grid;
}
.tier li {
  color: var(--muted);
  gap: 11px;
  font-size: 14.5px;
  display: flex;
}
.tier li svg {
  color: var(--text);
  opacity: 0.8;
  flex: 0 0 16px;
  margin-top: 4px;
}
.faq {
  border-top: 1px solid var(--line);
  margin: 48px auto 0;
}
.q {
  border-bottom: 1px solid var(--line);
  transition: background 0.5s var(--ease) 50ms;
}
.q:hover {
  background: #ffffff05;
}
.q .summary {
  cursor: pointer;
  font-family: var(--display);
  letter-spacing: -0.01em;
  color: inherit;
  text-align: left;
  width: 100%;
  transition: color 0.45s var(--ease) 50ms;
  background: 0 0;
  border: none;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 22px 16px;
  font-size: 16px;
  font-weight: 500;
  display: flex;
}
.q .summary:hover {
  color: #fff;
}
.q .sign {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  position: relative;
}
.q .sign:before,
.q .sign:after {
  content: "";
  transition: transform 0.3s var(--ease), opacity 0.3s var(--ease);
  background: currentColor;
  border-radius: 2px;
  position: absolute;
}
.q .sign:before {
  width: 12px;
  height: 2px;
  top: 5px;
  left: 0;
}
.q .sign:after {
  width: 2px;
  height: 12px;
  top: 0;
  left: 5px;
}
.q.open .sign:after {
  opacity: 0;
  transform: rotate(90deg);
}
.q.open .sign:before {
  transform: rotate(180deg);
}
.q .a-wrap {
  transition: grid-template-rows 0.4s var(--ease);
  grid-template-rows: 0fr;
  display: grid;
}
.q.open .a-wrap {
  grid-template-rows: 1fr;
}
.q .a-inner {
  overflow: hidden;
}
.q .a {
  color: var(--muted);
  padding: 0 16px 24px;
  font-size: 15px;
  line-height: 1.6;
}
.final {
  border: 1px solid var(--line);
  background: var(--bg-soft);
  text-align: center;
  border-radius: 20px;
  padding: 80px 28px;
  position: relative;
  overflow: hidden;
}
.final .glow {
  width: min(520px, 90vw);
  height: 300px;
  top: -150px;
}
.final .h2 {
  margin-bottom: 14px;
  font-size: clamp(30px, 4.5vw, 52px);
}
.final .lead {
  margin: 0 auto 30px;
}
footer {
  border-top: 1px solid var(--line);
  margin-top: 60px;
  padding: 54px 0 38px;
}
.foot-grid {
  grid-template-columns: 1.7fr 1fr 1fr 1fr;
  gap: 30px;
  display: grid;
}
.foot-brand p {
  color: var(--muted);
  max-width: 260px;
  margin-top: 13px;
  font-size: 14px;
}
.foot-col h5 {
  font-family: var(--mono);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--faint);
  margin-bottom: 15px;
  font-size: 11px;
}
.foot-col a {
  width: fit-content;
  color: var(--muted);
  padding: 5px 0;
  font-size: 14px;
  transition: color 0.18s;
  display: block;
}
.foot-col a:hover {
  color: var(--text);
}
.foot-note {
  border-top: 1px solid var(--line);
  font-family: var(--mono);
  color: var(--dim);
  text-align: center;
  letter-spacing: 0.01em;
  margin-top: 44px;
  padding-top: 22px;
  font-size: 11px;
  line-height: 1.8;
}
.foot-note b {
  color: var(--muted);
  font-weight: 500;
}
.app {
  z-index: 120;
  background: var(--bg);
  scroll-padding-top: 66px;
  display: none;
  position: fixed;
  inset: 0;
  overflow-y: auto;
}
.app.open {
  display: block;
}
.app-inner {
  max-width: 660px;
  margin: 0 auto;
  padding: 26px 24px 90px;
}
.app-top {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
  display: flex;
}
.app-top .b {
  font-family: var(--display);
  align-items: center;
  gap: 10px;
  font-size: 18px;
  font-weight: 600;
  display: flex;
}
.app-top .b .m {
  border: 1px solid var(--line-2);
  color: #09090b;
  background: linear-gradient(160deg, #fff, #bdbdc2);
  border-radius: 7px;
  place-items: center;
  width: 26px;
  height: 26px;
  font-size: 15px;
  font-weight: 700;
  display: grid;
}
.app-top .sim {
  font-family: var(--mono);
  letter-spacing: 0.1em;
  color: #ff8080;
  text-transform: uppercase;
  border: 1px solid #ff3c3c80;
  border-radius: 5px;
  padding: 3px 8px;
  font-size: 10px;
}
.app-close {
  border: 1px solid var(--line-2);
  color: var(--text);
  cursor: pointer;
  font-size: 13px;
  font-family: var(--sans);
  transition: border-color 0.5s var(--ease) 60ms,
    background 0.5s var(--ease) 60ms;
  background: 0 0;
  border-radius: 9px;
  padding: 9px 14px;
  font-weight: 600;
}
.app-close:hover {
  background: #ffffff0d;
  border-color: #ffffff4d;
}
.view {
  display: none;
}
.view.active {
  display: block;
}
.panel-h {
  font-family: var(--display);
  letter-spacing: -0.01em;
  margin-bottom: 18px;
  font-size: 18px;
}
.auth {
  border: 1px solid var(--line);
  background: var(--bg-soft);
  border-radius: 16px;
  max-width: 420px;
  margin: 24px auto 0;
  padding: 30px;
}
.auth h2 {
  font-family: var(--display);
  margin-bottom: 6px;
  font-size: 24px;
}
.auth-note {
  font-family: var(--mono);
  color: var(--faint);
  border-top: 1px solid var(--line);
  margin-top: 16px;
  padding-top: 14px;
  font-size: 11px;
  line-height: 1.65;
}
.bal-up.empty {
  color: var(--muted);
  border-color: var(--line);
  box-shadow: none;
  background: #ffffff0a;
}
.behind {
  background: #ff2e2e09;
  border: 1px solid #ff2e2e4d;
  border-radius: 16px;
  margin-top: 18px;
  padding: 24px;
}
.behind-tag {
  font-family: var(--mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #fff;
  background: var(--danger);
  border-radius: 6px;
  margin-bottom: 14px;
  padding: 4px 10px;
  font-size: 10.5px;
  display: inline-block;
}
.behind h3 {
  font-family: var(--display);
  margin-bottom: 8px;
  font-size: 19px;
}
.behind > p {
  color: var(--muted);
  margin-bottom: 18px;
  font-size: 14px;
  line-height: 1.55;
}
.admin-card {
  border: 1px solid var(--line);
  background: var(--bg);
  border-radius: 12px;
  margin-bottom: 14px;
  padding: 18px;
  overflow-x: auto;
}
.admin-h {
  font-family: var(--mono);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--faint);
  margin-bottom: 12px;
  font-size: 11px;
}
.admin-h span {
  color: var(--dim);
  text-transform: none;
  letter-spacing: 0;
}
.admin-table {
  border-collapse: collapse;
  width: 100%;
  font-family: var(--mono);
  min-width: 380px;
  font-size: 12.5px;
}
.admin-table th {
  text-align: left;
  color: var(--dim);
  border-bottom: 1px solid var(--line);
  padding: 6px 8px;
  font-weight: 400;
}
.admin-table td {
  border-bottom: 1px solid var(--line);
  color: var(--muted);
  padding: 8px;
}
.admin-card p {
  color: var(--dim);
  margin-top: 10px;
  font-size: 12.5px;
  line-height: 1.5;
}
.behind-note {
  font-family: var(--mono);
  color: var(--faint);
  margin-top: 8px;
  font-size: 11px;
}
.step {
  border: 1px solid var(--line);
  background: var(--bg-soft);
  border-radius: 16px;
  margin-top: 16px;
  padding: 26px;
  scroll-margin-top: 66px;
}
.step-h {
  font-family: var(--display);
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
  font-size: 20px;
  display: flex;
}
.step-n {
  color: #09090b;
  width: 28px;
  height: 28px;
  font-family: var(--mono);
  background: #fff;
  border-radius: 8px;
  flex: none;
  place-items: center;
  font-size: 14px;
  font-weight: 600;
  display: grid;
}
.grid2 {
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  display: grid;
}
.field {
  margin-bottom: 16px;
}
.field label {
  font-family: var(--mono);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--faint);
  margin-bottom: 7px;
  font-size: 11px;
  display: block;
}
.input {
  width: 100%;
  color: var(--text);
  font-family: var(--sans);
  -webkit-appearance: none;
  box-shadow: none;
  background: #ffffff0a;
  border: 1px solid #0000;
  border-radius: 9px;
  outline: none;
  padding: 12px 13px;
  font-size: 13px;
  transition: background 0.18s, border-color 0.18s;
}
.input:hover {
  background: #ffffff0f;
}
.input:focus {
  box-shadow: none;
  background: #ffffff0f;
  border-color: #ffffff47;
}
.input::placeholder {
  color: var(--dim);
  font-family: var(--sans);
  letter-spacing: 0.02em;
  opacity: 0.8;
  font-style: italic;
  font-weight: 400;
}
.input-with-btn {
  align-items: center;
  display: flex;
  position: relative;
}
.input-with-btn .input {
  padding-right: 64px;
}
.input-with-btn .max-btn {
  height: 26px;
  color: var(--text);
  cursor: pointer;
  background: #ffffff14;
  border: none;
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 12px;
  transition: background 0.2s;
  position: absolute;
  right: 6px;
}
.input-with-btn .max-btn:hover {
  background: #ffffff26;
}
select.input {
  appearance: none;
  cursor: pointer;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="%238a8a93" stroke-width="2"><path d="M6 9l6 6 6-6"/></svg>');
  background-position: right 12px center;
  background-repeat: no-repeat;
  padding-right: 34px;
}
.sel {
  z-index: 1;
  position: relative;
}
.sel.open {
  z-index: 60;
}
.sel-btn {
  border: 1px solid var(--line-2);
  width: 100%;
  color: var(--text);
  font-family: var(--mono);
  cursor: pointer;
  background: #0b0b0e;
  border-radius: 9px;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 12px 13px;
  font-size: 13px;
  transition: border-color 0.18s;
  display: flex;
}
.sel-btn:hover {
  border-color: #ffffff4d;
}
.sel-val {
  white-space: nowrap;
  text-overflow: ellipsis;
  align-items: center;
  gap: 9px;
  min-width: 0;
  display: flex;
  overflow: hidden;
}
.sel-btn .chev {
  color: var(--faint);
  transition: transform 0.2s var(--ease);
  flex: none;
}
.sel.open .sel-btn {
  border-color: #fff6;
}
.sel.open .sel-btn .chev {
  transform: rotate(180deg);
}
.sel-menu {
  border: 1px solid var(--line-2);
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #ffffff29 transparent;
  z-index: 100000;
  max-height: min(320px, 56vh);
  animation: selin 0.14s var(--ease);
  background: #0e0e13;
  border-radius: 11px;
  padding: 6px;
  overflow-y: auto;
  box-shadow: 0 24px 60px -16px #000000d9;
}
@keyframes selin {
  0% {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.sel-opt {
  text-align: left;
  width: 100%;
  color: var(--text);
  font-family: var(--mono);
  cursor: pointer;
  background: 0 0;
  border: 0;
  border-radius: 7px;
  align-items: center;
  gap: 9px;
  padding: 9px 10px;
  font-size: 13px;
  display: flex;
}
.sel-opt:hover {
  background: #ffffff0f;
}
.cdot {
  border-radius: 50%;
  flex: none;
  width: 17px;
  height: 17px;
  box-shadow: inset 0 0 0 1px #ffffff24;
}
.cicon {
  object-fit: cover;
  background: #fff;
  border-radius: 50%;
  flex: none;
  width: 18px;
  height: 18px;
  padding: 1px;
}
.ct {
  color: var(--text);
}
.cn {
  color: var(--faint);
  font-size: 12px;
}
.sel-menu::-webkit-scrollbar {
  width: 5px;
}
.sel-menu::-webkit-scrollbar-track {
  background: 0 0;
}
.sel-menu::-webkit-scrollbar-thumb {
  background: #ffffff24;
  border-radius: 8px;
}
.addr-box {
  border: 1px dashed var(--line-2);
  font-family: var(--mono);
  color: var(--dim);
  text-align: center;
  background: #0b0b0e;
  border-radius: 9px;
  padding: 14px 13px;
  font-size: 12.5px;
}
.hint {
  font-family: var(--mono);
  color: var(--faint);
  margin-top: 8px;
  font-size: 11.5px;
  line-height: 1.5;
}
.bal-card {
  text-align: center;
  border: 1px solid var(--line);
  background: var(--bg);
  border-radius: 14px;
  padding: 32px 20px;
  container-type: inline-size;
}
.bal-k {
  font-family: var(--mono);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--dim);
  font-size: 11px;
}
.bal-v {
  font-family: var(--mono);
  letter-spacing: -0.03em;
  word-break: break-all;
  overflow-wrap: anywhere;
  text-shadow: 0 0 36px #ffffff4d;
  margin: 12px 0 14px;
  font-size: clamp(20px, 13cqi, 54px);
  font-weight: 600;
  line-height: 1.05;
}
.bal-up {
  font-family: var(--mono);
  color: var(--good);
  background: #ffffff1a;
  border: 1px solid #ffffff3d;
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  padding: 5px 13px;
  font-size: 12px;
  display: inline-flex;
  box-shadow: 0 0 22px #ffffff24;
}
.wd-msg {
  color: #fff;
  background: #ff2e2e0f;
  border: 1px solid #ff2e2e52;
  border-radius: 12px;
  margin-top: 16px;
  padding: 16px;
  font-size: 14px;
  line-height: 1.5;
}
.wd-msg .x {
  font-family: var(--display);
  color: var(--danger-soft);
  margin-bottom: 6px;
  font-weight: 600;
}
.debrief {
  border-top: 1px solid var(--line);
  margin-top: 34px;
  padding-top: 30px;
}
.debrief h3 {
  font-family: var(--display);
  margin-bottom: 18px;
  font-size: 21px;
}
.flags-list {
  counter-reset: fl;
  gap: 11px;
  list-style: none;
  display: grid;
}
.flags-list li {
  color: #ffd9d9;
  background: #ff2e2e0d;
  border: 1px solid #ff2e2e47;
  border-radius: 11px;
  padding: 14px 16px 14px 48px;
  font-size: 14px;
  line-height: 1.5;
  position: relative;
}
.flags-list li:before {
  counter-increment: fl;
  content: counter(fl);
  background: var(--danger);
  color: #fff;
  width: 22px;
  height: 22px;
  font-family: var(--mono);
  border-radius: 6px;
  place-items: center;
  font-size: 12px;
  font-weight: 600;
  display: grid;
  position: absolute;
  top: 13px;
  left: 14px;
}
.flags-list li b {
  color: #fff;
}
.tips {
  background: #ffffff0d;
  border: 1px solid #ffffff4d;
  border-radius: 14px;
  margin-top: 22px;
  padding: 22px;
}
.tips h4 {
  font-family: var(--display);
  margin-bottom: 12px;
  font-size: 17px;
}
.tips ul {
  gap: 9px;
  list-style: none;
  display: grid;
}
.tips li {
  color: #d6f5e1;
  gap: 9px;
  font-size: 14px;
  display: flex;
}
.tips li:before {
  content: "🛡";
}
.auth {
  background: var(--bg-soft);
  border: 1px solid var(--line);
  border-radius: 16px;
  width: 100%;
  max-width: 420px;
  padding: 36px 32px;
}
.auth h2 {
  font-family: var(--display);
  letter-spacing: -0.02em;
  margin-bottom: 6px;
  font-size: 26px;
  font-weight: 600;
}
.auth p {
  color: var(--muted);
  margin-bottom: 24px;
  font-size: 14.5px;
}
@media (width<=880px) {
  .nav-links {
    display: none;
  }
  .menu-btn {
    display: inline-flex;
  }
  .btn {
    min-height: 44px;
  }
  .pb-top {
    flex-wrap: wrap;
  }
  .foot-col a {
    padding: 9px 0;
  }
  .cards,
  .tiers {
    grid-template-columns: 1fr;
  }
  .perf {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .foot-grid {
    grid-template-columns: 1fr 1fr;
  }
  .foot-brand {
    grid-column: 1/-1;
  }
  .grid2 {
    grid-template-columns: 1fr;
  }
  section {
    padding: 80px 0;
  }
  .hero {
    padding: 130px 0 56px;
  }
  .hero h1 {
    font-size: clamp(36px, 7vw, 64px);
  }
  .panel {
    margin: 40px auto 0;
  }
}
@media (width<=520px) {
  :root {
    --maxw: 100%;
  }
  .wrap {
    padding: 0 16px;
  }
  .nav {
    height: 64px;
  }
  .brand {
    gap: 8px;
    font-size: 18px;
  }
  .brand-logo {
    height: 24px;
  }
  .hero {
    padding: 110px 0 40px;
  }
  .hero h1 {
    letter-spacing: -0.03em;
    font-size: clamp(32px, 10vw, 46px);
  }
  .hero .sub {
    margin-bottom: 28px;
    font-size: 15px;
  }
  .hero-cta {
    gap: 10px;
  }
  .hero-cta .btn {
    justify-content: center;
  }
  .kicker {
    padding: 7px 12px 7px 7px;
    font-size: 11px;
  }
  .panel {
    border-radius: 14px;
    margin: 32px auto 0;
  }
  .panel-body {
    padding: 18px 16px 6px;
  }
  .pb-v {
    font-size: clamp(24px, 8vw, 34px);
  }
  .pb-chip {
    padding: 4px 9px;
    font-size: 11px;
  }
  .pb-foot {
    font-size: 10px;
  }
  section {
    padding: 64px 0;
  }
  .h2 {
    font-size: clamp(24px, 6vw, 36px);
  }
  .lead {
    font-size: 15px;
  }
  .sec-head .h2 {
    margin-bottom: 10px;
  }
  .cards {
    border-radius: 12px;
  }
  .cell {
    padding: 22px 18px;
  }
  .cell h3 {
    font-size: 15px;
  }
  .cell p {
    font-size: 13px;
  }
  .chart-card {
    border-radius: 12px;
    padding: 16px;
  }
  .chart-head {
    flex-direction: column;
    gap: 4px;
  }
  .chart-head .t {
    font-size: 14px;
  }
  .chart-head .r {
    font-size: 12px;
  }
  .chart-foot {
    font-size: 10px;
  }
  .kv .i {
    padding: 14px 16px;
  }
  .kv .i .v {
    font-size: 20px;
  }
  .kv .i .k {
    font-size: 9.5px;
  }
  .tiers {
    gap: 12px;
    margin-top: 36px;
  }
  .tier {
    border-radius: 12px;
    padding: 24px 20px;
  }
  .tier .price {
    font-size: 30px;
  }
  .tier .nm {
    font-size: 11px;
  }
  .tier li {
    font-size: 13.5px;
  }
  .tier.feat:before {
    padding: 3px 8px;
    font-size: 9px;
    top: -8px;
    left: 18px;
  }
  .faq {
    margin-top: 36px;
  }
  .q .summary {
    gap: 12px;
    padding: 18px 12px;
    font-size: 15px;
  }
  .q .a {
    padding: 0 12px 18px;
    font-size: 14px;
  }
  .final {
    border-radius: 16px;
    padding: 56px 20px;
  }
  .final .h2 {
    font-size: clamp(24px, 6vw, 38px);
  }
  .final .lead {
    margin-bottom: 24px;
    font-size: 15px;
  }
  footer {
    margin-top: 40px;
    padding: 36px 0 28px;
  }
  .foot-grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .foot-brand {
    grid-column: auto;
  }
  .foot-brand p {
    max-width: 100%;
    font-size: 13px;
  }
  .foot-col h5 {
    margin-bottom: 10px;
  }
  .foot-col a {
    padding: 6px 0;
    font-size: 13px;
  }
  .foot-note {
    margin-top: 28px;
    padding-top: 16px;
    font-size: 10px;
  }
  .auth {
    border-radius: 14px;
    padding: 24px 18px;
  }
  .auth h2 {
    font-size: 22px;
  }
  .auth p {
    font-size: 13px;
  }
  .app-inner {
    padding: 20px 16px 60px;
  }
  .input {
    border-radius: 10px;
    padding: 14px 13px;
    font-size: 14px;
  }
  .field label {
    margin-bottom: 6px;
    font-size: 10.5px;
  }
  .btn {
    border-radius: 10px;
    padding: 12px 18px;
    font-size: 14px;
  }
  .btn-lg {
    padding: 14px 20px;
    font-size: 15px;
  }
  .bal-card {
    border-radius: 12px;
    padding: 24px 16px;
    container-type: inline-size;
  }
  .bal-v {
    font-size: clamp(16px, 14cqi, 44px);
  }
  .bal-k {
    font-size: 10px;
  }
  .bal-up {
    font-size: 12px;
  }
  .disclosure .inner {
    padding: 6px 16px;
  }
  .disclosure span {
    font-size: 10px;
  }
  .step {
    border-radius: 12px;
    padding: 20px 16px;
  }
  .step-h {
    gap: 10px;
    font-size: 17px;
  }
  .sel-btn {
    border-radius: 10px;
    padding: 14px 13px;
  }
  .sel-menu {
    border-radius: 10px;
  }
  .sel-opt {
    padding: 11px 10px;
  }
}
@media (width<=360px) {
  .wrap {
    padding: 0 12px;
  }
  .hero h1 {
    font-size: 28px;
  }
  .hero .sub {
    font-size: 14px;
  }
  .h2 {
    font-size: 22px;
  }
  .panel-body {
    padding: 14px 12px 4px;
  }
  .tier {
    padding: 20px 16px;
  }
  .auth {
    padding: 20px 14px;
  }
}
@supports (padding: env(safe-area-inset-bottom)) {
  footer {
    padding-bottom: calc(28px + env(safe-area-inset-bottom));
  }
  .mobile-nav {
    padding-bottom: env(safe-area-inset-bottom);
  }
}