@font-face{font-family:Geist;src:url(assets/geist-latin-ext.woff2) format("woff2");font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+20A0-20AB,U+20AD-20C0}
@font-face{font-family:Geist;src:url(assets/geist-latin.woff2) format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
:root{--brand-heading-xl:88px;--muted-foreground:oklch(.49 .018 255);--border:oklch(.9 .008 255);--card:white;--brand-shadow:0 1px 2px #0f172a0a}
#slide-1{background:#fff;color:oklch(.19 .012 255);font-family:Geist,Arial,sans-serif;overflow:hidden}
.hero-frame{position:absolute;inset:0;display:grid;place-items:center;padding:40px 100px}
.hero-content{padding:0}
.hero-mark{display:block}
.hero-orbit {
  position: absolute;
  top: 50%;
  display: flex;
  width: 7rem;
  height: 14rem;
  align-items: center;
  justify-content: center;
  transform: translateY(-50%) scaleX(0.3);
  pointer-events: none;
}

.hero-orbit-left {
  left: -6.5rem;
}

.hero-orbit-right {
  right: -7rem;
}

.asset-orbit-placeholder {
  display: block;
  width: 3.75rem;
  height: 3.75rem;
  border: 1px solid var(--border);
  border-radius: 999px;
  background: var(--card);
  box-shadow: var(--brand-shadow);
  transform: scaleX(3.333);
}

.asset-orbit-placeholder-filled {
  overflow: hidden;
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}

.asset-orbit-icon {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.asset-orbit-icon[src$="hero-orbit-orange.png"] {
  transform: scale(1.02);
}

.asset-orbit-icon[src$="hero-orbit-europe.png"] {
  transform: scale(1.065);
}

.asset-orbit-icon[src$="hero-orbit-united-states.png"] {
  transform: scale(1.085);
}

.asset-orbit-icon-500,
.asset-orbit-icon[src$="hero-orbit-sp-500.png"] {
  transform: scale(1.12);
  clip-path: circle(45% at 50% 50%);
}

.asset-orbit-placeholder:has(.asset-orbit-icon[src$="hero-orbit-sp-500.png"]) {
  border: 0;
  background: #e3241a;
}

.asset-orbit-icon-eu {
  transform: scale(1.1);
}

.asset-orbit-placeholder-500 {
  background: #cc1430;
}

.asset-orbit-placeholder-30 {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #1da4d1;
  color: #ffffff;
  font-size: 1.9rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.06em;
}

.asset-orbit-placeholder-bitcoin {
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
}

.asset-orbit-icon-bitcoin {
  transform: scale(1.08);
}

.asset-orbit-bitcoin-symbol {
  display: block;
  font-size: 2.65rem;
  font-weight: 600;
  line-height: 1;
  transform: rotate(13deg);
}

.hero-content {
  position: relative;
  z-index: 1;
  width: 912px;
  max-width: 100%;
  margin-inline: 0;
  justify-self: center;
  text-align: center;
  transform: scale(1.25);
  transform-origin: center;
}

.hero-title-stage {
  position: relative;
  left: 50%;
  width: 1040px;
  transform: translateX(-50%);
}

.hero-mark {
  width: 208px;
  height: auto;
  margin: 0 auto 1.75rem;
}

.hero-content h1 {
  margin: 0;
  color: #111827;
  font-size: var(--brand-heading-xl);
  font-weight: 500;
  letter-spacing: -0.055em;
  line-height: 0.98;
  text-wrap: balance;
  background-image: linear-gradient(
    90deg,
    #111827 0%,
    #111827 24%,
    #69727e 36%,
    #555f6c 42%,
    #111827 54%,
    #111827 100%
  );
  background-position: 0 50%;
  background-repeat: repeat-x;
  background-size: 720px 100%;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: brox-title-gradient-wave 5.76s linear infinite;
}

@keyframes brox-title-gradient-wave {
  from { background-position: 0 50%; }
  to { background-position: 720px 50%; }
}

.hero-description {
  width: 672px;
  margin: 1.25rem auto 0;
  color: var(--muted-foreground);
  font-size: 18px;
  line-height: 1.65;
  text-wrap: balance;
}
.hero-description-mobile { display: none; }

.hero-actions {
  display: none;
}


.partner-logos {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 3.25rem;
}

.partner-logos-composite {
  display: block;
  width: 560px;
  height: auto;
  filter: brightness(0) saturate(100%) invert(56%) sepia(9%) saturate(650%) hue-rotate(181deg) brightness(93%) contrast(88%);
}

.partner-logo-image {
  display: block;
  width: auto;
  height: 1.35rem;
  object-fit: contain;
  opacity: 0.9;
}

.partner-logo-tradingview {
  display: inline-flex;
  align-items: center;
  gap: 0.32rem;
  color: #7d879a;
  font-size: 1.15rem;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  transform: translateY(0.2rem);
}

.partner-logo-tradingview svg {
  width: 1.58rem;
  height: 1.58rem;
  flex: none;
}

.partner-logo-metatrader {
  height: 1.3rem;
  transform: translateY(0.3rem);
}

.partner-logo-notion {
  height: 1.62rem;
  transform: translate(0.3rem, 0.2rem);
}


.hero-actions a{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 20px;border:1px solid var(--border);border-radius:8px;color:inherit;text-decoration:none;background:oklch(.99 .003 250);font-size:14px;line-height:20px;font-weight:500;white-space:nowrap}
.hero-actions .primary{background:oklch(.25 .035 255);color:oklch(.99 0 0);border-color:oklch(.25 .035 255);border-radius:6px}
.hero-actions svg{width:16px;height:16px;flex:none}
.hero-actions a:focus-visible{outline:2px solid oklch(.25 .035 255);outline-offset:2px}
.orbit-item{position:absolute;width:60px;height:60px;display:flex;align-items:center;justify-content:center;animation:orbit 20s linear infinite}
.orbit-item:nth-child(2){animation-delay:-6.6667s}.orbit-item:nth-child(3){animation-delay:-13.3333s}
.hero-orbit-right .orbit-item{animation-duration:22s;animation-direction:reverse}
.hero-orbit-right .orbit-item:nth-child(2){animation-delay:-7.3333s}.hero-orbit-right .orbit-item:nth-child(3){animation-delay:-14.6667s}
@keyframes orbit{from{transform:rotate(0deg) translateY(94px) rotate(0deg)}to{transform:rotate(360deg) translateY(94px) rotate(-360deg)}}
@media(prefers-reduced-motion:reduce){.orbit-item{animation:none}.orbit-item:nth-child(1){transform:translateY(-80px)}.orbit-item:nth-child(2){transform:translateY(0)}.orbit-item:nth-child(3){transform:translateY(80px)}}
@media(prefers-reduced-motion:reduce){.hero-content h1{color:#111827;background:none;-webkit-text-fill-color:currentColor;animation:none}}