@font-face {
  font-family: Aspekta;
  src: url('../fonts/Aspekta-400.ttf') format("truetype"), url('../fonts/Aspekta-400.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Aspekta;
  src: url('../fonts/Aspekta-600.ttf') format("truetype"), url('../fonts/Aspekta-600.otf') format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

:root {
  --color-primary--background: #090014;
  --typography--body: Inter, sans-serif;
  --color-primary--20: #dec4ff;
  --text-r--size: 16px;
  --text-r--height: 24px;
  --typography--heading: Aspekta, sans-serif;
  --h1--size: 72px;
  --h1--height: 1.1em;
  --h1--size-mobile: 48px;
  --h1--height-mobile: 1.1em;
  --h2--size: 64px;
  --h2--height: 1.1em;
  --h2--size-mobile: 40px;
  --h2--height-mobile: 1.1em;
  --h3--size: 56px;
  --h3--height: 1.1em;
  --h3--size-mobile: 32px;
  --h3--height-mobile: 1.1em;
  --h4--size: 48px;
  --h4--height: 1.1em;
  --h4--size-mobile: 30px;
  --h4--height-mobile: 1.1em;
  --h5--size: 40px;
  --h5--height: 1.1em;
  --h5--size-mobile: 28px;
  --h5--height-mobile: 1.1em;
  --h6--size: 32px;
  --h6--height: 1.1em;
  --h6--size-mobile: 24px;
  --h6--height-mobile: 1.1em;
  --text-xl--size: 20px;
  --text-xl--height: 32px;
  --text-xl--size-mobile: 18px;
  --text-l--height-mobile: 24px;
  --text-l--size: 18px;
  --text-l--height: 28px;
  --text-l--size-mobile: 16px;
  --text-r--height-mobile: 20px;
  --text-s--size: 14px;
  --text-s--height: 20px;
  --text-xs--size: 12px;
  --text-xs--height: 16px;
  --text-xs--size-mobile: 12px;
  --text-xs--height-mobile: 16px;
  --color-neutral--0: white;
  --color-primary--main: #9c4fff;
  --color-primary--30: #b6a0d3;
  --color-primary--10: #ebdcff;
  --color-primary--hover: #4f06ac;
  --color-primary--surface: #f4f1ff;
  --utility--padding-tablet: 48px;
  --utility--padding-mobile-landscape: 24px;
  --utility--padding-mobile-portrait: 24px;
  --utility--max-width-large: 1440px;
  --utility--padding-desktop: 120px;
  --color-neutral--10: #f7f7f9;
  --color-neutral--20: #e9e9eb;
  --color-neutral--30: #d6d6d6;
  --color-neutral--40: #c2c2c2;
  --color-neutral--50: #878787;
  --color-neutral--60: #606060;
  --color-neutral--100: black;
  --color-primary--border: #ece5ff;
  --color-primary--pressed: #2f0075;
  --utility--padding-top-faq-answer\<deleted\|variable-cf48eb6d-7d57-f98f-612e-10b82d5b4034\>: 0px;
  --color-primary--card-border: #281545;
  --color-violet--10: #8b5cf6;
  --color-violet--20: #5f41a4;
  --color-violet--30: #4a347b;
  --color-violet--40: #1e1929;
  --text-r--size-mobile: 14px;
  --text-s--size-mobile: 12px;
  --text-s--height-mobile: 16px;
  --text-xl--height-mobile: 28px;
  --typography--optional: Inter, sans-serif;
  --utility--max-width-small: 1312px;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  background-color: var(--color-primary--background);
  font-family: var(--typography--body);
  color: var(--color-primary--20);
  font-size: var(--text-r--size);
  line-height: var(--text-r--height);
}

h1 {
  font-family: var(--typography--heading);
  font-size: var(--h1--size);
  line-height: var(--h1--height);
  text-align: left;
  letter-spacing: -2px;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
}

h2 {
  font-family: var(--typography--heading);
  font-size: var(--h2--size);
  line-height: var(--h2--height);
  letter-spacing: -2px;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
}

h3 {
  font-family: var(--typography--heading);
  font-size: var(--h3--size);
  line-height: var(--h3--height);
  letter-spacing: -2px;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
}

h4 {
  font-family: var(--typography--heading);
  font-size: var(--h4--size);
  line-height: var(--h4--height);
  letter-spacing: -2px;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
}

h5 {
  font-family: var(--typography--heading);
  font-size: var(--h5--size);
  line-height: var(--h5--height);
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
}

h6 {
  font-family: var(--typography--heading);
  font-size: var(--h6--size);
  line-height: var(--h6--height);
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
}

p {
  letter-spacing: -.2px;
  margin-bottom: 0;
}

a {
  color: var(--color-primary--20);
  text-decoration: none;
}

ul, ol {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 24px;
}

img {
  object-fit: contain;
  max-width: none;
  display: inline-block;
}

form {
  background-color: #0000;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin-bottom: 10px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 22px;
}

.text-xl {
  font-size: var(--text-xl--size);
  line-height: var(--text-xl--height);
  text-align: center;
  align-self: center;
}

.text-l {
  font-size: var(--text-l--size);
  line-height: var(--text-l--height);
}

.text-s {
  font-size: var(--text-s--size);
  line-height: var(--text-s--height);
}

.text-xs {
  font-size: var(--text-xs--size);
  line-height: var(--text-xs--height);
}

.h1 {
  font-family: var(--typography--heading);
  font-size: var(--h1--size);
  line-height: var(--h1--height);
  font-weight: 600;
}

.h2 {
  font-family: var(--typography--heading);
  font-size: var(--h2--size);
  line-height: var(--h2--height);
  font-weight: 600;
}

.h3 {
  font-family: var(--typography--heading);
  font-size: var(--h3--size);
  line-height: var(--h3--height);
  font-weight: 600;
}

.h4 {
  font-family: var(--typography--heading);
  font-size: var(--h4--size);
  line-height: var(--h4--height);
  font-weight: 600;
}

.h5 {
  font-family: var(--typography--heading);
  font-size: var(--h5--size);
  line-height: var(--h5--height);
  font-weight: 600;
}

.h6 {
  font-family: var(--typography--heading);
  font-size: var(--h6--size);
  line-height: var(--h6--height);
  font-weight: 600;
}

.weight-500 {
  font-weight: 500;
}

.bg-gradient-purple-light {
  background-image: linear-gradient(#fff, #ebdcfe 20%, #d7b9fc);
}

.bg-2-gradient-purple-light {
  background-image: linear-gradient(#fff, #c59bfd);
}

.bg-4-gradient-purple-light {
  background-image: linear-gradient(#a566f5, #9440ff);
}

.bg-gradient-purple-dark {
  background-image: linear-gradient(#d7b9fc, #9c4fff);
}

.bg-2-gradient-purple-dark {
  background-image: linear-gradient(#d7b9fc, #ad6eff);
}

.bg-3-gradient-purple-dark {
  background-image: linear-gradient(#9440ff, #6505e0);
}

.svg-icon {
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.svg-icon._20 {
  width: 20px;
}

.svg-icon._24 {
  width: 24px;
}

.svg-icon._32 {
  width: 32px;
}

.image-full {
  object-fit: contain;
  width: 100%;
  max-width: none;
  height: 100%;
}

.image-full.cover {
  object-fit: cover;
}

.image-full.h-auto {
  opacity: .46;
  height: auto;
}

.button {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: var(--color-neutral--0);
  text-align: center;
  background-color: #0000;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: 8px 24px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.button.primary {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  -webkit-text-fill-color: inherit;
  background-image: radial-gradient(circle at 50% 100%, #944feb, #6505e0 51%), linear-gradient(#9440fe, #be94f2);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border: 1px solid #0000;
  justify-content: center;
  align-items: center;
  transition-property: all;
  transition-duration: .2s;
  transition-timing-function: ease;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 2px 0 1px #6f0eea;
}

.button.primary:hover {
  background-image: radial-gradient(circle at 50% 100%, #944feb 18%, #6505e0 51%), linear-gradient(#9440fe, #be94f2);
}

.button.primary:active {
  background-image: linear-gradient(#2c065c 40%, #7b20ee), linear-gradient(#2c065c 40%, #7b20ee);
  box-shadow: inset 0 8px 4px 1px #0006, inset 0 0 4px 1px #0006;
}

.button.primary.size-l {
  font-size: var(--text-l--size);
  line-height: var(--text-l--height);
  background-image: radial-gradient(circle at 50% 100%, #944feb, #6505e0 96%), linear-gradient(#9440fe, #be94f2);
  padding: 12px 32px;
}

.button.secondary {
  border: 1px solid var(--color-primary--main);
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#fff, #ebdcfe 20%, #d7b9fc);
  -webkit-background-clip: text;
  background-clip: text;
  transition: all .2s;
}

.button.secondary:hover {
  -webkit-text-fill-color: inherit;
  background-image: linear-gradient(#a566f5, #9440ff);
  background-clip: border-box;
}

.button.secondary:active {
  background-image: linear-gradient(#9440ff, #6505e0);
}

.button.secondary.size-l {
  font-size: var(--text-l--size);
  line-height: var(--text-l--height);
  padding: 12px 32px;
}

.button.tertiary {
  color: var(--color-primary--30);
}

.button.tertiary:hover {
  color: var(--color-primary--10);
}

.button.tertiary:active {
  color: var(--color-neutral--0);
}

.button.tertiary.size-l {
  padding: 12px 32px;
}

.section {
  z-index: 1;
  padding-top: 120px;
  padding-bottom: 0;
  position: relative;
  overflow: visible;
}

.section.footer {
  padding-top: 56px;
  padding-bottom: 56px;
}

.section.sg {
  padding-top: 152px;
  padding-bottom: 64px;
  overflow: clip;
}

.section.changelog {
  min-height: 90vh;
  padding-top: 152px;
  padding-bottom: 64px;
}

.section.hero {
  padding-top: 152px;
  padding-bottom: 0;
  overflow: clip;
}

.section.testimonials {
  z-index: 2;
  background-origin: border-box;
}

.section.cta {
  background-origin: border-box;
  padding-top: 80px;
  padding-bottom: 8px;
}

.section.index-2 {
  z-index: 2;
}

.rich-text {
  color: var(--color-primary--30);
}

.rich-text h3 {
  margin-bottom: 12px;
}

.rich-text blockquote {
  border-left-width: 3px;
  border-left-color: var(--color-primary--hover);
  background-color: var(--color-primary--surface);
  color: var(--color-primary--main);
  font-size: var(--text-l--size);
  line-height: var(--text-l--height);
  letter-spacing: -.2px;
  margin-bottom: 0;
  padding: 24px 32px;
  font-style: italic;
}

.rich-text a {
  color: var(--color-primary--30);
  text-decoration: underline;
}

.navbar {
  z-index: 0;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #0900141a;
  padding-top: 24px;
  padding-bottom: 24px;
}

.main-wrapper {
  background-origin: border-box;
  overflow: hidden;
}

.text-gradient-purple-light {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#fff, #ebdcfe 20%, #d7b9fc);
  -webkit-background-clip: text;
  background-clip: text;
  padding-bottom: 3px;
}

.text-gradient-purple-light.text-align-center {
  margin-top: 36px;
}

.text-gradient-purple-light.small {
  padding-bottom: 0;
}

.brand {
  background-origin: border-box;
  height: 40px;
}

.navbar-wrap {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: space-between;
  align-items: center;
  max-width: 1270px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.nav-menu {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  max-width: 607px;
  display: flex;
}

.text-link {
  color: var(--color-primary--30);
  letter-spacing: -.04px;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  text-decoration: none;
  transition: color .2s;
}

.text-link:hover, .text-link.w--current {
  color: var(--color-neutral--0);
}

.container-navbar {
  max-width: var(--utility--max-width-large);
  margin-left: auto;
  margin-right: auto;
  padding-left: 80px;
  padding-right: 80px;
}

.button-gradient {
  filter: blur(16px);
  background-color: #ffffff52;
  border-radius: 50%;
  width: 70%;
  height: 120%;
  position: absolute;
  inset: 28px auto auto;
}

.container {
  max-width: var(--utility--max-width-large);
  padding-right: var(--utility--padding-desktop);
  padding-left: var(--utility--padding-desktop);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.footer-wrap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-between;
  display: flex;
}

.footer-link-wrap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-origin: border-box;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  max-width: 500px;
  display: grid;
}

.section-heading {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.section-heading.hero {
  z-index: 1;
  max-width: 996px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.section-heading.center {
  max-width: 763px;
  margin-left: auto;
  margin-right: auto;
}

.section-heading.hiw {
  max-width: 791px;
  margin-left: auto;
  margin-right: auto;
}

.section-heading.pricing {
  max-width: 657px;
  margin-left: auto;
  margin-right: auto;
}

.section-heading-paragraph {
  max-width: 760px;
}

.section-heading-paragraph.hero {
  max-width: 550px;
}

.section-content {
  margin-top: 64px;
}

.section-content.top-32 {
  margin-top: 32px;
}

.section-content.top-72 {
  margin-top: 72px;
  position: relative;
}

.navigation-sg {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.background-hero {
  z-index: 0;
  pointer-events: none;
  width: 1200px;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 50%;
  transform: translate(-50%);
}

.sg-wrap {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  display: flex;
  position: relative;
}

.sg-heading, .sg-content {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.sg-content.typface {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: min-content;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: min-content;
  grid-auto-columns: 1fr;
  display: grid;
}

.sg-content.side {
  flex-flow: row;
}

.sg-content-typface-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.sg-content-typface {
  border-bottom: 1px solid #432170;
  padding-top: 16px;
  padding-bottom: 16px;
}

.sg-content-color-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.sg-color {
  border-radius: 8px;
  flex-flow: column;
  flex: 1;
  display: flex;
  overflow: hidden;
}

.sg-color-swacth {
  aspect-ratio: 288 / 177;
}

.sg-color-text {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--color-neutral--0);
  flex-flow: column;
  flex: 1;
  padding: 16px;
  display: flex;
}

.color-dark {
  color: #301b69f5;
}

.sg-color-text-details {
  grid-column-gap: 16px;
  grid-row-gap: 4px;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: auto;
  display: flex;
}

.color-dark-2 {
  color: #301b697a;
}

.bg-card-background {
  background-image: linear-gradient(#1c053a, #0b0019 24%);
}

.bg-neutral-0 {
  background-color: var(--color-neutral--0);
}

.bg-neutral-10 {
  background-color: var(--color-neutral--10);
}

.bg-neutral-20 {
  background-color: var(--color-neutral--20);
}

.bg-neutral-30 {
  background-color: var(--color-neutral--30);
}

.bg-neutral-40 {
  background-color: var(--color-neutral--40);
}

.bg-neutral-50 {
  background-color: var(--color-neutral--50);
}

.bg-neutral-60 {
  background-color: var(--color-neutral--60);
}

.bg-neutral-100 {
  background-color: var(--color-neutral--100);
}

.bg-primary-main {
  background-color: var(--color-primary--main);
}

.bg-primary-surface {
  background-color: var(--color-primary--surface);
}

.bg-primary-border {
  background-color: var(--color-primary--border);
}

.bg-primary-hover {
  background-color: var(--color-primary--hover);
}

.bg-primary-pressed {
  background-color: var(--color-primary--pressed);
}

.bg-primary-10 {
  background-color: var(--color-primary--10);
}

.bg-primary-20, .bg-primary-30 {
  background-color: var(--color-primary--20);
}

.sg-icons-wrap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: wrap;
  justify-content: flex-start;
  display: flex;
}

.sg-icon {
  color: var(--color-primary--30);
  width: 24px;
}

.sg-buttons-wrap {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  border: 1px dashed #9747ff;
  border-radius: 4px;
  flex-flow: row;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: flex-start;
  padding: 20px;
  display: flex;
}

.sg-rich-text-wrap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.section-heading-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.label-badge {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  -webkit-text-fill-color: inherit;
  background-image: linear-gradient(270deg, #160728, #422070), linear-gradient(#411e6e, #6632a8);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border: 1px solid #0000;
  border-radius: 100px;
  justify-content: flex-start;
  align-items: center;
  padding: 8px 16px;
  display: flex;
}

.text-gradient-purple-light-2 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#fff, #c59bfd 100%, #d7b9fc);
  background-origin: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  padding-bottom: 0;
}

.label-badge-icon {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#fff, #c59bfd);
  -webkit-background-clip: text;
  background-clip: text;
}

.text-align-center {
  text-align: center;
}

.changelog-content {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.subheading-badge {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #1a0e29;
  border-radius: 100px;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  display: flex;
}

.text-gradient-purple-dark {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#d7b9fc, #9c4fff);
  -webkit-background-clip: text;
  background-clip: text;
}

.changelog-content-text {
  max-width: 1028px;
}

.color-primary-30 {
  color: var(--color-primary--30);
}

.sg-heading-paragraph {
  max-width: 1022px;
}

.hero-button-wrap {
  z-index: 1;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.hero-image-wrap {
  z-index: 0;
  position: relative;
}

.hero-image {
  z-index: 2;
  aspect-ratio: 1200 / 853.42;
  background-origin: border-box;
  border: 1px solid #341859;
  border-radius: 16px;
  position: relative;
  overflow: hidden;
}

.hero-image-glow {
  z-index: 0;
  width: 62%;
  position: absolute;
  top: -17.5%;
  bottom: auto;
  left: 50%;
  transform: translate(-50%);
}

.hero-image-decoration {
  z-index: 0;
  pointer-events: none;
  position: absolute;
  inset: 0%;
}

.hero-image-gradient-blur {
  z-index: 0;
  aspect-ratio: 1194 / 378;
  background-color: var(--color-primary--main);
  filter: blur(150px);
  border-radius: 50%;
  position: relative;
}

.sticky-navbar {
  z-index: 1000;
  width: 100%;
  position: fixed;
}

.section-marquee {
  z-index: 1;
  background-color: var(--color-primary--background);
  padding-top: 64px;
  padding-bottom: 64px;
  display: flex;
  position: relative;
}

.logos-wrap {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: max-content max-content max-content max-content max-content max-content;
  grid-auto-columns: max-content;
  display: grid;
}

.logo {
  height: 48px;
  margin-left: 32px;
  margin-right: 32px;
}

.section-marquee-wrap {
  z-index: 1;
  max-width: var(--utility--max-width-large);
  margin-left: -120px;
  margin-right: -120px;
  position: absolute;
  inset: auto 0% 0%;
  overflow: hidden;
}

.section-marquee-top-overlay {
  aspect-ratio: 1440 / 206;
  background-image: linear-gradient(180deg, #09001400, var(--color-primary--background) 75%);
  width: 100%;
}

.section-marquee-overlay {
  background-image: linear-gradient(90deg, var(--color-primary--background), #09001400 42%, #09001400 58%, var(--color-primary--background));
  position: absolute;
  inset: 0%;
}

.features-wrap {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  display: flex;
}

.feature-content {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: space-between;
  align-items: center;
  padding-top: 48px;
  padding-bottom: 48px;
  display: flex;
}

.feature-text {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  width: 45%;
  max-width: 488px;
  margin-left: 48px;
  display: flex;
}

.feature-text.right {
  order: 1;
  margin-left: 0;
  margin-right: 48px;
}

.feature-image-wrap {
  width: 50%;
  max-width: 576px;
  position: relative;
}

.feature-text-heading {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.feature-image {
  z-index: 2;
  background-image: linear-gradient(180deg, var(--color-primary--background), var(--color-primary--background)), linear-gradient(180deg, #502585, #271144);
  -webkit-text-fill-color: inherit;
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border: 1px solid #0000;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
}

.feature-image-glow {
  z-index: 1;
  pointer-events: none;
  position: absolute;
  inset: -8% 7% auto;
}

.feature-image-background {
  z-index: 0;
  pointer-events: none;
  width: 150%;
  position: absolute;
  inset: -116% 0% auto -25%;
}

.testimonials-content {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-origin: border-box;
  flex-flow: column;
  margin-left: -120px;
  margin-right: -120px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.testimonials-marquee-wrap {
  background-origin: border-box;
  display: flex;
}

.testimonials-marquee {
  background-origin: border-box;
  flex: none;
  display: flex;
}

.testimonial-card {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -webkit-text-fill-color: inherit;
  background-image: linear-gradient(#1c053a, #0b0019 24%), linear-gradient(#893bec, #36185f 32%, #2e174e);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border: 1px solid #0000;
  border-radius: 16px;
  flex-flow: column;
  flex: none;
  width: 486px;
  margin-left: 12px;
  margin-right: 12px;
  padding: 24px;
  display: flex;
}

.testimonial-card-profile {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-origin: border-box;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.testimonial-card-profile-name {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  background-origin: border-box;
  flex-flow: column;
  display: flex;
}

.testimonial-card-profile-image {
  aspect-ratio: 1;
  background-origin: border-box;
  border-radius: 48px;
  flex: none;
  width: 48px;
  overflow: hidden;
}

.color-primary-10 {
  color: var(--color-primary--10);
  background-origin: border-box;
}

.testimonials-overlay {
  background-image: linear-gradient(90deg, #090014, #09001400);
  background-origin: border-box;
  width: 21vw;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.testimonials-overlay.right {
  background-image: linear-gradient(270deg, #090014, #09001400);
  background-origin: border-box;
  inset: 0% 0% 0% auto;
}

.faq-content-wrap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-between;
  display: flex;
}

.faq-content {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  width: 50%;
  display: flex;
}

.faq-card {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -webkit-text-fill-color: inherit;
  background-image: linear-gradient(#1c053a, #0b0019 24%), linear-gradient(#893bec, #36185f 32%, #2e174e);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border: 1px solid #0000;
  border-radius: 16px;
  flex-flow: column;
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}

.faq-question {
  z-index: 1;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  cursor: pointer;
  justify-content: space-between;
  align-items: flex-start;
  padding: 24px;
  display: flex;
  position: relative;
}

.faq-answer {
  z-index: 0;
  padding-top: var(--utility--padding-top-faq-answer\<deleted\|variable-cf48eb6d-7d57-f98f-612e-10b82d5b4034\>);
  position: relative;
  overflow: hidden;
}

.faq-close {
  display: none;
}

.color-neutral-10 {
  color: var(--color-primary--10);
}

.testimonials-background {
  z-index: -1;
  pointer-events: none;
  width: 870px;
  position: absolute;
  inset: -396px auto auto 50%;
  transform: translate(-1026px);
}

.testimonials-background.right {
  top: -162px;
  transform: translate(256px);
}

.faq-background {
  z-index: -1;
  pointer-events: none;
  background-origin: border-box;
  width: 870px;
  position: absolute;
  inset: 96px auto auto 50%;
  transform: translate(-50%);
}

.hiw-content {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-between;
  display: flex;
}

.hiw-card {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  -webkit-text-fill-color: inherit;
  background-image: linear-gradient(#1c053a, #0b0019 24%), linear-gradient(#5c27a1, #36185f 32%, #2e174e);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border: 1px solid #0000;
  border-radius: 16px;
  flex-flow: column;
  flex: 1;
  padding: 32px;
  display: flex;
}

.hiw-card-image {
  aspect-ratio: 320 / 240;
  background-origin: border-box;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hiw-card-text {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.hiw-card-image-overlay {
  background-image: linear-gradient(#1c053a00, #0b0019);
  background-origin: border-box;
  height: 50%;
  position: absolute;
  inset: auto 0% 0%;
}

.background-tiles {
  z-index: 5;
  pointer-events: none;
  width: 870px;
  position: absolute;
  inset: -277px auto auto 50%;
  transform: translate(-1037px);
}

.background-tiles.right {
  transform: translate(167px);
}

.pricing-wrap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-origin: border-box;
  display: flex;
}

.pricing-card {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  -webkit-text-fill-color: inherit;
  background-image: linear-gradient(35deg, #0b0019 75%, #2e0a5c), linear-gradient(45deg, #1a0b30, #220d3f 76%, #6a2db9);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border: 1px solid #0000;
  border-radius: 20px;
  flex-flow: column;
  flex: 1;
  width: 100%;
  padding: 32px;
  display: flex;
  position: relative;
}

.pricing-card.pro {
  background-image: linear-gradient(0deg, #0b0019 50%, #2e0a5c), linear-gradient(45deg, #1a0b30, #220d3f 76%, #6a2db9);
  background-origin: border-box;
  overflow: hidden;
}

.pricing-card.custom {
  background-image: linear-gradient(305deg, #0b0019 75%, #2e0a5c), linear-gradient(315deg, #1a0b30, #220d3f 76%, #6a2db9);
}

.pricing-card-headline {
  z-index: 1;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-origin: border-box;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.pricing-card-features-wrap {
  z-index: 1;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-origin: border-box;
  flex-flow: column;
  margin-bottom: auto;
  display: flex;
  position: relative;
}

.pricing-card-button {
  z-index: 1;
  background-origin: border-box;
  flex-flow: column;
  margin-top: 8px;
  display: flex;
  position: relative;
}

.pricing-card-price {
  z-index: 1;
  background-origin: border-box;
  position: relative;
}

.pricing-card-icon {
  aspect-ratio: 1;
  color: var(--color-neutral--0);
  -webkit-text-fill-color: inherit;
  background-image: linear-gradient(45deg, #281545 75%, #6334ab), linear-gradient(45deg, #281545, #281545 65%, #6d34bc);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border: 1px solid #0000;
  border-radius: 6px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 40px;
  display: flex;
}

.pricing-card-icon.pro {
  background-image: linear-gradient(#9440ff, #6505e0);
  background-origin: border-box;
}

.pricing-card-icon.custom {
  background-image: linear-gradient(315deg, #281545 75%, #281545), linear-gradient(315deg, #281545, #281545 65%, #6d34bc);
  background-origin: border-box;
}

.text-inline {
  background-origin: border-box;
  display: inline;
}

.pricing-card-features-heading {
  background-origin: border-box;
  flex-flow: column;
  margin-bottom: 4px;
  display: flex;
}

.pricing-card-features {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-gradient-purple-darker {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#d7b9fc, #ad6eff);
  background-origin: border-box;
  -webkit-background-clip: text;
  background-clip: text;
}

.pricing-background {
  z-index: -1;
  pointer-events: none;
  background-origin: border-box;
  width: 870px;
  position: absolute;
  inset: 0% auto auto 50%;
  transform: translate(-135px);
}

.pricing-light-decoration {
  z-index: 2;
  pointer-events: none;
  background-origin: border-box;
  width: 924px;
  position: absolute;
  inset: -190px auto auto 50%;
  transform: translate(-40px);
}

.cta-wrapping {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  text-align: center;
  background-origin: border-box;
  border-radius: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  margin-left: -64px;
  margin-right: -64px;
  padding: 80px 64px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.cta-logo {
  background-origin: border-box;
  height: 64px;
}

.cta-content {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-origin: border-box;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.cta-content-text {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-origin: border-box;
  flex-flow: column;
  max-width: 588px;
  display: flex;
}

.cta-button {
  background-origin: border-box;
  justify-content: center;
  align-items: center;
  display: flex;
}

.cta-background {
  z-index: -1;
  pointer-events: none;
  background-origin: border-box;
  position: absolute;
  inset: 0%;
}

.pircing-card-decoration {
  z-index: 0;
  pointer-events: none;
  background-origin: border-box;
  width: 70%;
  position: absolute;
  inset: 0% 0% auto auto;
}

.particle-wrap {
  z-index: 1;
  aspect-ratio: 1;
  pointer-events: none;
  width: 367px;
  position: absolute;
  inset: -61px auto auto 50%;
  transform: translate(-50%);
}

.particle1 {
  aspect-ratio: 1;
  background-color: #d4b2ff;
  border-radius: 50%;
  width: 2px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.particle2 {
  aspect-ratio: 1;
  background-color: #d4b2ff;
  border-radius: 50%;
  width: 3px;
  position: absolute;
  inset: 50px auto auto 50px;
}

.particle3 {
  aspect-ratio: 1;
  background-color: #d4b2ff;
  border-radius: 50%;
  width: 2px;
  position: absolute;
  inset: 40px auto auto 80px;
}

.particle4 {
  aspect-ratio: 1;
  background-color: #d4b2ff;
  border-radius: 50%;
  width: 3px;
  position: absolute;
  inset: 50px auto auto 182px;
}

.particle5 {
  aspect-ratio: 1;
  background-color: #d4b2ff;
  border-radius: 50%;
  width: 3px;
  position: absolute;
  inset: 54px auto auto 207px;
}

.particle6 {
  aspect-ratio: 1;
  background-color: #d4b2ff;
  border-radius: 50%;
  width: 2px;
  position: absolute;
  inset: 55px auto auto 275px;
}

.particle7 {
  aspect-ratio: 1;
  background-color: #d4b2ff;
  border-radius: 50%;
  width: 2px;
  position: absolute;
  inset: 58px auto auto 327px;
}

.particle8 {
  aspect-ratio: 1;
  background-color: #d4b2ff;
  border-radius: 50%;
  width: 2px;
  position: absolute;
  inset: 24px auto auto 325px;
}

.particle-wrap-features {
  z-index: 1;
  aspect-ratio: 1;
  pointer-events: none;
  width: 62px;
  position: absolute;
  inset: -20px auto auto 50%;
  transform: translate(-50%);
}

.particle2_1 {
  aspect-ratio: 1;
  filter: blur(.5px);
  background-image: radial-gradient(circle, #fff, #ff90ff 50%, #852aff);
  border-radius: 50%;
  width: 1px;
  position: absolute;
  inset: 10px auto auto;
}

.particle2_2 {
  aspect-ratio: 1;
  filter: blur(.5px);
  background-image: radial-gradient(circle, #fff, #ff90ff 50%, #852aff);
  border-radius: 50%;
  width: 4px;
  position: absolute;
  inset: 10px auto auto 5px;
}

.particle2_3 {
  aspect-ratio: 1;
  filter: blur(.5px);
  background-image: radial-gradient(circle, #fff, #ff90ff 50%, #852aff);
  border-radius: 50%;
  width: 2px;
  position: absolute;
  inset: 5px auto auto 10px;
}

.particle2_4 {
  aspect-ratio: 1;
  filter: blur(.5px);
  background-image: radial-gradient(circle, #fff, #ff90ff 50%, #852aff);
  border-radius: 50%;
  width: 2px;
  position: absolute;
  inset: 32px auto auto 14px;
}

.particle2_5 {
  aspect-ratio: 1;
  filter: blur(.5px);
  background-image: radial-gradient(circle, #fff, #ff90ff 50%, #852aff);
  border-radius: 50%;
  width: 1px;
  position: absolute;
  inset: 23px auto auto 22px;
}

.particle2_6 {
  aspect-ratio: 1;
  filter: blur(.5px);
  background-image: radial-gradient(circle, #fff, #ff90ff 50%, #852aff);
  border-radius: 50%;
  width: 2px;
  position: absolute;
  inset: 2px auto auto 24px;
}

.particle2_7 {
  aspect-ratio: 1;
  filter: blur(.5px);
  background-image: radial-gradient(circle, #fff, #ff90ff 50%, #852aff);
  border-radius: 50%;
  width: 3px;
  position: absolute;
  inset: 26px auto auto 27px;
}

.particle2_8 {
  aspect-ratio: 1;
  filter: blur(.5px);
  background-image: radial-gradient(circle, #fff, #ff90ff 50%, #852aff);
  border-radius: 50%;
  width: 1px;
  position: absolute;
  inset: 7px auto auto 35px;
}

.particle2_9 {
  aspect-ratio: 1;
  filter: blur(.5px);
  background-image: radial-gradient(circle, #fff, #ff90ff 50%, #852aff);
  border-radius: 50%;
  width: 1px;
  position: absolute;
  inset: 18px auto auto 43px;
}

.particle2_10 {
  aspect-ratio: 1;
  filter: blur(.5px);
  background-image: radial-gradient(circle, #fff, #ff90ff 50%, #852aff);
  border-radius: 50%;
  width: 2px;
  position: absolute;
  inset: 36px auto auto 45px;
}

.particle2_11 {
  aspect-ratio: 1;
  filter: blur(.5px);
  background-image: radial-gradient(circle, #fff, #ff90ff 50%, #852aff);
  border-radius: 50%;
  width: 4px;
  position: absolute;
  inset: 27px auto auto 49px;
}

.particle2_12 {
  aspect-ratio: 1;
  filter: blur(.5px);
  background-image: radial-gradient(circle, #fff, #ff90ff 50%, #852aff);
  border-radius: 50%;
  width: 1px;
  position: absolute;
  inset: -2px auto auto 53px;
}

.particle2_13 {
  aspect-ratio: 1;
  filter: blur(.5px);
  background-image: radial-gradient(circle, #fff, #ff90ff 50%, #852aff);
  border-radius: 50%;
  width: 4px;
  position: absolute;
  inset: 0 auto auto 58px;
}

.footer-copyright.mobile, .content-tablet {
  display: none;
}

.footer-link-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-origin: border-box;
  flex-flow: column;
  display: flex;
}

.faq-answer-content {
  padding-bottom: 24px;
  padding-left: 24px;
  padding-right: 24px;
}

.footer-left {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: space-between;
  width: 34%;
  max-width: 384px;
  display: flex;
}

.footer-left-content {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sg-buttons-content {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.nav-menu-cta {
  display: none;
}

.nav-menu-inner {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.pricing-toggle-wrap {
  grid-column-gap: 16px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.pricing-toggle {
  cursor: pointer;
  background-image: linear-gradient(#9440ff, #6505e0);
  border-radius: 99px;
  width: 56px;
  height: 32px;
  padding: 4px;
  position: relative;
}

.pricing-toggle-dot {
  background-color: var(--color-neutral--0);
  border-radius: 100%;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 4px;
  box-shadow: 0 2px 2px #0003, 0 -1px 1px #00000040;
}

.color-primary-surface {
  color: var(--color-primary--surface);
}

.pricing-toggle-label {
  color: #c89cff;
  white-space: nowrap;
  background-color: #150d22;
  border: 1px solid #432170;
  border-radius: 99px;
  margin-right: -4px;
  padding: 4px 12px;
  position: absolute;
  right: 0;
  transform: translate(100%);
}

.pricing-section {
  grid-row-gap: 32px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.anually-content {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.sg-anchor {
  pointer-events: none;
  margin-top: -90px;
  position: absolute;
  inset: 0%;
}

.text-block {
  box-sizing: border-box;
  font-size: var(--h6--size);
}

.text-block-2 {
  font-size: var(--h6--size);
}

.div-block {
  flex: 0 auto;
  order: 0;
  align-self: auto;
  display: inline-flex;
}

@media screen and (max-width: 991px) {
  .navbar-wrap {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .nav-menu {
    padding-right: var(--utility--padding-tablet);
    padding-bottom: 24px;
    padding-left: var(--utility--padding-tablet);
    background-color: var(--color-primary--background);
    -webkit-backdrop-filter: blur(100px);
    backdrop-filter: blur(100px);
    max-width: none;
  }

  .text-link {
    background-origin: border-box;
    margin-top: 4px;
    margin-bottom: 4px;
  }

  .container-navbar, .container {
    padding-right: var(--utility--padding-tablet);
    padding-left: var(--utility--padding-tablet);
  }

  .footer-link-wrap {
    background-origin: border-box;
    flex-flow: column;
    justify-content: space-between;
    max-width: none;
  }

  .sg-content-color-wrap {
    grid-template-columns: 1fr 1fr;
  }

  .content-desktop-only {
    display: none;
  }

  .nav-menu-button {
    padding: 6px;
  }

  .nav-menu-button.w--open {
    background-color: #0000;
  }

  .feature-text {
    background-origin: border-box;
    margin-left: 0;
  }

  .feature-text.right {
    background-origin: border-box;
    margin-right: 0;
  }

  .testimonials-content {
    margin-left: -48px;
    margin-right: -48px;
  }

  .pricing-wrap {
    flex-flow: column;
  }

  .pricing-card {
    background-image: linear-gradient(#0b0019 75%, #2e0a5c), linear-gradient(135deg, #291447, #251243 76%, #9b58f3);
  }

  .pricing-card.custom {
    background-image: linear-gradient(0deg, #0b0019 75%, #2e0a5c), linear-gradient(0deg, #291648, #291648 76%, #6a2db9);
  }

  .pricing-background {
    top: 28%;
    left: auto;
    right: 0;
    transform: translate(437px);
  }

  .pricing-light-decoration {
    top: 24%;
    left: auto;
    right: 0;
    transform: translate(581px);
  }

  .cta-wrapping {
    margin-left: 0;
    margin-right: 0;
  }

  .content-tablet {
    margin-left: auto;
    display: block;
  }

  .nav-close {
    display: none;
  }

  .footer-link-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-origin: border-box;
  }

  .footer-link-heading {
    background-origin: border-box;
    margin-bottom: 8px;
  }

  .nav-menu-inner {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: var(--h1--size-mobile);
    line-height: var(--h1--height-mobile);
  }

  h2 {
    font-size: var(--h2--size-mobile);
    line-height: var(--h2--height-mobile);
  }

  h3 {
    font-size: var(--h3--size-mobile);
    line-height: var(--h3--height-mobile);
  }

  h4 {
    font-size: var(--h4--size-mobile);
    line-height: var(--h4--height-mobile);
  }

  h5 {
    font-size: var(--h5--size-mobile);
    line-height: var(--h5--height-mobile);
  }

  h6 {
    font-size: var(--h6--size-mobile);
    line-height: var(--h6--height-mobile);
  }

  .text-xl {
    font-size: var(--text-xl--size-mobile);
    line-height: var(--text-l--height-mobile);
  }

  .text-l {
    font-size: var(--text-l--size-mobile);
    line-height: var(--text-r--height-mobile);
  }

  .text-xs {
    font-size: var(--text-xs--size-mobile);
    line-height: var(--text-xs--height-mobile);
  }

  .h1 {
    font-size: var(--h1--size-mobile);
    line-height: var(--h1--height-mobile);
  }

  .h2 {
    font-size: var(--h2--size-mobile);
    line-height: var(--h2--height-mobile);
  }

  .h3 {
    font-size: var(--h3--size-mobile);
    line-height: var(--h3--height-mobile);
  }

  .h4 {
    font-size: var(--h4--size-mobile);
    line-height: var(--h4--height-mobile);
  }

  .h4.desktop-h4 {
    font-size: var(--h4--size);
    line-height: var(--h4--height);
  }

  .h5 {
    font-size: var(--h5--size-mobile);
    line-height: var(--h5--height-mobile);
  }

  .h6 {
    font-size: var(--h6--size-mobile);
    line-height: var(--h6--height-mobile);
  }

  .image-full.cover.left {
    object-position: 0% 0%;
    background-origin: border-box;
  }

  .button.primary {
    font-size: var(--text-xs--size);
    line-height: var(--text-xs--height);
    padding-left: 16px;
    padding-right: 16px;
  }

  .button.primary.size-l {
    font-size: var(--text-r--size);
    line-height: var(--text-r--height);
    padding: 8px 24px;
  }

  .section {
    background-origin: border-box;
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .section.sg {
    padding-top: 140px;
  }

  .section.hero {
    background-origin: border-box;
    padding-top: 140px;
  }

  .rich-text blockquote {
    font-size: var(--text-l--size-mobile);
    line-height: var(--text-l--height-mobile);
  }

  .navbar {
    background-origin: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .brand {
    background-origin: border-box;
    height: 28px;
    padding-left: 0;
  }

  .nav-menu {
    padding-right: var(--utility--padding-mobile-landscape);
    padding-bottom: 24px;
    padding-left: var(--utility--padding-mobile-landscape);
  }

  .container-navbar, .container {
    padding-right: var(--utility--padding-mobile-landscape);
    padding-left: var(--utility--padding-mobile-landscape);
  }

  .footer-wrap {
    flex-flow: column;
  }

  .footer-link-wrap {
    grid-row-gap: 32px;
    background-origin: border-box;
    grid-template-columns: 1fr 1fr;
  }

  .section-content.top-72 {
    margin-top: 48px;
  }

  .navigation-sg {
    flex-flow: wrap;
  }

  .sg-content.typface {
    grid-template-columns: 1fr;
  }

  .sg-content-color-wrap {
    flex-flow: wrap;
    display: flex;
  }

  .sg-color {
    flex: 1;
    width: 100%;
    min-width: 200px;
  }

  .sg-color-text {
    flex: 1;
  }

  .changelog-content {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
  }

  .hero-image {
    aspect-ratio: 342 / 534.81;
  }

  .hero-image-glow {
    top: -8%;
  }

  .hero-image-gradient-blur {
    filter: blur(110px);
    position: absolute;
    left: -27%;
    right: -27%;
  }

  .section-marquee {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .logo {
    height: 32px;
    margin-left: 12px;
    margin-right: 12px;
  }

  .section-marquee-top-overlay {
    aspect-ratio: 390 / 100;
  }

  .features-wrap {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
  }

  .feature-content {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    flex-flow: column;
    align-items: stretch;
    padding-top: 0;
    padding-bottom: 0;
  }

  .feature-text {
    text-align: center;
    width: auto;
    max-width: none;
    margin-left: 0;
  }

  .feature-image-wrap {
    order: 1;
    width: auto;
    max-width: none;
  }

  .feature-text-heading {
    justify-content: flex-start;
    align-items: center;
  }

  .testimonials-content {
    margin-left: -32px;
    margin-right: -32px;
  }

  .faq-content-wrap {
    flex-flow: column;
  }

  .faq-content {
    width: auto;
  }

  .testimonials-background {
    width: 870px;
    left: -318px;
    transform: translate(0);
  }

  .testimonials-background.right {
    display: none;
  }

  .faq-background {
    top: 50%;
    transform: translate(-50%, -50%);
  }

  .hiw-content {
    flex-flow: column;
  }

  .background-tiles {
    width: 435px;
    top: -102px;
    left: 0%;
    transform: translate(-151px);
  }

  .background-tiles.right {
    left: auto;
    right: -187px;
    transform: translate(0);
  }

  .pricing-light-decoration {
    top: 20%;
    transform: translate(631px);
  }

  .cta-wrapping {
    margin-left: -24px;
    margin-right: -24px;
    padding-top: 64px;
    padding-left: 48px;
    padding-right: 48px;
  }

  .cta-logo {
    background-origin: border-box;
    height: 40px;
  }

  .footer-copyright {
    display: none;
  }

  .footer-copyright.mobile {
    text-align: center;
    display: block;
  }

  .content-tablet.hide-mobile {
    display: none;
  }

  .footer-left {
    width: auto;
    max-width: none;
  }

  .nav-menu-cta {
    margin-top: 16px;
    display: flex;
  }

  .nav-menu-inner {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .pricing-toggle-label {
    margin-right: 0;
    position: static;
    transform: none;
  }

  .anually-content {
    grid-row-gap: 4px;
    flex-flow: column;
  }
}

@media screen and (max-width: 479px) {
  .nav-menu {
    padding-right: var(--utility--padding-mobile-portrait);
    padding-left: var(--utility--padding-mobile-portrait);
    display: block;
  }

  .container-navbar {
    padding-right: var(--utility--padding-mobile-portrait);
    padding-left: var(--utility--padding-mobile-portrait);
  }

  .container {
    padding-right: var(--utility--padding-mobile-portrait);
    padding-left: var(--utility--padding-mobile-portrait);
    max-width: none;
  }

  .footer-link-wrap {
    background-origin: border-box;
  }

  .nav-menu-button.w--open {
    background-color: #0000;
  }

  .testimonials-content {
    margin-left: -20px;
    margin-right: -20px;
  }
}


@font-face {
  font-family: 'Aspekta';
  src: url('../fonts/Aspekta-400.ttf') format('truetype'), url('../fonts/Aspekta-400.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Aspekta';
  src: url('../fonts/Aspekta-600.ttf') format('truetype'), url('../fonts/Aspekta-600.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}