/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/.pnpm/next@15.3.8_@babel+core@7.28.5_@opentelemetry+api@1.9.0_react-dom@19.2.3_react@19.2.3__react@19.2.3_sass@1.97.2/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!../node_modules/.pnpm/next@15.3.8_@babel+core@7.28.5_@opentelemetry+api@1.9.0_react-dom@19.2.3_react@19.2.3__react@19.2.3_sass@1.97.2/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!./app/[locale]/home/landing.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Match Optimus live rendering (Instrument Sans display + JetBrains Mono). */
.market-landing {
  --font-sans: var(--font-instrument), 'Instrument Sans', system-ui, sans-serif;
  --font-mono: var(--font-jetbrains), 'JetBrains Mono', monospace;
  --font-display: var(--font-instrument), 'Instrument Sans', system-ui, sans-serif;
  background: transparent;
  color: oklch(0.12 0.01 60);
  font-family: var(--font-sans);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.market-landing .font-sans {
  font-family: var(--font-sans);
}

.market-landing .font-mono {
  font-family: var(--font-mono);
}

.market-landing .font-display {
  font-family: var(--font-display);
}

.market-landing .text-stroke {
  -webkit-text-stroke: 1.5px currentColor;
  -webkit-text-fill-color: transparent;
}

.market-landing .marquee {
  animation: market-landing-marquee 40s linear infinite;
  width: max-content;
}

/* Soft edge fade like the reference logo ticker */
.market-landing .provider-marquee {
  mask-image: linear-gradient(
    to right,
    transparent 0%,
    black 6%,
    black 94%,
    transparent 100%
  );
  -webkit-mask-image: linear-gradient(
    to right,
    transparent 0%,
    black 6%,
    black 94%,
    transparent 100%
  );
}

.market-landing .provider-marquee .marquee {
  animation-duration: 55s;
  width: max-content;
}

.market-landing .marquee-reverse {
  animation: market-landing-marquee-reverse 55s linear infinite;
  width: max-content;
}

.market-landing .provider-marquee .marquee-reverse {
  animation-duration: 65s;
}

@keyframes market-landing-marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

@keyframes market-landing-marquee-reverse {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0);
  }
}

.market-landing .animate-char-in {
  animation: market-landing-char-in 0.5s cubic-bezier(0.22, 1, 0.36, 1) forwards;
  opacity: 0;
  filter: blur(40px);
  transform: translateY(100%);
}

@keyframes market-landing-char-in {
  0% {
    opacity: 0;
    filter: blur(40px);
    transform: translateY(100%);
  }
  100% {
    opacity: 1;
    filter: blur(0);
    transform: translateY(0);
  }
}

.market-landing.noise-overlay {
  position: relative;
}

.market-landing.noise-overlay::after {
  content: '';
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
  opacity: 0.03;
  pointer-events: none;
  z-index: 1;
}

@media (prefers-reduced-motion: reduce) {
  .market-landing .marquee,
  .market-landing .marquee-reverse {
    animation: none;
  }

  .market-landing .animate-char-in {
    animation: none;
    opacity: 1;
    filter: none;
    transform: none;
  }
}