@font-face {
      font-family: swiper-icons;
      src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj/wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4/Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE///P/5/f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH/wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);
      font-weight: 400;
      font-style: normal
    }

    :root {
      --swiper-theme-color: #007aff
    }

    .swiper,
    swiper-container {
      margin-left: auto;
      margin-right: auto;
      position: relative;
      overflow: hidden;
      list-style: none;
      padding: 0;
      z-index: 1;
      display: block
    }

    .swiper-vertical>.swiper-wrapper {
      flex-direction: column
    }

    .swiper-wrapper {
      position: relative;
      width: 100%;
      height: 100%;
      z-index: 1;
      display: flex;
      transition-property: transform;
      transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
      box-sizing: content-box
    }

    .swiper-android .swiper-slide,
    .swiper-wrapper {
      transform: translateZ(0)
    }

    .swiper-horizontal {
      touch-action: pan-y
    }

    .swiper-vertical {
      touch-action: pan-x
    }

    .swiper-slide,
    swiper-slide {
      flex-shrink: 0;
      width: 100%;
      height: 100%;
      position: relative;
      transition-property: transform;
      display: block
    }

    .swiper-slide-invisible-blank {
      visibility: hidden
    }

    .swiper-autoheight,
    .swiper-autoheight .swiper-slide {
      height: auto
    }

    .swiper-autoheight .swiper-wrapper {
      align-items: flex-start;
      transition-property: transform, height
    }

    .swiper-backface-hidden .swiper-slide {
      transform: translateZ(0);
      backface-visibility: hidden
    }

    .swiper-3d.swiper-css-mode .swiper-wrapper {
      perspective: 1200px
    }

    .swiper-3d .swiper-wrapper {
      transform-style: preserve-3d
    }

    .swiper-3d {
      perspective: 1200px
    }

    .swiper-3d .swiper-cube-shadow,
    .swiper-3d .swiper-slide,
    .swiper-3d .swiper-slide-shadow,
    .swiper-3d .swiper-slide-shadow-bottom,
    .swiper-3d .swiper-slide-shadow-left,
    .swiper-3d .swiper-slide-shadow-right,
    .swiper-3d .swiper-slide-shadow-top {
      transform-style: preserve-3d
    }

    .swiper-3d .swiper-slide-shadow,
    .swiper-3d .swiper-slide-shadow-bottom,
    .swiper-3d .swiper-slide-shadow-left,
    .swiper-3d .swiper-slide-shadow-right,
    .swiper-3d .swiper-slide-shadow-top {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      pointer-events: none;
      z-index: 10
    }

    .swiper-3d .swiper-slide-shadow {
      background: rgba(0, 0, 0, .15)
    }

    .swiper-3d .swiper-slide-shadow-left {
      background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
    }

    .swiper-3d .swiper-slide-shadow-right {
      background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
    }

    .swiper-3d .swiper-slide-shadow-top {
      background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
    }

    .swiper-3d .swiper-slide-shadow-bottom {
      background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
    }

    .swiper-css-mode>.swiper-wrapper {
      overflow: auto;
      scrollbar-width: none;
      -ms-overflow-style: none
    }

    .swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
      display: none
    }

    .swiper-css-mode>.swiper-wrapper>.swiper-slide {
      scroll-snap-align: start start
    }

    .swiper-horizontal.swiper-css-mode>.swiper-wrapper {
      scroll-snap-type: x mandatory
    }

    .swiper-vertical.swiper-css-mode>.swiper-wrapper {
      scroll-snap-type: y mandatory
    }

    .swiper-centered>.swiper-wrapper:before {
      content: "";
      flex-shrink: 0;
      order: 9999
    }

    .swiper-centered>.swiper-wrapper>.swiper-slide {
      scroll-snap-align: center center;
      scroll-snap-stop: always
    }

    .swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
      -webkit-margin-start: var(--swiper-centered-offset-before);
      margin-inline-start: var(--swiper-centered-offset-before)
    }

    .swiper-centered.swiper-horizontal>.swiper-wrapper:before {
      height: 100%;
      min-height: 1px;
      width: var(--swiper-centered-offset-after)
    }

    .swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
      -webkit-margin-before: var(--swiper-centered-offset-before);
      margin-block-start: var(--swiper-centered-offset-before)
    }

    .swiper-centered.swiper-vertical>.swiper-wrapper:before {
      width: 100%;
      min-width: 1px;
      height: var(--swiper-centered-offset-after)
    }

    .swiper-lazy-preloader {
      width: 42px;
      height: 42px;
      position: absolute;
      left: 50%;
      top: 50%;
      margin-left: -21px;
      margin-top: -21px;
      z-index: 10;
      transform-origin: 50%;
      box-sizing: border-box;
      border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
      border-radius: 50%;
      border-top-color: transparent
    }

    .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
    .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
    swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader {
      animation: swiper-preloader-spin 1s infinite linear
    }

    .swiper-lazy-preloader-white {
      --swiper-preloader-color: #fff
    }

    .swiper-lazy-preloader-black {
      --swiper-preloader-color: #000
    }

    @keyframes swiper-preloader-spin {
      0% {
        transform: rotate(0)
      }

      to {
        transform: rotate(360deg)
      }
    }
  


    @keyframes hue-rotate {
      0% {
        filter: hue-rotate(0deg)
      }

      to {
        filter: hue-rotate(360deg)
      }
    }

    @font-face {
      src: url(/site/fonts/medium.woff2), url(/site/fonts/medium.woff);
      font-display: swap;
      font-family: AeonikPro;
      font-weight: 500
    }

    @font-face {
      src: url(/site/fonts/medium.woff2), url(/site/fonts/medium.woff);
      font-display: swap;
      font-family: Inter V;
      font-weight: 500
    }

    @font-face {
      src: url(/site/fonts/regular.woff2), url(/site/fonts/regular.woff);
      font-display: swap;
      font-family: Inter V;
      font-weight: 400
    }

    body {
      background-color: #030014;
      color: #fff;
      font-family: Inter V, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, sans-serif;
      overflow-y: hidden;
      width: 100vw
    }

    @media (max-width: 1248px) {
      body {
        font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, sans-serif
      }
    }

    .modal-open {
      overflow: hidden !important;
      padding-right: 5px
    }

    html,
    body {
      overflow-x: hidden;
      position: relative
    }

    ::-moz-selection {
      background: rgba(147, 130, 255, .5);
      color: #fff;
      -webkit-text-fill-color: #fff
    }

    ::selection {
      background: rgba(147, 130, 255, .5);
      color: #fff;
      -webkit-text-fill-color: #fff
    }

    ::-webkit-scrollbar {
      width: 5px
    }

    ::-webkit-scrollbar-track {
      background: inherit
    }

    ::-webkit-scrollbar-thumb {
      background: rgba(255, 255, 255, .05);
      border-radius: 99px
    }

    ::-webkit-scrollbar-thumb:hover {
      background: rgba(255, 255, 255, .1)
    }

    *:focus {
      outline: none
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    body {
      margin: 0
    }

    ul {
      list-style: none;
      -webkit-margin-after: 0;
      margin-block-end: 0;
      -webkit-margin-before: 0;
      margin-block-start: 0;
      padding: 0
    }

    svg {
      display: block
    }

    img {
      border: 0;
      display: block;
      -o-object-fit: cover;
      object-fit: cover;
      pointer-events: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      user-select: none
    }

    a {
      color: inherit;
      text-decoration: none
    }

    button {
      -webkit-appearance: button;
      -moz-appearance: button;
      appearance: button;
      background-color: transparent;
      border: 0;
      cursor: pointer;
      text-transform: none
    }

    button,
    input {
      font-family: inherit;
      font-size: 100%;
      line-height: normal;
      margin: 0;
      vertical-align: baseline
    }

    button::-moz-focus-inner,
    input::-moz-focus-inner {
      border: 0;
      padding: 0
    }

    button[disabled],
    input[disabled] {
      cursor: default
    }

    * {
      box-sizing: border-box;
      -webkit-font-smoothing: antialiased;
      text-rendering: optimizeLegibility
    }

    .container,
    .container-md,
    .container-sm,
    .container-lg {
      margin: 0 auto
    }

    .container-lg {
      max-width: 1296px
    }

    .container {
      max-width: 1248px
    }

    .container-md {
      max-width: 1200px
    }

    .container-sm {
      max-width: 1128px
    }

    @media (max-width: 1248px) {

      .container,
      .container-md {
        max-width: 358px
      }

      .container-sm {
        max-width: 342px
      }
    }

    @media (max-width: 390px) {

      .container,
      .container-md,
      .container-sm {
        max-width: 100%;
        padding: 0 4px
      }
    }
  


    :root {
      view-transition-name: none
    }
  


    .header-actions-login,
    .header-nav-link {
      font-feature-settings: "ss01" on, "cv10" on, "calt" off, "liga" off
    }

    .header-actions-login,
    .header-nav-link {
      font-size: 14px;
      line-height: 20px
    }

    .header-actions-login {
      font-weight: 500
    }

    @keyframes hue-rotate {
      0% {
        filter: hue-rotate(0deg)
      }

      to {
        filter: hue-rotate(360deg)
      }
    }

    .header {
      padding: 0 20px;
      -webkit-backdrop-filter: blur(16px);
      backdrop-filter: blur(16px);
      background: rgba(3, 0, 20, .08);
      left: 0;
      position: fixed;
      top: 0;
      width: 100vw;
      z-index: 10
    }

    .header-logo {
      z-index: 2
    }

    .header .container-lg {
      align-items: center;
      display: flex;
      justify-content: space-between;
      padding: 26px 0;
      position: relative
    }

    .header .container-lg:before {
      background: radial-gradient(62.87% 100% at 50% 100%, rgba(255, 255, 255, .12) 0%, rgba(255, 255, 255, 0) 100%);
      bottom: 0;
      content: "";
      height: 1px;
      left: 0;
      position: absolute;
      width: 100%
    }

    .header-nav {
      background: rgba(255, 255, 255, .02);
      border: 1px solid rgba(255, 255, 255, .08);
      border-radius: 999px;
      display: flex;
      left: 50%;
      margin: 0 auto;
      padding: 10px 12px;
      position: absolute;
      transform: translate(-50%)
    }

    .header-nav li {
      margin: 0 12px
    }

    .header-nav-link {
      color: #ffffffe6;
      display: block;
      transition: .3s cubic-bezier(.6, .6, 0, 1) color
    }

    .header-nav-link:hover {
      color: #fff9
    }

    .header-actions {
      align-items: center;
      display: flex;
      z-index: 2
    }

    .header-actions-login {
      margin-right: 24px
    }

    .header-actions-signup {
      display: none !important
    }

    @media (max-width: 1248px) {
      .header-open {
        background-color: transparent;
        -webkit-backdrop-filter: none;
        backdrop-filter: none
      }

      .header:not(.header-open) .header-nav {
        visibility: hidden;
        transform: translate(100%)
      }

      .header-nav {
        width: 100vw;
        height: 100vh;
        border: 0;
        border-radius: 0;
        display: block;
        left: 0;
        margin: unset;
        padding: 77px 0 0;
        transition: transform .45s ease;
        transform: none;
        position: fixed;
        top: 0;
        z-index: 1;
        background: rgba(3, 0, 20, .9);
        -webkit-backdrop-filter: blur(12px);
        backdrop-filter: blur(12px)
      }

      .header-nav li {
        margin: 0;
        border-top: 1px solid rgba(255, 255, 255, .1)
      }

      .header-nav li:last-child {
        border-bottom: 1px solid rgba(255, 255, 255, .1)
      }

      .header-nav-link {
        padding: 20px 40px;
        font-weight: 500;
        font-size: 24px;
        line-height: 32px;
        color: #ffffffe6
      }

      .header-actions-signup {
        display: block !important
      }

      .header-actions-trial {
        display: none !important
      }

      .header .container-lg {
        padding: 20px 0
      }

      .header .container-lg:before {
        content: unset
      }
    }
  


        .logo-with-name-name {
          font-feature-settings: "ss01" on, "cv10" on, "calt" off, "liga" off
        }

        .logo-with-name-name {
          font-size: 16px;
          line-height: 24px
        }

        .logo-with-name-name {
          font-weight: 500
        }

        @keyframes hue-rotate {
          0% {
            filter: hue-rotate(0deg)
          }

          to {
            filter: hue-rotate(360deg)
          }
        }

        .logo-with-name {
          align-items: center;
          display: flex
        }

        .logo-with-name-logo {
          height: 36px;
          margin-right: 12px;
          width: 36px
        }
      


          .button {
            font-feature-settings: "ss01" on, "cv10" on, "calt" off, "liga" off
          }

          .button {
            font-size: 14px;
            line-height: 20px
          }

          .button {
            font-weight: 500
          }

          @keyframes hue-rotate {
            0% {
              filter: hue-rotate(0deg)
            }

            to {
              filter: hue-rotate(360deg)
            }
          }

          .button {
            -webkit-backdrop-filter: blur(8px);
            backdrop-filter: blur(8px);
            border-radius: 8px;
            color: #f4f0ff;
            display: block;
            padding: 8px 16px;
            position: relative;
            width: -moz-max-content;
            width: max-content
          }

          .button:before,
          .button:after,
          .button-border {
            border-radius: inherit;
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            width: 100%;
            z-index: -1
          }

          .button:before,
          .button:after {
            content: "";
            display: block;
            transition: .2s opacity cubic-bezier(.6, .6, 0, 1)
          }

          .button:after {
            opacity: 0
          }

          .button:hover:before {
            opacity: 0
          }

          .button:hover:after {
            opacity: 1
          }

          .button-primary .button-border:before {
            background: linear-gradient(180deg, rgba(207, 184, 255, .24) 0%, rgba(207, 184, 255, 0) 100%), linear-gradient(0deg, rgba(207, 184, 255, .32), rgba(207, 184, 255, .32));
            border-radius: inherit;
            content: "";
            inset: 0;
            -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
            mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
            mask-composite: xor;
            -webkit-mask-composite: xor;
            mask-composite: exclude;
            padding: 1px;
            pointer-events: none;
            position: absolute
          }

          .button-primary:before {
            background: linear-gradient(180deg, rgba(60, 8, 126, 0) 0%, rgba(60, 8, 126, .32) 100%), rgba(113, 47, 255, .12);
            box-shadow: inset 0 0 12px #bf97ff3d
          }

          .button-primary:after {
            background: linear-gradient(180deg, rgba(60, 8, 126, 0) 0%, rgba(60, 8, 126, .42) 100%), rgba(113, 47, 255, .24);
            box-shadow: inset 0 0 12px #bf97ff70
          }

          .button-secondary .button-border {
            border: 1px solid rgba(243, 238, 255, .08)
          }

          .button-secondary:before {
            background: linear-gradient(180deg, rgba(243, 238, 255, 0) 0%, rgba(243, 238, 255, .04) 100%), rgba(147, 130, 255, .01);
            box-shadow: inset 0 0 12px #ffffff14
          }

          .button-secondary:after {
            box-shadow: inset 0 0 12px #ffffff14;
            background: linear-gradient(180deg, rgba(243, 238, 255, 0) 0%, rgba(243, 238, 255, .05) 100%), rgba(147, 130, 255, .04)
          }
        


          @keyframes hue-rotate {
            0% {
              filter: hue-rotate(0deg)
            }

            to {
              filter: hue-rotate(360deg)
            }
          }

          .header-toggle {
            margin-left: 18px;
            padding: 5px;
            cursor: pointer
          }

          .header-toggle div {
            width: 20px;
            height: 1.5px;
            background-color: #fff;
            border-radius: 500px;
            transition: all .3s ease-in-out
          }

          .header-toggle div:not(:last-child) {
            margin-bottom: 5px
          }

          .header-toggle-active div:nth-child(1) {
            transform: rotate(45deg) translate(5px, 5px)
          }

          .header-toggle-active div:nth-child(2) {
            opacity: 0
          }

          .header-toggle-active div:nth-child(3) {
            transform: rotate(-45deg) translate(4px, -5px)
          }

          @media (min-width: 1248px) {
            .header-toggle {
              display: none
            }
          }
        


    .hero-badge,
    .hero-description {
      font-feature-settings: "ss01" on, "cv10" on, "calt" off, "liga" off
    }

    .hero-description {
      font-size: 18px;
      line-height: 28px
    }

    .hero-badge {
      font-size: 14px;
      line-height: 20px
    }

    @keyframes hue-rotate {
      0% {
        filter: hue-rotate(0deg)
      }

      to {
        filter: hue-rotate(360deg)
      }
    }

    .hero {
      padding-top: 173px;
      position: relative
    }

    .hero:before {
      background: radial-gradient(37.74% 81.78% at 50% 26.56%, rgba(148, 101, 255, .08) 0%, rgba(3, 0, 20, 0) 100%);
      content: "";
      display: block;
      height: 900px;
      left: 50%;
      pointer-events: none;
      position: absolute;
      top: -173px;
      transform: translate(-50%);
      width: 1440px;
      z-index: 1
    }

    .hero-content {
      margin: 0 auto;
      position: relative;
      text-align: center;
      z-index: 1
    }

    .hero-badge {
      isolation: isolate;
      overflow: hidden;
      align-items: center;
      -webkit-backdrop-filter: blur(6px);
      backdrop-filter: blur(6px);
      border-radius: 32px;
      box-shadow: inset 0 -7px 11px #a48fff1f;
      display: flex;
      margin: 0 auto 16px;
      padding: 4px 13px 4px 8px;
      position: relative;
      width: -moz-max-content;
      width: max-content;
      transition: .45s cubic-bezier(.6, .6, 0, 1) box-shadow
    }

    .hero-badge:after {
      background: linear-gradient(90.01deg, rgba(229, 156, 255, .24) .01%, rgba(186, 156, 255, .24) 50.01%, rgba(156, 178, 255, .24) 100%);
      border-radius: inherit;
      content: "";
      inset: 0;
      -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
      mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
      mask-composite: xor;
      -webkit-mask-composite: xor;
      mask-composite: exclude;
      padding: 1px;
      pointer-events: none;
      position: absolute
    }

    .hero-badge:hover {
      box-shadow: inset 0 -7px 11px #a48fff3d
    }

    .hero-badge svg {
      margin-right: 6px
    }

    .hero-badge-text {
      background: linear-gradient(0deg, rgba(255, 255, 255, .4), rgba(255, 255, 255, .4)), linear-gradient(90.01deg, #e59cff .01%, #ba9cff 50.01%, #9cb2ff 100%);
      background-blend-mode: normal, screen;
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent
    }

    .hero .section-header-title {
      margin-bottom: 12px
    }

    .hero-description {
      color: #efedfdb3
    }

    @media (max-width: 1248px) {
      .hero {
        padding-top: 108px
      }
    }
  


        .section-header-title-h5,
        .section-header-title-h3,
        .section-header-title-h2,
        .section-header-title-h1 {
          font-family: AeonikPro, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, sans-serif;
          font-feature-settings: unset;
          font-weight: 500
        }

        .section-header-title-h1 {
          font-size: 72px;
          line-height: 80px
        }

        .section-header-title-h2 {
          font-size: 56px;
          line-height: 64px
        }

        .section-header-title-h3 {
          font-size: 48px;
          line-height: 56px
        }

        .section-header-title-h5 {
          font-size: 32px;
          line-height: 40px
        }

        .section-header-badge,
        .section-header-description {
          font-feature-settings: "ss01" on, "cv10" on, "calt" off, "liga" off
        }

        .section-header-description {
          font-size: 16px;
          line-height: 24px
        }

        .section-header-badge {
          font-size: 14px;
          line-height: 20px
        }

        .section-header-badge {
          font-weight: 500
        }

        @media (max-width: 1248px) {
          .section-header-title-h1 {
            font-size: 44px;
            line-height: 52px
          }
        }

        @media (max-width: 1248px) {
          .section-header-title-h2 {
            font-size: 40px;
            line-height: 48px
          }
        }

        @media (max-width: 1248px) {
          .section-header-title-h3 {
            font-size: 36px;
            line-height: 40px
          }
        }

        @media (max-width: 1248px) {
          .section-header-title-h5 {
            font-size: 32px;
            line-height: 40px
          }
        }

        @keyframes hue-rotate {
          0% {
            filter: hue-rotate(0deg)
          }

          to {
            filter: hue-rotate(360deg)
          }
        }

        .section-header {
          position: relative;
          z-index: 3
        }

        .section-header-badge {
          isolation: isolate;
          overflow: hidden;
          align-items: center;
          -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
          border-radius: 32px;
          box-shadow: inset 0 -7px 11px #a48fff1f;
          display: flex;
          margin: 0 auto 12px;
          padding: 6px 14px 6px 15px;
          position: relative;
          width: -moz-max-content;
          width: max-content
        }

        .section-header-badge:after {
          background: linear-gradient(90.01deg, rgba(229, 156, 255, .24) .01%, rgba(186, 156, 255, .24) 50.01%, rgba(156, 178, 255, .24) 100%);
          border-radius: inherit;
          content: "";
          inset: 0;
          -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
          mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
          mask-composite: xor;
          -webkit-mask-composite: xor;
          mask-composite: exclude;
          padding: 1px;
          pointer-events: none;
          position: absolute
        }

        .section-header-badge-text {
          background: linear-gradient(0deg, rgba(255, 255, 255, .4), rgba(255, 255, 255, .4)), linear-gradient(90.01deg, #e59cff .01%, #ba9cff 50.01%, #9cb2ff 100%);
          background-blend-mode: normal, screen;
          -webkit-background-clip: text;
          background-clip: text;
          -webkit-text-fill-color: transparent
        }

        .section-header-title {
          text-align: center
        }

        .section-header-title span {
          background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, .7) 100%);
          -webkit-background-clip: text;
          background-clip: text;
          color: transparent;
          -webkit-text-fill-color: transparent;
          display: block
        }

        .section-header-title-mobile {
          display: none
        }

        .section-header-description {
          color: #efedfdb3;
          margin: 12px auto 0;
          max-width: 455px;
          text-align: center
        }

        @media (max-width: 1248px) {

          .section-header br,
          .section-header-title-desktop {
            display: none
          }

          .section-header-title-mobile {
            display: block
          }
        }
      


      @keyframes hue-rotate {
        0% {
          filter: hue-rotate(0deg)
        }

        to {
          filter: hue-rotate(360deg)
        }
      }

      .hero-black-hole {
        height: 810px;
        left: 50%;
        -webkit-mask-image: radial-gradient(50% 50% at 50% 50%, #fff 60.94%, transparent 100%);
        mask-image: radial-gradient(50% 50% at 50% 50%, #fff 60.94%, transparent 100%);
        -webkit-mask-size: cover;
        mask-size: cover;
        position: absolute;
        top: 174px;
        transform: translate(-50%);
        width: 1440px
      }

      .hero-black-hole-visible .hero-black-hole-stars {
        animation: heroBlackHoleStarsRotate 70s linear infinite
      }

      .hero-black-hole-visible .hero-black-hole-stars div {
        animation: heroBlackHoleStarsTwinkle linear infinite
      }

      .hero-black-hole-visible .hero-black-hole-circle {
        animation: heroBlackHoleCirclesRotate 100s linear infinite
      }

      .hero-black-hole-stars {
        height: 700px;
        left: 50%;
        -webkit-mask-image: radial-gradient(50% 50% at 50% 50%, rgba(217, 217, 217, 0) 27.08%, #d9d9d9 47.92%, rgba(217, 217, 217, .8) 75%, rgba(217, 217, 217, 0) 100%);
        mask-image: radial-gradient(50% 50% at 50% 50%, rgba(217, 217, 217, 0) 27.08%, #d9d9d9 47.92%, rgba(217, 217, 217, .8) 75%, rgba(217, 217, 217, 0) 100%);
        -webkit-mask-position: 0 0;
        mask-position: 0 0;
        -webkit-mask-size: cover;
        mask-size: cover;
        pointer-events: none;
        position: absolute;
        top: 50%;
        transform: translateZ(0) translate(-50%, -50%);
        width: 700px
      }

      .hero-black-hole-stars div {
        background: rgba(255, 255, 255, 0);
        border-radius: 5px;
        height: 2px;
        left: 50%;
        position: absolute;
        transform: translateZ(0) translate(0) scale(1);
        width: 2px
      }

      .hero-black-hole-stars div:nth-child(3n) {
        opacity: .5
      }

      .hero-black-hole-circles {
        height: 808px;
        margin-top: -12px;
        position: relative;
        width: 808px;
        z-index: 9999
      }

      .hero-black-hole-circles,
      .hero-black-hole-circles>div {
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translateZ(0) translate(-50%, -50%)
      }

      .hero-black-hole-circles>div {
        height: 100%;
        -webkit-mask-image: linear-gradient(180deg, rgba(186, 156, 255, .6) 9.41%, rgba(186, 156, 255, 0) 29.79%);
        mask-image: linear-gradient(180deg, rgba(186, 156, 255, .6) 9.41%, rgba(186, 156, 255, 0) 29.79%);
        width: 100%
      }

      .hero-black-hole-circles>div:nth-child(2) {
        height: 608px;
        opacity: .6;
        width: 608px
      }

      .hero-black-hole-circles>div:nth-child(3) {
        height: 416px;
        width: 416px;
        z-index: 1
      }

      .hero-black-hole-circles>div:nth-child(3) .hero-black-hole-circle {
        animation: none !important
      }

      .hero-black-hole .lazy-video {
        pointer-events: none
      }

      @keyframes heroBlackHoleStarsRotate {
        0% {
          transform: translateZ(0) translate(-50%, -50%) rotate(0)
        }

        to {
          transform: translateZ(0) translate(-50%, -50%) rotate(-360deg)
        }
      }

      @keyframes heroBlackHoleStarsRotateReverse {
        0% {
          transform: translateZ(0) translate(-50%, -50%) rotate(0)
        }

        to {
          transform: translateZ(0) translate(-50%, -50%) rotate(360deg)
        }
      }

      @keyframes heroBlackHoleStarsTwinkle {
        0% {
          background: rgba(255, 255, 255, 0);
          transform: translateZ(0) translate(0) scale(1)
        }

        10% {
          background: rgb(255, 255, 255)
        }

        to {
          background: rgb(255, 255, 255);
          transform: translateZ(0) var(--transform) scale(.5)
        }
      }

      @media (max-width: 1248px) {
        .hero-black-hole {
          width: 1028px;
          height: 578px;
          top: 138px
        }

        .hero-black-hole-circles {
          display: none
        }
      }
    


        @keyframes hue-rotate {
          0% {
            filter: hue-rotate(0deg)
          }

          to {
            filter: hue-rotate(360deg)
          }
        }

        .lazy-video {
          opacity: 0;
          transition: .75s cubic-bezier(.6, .6, 0, 1) opacity;
          pointer-events: none
        }

        .lazy-video-loaded {
          opacity: 1
        }

        .lazy-video video {
          height: auto;
          width: 100%
        }
      


            @keyframes hue-rotate {
              0% {
                filter: hue-rotate(0deg)
              }

              to {
                filter: hue-rotate(360deg)
              }
            }

            .hero-black-hole-circle {
              border-radius: 50%;
              height: 100%;
              position: relative;
              top: 4px;
              width: 100%
            }

            .hero-black-hole-circle:hover,
            .hero-black-hole-circle-hover {
              animation-play-state: paused !important;
              pointer-events: none
            }

            .hero-black-hole-circle:before {
              background: rgba(186, 156, 255, .04);
              border: 1px solid rgba(186, 156, 255, .3);
              border-radius: 50%;
              content: "";
              height: calc(100% - 2px);
              left: 0;
              pointer-events: none;
              position: absolute;
              top: 0;
              width: calc(100% - 2px)
            }

            .hero-black-hole-circle-dot {
              height: 8px;
              position: absolute;
              width: 8px;
              z-index: 99
            }

            .hero-black-hole-circle-dot:before {
              -webkit-backdrop-filter: blur(10px);
              backdrop-filter: blur(10px);
              background: rgba(186, 156, 255, .01);
              border: 1px solid rgba(186, 156, 255, .3);
              border-radius: 50%;
              content: "";
              display: block;
              height: 6px;
              left: 0;
              position: absolute;
              top: 0;
              width: 6px
            }

            .hero-black-hole-circle-dot:nth-child(1) {
              left: -4px
            }

            .hero-black-hole-circle-dot:nth-child(2),
            .hero-black-hole-circle-dot:nth-child(3) {
              left: var(--position-1)
            }

            .hero-black-hole-circle-dot:nth-child(4),
            .hero-black-hole-circle-dot:nth-child(5) {
              left: 50%;
              transform: translate(-50%)
            }

            .hero-black-hole-circle-dot:nth-child(6),
            .hero-black-hole-circle-dot:nth-child(7) {
              right: var(--position-1)
            }

            .hero-black-hole-circle-dot:nth-child(8) {
              right: -4px
            }

            .hero-black-hole-circle-dot:nth-child(1),
            .hero-black-hole-circle-dot:nth-child(8) {
              top: 50%;
              transform: translateY(-50%)
            }

            .hero-black-hole-circle-dot:nth-child(2),
            .hero-black-hole-circle-dot:nth-child(6) {
              top: var(--position-1)
            }

            .hero-black-hole-circle-dot:nth-child(3),
            .hero-black-hole-circle-dot:nth-child(7) {
              bottom: var(--position-1)
            }

            .hero-black-hole-circle-dot:nth-child(4) {
              top: -4px
            }

            .hero-black-hole-circle-dot:nth-child(5) {
              bottom: -4px
            }

            .hero-black-hole-circle-0 {
              --position-1: 14.2%
            }

            .hero-black-hole-circle-1 {
              --position-1: 14.1%
            }

            .hero-black-hole-circle-2 {
              --position-1: 13.8%
            }

            @keyframes heroBlackHoleCirclesRotate {
              0% {
                transform: rotate(0)
              }

              to {
                transform: rotate(360deg)
              }
            }

            @keyframes heroBlackHoleCirclesRotateReverse {
              0% {
                transform: rotate(0)
              }

              to {
                transform: rotate(-360deg)
              }
            }
          


                .hero-black-hole-circle-tooltip-item,
                .hero-black-hole-circle-tooltip-title {
                  font-feature-settings: "ss01" on, "cv10" on, "calt" off, "liga" off
                }

                .hero-black-hole-circle-tooltip-title {
                  font-size: 14px;
                  line-height: 20px
                }

                .hero-black-hole-circle-tooltip-title {
                  font-weight: 500
                }

                .hero-black-hole-circle-tooltip-item {
                  font-size: 12px;
                  line-height: 16px
                }

                @keyframes hue-rotate {
                  0% {
                    filter: hue-rotate(0deg)
                  }

                  to {
                    filter: hue-rotate(360deg)
                  }
                }

                .hero-black-hole-circle-tooltip {
                  -webkit-backdrop-filter: blur(8px);
                  backdrop-filter: blur(8px);
                  background: radial-gradient(69.19% 69.19% at 50% 0%, rgba(255, 255, 255, .06) 0%, rgba(255, 255, 255, 0) 100%), rgba(255, 255, 255, .03), rgba(3, 0, 20, .7);
                  border: 1px solid rgba(255, 255, 255, .1);
                  border-radius: 8px;
                  opacity: 0;
                  padding: 12px 20px;
                  position: absolute;
                  transform: translate(-20px);
                  transition: .45s cubic-bezier(.6, .6, 0, 1) opacity, .45s cubic-bezier(.6, .6, 0, 1) transform;
                  width: 220px;
                  z-index: 999
                }

                .hero-black-hole-circle-tooltip-active {
                  opacity: 1;
                  transform: translate(0)
                }

                .hero-black-hole-circle-tooltip-placeholder {
                  height: 86px;
                  left: 36px;
                  top: -38px;
                  visibility: hidden
                }

                .hero-black-hole-circle-tooltip-title {
                  margin-bottom: 8px
                }

                .hero-black-hole-circle-tooltip-item {
                  align-items: center;
                  color: #fffc;
                  display: flex
                }

                .hero-black-hole-circle-tooltip-item:before {
                  background: rgba(255, 255, 255, .2);
                  border-radius: 50%;
                  content: "";
                  display: block;
                  height: 4px;
                  margin-right: 14px;
                  width: 4px
                }

                .hero-black-hole-circle-tooltip-item a {
                  color: #ba9cff;
                  margin-left: 4px
                }
              


      @keyframes hue-rotate {
        0% {
          filter: hue-rotate(0deg)
        }

        to {
          filter: hue-rotate(360deg)
        }
      }

      .hero-video {
        margin: 232px auto 0;
        position: relative;
        width: 1216px;
        height: 766px
      }

      .hero-video-content {
        height: 100%
      }

      .hero-video:before {
        background: linear-gradient(180deg, rgba(4, 1, 21, 0) 0%, rgba(4, 1, 21, .7) 34.48%, #030014 82.36%);
        content: "";
        display: block;
        height: calc(100% + 1px);
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 1
      }

      .hero-video-preview {
        background: rgba(255, 255, 255, .01);
        border: 1px solid rgba(255, 255, 255, .1);
        border-radius: 24px;
        box-shadow: inset 0 0 0 8px #ffffff08;
        padding: 8px;
        height: 100%
      }

      .hero-video-preview img {
        -webkit-backdrop-filter: blur(15px);
        backdrop-filter: blur(15px);
        width: 100%;
        height: 100%
      }

      .hero-video-play,
      .hero-video svg {
        left: 50%;
        position: absolute;
        top: 302px;
        transform: translate(-50%, -50%);
        z-index: 2
      }

      .hero-video svg {
        pointer-events: none
      }

      .hero-video-play {
        background: rgba(255, 255, 255, .02);
        border: 1px solid rgba(255, 255, 255, .05);
        border-radius: 50%;
        cursor: pointer;
        height: 112px;
        width: 112px
      }

      .hero-video-play-inner {
        -webkit-backdrop-filter: blur(12px);
        backdrop-filter: blur(12px);
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 17.71%, rgba(255, 255, 255, .12) 100%), rgba(255, 255, 255, .01);
        border-radius: inherit;
        height: 80px;
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 80px
      }

      .hero-video-play-inner:before {
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .1) 100%), linear-gradient(0deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .05));
        border-radius: inherit;
        content: "";
        inset: 0;
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        mask-composite: xor;
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        padding: 1px;
        pointer-events: none;
        position: absolute
      }

      @media (max-width: 1248px) {
        .hero-video {
          width: 368px;
          height: 676px;
          margin-top: 120px
        }

        .hero-video-preview img {
          border-radius: 16px
        }

        .hero-video-play,
        .hero-video svg {
          top: 274px
        }
      }
    


    @keyframes hue-rotate {
      0% {
        filter: hue-rotate(0deg)
      }

      to {
        filter: hue-rotate(360deg)
      }
    }

    .features {
      margin: -78px auto 0;
      position: relative;
      width: 1200px;
      z-index: 2
    }

    .features-cards .swiper-wrapper {
      display: grid;
      grid-template-columns: repeat(4, 1fr)
    }

    .features-gridlines {
      display: flex;
      height: 100%;
      justify-content: space-between;
      pointer-events: none;
      position: absolute;
      top: 0;
      width: 100%
    }

    .features-gridlines div {
      height: 100%;
      width: 1px
    }

    .features-gridlines div:nth-child(odd) {
      background: linear-gradient(180deg, rgba(255, 255, 255, .12) -.89%, rgba(255, 255, 255, 0) 100%)
    }

    .features-gridlines div:nth-child(even) {
      background: linear-gradient(0, rgba(255, 255, 255, .12) -.89%, rgba(255, 255, 255, 0) 100%)
    }

    .features-gridlines div:last-child {
      background: linear-gradient(90deg, rgba(255, 255, 255, 0) -.89%, rgba(255, 255, 255, .08) 24.33%, rgba(255, 255, 255, .08) 49.55%, rgba(255, 255, 255, .08) 74.78%, rgba(255, 255, 255, 0) 100%);
      height: 1px;
      left: 0;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 100%
    }

    @media (max-width: 1248px) {
      .features {
        width: 100%
      }

      .features-cards .swiper-wrapper {
        display: flex;
        grid-template-columns: unset
      }

      .features-gridlines div:nth-child(n+3) {
        display: none
      }

      .features-gridlines div:nth-child(1),
      .features-gridlines div:nth-child(2) {
        width: 100%;
        height: 8px;
        left: 0;
        position: absolute
      }

      .features-gridlines div:nth-child(1):before,
      .features-gridlines div:nth-child(2):before {
        content: "";
        height: 1px;
        position: absolute;
        left: 0;
        width: 100%
      }

      .features-gridlines div:nth-child(1) {
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .04) 100%);
        top: -8px
      }

      .features-gridlines div:nth-child(1):before {
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .04) 100%);
        bottom: 0
      }

      .features-gridlines div:nth-child(2) {
        background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .04) 100%);
        bottom: -8px
      }

      .features-gridlines div:nth-child(2):before {
        background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .04) 100%);
        top: 0
      }
    }
  


          .features-card-title,
          .features-card-description {
            font-feature-settings: "ss01" on, "cv10" on, "calt" off, "liga" off
          }

          .features-card-title,
          .features-card-description {
            font-size: 16px;
            line-height: 24px
          }

          .features-card-title {
            font-weight: 500
          }

          @keyframes hue-rotate {
            0% {
              filter: hue-rotate(0deg)
            }

            to {
              filter: hue-rotate(360deg)
            }
          }

          .features-card {
            overflow: hidden;
            padding: 24px 32px 36px;
            position: relative
          }

          .features-card:after {
            background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .06) 100%);
            content: "";
            height: 100%;
            left: 0;
            opacity: 0;
            pointer-events: none;
            position: absolute;
            top: 0;
            transition: .45s cubic-bezier(.6, .6, 0, 1) opacity;
            width: 100%
          }

          .features-card:nth-child(1n+5):after {
            background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .06) 100%)
          }

          .features-card:hover:after {
            opacity: 1
          }

          .features-card svg {
            height: 40px;
            margin-bottom: 20px;
            width: 40px
          }

          .features-card-title {
            color: #f4f0ff;
            margin-bottom: 4px
          }

          .features-card-description {
            color: #efedfd99
          }

          .features-card:before {
            background-color: #ffffff3d;
            content: "";
            display: block;
            height: 16px;
            left: 0;
            position: absolute;
            top: 88px;
            width: 1px
          }

          .features-card-lines {
            display: none
          }

          .features-card-lines:before,
          .features-card-lines:after {
            content: "";
            width: 1px;
            height: 100%;
            top: 0;
            position: absolute
          }

          .features-card-lines:before {
            left: 0;
            background: linear-gradient(to bottom, rgba(255, 255, 255, .12) -.89%, rgba(255, 255, 255, 0) 100%)
          }

          .features-card-lines:after {
            right: 0;
            background: linear-gradient(to top, rgba(255, 255, 255, .12) -.89%, rgba(255, 255, 255, 0) 100%)
          }

          .features-card .features-card-gap {
            height: 100%;
            width: 32px;
            position: absolute;
            right: 0;
            top: 0;
            background: linear-gradient(1.84deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .04) 100%)
          }

          @media (min-width: 1248px) {
            .features-card-gap {
              display: none
            }
          }

          @media (max-width: 1248px) {
            .features-card {
              width: 322px;
              max-width: 322px;
              min-width: 322px;
              padding-right: 48px;
              height: 196px;
              background-color: #030014
            }

            .features-card:after {
              content: unset
            }

            .features-card-lines {
              display: block
            }

            .features-card-lines:after {
              right: 32px
            }
          }
        


    .ai-cards-item {
      font-feature-settings: "ss01" on, "cv10" on, "calt" off, "liga" off
    }

    .ai-cards-item {
      font-size: 16px;
      line-height: 24px
    }

    @keyframes hue-rotate {
      0% {
        filter: hue-rotate(0deg)
      }

      to {
        filter: hue-rotate(360deg)
      }
    }

    .ai {
      padding-bottom: 110px;
      padding-top: 116px;
      position: relative
    }

    .ai .section-header {
      margin-bottom: 38px
    }

    .ai .section-header-description {
      max-width: 744px
    }

    .ai-background {
      margin: -150px auto 0;
      position: relative;
      width: 1440px;
      min-width: 1440px;
      height: 835px
    }

    .ai-background-wrapper {
      display: flex;
      justify-content: center
    }

    .ai-background img {
      height: 100%;
      width: 100%
    }

    .ai-background .rising-stars {
      height: 300px;
      left: 50%;
      -webkit-mask-image: linear-gradient(to top, #fff, rgba(255, 255, 255, 0));
      mask-image: linear-gradient(to top, #fff, rgba(255, 255, 255, 0));
      -webkit-mask-size: cover;
      mask-size: cover;
      overflow: hidden;
      position: absolute;
      top: -100px;
      transform: translate(-50%);
      width: 282px;
      z-index: 1
    }

    .ai-cards {
      margin-top: -236px;
      text-align: center
    }

    .ai-cards-items {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      margin: 32px auto 0;
      position: relative;
      width: 900px
    }

    .ai-cards-items:before {
      background: linear-gradient(90deg, rgba(255, 255, 255, 0) -.89%, rgba(255, 255, 255, .08) 24.33%, rgba(255, 255, 255, .08) 49.55%, rgba(255, 255, 255, .08) 74.78%, rgba(255, 255, 255, 0) 100%);
      content: "";
      height: 1px;
      left: -24px;
      position: absolute;
      top: 164px;
      width: 948px
    }

    .ai-cards-item {
      height: 164px;
      padding: 25px 0 32px;
      position: relative;
      width: 300px
    }

    .ai-cards-item svg {
      margin: 0 auto 19px
    }

    .ai-cards-item-title {
      color: #f4f0ff
    }

    .ai-cards-item-description {
      color: #efedfd99
    }

    .ai-cards-item:nth-child(1):before,
    .ai-cards-item:nth-child(4):before {
      background: linear-gradient(to bottom, rgba(255, 255, 255, .12) 0, rgba(255, 255, 255, 0) 100%);
      content: "";
      height: 100%;
      position: absolute;
      right: 0;
      top: 0;
      width: 1px
    }

    .ai-cards-item:nth-child(2):before,
    .ai-cards-item:nth-child(5):before {
      background: linear-gradient(to top, rgba(255, 255, 255, .12) 0, rgba(255, 255, 255, 0) 100%);
      content: "";
      height: 100%;
      position: absolute;
      right: 0;
      top: 0;
      width: 1px
    }

    .ai-cards-item:after {
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .06) 100%);
      content: "";
      height: 100%;
      left: 0;
      opacity: 0;
      pointer-events: none;
      position: absolute;
      top: 0;
      transition: .45s cubic-bezier(.6, .6, 0, 1) opacity;
      width: 100%
    }

    .ai-cards-item:nth-child(1n+4):after {
      background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .06) 100%)
    }

    .ai-cards-item:hover:after {
      opacity: 1
    }

    @media (max-width: 1248px) {
      .ai {
        padding-bottom: 56px
      }

      .ai:before {
        content: unset
      }

      .ai .section-header-description {
        max-width: 295px
      }

      .ai-cards {
        width: 326px;
        margin-left: auto;
        margin-right: auto
      }

      .ai-cards .section-header-title {
        text-align: left;
        padding-left: 24px
      }

      .ai-cards-items {
        width: 100%
      }

      .ai-cards-items:before {
        background-color: #ffffff1f;
        content: "";
        height: 100%;
        left: -1px;
        position: absolute;
        top: 0;
        width: 1px
      }

      .ai-cards-item {
        text-align: left;
        padding: 24px;
        width: 100%;
        height: auto
      }

      .ai-cards-item:last-child {
        padding-bottom: 0
      }

      .ai-cards-item svg {
        margin-left: 0
      }

      .ai-cards-item:not(:last-child):before {
        background: linear-gradient(to right, rgba(255, 255, 255, .18), rgba(255, 255, 255, 0));
        content: "";
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
        right: unset;
        top: unset;
        height: 1px
      }

      .ai-cards-item:after {
        opacity: 1;
        width: 1px;
        background-color: #ffffff3d;
        height: 16px;
        top: 86px;
        left: -1px
      }
    }
  


          @keyframes hue-rotate {
            0% {
              filter: hue-rotate(0deg)
            }

            to {
              filter: hue-rotate(360deg)
            }
          }

          .rising-stars {
            opacity: .7;
            pointer-events: none
          }

          .rising-stars-visible div {
            animation: risingStarsAnination linear infinite
          }

          .rising-stars div {
            background: transparent;
            border-radius: 50%
          }

          .rising-stars div:nth-child(1) {
            animation-duration: 100s !important;
            box-shadow: 919px 12930px #fff, 1679px 1337px #fff, 1061px 86px #fff, 996px 529px #fff, 1314px 36px #fff, 1518px 517px #fff, 692px 853px #fff, 365px 89px #fff, 571px 1100px #fff, 382px 1917px #fff, 1394px 35px #fff, 898px 1454px #fff, 1200px 1834px #fff, 123px 1534px #fff, 1724px 320px #fff, 348px 1505px #fff, 785px 233px #fff, 1128px 1715px #fff, 1108px 1406px #fff, 643px 1518px #fff, 852px 1750px #fff, 1771px 283px #fff, 1211px 1534px #fff, 642px 155px #fff, 1374px 462px #fff, 1340px 395px #fff, 910px 160px #fff, 363px 1969px #fff, 610px 71px #fff, 181px 1926px #fff, 712px 385px #fff, 331px 1187px #fff, 866px 784px #fff, 1370px 1946px #fff, 3px 1245px #fff, 527px 32px #fff, 351px 1749px #fff, 1048px 302px #fff, 639px 1604px #fff, 95px 1376px #fff, 825px 854px #fff, 1905px 1880px #fff, 503px 77px #fff, 1566px 1563px #fff, 1347px 1007px #fff, 413px 1062px #fff, 1855px 931px #fff, 254px 1182px #fff, 586px 480px #fff, 1439px 1121px #fff, 1059px 325px #fff, 1009px 338px #fff, 968px 1672px #fff, 628px 1053px #fff, 272px 182px #fff, 531px 298px #fff, 803px 1051px #fff, 539px 106px #fff, 1902px 327px #fff, 799px 371px #fff, 831px 1855px #fff, 1828px 410px #fff, 1771px 1738px #fff, 1537px 511px #fff, 1751px 631px #fff, 1460px 1035px #fff, 118px 1689px #fff, 379px 164px #fff, 1879px 440px #fff, 1190px 402px #fff, 1277px 746px #fff, 771px 922px #fff, 1345px 620px #fff, 432px 1959px #fff, 392px 1347px #fff, 1730px 1309px #fff, 8px 99px #fff, 1143px 257px #fff, 1619px 876px #fff, 1436px 158px #fff, 881px 1005px #fff, 117px 1850px #fff, 208px 921px #fff, 351px 838px #fff, 385px 553px #fff, 798px 344px #fff, 1318px 1956px #fff, 1567px 606px #fff, 190px 1977px #fff, 1858px 745px #fff, 782px 1472px #fff, 165px 678px #fff, 593px 1438px #fff, 1968px 763px #fff, 1067px 580px #fff, 918px 1745px #fff, 1555px 732px #fff, 876px 1109px #fff, 1011px 1847px #fff, 719px 815px #fff, 763px 247px #fff, 1238px 1374px #fff, 1045px 1158px #fff, 601px 1314px #fff, 297px 155px #fff, 153px 523px #fff, 1647px 1988px #fff, 1657px 969px #fff, 547px 545px #fff, 1098px 118px #fff, 548px 1232px #fff, 1538px 1641px #fff, 296px 437px #fff, 1839px 1759px #fff, 1893px 1546px #fff, 1200px 350px #fff, 757px 1278px #fff, 545px 17px #fff, 1265px 1777px #fff, 339px 1332px #fff, 193px 1101px #fff, 1893px 1579px #fff, 1880px 1511px #fff, 1944px 132px #fff, 867px 1009px #fff, 1114px 1584px #fff, 552px 115px #fff, 1030px 1029px #fff, 854px 480px #fff, 491px 192px #fff, 1085px 1731px #fff, 1391px 497px #fff, 597px 1393px #fff, 393px 1222px #fff, 621px 1634px #fff, 1553px 192px #fff, 585px 1527px #fff, 1387px 1961px #fff, 1117px 1000px #fff, 784px 14px #fff, 249px 590px #fff, 114px 1493px #fff, 55px 1327px #fff, 141px 1150px #fff, 1756px 143px #fff, 679px 710px #fff, 455px 291px #fff, 1558px 678px #fff, 400px 416px #fff, 1191px 1691px #fff, 133px 1359px #fff, 435px 639px #fff, 1259px 1250px #fff, 196px 135px #fff, 975px 46px #fff, 48px 1193px #fff, 93px 1970px #fff, 370px 871px #fff, 509px 500px #fff, 866px 1748px #fff, 1984px 475px #fff, 1478px 358px #fff, 1693px 93px #fff, 622px 1359px #fff, 540px 754px #fff, 1845px 1356px #fff, 1311px 68px #fff, 1162px 296px #fff, 1901px 28px #fff, 557px 971px #fff, 1922px 1832px #fff, 1138px 217px #fff, 474px 424px #fff, 1179px 997px #fff, 1584px 1196px #fff, 1653px 1523px #fff, 129px 1512px #fff, 1440px 1288px #fff, 620px 1202px #fff, 294px 1613px #fff, 1426px 1500px #fff, 1054px 1200px #fff, 1913px 1719px #fff, 1737px 1573px #fff, 1834px 1078px #fff, 1124px 634px #fff, 1504px 1305px #fff, 39px 1052px #fff, 304px 1423px #fff, 226px 472px #fff, 1226px 1974px #fff, 607px 1543px #fff, 1964px 1083px #fff, 1871px 507px #fff, 225px 112px #fff, 1180px 514px #fff, 606px 984px #fff, 1372px 868px #fff, 1136px 140px #fff, 946px 1529px #fff, 1393px 723px #fff, 995px 1381px #fff, 1015px 1117px #fff, 1975px 287px #fff, 1022px 1081px #fff, 878px 1588px #fff, 1275px 52px #fff, 1430px 1786px #fff, 696px 1147px #fff, 312px 762px #fff, 1647px 697px #fff, 1216px 1634px #fff, 985px 1407px #fff, 331px 1018px #fff, 1223px 198px #fff, 1387px 1713px #fff, 409px 1562px #fff, 993px 1465px #fff, 110px 1898px #fff, 501px 165px #fff, 1063px 1038px #fff, 1444px 163px #fff, 1646px 457px #fff, 755px 1822px #fff, 1092px 1551px #fff, 1328px 598px #fff, 826px 269px #fff, 1291px 1513px #fff, 390px 428px #fff, 557px 1384px #fff, 130px 1207px #fff, 1638px 875px #fff, 617px 1939px #fff, 607px 532px #fff, 500px 283px #fff, 1048px 226px #fff, 1728px 1883px #fff, 812px 1497px #fff, 1905px 1426px #fff, 611px 1730px #fff, 300px 1715px #fff, 143px 1019px #fff, 1333px 873px #fff, 1044px 846px #fff, 1838px 526px #fff, 789px 458px #fff, 1267px 1933px #fff, 29px 88px #fff, 765px 1604px #fff, 1956px 544px #fff, 9px 508px #fff, 274px 1031px #fff, 1824px 216px #fff, 1816px 1088px #fff, 1855px 123px #fff, 1148px 1630px #fff, 358px 932px #fff, 1425px 671px #fff, 1111px 155px #fff, 10px 1105px #fff, 1682px 1879px #fff, 836px 214px #fff, 1137px 905px #fff, 6px 1218px #fff, 929px 1683px #fff, 110px 968px #fff, 1062px 370px #fff, 407px 482px #fff, 1107px 1728px #fff, 1013px 1194px #fff, 1070px 717px #fff, 1584px 417px #fff, 1565px 1684px #fff, 1783px 201px #fff, 1616px 754px #fff, 1809px 1919px #fff, 1968px 744px #fff, 1540px 1936px #fff, 482px 269px #fff, 1152px 525px #fff, 1593px 1107px #fff, 795px 768px #fff, 176px 1918px #fff, 380px 987px #fff, 12px 1412px #fff, 921px 1290px #fff, 881px 629px #fff, 1651px 66px #fff, 338px 1549px #fff, 721px 255px #fff, 1881px 1405px #fff, 1739px 34px #fff, 328px 1497px #fff, 322px 1363px #fff, 198px 1471px #fff, 313px 115px #fff, 284px 367px #fff, 1440px 1975px #fff, 1410px 1460px #fff, 1592px 167px #fff, 1788px 1776px #fff, 1808px 1654px #fff, 157px 697px #fff, 396px 715px #fff, 1255px 244px #fff, 1497px 454px #fff, 1506px 1232px #fff, 695px 1866px #fff, 659px 1568px #fff, 1770px 139px #fff, 492px 1695px #fff, 184px 1691px #fff, 1908px 592px #fff, 1219px 1259px #fff, 1354px 1107px #fff, 23px 1823px #fff, 1789px 1286px #fff, 1128px 1734px #fff, 775px 1704px #fff, 1545px 1114px #fff, 367px 892px #fff, 411px 1049px #fff, 1407px 241px #fff, 913px 753px #fff, 1810px 1168px #fff, 584px 1300px #fff, 1929px 1867px #fff, 945px 990px #fff, 416px 69px #fff, 941px 1306px #fff, 1684px 1195px #fff, 225px 1906px #fff, 187px 1526px #fff, 1112px 524px #fff, 127px 1531px #fff, 1821px 1961px #fff, 1292px 742px #fff, 1611px 1757px #fff, 1532px 606px #fff, 431px 1901px #fff, 1229px 1025px #fff, 574px 1850px #fff, 623px 159px #fff, 1029px 1789px #fff, 705px 786px #fff, 746px 1382px #fff, 1252px 537px #fff, 168px 1664px #fff, 261px 1858px #fff, 1216px 1067px #fff, 183px 869px #fff, 1104px 578px #fff, 1806px 331px #fff, 389px 1319px #fff, 1615px 244px #fff, 443px 1969px #fff, 1045px 835px #fff, 600px 1515px #fff, 731px 702px #fff, 1551px 307px #fff, 590px 149px #fff, 1146px 1310px #fff, 1560px 1974px #fff, 442px 1000px #fff, 1562px 598px #fff, 546px 1753px #fff, 1209px 821px #fff, 1937px 462px #fff, 15px 677px #fff, 630px 522px #fff, 111px 393px #fff, 1602px 408px #fff, 965px 1885px #fff, 850px 162px #fff, 741px 644px #fff, 389px 170px #fff, 248px 522px #fff, 1315px 12px #fff, 380px 1566px #fff, 1393px 971px #fff, 765px 190px #fff, 1748px 1837px #fff, 1189px 1130px #fff, 1667px 1807px #fff, 203px 283px #fff, 1934px 1849px #fff, 1353px 1411px #fff, 1730px 1196px #fff, 1227px 891px #fff, 132px 1970px #fff, 128px 1394px #fff, 501px 148px #fff, 936px 964px #fff, 906px 1328px #fff, 542px 1294px #fff, 1309px 21px #fff, 1110px 807px #fff, 475px 2000px #fff, 289px 54px #fff, 758px 368px #fff, 951px 1168px #fff, 812px 521px #fff, 1055px 1038px #fff, 1295px 657px #fff, 1451px 194px #fff, 1815px 1247px #fff, 1973px 1819px #fff, 1579px 1107px #fff, 837px 244px #fff, 209px 1893px #fff, 22px 479px #fff, 1115px 1365px #fff, 1639px 1183px #fff, 1356px 1268px #fff, 1943px 395px #fff, 1592px 1633px #fff, 1620px 874px #fff, 1225px 1025px #fff, 594px 816px #fff, 1989px 601px #fff, 987px 1521px #fff, 1029px 873px #fff, 200px 1060px #fff, 1870px 74px #fff, 540px 791px #fff, 1822px 1118px #fff, 1124px 487px #fff, 1145px 1717px #fff, 597px 963px #fff, 774px 1432px #fff, 1208px 823px #fff, 191px 1848px #fff, 653px 1939px #fff, 1252px 77px #fff, 690px 208px #fff, 1984px 1591px #fff, 1913px 28px #fff, 1301px 1462px #fff, 79px 1473px #fff, 1075px 1044px #fff, 1896px 1095px #fff, 1867px 1719px #fff, 390px 1119px #fff, 498px 1438px #fff, 239px 1741px #fff, 1204px 1803px #fff, 341px 1426px #fff, 1245px 1492px #fff, 1467px 1133px #fff, 1700px 825px #fff, 1041px 812px #fff, 1272px 1109px #fff, 1334px 69px #fff, 1271px 1099px #fff, 221px 619px #fff, 1384px 845px #fff, 1977px 1077px #fff, 456px 28px #fff, 379px 350px #fff, 1552px 1217px #fff, 952px 553px #fff, 951px 92px #fff, 1965px 1638px #fff, 1989px 1129px #fff, 1111px 283px #fff, 1176px 640px #fff, 951px 1729px #fff, 1887px 327px #fff, 1906px 1335px #fff, 1138px 189px #fff, 178px 924px #fff, 1850px 236px #fff, 1173px 1654px #fff, 1154px 392px #fff, 1050px 222px #fff, 885px 1735px #fff, 1690px 652px #fff, 857px 1951px #fff, 1853px 250px #fff, 1643px 1092px #fff, 283px 97px #fff, 1650px 661px #fff, 1875px 217px #fff, 148px 1820px #fff, 1807px 1311px #fff, 1760px 880px #fff, 1799px 1201px #fff, 1381px 1065px #fff, 1708px 956px #fff, 1887px 1409px #fff, 1717px 1834px #fff, 2px 90px #fff, 1332px 634px #fff, 1891px 1493px #fff, 710px 1003px #fff, 1921px 128px #fff, 254px 432px #fff, 170px 1103px #fff, 1743px 112px #fff, 1657px 1031px #fff
          }

          .rising-stars div:nth-child(2) {
            animation-duration: 150s !important;
            box-shadow: 1288px 6298px #fff, 1753px 1424px #fff, 168px 1627px #fff, 1453px 1514px #fff, 866px 1448px #fff, 1400px 1026px #fff, 354px 244px #fff, 982px 729px #fff, 1502px 1207px #fff, 645px 1749px #fff, 384px 1989px #fff, 1337px 941px #fff, 507px 1915px #fff, 1441px 1292px #fff, 463px 169px #fff, 1873px 1294px #fff, 1781px 1832px #fff, 1128px 255px #fff, 666px 957px #fff, 956px 1574px #fff, 1104px 303px #fff, 536px 1835px #fff, 241px 46px #fff, 1073px 1372px #fff, 801px 17px #fff, 255px 1715px #fff, 1061px 1014px #fff, 1110px 649px #fff, 1878px 1555px #fff, 332px 403px #fff, 885px 305px #fff, 148px 1012px #fff, 900px 1151px #fff, 1985px 473px #fff, 1267px 566px #fff, 1667px 63px #fff, 795px 1955px #fff, 1133px 836px #fff, 1453px 1815px #fff, 1162px 238px #fff, 355px 855px #fff, 949px 1480px #fff, 1730px 576px #fff, 935px 1990px #fff, 438px 1687px #fff, 1104px 1065px #fff, 395px 1763px #fff, 304px 1982px #fff, 914px 1912px #fff, 1609px 1159px #fff, 975px 1157px #fff, 478px 1251px #fff, 1512px 1561px #fff, 187px 745px #fff, 522px 468px #fff, 132px 1418px #fff, 1085px 769px #fff, 569px 545px #fff, 1616px 1669px #fff, 614px 1913px #fff, 474px 1556px #fff, 1887px 934px #fff, 820px 227px #fff, 1515px 206px #fff, 246px 935px #fff, 1500px 1731px #fff, 1563px 940px #fff, 1854px 1891px #fff, 598px 912px #fff, 1399px 774px #fff, 604px 53px #fff, 719px 379px #fff, 916px 481px #fff, 828px 1881px #fff, 432px 745px #fff, 1135px 1285px #fff, 1528px 677px #fff, 260px 622px #fff, 1584px 1332px #fff, 1874px 1142px #fff, 905px 11px #fff, 1519px 668px #fff, 692px 1416px #fff, 1486px 1590px #fff, 806px 1177px #fff, 1553px 301px #fff, 1354px 1782px #fff, 417px 1032px #fff, 477px 1220px #fff, 716px 691px #fff, 552px 1149px #fff, 610px 722px #fff, 1314px 415px #fff, 653px 1196px #fff, 1362px 1054px #fff, 759px 25px #fff, 46px 1753px #fff, 1477px 1304px #fff, 1826px 1305px #fff, 1007px 1217px #fff, 1992px 1786px #fff, 718px 737px #fff, 357px 1475px #fff, 1446px 923px #fff, 848px 1725px #fff, 928px 668px #fff, 904px 12px #fff, 992px 444px #fff, 1950px 11px #fff, 532px 644px #fff, 1189px 967px #fff, 767px 1017px #fff, 1495px 743px #fff, 1965px 431px #fff, 1037px 628px #fff, 89px 1672px #fff, 1889px 280px #fff, 1076px 1961px #fff, 751px 261px #fff, 378px 1036px #fff, 1253px 923px #fff, 753px 195px #fff, 673px 662px #fff, 899px 1071px #fff, 863px 609px #fff, 144px 1977px #fff, 1391px 792px #fff, 1987px 319px #fff, 122px 147px #fff, 1755px 705px #fff, 1756px 1794px #fff, 1129px 77px #fff, 1972px 182px #fff, 1588px 1686px #fff, 136px 61px #fff, 303px 1490px #fff, 915px 969px #fff, 1666px 48px #fff, 175px 1861px #fff, 533px 105px #fff, 1562px 1089px #fff, 1803px 1379px #fff, 996px 1039px #fff, 642px 1734px #fff, 753px 448px #fff, 818px 687px #fff, 1825px 1277px #fff, 1103px 1054px #fff, 825px 550px #fff, 490px 994px #fff, 312px 1370px #fff, 302px 982px #fff, 431px 940px #fff, 935px 1004px #fff, 1798px 1719px #fff, 842px 17px #fff, 218px 1156px #fff, 30px 720px #fff, 181px 20px #fff, 798px 126px #fff, 932px 543px #fff, 1668px 1987px #fff, 1205px 268px #fff, 1561px 289px #fff, 1333px 754px #fff, 230px 392px #fff, 1604px 216px #fff, 293px 1275px #fff, 1947px 1688px #fff, 1639px 316px #fff, 1880px 527px #fff, 1329px 642px #fff, 503px 1392px #fff, 25px 453px #fff, 554px 1338px #fff, 1916px 374px #fff, 167px 821px #fff, 946px 846px #fff, 258px 1628px #fff, 1029px 549px #fff, 723px 1897px #fff, 289px 189px #fff, 1286px 896px #fff, 1439px 839px #fff, 877px 1783px #fff, 1345px 1544px #fff, 181px 1756px #fff, 1555px 1188px #fff, 501px 342px #fff, 1127px 693px #fff, 1641px 1964px #fff, 1673px 274px #fff, 846px 1593px #fff, 229px 807px #fff, 1581px 1285px #fff, 1849px 1476px #fff, 1286px 321px #fff, 1894px 346px #fff, 1661px 636px #fff, 1884px 76px #fff, 1276px 1648px #fff, 1968px 1202px #fff, 1238px 1202px #fff, 824px 906px #fff, 249px 158px #fff, 984px 1052px #fff, 824px 1486px #fff, 995px 331px #fff, 1395px 166px #fff, 853px 1258px #fff, 975px 257px #fff, 452px 1625px #fff, 1505px 1173px #fff, 1841px 491px #fff, 1350px 1629px #fff, 1058px 395px #fff, 521px 992px #fff, 1221px 303px #fff, 256px 1514px #fff, 1686px 1917px #fff, 1930px 92px #fff, 546px 145px #fff, 632px 1672px #fff, 981px 249px #fff, 294px 1227px #fff, 648px 413px #fff, 1332px 1316px #fff, 621px 1368px #fff, 1736px 781px #fff, 1672px 1668px #fff, 1445px 1918px #fff, 1896px 1865px #fff, 1287px 1638px #fff, 920px 1395px #fff, 888px 1946px #fff, 954px 609px #fff, 587px 5px #fff, 861px 655px #fff, 522px 665px #fff, 1060px 711px #fff, 189px 1787px #fff, 1240px 680px #fff, 281px 1446px #fff, 1198px 667px #fff, 1738px 1350px #fff, 251px 875px #fff, 150px 1189px #fff, 35px 1977px #fff, 1373px 1004px #fff, 75px 1448px #fff, 1464px 526px #fff, 697px 1825px #fff, 1084px 1707px #fff, 1917px 469px #fff, 842px 1549px #fff, 445px 1220px #fff, 1663px 461px #fff, 1834px 1496px #fff, 1073px 215px #fff, 1690px 1975px #fff, 1891px 1425px #fff, 1018px 722px #fff, 1685px 281px #fff, 369px 363px #fff, 581px 1905px #fff, 454px 1150px #fff, 1170px 156px #fff, 684px 1640px #fff, 1909px 454px #fff, 619px 1625px #fff, 1369px 395px #fff, 1774px 1231px #fff, 352px 1592px #fff, 1999px 55px #fff, 1919px 1385px #fff, 860px 123px #fff, 800px 184px #fff, 300px 1030px #fff, 1512px 537px #fff, 1837px 1748px #fff, 171px 1537px #fff, 1458px 853px #fff, 791px 1265px #fff, 1592px 1093px #fff, 996px 835px #fff, 1400px 409px #fff, 212px 1497px #fff, 1524px 429px #fff, 1726px 66px #fff, 227px 1423px #fff, 1307px 302px #fff, 797px 1774px #fff, 759px 742px #fff, 848px 872px #fff, 1160px 539px #fff, 1898px 1423px #fff, 66px 1914px #fff, 1228px 1147px #fff, 1667px 446px #fff, 1957px 1175px #fff, 410px 1260px #fff, 1878px 1843px #fff, 150px 1345px #fff, 1123px 867px #fff, 469px 1079px #fff, 14px 1694px #fff, 1137px 449px #fff, 1884px 167px #fff, 240px 1921px #fff, 1638px 1738px #fff, 838px 1245px #fff, 81px 168px #fff, 372px 587px #fff, 1399px 1315px #fff, 1661px 1616px #fff, 1795px 1277px #fff, 1250px 788px #fff, 1752px 36px #fff, 1580px 554px #fff, 937px 1251px #fff, 1630px 1475px #fff, 1981px 1613px #fff, 1585px 1542px #fff, 1720px 1463px #fff, 341px 1391px #fff, 1560px 1047px #fff, 1145px 909px #fff, 141px 1530px #fff, 533px 17px #fff, 774px 120px #fff, 1050px 1797px #fff, 737px 591px #fff, 912px 767px #fff, 1938px 1073px #fff, 1913px 1251px #fff, 1140px 805px #fff, 1406px 1713px #fff, 1785px 1624px #fff, 224px 696px #fff, 722px 1385px #fff, 1382px 797px #fff, 62px 446px #fff, 49px 620px #fff, 1511px 896px #fff, 826px 669px #fff, 524px 263px #fff, 1512px 329px #fff, 1801px 622px #fff, 1079px 1595px #fff, 889px 573px #fff, 115px 987px #fff, 326px 1808px #fff, 1606px 880px #fff, 63px 647px #fff, 654px 1651px #fff, 1928px 754px #fff, 221px 1022px #fff, 1363px 150px #fff, 12px 1158px #fff, 1064px 17px #fff, 1840px 1504px #fff, 990px 185px #fff, 1494px 1961px #fff, 121px 1680px #fff, 1917px 1934px #fff, 717px 1384px #fff, 1266px 1965px #fff, 521px 401px #fff, 760px 406px #fff, 627px 1374px #fff, 1997px 1400px #fff, 1555px 1102px #fff, 1735px 352px #fff, 1954px 825px #fff, 380px 1371px #fff, 804px 394px #fff, 449px 600px #fff, 835px 1011px #fff, 628px 573px #fff, 320px 907px #fff, 597px 1049px #fff, 278px 276px #fff, 243px 895px #fff, 1474px 1821px #fff, 819px 1597px #fff, 433px 732px #fff, 765px 1472px #fff, 1521px 514px #fff, 1439px 1977px #fff, 627px 927px #fff, 381px 1258px #fff, 1940px 1296px #fff, 367px 1751px #fff, 16px 1330px #fff, 1362px 1521px #fff, 1148px 1982px #fff, 1793px 1139px #fff, 1232px 545px #fff, 1982px 1764px #fff, 177px 1384px #fff, 952px 847px #fff, 951px 1885px #fff, 1861px 1331px #fff, 376px 336px #fff, 463px 8px #fff, 198px 411px #fff, 1336px 1549px #fff, 1616px 1259px #fff, 843px 306px #fff, 34px 1925px #fff, 1452px 85px #fff, 1645px 1135px #fff, 1290px 98px #fff, 1157px 1471px #fff, 1156px 627px #fff, 1103px 1543px #fff, 935px 494px #fff, 885px 353px #fff, 1875px 109px #fff, 1580px 1078px #fff, 228px 971px #fff, 536px 1623px #fff, 165px 89px #fff, 1853px 632px #fff, 1579px 1175px #fff, 1115px 1585px #fff, 1102px 917px #fff, 1883px 771px #fff, 783px 670px #fff, 1485px 1461px #fff, 244px 1276px #fff, 1255px 739px #fff, 1886px 534px #fff, 989px 632px #fff, 1643px 891px #fff, 1209px 1750px #fff, 431px 833px #fff, 269px 1150px #fff, 1345px 877px #fff, 1963px 1285px #fff, 698px 1277px #fff, 854px 1962px #fff, 1906px 618px #fff, 1077px 1389px #fff, 1189px 493px #fff, 1551px 1993px #fff, 957px 629px #fff, 982px 1554px #fff, 1338px 950px #fff, 1520px 494px #fff, 1123px 1042px #fff, 778px 1529px #fff, 213px 352px #fff, 1876px 536px #fff, 6px 172px #fff, 1763px 654px #fff, 1867px 19px #fff, 1731px 1205px #fff, 195px 1109px #fff, 338px 716px #fff, 1086px 929px #fff, 1008px 647px #fff, 1135px 1538px #fff, 1892px 1438px #fff, 1948px 628px #fff, 1085px 805px #fff, 1266px 1815px #fff, 1266px 209px #fff, 720px 1236px #fff, 1958px 865px #fff, 1722px 18px #fff, 1671px 171px #fff, 703px 1037px #fff, 813px 1501px #fff, 552px 145px #fff, 1377px 1911px #fff, 176px 1316px #fff, 953px 1413px #fff, 1846px 795px #fff, 97px 126px #fff, 1423px 1142px #fff, 58px 815px #fff, 859px 793px #fff, 1553px 952px #fff, 763px 1295px #fff, 1072px 1598px #fff, 1037px 1646px #fff, 430px 132px #fff, 850px 1376px #fff, 198px 336px #fff, 968px 1199px #fff, 1628px 1390px #fff, 609px 1248px #fff, 1398px 3px #fff, 290px 344px #fff, 1767px 1171px #fff, 1787px 1299px #fff, 1061px 1809px #fff, 901px 486px #fff, 1595px 1126px #fff;
            opacity: .5
          }

          .rising-stars div:nth-child(3) {
            animation-duration: 200s !important;
            box-shadow: 1273px 17446px #fff, 774px 1303px #fff, 1269px 703px #fff, 768px 364px #fff, 479px 1305px #fff, 1264px 333px #fff, 549px 1115px #fff, 1618px 1888px #fff, 769px 1720px #fff, 1726px 629px #fff, 936px 1268px #fff, 177px 957px #fff, 1359px 292px #fff, 193px 1301px #fff, 488px 1770px #fff, 1310px 593px #fff, 1110px 109px #fff, 724px 1527px #fff, 586px 163px #fff, 1841px 1644px #fff, 1639px 1981px #fff, 224px 1773px #fff, 1254px 506px #fff, 102px 667px #fff, 176px 1569px #fff, 1539px 808px #fff, 1648px 114px #fff, 1514px 214px #fff, 1388px 1880px #fff, 738px 534px #fff, 1165px 1087px #fff, 893px 1317px #fff, 860px 1061px #fff, 761px 1928px #fff, 197px 1118px #fff, 807px 1536px #fff, 656px 1094px #fff, 31px 322px #fff, 1731px 1358px #fff, 905px 1921px #fff, 1248px 672px #fff, 360px 946px #fff, 625px 406px #fff, 1990px 1809px #fff, 109px 996px #fff, 767px 1440px #fff, 971px 662px #fff, 665px 1731px #fff, 243px 1035px #fff, 210px 1383px #fff, 1680px 1743px #fff, 1428px 74px #fff, 1527px 984px #fff, 1577px 111px #fff, 191px 633px #fff, 1149px 249px #fff, 898px 365px #fff, 1332px 1001px #fff, 1185px 122px #fff, 1256px 1396px #fff, 207px 568px #fff, 816px 542px #fff, 997px 254px #fff, 339px 398px #fff, 38px 693px #fff, 634px 657px #fff, 1104px 1788px #fff, 728px 1330px #fff, 1183px 1951px #fff, 306px 1585px #fff, 986px 439px #fff, 449px 1000px #fff, 1117px 421px #fff, 1426px 1524px #fff, 1746px 1374px #fff, 848px 1106px #fff, 93px 1246px #fff, 565px 387px #fff, 1508px 727px #fff, 1697px 1878px #fff, 815px 657px #fff, 113px 119px #fff, 1735px 909px #fff, 1645px 1235px #fff, 1909px 163px #fff, 501px 801px #fff, 739px 731px #fff, 228px 445px #fff, 638px 1436px #fff, 1593px 688px #fff, 1669px 868px #fff, 107px 1756px #fff, 1548px 692px #fff, 961px 1360px #fff, 1874px 304px #fff, 325px 1269px #fff, 210px 1369px #fff, 1764px 1199px #fff, 380px 811px #fff, 986px 567px #fff, 1274px 1118px #fff, 912px 56px #fff, 501px 817px #fff, 1047px 765px #fff, 1774px 311px #fff, 270px 1661px #fff, 569px 1464px #fff, 854px 1451px #fff, 412px 1602px #fff, 1776px 174px #fff, 681px 1259px #fff, 1946px 134px #fff, 491px 1617px #fff, 1390px 758px #fff, 1432px 51px #fff, 1824px 169px #fff, 724px 182px #fff, 85px 1171px #fff, 907px 1318px #fff, 4px 1325px #fff, 1899px 194px #fff, 1600px 755px #fff, 1109px 1689px #fff, 986px 1410px #fff, 234px 642px #fff, 1935px 805px #fff, 314px 1069px #fff, 1909px 626px #fff, 17px 1897px #fff, 1309px 494px #fff, 1195px 1207px #fff, 1754px 1454px #fff, 358px 232px #fff, 604px 1740px #fff, 598px 1551px #fff, 132px 1153px #fff, 1211px 1437px #fff, 1924px 47px #fff, 668px 321px #fff, 1512px 1255px #fff, 1034px 71px #fff, 436px 1933px #fff, 391px 1358px #fff, 422px 38px #fff, 1334px 319px #fff, 1780px 1101px #fff, 1782px 251px #fff, 594px 1709px #fff, 1539px 1577px #fff, 1333px 1292px #fff, 1040px 1958px #fff, 508px 1209px #fff, 62px 277px #fff, 954px 841px #fff, 424px 1232px #fff, 1776px 811px #fff, 274px 399px #fff, 1761px 1748px #fff, 1995px 1207px #fff, 1912px 624px #fff, 117px 201px #fff, 343px 1700px #fff, 1508px 3px #fff, 1253px 1929px #fff, 1302px 332px #fff, 1089px 1851px #fff, 1667px 1227px #fff, 1076px 22px #fff, 1590px 1770px #fff, 1111px 337px #fff, 1790px 883px #fff, 1969px 113px #fff, 362px 764px #fff, 289px 1570px #fff, 452px 1569px #fff, 1207px 16px #fff, 1995px 650px #fff, 337px 362px #fff, 1653px 865px #fff, 101px 1786px #fff, 1920px 364px #fff, 1048px 1411px #fff, 1003px 128px #fff, 699px 1480px #fff, 1873px 107px #fff, 258px 1222px #fff, 444px 779px #fff, 57px 325px #fff, 1557px 861px #fff, 1583px 300px #fff, 381px 406px #fff, 1686px 1036px #fff, 938px 397px #fff, 213px 458px #fff, 1296px 1723px #fff, 70px 1139px #fff, 284px 1628px #fff, 1676px 1733px #fff, 636px 108px #fff, 672px 168px #fff, 726px 1163px #fff, 1861px 1119px #fff, 1904px 1075px #fff, 1280px 1679px #fff, 1775px 668px #fff, 1298px 1821px #fff, 595px 170px #fff, 1920px 16px #fff, 1578px 270px #fff, 545px 1055px #fff, 13px 1877px #fff, 1895px 1550px #fff, 1492px 469px #fff, 1800px 719px #fff, 1870px 899px #fff, 1021px 886px #fff, 645px 912px #fff, 552px 1367px #fff, 1763px 1412px #fff, 1509px 833px #fff, 1810px 41px #fff, 635px 1419px #fff, 1123px 1824px #fff, 668px 369px #fff, 1566px 1596px #fff, 1226px 1165px #fff, 541px 1226px #fff, 1065px 547px #fff, 1407px 230px #fff, 1681px 1080px #fff, 133px 1343px #fff, 1053px 1820px #fff, 894px 1943px #fff, 705px 719px #fff, 1030px 1722px #fff, 1780px 427px #fff, 363px 419px #fff, 1106px 1529px #fff, 1775px 1114px #fff, 1120px 487px #fff, 1985px 1300px #fff, 492px 457px #fff, 1423px 356px #fff, 1695px 711px #fff, 1505px 1215px #fff, 648px 1105px #fff, 1717px 1248px #fff, 484px 618px #fff, 1595px 275px #fff, 1679px 559px #fff, 103px 509px #fff, 1155px 337px #fff, 759px 1154px #fff, 131px 92px #fff, 344px 1848px #fff, 249px 110px #fff, 1818px 1206px #fff, 594px 1963px #fff, 412px 711px #fff, 1569px 558px #fff, 387px 1148px #fff, 1805px 1007px #fff, 1437px 1962px #fff, 859px 1558px #fff, 1721px 1904px #fff, 423px 1046px #fff, 5px 928px #fff, 1601px 763px #fff, 755px 1841px #fff, 1029px 1906px #fff, 1087px 1760px #fff, 1851px 420px #fff, 1012px 938px #fff, 1325px 818px #fff, 1723px 1643px #fff, 538px 535px #fff, 1603px 1442px #fff, 293px 1739px #fff, 623px 1646px #fff, 259px 1186px #fff, 1672px 1491px #fff, 911px 775px #fff, 1329px 1588px #fff, 1371px 1279px #fff, 487px 733px #fff, 476px 1839px #fff, 748px 72px #fff, 723px 376px #fff, 1434px 449px #fff, 848px 63px #fff, 1930px 413px #fff, 1075px 49px #fff, 1468px 75px #fff, 1785px 1938px #fff, 831px 1477px #fff, 934px 1088px #fff, 1392px 206px #fff, 1716px 522px #fff, 1460px 1627px #fff, 886px 1488px #fff, 352px 324px #fff, 718px 723px #fff, 894px 60px #fff, 1533px 756px #fff, 55px 1596px #fff, 630px 1667px #fff, 1227px 1471px #fff, 103px 738px #fff, 1746px 427px #fff, 918px 1994px #fff, 284px 1080px #fff, 953px 334px #fff, 311px 1062px #fff, 600px 1996px #fff, 1408px 1551px #fff, 1862px 1954px #fff, 562px 746px #fff, 1274px 1573px #fff, 1676px 1090px #fff, 1608px 88px #fff, 641px 790px #fff, 206px 1069px #fff, 1289px 1373px #fff, 1007px 242px #fff, 1740px 370px #fff, 58px 1460px #fff, 1895px 1954px #fff, 1016px 143px #fff, 1761px 920px #fff, 1317px 1743px #fff, 2000px 217px #fff, 280px 1591px #fff, 1179px 1156px #fff, 1633px 1258px #fff, 275px 1347px #fff, 299px 1384px #fff, 1635px 1861px #fff, 1408px 487px #fff, 188px 1113px #fff, 1951px 889px #fff, 1318px 736px #fff, 1894px 1096px #fff, 1729px 1362px #fff, 638px 1748px #fff, 163px 809px #fff, 1421px 628px #fff, 1647px 1783px #fff, 708px 628px #fff, 1594px 834px #fff, 1101px 517px #fff, 550px 1629px #fff, 1113px 1782px #fff, 1519px 477px #fff, 1092px 541px #fff, 1065px 779px #fff, 1634px 1618px #fff, 133px 1074px #fff, 1731px 1983px #fff, 1674px 1541px #fff, 849px 559px #fff, 1903px 1148px #fff, 1062px 1635px #fff, 1747px 1501px #fff, 1974px 1188px #fff, 1657px 1084px #fff, 1438px 1102px #fff, 1693px 38px #fff, 603px 1217px #fff, 425px 1601px #fff, 697px 669px #fff, 1796px 586px #fff, 1084px 1537px #fff, 986px 662px #fff, 520px 629px #fff, 911px 1609px #fff, 918px 738px #fff, 1072px 1431px #fff, 892px 261px #fff, 203px 1266px #fff, 1832px 1032px #fff, 988px 1928px #fff, 1776px 1101px #fff, 661px 1762px #fff, 333px 1757px #fff, 885px 742px #fff, 1749px 586px #fff, 1769px 803px #fff, 1654px 513px #fff, 1224px 594px #fff, 752px 1755px #fff, 1556px 1737px #fff, 1367px 217px #fff, 146px 1612px #fff, 1053px 1903px #fff, 1300px 474px #fff, 24px 997px #fff, 1213px 1437px #fff, 775px 942px #fff, 32px 1356px #fff, 1884px 516px #fff, 1399px 1751px #fff, 386px 330px #fff, 1968px 1662px #fff, 724px 14px #fff, 1203px 670px #fff, 843px 1813px #fff, 372px 720px #fff, 2000px 1090px #fff, 911px 288px #fff, 675px 628px #fff, 330px 1571px #fff, 1368px 1871px #fff, 891px 1481px #fff, 897px 900px #fff, 1663px 1893px #fff, 739px 773px #fff, 1853px 499px #fff, 1857px 1085px #fff, 1672px 812px #fff, 567px 696px #fff, 356px 1614px #fff, 536px 411px #fff, 1498px 1935px #fff, 104px 343px #fff, 510px 733px #fff, 1491px 1098px #fff, 234px 1073px #fff, 242px 1233px #fff, 143px 177px #fff, 1810px 552px #fff, 696px 1030px #fff, 1616px 1247px #fff, 270px 989px #fff, 1336px 1224px #fff, 1475px 792px #fff, 884px 1587px #fff, 1810px 81px #fff, 49px 301px #fff, 666px 780px #fff, 1805px 1461px #fff, 1909px 1188px #fff, 369px 612px #fff, 1332px 1425px #fff, 1042px 619px #fff, 1251px 1944px #fff, 162px 654px #fff, 1957px 1074px #fff, 970px 993px #fff, 1014px 1991px #fff, 987px 99px #fff, 521px 46px #fff, 504px 340px #fff, 200px 1964px #fff, 581px 994px #fff, 1766px 1700px #fff, 841px 1110px #fff, 1208px 408px #fff, 86px 55px #fff, 1067px 1439px #fff, 74px 878px #fff, 666px 350px #fff, 883px 1376px #fff, 1455px 935px #fff, 157px 1036px #fff, 1787px 1583px #fff, 1672px 1994px #fff, 1780px 568px #fff, 838px 94px #fff, 1840px 1826px #fff, 702px 1094px #fff, 337px 1051px #fff, 155px 1693px #fff, 1344px 78px #fff, 620px 588px #fff, 1863px 1968px #fff, 291px 178px #fff, 305px 1820px #fff, 818px 698px #fff, 741px 1112px #fff, 1618px 37px #fff, 1404px 797px #fff, 1567px 1083px #fff, 1822px 735px #fff, 1963px 226px #fff, 570px 274px #fff, 1471px 145px #fff, 779px 148px #fff, 61px 728px #fff, 1650px 1461px #fff, 1737px 1058px #fff, 419px 688px #fff, 1406px 539px #fff, 667px 933px #fff, 1081px 434px #fff, 148px 1006px #fff, 4px 1491px #fff, 1215px 1730px #fff, 818px 1010px #fff, 620px 1510px #fff, 1395px 1760px #fff;
            opacity: .3
          }

          @keyframes risingStarsAnination {
            0% {
              transform: translateZ(0) translateY(0)
            }

            to {
              transform: translateZ(0) translateY(-2000px)
            }
          }
        


          @keyframes hue-rotate {
            0% {
              filter: hue-rotate(0deg)
            }

            to {
              filter: hue-rotate(360deg)
            }
          }

          .lazy-image {
            display: block;
            transition: 1s cubic-bezier(.6, .6, 0, 1) opacity
          }

          .lazy-image-hidden {
            opacity: 0
          }
        


          @keyframes hue-rotate {
            0% {
              filter: hue-rotate(0deg)
            }

            to {
              filter: hue-rotate(360deg)
            }
          }

          .ai-showcase {
            background: rgba(255, 255, 255, .01);
            border: 1px solid rgba(255, 255, 255, .1);
            border-radius: 24px;
            box-shadow: inset 0 0 0 8px #ffffff08;
            cursor: pointer;
            height: 140px;
            left: 50%;
            padding: 8px;
            position: absolute;
            z-index: 2;
            top: 256px;
            transform: translate(-50%);
            transition: .45s cubic-bezier(.6, .6, 0, 1) background-color, .45s cubic-bezier(.6, .6, 0, 1) border-color
          }

          .ai-showcase:hover {
            background: rgba(255, 255, 255, .05)
          }

          .ai-showcase:hover,
          .ai-showcase:hover .ai-showcase-inner {
            border-color: #ffffff29
          }

          .ai-showcase-inner {
            -webkit-backdrop-filter: blur(15px);
            backdrop-filter: blur(15px);
            background: radial-gradient(71.86% 50% at 50% 0%, rgba(168, 127, 255, .04) 0%, rgba(168, 127, 255, 0) 100%), rgba(4, 1, 21, .1);
            border: 1px solid rgba(255, 255, 255, .1);
            border-radius: 16px;
            height: 100%;
            padding: 24px 32px;
            position: relative;
            transition: .45s cubic-bezier(.6, .6, 0, 1) border-color;
            width: 560px
          }

          .ai-showcase-inner-starlight {
            height: 8px;
            -webkit-mask-image: linear-gradient(to right, rgba(217, 217, 217, 0) 0%, #d9d9d9 25%, #d9d9d9 75%, rgba(217, 217, 217, 0) 100%);
            mask-image: linear-gradient(to right, rgba(217, 217, 217, 0) 0%, #d9d9d9 25%, #d9d9d9 75%, rgba(217, 217, 217, 0) 100%);
            opacity: .5;
            position: absolute;
            width: 180px
          }

          .ai-showcase-inner-starlight:before {
            animation: 5s cubic-bezier(.6, .6, 0, 1) infinite;
            background: linear-gradient(to right, rgba(201, 177, 255, 0), #c9b1ff, rgba(201, 177, 255, 0));
            content: "";
            display: block;
            height: 1px;
            width: 100%
          }

          .ai-showcase-inner-starlight:nth-child(1) {
            right: 56px;
            top: -1px
          }

          .ai-showcase-inner-starlight:nth-child(1):before {
            animation-name: aiShowcaseStarlight1
          }

          .ai-showcase-inner-starlight:nth-child(2) {
            bottom: -8px;
            left: 56px
          }

          .ai-showcase-inner-starlight:nth-child(2):before {
            animation-name: aiShowcaseStarlight2
          }

          .ai-showcase-title {
            font-size: 15px;
            font-weight: 500;
            line-height: 24px;
            margin-bottom: 24px
          }

          .ai-showcase-text {
            display: flex;
            font-size: 13px;
            font-weight: 400;
            line-height: 24px;
            position: absolute
          }

          .ai-showcase-text .dot {
            background: rgba(255, 255, 255, .24);
            border-radius: 50%;
            display: inline-block;
            height: 4px;
            margin-right: 16px;
            margin-top: 10px;
            width: 4px
          }

          .ai-showcase-text-rainbow {
            animation: aiShowcaseText 4s 1 linear forwards;
            background: linear-gradient(to right, #FC72FF, #8F68FF, #487BFF, #2CD9FF, #2CFFCC);
            -webkit-background-clip: text;
            background-clip: text;
            background-size: 200% 100%;
            left: 18.5px;
            position: absolute;
            -webkit-text-fill-color: transparent;
            top: 0
          }

          .ai-showcase-button {
            align-items: center;
            animation: hue-rotate 2s infinite linear;
            color: transparent;
            display: flex;
            position: absolute;
            right: 32px;
            top: 24px;
            transition: .3s cubic-bezier(.6, .6, 0, 1) opacity, .3s cubic-bezier(.6, .6, 0, 1) transform
          }

          .ai-showcase-button-text {
            background: linear-gradient(to right, #FC72FF, #8F68FF, #487BFF, #2CD9FF, #2CFFCC);
            -webkit-background-clip: text;
            background-clip: text;
            background-size: 200% 100%;
            font-size: 13px;
            font-weight: 400;
            line-height: 24px;
            -webkit-text-fill-color: transparent
          }

          .ai-showcase-active {
            pointer-events: none
          }

          .ai-showcase-active .ai-showcase-button {
            display: none
          }

          .ai-showcase-outer-starlight {
            height: 356px;
            -webkit-mask-image: linear-gradient(to bottom, rgba(217, 217, 217, 0) 0%, #d9d9d9 25%, #d9d9d9 75%, rgba(217, 217, 217, 0) 100%);
            mask-image: linear-gradient(to bottom, rgba(217, 217, 217, 0) 0%, #d9d9d9 25%, #d9d9d9 75%, rgba(217, 217, 217, 0) 100%);
            opacity: .25;
            position: absolute;
            width: 1px
          }

          .ai-showcase-outer-starlight:before {
            animation: aiShowcaseStarlightVertical 5s cubic-bezier(.6, .6, 0, 1) infinite;
            animation-delay: .5s;
            background: linear-gradient(to bottom, rgba(201, 177, 255, 0), #c9b1ff, rgba(201, 177, 255, 0));
            content: "";
            display: block;
            height: 100%;
            transform: translateY(100%);
            width: 1px
          }

          .ai-showcase-outer-starlight:nth-child(1) {
            left: -76px;
            top: -100px
          }

          .ai-showcase-outer-starlight:nth-child(2) {
            left: 492px;
            top: -133px
          }

          .ai-showcase-outer-starlight:nth-child(3) {
            left: 288px;
            top: -50px
          }

          .ai-showcase-outer-starlight:nth-child(3):before {
            animation-delay: .7s
          }

          .ai-showcase-outer-starlight:nth-child(4) {
            left: 200px;
            top: -50px
          }

          .ai-showcase-outer-starlight:nth-child(4):before {
            animation-delay: .8s
          }

          .ai-showcase-outer-starlight:nth-child(5) {
            left: 376px;
            top: -50px
          }

          .ai-showcase-outer-starlight:nth-child(5):before {
            animation-delay: .9s
          }

          @keyframes aiShowcaseText {
            0% {
              filter: hue-rotate(0deg)
            }

            50% {
              opacity: 1
            }

            70% {
              filter: hue-rotate(2turn)
            }

            to {
              opacity: 0
            }
          }

          @keyframes aiShowcaseStarlight1 {
            0% {
              transform: translate(-100%)
            }

            50%,
            to {
              transform: translate(100%)
            }
          }

          @keyframes aiShowcaseStarlight2 {
            0% {
              transform: translate(100%)
            }

            50%,
            to {
              transform: translate(-100%)
            }
          }

          @keyframes aiShowcaseStarlightVertical {
            0% {
              transform: translateY(100%)
            }

            50%,
            to {
              transform: translateY(-100%)
            }
          }

          @media (max-width: 1248px) {
            .ai-showcase {
              height: 152px
            }

            .ai-showcase-title {
              margin-bottom: 16px
            }

            .ai-showcase-text {
              max-width: 265px
            }

            .ai-showcase-text-rainbow {
              left: 17px
            }

            .ai-showcase-inner {
              width: 334px;
              padding: 24px
            }

            .ai-showcase-button {
              background: rgba(255, 255, 255, .04);
              border: 1px solid rgba(255, 255, 255, .1);
              box-shadow: inset 0 0 12px #ffffff14;
              -webkit-backdrop-filter: blur(12px);
              backdrop-filter: blur(12px);
              border-radius: 6px;
              bottom: 12px;
              top: unset;
              right: 12px
            }

            .ai-showcase-button-text {
              display: none
            }
          }
        


            @keyframes hue-rotate {
              0% {
                filter: hue-rotate(0deg)
              }

              to {
                filter: hue-rotate(360deg)
              }
            }

            .ai-showcase-animation {
              pointer-events: none
            }
          


              @keyframes hue-rotate {
                0% {
                  filter: hue-rotate(0deg)
                }

                to {
                  filter: hue-rotate(360deg)
                }
              }

              .ai-showcase-animation-text-selection {
                background: rgba(147, 130, 255, .32);
                border: 1px solid rgba(255, 255, 255, .1);
                border-radius: 4px;
                display: none;
                height: 24px;
                left: 55px;
                position: absolute;
                top: 81px;
                width: 0
              }

              @media (max-width: 1248px) {
                .ai-showcase-animation-text-selection {
                  height: 48px;
                  top: 73px;
                  left: 47px
                }
              }
            


              @keyframes hue-rotate {
                0% {
                  filter: hue-rotate(0deg)
                }

                to {
                  filter: hue-rotate(360deg)
                }
              }

              .ai-showcase-animation-tooltip {
                -webkit-backdrop-filter: blur(12px);
                backdrop-filter: blur(12px);
                background: rgba(255, 255, 255, .04);
                border: 1px solid rgba(255, 255, 255, .1);
                border-radius: 6px;
                box-shadow: inset 0 0 12px #ffffff14;
                display: flex;
                opacity: 0;
                position: absolute;
                right: 40px;
                top: 32px;
                transform: translateY(25px) scale(.4)
              }

              .ai-showcase-animation-tooltip-icon {
                padding: 4px 8px
              }

              .ai-showcase-animation-tooltip-icon:not(:last-child) {
                border-right: 1px solid rgba(255, 255, 255, .1)
              }
            


              @keyframes hue-rotate {
                0% {
                  filter: hue-rotate(0deg)
                }

                to {
                  filter: hue-rotate(360deg)
                }
              }

              .ai-showcase-animation-menu {
                -webkit-backdrop-filter: blur(22px);
                backdrop-filter: blur(22px);
                background: rgba(3, 0, 20, .2);
                border: 1px solid rgba(255, 255, 255, .1);
                border-radius: 12px;
                box-shadow: inset 0 0 12px #ffffff14;
                font-size: 13px;
                font-weight: 400;
                left: 128px;
                line-height: 24px;
                opacity: 0;
                padding: 6px 0 12px;
                position: absolute;
                top: 112px;
                transform: translate(64px) scale(.8);
                width: 320px
              }

              .ai-showcase-animation-menu-item {
                padding: 6px 14px
              }

              .ai-showcase-animation-menu-input {
                border: 1px solid rgba(255, 255, 255, .1);
                border-radius: 4px;
                color: #efedfd99;
                padding: 4px 12px
              }

              .ai-showcase-animation-menu-category {
                color: #efedfd99
              }

              @media (max-width: 1248px) {
                .ai-showcase-animation-menu {
                  width: 320px;
                  left: 15px;
                  transform: translateY(24px) scale(.8)
                }
              }
            


              @keyframes hue-rotate {
                0% {
                  filter: hue-rotate(0deg)
                }

                to {
                  filter: hue-rotate(360deg)
                }
              }

              .ai-showcase-animation-answer {
                -webkit-backdrop-filter: blur(22px);
                backdrop-filter: blur(22px);
                background: rgba(3, 0, 20, .2);
                border: 1px solid rgba(255, 255, 255, .1);
                border-radius: 12px;
                box-shadow: inset 0 0 12px #ffffff14;
                font-size: 13px;
                font-weight: 400;
                left: 78px;
                line-height: 24px;
                opacity: 0;
                position: absolute;
                top: 112px;
                transform: translate(384px) scale(.8);
                width: 420px
              }

              .ai-showcase-animation-answer-heading {
                align-items: center;
                border-bottom: 1px solid rgba(255, 255, 255, .1);
                display: flex;
                justify-content: space-between;
                padding: 12px 14px
              }

              .ai-showcase-animation-answer-body {
                padding: 8px
              }

              .ai-showcase-animation-answer-body-inner {
                background: rgba(255, 255, 255, .04);
                border-radius: 6px;
                padding: 12px 14px
              }

              .ai-showcase-animation-answer-footer {
                display: flex;
                justify-content: space-between;
                padding: 0 8px 8px
              }

              .ai-showcase-animation-answer-footer div {
                display: flex
              }

              .ai-showcase-animation-answer-button {
                align-items: center;
                background: #5046e4;
                border: 1px solid rgba(196, 187, 255, .1);
                border-radius: 6px;
                color: #fff;
                display: flex;
                height: 32px;
                white-space: nowrap;
                padding: 0 6px 0 12px
              }

              .ai-showcase-animation-answer-button:not(:last-child) {
                margin-right: 8px
              }

              .ai-showcase-animation-answer-button:disabled {
                background: rgba(84, 57, 255, .16);
                border: 1px solid rgba(196, 187, 255, .1);
                color: #ffffff4d
              }

              .ai-showcase-animation-answer-button:disabled .ai-showcase-animation-answer-button-shortcut {
                background: rgba(84, 57, 255, .16);
                border-color: #c4bbff1a;
                color: #fff3
              }

              .ai-showcase-animation-answer-button-shortcut {
                background: rgba(255, 255, 255, .05);
                border: 1px solid rgba(255, 255, 255, .1);
                border-radius: 4px;
                font-size: 12px;
                font-weight: 400;
                line-height: 18px;
                margin-left: 8px;
                padding: 0 5px
              }

              @media (max-width: 1248px) {
                .ai-showcase-animation-answer {
                  width: 310px;
                  left: 20px
                }

                .ai-showcase-animation-answer-button-copy {
                  display: none
                }
              }
            


    @keyframes hue-rotate {
      0% {
        filter: hue-rotate(0deg)
      }

      to {
        filter: hue-rotate(360deg)
      }
    }

    .connected {
      padding-bottom: 145px;
      padding-top: 496px;
      position: relative
    }

    .connected .section-header {
      margin-bottom: 48px
    }

    .connected .section-header-description {
      max-width: 545px
    }

    .connected .rising-stars {
      height: 212px;
      left: 50%;
      -webkit-mask-image: linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, rgba(217, 217, 217, .8) 25%, #d9d9d9 50%, rgba(217, 217, 217, .8) 75%, rgba(217, 217, 217, 0) 100%);
      mask-image: linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, rgba(217, 217, 217, .8) 25%, #d9d9d9 50%, rgba(217, 217, 217, .8) 75%, rgba(217, 217, 217, 0) 100%);
      -webkit-mask-size: cover;
      mask-size: cover;
      position: absolute;
      top: 234px;
      transform: translate(-50%);
      width: 936px
    }

    .connected-background {
      height: 849px;
      left: 50%;
      position: absolute;
      top: 56px;
      transform: translate(-50%);
      width: 806px
    }

    .connected-cards {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      margin: 0 auto;
      position: relative;
      width: 936px;
      z-index: 1
    }

    .connected-cards-line {
      position: absolute
    }

    .connected-cards-line:nth-child(1) {
      background: linear-gradient(to left, rgba(243, 238, 255, .12) -.89%, rgba(243, 238, 255, 0) 100%);
      height: 1px;
      left: 319px;
      top: 0;
      width: 456px
    }

    .connected-cards-line:nth-child(2) {
      background: linear-gradient(to right, rgba(243, 238, 255, .12) -.89%, rgba(243, 238, 255, 0) 100%);
      bottom: 0;
      height: 1px;
      left: 96px;
      width: 456px
    }

    .connected-cards-line:nth-child(3) {
      background: linear-gradient(to bottom, rgba(243, 238, 255, .12) -.89%, rgba(243, 238, 255, 0) 100%);
      height: 280px;
      left: 0;
      top: 104px;
      width: 1px
    }

    .connected-cards-line:nth-child(4) {
      background: linear-gradient(to top, rgba(243, 238, 255, .12) -.89%, rgba(243, 238, 255, 0) 100%);
      height: 384px;
      left: calc(50% - .5px);
      top: 0;
      width: 1px
    }

    .connected-cards-line:nth-child(5) {
      background: linear-gradient(to bottom, rgba(243, 238, 255, .12) -.89%, rgba(243, 238, 255, 0) 100%);
      height: 256px;
      right: 0;
      top: 0;
      width: 1px
    }

    @media (max-width: 1248px) {
      .connected {
        padding-bottom: 0
      }

      .connected .section-header {
        padding: 0 20px
      }

      .connected .section-header-description {
        max-width: 265px
      }

      .connected-cards {
        width: 100%;
        display: block
      }

      .connected-cards-line:first-child {
        top: 408px;
        left: 0;
        width: 100%;
        background: linear-gradient(to left, rgba(243, 238, 255, .12) -.89%, rgba(243, 238, 255, 0) 100%);
        height: 1px
      }

      .connected-cards-line:not(:first-child) {
        display: none
      }
    }
  


        @keyframes hue-rotate {
          0% {
            filter: hue-rotate(0deg)
          }

          to {
            filter: hue-rotate(360deg)
          }
        }

        .connected-card-backlink-background {
          height: 100%;
          width: 100%
        }
      


        .connected-card-text span,
        .connected-card-text {
          font-feature-settings: "ss01" on, "cv10" on, "calt" off, "liga" off
        }

        .connected-card-text span,
        .connected-card-text {
          font-size: 16px;
          line-height: 24px
        }

        .connected-card-text span {
          font-weight: 500
        }

        @keyframes hue-rotate {
          0% {
            filter: hue-rotate(0deg)
          }

          to {
            filter: hue-rotate(360deg)
          }
        }

        .connected-card-image {
          height: 256px;
          position: relative;
          width: 100%;
          display: flex;
          justify-content: center
        }

        .connected-card-image>div {
          width: 468px;
          position: relative;
          min-width: 468px
        }

        .connected-card-content {
          padding: 0 32px 32px
        }

        .connected-card-text {
          color: #efedfdb3;
          margin-top: 16px;
          position: relative
        }

        .connected-card-text:before {
          background: rgba(243, 238, 255, .2392156863);
          content: "";
          height: 16px;
          left: -32px;
          position: absolute;
          top: 4px;
          width: 1px
        }

        .connected-card-text span {
          color: #f4f0ff
        }

        .connected-card:nth-child(1) {
          background: radial-gradient(100% 146.88% at 100% 100%, rgba(255, 255, 255, .03) 0%, rgba(3, 0, 20, 0) 100%)
        }

        .connected-card:nth-child(2) {
          background: radial-gradient(100% 121.87% at 0% 100%, rgba(255, 255, 255, .03) 0%, rgba(3, 0, 20, 0) 100%)
        }

        @media (max-width: 1248px) {
          .connected-card {
            max-width: 388px;
            margin: 0 auto;
            background: none !important
          }

          .connected-card-text span {
            display: block
          }

          .connected-card-text:before {
            content: unset
          }
        }
      


              .connected-card-backlink-circle:after {
                font-feature-settings: "ss01" on, "cv10" on, "calt" off, "liga" off
              }

              .connected-card-backlink-circle:after {
                font-size: 12px;
                line-height: 16px
              }

              @keyframes hue-rotate {
                0% {
                  filter: hue-rotate(0deg)
                }

                to {
                  filter: hue-rotate(360deg)
                }
              }

              .connected-card-backlink-circle {
                animation: connected-card-backlink-circle 1s var(--animation-delay, 0s) cubic-bezier(.6, .6, 0, 1) forwards;
                -webkit-backdrop-filter: blur(4px);
                backdrop-filter: blur(4px);
                background: rgba(var(--rgb), .03);
                border: 1px solid;
                border-color: rgba(var(--rgb), .1);
                border-radius: 999px;
                height: 32px;
                opacity: 0;
                position: absolute;
                transform: scale(0);
                width: 32px;
                z-index: 1
              }

              .connected-card-backlink-circle-inner {
                animation: connected-card-backlink-circle-inner 1s var(--animation-delay, 0s) cubic-bezier(.6, .6, 0, 1) forwards;
                background: linear-gradient(180deg, rgba(var(--rgb), 0) 0%, rgba(var(--rgb), .32) 100%), rgba(var(--rgb), .01);
                border-radius: inherit;
                box-shadow: 0 0 20px rgba(var(--rgb), .25), inset 0 0 5px rgba(var(--rgb), .25);
                height: 24px;
                left: 50%;
                opacity: 1;
                position: absolute;
                top: 50%;
                transform: translate(-50%, -50%) scale(.8);
                width: 24px
              }

              .connected-card-backlink-circle-inner:before {
                border: 1px solid rgba(var(--rgb), .32);
                border-radius: inherit;
                content: "";
                height: calc(100% - 1px);
                left: 50%;
                position: absolute;
                top: 50%;
                transform: translate(-50%, -50%);
                width: calc(100% - 1px)
              }

              .connected-card-backlink-circle:after {
                animation: connected-card-backlink-circle-after 1s var(--animation-delay, 0s) cubic-bezier(.6, .6, 0, 1) forwards;
                background: rgba(10, 8, 27, .7);
                border: 1px solid rgba(255, 255, 255, .05);
                border-radius: 99px;
                color: #efedfdb3;
                left: 50%;
                opacity: 0;
                padding: 4px 10px;
                position: absolute;
                top: calc(100% + 4px);
                transform: translate(-50%, -25px);
                width: -moz-max-content;
                width: max-content;
                z-index: 10
              }

              .connected-card-backlink-circle:nth-child(1) {
                --rgb: 255, 121, 217;
                --animation-delay: .25s;
                left: 145px;
                top: 55px
              }

              .connected-card-backlink-circle:nth-child(1):after {
                content: "Alex MacCaw"
              }

              .connected-card-backlink-circle:nth-child(2) {
                --animation-delay: 1s;
                --rgb: 121, 255, 191;
                left: 70px;
                top: 135px
              }

              .connected-card-backlink-circle:nth-child(2):after {
                content: "The power of..."
              }

              .connected-card-backlink-circle:nth-child(3) {
                --rgb: 164, 121, 255;
                --animation-delay: 0s;
                height: 40px;
                left: 214px;
                top: 122px;
                width: 40px
              }

              .connected-card-backlink-circle:nth-child(3):after {
                content: "SilenceSide"
              }

              .connected-card-backlink-circle:nth-child(3) .connected-card-backlink-circle-inner {
                height: 32px;
                width: 32px
              }

              .connected-card-backlink-circle:nth-child(4) {
                --animation-delay: 1.5s;
                --rgb: 121, 150, 255;
                left: 342px;
                top: 66px
              }

              .connected-card-backlink-circle:nth-child(4):after {
                content: "Tips and tricks"
              }

              .connected-card-backlink-circle:nth-child(5) {
                --animation-delay: 2s;
                --rgb: 255, 193, 121;
                left: 336px;
                top: 165px
              }

              .connected-card-backlink-circle:nth-child(5):after {
                content: "Saving websites"
              }

              .connected-card-backlink-lines svg {
                position: absolute
              }

              .connected-card-backlink-lines svg path {
                animation: connected-card-backlink-line 2s cubic-bezier(.6, .6, 0, 1) forwards;
                stroke-dasharray: 315;
                stroke-dashoffset: 315
              }

              .connected-card-backlink-lines svg:nth-child(1) {
                left: 158px;
                top: 69px
              }

              .connected-card-backlink-lines svg:nth-child(1) path {
                animation-delay: .5s
              }

              .connected-card-backlink-lines svg:nth-child(2) {
                left: 85px;
                top: 140px
              }

              .connected-card-backlink-lines svg:nth-child(2) path {
                animation-delay: 1s
              }

              .connected-card-backlink-lines svg:nth-child(3) {
                left: 224px;
                top: 81px
              }

              .connected-card-backlink-lines svg:nth-child(3) path {
                animation-delay: 1.2s;
                animation-duration: 2s;
                stroke-dasharray: 150 !important;
                stroke-dashoffset: 150;
                animation-name: connected-card-backlink-line-2
              }

              .connected-card-backlink-lines svg:nth-child(4) {
                left: 232px;
                top: 143px
              }

              .connected-card-backlink-lines svg:nth-child(4) path {
                animation-delay: 2s
              }

              .connected-card-backlink-animation:not(.connected-card-backlink-animation-visible) .connected-card-backlink-circle,
              .connected-card-backlink-animation:not(.connected-card-backlink-animation-visible) .connected-card-backlink-circle-inner,
              .connected-card-backlink-animation:not(.connected-card-backlink-animation-visible) .connected-card-backlink-circle:after,
              .connected-card-backlink-animation:not(.connected-card-backlink-animation-visible) .connected-card-backlink-lines path {
                animation: none
              }

              @keyframes connected-card-backlink-line {
                to {
                  stroke-dashoffset: 0
                }
              }

              @keyframes connected-card-backlink-line-2 {
                to {
                  stroke-dashoffset: 300
                }
              }

              @keyframes connected-card-backlink-circle {
                to {
                  opacity: 1;
                  transform: scale(1)
                }
              }

              @keyframes connected-card-backlink-circle-inner {
                to {
                  opacity: 1;
                  transform: translate(-50%, -50%) scale(1)
                }
              }

              @keyframes connected-card-backlink-circle-after {
                to {
                  opacity: 1;
                  transform: translate(-50%)
                }
              }
            


        @keyframes hue-rotate {
          0% {
            filter: hue-rotate(0deg)
          }

          to {
            filter: hue-rotate(360deg)
          }
        }

        .connected-card-record-background {
          height: 100%;
          width: 100%
        }
      


              @keyframes hue-rotate {
                0% {
                  filter: hue-rotate(0deg)
                }

                to {
                  filter: hue-rotate(360deg)
                }
              }

              .connected-card-record-circle {
                border: 1px solid rgba(255, 255, 255, .1);
                animation: connected-card-record-circle 4s cubic-bezier(.6, .6, 0, 1);
                border-radius: 50%;
                height: 100%;
                left: 0;
                -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='128' height='128' viewBox='0 0 128 128' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='64' cy='64' r='64' fill='%23D9D9D9'/%3E%3C/svg%3E%0A");
                mask-image: url("data:image/svg+xml,%3Csvg width='128' height='128' viewBox='0 0 128 128' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='64' cy='64' r='64' fill='%23D9D9D9'/%3E%3C/svg%3E%0A");
                -webkit-mask-position: 92px 44px;
                mask-position: 92px 44px;
                -webkit-mask-repeat: no-repeat;
                mask-repeat: no-repeat;
                -webkit-mask-size: 152px;
                mask-size: 152px;
                position: absolute;
                top: 0;
                width: 100%;
                z-index: 1
              }

              .connected-card-record-circle-blur {
                animation-name: connected-card-record-circle-blur;
                -webkit-backdrop-filter: blur(11.5px);
                backdrop-filter: blur(11.5px);
                background: rgba(255, 255, 255, .01);
                box-shadow: 32px 36px 32px #03001480;
                height: 152px;
                left: 92px;
                -webkit-mask: none !important;
                mask: none !important;
                top: 44px;
                width: 152px
              }

              .connected-card-record-circle img {
                height: 256px;
                width: 468px
              }

              .connected-card-record-animation:not(.connected-card-record-animation-visible) .connected-card-record-circle {
                animation: none;
                opacity: 0
              }

              @keyframes connected-card-record-circle-blur {
                0% {
                  transform: translate(200px, 117px) scale(.7)
                }

                25% {
                  transform: translate(200px) scale(1)
                }

                50% {
                  transform: translate(0) scale(1)
                }

                75% {
                  transform: translate(200px) scale(1)
                }

                to {
                  transform: translate(0) scale(1)
                }
              }

              @keyframes connected-card-record-circle {
                0% {
                  -webkit-mask-position: 292px 161px;
                  mask-position: 292px 161px;
                  -webkit-mask-size: 106.4px;
                  mask-size: 106.4px
                }

                25% {
                  -webkit-mask-position: 292px 44px;
                  mask-position: 292px 44px;
                  -webkit-mask-size: 152px;
                  mask-size: 152px
                }

                50% {
                  -webkit-mask-position: 92px 44px;
                  mask-position: 92px 44px;
                  -webkit-mask-size: 152px;
                  mask-size: 152px
                }

                75% {
                  -webkit-mask-position: 292px 44px;
                  mask-position: 292px 44px;
                  -webkit-mask-size: 152px;
                  mask-size: 152px
                }

                to {
                  -webkit-mask-position: 92px 44px;
                  mask-position: 92px 44px;
                  -webkit-mask-size: 152px;
                  mask-size: 152px
                }
              }
            


    @keyframes hue-rotate {
      0% {
        filter: hue-rotate(0deg)
      }

      to {
        filter: hue-rotate(360deg)
      }
    }

    .research {
      margin: 0 auto;
      padding-bottom: 128px;
      padding-top: 64px;
      position: relative;
      width: 890px
    }

    .research-radar-wrapper {
      display: flex;
      justify-content: center
    }

    .research .section-header {
      margin-bottom: 24px;
      margin-top: -376px
    }

    .research .section-header-description {
      max-width: 614px
    }

    .research .section-header-description br {
      display: block !important
    }

    .research-cards {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      position: relative;
      z-index: 1
    }

    .research-section-lines div {
      position: absolute
    }

    .research-section-lines div:nth-child(1),
    .research-section-lines div:nth-child(2) {
      background: linear-gradient(to bottom, rgba(243, 238, 255, .12) -.89%, rgba(255, 255, 255, 0) 100%);
      height: 212px;
      top: 541px;
      width: 1px
    }

    .research-section-lines div:nth-child(1) {
      left: -48px
    }

    .research-section-lines div:nth-child(2) {
      right: -48px
    }

    .research-card-lines div {
      position: absolute;
      width: 1px
    }

    .research-card-lines div:nth-child(1),
    .research-card-lines div:nth-child(3) {
      background: linear-gradient(to top, rgba(243, 238, 255, 0) -.89%, rgba(243, 238, 255, .12) 100%)
    }

    .research-card-lines div:nth-child(1) {
      height: 132px;
      left: 0;
      top: 48px
    }

    .research-card-lines div:nth-child(2) {
      background: linear-gradient(to bottom, rgba(243, 238, 255, 0) -.89%, rgba(243, 238, 255, .12) 100%);
      height: 180px;
      left: 50%;
      top: 16px
    }

    .research-card-lines div:nth-child(3) {
      height: 212px;
      right: 0;
      top: -24px
    }

    @media (max-width: 1248px) {
      .research {
        width: 100%;
        padding-bottom: 0
      }

      .research .section-header-description {
        max-width: 334px
      }

      .research-cards {
        display: block;
        max-width: 350px;
        margin: 0 auto
      }

      .research-card-lines div {
        position: absolute;
        width: 100% !important;
        height: 1px !important;
        left: 0 !important;
        right: unset !important
      }

      .research-card-lines div:nth-child(1),
      .research-card-lines div:nth-child(3) {
        background: linear-gradient(to right, rgba(243, 238, 255, .12) -.89%, rgba(243, 238, 255, 0) 100%)
      }

      .research-card-lines div:nth-child(1) {
        top: -1px
      }

      .research-card-lines div:nth-child(2) {
        background: linear-gradient(to left, rgba(243, 238, 255, .12) -.89%, rgba(243, 238, 255, 0) 100%);
        top: 236px
      }

      .research-card-lines div:nth-child(3) {
        bottom: 0;
        top: unset
      }
    }
  


        @keyframes hue-rotate {
          0% {
            filter: hue-rotate(0deg)
          }

          to {
            filter: hue-rotate(360deg)
          }
        }

        .research-radar {
          height: 890px;
          position: relative;
          width: 890px;
          min-width: 890px
        }

        .research-radar-fader {
          background: linear-gradient(180deg, rgba(3, 0, 20, .8) 0%, #030014 37.87%);
          height: 600px;
          left: 50%;
          position: absolute;
          top: 446px;
          transform: translate(-50%);
          width: 1440px
        }

        .research-radar-fader:before {
          background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, .12), rgba(255, 255, 255, 0));
          content: "";
          height: 1px;
          left: 0;
          position: absolute;
          top: 0;
          width: 100%;
          z-index: 1
        }

        .research-radar:before {
          background: linear-gradient(to left, rgba(243, 238, 255, .08) -.89%, rgba(243, 238, 255, 0) 100%);
          content: "";
          height: 1px;
          position: absolute;
          right: -23px;
          top: 50%;
          width: 680px;
          z-index: 2
        }

        .research-radar-background {
          height: 100%;
          width: 100%
        }

        .research-radar-logo {
          height: 80px;
          left: 50%;
          position: absolute;
          top: 50%;
          transform: translate(-50%, -50%);
          width: 80px;
          z-index: 1;
        }
      


          @keyframes hue-rotate {
            0% {
              filter: hue-rotate(0deg)
            }

            to {
              filter: hue-rotate(360deg)
            }
          }

          .research-radar-scanner {
            -webkit-clip-path: polygon(0 0, 93.3673469388% 0, 93.3673469388% 25.1275510204%, 50% 50.1275510204%, 0 50.1275510204%);
            clip-path: polygon(0 0, 93.3673469388% 0, 93.3673469388% 25.1275510204%, 50% 50.1275510204%, 0 50.1275510204%);
            height: 784px;
            left: 0;
            left: 53px;
            position: absolute;
            top: 0;
            top: 53px;
            transform: rotate(-201deg);
            width: 784px
          }

          .research-radar-scanner-wrapper {
            height: 100%;
            left: 0;
            pointer-events: none;
            position: absolute;
            top: 0;
            width: 100%
          }

          .research-radar-scanner-wrapper-visible .research-radar-scanner {
            animation: researchRadarRotate 10s infinite linear
          }

          .research-radar-scanner:before,
          .research-radar-scanner:after {
            content: ""
          }

          .research-radar-scanner:before {
            background: linear-gradient(267deg, rgba(99, 102, 241, .4) 13.23%, rgba(3, 0, 20, 0) 50%);
            border-radius: 50%;
            display: block;
            height: 100%;
            width: 100%
          }

          .research-radar-scanner:after {
            background: linear-gradient(to bottom, rgba(120, 123, 255, .24) .11%, rgba(120, 123, 255, 0) 100%), linear-gradient(to bottom, rgba(255, 255, 255, .24) .11%, rgba(255, 255, 255, 0) 100%);
            height: 392px;
            left: 50%;
            position: absolute;
            top: 0;
            transform: rotate(60deg);
            transform-origin: bottom;
            width: 1px
          }

          @keyframes researchRadarRotate {
            0% {
              transform: rotate(-201deg)
            }

            to {
              transform: rotate(159deg)
            }
          }
        


              @keyframes hue-rotate {
                0% {
                  filter: hue-rotate(0deg)
                }

                to {
                  filter: hue-rotate(360deg)
                }
              }

              .research-radar-item {
                height: 100px;
                position: absolute;
                width: 100px
              }

              .research-radar-item-active div {
                animation: researchRadarItem 3s calc(var(--index) * .01s) cubic-bezier(.6, .6, 0, 1) 1
              }

              .research-radar-item div {
                border-radius: 50%;
                opacity: 0;
                position: absolute;
                transform: scale(0)
              }

              .research-radar-item div:nth-child(1),
              .research-radar-item div:nth-child(2),
              .research-radar-item div:nth-child(3) {
                background: rgba(109, 72, 255, .04)
              }

              .research-radar-item div:nth-child(1) {
                height: 100px;
                width: 100px;
                left: calc(50% - 50px);
                top: calc(50% - 50px)
              }

              .research-radar-item div:nth-child(2) {
                height: 68px;
                width: 68px;
                left: calc(50% - 34px);
                top: calc(50% - 34px)
              }

              .research-radar-item div:nth-child(3) {
                height: 36px;
                width: 36px;
                left: calc(50% - 18px);
                top: calc(50% - 18px)
              }

              .research-radar-item div:nth-child(4) {
                height: 12px;
                width: 12px;
                left: calc(50% - 6px);
                top: calc(50% - 6px);
                background: rgba(109, 72, 255, .16);
                box-shadow: inset 0 0 6px 4px #ed78ff0a, inset 0 0 8px #787bff0f, inset 0 0 4px #787bff0a
              }

              .research-radar-item div:nth-child(5) {
                height: 8px;
                width: 8px;
                left: calc(50% - 4px);
                top: calc(50% - 4px);
                background: rgba(109, 72, 255, .48);
                box-shadow: inset 0 0 6px 4px #ed78ff0a, inset 0 0 8px #787bff0f, inset 0 0 4px #787bff0a
              }

              .research-radar-item div:nth-child(6) {
                height: 20px;
                width: 20px;
                left: calc(50% - 10px);
                top: calc(50% - 10px);
                background: rgba(109, 72, 255, .76);
                filter: blur(8px);
                mix-blend-mode: screen;
                transform: scaleY(-1)
              }

              .research-radar-item:nth-child(1) {
                left: 395px;
                top: 107px
              }

              .research-radar-item:nth-child(2) {
                left: 203px;
                top: 395px
              }

              .research-radar-item:nth-child(3) {
                left: 147px;
                top: 251px
              }

              .research-radar-item:nth-child(4) {
                left: 299px;
                top: 228px
              }

              .research-radar-item:nth-child(5) {
                left: 645px;
                top: 251px
              }

              .research-radar-item:nth-child(6) {
                left: 491px;
                top: 229px
              }

              .research-radar-item:nth-child(7) {
                left: 587px;
                top: 395px
              }

              @keyframes researchRadarItem {
                0% {
                  opacity: 0;
                  transform: scale(0)
                }

                25% {
                  opacity: 1
                }

                50%,
                75% {
                  opacity: 1;
                  transform: scale(1)
                }

                to {
                  opacity: 0;
                  transform: scale(1.2)
                }
              }
            


        .research-card-title,
        .research-card-description {
          font-feature-settings: "ss01" on, "cv10" on, "calt" off, "liga" off
        }

        .research-card-title,
        .research-card-description {
          font-size: 16px;
          line-height: 24px
        }

        .research-card-title {
          font-weight: 500
        }

        @keyframes hue-rotate {
          0% {
            filter: hue-rotate(0deg)
          }

          to {
            filter: hue-rotate(360deg)
          }
        }

        .research-card {
          padding: 32px 32px 48px;
          position: relative;
          text-align: center
        }

        .research-card svg {
          margin: 0 auto 12px
        }

        .research-card-title {
          color: #f4f0ff;
          margin-bottom: 8px
        }

        .research-card-description {
          color: #efedfdb3
        }

        .research-card:before,
        .research-card:last-child:after {
          background-color: #ffffff3d;
          content: "";
          display: block;
          height: 16px;
          left: 0;
          position: absolute;
          top: 88px;
          width: 1px
        }

        .research-card:after {
          left: unset !important;
          right: 0 !important
        }

        @media (max-width: 1248px) {

          .research-card:before,
          .research-card:after {
            content: unset
          }

          .research-card-description {
            max-width: 246px;
            margin: 0 auto
          }

          .research-card-description br {
            display: none
          }

          .research-card:nth-child(2) .research-card-description {
            max-width: 260px
          }
        }
      


    @keyframes hue-rotate {
      0% {
        filter: hue-rotate(0deg)
      }

      to {
        filter: hue-rotate(360deg)
      }
    }

    .encryption {
      padding: 222px 0 236px;
      position: relative;
      text-align: center
    }

    .encryption-logo {
      margin: 0 auto 48px;
      width: 80px
    }

    .encryption-logo:hover .encryption-logo-lock {
      transform: translateY(22px) !important
    }

    .encryption-logo-image {
      height: 80px;
      position: relative;
      width: 80px;
      z-index: 1;
    }

    .logo-glowing-orb {
      border-radius: 50%;
      background: radial-gradient(circle at 30% 30%, rgba(30, 30, 40, 1) 0%, rgba(10, 10, 15, 1) 100%);
      box-shadow:
        inset 0 1px 3px rgba(255, 255, 255, 0.3),
        inset 0 -4px 15px rgba(120, 80, 255, 0.6),
        0 0 25px rgba(120, 80, 255, 0.5),
        0 0 50px rgba(120, 80, 255, 0.2);
      border: 1px solid rgba(255, 255, 255, 0.05);
      display: flex;
      align-items: center;
      justify-content: center;
      backdrop-filter: blur(10px);
    }

    .logo-glowing-orb .silenceside-new-logo {
      width: 60%;
      height: 60%;
      object-fit: contain;
      z-index: 2;
    }

    .encryption-logo-lock {
      transition: cubic-bezier(.6, .6, 0, 1) .45s transform, 1s cubic-bezier(.6, .6, 0, 1) opacity !important;
      height: 44px;
      margin: 0 auto -22px;
      width: 52px;
      transform: translateY(0)
    }

    .encryption-background {
      left: 50%;
      -webkit-mask-image: radial-gradient(50% 50% at 50% 50%, #fff 60.94%, transparent 100%);
      mask-image: radial-gradient(50% 50% at 50% 50%, #fff 60.94%, transparent 100%);
      position: absolute;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 1568px;
      z-index: -1
    }

    .encryption .section-header .mobile {
      display: none
    }

    @media (min-width: 1248px) {
      .encryption-header-mobile {
        display: none
      }
    }

    @media (max-width: 1248px) {
      .encryption {
        padding-top: 134px;
        padding-bottom: 46px
      }

      .encryption-header-desktop {
        display: none
      }

      .encryption .section-header .mobile {
        display: block !important
      }
    }
  


    @keyframes hue-rotate {
      0% {
        filter: hue-rotate(0deg)
      }

      to {
        filter: hue-rotate(360deg)
      }
    }

    .meetings {
      padding: 294px 0 24px;
      position: relative
    }

    .meetings .section-header-description {
      max-width: 554px
    }

    @media (max-width: 1248px) {
      .meetings .section-header-description {
        max-width: 354px
      }
    }
  


      @keyframes hue-rotate {
        0% {
          filter: hue-rotate(0deg)
        }

        to {
          filter: hue-rotate(360deg)
        }
      }

      .ring {
        height: 431px;
        position: absolute;
        top: 0;
        width: 100%;
        display: flex;
        justify-content: center
      }

      .ring-inner {
        width: 812px;
        height: 100%;
        min-width: 812px
      }

      .ring img {
        height: 100%;
        width: 100%
      }
    


      @keyframes hue-rotate {
        0% {
          filter: hue-rotate(0deg)
        }

        to {
          filter: hue-rotate(360deg)
        }
      }

      .meetings-animation {
        overflow: hidden;
        position: relative
      }

      .meetings-animation,
      .meetings-animation-items {
        display: flex;
        justify-content: center
      }

      .meetings-animation-fader {
        background: linear-gradient(180deg, rgba(3, 0, 20, 0) 0%, rgba(3, 0, 20, .5) 34.48%, #030014 82.36%);
        bottom: 0;
        height: 272px;
        left: 0;
        position: absolute;
        width: 100%;
        z-index: 2
      }

      .meetings-animation-mobile {
        width: 896px;
        height: 467px;
        margin-top: 56px;
        display: none
      }

      @media (max-width: 1248px) {

        .meetings-animation-items,
        .meetings-animation-fader {
          display: none
        }

        .meetings-animation-mobile {
          display: block
        }
      }
    


          @keyframes hue-rotate {
            0% {
              filter: hue-rotate(0deg)
            }

            to {
              filter: hue-rotate(360deg)
            }
          }

          .meetings-piece-wrapper {
            height: 604px;
            overflow: hidden;
            position: relative;
            transform: translateY(calc((1 - var(--progress)) * var(--top)));
            transition: 1s transform ease;
            width: 96px;
            z-index: 1
          }

          .meetings-piece-wrapper:before,
          .meetings-piece-wrapper:after {
            background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .2) 33.33%, rgba(255, 255, 255, .06) 66.67%, rgba(255, 255, 255, 0) 100%);
            height: 100%;
            opacity: calc(1 - var(--progress));
            position: absolute;
            top: 0;
            transition: 1s opacity ease;
            width: 1px
          }

          .meetings-piece-wrapper:before {
            content: "";
            left: 0
          }

          .meetings-piece-wrapper:after {
            right: 0
          }

          .meetings-piece-wrapper:last-child:after {
            content: ""
          }

          .meetings-piece-wrapper-mask {
            background: linear-gradient(180deg, rgba(255, 255, 255, 0) -.83%, rgba(255, 255, 255, .08) 49.59%, rgba(255, 255, 255, 0) 100%);
            height: 100%;
            left: 0;
            opacity: calc(1 - var(--progress));
            position: absolute;
            top: 0;
            transition: 1s opacity ease;
            width: 100%
          }

          .meetings-piece-wrapper-fader {
            height: 100%;
            -webkit-mask-image: var(--mask);
            mask-image: var(--mask);
            -webkit-mask-size: cover;
            mask-size: cover;
            width: 100%
          }

          .meetings-piece-wrapper-fader .meetings-piece {
            opacity: calc(1 - var(--progress)) !important
          }

          .meetings-piece-wrapper .meetings-piece {
            opacity: var(--progress)
          }
        


              @keyframes hue-rotate {
                0% {
                  filter: hue-rotate(0deg)
                }

                to {
                  filter: hue-rotate(360deg)
                }
              }

              .meetings-piece {
                isolation: isolate;
                overflow: hidden;
                height: 466px;
                position: absolute;
                top: 56px;
                transform: translateY(calc((1 - var(--progress)) * 119px));
                transition: 1s transform ease;
                width: 896px
              }

              .meetings-piece-background {
                height: 100%;
                left: 0;
                position: absolute;
                top: 0;
                width: 100%
              }

              .meetings-piece-box {
                -webkit-mask-size: cover;
                mask-size: cover;
                position: absolute
              }

              .meetings-piece-box-inner {
                background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .08) 100%), rgba(6, 3, 23, .96);
                border-radius: 8px;
                box-shadow: inset 0 0 24px #ffffff0a;
                margin-right: 8px;
                margin-top: 8px;
                transition: 1s transform ease
              }

              .meetings-piece-box-inner:before {
                border: 1px solid rgba(255, 255, 255, .05);
                border-radius: inherit;
                content: "";
                height: calc(100% - 2px);
                left: 0;
                position: absolute;
                top: 0;
                width: calc(100% - 2px)
              }

              .meetings-piece-box-outlook,
              .meetings-piece-box-calendar {
                height: 80px;
                -webkit-mask-image: linear-gradient(to right, transparent 0%, #fff 31%);
                mask-image: linear-gradient(to right, transparent 0%, #fff 31%);
                width: 372px
              }

              .meetings-piece-box-outlook .meetings-piece-box-inner,
              .meetings-piece-box-calendar .meetings-piece-box-inner {
                align-items: center;
                display: flex;
                margin-left: auto;
                padding: 12px 20px;
                transform: translate(calc((1 - var(--progress, 0)) * -100%));
                width: 256px
              }

              .meetings-piece-box-outlook {
                right: 332px;
                top: 158px
              }

              .meetings-piece-box-calendar {
                right: 417px;
                top: 234px
              }

              .meetings-piece-box img {
                height: 28px;
                margin-right: 16px;
                width: 28px
              }

              .meetings-piece-box-title {
                color: #fffc;
                font-size: 13px;
                font-weight: 500;
                line-height: 20px
              }

              .meetings-piece-box-value {
                color: #ffffff70;
                font-size: 13px;
                font-weight: 400;
                line-height: 20px
              }

              .meetings-piece-box-label {
                color: #ffffff52;
                font-size: 13px;
                font-weight: 500;
                line-height: 24px;
                margin-bottom: 8px;
                padding-left: 8px
              }

              .meetings-piece-box-meetings {
                left: 485px;
                -webkit-mask-image: linear-gradient(to left, transparent 0%, #fff 50%);
                mask-image: linear-gradient(to left, transparent 0%, #fff 50%);
                top: 234px;
                width: 672px
              }

              .meetings-piece-box-meetings .meetings-piece-box-inner {
                padding: 12px 16px 16px;
                transform: translate(calc((1 - var(--progress, 0)) * 100%));
                width: 336px
              }

              .meetings-piece-box-meetings .meetings-piece-box-inner:before {
                border-color: #ffffff1a
              }

              .meetings-piece-box-item {
                align-items: center;
                background: rgba(255, 255, 255, .02);
                border: 1px solid rgba(255, 255, 255, .05);
                border-radius: 6px;
                box-shadow: inset 0 0 24px #ffffff0f;
                display: flex;
                justify-content: space-between;
                padding: 8px 8px 8px 14px
              }

              .meetings-piece-box-item:not(:last-child) {
                margin-bottom: 8px
              }

              .meetings-piece-box-item-title {
                color: #fffc;
                font-size: 13px;
                font-weight: 500;
                line-height: 24px;
                max-width: 195px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap
              }

              .meetings-piece-box-item-detail {
                align-items: center;
                display: flex
              }

              .meetings-piece-box-item-time {
                color: #ffffff5c;
                font-size: 13px;
                font-weight: 400;
                line-height: 24px;
                margin-right: 4px
              }
            


    @keyframes hue-rotate {
      0% {
        filter: hue-rotate(0deg)
      }

      to {
        filter: hue-rotate(360deg)
      }
    }

    .integrations {
      background: radial-gradient(45.1% 50% at 50% 50%, rgba(148, 101, 255, .06) 0%, rgba(3, 0, 20, 0) 100%);
      margin: 0 auto;
      padding-bottom: 172px;
      padding-top: 116px;
      position: relative;
      width: 100%
    }

    .integrations-static-lines {
      display: flex;
      height: 408px;
      justify-content: space-between;
      left: 50%;
      position: absolute;
      top: 116px;
      transform: translate(-50%);
      width: 1000px
    }

    .integrations-static-lines:before,
    .integrations-static-lines:after {
      content: "";
      display: block;
      height: 100%;
      width: 1px
    }

    .integrations-static-lines:before {
      background: linear-gradient(to top, rgba(243, 238, 255, 0) -.89%, rgba(243, 238, 255, .12) 100%)
    }

    .integrations-static-lines:after {
      background: linear-gradient(to bottom, rgba(243, 238, 255, 0) -.89%, rgba(243, 238, 255, .12) 100%)
    }

    .integrations .section-header {
      margin-bottom: 48px
    }

    .integrations-items {
      background-size: contain;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      height: 432px;
      margin: 0 auto;
      padding: 9px 24px 0;
      position: relative;
      width: 984px;
      background-size: cover;
      background-position: center
    }

    .integrations-item:nth-child(1) {
      background: radial-gradient(100% 100% at 100% 100%, rgba(255, 255, 255, .08) 0%, rgba(3, 0, 20, 0) 100%)
    }

    .integrations-item:nth-child(2) {
      background: radial-gradient(100% 100% at 0% 100%, rgba(255, 255, 255, .03) 0%, rgba(3, 0, 20, 0) 100%)
    }

    .integrations-item:nth-child(3) {
      background: radial-gradient(100% 100% at 100% 0%, rgba(255, 255, 255, .03) 0%, rgba(3, 0, 20, 0) 100%)
    }

    .integrations-item:nth-child(4) {
      background: radial-gradient(100% 100% at 0% 0%, rgba(255, 255, 255, .08) 0%, rgba(3, 0, 20, 0) 100%)
    }

    .integrations-logo,
    .integrations-waves {
      height: 48px;
      left: 50%;
      position: absolute;
      top: 204px;
      transform: translate(-50%);
      width: 48px
    }

    .integrations-logo {
      z-index: 1;
    }

    .integrations-waves img {
      animation-duration: 3.5s;
      animation-iteration-count: infinite;
      animation-timing-function: cubic-bezier(.6, .6, 0, 1);
      border-radius: 50%;
      left: 50%;
      position: absolute;
      top: 50%;
      transform: translate(-50%, -50%)
    }

    .integrations-waves img:nth-child(1) {
      animation-name: wave1;
      height: 48px;
      width: 48px
    }

    .integrations-waves img:nth-child(2) {
      animation-name: wave2;
      height: 40px;
      width: 40px
    }

    .integrations-waves img:nth-child(3) {
      animation-name: wave3;
      height: 32px;
      width: 32px
    }

    .integrations-lines {
      height: calc(100% - 8px);
      left: 50%;
      -webkit-mask-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 25%, #fff 50%, #fff 75%, rgba(255, 255, 255, 0) 100%);
      mask-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 25%, #fff 50%, #fff 75%, rgba(255, 255, 255, 0) 100%);
      -webkit-mask-size: cover;
      mask-size: cover;
      position: absolute;
      top: 8px;
      transform: translate(-50%);
      width: 1px
    }

    .integrations-lines div {
      animation-delay: .5s;
      animation-duration: 3.5s;
      animation-iteration-count: infinite;
      animation-timing-function: cubic-bezier(.6, .6, 0, 1);
      background: linear-gradient(to bottom, rgba(201, 177, 255, 0), #c9b1ff, rgba(201, 177, 255, 0));
      content: "";
      height: 50px;
      left: 0;
      opacity: 0;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 1px
    }

    .integrations-lines div:first-child {
      animation-name: integrationsLine1
    }

    .integrations-lines div:last-child {
      animation-name: integrationsLine2
    }

    @keyframes integrationsLine1 {
      0% {
        opacity: 0;
        transform: translateY(-50%)
      }

      20% {
        opacity: 1
      }

      86%,
      to {
        opacity: 1;
        transform: translateY(-500px)
      }
    }

    @keyframes integrationsLine2 {
      0% {
        opacity: 0;
        transform: translateY(-50%)
      }

      20% {
        opacity: 1
      }

      86%,
      to {
        opacity: 1;
        transform: translateY(500px)
      }
    }

    @keyframes wave3 {
      0% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1)
      }

      71%,
      to {
        opacity: 0;
        transform: translate(-50%, -50%) scale(3)
      }
    }

    @keyframes wave2 {
      0% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1)
      }

      68%,
      to {
        opacity: 0;
        transform: translate(-50%, -50%) scale(4)
      }
    }

    @keyframes wave1 {
      0% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1)
      }

      90%,
      to {
        opacity: 0;
        transform: translate(-50%, -50%) scale(5)
      }
    }

    @media (min-width: 1248px) {

      .integrations-mobile-texts,
      .integrations .section-header-description {
        display: none
      }
    }

    @media (max-width: 1248px) {
      .integrations {
        padding-top: 352px;
        width: 100%;
        padding-bottom: 24px
      }

      .integrations .section-header-description {
        max-width: 270px
      }

      .integrations-items {
        padding: 9px 0 0;
        width: 390px;
        height: 328px;
        position: absolute;
        top: 56px;
        left: 50%;
        transform: translate(-50%)
      }

      .integrations-logo,
      .integrations-waves {
        top: 141px
      }

      .integrations-item:nth-child(1) {
        background: radial-gradient(100% 121.87% at 100% 100%, rgba(255, 255, 255, .08) 0%, rgba(3, 0, 20, 0) 100%)
      }

      .integrations-item:nth-child(2) {
        background: radial-gradient(100% 121.87% at 0% 100%, rgba(255, 255, 255, .03) 0%, rgba(3, 0, 20, 0) 100%)
      }

      .integrations-item:nth-child(3) {
        background: radial-gradient(100% 121.87% at 100% 0%, rgba(255, 255, 255, .03) 0%, rgba(3, 0, 20, 0) 100%)
      }

      .integrations-item:nth-child(4) {
        background: radial-gradient(100% 121.87% at 0% 0%, rgba(255, 255, 255, .08) 0%, rgba(3, 0, 20, 0) 100%)
      }
    }
  


      @keyframes hue-rotate {
        0% {
          filter: hue-rotate(0deg)
        }

        to {
          filter: hue-rotate(360deg)
        }
      }

      .lazy-background-image {
        transition: 1s cubic-bezier(.6, .6, 0, 1) opacity
      }

      .lazy-background-image-hidden {
        opacity: 0
      }

      .lazy-background-image-backgroundImage {
        background-image: var(--background-image)
      }

      .lazy-background-image-maskImage {
        -webkit-mask-image: var(--background-image);
        mask-image: var(--background-image)
      }
    


        .integrations-item-title,
        .integrations-item-description {
          font-feature-settings: "ss01" on, "cv10" on, "calt" off, "liga" off
        }

        .integrations-item-title,
        .integrations-item-description {
          font-size: 16px;
          line-height: 24px
        }

        .integrations-item-title {
          font-weight: 500
        }

        @keyframes hue-rotate {
          0% {
            filter: hue-rotate(0deg)
          }

          to {
            filter: hue-rotate(360deg)
          }
        }

        .integrations-item {
          padding: 32px;
          text-align: center;
          width: 468px
        }

        .integrations-item-logo {
          margin: 0 auto 24px;
          width: auto
        }

        .integrations-item-normal .integrations-item-logo {
          height: 40px
        }

        .integrations-item-merged .integrations-item-logo {
          height: 48px
        }

        .integrations-item-title {
          color: #f4f0ff;
          margin-bottom: 8px
        }

        .integrations-item-description {
          color: #efedfdb3
        }

        @media (max-width: 1248px) {
          .integrations-item {
            width: 195px;
            padding: 40px
          }

          .integrations-item-hide-text-on-mobile {
            display: flex
          }

          .integrations-item-hide-text-on-mobile .integrations-item-title,
          .integrations-item-hide-text-on-mobile .integrations-item-description {
            display: none
          }

          .integrations-item-hide-text-on-mobile:nth-child(1) {
            justify-content: flex-end;
            align-items: flex-end
          }

          .integrations-item-hide-text-on-mobile:nth-child(2) {
            align-items: flex-end
          }

          .integrations-item-hide-text-on-mobile:nth-child(3) {
            justify-content: flex-end
          }

          .integrations-item-logo {
            margin: 0
          }

          .integrations-item-hide-logo-on-mobile {
            background: none !important;
            width: 318px;
            margin: 0 auto 24px;
            padding: 0;
            text-align: left
          }

          .integrations-item-hide-logo-on-mobile br,
          .integrations-item-hide-logo-on-mobile .integrations-item-logo {
            display: none
          }
        }
      


    .pricing-amount {
      font-family: AeonikPro, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, sans-serif;
      font-feature-settings: unset;
      font-weight: 500
    }

    .pricing-amount {
      font-size: 72px;
      line-height: 80px
    }

    .pricing-period {
      font-feature-settings: "ss01" on, "cv10" on, "calt" off, "liga" off
    }

    .pricing-period {
      font-size: 16px;
      line-height: 24px
    }

    @keyframes hue-rotate {
      0% {
        filter: hue-rotate(0deg)
      }

      to {
        filter: hue-rotate(360deg)
      }
    }

    .pricing {
      padding-bottom: 556px;
      padding-top: 148px;
      position: relative
    }

    .pricing .section-header {
      margin-bottom: 64px
    }

    .pricing-detail {
      align-items: center;
      display: flex;
      justify-content: center;
      margin-bottom: 48px
    }

    .pricing-amount {
      background: linear-gradient(90.01deg, #e59cff .01%, #ba9cff 50.01%, #9cb2ff 100%), linear-gradient(180deg, rgba(255, 255, 255, .4) 0%, rgba(255, 255, 255, .28) 100%);
      background-blend-mode: screen, normal;
      -webkit-background-clip: text;
      background-clip: text;
      margin-right: 16px;
      -webkit-text-fill-color: transparent
    }

    .pricing-period {
      color: #efedfd99
    }

    .pricing .button {
      margin: 0 auto
    }

    @media (max-width: 1248px) {
      .pricing {
        padding-top: 84px
      }

      .pricing .section-header {
        margin-bottom: 40px
      }

      .pricing-detail {
        max-width: 310px;
        margin: 0 auto 32px;
        justify-content: unset
      }

      .pricing .button {
        width: 310px
      }
    }
  


      @keyframes hue-rotate {
        0% {
          filter: hue-rotate(0deg)
        }

        to {
          filter: hue-rotate(360deg)
        }
      }

      .pricing-background {
        height: 837px;
        left: 50%;
        position: absolute;
        top: 425px;
        transform: translate(-50%);
        width: 744px;
        z-index: -1
      }

      .pricing-background-image {
        height: 100%;
        width: 100%
      }

      .pricing-background-animation {
        height: 100%;
        left: 0;
        -webkit-mask-size: cover;
        mask-size: cover;
        position: absolute;
        top: 0;
        width: 100%
      }

      .pricing-background-animation div {
        animation: pricingBackgroundLineAnimation 8s infinite cubic-bezier(.62, .62, .14, 1);
        background: linear-gradient(180deg, rgba(183, 164, 251, 0) 0, #b7a4fb 100%, #8562ff 100%, rgba(133, 98, 255, 0) 0%);
        height: 150px;
        transform: translateY(-530px)
      }

      .pricing-background-animation:nth-child(2) div {
        animation-delay: 1s
      }

      .pricing-background-animation:nth-child(3) div {
        animation-delay: 3s
      }

      .pricing-background-animation:nth-child(4) div {
        animation-delay: 2s
      }

      .pricing-background-animation:nth-child(5) div {
        animation-delay: 5s
      }

      .pricing-background-animation:nth-child(6) div {
        animation-delay: 3s
      }

      .pricing-background .rising-stars {
        border-radius: 50%;
        height: 744px;
        left: 0;
        -webkit-mask-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 44.15%, rgba(255, 255, 255, .35) 71.79%, #fff 100%);
        mask-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 44.15%, rgba(255, 255, 255, .35) 71.79%, #fff 100%);
        -webkit-mask-size: cover;
        mask-size: cover;
        position: absolute;
        top: -259px;
        width: 744px
      }

      @media (max-width: 1248px) {
        .pricing-background-animation {
          display: none
        }

        .pricing-background-animation div {
          animation: none !important
        }
      }

      @keyframes pricingBackgroundLineAnimation {

        0%,
        to {
          transform: translateY(-530px)
        }

        99% {
          transform: translateY(700px)
        }
      }
    


      .pricing-features-item {
        font-feature-settings: "ss01" on, "cv10" on, "calt" off, "liga" off
      }

      .pricing-features-item {
        font-size: 16px;
        line-height: 24px
      }

      @keyframes hue-rotate {
        0% {
          filter: hue-rotate(0deg)
        }

        to {
          filter: hue-rotate(360deg)
        }
      }

      .pricing-features {
        display: flex;
        justify-content: space-between;
        margin: 0 auto 48px;
        max-width: 537px
      }

      .pricing-features-item {
        align-items: center;
        color: #f4f0ff;
        display: flex;
        white-space: nowrap
      }

      .pricing-features-item:not(:last-child) {
        margin-bottom: 24px
      }

      .pricing-features-item svg {
        margin-right: 12px
      }

      @media (max-width: 1248px) {
        .pricing-features {
          flex-direction: column;
          max-width: 310px;
          margin-bottom: 32px
        }

        .pricing-features-item:first-child {
          margin-right: 16px
        }

        .pricing-features-group:not(:last-child) {
          margin-bottom: 24px
        }
      }
    


    @keyframes hue-rotate {
      0% {
        filter: hue-rotate(0deg)
      }

      to {
        filter: hue-rotate(360deg)
      }
    }

    .testimonials {
      padding-top: 108px;
      padding-bottom: 72px;
      position: relative
    }

    .testimonials .section-header {
      margin-bottom: 48px
    }

    .testimonials-visible .testimonials-row {
      animation: animateRow1 200s linear infinite
    }

    .testimonials-row {
      display: flex;
      margin-bottom: 24px;
      width: -moz-max-content;
      width: max-content
    }

    .testimonials-row .testimonials-card:not(:last-child) {
      margin-right: 24px
    }

    .testimonials-row:nth-child(2) {
      animation-direction: reverse;
      transform: translateZ(0) translate(calc(-50% - 12px))
    }

    .testimonials-items {
      margin: 0 auto;
      max-width: 1376px;
      overflow: hidden;
      position: relative
    }

    .testimonials-items:before {
      background: linear-gradient(270deg, #030014 0%, rgba(3, 0, 20, .5) 16.67%, rgba(3, 0, 20, 0) 33.33%, rgba(3, 0, 20, 0) 50%, rgba(3, 0, 20, 0) 66.67%, rgba(3, 0, 20, .5) 83.33%, #030014 100%);
      content: "";
      height: 100%;
      left: 0;
      pointer-events: none;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: 1
    }

    @keyframes animateRow1 {
      0% {
        transform: translateZ(0) translate(0)
      }

      to {
        transform: translateZ(0) translate(calc(-50% - 12px))
      }
    }

    @media (max-width: 1248px) {
      .testimonials-items:before {
        content: unset
      }
    }
  


      @keyframes hue-rotate {
        0% {
          filter: hue-rotate(0deg)
        }

        to {
          filter: hue-rotate(360deg)
        }
      }

      .testimonials-heart {
        height: 557px;
        left: 50%;
        pointer-events: none;
        position: absolute;
        top: 72px;
        transform: translate(-50%);
        width: 602px
      }

      .testimonials-heart-image,
      .testimonials-heart-animation {
        height: 100%;
        width: 100%
      }

      .testimonials-heart-animation {
        left: 0;
        -webkit-mask-size: cover;
        mask-size: cover;
        position: absolute;
        top: 0
      }

      .testimonials-heart-animation div {
        animation: 5s linear infinite;
        display: flex;
        height: 120%;
        left: 50%;
        position: absolute;
        top: 50%;
        transition: .45s linear transform;
        width: 200%
      }

      .testimonials-heart-animation div:before,
      .testimonials-heart-animation div:after {
        content: "";
        display: block;
        height: 100%;
        width: 100%
      }

      .testimonials-heart-animation:nth-child(1) div {
        animation-name: testimonialsHeartLeftAnimation;
        transform: translate(-50%, -50%) rotate(-180deg)
      }

      .testimonials-heart-animation:nth-child(1) div:before {
        background: conic-gradient(from 180deg at 99.99% 49.95%, rgba(177, 218, 255, 0) -202.43deg, rgba(177, 218, 255, 0) 26.8deg, #b1daff 89.95deg, rgba(177, 218, 255, 0) 157.57deg, rgba(177, 218, 255, 0) 386.8deg)
      }

      .testimonials-heart-animation:nth-child(2) div {
        animation-delay: 1s;
        animation-name: testimonialsHeartRightAnimation;
        transform: translate(-50%, -50%) rotate(180deg)
      }

      .testimonials-heart-animation:nth-child(2) div:after {
        background: conic-gradient(from 0deg at .01% 49.95%, rgba(201, 177, 255, 0) -202.43deg, rgba(201, 177, 255, 0) 26.8deg, #c9b1ff 89.95deg, rgba(201, 177, 255, 0) 157.57deg, rgba(201, 177, 255, 0) 386.8deg)
      }

      .testimonials-heart .rising-stars {
        height: 260px;
        left: 50%;
        -webkit-mask-image: linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, rgba(217, 217, 217, .8) 25%, #d9d9d9 50%, rgba(217, 217, 217, .8) 75%, rgba(217, 217, 217, 0) 100%);
        mask-image: linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, rgba(217, 217, 217, .8) 25%, #d9d9d9 50%, rgba(217, 217, 217, .8) 75%, rgba(217, 217, 217, 0) 100%);
        -webkit-mask-size: cover;
        mask-size: cover;
        position: absolute;
        top: -16px;
        transform: translate(-50%);
        width: 936px
      }

      @keyframes testimonialsHeartLeftAnimation {
        0% {
          transform: translate(-50%, -50%) rotate(-180deg)
        }

        60%,
        to {
          transform: translate(-50%, -50%) rotate(-540deg)
        }
      }

      @keyframes testimonialsHeartRightAnimation {
        0% {
          transform: translate(-50%, -50%) rotate(180deg)
        }

        60%,
        to {
          transform: translate(-50%, -50%) rotate(540deg)
        }
      }

      @media (max-width: 1248px) {
        .testimonials-heart-animation {
          display: none
        }
      }
    


          .testimonials-card-tag,
          .testimonials-card-name,
          .testimonials-card-content {
            font-feature-settings: "ss01" on, "cv10" on, "calt" off, "liga" off
          }

          .testimonials-card-name,
          .testimonials-card-content {
            font-size: 16px;
            line-height: 24px
          }

          .testimonials-card-name {
            font-weight: 500
          }

          .testimonials-card-tag {
            font-size: 14px;
            line-height: 20px
          }

          @keyframes hue-rotate {
            0% {
              filter: hue-rotate(0deg)
            }

            to {
              filter: hue-rotate(360deg)
            }
          }

          .testimonials-card {
            -webkit-backdrop-filter: blur(12px);
            backdrop-filter: blur(12px);
            background: radial-gradient(57.89% 132% at 65.79% -35%, rgba(120, 123, 255, .06) 0%, rgba(120, 123, 255, 0) 100%), linear-gradient(180deg, rgba(255, 255, 255, 0) 54.17%, rgba(255, 255, 255, .04) 100%), rgba(255, 255, 255, .01);
            border-radius: 16px;
            padding: 24px 28px;
            position: relative;
            width: 480px
          }

          .testimonials-card:before {
            background: linear-gradient(180deg, rgba(255, 255, 255, .04) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, .04));
            border-radius: inherit;
            content: "";
            inset: 0;
            -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
            mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
            mask-composite: xor;
            -webkit-mask-composite: xor;
            mask-composite: exclude;
            padding: 1px;
            pointer-events: none;
            position: absolute
          }

          .testimonials-card-top {
            align-items: center;
            display: flex;
            margin-bottom: 24px
          }

          .testimonials-card-avatar {
            border-radius: 50%;
            height: 44px;
            margin-right: 16px;
            width: 44px
          }

          .testimonials-card-name {
            color: #f4f0ff
          }

          .testimonials-card-tag {
            color: #efedfd99
          }

          .testimonials-card-content {
            color: #efedfdb3
          }

          .testimonials-card-content a {
            color: #9382ff
          }
        


    @keyframes hue-rotate {
      0% {
        filter: hue-rotate(0deg)
      }

      to {
        filter: hue-rotate(360deg)
      }
    }

    .about {
      padding-top: 96px;
      position: relative
    }

    .about .button {
      z-index: 2;
      margin: 40px auto 0
    }

    .about .rising-stars {
      height: 560px;
      left: 50%;
      -webkit-mask-image: linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, rgba(217, 217, 217, .8) 25%, #d9d9d9 50%, rgba(217, 217, 217, .8) 75%, rgba(217, 217, 217, 0) 100%);
      mask-image: linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, rgba(217, 217, 217, .8) 25%, #d9d9d9 50%, rgba(217, 217, 217, .8) 75%, rgba(217, 217, 217, 0) 100%);
      -webkit-mask-size: cover;
      mask-size: cover;
      position: absolute;
      bottom: 0;
      transform: translate(-50%);
      width: 936px
    }

    .about-lines {
      display: flex;
      height: 320px;
      justify-content: space-between;
      left: 50%;
      pointer-events: none;
      position: absolute;
      top: 160px;
      transform: translate(-50%);
      width: 1000px
    }

    .about-lines:before,
    .about-lines:after {
      content: "";
      display: block;
      height: 100%;
      width: 1px
    }

    .about-lines:before {
      background: linear-gradient(to top, rgba(243, 238, 255, 0) -.89%, rgba(243, 238, 255, .12) 100%)
    }

    .about-lines:after {
      background: linear-gradient(to bottom, rgba(243, 238, 255, 0) -.89%, rgba(243, 238, 255, .12) 100%)
    }

    @media (max-width: 1248px) {
      .about .section-header-description {
        max-width: 327px
      }
    }
  


      @keyframes hue-rotate {
        0% {
          filter: hue-rotate(0deg)
        }

        to {
          filter: hue-rotate(360deg)
        }
      }

      .about-globe {
        height: 420px;
        -webkit-mask-image: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
        mask-image: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
        -webkit-mask-size: cover;
        mask-size: cover;
        display: flex;
        justify-content: center
      }

      .about-globe-preview {
        width: 936px;
        height: 420px;
        position: relative;
        top: 160px;
        left: -6px
      }

      .about-globe-inner {
        height: 1200px;
        position: relative;
        top: -89px;
        min-width: 1400px;
        width: 1400px
      }

      @media (max-width: 1248px) {
        .about-globe-inner {
          display: flex;
          justify-content: center
        }
      }

      .about-globe-canvas {
        left: 50%;
        transform: translate(-50%);
        position: absolute;
        top: 0;
        z-index: 1
      }

      .about-globe svg {
        animation: globeBorderRotation 70s linear infinite;
        height: 100%;
        margin: 0 auto;
        opacity: .3;
        width: 936px
      }

      .about-globe-svg-wrapper {
        display: inline-block;
        height: 80%;
        left: 0;
        opacity: 0;
        position: absolute;
        top: 10%;
        z-index: 1;
        transform: scale(.5);
        transition: opacity 1s ease-out 1.6s, transform 1s ease-out 1.6s;
        width: 100%
      }

      .about-globe-svg-wrapper.active {
        opacity: 1;
        transform: none
      }

      @keyframes globeBorderRotation {
        0% {
          transform: scaleX(-1) rotate(360deg)
        }

        to {
          transform: scaleX(-1) rotate(0)
        }
      }

      @media (max-width: 1248px) {
        .about-globe {
          -webkit-mask: none;
          mask: none
        }

        .about-globe-svg-wrapper {
          display: none
        }
      }
    


    .tetris-keys-group-label {
      font-feature-settings: "ss01" on, "cv10" on, "calt" off, "liga" off
    }

    .tetris-keys-group-label {
      font-size: 12px;
      line-height: 16px
    }

    @keyframes hue-rotate {
      0% {
        filter: hue-rotate(0deg)
      }

      to {
        filter: hue-rotate(360deg)
      }
    }

    .tetris {
      padding-bottom: 52px;
      padding-top: 180px
    }

    .tetris-game-board {
      background: linear-gradient(to bottom, rgba(175, 147, 255, 0) 0%, rgba(175, 147, 255, .12) 100%);
      width: 320px;
      height: 100%;
      position: absolute;
      top: 0;
      left: 50%;
      transform: translate(-50%, 100%);
      transition: .45s cubic-bezier(.6, .6, 0, 1) transform
    }

    .tetris-game-board-wrapper {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      pointer-events: none;
      overflow: hidden
    }

    .tetris-game-board:before,
    .tetris-game-board:after {
      background: linear-gradient(to bottom, rgba(175, 147, 255, 0) 0%, rgba(175, 147, 255, .24) 100%);
      height: 100%;
      width: 1px;
      top: 0;
      position: absolute;
      content: ""
    }

    .tetris-game-board:before {
      left: 0
    }

    .tetris-game-board:after {
      right: 0
    }

    .tetris-box {
      border-radius: 24px;
      height: 640px;
      margin: 0 auto;
      padding-top: 176px;
      position: relative;
      width: 896px;
      min-width: 896px
    }

    .tetris-box .button {
      margin: 38px auto 0
    }

    .tetris-box-content {
      transition: 1s cubic-bezier(.6, .6, 0, 1) transform
    }

    .tetris-background {
      height: 100%;
      left: 0;
      border-radius: inherit;
      position: absolute;
      top: 0;
      width: 100%
    }

    .tetris-background-playing {
      opacity: 0
    }

    .tetris-playing .tetris-background-playing {
      opacity: 1
    }

    .tetris-playing .tetris-background-default {
      opacity: 0
    }

    .tetris-playing .tetris-game-board {
      transform: translate(-50%)
    }

    .tetris-playing .tetris-box-content {
      transform: translateY(-320px)
    }

    .tetris-keys {
      display: flex;
      justify-content: center;
      margin-top: 20px
    }

    .tetris-keys-group {
      align-items: center;
      display: flex
    }

    .tetris-keys-group:not(:last-child) {
      margin-right: 32px
    }

    .tetris-keys-group svg {
      opacity: .24
    }

    .tetris-keys-group-label,
    .tetris-keys-group-item {
      margin-right: 8px
    }

    .tetris-keys-group-label {
      color: #efedfd52
    }

    .tetris-keys-group-item {
      align-items: center;
      background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .12) 100%), rgba(3, 0, 20, .5);
      border-radius: 4px;
      display: flex;
      height: 24px;
      justify-content: center;
      position: relative;
      width: 24px
    }

    .tetris-keys-group-item:last-child {
      margin-right: 0
    }

    .tetris-keys-group-item:before {
      border: 1px solid rgba(255, 255, 255, .06);
      border-radius: inherit;
      box-shadow: 0 2px #ffffff14, inset 0 0 8px #ffffff0a;
      content: "";
      height: calc(100% - 2px);
      left: 0;
      position: absolute;
      top: 0;
      width: calc(100% - 2px)
    }

    .tetris-keys-group-item:after {
      background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .12) 100%), rgba(3, 0, 20, .5);
      border-radius: inherit;
      content: "";
      height: 100%;
      left: 0;
      opacity: 0;
      position: absolute;
      top: 0;
      width: 100%
    }

    .tetris-keys-group-item-pressed {
      transform: translateY(1px)
    }

    .tetris-keys-group-item-pressed svg {
      opacity: .7
    }

    .tetris-keys-group-item-pressed:before {
      box-shadow: none
    }

    .tetris-keys-group-item-pressed:after {
      opacity: 1
    }

    @media (max-width: 1248px) {
      .tetris {
        display: flex;
        justify-content: center;
        padding-top: 0
      }

      .tetris-box {
        height: 704px;
        width: 390px;
        min-width: 390px;
        border-radius: 0;
        padding-top: 6px
      }

      .tetris-keys {
        display: none
      }

      .tetris .section-header-description {
        max-width: 330px
      }

      .tetris-game-board {
        display: none
      }
    }
  


        @keyframes hue-rotate {
          0% {
            filter: hue-rotate(0deg)
          }

          to {
            filter: hue-rotate(360deg)
          }
        }

        .tetris-game {
          left: 50%;
          transform: translate(-50%);
          position: absolute;
          top: 0
        }
      


    @keyframes hue-rotate {
      0% {
        filter: hue-rotate(0deg)
      }

      to {
        filter: hue-rotate(360deg)
      }
    }

    .cta {
      height: 600px;
      margin: 72px auto 0;
      overflow: hidden;
      padding-top: 64px;
      position: relative;
      width: 100%
    }

    .cta .button {
      margin: 32px auto 0
    }

    .cta .hero-black-hole {
      top: 38px;
      z-index: -1
    }

    .cta .hero-black-hole .lazy-video {
      left: -280px;
      position: relative;
      width: 2000px
    }

    @media (max-width: 1248px) {
      .cta {
        height: 538px
      }

      .cta .hero-black-hole {
        top: 150px !important
      }

      .cta .hero-black-hole .lazy-video {
        left: -170px !important;
        width: 1368px !important
      }
    }
  


      @keyframes hue-rotate {
        0% {
          filter: hue-rotate(0deg)
        }

        to {
          filter: hue-rotate(360deg)
        }
      }

      .hero-video-modal {
        background: rgba(3, 0, 20, .7);
        height: 100vh;
        left: 0;
        padding: 12px;
        position: fixed;
        text-align: left;
        top: 0;
        width: 100vw;
        z-index: 99999
      }

      .hero-video-modal:not(.hero-video-modal-open) {
        transition: .3s visibility;
        visibility: hidden
      }

      .hero-video-modal:not(.hero-video-modal-open) .hero-video-modal-inner {
        opacity: 0;
        transform: scale(.95)
      }

      .hero-video-modal-backface {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
      }

      .hero-video-modal-content {
        width: 100%
      }

      .hero-video-modal-inner {
        transition: .5s cubic-bezier(.6, .6, 0, 1) opacity, .5s cubic-bezier(.6, .6, 0, 1) transform
      }

      .hero-video-modal-toggle {
        align-items: center;
        -webkit-backdrop-filter: blur(16px);
        backdrop-filter: blur(16px);
        background: rgba(255, 255, 255, .08);
        border: 1px solid rgba(255, 255, 255, .04);
        border-radius: 999px;
        display: flex;
        height: 32px;
        justify-content: center;
        margin-bottom: 22px;
        margin-left: auto;
        transition: .3s cubic-bezier(.6, .6, 0, 1) background-color, .3s cubic-bezier(.6, .6, 0, 1) border-color;
        width: 32px;
        z-index: 1;
        position: relative
      }

      .hero-video-modal-toggle:hover {
        background-color: #ffffff1f;
        border-color: #ffffff14
      }

      .hero-video-modal-video {
        width: 100%;
        height: 576px;
        border: 4px solid rgba(255, 255, 255, .2);
        border-radius: 16px;
        isolation: isolate;
        overflow: hidden;
        z-index: 1;
        position: relative
      }

      .hero-video-modal iframe {
        width: 100%;
        height: 100%
      }

      .hero-video-modal-container {
        max-width: 1168px;
        margin: 116px auto 0;
        padding: 0 20px;
        flex: 1
      }

      @media (max-width: 1248px) {
        .hero-video-modal {
          text-align: center
        }
      }
    


    .footer-nav-group-title,
    .footer-copyright,
    .footer-legal ul li,
    .footer-nav-group-item {
      font-feature-settings: "ss01" on, "cv10" on, "calt" off, "liga" off
    }

    .footer-nav-group-title,
    .footer-copyright,
    .footer-legal ul li,
    .footer-nav-group-item {
      font-size: 14px;
      line-height: 20px
    }

    .footer-nav-group-title {
      font-weight: 500
    }

    @keyframes hue-rotate {
      0% {
        filter: hue-rotate(0deg)
      }

      to {
        filter: hue-rotate(360deg)
      }
    }

    .footer {
      background: radial-gradient(50% 44.06% at 50% 0%, rgba(147, 130, 255, .08) 0%, rgba(147, 130, 255, 0) 100%), #030014;
      position: relative;
      border-top: 1px solid rgba(255, 255, 255, .1);
      padding: 0 32px
    }

    .footer-brand {
      display: flex;
      flex: 1;
      flex-direction: column;
      justify-content: space-between
    }

    .footer-top {
      border-bottom: 1px solid rgba(255, 255, 255, .1);
      display: flex;
      justify-content: space-between;
      padding: 80px 0 98px;
      position: relative
    }

    .footer-nav {
      display: flex;
      width: 632px
    }

    .footer-nav-group {
      flex: 1;
      min-width: 168px;
      padding-right: 16px
    }

    .footer-nav-group-title {
      color: #f4f0ff;
      margin-bottom: 20px
    }

    .footer-nav-group-item {
      color: #efedfd99;
      display: block;
      margin-bottom: 20px;
      transition: cubic-bezier(.6, .6, 0, 1) .45s color
    }

    .footer-nav-group-item:hover {
      color: #efedfdb3
    }

    .footer-nav-group li:last-child .footer-nav-group-item {
      margin-bottom: 0
    }

    .footer-legal ul {
      align-items: center;
      display: flex
    }

    .footer-legal ul li {
      color: #efedfd99;
      margin-right: 16px
    }

    .footer-legal ul li:hover {
      color: #efedfdb3
    }

    .footer-bottom {
      display: flex;
      justify-content: space-between;
      padding: 56px 0 114px
    }

    .footer-copyright {
      color: #efedfd99;
      margin-right: 16px
    }

    .footer-social-media {
      display: flex
    }

    .footer-social-media-item {
      color: #efedfd99;
      display: block;
      transition: cubic-bezier(.6, .6, 0, 1) .45s color
    }

    .footer-social-media-item:hover {
      color: #efedfdb3
    }

    .footer-social-media-item:not(:last-child) {
      margin-right: 20px
    }

    @media (max-width: 1248px) {
      .footer-top {
        display: block;
        padding-bottom: 0;
        padding-top: 40px
      }

      .footer-brand {
        flex-direction: row;
        align-items: center;
        margin-bottom: 40px
      }

      .footer-nav {
        width: 100%;
        flex-wrap: wrap
      }

      .footer-nav-group {
        width: 168px;
        flex: 0;
        margin-bottom: 32px
      }

      .footer-bottom {
        display: block;
        padding-top: 32px;
        padding-bottom: 154px
      }

      .footer-legal {
        margin-bottom: 32px
      }
    }
  


        .footer-newsletter-title {
          font-family: AeonikPro, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, sans-serif;
          font-feature-settings: unset;
          font-weight: 500
        }

        .footer-newsletter-title {
          font-size: 24px;
          line-height: 32px
        }

        .footer-newsletter-description {
          font-feature-settings: "ss01" on, "cv10" on, "calt" off, "liga" off
        }

        .footer-newsletter-description {
          font-size: 14px;
          line-height: 20px
        }

        @keyframes hue-rotate {
          0% {
            filter: hue-rotate(0deg)
          }

          to {
            filter: hue-rotate(360deg)
          }
        }

        .footer-newsletter {
          align-items: center;
          border-bottom: 1px solid rgba(255, 255, 255, .1);
          display: flex;
          justify-content: space-between;
          padding: 56px 0
        }

        .footer-newsletter .input {
          background-color: transparent;
          flex: 1;
          margin-right: 8px
        }

        .footer-newsletter .input input {
          padding: 8px 12px
        }

        .footer-newsletter-form {
          display: flex;
          width: 404px
        }

        .footer-newsletter-title {
          background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, .7) 100%);
          -webkit-background-clip: text;
          background-clip: text;
          color: transparent;
          -webkit-text-fill-color: transparent;
          margin-bottom: 8px
        }

        .footer-newsletter-description {
          color: #efedfdb3
        }

        .footer-newsletter .section-header-badge {
          margin-bottom: 0;
          margin-right: 0
        }

        @media (max-width: 1248px) {
          .footer-newsletter {
            flex-direction: column;
            padding: 32px 0;
            align-items: unset
          }

          .footer-newsletter-form {
            width: 100%;
            margin-top: 24px;
            display: block
          }

          .footer-newsletter-form .button {
            width: 100%;
            margin-top: 8px
          }

          .footer-newsletter .input {
            background-color: transparent;
            flex: 1;
            margin-right: 0
          }
        }
      


            .input input {
              font-feature-settings: "ss01" on, "cv10" on, "calt" off, "liga" off
            }

            .input input {
              font-size: 14px;
              line-height: 20px
            }

            @keyframes hue-rotate {
              0% {
                filter: hue-rotate(0deg)
              }

              to {
                filter: hue-rotate(360deg)
              }
            }

            .input {
              align-items: center;
              background: rgba(243, 238, 255, .03);
              border: 1px solid rgba(243, 238, 255, .1);
              border-radius: 8px;
              display: flex;
              transition: .15s cubic-bezier(.6, .6, 0, 1) background-color, .15s cubic-bezier(.6, .6, 0, 1) border-color, .15s cubic-bezier(.6, .6, 0, 1) box-shadow
            }

            .input input {
              background-color: transparent;
              border: 0;
              color: #f4f0ff;
              display: block;
              padding: 10px 16px;
              width: 100%
            }

            .input input::-moz-placeholder {
              color: #efedfd99
            }

            .input input::placeholder {
              color: #efedfd99
            }

            .input-dirty {
              background: rgba(243, 238, 255, .03)
            }

            .input:hover {
              background: rgba(243, 238, 255, .06)
            }

            .input:focus-within {
              border-color: #9382ff;
              box-shadow: 0 0 0 2px #030014, 0 0 0 3px #9382ff52
            }
          


            .button {
              font-feature-settings: "ss01" on, "cv10" on, "calt" off, "liga" off
            }

            .button {
              font-size: 14px;
              line-height: 20px
            }

            .button {
              font-weight: 500
            }

            @keyframes hue-rotate {
              0% {
                filter: hue-rotate(0deg)
              }

              to {
                filter: hue-rotate(360deg)
              }
            }

            .button {
              -webkit-backdrop-filter: blur(8px);
              backdrop-filter: blur(8px);
              border-radius: 8px;
              color: #f4f0ff;
              display: block;
              padding: 8px 16px;
              position: relative;
              width: -moz-max-content;
              width: max-content
            }

            .button:before,
            .button:after,
            .button-border {
              border-radius: inherit;
              height: 100%;
              left: 0;
              position: absolute;
              top: 0;
              width: 100%;
              z-index: -1
            }

            .button:before,
            .button:after {
              content: "";
              display: block;
              transition: .2s opacity cubic-bezier(.6, .6, 0, 1)
            }

            .button:after {
              opacity: 0
            }

            .button:hover:before {
              opacity: 0
            }

            .button:hover:after {
              opacity: 1
            }

            .button-primary .button-border:before {
              background: linear-gradient(180deg, rgba(207, 184, 255, .24) 0%, rgba(207, 184, 255, 0) 100%), linear-gradient(0deg, rgba(207, 184, 255, .32), rgba(207, 184, 255, .32));
              border-radius: inherit;
              content: "";
              inset: 0;
              -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
              mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
              mask-composite: xor;
              -webkit-mask-composite: xor;
              mask-composite: exclude;
              padding: 1px;
              pointer-events: none;
              position: absolute
            }

            .button-primary:before {
              background: linear-gradient(180deg, rgba(60, 8, 126, 0) 0%, rgba(60, 8, 126, .32) 100%), rgba(113, 47, 255, .12);
              box-shadow: inset 0 0 12px #bf97ff3d
            }

            .button-primary:after {
              background: linear-gradient(180deg, rgba(60, 8, 126, 0) 0%, rgba(60, 8, 126, .42) 100%), rgba(113, 47, 255, .24);
              box-shadow: inset 0 0 12px #bf97ff70
            }

            .button-secondary .button-border {
              border: 1px solid rgba(243, 238, 255, .08)
            }

            .button-secondary:before {
              background: linear-gradient(180deg, rgba(243, 238, 255, 0) 0%, rgba(243, 238, 255, .04) 100%), rgba(147, 130, 255, .01);
              box-shadow: inset 0 0 12px #ffffff14
            }

            .button-secondary:after {
              box-shadow: inset 0 0 12px #ffffff14;
              background: linear-gradient(180deg, rgba(243, 238, 255, 0) 0%, rgba(243, 238, 255, .05) 100%), rgba(147, 130, 255, .04)
            }