@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: var(--ss-black-15)
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, var(--ss-black-50), var(--ss-black-00))
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, var(--ss-black-50), var(--ss-black-00))
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, var(--ss-black-50), var(--ss-black-00))
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, var(--ss-black-50), var(--ss-black-00))
}

.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: var(--ss-color-white)
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: var(--ss-color-black)
}

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

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

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

body {
  background-color: var(--ss-color-bg);
  color: var(--ss-color-white);
  font-family: Inter V, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, sans-serif;
  overflow-y: auto;
  width: 100%
}

@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: var(--ss-color-white);
  -webkit-text-fill-color: var(--ss-color-white)
}

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

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

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

::-webkit-scrollbar-thumb {
  background: var(--ss-white-05);
  border-radius: 99px
}

::-webkit-scrollbar-thumb:hover {
  background: var(--ss-white-10)
}

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%, var(--ss-white-12) 0%, var(--ss-white-00) 100%);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%
}

.header-nav {
  background: var(--ss-white-02);
  border: 1px solid var(--ss-white-08);
  border-radius: var(--ss-radius-pill);
  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: var(--ss-color-nav-link);
  display: block;
  transition: .3s cubic-bezier(.6, .6, 0, 1) color
}

.header-nav-link:hover {
  color: var(--ss-color-text-weak)
}

