:root {
  --black--700: #4e547d;
  --shadow\<deleted\|variable-beda20dc-f142-a5f6-ba62-033e335abe78\>: #e3e3e3;
  --black--300: #d2daf0;
  --black--600: #6c739f;
  --gety: #2d5df5;
  --normal: #333;
  --elements-webflow-library--neutral--800\<deleted\|variable-44c33ad4\>: #211f54;
  --elements-webflow-library--neutral--100\<deleted\|variable-07926372\>: white;
  --black--200: #e6ecfa;
  --black--900: #1f2336;
  --purple: #a08cf3;
  --red\<deleted\|variable-e5c78d86-3216-978c-a47b-d93c2fdd1688\>: #e58a70;
  --black--400: #b5bfe0;
  --black--100: #f2f6ff;
  --gray50: #f4f4f4;
  --gray\<deleted\|variable-093b2e7e-f04a-e50e-eff0-713cebf0bfa6\>: #52525b;
  --gray100: #e4e4e4;
  --gety-hover: #3060ff;
  --stroke\<deleted\|variable-b13a642d-d56b-b2ff-712e-6ccb599096cf\>: #ececec;
  --elements-webflow-library--neutral--300\<deleted\|variable-37cef123\>: #eff0f6;
  --elements-webflow-library--neutral--600\<deleted\|variable-06b40b4b\>: #6e7191;
  --black--800: #343a59;
  --card\<deleted\|variable-f7a6a6b5-c1b8-1a15-a84c-e1554eb7d955\>: #f4f0ff;
  --title-gray\<deleted\|variable-4c20cc75-2f3d-9bfb-15f3-047866551203\>: #afb1b7;
  --elements-webflow-library--neutral--400\<deleted\|variable-e617119b\>: #dcddeb;
  --elements-webflow-library--accent--primary-1: #4a3aff;
  --black--50: #fafcff;
  --elements-webflow-library--general--shadow-02: #14142b14;
  --press: #1a44c9;
  --elements-webflow-library--general--shadow-01: #14142b0f;
  --title: #181d27;
  --black: black;
  --elements-webflow-library--general--shadow-03: #14142b1a;
  --black--500: #8e97c2;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

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

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

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

body {
  color: #333;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 18px;
  line-height: 1.6;
}

h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 38px;
  font-weight: bold;
  line-height: 44px;
}

a {
  text-decoration: underline;
}

.nav {
  z-index: 1000;
  max-width: 750px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  position: sticky;
  inset: 20px 0% auto;
}

.container {
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
}

.container.flex-3-5rem {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.container.flex-3-5rem._5rem {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
}

.container.flex-3-5rem.large-container {
  max-width: none;
}

.container.flex-2rem {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.container.flex-5rem {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.description {
  color: var(--black--700);
  width: 600px;
  font-size: 24px;
  line-height: 32px;
}

.description.center {
  color: var(--black--700);
  margin-bottom: 0;
  font-size: 1.5rem;
}

.description.center.hero {
  width: auto;
  margin-top: 0;
}

.description.card-width-auto {
  color: var(--black--700);
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
}

.description.small {
  width: auto;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 1.5;
}

.use-case-image {
  box-shadow: 0 5px 15px 4px var(--shadow\<deleted\|variable-beda20dc-f142-a5f6-ba62-033e335abe78\>);
  border-radius: 10px;
  width: 70%;
}

.use-case-image._100 {
  box-shadow: none;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  width: 100%;
}

.brix---container-default {
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.brix---header-wrapper {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--black--300);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--black--300);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--black--300);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--black--300);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #fafcffb3;
  border-radius: 999px;
  margin-left: 0;
  margin-right: 0;
  padding: 8px;
}

.brix---header-content-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
  gap: 0;
}

.brix---header-nav-menu-list {
  z-index: 1;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
  gap: 0;
}

.brix---header-nav-link {
  color: var(--black--600);
  padding: 6px 12px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  transition: color .3s;
}

.brix---header-nav-link:hover {
  color: var(--gety);
}

.brix---header-nav-link.w--current {
  color: var(--normal);
}

.brix---hamburger-menu-wrapper {
  padding: 0;
  transition: transform .3s;
}

.brix---hamburger-menu-wrapper:hover {
  transform: scale(.96);
}

.brix---hamburger-menu-wrapper.w--open {
  background-color: #0000;
}

