:root {
  --oxra-primary: #c81d6e;
  --oxra-neon: #ff2aa3;
  --oxra-background: #050509;
  --oxra-surface: #090912;
  --oxra-text: #f8f5f8;
  --oxra-muted: #a7a0aa;
  --oxra-purple: #6e35ff;
}

::selection {
  color: #fff;
  background: var(--oxra-primary);
}

html {
  background: var(--oxra-background);
  overscroll-behavior-y: none;
}

body {
  background-color: var(--oxra-background);
  overscroll-behavior-y: none;
}

a:focus-visible,
button:focus-visible,
[tabindex]:focus-visible {
  outline: 2px solid var(--oxra-neon);
  outline-offset: 4px;
}

.oxra-wordmark {
  display: inline-flex;
  align-items: center;
  height: 100%;
  color: var(--oxra-text) !important;
  font-family: "TWK Everett Mono", "Inter", sans-serif;
  font-size: clamp(1.25rem, 1.7vw, 1.75rem);
  font-weight: 700;
  letter-spacing: -0.08em;
  line-height: 1;
}

.hero_heading {
  color: var(--oxra-primary) !important;
  background: none !important;
  font-size: clamp(4.5rem, 7.5vw, 7.75rem) !important;
  line-height: 0.9 !important;
  -webkit-text-fill-color: currentColor !important;
}

.oxra-accent {
  color: var(--oxra-neon);
  text-shadow: 0 0 0.65em rgba(255, 42, 163, 0.34);
}

.oxra-nav-direct {
  color: inherit;
  text-decoration: none;
}

.oxra-section-label {
  width: min(100% - 2rem, 87.5rem);
  margin: 0 auto 2rem;
  color: #222529;
  font-size: clamp(2.5rem, 6vw, 5.625rem);
  font-weight: 400;
  letter-spacing: -0.06em;
  line-height: 0.95;
}

.oxra-early-access {
  text-decoration: none;
}

.background-blue,
.bg-blue,
.bg-primary-blue,
.blue_overlay,
.cta-blue_block,
.button-blue-block_arrow,
.home-loop_alert-icon,
.home-industry_start-icon,
.nav_cta-button,
.cta-button:not(.is--alternative) {
  background-color: var(--oxra-primary) !important;
}

.ball.blue,
.tl_current_top,
.tl_current_bottom,
.blue-arrow,
.industryhover {
  background-color: var(--oxra-primary) !important;
}

.blue,
.lightblue,
.blue-arrow,
.blue-arrow_40,
.cta-blue_logo,
.color-blue,
.text-color-blue,
.home-industry_list-icon,
.button-block_arrow.custom_hover,
.dottedhorizontal,
.secondary-cta.active-mobile,
.industryhover {
  color: var(--oxra-primary) !important;
  border-color: var(--oxra-primary) !important;
}

.blue-arrow path,
.blue-arrow_40 path,
.cta-blue_logo path,
.home-industry_list-icon path,
.button-block_arrow.custom_hover path,
.dottedhorizontal path,
[stroke="#c81d6e"],
[stroke="#c81d6e"] {
  stroke: var(--oxra-primary) !important;
}

[fill="#c81d6e"],
[fill="#c81d6e"],
[fill="#ff2aa3"],
[fill="#ff2aa3"] {
  fill: var(--oxra-primary) !important;
}

.oxra-module-mark {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 13rem;
  padding: 0.9rem 1.4rem;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 999px;
  color: #fff;
  background: rgba(255, 255, 255, 0.05);
  font-family: "TWK Everett Mono", "Inter", sans-serif;
  font-size: 0.76rem;
  letter-spacing: 0.04em;
  text-align: center;
  text-transform: uppercase;
}

.oxra-token-disclaimer {
  max-width: 38rem;
  margin-top: 1.5rem;
  color: #4b515b;
  font-size: 0.75rem;
  line-height: 1.5;
}

.home-loop img,
.home-loop video {
  opacity: 0 !important;
}

.home-loop .home-stack_featured,
.home-loop .home-stack_fest,
.home-loop .home-stack_tvl {
  background:
    radial-gradient(circle at 75% 20%, rgba(255, 42, 163, 0.22), transparent 36%),
    linear-gradient(145deg, rgba(200, 29, 110, 0.16), rgba(9, 9, 18, 0.96)) !important;
}

.home-stack_tvl-value {
  max-width: 16ch;
  font-size: clamp(1.35rem, 3vw, 3.5rem) !important;
  line-height: 0.95 !important;
}

.oxra-footer-disclaimer {
  display: none;
  width: min(100% - 2rem, 87.5rem);
  margin: 2.5rem auto 0;
  padding-top: 1.5rem;
  border-top: 1px solid rgba(255, 255, 255, 0.16);
  color: var(--oxra-muted);
  font-size: 0.75rem;
  line-height: 1.55;
}

body.oxra-ready .intro_holder,
body.oxra-ready .hero_overlay,
body.oxra-ready .background_intro {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition:
    opacity 400ms ease,
    visibility 0s linear 400ms;
}

body.oxra-ready .navbar {
  transform: translateY(0) !important;
}

body.oxra-ready [global="revealTextLines"],
body.oxra-ready .first_section_content_2,
body.oxra-ready .cta-wrapper,
body.oxra-ready .timeline_heading {
  opacity: 1 !important;
}