.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 var(--ss-white-10)
  }

  .header-nav li:last-child {
    border-bottom: 1px solid var(--ss-white-10)
  }

  .header-nav-link {
    padding: 20px 40px;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    color: var(--ss-color-nav-link)
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

.button {
  font-weight: 500
}

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

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

.button {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border-radius: var(--ss-radius-sm);
  color: var(--ss-color-text);
  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(var(--ss-color-white) 0 0) content-box, linear-gradient(var(--ss-color-white) 0 0);
  mask: linear-gradient(var(--ss-color-white) 0 0) content-box, linear-gradient(var(--ss-color-white) 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: var(--ss-color-white);
  border-radius: 500px;
  transition: all .3s ease-in-out
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.hero-badge:after {
  background: linear-gradient(90.01deg, rgba(229, 156, 255, .24) .01%, rgba(186, 156, 255, .24) 50.01%, rgba(156, 178, 255, .24) 100%);
  border-radius: inherit;
  content: "";
  inset: 0;
  -webkit-mask: linear-gradient(var(--ss-color-white) 0 0) content-box, linear-gradient(var(--ss-color-white) 0 0);
  mask: linear-gradient(var(--ss-color-white) 0 0) content-box, linear-gradient(var(--ss-color-white) 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, var(--ss-white-40), var(--ss-white-40)), 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: var(--ss-color-text-alpha-70)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.section-header-badge:after {
  background: linear-gradient(90.01deg, rgba(229, 156, 255, .24) .01%, rgba(186, 156, 255, .24) 50.01%, rgba(156, 178, 255, .24) 100%);
  border-radius: inherit;
  content: "";
  inset: 0;
  -webkit-mask: linear-gradient(var(--ss-color-white) 0 0) content-box, linear-gradient(var(--ss-color-white) 0 0);
  mask: linear-gradient(var(--ss-color-white) 0 0) content-box, linear-gradient(var(--ss-color-white) 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, var(--ss-white-40), var(--ss-white-40)), 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, var(--ss-color-white) 0%, var(--ss-white-70) 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: var(--ss-color-text-alpha-70);
  margin: 12px auto 0;
  max-width: 455px;
  text-align: center
}

@media (max-width: 1248px) {

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

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

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

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

.hero-black-hole {
  height: 810px;
  left: 50%;
  -webkit-mask-image: radial-gradient(50% 50% at 50% 50%, var(--ss-color-white) 60.94%, transparent 100%);
  mask-image: radial-gradient(50% 50% at 50% 50%, var(--ss-color-white) 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%, var(--ss-color-neutral-line) 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%, var(--ss-color-neutral-line) 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: var(--ss-white-00);
  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: var(--ss-white-00);
    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: 160px
  }

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

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

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

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

.lazy-video-loaded {
  opacity: 1
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  to {
    transform: rotate(360deg)
  }
}

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

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

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

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

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

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

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

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

.hero-black-hole-circle-tooltip {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background: radial-gradient(69.19% 69.19% at 50% 0%, var(--ss-white-06) 0%, var(--ss-white-00) 100%), var(--ss-white-03), rgba(3, 0, 20, .7);
  border: 1px solid var(--ss-white-10);
  border-radius: var(--ss-radius-sm);
  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: var(--ss-color-text-contrast);
  display: flex
}

.hero-black-hole-circle-tooltip-item:before {
  background: var(--ss-white-20);
  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%, var(--ss-color-bg) 82.36%);
  content: "";
  display: block;
  height: calc(100% + 1px);
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1
}

.hero-video-preview {
  background: var(--ss-white-01);
  border: 1px solid var(--ss-white-10);
  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: var(--ss-white-02);
  border: 1px solid var(--ss-white-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, var(--ss-white-00) 17.71%, var(--ss-white-12) 100%), var(--ss-white-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, var(--ss-white-00) 0%, var(--ss-white-10) 100%), linear-gradient(0deg, var(--ss-white-05), var(--ss-white-05));
  border-radius: inherit;
  content: "";
  inset: 0;
  -webkit-mask: linear-gradient(var(--ss-color-white) 0 0) content-box, linear-gradient(var(--ss-color-white) 0 0);
  mask: linear-gradient(var(--ss-color-white) 0 0) content-box, linear-gradient(var(--ss-color-white) 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: calc(100% - 32px);
    max-width: 860px;
    height: auto;
    margin-top: 140px
  }

  .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: 900px;
  z-index: 2
}

.features-cards .swiper-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 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, var(--ss-white-12) -.89%, var(--ss-white-00) 100%)
}

.features-gridlines div:nth-child(even) {
  background: linear-gradient(0, var(--ss-white-12) -.89%, var(--ss-white-00) 100%)
}

.features-gridlines div:last-child {
  background: linear-gradient(90deg, var(--ss-white-00) -.89%, var(--ss-white-08) 24.33%, var(--ss-white-08) 49.55%, var(--ss-white-08) 74.78%, var(--ss-white-00) 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, var(--ss-white-00) 0%, var(--ss-white-04) 100%);
    top: -8px
  }

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

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

  .features-gridlines div:nth-child(2):before {
    background: linear-gradient(to left, var(--ss-white-00) 0%, var(--ss-white-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 {
  min-height: 164px;
  overflow: hidden;
  padding: 25px 0 32px;
  position: relative;
  text-align: center
}

.features-card:after {
  background: linear-gradient(to bottom, var(--ss-white-00) 0%, var(--ss-white-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(n+4):after {
  background: linear-gradient(to top, var(--ss-white-00) 0%, var(--ss-white-06) 100%)
}

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

.features-card svg {
  height: 40px;
  margin: 0 auto 19px;
  width: 40px
}

.features-card-title {
  color: var(--ss-color-text)
}

.features-card-description {
  color: var(--ss-color-text-subtle);
  margin-top: var(--ss-space-1);
  padding-bottom: var(--ss-space-2)
}

.features-card:before {
  content: unset
}

.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, var(--ss-white-12) -.89%, var(--ss-white-00) 100%)
}

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

.features-card .features-card-gap {
  height: 100%;
  width: 32px;
  position: absolute;
  right: 0;
  top: 0;
  background: linear-gradient(1.84deg, var(--ss-white-00) 0%, var(--ss-white-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: 24px 48px 36px 32px;
    min-height: 196px;
    height: auto;
    background-color: var(--ss-color-bg);
    text-align: left
  }

  .features-card:after {
    content: unset
  }

  .features-card svg {
    margin: 0 0 20px
  }

  .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, var(--ss-color-white), var(--ss-white-00));
  mask-image: linear-gradient(to top, var(--ss-color-white), var(--ss-white-00));
  -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, var(--ss-white-00) -.89%, var(--ss-white-08) 24.33%, var(--ss-white-08) 49.55%, var(--ss-white-08) 74.78%, var(--ss-white-00) 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: var(--ss-color-text)
}

.ai-cards-item-description {
  color: var(--ss-color-text-subtle)
}

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

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

.ai-cards-item:after {
  background: linear-gradient(to bottom, var(--ss-white-00) 0%, var(--ss-white-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, var(--ss-white-00) 0%, var(--ss-white-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, var(--ss-white-18), var(--ss-white-00));
    content: "";
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    right: unset;
    top: unset;
    height: 1px
  }

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

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

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

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

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

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

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

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

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

@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 var(--ss-white-10);
  border-radius: var(--ss-radius-md);
  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 var(--ss-white-10);
  border-radius: 4px;
  color: var(--ss-color-text-subtle);
  padding: 4px 12px
}

.ai-showcase-animation-menu-category {
  color: var(--ss-color-text-subtle)
}

@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 var(--ss-white-10);
  border-radius: var(--ss-radius-md);
  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 var(--ss-white-10);
  display: flex;
  justify-content: space-between;
  padding: 12px 14px
}

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

.ai-showcase-animation-answer-body-inner {
  background: var(--ss-white-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: var(--ss-color-white);
  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: var(--ss-white-05);
  border: 1px solid var(--ss-white-10);
  border-radius: 4px;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  margin-left: 8px;
  padding: 0 5px
}

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

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

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

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

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

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

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

.connected .rising-stars {
  height: 212px;
  left: 50%;
  -webkit-mask-image: linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, rgba(217, 217, 217, .8) 25%, var(--ss-color-neutral-line) 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%, var(--ss-color-neutral-line) 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: var(--ss-color-text-alpha-70);
  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: var(--ss-color-text)
}

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

.connected-card:nth-child(2) {
  background: radial-gradient(100% 121.87% at 0% 100%, var(--ss-white-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: var(--ss-radius-pill);
  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 var(--ss-white-05);
  border-radius: 99px;
  color: var(--ss-color-text-alpha-70);
  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 var(--ss-white-10);
  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: var(--ss-white-01);
  box-shadow: 32px 36px 32px var(--ss-color-bg)80;
  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%, var(--ss-white-00) 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%, var(--ss-color-bg) 37.87%);
  height: 600px;
  left: 50%;
  position: absolute;
  top: 446px;
  transform: translate(-50%);
  width: 1440px
}

.research-radar-fader:before {
  background: linear-gradient(to right, var(--ss-white-00), var(--ss-white-12), var(--ss-white-00));
  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, var(--ss-white-24) .11%, var(--ss-white-00) 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: var(--ss-color-text);
  margin-bottom: 8px
}

.research-card-description {
  color: var(--ss-color-text-alpha-70)
}

.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%, var(--ss-color-white) 60.94%, transparent 100%);
  mask-image: radial-gradient(50% 50% at 50% 50%, var(--ss-color-white) 60.94%, transparent 100%);
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 1568px;
  z-index: -1
}

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

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

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

  .encryption-header-desktop {
    display: none
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.meetings-animation-fader {
  background: linear-gradient(180deg, rgba(3, 0, 20, 0) 0%, rgba(3, 0, 20, .5) 34.48%, var(--ss-color-bg) 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, var(--ss-white-00) 0%, var(--ss-white-20) 33.33%, var(--ss-white-06) 66.67%, var(--ss-white-00) 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, var(--ss-white-00) -.83%, var(--ss-white-08) 49.59%, var(--ss-white-00) 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, var(--ss-white-00) 0%, var(--ss-white-08) 100%), rgba(6, 3, 23, .96);
  border-radius: var(--ss-radius-sm);
  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 var(--ss-white-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%, var(--ss-color-white) 31%);
  mask-image: linear-gradient(to right, transparent 0%, var(--ss-color-white) 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: var(--ss-color-text-contrast);
  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%, var(--ss-color-white) 50%);
  mask-image: linear-gradient(to left, transparent 0%, var(--ss-color-white) 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: var(--ss-white-02);
  border: 1px solid var(--ss-white-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: var(--ss-color-text-contrast);
  font-size: 13px;
  font-weight: 500;
  line-height: 24px;
  max-width: 195px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.integrations-item:nth-child(4) {
  background: radial-gradient(100% 100% at 0% 0%, var(--ss-white-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, var(--ss-white-00) 0%, var(--ss-color-white) 25%, var(--ss-color-white) 50%, var(--ss-color-white) 75%, var(--ss-white-00) 100%);
  mask-image: linear-gradient(to bottom, var(--ss-white-00) 0%, var(--ss-color-white) 25%, var(--ss-color-white) 50%, var(--ss-color-white) 75%, var(--ss-white-00) 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%, var(--ss-white-08) 0%, rgba(3, 0, 20, 0) 100%)
  }

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

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

  .integrations-item:nth-child(4) {
    background: radial-gradient(100% 121.87% at 0% 0%, var(--ss-white-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: var(--ss-color-text);
  margin-bottom: 8px
}

.integrations-item-description {
  color: var(--ss-color-text-alpha-70)
}

@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, var(--ss-white-40) 0%, var(--ss-white-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: var(--ss-color-text-subtle)
}

.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, var(--ss-white-00) 44.15%, var(--ss-white-35) 71.79%, var(--ss-color-white) 100%);
  mask-image: linear-gradient(180deg, var(--ss-white-00) 44.15%, var(--ss-white-35) 71.79%, var(--ss-color-white) 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: var(--ss-color-text);
  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, var(--ss-color-bg) 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%, var(--ss-color-bg) 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%, var(--ss-color-neutral-line) 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%, var(--ss-color-neutral-line) 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, var(--ss-white-00) 54.17%, var(--ss-white-04) 100%), var(--ss-white-01);
  border-radius: 16px;
  padding: 24px 28px;
  position: relative;
  width: 480px
}

.testimonials-card:before {
  background: linear-gradient(180deg, var(--ss-white-04) 0%, var(--ss-white-00) 100%), linear-gradient(0deg, var(--ss-white-04), var(--ss-white-04));
  border-radius: inherit;
  content: "";
  inset: 0;
  -webkit-mask: linear-gradient(var(--ss-color-white) 0 0) content-box, linear-gradient(var(--ss-color-white) 0 0);
  mask: linear-gradient(var(--ss-color-white) 0 0) content-box, linear-gradient(var(--ss-color-white) 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: var(--ss-color-text)
}

.testimonials-card-tag {
  color: var(--ss-color-text-subtle)
}

.testimonials-card-content {
  color: var(--ss-color-text-alpha-70)
}

.testimonials-card-content a {
  color: var(--ss-color-accent)
}

@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%, var(--ss-color-neutral-line) 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%, var(--ss-color-neutral-line) 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, var(--ss-color-white) 0%, var(--ss-white-00) 100%);
  mask-image: linear-gradient(180deg, var(--ss-color-white) 0%, var(--ss-white-00) 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, var(--ss-white-00) 0%, var(--ss-white-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 var(--ss-white-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, var(--ss-white-00) 0%, var(--ss-white-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: var(--ss-white-08);
  border: 1px solid var(--ss-white-04);
  border-radius: var(--ss-radius-pill);
  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 var(--ss-white-20);
  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%), var(--ss-color-bg);
  position: relative;
  border-top: 1px solid var(--ss-white-10);
  padding: 0 32px
}

.footer-brand {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: space-between
}

.footer-top {
  border-bottom: 1px solid var(--ss-white-10);
  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: var(--ss-color-text);
  margin-bottom: 20px
}

.footer-nav-group-item {
  color: var(--ss-color-text-subtle);
  display: block;
  margin-bottom: 20px;
  transition: cubic-bezier(.6, .6, 0, 1) .45s color
}

.footer-nav-group-item:hover {
  color: var(--ss-color-text-alpha-70)
}

.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: var(--ss-color-text-subtle);
  margin-right: 16px
}

.footer-legal ul li:hover {
  color: var(--ss-color-text-alpha-70)
}

.footer-bottom {
  display: flex;
  justify-content: space-between;
  padding: 56px 0 114px
}

.footer-copyright {
  color: var(--ss-color-text-subtle);
  margin-right: 16px
}

.footer-social-media {
  display: flex
}

.footer-social-media-item {
  color: var(--ss-color-text-subtle);
  display: block;
  transition: cubic-bezier(.6, .6, 0, 1) .45s color
}

.footer-social-media-item:hover {
  color: var(--ss-color-text-alpha-70)
}

.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 var(--ss-white-10);
  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, var(--ss-color-white) 0%, var(--ss-white-70) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  margin-bottom: 8px
}

.footer-newsletter-description {
  color: var(--ss-color-text-alpha-70)
}

.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: var(--ss-color-surface);
  border: 1px solid var(--ss-color-border);
  border-radius: var(--ss-radius-sm);
  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: var(--ss-color-text);
  display: block;
  padding: 10px 16px;
  width: 100%
}

.input input::-moz-placeholder {
  color: var(--ss-color-text-subtle)
}

.input input::placeholder {
  color: var(--ss-color-text-subtle)
}

.input-dirty {
  background: var(--ss-color-surface)
}

.input:hover {
  background: rgba(243, 238, 255, .06)
}

.input:focus-within {
  border-color: var(--ss-color-accent);
  box-shadow: 0 0 0 2px var(--ss-color-bg), 0 0 0 3px var(--ss-color-accent)52
}



/* SilenceSide design-system layer (Phase 1-3) */
:root {
  --ss-color-bg: #030014;
  --ss-color-surface: rgba(243, 238, 255, 0.03);
  --ss-color-text: #f4f0ff;
  --ss-color-text-alpha-70: #efedfdb3;
  --ss-color-text-muted: rgba(239, 237, 253, 0.7);
  --ss-color-text-subtle: rgba(239, 237, 253, 0.6);
  --ss-color-border: rgba(243, 238, 255, 0.1);
  --ss-color-border-strong: rgba(243, 238, 255, 0.16);
  --ss-color-accent: #9382ff;
  --ss-color-focus: #9f91ff;
  --ss-color-white: #fff;
  --ss-color-black: #000;
  --ss-color-nav-link: #ffffffe6;
  --ss-color-neutral-line: #d9d9d9;
  --ss-color-text-contrast: #fffc;
  --ss-color-text-weak: #fff9;
  --ss-white-00: rgba(255, 255, 255, 0);
  --ss-white-01: rgba(255, 255, 255, .01);
  --ss-white-02: rgba(255, 255, 255, .02);
  --ss-white-03: rgba(255, 255, 255, .03);
  --ss-white-04: rgba(255, 255, 255, .04);
  --ss-white-05: rgba(255, 255, 255, .05);
  --ss-white-06: rgba(255, 255, 255, .06);
  --ss-white-08: rgba(255, 255, 255, .08);
  --ss-white-10: rgba(255, 255, 255, .1);
  --ss-white-12: rgba(255, 255, 255, .12);
  --ss-white-18: rgba(255, 255, 255, .18);
  --ss-white-20: rgba(255, 255, 255, .2);
  --ss-white-24: rgba(255, 255, 255, .24);
  --ss-white-28: rgba(255, 255, 255, .28);
  --ss-white-35: rgba(255, 255, 255, .35);
  --ss-white-40: rgba(255, 255, 255, .4);
  --ss-white-50: rgba(255, 255, 255, .5);
  --ss-white-70: rgba(255, 255, 255, .7);
  --ss-black-00: rgba(0, 0, 0, 0);
  --ss-black-15: rgba(0, 0, 0, .15);
  --ss-black-50: rgba(0, 0, 0, .5);
  --ss-radius-sm: 8px;
  --ss-radius-md: 12px;
  --ss-radius-pill: 999px;
  --ss-space-1: 4px;
  --ss-space-2: 8px;
  --ss-space-3: 12px;
  --ss-space-4: 16px;
  --ss-space-5: 24px;
  --ss-space-6: 32px;
  --ss-space-7: 48px;
  --ss-shadow-focus: 0 0 0 2px var(--ss-color-bg), 0 0 0 4px rgba(159, 145, 255, 0.55);
  --ss-duration-fast: 150ms;
  --ss-duration-base: 300ms;
  --ss-ease-standard: cubic-bezier(.2, .8, .2, 1);
  --ss-breakpoint-sm: 480px;
  --ss-breakpoint-md: 768px;
  --ss-breakpoint-lg: 1024px;
}

body {
  background-color: var(--ss-color-bg);
  color: var(--ss-color-text);
}

:focus-visible {
  outline: 2px solid var(--ss-color-focus);
  outline-offset: 2px;
  box-shadow: var(--ss-shadow-focus);
}

:focus:not(:focus-visible) {
  outline: none;
  box-shadow: none;
}

button,
a,
.button,
.header-nav-link,
.footer-nav-group-item,
.footer-social-media-item {
  transition-duration: var(--ss-duration-base);
  transition-timing-function: var(--ss-ease-standard);
}

.header-toggle {
  border-radius: var(--ss-radius-sm);
}

.header-toggle:focus-visible {
  box-shadow: var(--ss-shadow-focus);
}

.sr-only {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.footer-newsletter .input {
  border-color: var(--ss-color-border);
  border-radius: var(--ss-radius-sm);
}

.footer-newsletter .input:focus-within {
  border-color: var(--ss-color-accent);
  box-shadow: var(--ss-shadow-focus);
}

a[href="#"] {
  color: var(--ss-color-text-subtle);
  cursor: not-allowed;
  opacity: 0.72;
  pointer-events: none;
  text-decoration: none;
}

a[href="#"]:focus-visible {
  outline: none;
  box-shadow: none;
}

.container,
.container-md,
.container-sm,
.container-lg {
  width: min(100% - 32px, 1296px);
}

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

.container {
  max-width: 1248px;
}

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

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

.state-empty,
.state-loading,
.state-error {
  align-items: center;
  background: var(--ss-color-surface);
  border: 1px solid var(--ss-color-border);
  border-radius: var(--ss-radius-md);
  color: var(--ss-color-text-muted);
  display: flex;
  justify-content: center;
  min-height: 120px;
  padding: var(--ss-space-5);
  text-align: center;
}

.state-error {
  border-color: var(--ss-color-border-strong);
  color: var(--ss-color-text);
}

@media (max-width:1024px) {

  .container,
  .container-md,
  .container-sm,
  .container-lg {
    width: min(100% - 40px, 100%);
  }

  .container-lg {
    max-width: 960px;
  }

  .container,
  .container-md {
    max-width: 880px;
  }

  .container-sm {
    max-width: 840px;
  }

  .section-header-description {
    max-width: 38ch;
  }
}

@media (max-width:768px) {

  .container,
  .container-md,
  .container-sm,
  .container-lg {
    max-width: none;
    width: calc(100% - 32px);
  }

  .header {
    padding: 0 16px;
  }

  .header-nav-link {
    font-size: 20px;
    line-height: 28px;
    padding: 18px 24px;
  }

  .footer {
    padding: 0 20px;
  }
}

@media (max-width:480px) {

  .container,
  .container-md,
  .container-sm,
  .container-lg {
    width: calc(100% - 24px);
  }

  .hero {
    padding-top: 96px;
  }

  .section-header-description {
    font-size: 15px;
    line-height: 22px;
  }
}

@media (min-width:1249px) {
  .hero {
    padding-top: 130px;
  }

  .hero-black-hole {
    height: 760px;
    top: 232px;
  }

  .hero-video {
    margin-top: 252px;
  }
}

@media (prefers-reduced-motion:reduce) {

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }

  .hero-black-hole-visible .hero-black-hole-stars,
  .hero-black-hole-visible .hero-black-hole-circle,
  .lazy-video,
  .tetris-box-content,
  .tetris-game-board {
    animation: none !important;
    transition: none !important;
  }
}

/* Hero Dashboard Panel */
.hero-dashboard-panel {
  display: flex;
  margin: 0;
  max-width: none;
  background: var(--ss-color-surface);
  border: var(--ss-border-strong);
  border-radius: 16px;
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  box-shadow: none;
  overflow: hidden;
  color: var(--ss-color-text);
  font-family: var(--ss-font-family-primary);
  text-align: left;
  position: relative;
  z-index: auto;
  height: 100%;
}

.hero-dashboard-sidebar {
  width: 240px;
  background: rgba(0, 0, 0, 0.2);
  border-right: var(--ss-border-default);
  padding: 24px 16px;
  display: flex;
  flex-direction: column;
}

.hero-dashboard-sidebar-title {
  font-size: var(--ss-font-size-sm);
  font-weight: var(--ss-font-weight-medium);
  color: var(--ss-color-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 16px;
  padding: 0 8px;
}

.hero-dashboard-sidebar-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.hero-dashboard-sidebar-list li {
  padding: 10px 12px;
  margin-bottom: 4px;
  border-radius: var(--ss-radius-sm);
  font-size: var(--ss-font-size-md);
  color: var(--ss-color-text-subtle);
  cursor: default;
  transition: all var(--ss-duration-fast) var(--ss-ease-standard);
}

.hero-dashboard-sidebar-list li.active,
.hero-dashboard-sidebar-list li:hover {
  background: rgba(255, 255, 255, 0.05);
  color: var(--ss-color-text);
}

.hero-dashboard-main {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 32px 40px;
}

.hero-dashboard-header-title {
  font-size: var(--ss-font-size-xl);
  font-weight: var(--ss-font-weight-medium);
  margin-bottom: 32px;
  color: var(--ss-color-text);
}

.hero-dashboard-content {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hero-dashboard-structure {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  width: 100%;
  max-width: 400px;
}

.hero-dashboard-entity {
  background: rgba(255, 255, 255, 0.03);
  border: var(--ss-border-default);
  border-radius: 16px;
  padding: 24px;
  width: 100%;
  text-align: center;
  box-shadow: inset 0 0 12px rgba(255, 255, 255, 0.02);
}

.hero-dashboard-entity.top {
  border-color: rgba(159, 145, 255, 0.3);
  background: linear-gradient(180deg, rgba(159, 145, 255, 0.05) 0%, transparent 100%);
}

.hero-dashboard-arrow {
  color: var(--ss-color-text-subtle);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 24px;
}

.entity-badge {
  display: inline-block;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  background: rgba(255, 255, 255, 0.1);
  padding: 4px 8px;
  border-radius: var(--ss-radius-pill);
  margin-bottom: 12px;
  color: var(--ss-color-text-muted);
}

.hero-dashboard-entity.top .entity-badge {
  background: rgba(159, 145, 255, 0.15);
  color: var(--ss-color-accent);
}

.entity-name {
  font-size: var(--ss-font-size-lg);
  font-weight: var(--ss-font-weight-medium);
  margin-bottom: 8px;
}

.entity-detail {
  font-size: var(--ss-font-size-sm);
  color: var(--ss-color-text-subtle);
}

.hero-dashboard-right {
  width: 280px;
  background: rgba(0, 0, 0, 0.2);
  border-left: var(--ss-border-default);
  padding: 32px 24px;
}

@media (max-width: 1024px) {
  .hero-dashboard-panel {
    flex-direction: column;
    margin: 40px 24px 0;
  }

  .hero-dashboard-sidebar {
    width: 100%;
    border-right: none;
    border-bottom: var(--ss-border-default);
    flex-direction: row;
    overflow-x: auto;
    padding: 16px;
  }

  .hero-dashboard-sidebar-title {
    display: none;
  }

  .hero-dashboard-sidebar-list {
    display: flex;
    gap: 8px;
  }

  .hero-dashboard-sidebar-list li {
    white-space: nowrap;
    margin: 0;
  }

  .hero-dashboard-right {
    width: 100%;
    border-left: none;
    border-top: var(--ss-border-default);
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 16px;
  }

  .hero-dashboard-right .meetings-piece-box {
    margin-top: 0 !important;
  }

  .hero-dashboard-main {
    padding: 24px 16px;
  }

  .hero-dashboard-terminal {
    padding: 16px;
  }
}

/* Hero Dashboard Terminal Redesign */
.hero-dashboard-terminal {
  flex: 1;
  display: flex;
  flex-direction: column;
  background: rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: var(--ss-radius-sm);
  padding: 24px;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 0 40px rgba(0, 0, 0, 0.8), 0 0 0 1px rgba(255, 255, 255, 0.02);
  background-image: radial-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px);
  background-size: 20px 20px;
}

.terminal-badge {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 11px;
  letter-spacing: 0.15em;
  color: rgba(255, 255, 255, 0.4);
  margin-bottom: 32px;
  display: flex;
  align-items: center;
}

.terminal-badge::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  background: var(--ss-color-accent);
  border-radius: 50%;
  margin-right: 12px;
  box-shadow: 0 0 8px var(--ss-color-accent);
}

.terminal-body {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 14px;
  line-height: 2.2;
  color: rgba(255, 255, 255, 0.6);
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.terminal-line {
  opacity: 0;
  animation: terminal-line-appear 0.1s forwards;
  position: relative;
  text-shadow: 0 0 2px rgba(255, 255, 255, 0.2);
}

.terminal-line.success {
  color: #a4f5ca;
  text-shadow: 0 0 8px rgba(164, 245, 202, 0.4);
}

/* Sequential Animation Delays */
.terminal-line.line-1 {
  animation-delay: 1.0s;
}

.terminal-line.line-2 {
  animation-delay: 2.8s;
}

.terminal-line.line-3 {
  animation-delay: 4.2s;
}

.terminal-line.line-4 {
  animation-delay: 6.0s;
}

.terminal-cursor {
  display: inline-block;
  opacity: 1;
  animation: blink 1s step-end infinite;
}

@keyframes terminal-line-appear {
  0% {
    opacity: 0;
    transform: translateY(5px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes blink {

  0%,
  100% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }
}

/* Terminal Redesign Phase 2: Transparent Background & Extended Sequence */
.hero-dashboard-terminal {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  background-image: none !important;
  padding: 0 !important;
}

.terminal-line.line-5 {
  animation-delay: 7.5s;
}

.terminal-line.line-6 {
  animation-delay: 9.0s;
}

.terminal-line.line-7 {
  animation-delay: 10.5s;
}

.terminal-line.line-8 {
  animation-delay: 12.0s;
}

.terminal-line.line-9 {
  animation-delay: 14.0s;
}

.terminal-line.line-10 {
  animation-delay: 15.5s;
}

.terminal-line.line-11 {
  animation-delay: 17.5s;
}