/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@15.5.23_@opentelemetry+api@1.9.1_@playwright+test@1.62.1_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../node_modules/.pnpm/next@15.5.23_@opentelemetry+api@1.9.1_@playwright+test@1.62.1_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/components/marketing/marketing.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Marketing surface — teal ocean brand, atmospheric motion */

.mkt-display {
  font-family: var(--ronak-font-display), var(--ronak-font-sans);
  letter-spacing: -0.03em;
}

@keyframes mkt-fade-up {
  from {
    opacity: 0;
    transform: translateY(1.25rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes mkt-drift {
  0%,
  100% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  50% {
    transform: translate3d(-1.5%, 1.5%, 0) scale(1.03);
  }
}

@keyframes mkt-pulse-soft {
  0%,
  100% {
    opacity: 0.55;
  }
  50% {
    opacity: 0.9;
  }
}

.mkt-animate-in {
  animation: mkt-fade-up 0.8s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.mkt-animate-in-delay {
  animation: mkt-fade-up 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.12s both;
}

.mkt-hero-bg {
  animation: mkt-drift 18s ease-in-out infinite;
  will-change: transform;
}

.mkt-hero-glow {
  animation: mkt-pulse-soft 5s ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce) {
  .mkt-animate-in,
  .mkt-animate-in-delay,
  .mkt-hero-bg,
  .mkt-hero-glow {
    animation: none;
  }
}