.oxra-mobile-menu-links {
  display: grid;
  gap: 0;
  width: 100%;
  padding: 6rem 1.25rem 2rem;
  background: var(--oxra-background);
}

.oxra-mobile-menu-link {
  padding: 1.15rem 0;
  border-bottom: 1px dotted rgba(255, 255, 255, 0.28);
  color: var(--oxra-text);
  font-size: clamp(1.5rem, 7vw, 2.5rem);
  letter-spacing: -0.04em;
  line-height: 1;
  text-decoration: none;
}

.timeline_card_anim,
.rivesize,
.terminal-slot-picture,
.terminal-slot-image {
  background: #000;
}

.terminal-slot-picture,
.terminal-slot-image {
  display: block;
  width: 100%;
  height: 100%;
}

.terminal-slot-image {
  object-fit: contain;
  object-position: center;
}

.oxra-branded-visual {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background: #000;
  position: relative;
}

.oxra-branded-visual::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 180px;
  background: linear-gradient(to bottom, var(--oxra-background, #050509) 0%, transparent 100%);
  z-index: 2;
  pointer-events: none;
}

.oxra-branded-picture,
.oxra-branded-picture img {
  display: block;
  width: 100%;
  height: 100%;
}

.oxra-branded-picture img {
  object-fit: cover;
  object-position: 50% 55%;
}

.sticky_overlap.home-page {
  position: sticky;
  top: 0;
  height: 100vh;
  min-height: 0;
  margin-top: 0;
  justify-content: center;
  align-items: flex-start;
  z-index: 1;
  display: flex;
}

@media (min-width: 768px) and (hover: hover) and (pointer: fine) {
  .oxra-branded-visual {
    perspective: 1600px;
    perspective-origin: 50% 50%;
  }

  .oxra-branded-picture {
    transform-style: preserve-3d;
    transform-origin: 50% 50%;
    will-change: transform;
  }
}

.oxra-signal-icon {
  display: grid;
  overflow: hidden;
  color: #fff;
  place-items: center;
}

.oxra-signal-picture,
.oxra-signal-picture img {
  display: block;
  width: 100%;
  height: 100%;
}

.oxra-signal-picture img {
  object-fit: cover;
}

.oxra-signal-icon .signal-icon-accent {
  color: var(--oxra-neon, #ff2aa3);
}

@media (max-width: 767px) {
  .oxra-branded-picture img {
    object-position: 50% 60%;
  }

  .oxra-branded-visual::before {
    height: 120px;
  }

  .sticky_overlap.home-page {
    top: 0;
    height: 100svh;
  }
}

.oxra-menu-backdrop {
  z-index: 8;
  position: fixed;
  inset: 0;
  background: rgba(5, 5, 9, 0.62);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

.oxra-menu-backdrop[hidden] {
  display: none !important;
}

body.oxra-menu-open {
  overflow: hidden;
}

.custom_scroll {
  z-index: 2147483646;
  position: fixed !important;
  inset: auto 0 0 !important;
  display: flex !important;
  width: 100%;
  height: min(30vh, 16rem);
  min-height: 14rem;
  margin: 0;
  overflow: hidden;
  color: var(--oxra-primary, #c81d6e);
  background: var(--oxra-background, #050509);
  pointer-events: none;
  transform: translateY(100%);
  will-change: transform;
}

.custom_scroll .rebound_effect {
  transform-origin: 50% 100%;
}

[data-rebound-block],
[data-rebound-line] {
  will-change: transform;
}

@media (max-width: 991px) {
  .hamburger-menu_component {
    z-index: 9 !important;
    position: fixed !important;
    inset: auto !important;
    display: none !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    background: rgba(5, 5, 9, 0.98) !important;
    border: 1px solid rgba(255, 42, 163, 0.32);
    box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.48);
    transform-origin: 50% 0;
  }

  .hamburger-menu_component.is-open {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    animation: oxra-menu-drop 260ms cubic-bezier(0.2, 0.7, 0.2, 1) both;
  }

  .hamburger-menu_component .oxra-mobile-menu-links {
    padding: 1rem 1.25rem 1.5rem;
  }

  .oxra-module-mark {
    min-width: 10rem;
    padding: 0.75rem 1rem;
    font-size: 0.67rem;
  }

  .oxra-section-label {
    margin-bottom: 1.25rem;
  }
}

@keyframes oxra-menu-drop {
  from {
    opacity: 0;
    transform: translateY(-0.75rem) scaleY(0.92);
  }

  to {
    opacity: 1;
    transform: translateY(0) scaleY(1);
  }
}

@media (max-width: 767px) {
  .hero-section .text-layers {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
  }

  .first_section_content {
    flex: 0 0 calc(100vw - 2.5rem) !important;
    width: calc(100vw - 2.5rem) !important;
    min-width: calc(100vw - 2.5rem) !important;
    max-width: none !important;
  }

  .hero_heading {
    font-size: clamp(2.75rem, 9.5vw, 3rem) !important;
    line-height: 0.88 !important;
  }

  .hero-section .hero-custom-break {
    color: #222529 !important;
  }

  .gradient-blur {
    display: none !important;
  }

  .custom_scroll {
    display: flex !important;
    height: 22vh !important;
    min-height: 10rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto !important;
  }

  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }

  .intro_holder,
  .hero_overlay,
  .background_intro {
    display: none !important;
  }

  .hamburger-menu_component.is-open {
    animation: none !important;
  }

  [data-rebound-block],
  [data-rebound-line] {
    transform: none !important;
  }
}