.brix---header-right-col {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.brix---hamburger-menu-bar-top {
  background-color: var(--elements-webflow-library--neutral--800\<deleted\|variable-44c33ad4\>);
  border-radius: 20px;
  width: 24px;
  height: 3px;
  margin-top: 8px;
  margin-bottom: 8px;
}

.button {
  background-color: var(--gety);
  color: var(--elements-webflow-library--neutral--100\<deleted\|variable-07926372\>);
  text-align: center;
  letter-spacing: .2px;
  transform-style: preserve-3d;
  border-radius: 30px;
  justify-content: center;
  padding: 12px 16px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
  transition: background-color .3s, transform .3s, color .3s;
  box-shadow: 0 0 2px 2px #8aa3f833, 0 0 14px #6185fb33, 0 -1px .4px #0003, 0 1px .4px #fff;
}

.button:hover {
  color: var(--elements-webflow-library--neutral--100\<deleted\|variable-07926372\>);
  background-color: #2050e0;
  transform: translate3d(0, -3px, .01px);
}

.button.white {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 0.667px solid var(--gety);
  color: var(--gety);
  background-color: #fff;
  justify-content: center;
  align-items: center;
  padding: 11px 15px;
  display: flex;
  box-shadow: 0 0 4px #7897ff66;
}

.button.white.pricing {
  border-width: 0.667px;
  border-color: var(--black--200);
  color: var(--black--900);
  box-shadow: 0 0 4px 2px #7777770d;
}

.button.nav {
  margin-top: 0;
  padding: 12px 16px;
  font-size: 16px;
  font-weight: 700;
}

.button.nav.at-top {
  background-color: rgba(255, 255, 255, 0.1);
  color: var(--gety);
  border: 0.667px solid var(--gety);
  box-shadow: none;
  box-sizing: border-box;
}

.button.pricing {
  width: 100%;
}

.button.pricing.pro {
  background-image: linear-gradient(62deg, var(--gety), var(--purple) 50%, var(--red\<deleted\|variable-e5c78d86-3216-978c-a47b-d93c2fdd1688\>));
  box-shadow: 0 0 4px 2px #c9d1ff, 0 0 14px #ba30ff33, 0 -1px .4px #0003, 0 1px .4px #fff;
}

.brix---btn-header-hidden-on-mbl {
  margin-left: 0;
}

.brix---header-nav-list-item-left {
  color: var(--black--900);
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.brix---header-nav-list-item-left.none {
  display: none;
}

.brix---header-logo {
  height: 24px;
  width: auto;
}

.brix---header-logo-link-left {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  transform-style: preserve-3d;
  justify-content: flex-start;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  margin-left: 12px;
  margin-right: 0;
  transition: transform .3s, color .3s;
  display: flex;
}

.brix---header-logo-link-left:hover {
  transform: scale3d(.96, .96, 1.01);
}

.brix---header-logo-link-left.w--current {
  justify-content: flex-start;
  align-items: center;
  margin-right: 0;
  padding-right: 0;
  display: flex;
}

.section {
  padding-top: 100px;
  padding-bottom: 100px;
}

.section.big {
  padding-top: 100px;
  padding-bottom: 200px;
}

.section.hero {
  margin-top: 40px;
  margin-bottom: 100px;
  padding-top: 60px;
  padding-bottom: 0;
}

.section.hero.background {
  background-image: radial-gradient(circle at 50% 0, #faf8ff, #f8f5ff 0%, #fbf9ff 43%, #e5dcff 73%, #c9d5ff);
  border-radius: 20px;
  height: 750px;
  max-height: 85vh;
  overflow: hidden;
}

.section.hero.background.flex-3rem {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  display: flex;
}

.section.hero.hero-bg {
  background-color: #F5F8FF;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: -100px;
  margin-bottom: 0;
  padding-top: 160px;
  padding-bottom: 100px;
}

.section.flex-3-5rem {
  grid-column-gap: 3.5rem;
  grid-row-gap: 3.5rem;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: flex;
}

.section.flex-3-5rem.background-radial {
  background-image: radial-gradient(circle, #f7f9ff, #f4f0ff 0%, #fff 35%, #fff);
}

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

.section._0-down-padding {
  margin-bottom: 100px;
  padding-bottom: 0;
}

.section.padding-0 {
  padding-bottom: 0;
}

.section.flex-6rem {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.hero-heading {
  color: var(--black--900);
  font-size: 4.3rem;
  line-height: 1.2;
}

.hero-heading.pricing {
  color: var(--gety);
  line-height: 1.5;
}

.button-area {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.body {
  color: var(--black--900);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

.main-heading {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.main-heading.hero {
  grid-row-gap: 2rem;
  text-align: center;
}

.main-heading.left {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  position: relative;
}

.heading-button-flex {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  justify-content: center;
  display: flex;
}

.feature_block_1 {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: stretch center;
  display: grid;
}

.uui-layout94_item {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: left;
  background-color: #0000;
  border-radius: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 400px;
  display: flex;
}

.feature-block-icon {
  text-align: center;
}

.text-normal {
  color: var(--black--700);
  text-align: center;
  margin-bottom: 0;
  font-size: 1.375rem;
}

.text-normal.left {
  text-align: left;
}

.text-normal._650px-width {
  width: 650px;
}

.text-normal.comment {
  color: var(--black--600);
  font-size: 1rem;
}

.image-9 {
  font-size: 1.125rem;
}

.heading-2 {
  color: var(--black--900);
  text-align: center;
  flex-flow: wrap;
  margin-top: 0;
  font-size: 3rem;
  line-height: 56px;
  position: relative;
}

.heading-2.left {
  text-align: left;
}

.flex-vertical-gap {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.flex-vertical-gap.left {
  text-align: left;
}

.flex-horizontal-3rem {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  text-align: center;
  flex-flow: row;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.image-hero {
  border: 1px solid var(--black--300);
  border-radius: 8px;
  box-shadow: 0 2px 10px #0003;
}

.cta {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}

.button-image {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.card {
  border: 2px solid var(--black--100);
  box-shadow: 0 0 8px 0 var(--gray50);
  background-color: #fff;
  border-radius: 16px;
  flex-flow: column;
  justify-content: space-between;
  height: 100%;
  padding: 32px 24px;
}

.card.card-pro-color {
  border-color: var(--gety);
}

.h1-size {
  color: var(--black--900);
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 2.75rem;
  font-weight: 700;
  line-height: 1;
}

.h1-size.linear-gradient {
  background-image: linear-gradient(102deg, var(--gety), var(--purple) 50%, var(--red\<deleted\|variable-e5c78d86-3216-978c-a47b-d93c2fdd1688\>));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.icon-list-item-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  cursor: help;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.icon-list-item-wrapper.flex {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: flex-start;
  align-items: center;
}

.icon-list {
  margin-top: 3px;
  margin-right: 0;
}

.eyebrow {
  color: var(--gety);
  letter-spacing: .15em;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
}

.text-400-list-bold {
  color: var(--gray\<deleted\|variable-093b2e7e-f04a-e50e-eff0-713cebf0bfa6\>);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 24px;
}

.text-400-list-bold.no-wrap {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  white-space: nowrap;
  justify-content: flex-start;
  align-items: flex-end;
}

.grid-1-column-gap-row-16px {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: stretch;
  margin-top: 40px;
  display: flex;
}

.grid-1-column-gap-row-16px._0-margin {
  margin-top: 0;
}

._3-columns-1-col-tablet {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-bottom: 40px;
  display: grid;
}

.text-400-medium {
  color: var(--black--700);
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 22px;
}

.text-400-medium.hide {
  display: none;
}

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

.card-pricing-popular {
  border: 2px solid #8a84f5;
  border-radius: 24px;
  height: 100%;
  position: relative;
}

.center {
  text-align: center;
  margin-bottom: 60px;
}

.h3-size {
  color: var(--black--900);
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 34px;
}

.margin-40 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: center;
  margin-bottom: 40px;
  display: flex;
}

.beta {
  z-index: 1;
  border: 3px solid var(--gety);
  color: var(--gety);
  vertical-align: baseline;
  border-radius: 8px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  margin-top: 17px;
  margin-left: 10px;
  padding-left: 4px;
  padding-right: 4px;
  font-size: .875rem;
  font-weight: 600;
  position: absolute;
}

.beta.mobile {
  display: none;
}

.text-block {
  border: 2px solid var(--gety);
  color: var(--gety);
  border-radius: 6px;
  margin-right: 0;
  padding-left: 4px;
  padding-right: 4px;
  font-size: .6rem;
  font-weight: 600;
  line-height: 1.5;
}

.top-tag {
  background-image: linear-gradient(81deg, var(--gety), var(--purple) 50%, var(--red\<deleted\|variable-e5c78d86-3216-978c-a47b-d93c2fdd1688\>));
  color: var(--elements-webflow-library--neutral--100\<deleted\|variable-07926372\>);
  text-align: center;
  border-radius: 24px 24px 0 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  line-height: 32px;
  position: absolute;
  inset: -33.5px -.7% auto -.5%;
}

.card-pro {
  background-color: #fff;
  padding: 40px 28px;
  position: relative;
}

.card-pro.card-pro-gradient {
  border: 2px solid var(--gety);
  border-radius: 16px;
  box-shadow: 0 0 8px #d5ceff;
}

.payment-describe {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.flex-left-12px {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.tag {
  background-image: linear-gradient(113deg, var(--gety), var(--purple) 50%, var(--red\<deleted\|variable-e5c78d86-3216-978c-a47b-d93c2fdd1688\>));
  color: var(--elements-webflow-library--neutral--100\<deleted\|variable-07926372\>);
  vertical-align: bottom;
  border-radius: 12px;
  padding: 2px 12px;
  font-size: 11px;
}

.h2-beta {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: center;
  align-items: center;
}

.h2-beta.bottom {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: flex-end;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.grid-2-1 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 120px;
  padding-bottom: 0;
  display: grid;
}

.grid-2-1.header {
  border-bottom: 1px solid var(--gray100);
  margin-bottom: 40px;
  padding-bottom: 100px;
}

.toc-sticky {
  width: 250px;
  position: sticky;
  top: 120px;
}

.version {
  color: var(--gray\<deleted\|variable-093b2e7e-f04a-e50e-eff0-713cebf0bfa6\>);
  margin-bottom: 0;
  font-size: 1rem;
}

.heading-3 {
  color: var(--normal);
  font-size: 20px;
  font-weight: 700;
}

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

.changelog-beta {
  background-color: var(--gety);
  color: var(--elements-webflow-library--neutral--100\<deleted\|variable-07926372\>);
  border: 1px solid #0000;
  border-radius: 10px;
  margin-bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 12px;
}

.feature-progress {
  z-index: 1000;
  position: relative;
}

.changelog-right {
  border-bottom: 1px solid var(--gray100);
  padding-bottom: 40px;
}

.content {
  color: var(--normal);
  margin-bottom: 30px;
  font-size: 1rem;
}

.icon-type {
  font-size: 24px;
  font-weight: 700;
}

.dash {
  padding-right: 14px;
  font-weight: 700;
}

.margin-bottom-60px {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 60px;
}

.link {
  color: var(--gety);
  text-decoration: none;
}

.tag-top {
  background-color: var(--gray50);
  color: var(--gety);
  border-radius: 6px;
  max-width: 20%;
  margin-bottom: 0;
  padding: 2px 12px;
  font-size: 1rem;
}

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

.gaid-3-1-1-2rem {
  grid-column-gap: 1.2rem;
  grid-row-gap: 1.2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.card-link {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border: 1px solid var(--gray100);
  color: var(--normal);
  background-color: #e7eaff;
  border-radius: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  padding: 20px;
  text-decoration: none;
  transition: background-color .2s;
  display: flex;
}

.card-link:hover {
  color: var(--gety-hover);
  background-color: #dbe3ff;
}

.no-margin {
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 700;
}

.no-margin:hover {
  color: var(--gety);
}

.icon-link {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: var(--gety);
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.code-embed {
  color: var(--gety);
  line-height: 1;
}

.text-block-2 {
  color: var(--gety);
}

.changelog-hero {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.flex-0-5rem {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-10 {
  border: 1px solid var(--gray50);
  border-radius: 8px;
  margin-bottom: 60px;
}

.arrow-left {
  position: absolute;
  bottom: 89%;
  right: -7%;
}

.image {
  text-align: center;
  position: relative;
}

.div-block-3 {
  text-align: center;
}

.prompt-mcp {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: .4fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center;
  display: grid;
}

.prompt-left {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.background {
  background-image: linear-gradient(#ece6ff, #f4f0ff 25%, #eee8ff 75%, #d2dcff 100%, #fff 100%, #fff);
  border-radius: 20px;
  height: 100%;
  margin-left: 60px;
  margin-right: 60px;
  padding-top: 60px;
  padding-left: 100px;
  padding-right: 100px;
}

.background.center {
  background-image: linear-gradient(267deg, #dbe3ff, #eae3ff 41%, #f7f4ff 68%, #efebff 100%, #fff 100%, #e5ddff 100%, #e7dfff);
  margin-bottom: 0;
  padding-top: 40px;
  padding-bottom: 40px;
}

.image-11 {
  border-radius: 20px;
  box-shadow: 0 0 8px 6px #3e3e3e1a;
}

.heading-4 {
  font-size: 2rem;
}

.image-12 {
  border: 1px solid var(--stroke\<deleted\|variable-b13a642d-d56b-b2ff-712e-6ccb599096cf\>);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  margin-bottom: -3px;
}

.double {
  text-underline-offset: 10px;
  text-decoration: underline;
  -webkit-text-decoration-color: var(--gety);
  text-decoration-color: var(--gety);
  text-decoration-style: double;
}

.wavy {
  text-underline-offset: 8px;
  text-decoration: underline;
  -webkit-text-decoration-color: var(--gety);
  text-decoration-color: var(--gety);
  border-top: 0 #000;
  border-left: 0 #fff;
  border-right: 0 #000;
  text-decoration-style: wavy;
}

.dashed {
  text-underline-offset: 12px;
  text-decoration: underline;
  -webkit-text-decoration-color: var(--gety);
  text-decoration-color: var(--gety);
  text-decoration-style: dashed;
  text-decoration-thickness: 3px;
}

.subtitle-icon {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.icon-text {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.icon-subtitle {
  max-width: 38px;
}

.gray {
  color: var(--black--400);
}

.gray-background {
  background-image: linear-gradient(#fafafa, #fafafa);
}

.background-radial {
  background-image: radial-gradient(circle, #f4f0ff, #f7f9ff 42%, #fff 57%, #fff);
}

.mcp {
  height: 100%;
}

.flex-1rem {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.flex-1rem.vertical {
  justify-content: space-between;
  align-items: stretch;
}

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

.icon {
  max-width: 28px;
}

.callout {
  font-size: 1rem;
}

.link-footer {
  color: var(--gety);
  text-decoration: none;
}

.subtitle {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  display: flex;
}

.brix---mg-bottom-24px {
  margin-bottom: 24px;
}

.brix---footer-wrapper {
  border-top: 1px solid var(--elements-webflow-library--neutral--300\<deleted\|variable-37cef123\>);
}

.brix---grid-footer-v1 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 3.5fr 1fr 1fr;
}

.brix---footer-logo-2 {
  transform-style: preserve-3d;
  transition: transform .3s;
}

.brix---footer-logo-2:hover {
  transform: scale3d(.97, .97, 1.01);
}

.brix---footer-list-wrapper-2 {
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
}

.brix---footer-list-item-2 {
  margin-bottom: 18px;
  padding-left: 0;
}

.brix---footer-link-2 {
  color: var(--black--600);
  font-size: 18px;
  line-height: 20px;
  text-decoration: none;
  transition: color .3s;
}

.brix---footer-link-2:hover {
  color: var(--gety);
}

.brix---footer-top {
  padding-top: 120px;
  padding-bottom: 120px;
}

.brix---footer-bottom {
  border-top: 1px solid var(--elements-webflow-library--neutral--300\<deleted\|variable-37cef123\>);
  color: var(--elements-webflow-library--neutral--600\<deleted\|variable-06b40b4b\>);
  text-align: center;
  padding-top: 32px;
  padding-bottom: 32px;
  font-size: 18px;
  line-height: 30px;
}

.brix---paragraph-default-2 {
  color: var(--black--600);
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 18px;
  line-height: 30px;
}

.brix---footer-col-title-2 {
  color: var(--black--800);
  margin-bottom: 40px;
  font-size: 22px;
  font-weight: 700;
  line-height: 24px;
}

.brix---mg-bottom-40px {
  margin-bottom: 40px;
}

.brix---color-neutral-802 {
  color: var(--elements-webflow-library--neutral--600\<deleted\|variable-06b40b4b\>);
}

.card-3-3 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.h3 {
  color: var(--black--900);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
}

.h3.bg {
  color: #36adff;
  background-color: #e4f1fa;
  border-radius: 8px;
  padding: 4px 8px;
}

.h3.bg.yellow {
  color: #ffb51a;
  background-color: #fef3dc;
}

.card-white {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border: 1px solid var(--black--200);
  background-color: #fff;
  border-radius: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 28px;
  display: flex;
}

.card-white.wrap-right {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: var(--card\<deleted\|variable-f7a6a6b5-c1b8-1a15-a84c-e1554eb7d955\>);
  border-style: none;
  flex-flow: column-reverse wrap;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 0;
  padding-right: 0;
}

.card-white.purple {
  background-color: var(--card\<deleted\|variable-f7a6a6b5-c1b8-1a15-a84c-e1554eb7d955\>);
  border-style: none;
  padding: 16px 20px;
}

.card-white.purple.flex-right {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
}

.card-white.desktop-hide {
  display: none;
}

.feature-background {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  background-image: linear-gradient(#f3efff, #f4f0ff 25%, #ebe5fd 75%, #dee6ff 100%, #fff 100%, #fff);
  border-radius: 16px;
  justify-content: flex-end;
  align-items: flex-end;
  padding-top: 100px;
  padding-left: 60px;
  display: flex;
}

.pd-60px {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  margin-bottom: 60px;
  display: flex;
}

.right-image {
  border-top-left-radius: 8px;
  border-bottom-right-radius: 16px;
  max-width: 70%;
}

.div-block-5 {
  max-width: 450px;
}

.card-3-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.card-3-1 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.bg-linear {
  background-color: #F5F8FF;
}

.progress {
  align-items: center;
  width: 1250px;
  height: 89px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: sticky;
  top: 50%;
}

.progress-bar {
  background-color: #8080804d;
  border-radius: 2px;
  width: 2px;
  height: 100%;
  margin-right: 20px;
  position: relative;
  overflow: hidden;
}

.progress-bar-indicator {
  z-index: 2;
  background-image: linear-gradient(180deg, var(--gety), #7293ff);
  border-radius: 2px;
  width: 2px;
  height: 100%;
  position: absolute;
}

.list {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.progress-item.s-m-b-52 {
  line-height: 18px;
}

.progress-link {
  color: var(--title-gray\<deleted\|variable-4c20cc75-2f3d-9bfb-15f3-047866551203\>);
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 500;
  line-height: 16px;
  text-decoration: none;
  transition: color .2s;
}

.progress-link:hover {
  color: #698cff;
}

.progress-link.w--current {
  color: var(--gety);
}

.image-14 {
  width: 16px;
  margin-top: 3px;
}

.icon-tip {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  align-items: flex-start;
  display: flex;
}

.tip-14px {
  color: var(--gray\<deleted\|variable-093b2e7e-f04a-e50e-eff0-713cebf0bfa6\>);
  font-size: .875rem;
  line-height: 24px;
}

.tip-14px.normal-blod-ltalic {
  color: var(--normal);
  font-weight: 700;
}

.tag-gary {
  background-color: var(--elements-webflow-library--neutral--400\<deleted\|variable-e617119b\>);
  color: var(--elements-webflow-library--neutral--600\<deleted\|variable-06b40b4b\>);
  vertical-align: bottom;
  border-radius: 6px;
  padding: 2px 6px;
  font-size: 11px;
}

.tag-gary.margin {
  margin-left: 28px;
}

.wrapper {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  display: flex;
  position: relative;
}

.flex-8px {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-radius: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.flex-8px.left {
  flex-flow: row;
  justify-content: center;
  align-items: center;
}

.image-15 {
  margin-top: 3px;
}

.paragraph-2 {
  margin-bottom: 0;
  font-size: 12px;
}

.beta-offer-label {
  display: none;
  position: absolute;
  top: -7%;
  left: 82%;
}

.beta-offer-label.no-arrow {
  display: none;
}

.div-block-6 {
  margin-top: -120px;
  position: relative;
}

.text-span {
  text-underline-offset: 4px;
  text-decoration: underline;
  -webkit-text-decoration-color: var(--gety);
  text-decoration-color: var(--gety);
  text-decoration-style: wavy;
}

._16px-bold {
  font-size: 16px;
  font-weight: 700;
}

._16px-bold.pro {
  cursor: help;
}

.advanced-ai {
  grid-row-gap: 1rem;
  background-color: #f6f5f4;
  border-radius: 16px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 60px;
  padding: 16px 30px;
  display: flex;
}

.tooltip {
  opacity: 0;
  color: var(--elements-webflow-library--neutral--100\<deleted\|variable-07926372\>);
  background-color: #000000b3;
  border-radius: 8px;
  width: 230px;
  padding: 6px 8px;
  font-size: 12px;
  position: absolute;
  bottom: -18%;
  left: 112%;
}

.tooltip.title {
  top: -1px;
  left: 110%;
}

.div-block-7 {
  position: relative;
}

.check {
  color: var(--gety);
  padding-right: 8px;
  font-size: 16px;
  font-weight: 700;
}

.check.yellow {
  color: #ffbd30;
}

.check.gray {
  color: var(--title-gray\<deleted\|variable-4c20cc75-2f3d-9bfb-15f3-047866551203\>);
}

.features-pic {
  margin-left: auto;
  margin-right: auto;
}

.features-pic.new {
  border-top: 1px solid var(--shadow\<deleted\|variable-beda20dc-f142-a5f6-ba62-033e335abe78\>);
  border-left: 1px solid var(--shadow\<deleted\|variable-beda20dc-f142-a5f6-ba62-033e335abe78\>);
  border-radius: 16px 0;
  margin-right: 0;
  box-shadow: 0 2px 5px #0000000d;
}

.mg-bottom-0 {
  color: var(--gray\<deleted\|variable-093b2e7e-f04a-e50e-eff0-713cebf0bfa6\>);
  margin-bottom: 0;
  font-size: 16px;
}

.mg-bottom-0.mg-16px {
  margin-top: 16px;
}

.header {
  align-items: center;
  display: flex;
}

.acordion-body {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.icon-wrapper {
  justify-content: center;
  align-items: center;
  width: 28px;
  min-width: 28px;
  height: 28px;
  min-height: 28px;
  display: flex;
}

.faq-title {
  color: var(--normal);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
}

.grid-gap-row-24px {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  width: 100%;
  display: grid;
}

.arrow-icon {
  width: 18px;
  height: 18px;
}

.maxw-660 {
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.card-20-16 {
  border: 1px solid var(--gray50);
  background-color: var(--elements-webflow-library--neutral--100\<deleted\|variable-07926372\>);
  cursor: pointer;
  border-radius: 16px;
  justify-content: space-between;
  width: 100%;
  max-width: 800px;
  padding: 16px 20px;
  transition: transform .3s;
  display: flex;
}

.image-16 {
  width: 200px;
}

.wechat-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 3px solid var(--black--300);
  border-radius: 10px;
  flex-flow: column;
  align-items: center;
  width: 230px;
  margin-bottom: 20px;
  padding-top: 10px;
  padding-bottom: 0;
  display: flex;
}

.wechat-header {
  color: var(--black--900);
}

._24px-pic {
  width: 1.5em;
  height: 1.5em;
}

.wechat-icon {
  width: 1.5em;
  height: 1.5em;
  margin-bottom: -0.125em;
}

.gap-1rem {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  display: flex;
}

.card-2-1 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.image-17 {
  width: 1.5rem;
  height: 1.5rem;
}

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

.image-18 {
  max-width: 90%;
}

.subtitle-normal {
  color: #535862;
  width: 750px;
  font-size: 24px;
  line-height: 32px;
}

.card-title {
  color: var(--normal);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.125rem;
  line-height: 24px;
}

.card-subtitle-1rem {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 24px;
}

.gap-1-5rem {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: center;
  width: 80%;
  display: flex;
}

.chat-prompt {
  text-align: center;
  max-width: 60%;
  position: relative;
}

.arrow {
  width: 50%;
  position: absolute;
  bottom: 78%;
  left: -24%;
}

.div-block-11 {
  padding-left: 40px;
  padding-right: 40px;
}

.left-text {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column dense;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.ai-page-pic {
  width: 50%;
}

.right-text {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: row-reverse;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column dense;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.strikestrough {
  color: var(--black--400);
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 2.75rem;
  font-weight: 700;
  line-height: 1;
  text-decoration: line-through;
}

.bold-price-list {
  color: var(--normal);
  padding-right: 4px;
  font-weight: 600;
}

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

.brix---cta-section {
  background-color: #ddd2fd;
  background-image: linear-gradient(120deg, #fdf9ed, #fbefef 59%, #f0f9fe);
  border-radius: 16px;
  width: 650px;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 30px;
  padding-bottom: 20px;
}

.heading-5 {
  color: var(--black--900);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.375rem;
  font-weight: 600;
}

.heading-6 {
  color: var(--black--700);
  margin-top: 0;
  font-size: 1rem;
  font-weight: 400;
}

.text-span-2 {
  color: var(--gety);
}

.soon {
  color: #0000008a;
  vertical-align: middle;
  background-color: #3d342e17;
  border-radius: 12px;
  margin-left: 8px;
  padding: 4px 8px;
  font-size: 10px;
  font-weight: 600;
}

.flex-soon-left {
  display: flex;
}

.flex-2rem {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.bg-listary {
  background-image: url('../images/pink-purple-bg.svg');
  background-position: 50% 0;
  background-repeat: repeat-y;
  background-size: cover;
}

.blue-title {
  color: var(--black--800);
  font-size: 2.5rem;
  font-weight: 500;
}

.white-card {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border: 1px solid var(--black--200);
  background-color: #fff;
  border-radius: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 20px;
  display: flex;
  overflow: hidden;
}

.white-card.wrap-up {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: wrap-reverse;
  padding-bottom: 0;
}

.white-card.top-left-padding-0 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
}

.flexbetween-1rem {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: flex;
}

.flexbetween-1rem.exceed {
  position: relative;
}

.size-18px {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 24px;
}

.image-28 {
  width: 90%;
  margin-bottom: -10px;
}

.blue-circle-bg {
  background-image: url('../images/pink-purple-bg.svg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.image-29 {
  padding-bottom: 10px;
}

.image-30 {
  width: 90%;
}

.search {
  border: 1px solid var(--black--300);
  box-shadow: 0 2px 10px 0 var(--black--400);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 70%;
  position: relative;
}

.mark {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  opacity: 1;
  background-color: #fee5e5;
  border-radius: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 155px;
  padding: 16px;
  display: flex;
  position: absolute;
  transform: translate(0, 10px);
}

.mark.yellow {
  background-color: #fef3dc;
  top: 65%;
  right: 86%;
}

.mark.blue {
  background-color: #e4f1fa;
  bottom: 89%;
  left: 86%;
}

.mark.pink {
  bottom: 77%;
  right: 86%;
}

.mark-heading {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 24px;
  transform: translate(0, 10px);
}

.mark-heading.pink {
  color: #f37475;
}

.mark-heading.blue {
  color: #34acff;
}

.mark-heading.yellow {
  color: #fbad51;
}

.mark-paragraph {
  margin-bottom: 0;
  font-size: 14px;
  transform: translate(0, 10px);
}

.relative-marks {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.mark-arrow {
  opacity: 1;
  width: 12%;
  position: absolute;
  transform: translate(0, 10px);
}

.mark-arrow.pink-arrow {
  top: 12%;
  left: 13%;
}

.mark-arrow.yellow-arrow {
  bottom: 35%;
  left: 11%;
}

.mark-arrow.blue-arrow {
  width: 9%;
  top: 12%;
  right: 8%;
}

.paragraph-3, .paragraph-4 {
  color: var(--black--900);
}

.div-block-16 {
  display: none;
}

.brush-stroke {
  color: var(--black--800);
  background-image: url('../images/Brush-Strokes.svg');
  background-size: cover;
}

.header-link {
  color: #34acff;
  vertical-align: bottom;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}

.div-block-20 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.hero-text-left {
  display: contents;
}

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

.image-37 {
  width: 18px;
  margin-left: 10px;
  margin-right: 10px;
}

.text-span-6 {
  background-image: url('../images/Brush-Strokes.svg');
  background-position: 0 0;
  background-size: cover;
}

.text-span-6.yellow {
  background-image: url('../images/Hand-Drawn-Ink--Brush-Strokes_yellow.svg');
}

.red {
  background-image: url('../images/Hand-Drawn-Ink--Brush-Strokes-light-pink.svg');
  background-position: 0 0;
  background-size: cover;
}

.image-38 {
  width: 90%;
}

.code-embed-2 {
  width: 500px;
}

@media screen and (min-width: 1280px) {
  .top-tag {
    right: -.5%;
  }

  .flexbetween-1rem {
    padding-left: 0;
  }
}

@media screen and (min-width: 1440px) {
  .nav {
    max-width: 800px;
  }

  .container {
    max-width: 1280px;
  }

  .section.hero.background {
    margin-left: 100px;
    margin-right: 100px;
  }

  ._3-columns-1-col-tablet {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .h3-size {
    font-size: 1.5rem;
  }

  .background {
    margin-left: 100px;
    margin-right: 100px;
  }

  .progress {
    z-index: 4;
    width: 1440px;
  }

  .list {
    list-style-type: none;
  }

  .progress-link {
    line-height: 16px;
  }

  .bg-listary {
    background-image: url('../images/pink-purple-bg.svg');
    background-size: cover;
  }

  .search {
    width: 940px;
  }

  .mark {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    width: 200px;
    padding: 20px;
  }

  .mark.yellow {
    right: 102%;
  }

  .mark.blue {
    bottom: 89%;
    left: 102%;
  }

  .mark.pink {
    right: 102%;
  }

  .mark-heading {
    font-size: 24px;
  }

  .mark-paragraph {
    font-size: 18px;
  }

  .mark-arrow.pink-arrow {
    width: 16%;
    left: -5%;
  }

  .mark-arrow.yellow-arrow {
    width: 16%;
    left: -4%;
  }

  .mark-arrow.blue-arrow {
    width: 14%;
    top: 13%;
    right: -10%;
  }
}

@media screen and (min-width: 1920px) {
  .section.hero.background {
    height: 1000px;
    margin-left: 140px;
    margin-right: 140px;
  }

  .hero-heading {
    width: 1200px;
    font-size: 5rem;
  }

  .body {
    background-image: none;
  }

  .arrow-left {
    bottom: 93%;
    right: -4%;
  }

  .progress {
    left: 10%;
  }

  .beta-offer-label {
    bottom: 57%;
  }
}

@media screen and (max-width: 1040px) and (min-width: 990px) {
  .brix---header-nav-menu-list {
    column-gap: 30px;
  }
  .brix---header-nav-list-item-left {
    padding-right: 0;
  }
}

@media screen and (max-width: 990px) and (min-width: 767px) {
  .brix---header-nav-menu-list {
    column-gap: 1rem;
  }
  .brix---header-nav-list-item-left {
    padding-right: 0;
  }
}

@media screen and (max-width: 1040px) {
  body {
    padding-top: 80px;
  }

  .container.flex-3-5rem {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
  }

  .container.hero.flex-2rem {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .description {
    width: auto;
    font-size: 1.2rem;
  }

  .description.center {
    width: 480px;
  }

  .description.card-width-auto {
    font-size: 1rem;
    line-height: 24px;
  }

  .description.small {
    font-size: 1rem;
  }

  .use-case-image {
    width: 100%;
  }

  .nav {
    max-width: none;
    margin: 0;
    margin-top: 0;
    inset: 0 0 auto;
  }

  .brix---header-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: #fafcffb3;
    border: none;
    border-radius: 0;
    margin: 0;
    width: 100%;
    max-width: 100%;
    padding: 12px 20px;
  }

  .brix---header-wrapper .brix---container-default {
    max-width: none;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .brix---header-menu-wrapper {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: rgba(255, 255, 255, 0.9);
    border: none;
    border-bottom: 1px solid #e4e4e4;
    border-radius: 0;
    margin-top: 0;
    padding: 24px;
  }

  .brix---header-nav-menu-list {
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 12px;
  }

  .brix---header-nav-list-item-left {
    width: 100%;
    padding: 8px 0;
  }

  .brix---header-right-col {
    display: flex;
    align-items: center;
    gap: 12px;
  }

  .brix---btn-header-hidden-on-mbl {
    display: block;
    order: 0;
  }

  .brix---hamburger-menu-wrapper {
    display: flex;
    order: 1;
    transition: transform .3s;
  }

  .brix---hamburger-menu-wrapper:hover {
    transform: scale(.96);
  }

  .brix---hamburger-menu-wrapper.w--open {
    background-color: #0000;
  }

  .brix---hamburger-menu-bar-top {
    background-color: var(--normal);
  }

  .section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section.big {
    padding-top: 60px;
    padding-bottom: 120px;
  }

  .section.hero.background {
    height: 18%;
    margin-bottom: 60px;
    margin-left: 40px;
    margin-right: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .section.hero.hero-bg {
    padding-top: 140px;
    padding-bottom: 60px;
  }

  .section.flex-3-5rem {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
  }

  .section.cta {
    padding-top: 100px;
  }

  .section.flex-6rem {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
  }

  .hero-heading {
    font-size: 3.5rem;
  }

  .main-heading.hero {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .feature_block_1 {
    grid-template-columns: 1fr 1fr;
    margin-left: auto;
    margin-right: auto;
  }

  .text-normal {
    font-size: 1rem;
  }

  .heading-2 {
    font-size: 2rem;
    line-height: 38px;
  }

  .flex-horizontal-3rem {
    flex-flow: wrap;
  }

  .flex-horizontal-3rem.left-image {
    flex-flow: column-reverse;
  }

  .cta {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
  }

  .card {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    margin-top: 0;
  }

  .text-400-list-bold.no-wrap {
    white-space: normal;
  }

  .grid-1-column-gap-row-16px {
    margin-top: 40px;
  }

  ._3-columns-1-col-tablet {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
    grid-template-columns: 1fr;
  }

  .text-400-medium {
    height: auto;
  }

  .card-pricing-popular {
    margin-top: 1rem;
  }

  .center {
    margin-bottom: 100px;
  }

  .h3-size {
    font-size: 1.3rem;
  }

  .margin-40 {
    margin-bottom: 40px;
  }

  .h2-beta.bottom {
    justify-content: center;
    align-items: center;
  }

  .grid-2-1 {
    grid-column-gap: 2.6rem;
    grid-row-gap: 2.6rem;
    flex-flow: column;
    grid-template-columns: .25fr 1fr;
    justify-content: center;
    display: flex;
  }

  .arrow-left {
    max-width: 50%;
    bottom: 91%;
    right: -4%;
  }

  .prompt-mcp {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: wrap-reverse;
    grid-template-columns: 1fr;
    display: flex;
  }

  .prompt-left {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: column;
    display: flex;
  }

  .background {
    width: auto;
    margin-left: 40px;
    margin-right: 40px;
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .background.center {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .heading-4 {
    font-size: 1.5rem;
  }

  .prompt {
    max-width: 30%;
  }

  .subtitle-icon {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
  }

  .icon-subtitle {
    max-width: 28px;
  }

  .flex-1rem {
    flex-flow: row;
  }

  .flex-1rem.vertical {
    flex-flow: column;
  }

  .icon {
    max-width: 20px;
  }

  .callout {
    font-size: .875rem;
  }

  .brix---grid-footer-v1 {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .brix---footer-link-2 {
    font-size: 1rem;
  }

  .brix---footer-top {
    padding-top: 94px;
    padding-bottom: 54px;
  }

  .brix---footer-bottom {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .brix---paragraph-default-2 {
    font-size: 1rem;
  }

  .brix---footer-col-title-2 {
    margin-bottom: 24px;
    font-size: 20px;
  }

  .card-3-3 {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .h3 {
    font-size: 1.3rem;
  }

  .card-white {
    padding: 16px;
  }

  .feature-background {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .pd-60px {
    text-align: center;
    margin-bottom: 0;
  }

  .right-image {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 0;
    max-width: 100%;
  }

  .progress {
    display: none;
  }

  .beta-offer-label {
    display: none;
    top: -5%;
    left: 44%;
  }

  .beta-offer-label.no-arrow {
    display: block;
    top: 1%;
    left: 53%;
  }

  .card-20-16 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .subtitle-normal {
    width: auto;
    font-size: 1.2rem;
  }

  .gap-1-5rem {
    width: 100%;
  }

  .brix---cta-section {
    width: auto;
  }

  .blue-title {
    font-size: 1.125rem;
  }

  .size-18px {
    font-size: 1rem;
  }

  .mark {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    width: 130px;
    padding: 12px;
  }

  .mark-paragraph {
    font-size: 12px;
  }

  .button-area {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .button-image {
    flex-flow: column-reverse;
  }
}

@media screen and (max-width: 767px) {
  .button.nav {
    font-size: 14px;
  }

  .container {
    padding-left: 40px;
    padding-right: 40px;
  }

  .container.flex-3-5rem {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .container.flex-3-5rem._5rem {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .description.center {
    width: auto;
    font-size: 1.125rem;
    line-height: 1.5;
  }

  .description.card-width-auto {
    text-align: left;
    font-size: 1rem;
    line-height: 24px;
  }

  .description.small.size-mobile-small {
    line-height: 18px;
  }

  .use-case-image {
    width: 100%;
  }

  .brix---header-wrapper {
    margin-left: 0;
    margin-right: 0;
  }

  .brix---header-nav-menu-list {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
  }

  .brix---header-logo {
    max-width: 60%;
  }

  .button {
    padding: 12px 20px;
    font-size: .875rem;
  }

  .button.nav {
    margin-left: 20px;
  }

  .brix---btn-header-hidden-on-mbl {
    display: block;
  }

  .brix---header-nav-list-item-left {
    padding-left: 0;
    padding-right: 0;
  }

  .brix---header-logo-link-left {
    margin-right: 0;
    padding-right: 0;
  }

  .brix---header-logo-link-left.w--current {
    justify-content: flex-start;
    align-items: center;
  }

  .section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .section.big {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section.hero.background {
    margin: 20px 20px 40px;
    padding-top: 20px;
  }

  .section.hero.background.flex-3rem {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    max-height: 100%;
  }

  .section.hero.hero-bg {
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .section.flex-3-5rem {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .section.cta {
    padding-top: 80px;
  }

  .section.flex-6rem {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
  }

  .hero-heading.pricing {
    line-height: 48px;
  }

  .hero-heading.left {
    margin-top: 0;
  }

  .main-heading, .main-heading.hero {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .heading-button-flex {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .feature_block_1 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
    place-items: stretch stretch;
    margin-left: auto;
    margin-right: auto;
  }

  .uui-layout94_item {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    text-align: center;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: .5fr 1fr;
    grid-auto-columns: 1fr;
    justify-items: center;
    width: 70vw;
    max-width: none;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
  }

  .feature-block-icon {
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .text-normal {
    text-align: center;
    font-size: 1rem;
  }

  .text-normal._650px-width {
    width: 100%;
  }

  .heading-2.left {
    text-align: center;
  }

  .flex-vertical-gap {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .flex-horizontal-3rem {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
  }

  .image-hero {
    border-radius: 4px;
  }

  .cta {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .button-image {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    padding-bottom: 40px;
  }

  .button-image.new {
    padding-bottom: 0;
  }

  .h1-size {
    font-size: 2rem;
  }

  .eyebrow {
    font-size: 17px;
    line-height: 19px;
  }

  .text-400-list-bold {
    font-size: 16px;
  }

  ._3-columns-1-col-tablet {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .text-400-medium {
    font-size: 18px;
    line-height: 20px;
  }

  .center {
    margin-bottom: 80px;
  }

  .text-block {
    margin-right: 0;
  }

  .top-tag {
    font-size: 16px;
  }

  .grid-2-1 {
    grid-template-columns: .25fr;
    margin-bottom: 80px;
  }

  .grid-2-1.header {
    padding-bottom: 80px;
  }

  .flex-left-10 {
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
  }

  .tag-top {
    font-size: .6rem;
  }

  .gaid-3-1-1-2rem {
    flex-flow: column;
    display: flex;
  }

  .background {
    margin-left: 20px;
    margin-right: 20px;
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .image-12 {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
  }

  .prompt {
    max-width: 40%;
  }

  .prompt.hide {
    display: none;
  }

  .double {
    text-underline-offset: 5px;
  }

  .wavy {
    text-underline-offset: 3px;
  }

  .dashed {
    text-underline-offset: 5px;
  }

  .flex-1rem.vertical {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .subtitle {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .brix---grid-footer-v1 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-columns: 1fr 1fr;
  }

  .brix---footer-logo-2 {
    max-width: 100px;
  }

  .brix---footer-logo-wrapper-2 {
    width: 239px;
  }

  .brix---footer-list-item-2 {
    margin-bottom: 10px;
  }

  .brix---footer-top {
    padding-bottom: 72px;
  }

  .brix---footer-col-title-2 {
    margin-bottom: 24px;
    font-size: 18px;
    line-height: 20px;
  }

  .brix---mg-bottom-40px {
    margin-bottom: 24px;
  }

  .card-3-3 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .h3 {
    margin-top: 0;
    font-size: 1.125rem;
  }

  .card-white {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .card-white.wrap-right.desktop-hide {
    display: flex;
  }

  .card-white.purple {
    background-color: var(--card\<deleted\|variable-f7a6a6b5-c1b8-1a15-a84c-e1554eb7d955\>);
  }

  .card-white.mobile-hide {
    display: none;
  }

  .card-white.desktop-hide {
    display: block;
  }

  .feature-background {
    justify-content: center;
    align-items: flex-start;
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .pd-60px {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    justify-content: center;
    align-items: flex-start;
  }

  .right-image {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
  }

  .card-3-2, .card-3-1 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr 1fr;
  }


  .flex-8px {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .beta-offer-label {
    top: -6%;
    left: 29%;
  }

  .beta-offer-label.no-arrow {
    width: 200px;
  }

  .card-20-16 {
    max-width: 100%;
    padding: 16px 24px;
  }

  .wechat-wrapper {
    margin-top: 20px;
    margin-bottom: 50px;
  }

  .gap-1rem {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
  }

  .card-2-1 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr;
  }

  .image-18 {
    max-width: 100%;
  }

  .card-title {
    margin-top: 0;
  }

  .gap-1-5rem {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    width: 100%;
  }

  .chat-prompt {
    max-width: 80%;
  }

  .arrow {
    width: 50%;
    left: -12%;
  }

  .image-20 {
    display: none;
  }

  .div-block-11 {
    padding-left: 0;
    padding-right: 0;
  }

  .left-text {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .ai-page-pic {
    width: 100%;
  }

  .right-text {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .first-hide-card {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    justify-content: center;
    display: flex;
  }

  .strikestrough {
    font-size: 2rem;
  }

  .white-card.wrap-up {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    padding-top: 10px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .flexbetween-1rem {
    flex-flow: column;
  }

  .flexbetween-1rem.exceed {
    flex-flow: row;
  }

  .size-18px.size-mobile-small {
    font-size: 0.75rem;
    line-height: 18px;
  }

  .search {
    width: 100%;
  }

  .mark {
    display: none;
  }

  .mark.yellow {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    width: auto;
    padding: 4px 8px;
    bottom: 22%;
    left: -1%;
  }

  .mark.blue {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    width: auto;
    padding: 4px 8px;
    top: -14%;
    right: 1%;
  }

  .mark.pink {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    width: auto;
    padding: 4px 8px;
    top: 4%;
    left: -3%;
  }

  .mark-heading {
    opacity: 100;
    font-size: 16px;
    line-height: 20px;
    transform: none;
  }

  .mark-paragraph {
    opacity: 100;
    font-size: 12px;
    line-height: 16px;
    transform: none;
  }

  .mark-arrow {
    display: none;
  }

  .mark-spacing {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    border-radius: 8px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: 100%;
    padding: 8px;
    display: flex;
  }

  .mark-spacing.pink {
    background-color: #fee5e5;
  }

  .mark-spacing.yellow {
    background-color: #fef3dc;
  }

  .mark-spacing.blue {
    background-color: #e4f1fa;
  }

  .div-block-16 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    display: grid;
  }

  .div-block-17 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    justify-content: center;
    align-items: stretch;
    display: flex;
  }
}

@media screen and (max-width: 523px) {
  .button-area {
    flex-flow: column;
    align-items: center;
  }

  .button-area .button {
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .container.hero {
    padding-left: 0;
    padding-right: 0;
  }

  .container.hero.new {
    padding-left: 20px;
    padding-right: 20px;
  }

  .description {
    margin-top: 10px;
    font-size: 1rem;
  }

  .description.small.size-mobile-small {
    margin-top: 0;
  }

  .description.center.hero {
    margin-top: 0;
  }

  .image-37 {
    width: 12px;
    margin-left: 0;
    margin-right: 0;
  }

  .div-block-20 {
    flex-direction: column;
    gap: 2px;
  }

  .hero-text-left {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
  }

  .brix---container-default {
    padding-left: 20px;
    padding-right: 20px;
  }

  .brix---header-menu-wrapper {
    text-align: center;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .brix---header-nav-menu-list {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .brix---header-nav-link {
    margin-left: 0;
    margin-right: 0;
  }

  .button {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .brix---header-nav-list-item-left {
    text-align: center;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .section, .section.big {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .section.hero {
    padding-top: 40px;
  }

  .section.hero.hero-bg {
    padding-top: 120px;
    padding-bottom: 40px;
  }

  .hero-heading {
    font-size: 2rem;
  }

  .hero-heading.pricing {
    line-height: 42px;
  }

  .button-image {
    flex-flow: column-reverse;
  }

  .main-heading, .feature_block_1 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .uui-layout94_item {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    justify-content: center;
    place-items: center;
    width: auto;
  }

  .text-normal {
    text-align: center;
    font-size: 14px;
  }

  .heading-2 {
    font-size: 1.5rem;
    line-height: 28px;
  }

  .flex-horizontal-3rem {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .image-hero {
    border-radius: 4px;
  }

  .card {
    padding: 20px 12px;
  }

  .eyebrow {
    font-size: 14px;
    line-height: 18px;
  }

  ._3-columns-1-col-tablet {
    grid-template-columns: 1fr;
  }

  .h3-size {
    margin-bottom: 10px;
  }

  .beta {
    border-width: 2px;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    font-size: .6rem;
    line-height: 1.4;
    position: static;
  }

  .beta.hide {
    display: none;
  }

  .beta.mobile {
    display: block;
  }

  .h2-beta {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 0;
    display: flex;
  }

  .grid-2-1.header {
    padding-bottom: 40px;
  }

  .changelog-right {
    padding-bottom: 0;
  }

  .tag-top {
    max-width: 30%;
  }

  .background {
    padding-top: 20px;
  }

  .prompt {
    max-width: 60%;
  }

  .icon-subtitle {
    max-width: 20px;
  }

  .flex-1rem, .grid-8px.mobile {
    flex-flow: column;
  }

  .brix---mg-bottom-24px {
    margin-bottom: 16px;
  }

  .brix---grid-footer-v1 {
    grid-template-columns: 1fr;
  }

  .brix---footer-list-item-2 {
    margin-bottom: 8px;
  }

  .brix---footer-top {
    padding-top: 60px;
    padding-bottom: 30px;
  }

  .brix---paragraph-default-2 {
    font-size: 14px;
  }

  .brix---footer-col-title-2 {
    margin-bottom: 16px;
    font-size: 16px;
  }

  .card-3-3 {
    grid-template-columns: 1fr;
  }

  .feature-background {
    padding-top: 20px;
  }

  .card-3-2, .card-3-1 {
    grid-template-columns: 1fr;
  }

  .beta-offer-label {
    left: 3%;
  }

  .beta-offer-label.no-arrow {
    width: 150px;
    left: 25%;
  }

  .advanced-ai {
    padding: 8px 12px;
  }

  .mg-bottom-0.break-all {
    word-break: break-all;
  }

  .wechat-wrapper {
    margin-bottom: 50px;
  }

  .wechat-header {
    font-size: 26px;
  }

  .subtitle-normal {
    margin-top: 10px;
    font-size: 1rem;
  }

  .blue-title {
    font-size: 1rem;
  }

  .flexbetween-1rem {
    flex-flow: column;
  }

  .flexbetween-1rem.exceed {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .mark.yellow {
    bottom: 12%;
  }

  .mark.blue {
    top: -21%;
  }

  .mark.pink {
    top: -7%;
  }

  .mark-arrow.pink-arrow {
    top: 14%;
    left: 15%;
  }

  .div-block-16 {
    flex-flow: column;
    align-items: stretch;
    display: flex;
  }
}

#w-node-d745b738-397d-ff91-b767-5d3e1165cf19-65c66000, #w-node-_909911aa-fd03-28be-8988-63f184e41478-58290153, #w-node-d745b738-397d-ff91-b767-5d3e1165cf19-2c876af2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 1024px) {
  #w-node-_2f81a20b-ed68-32f4-65dd-ef7392c2fa44-92c2fa40 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_2f81a20b-ed68-32f4-65dd-ef7392c2fa44-92c2fa40 {
    grid-column: span 2 / span 2;
  }

  #w-node-_43d96dda-4c0d-6111-be79-d231977af81b-6f12ae9f, #w-node-_305f98c8-a069-cabf-98fc-61e21ada0c65-6f12ae9f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  .brix---header-wrapper {
    margin-left: 0;
    margin-right: 0;
  }
}



@media screen and (max-width: 425px) {
  .button.nav {
    padding: 6px 12px;
  }
}