@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(assets/font/medium.woff2), url(assets/font/medium.woff);
  font-display: swap;
  font-family: AeonikPro;
  font-weight: 500
}

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

@font-face {
  src: url(assets/font/regular.woff2), url(asset/font/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
  }
}

.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
}

.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)
  }
}

.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 {
  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
  }
}


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

@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 {
  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)
  }
}

.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: "Reflect"
}

.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
}

.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
  }
}

.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
  }
}

.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
}


@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)
  }
}

.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)
  }
}

.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)
}