/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@14.1.0_@babel+core@7.23.0_@opentelemetry+api@1.4.1_react-dom@18.2.0_react@18.2.0__react@18.2.0/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[7].use[2]!../../node_modules/.pnpm/next@14.1.0_@babel+core@7.23.0_@opentelemetry+api@1.4.1_react-dom@18.2.0_react@18.2.0__react@18.2.0/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[7].use[3]!./src/components/landing/feature-accordion/features.module.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes features_background-pan__Gtlba {
  from {
    background-position: 0% center;
  }

  to {
    background-position: -200% center;
  }
}

.features_magicText__L4Qn_ {
  --purple: rgba(203, 75, 5, 0.776);
  --violet: rgb(116, 53, 11);
  --pink: rgb(255, 210, 143);
  animation: features_background-pan__Gtlba 3s linear infinite;
  background: linear-gradient(
    to right,
    var(--purple),
    var(--violet),
    var(--pink),
    var(--purple)
  );
  background-size: 200%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  white-space: nowrap;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@14.1.0_@babel+core@7.23.0_@opentelemetry+api@1.4.1_react-dom@18.2.0_react@18.2.0__react@18.2.0/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[7].use[2]!../../node_modules/.pnpm/next@14.1.0_@babel+core@7.23.0_@opentelemetry+api@1.4.1_react-dom@18.2.0_react@18.2.0__react@18.2.0/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[7].use[3]!./src/components/landing/feature-cards/section1.module.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.section1_bg__5RdlM {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: relative;
  width: 50%;
  margin: 0px auto;
  height: 250px;
  overflow: hidden;
  -webkit-mask-image: radial-gradient(circle at center center,
      black,
      transparent 80%);
}

.section1_bg__5RdlM::before {
  content: "";
  position: absolute;
  inset: 0px;
  background: radial-gradient(circle at bottom center,
      #1d1c2e,
      transparent 70%);
  opacity: 0.4;
}

.section1_bg__5RdlM::after {
  content: "";
  position: absolute;
  background: rgba(15, 5, 5, 0.9);
  width: 200%;
  left: -50%;
  aspect-ratio: 1 / 0.7;
  border-radius: 50%;
  border-top: 1px solid rgba(197, 127, 118, 0.4);
  top: 50%;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@14.1.0_@babel+core@7.23.0_@opentelemetry+api@1.4.1_react-dom@18.2.0_react@18.2.0__react@18.2.0/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[7].use[2]!../../node_modules/.pnpm/next@14.1.0_@babel+core@7.23.0_@opentelemetry+api@1.4.1_react-dom@18.2.0_react@18.2.0__react@18.2.0/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[7].use[3]!./src/components/landing/grid-background/background.module.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.background_main__cFBQn {
  width: 80%;
  min-height: 80%;
  position: absolute;
  z-index: -1;
  display: flex;
  justify-content: center;
  pointer-events: none;
}

.background_main__cFBQn:before {
  background: radial-gradient(circle,
      rgba(24, 13, 3, 0) 0,
      var(--background) 100%);
  position: absolute;
  content: "";
  z-index: 2;
  width: 100%;
  height: 100%;
  top: 0;
}

.background_main__cFBQn:after {
  content: "";
  background-image: url("/assets/grid.svg");
  z-index: 1;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  opacity: 0.3;
  filter: invert(1);
}

.background_content__mj_oC {
  height: -moz-fit-content;
  height: fit-content;
  z-index: 3;
  max-width: 640px;
  background-image: radial-gradient(at 27% 37%,
      hsla(215, 98%, 61%, 1) 0px,
      transparent 0%),
    radial-gradient(at 97% 21%, rgba(54, 35, 6, 0.608) 0px, transparent 50%),
    radial-gradient(at 52% 99%, rgb(33, 12, 56) 0px, transparent 50%),
    radial-gradient(at 10% 29%, rgb(61, 26, 16) 0px, transparent 50%),
    radial-gradient(at 97% 96%, rgb(50, 42, 29) 0px, transparent 50%),
    radial-gradient(at 33% 50%, rgb(23, 26, 33) 0px, transparent 50%),
    radial-gradient(at 79% 53%, rgb(39, 23, 28) 0px, transparent 50%);
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  filter: blur(100px) saturate(150%);
  opacity: 0.15;
}

.background_dark__bz4sU .background_main__cFBQn:before {
  background: radial-gradient(circle, rgba(2, 0, 36, 0) 0, #0f0215 100%);
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@14.1.0_@babel+core@7.23.0_@opentelemetry+api@1.4.1_react-dom@18.2.0_react@18.2.0__react@18.2.0/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[7].use[2]!../../node_modules/.pnpm/next@14.1.0_@babel+core@7.23.0_@opentelemetry+api@1.4.1_react-dom@18.2.0_react@18.2.0__react@18.2.0/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[7].use[3]!./src/components/landing/hero/hero.module.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes hero_background-pan__16WDM {
  from {
    background-position: 0% center;
  }

  to {
    background-position: -200% center;
  }
}

@keyframes hero_scale__FYTDX {

  from,
  to {
    transform: scale(0);
  }

  50% {
    transform: scale(1);
  }
}

@keyframes hero_rotate__aGU49 {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(180deg);
  }
}

.hero_star__5G_Xs {
  --size: clamp(20px, 1.5vw, 30px);

  animation: hero_scale__FYTDX 700ms ease forwards;
  display: block;
  height: var(--size);
  left: var(--star-left);
  position: absolute;
  top: var(--star-top);
  width: var(--size);
}

.hero_star__5G_Xs>svg {
  animation: hero_rotate__aGU49 1000ms linear infinite;
  display: block;
  opacity: 0.7;
}

.hero_star__5G_Xs>svg>path {
  fill: #7b3907;
}

.hero_magicText__g6a0K {
  --purple: rgba(167, 84, 25, 0.868);
  --violet: rgba(255, 137, 47, 0.775);
  --pink: rgb(244, 170, 143);
  animation: hero_background-pan__16WDM 3s linear infinite;
  background: linear-gradient(to right,
      var(--purple),
      var(--violet),
      var(--pink),
      var(--purple));
  background-size: 200%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  white-space: nowrap;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@14.1.0_@babel+core@7.23.0_@opentelemetry+api@1.4.1_react-dom@18.2.0_react@18.2.0__react@18.2.0/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[7].use[2]!../../node_modules/.pnpm/next@14.1.0_@babel+core@7.23.0_@opentelemetry+api@1.4.1_react-dom@18.2.0_react@18.2.0__react@18.2.0/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[7].use[3]!./src/components/landing/hero/graph.module.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.graph_mainSVG__sODwY {
  position: absolute;
  visibility: hidden;
  /*  top:200px; */

  overflow: visible;
}

.graph_boxLabel__tSg4p {
  text-anchor: middle;
  fill: #115f9a;
  font-size: 21px;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  pointer-events: none;
  fontweight: 700;
}

.graph_box__ekPIG {
  opacity: 0;
}

.graph_svg__h34L3 > circle {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}