:root {
  --global--font-family: Inter, sans-serif;
  --colors--text-black: black;
  --colors--text-gray: #475467;
  --colors--brand-primary: #444;
  --colors--black: black;
  --container-sizing--container-large: 1280px;
  --container-sizing--container-padding-x-large: 40px;
  --container-sizing--container-padding-x-small: 16px;
  --container-sizing--container-full: 100vw;
  --colors--white: #fff;
  --colors--gray-2\<deleted\|variable-4ae471b3-83a2-1b18-99fe-8031ede3c541\>: #e3e8f0;
  --colors--gray-1\<deleted\|variable-bade3db8-bbc8-4ee3-0dac-45d924995c3b\>: #f9f9f9;
  --colors--brand-hover: #ffe800;
  --colors--gray-5: #575757;
  --container-sizing--section-padding-y-large: 80px;
  --container-sizing--section-padding-y-medium: 60px;
  --container-sizing--section-padding-y-small: 40px;
  --colors--border: #eceae1;
  --colors--gray: #9f9a9a;
  --colors--gray-3\<deleted\|variable-eb06dc82-f689-4d90-3ff8-93325b637ade\>: #eceae1;
  --colors--border-invert: #ffffff1a;
  --text-dark\<deleted\|variable-6b48adf2-4c57-916d-e917-b82b997d8dbb\>: #ffffffbf;
  --colors--black-2\<deleted\|variable-085f9830-784f-1b58-939c-e12492ad9490\>: #090e12;
  --colors--black-3\<deleted\|variable-c26a1155-dfd2-fd88-2148-2732a72688b5\>: #191919;
  --colors--light-gray: #f9fafb;
  --container-sizing--container-small: 1080px;
}

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

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.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-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.w-pagination-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.w-pagination-previous, .w-pagination-next {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  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 {
  font-family: var(--global--font-family);
  color: var(--colors--text-black);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

h1 {
  color: var(--colors--text-black);
  letter-spacing: -.2rem;
  margin-top: 0;
  margin-bottom: .6em;
  font-size: 4rem;
  font-weight: 500;
  line-height: 1.25;
}

h2 {
  letter-spacing: -2px;
  margin-top: 0;
  margin-bottom: .6em;
  font-size: 2.75rem;
  font-weight: 500;
  line-height: 1.25;
}

h3 {
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: .6em;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.25;
}

h4 {
  letter-spacing: -.5px;
  margin-top: 0;
  margin-bottom: .6em;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.25;
}

h5 {
  letter-spacing: -.5px;
  margin-top: 0;
  margin-bottom: .6em;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.25;
}

h6 {
  margin-top: 0;
  margin-bottom: .6em;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25;
}

p {
  color: var(--colors--text-gray);
  letter-spacing: -.25px;
  margin-top: 0;
  margin-bottom: 1em;
  font-size: 1rem;
  line-height: 1.5;
}

a {
  color: var(--colors--brand-primary);
  font-size: 1rem;
  font-weight: 500;
}

ul, ol {
  color: var(--colors--text-gray);
  margin-top: 0;
  margin-bottom: 1em;
  padding-left: 24px;
}

li {
  margin-bottom: 4px;
  line-height: 1.5;
}

blockquote {
  border-left: 5px solid var(--colors--brand-primary);
  margin-top: .4em;
  margin-bottom: 1em;
  padding: .4em 1em;
  font-size: 1rem;
  line-height: 1.1;
}

figure {
  margin-top: 32px;
  margin-bottom: 32px;
}

figcaption {
  color: var(--colors--text-gray);
  text-align: left;
  margin-top: 5px;
  font-size: .875rem;
}

.section-hero {
  background-image: url('../images/home-hero.png');
  background-position: 0 0;
  background-repeat: repeat;
  background-size: cover;
  flex-flow: column;
  justify-content: center;
  padding-top: 15vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section-banner {
  background-color: var(--colors--black);
}

.container {
  max-width: var(--container-sizing--container-large);
  padding-right: var(--container-sizing--container-padding-x-large);
  padding-left: var(--container-sizing--container-padding-x-large);
  width: 100%;
}

.container.full {
  max-width: var(--container-sizing--container-full);
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.container.auto {
  width: auto;
}

.container.home {
  margin-top: 40px;
}

.banner-wrapper {
  color: var(--colors--white);
  justify-content: center;
  align-items: center;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

.banner-text {
  text-align: center;
  font-size: 1.125rem;
}

.banner-text-link {
  font-size: 1.125rem;
}

.banner-text-link:hover {
  opacity: .8;
}

.hero-heading {
  letter-spacing: -.1rem;
  max-width: 800px;
  margin-bottom: 0;
  font-size: 4rem;
  font-weight: 600;
  line-height: 1.1;
}

.hero-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.hero-paragraph {
  color: var(--colors--text-gray);
  max-width: 600px;
  font-size: 1.25rem;
}

.hero-button-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-items: center;
  margin-top: 8px;
}

.button {
  background-color: var(--colors--white);
  color: var(--colors--brand-primary);
  white-space: nowrap;
  word-break: keep-all;
  border-radius: 12px;
  padding: 12px 16px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
  display: inline-flex;
  overflow: hidden;
  box-shadow: 0 1px 3px #0003, 0 -1px #2f2b431a;
}

.button:hover {
  background-color: var(--colors--gray-2\<deleted\|variable-4ae471b3-83a2-1b18-99fe-8031ede3c541\>);
}

.button.secondary {
  background-color: var(--colors--white);
  color: var(--colors--text-black);
}

.button.secondary:hover {
  background-color: var(--colors--gray-1\<deleted\|variable-bade3db8-bbc8-4ee3-0dac-45d924995c3b\>);
}

.button.secondary.small {
  border-radius: 8px;
  padding: 6px 12px;
  font-size: .875rem;
}

.button.primary {
  z-index: 1;
  background-color: var(--colors--black);
  color: var(--colors--white);
  white-space: nowrap;
  flex-shrink: 0;
  position: relative;
}

.button.primary:hover {
  background-color: var(--colors--brand-hover);
  color: var(--colors--black);
}

.button.primary.small {
  border-radius: 8px;
  padding: 6px 12px;
  font-size: .875rem;
}

.timeline {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.timeline-number-wrapper {
  z-index: 1;
  background-color: var(--colors--brand-primary);
  color: var(--colors--white);
  border-radius: 100vw;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: relative;
}

.timeline-title {
  max-width: 250px;
  margin-top: 16px;
  font-size: 1.25rem;
  font-weight: 600;
}

.timeline-subtitle {
  color: var(--colors--gray-5);
  max-width: 254px;
  font-size: 1.125rem;
}

.timeline-path {
  border-top: 2px solid var(--colors--brand-primary);
  width: 50%;
  height: 2px;
  position: absolute;
  inset: 20px 50% 0% auto;
}

.timeline-path.right {
  left: 50%;
  right: auto;
}

.section-faq {
  padding-top: var(--container-sizing--section-padding-y-large);
  padding-bottom: var(--container-sizing--section-padding-y-large);
}

.faq-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 40px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  display: grid;
}

.faq-list {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
}

.accordion-card {
  cursor: pointer;
  border-radius: 12px;
  flex-flow: column;
  grid-template-rows: auto 0;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: auto;
  display: flex;
  overflow: hidden;
}

.accordion-heading {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 0;
  display: flex;
}

.accordion-title {
  color: var(--colors--text-black);
  flex: 1;
  font-size: 1.5rem;
}

.accordion-toggle {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.accordion-content {
  width: 100%;
  height: auto;
  margin-top: 12px;
  transition: max-height .4s cubic-bezier(.165, .84, .44, 1);
  overflow: visible;
}

.accordion-content-text {
  color: var(--colors--text-gray);
}

.footer {
  background-color: var(--colors--white);
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.footer-upper-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 40px;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 16px;
  display: flex;
}

.footer-content {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr auto;
  grid-auto-columns: 1fr;
  display: grid;
}

.footer-block {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer-block.main {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.footer-row-title {
  font-size: 1.125rem;
  font-weight: 500;
}

.footer-link {
  color: var(--colors--text-gray);
  font-size: 1rem;
  font-weight: 400;
  text-decoration: none;
}

.footer-link:hover {
  text-decoration: underline;
}

.footer-social-block {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 16px;
  display: flex;
}

.footer-social-link {
  border: 1px solid var(--colors--border);
  color: var(--colors--gray);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  transition: opacity .2s cubic-bezier(.165, .84, .44, 1);
  display: flex;
}

.footer-social-link:hover {
  color: var(--colors--text-black);
}

.copyright-text {
  color: var(--colors--text-black);
  font-size: 1.125rem;
}

.footer-upper {
  padding-top: var(--container-sizing--section-padding-y-medium);
  border-bottom: 1px solid #ffffff1a;
  justify-content: space-between;
  place-items: center start;
  overflow: hidden;
}

.footer-description {
  color: var(--colors--text-gray);
  max-width: 369px;
  margin-top: 20px;
  margin-bottom: 0;
}

.footer-lower {
  background-color: #fafafa;
  padding-top: 16px;
  padding-bottom: 16px;
}

.nav-link {
  color: var(--colors--text-gray);
  white-space: nowrap;
  border-radius: 8px;
  padding: 8px 12px;
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none;
  display: block;
}

.nav-link:hover {
  color: var(--colors--text-black);
  background-color: #0000000d;
}

.nav-link:focus-visible, .nav-link[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav-link.w--current {
  color: var(--colors--brand-primary);
}

.social-icon {
  color: inherit;
}

.accordion-wrapper {
  width: 100%;
}

.utility-heading-section {
  color: var(--colors--white);
  background-image: url('../images/cohorts_cover.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 30vh;
  padding-bottom: 20vh;
}

.utility-heading-wrapper {
  text-align: center;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

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

.styleguide-color-name {
  font-size: 1.25rem;
  font-weight: 500;
}

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

.content-grid {
  grid-column-gap: 32px;
  grid-row-gap: 40px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: .25fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center start;
  display: grid;
}

.font-box {
  border: 2px none var(--colors--black);
  background-color: #e3e8f0;
  justify-content: center;
  align-items: center;
  width: 100px;
  padding: 16px;
  display: flex;
}

.styleguide-color-description {
  color: var(--colors--text-gray);
  font-size: 1rem;
}

.styleguide-color-block {
  background-color: var(--colors--brand-primary);
  border: 8px solid #e3e8f0;
  border-radius: 16px;
  width: 200px;
  height: 200px;
  margin-bottom: 16px;
}

.styleguide-color-block.black {
  background-color: var(--colors--black);
  color: var(--colors--text-black);
}

.styleguide-color-block.white {
  background-color: var(--colors--white);
}

.content-category {
  color: var(--colors--text-gray);
}

.styleguide-content-wrapper {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
  align-items: start;
}

.content-button {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-columns: .5fr 1fr;
  padding-bottom: 80px;
  display: flex;
}

.styleguide-color-item {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.content-typography {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-columns: .5fr 1fr;
  display: flex;
}

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

.styleguide-content-color {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  align-items: stretch;
}

.styleguide-color-row {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  justify-content: flex-start;
  justify-items: start;
  width: 100%;
  display: flex;
}

.styleguide-button-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-columns: .5fr 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.font-sample {
  margin-bottom: 0;
}

.utility-content-section {
  padding-top: var(--container-sizing--section-padding-y-large);
  padding-bottom: var(--container-sizing--section-padding-y-large);
  position: relative;
}

.copyright-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: row;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.copyright-wrapper.mobile {
  display: none;
}

._404-section {
  padding-top: var(--container-sizing--section-padding-y-large);
  padding-bottom: var(--container-sizing--section-padding-y-large);
  background-color: #0000;
}

._404-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  display: flex;
  position: relative;
}

._404-heading {
  margin-bottom: 0;
  font-weight: 600;
}

._404-button-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: center;
  align-items: center;
  margin-top: 16px;
  display: flex;
}

.button-text {
  z-index: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button-text.secondary {
  color: var(--colors--black);
}

.hero-image {
  aspect-ratio: 1128 / 756;
  border-radius: 12px;
  width: 100%;
  height: auto;
  box-shadow: 0 4.15px 9.33px #272c3012, 0 0 0 1.04px #272c301a, 0 14.51px 41.47px #272c300d, 0 26.96px 31.1px -23.85px #272c301a, 0 21.77px 45.62px -41.47px #3f464b80;
}

.hero-image-wrapper {
  width: 100%;
  max-width: 1200px;
  margin-top: 32px;
  margin-bottom: 12px;
}

.hero-client-logo-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: row;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  padding-top: 56px;
  padding-bottom: 56px;
  display: flex;
}

.hero-client-logo {
  flex: none;
  height: 84px;
}

.hero-badge-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--colors--white);
  color: var(--colors--text-black);
  border-radius: 50vh;
  justify-content: flex-start;
  align-items: center;
  padding: 6px;
  font-size: .875rem;
  line-height: 125%;
  text-decoration: none;
  display: flex;
}

.hero-badge-inner {
  background-color: var(--colors--gray-3\<deleted\|variable-eb06dc82-f689-4d90-3ff8-93325b637ade\>);
  border-radius: 50vh;
  padding-left: 8px;
  padding-right: 8px;
}

.button-inner {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.button-image {
  width: 24px;
  height: 24px;
}

.section-benefit {
  padding-top: var(--container-sizing--section-padding-y-large);
  padding-bottom: var(--container-sizing--section-padding-y-large);
}

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

.eyebrow {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  border: 1px solid var(--colors--border);
  background-color: #ffffff0d;
  border-radius: 50vh;
  justify-content: flex-start;
  align-items: center;
  padding: 6px 12px;
  display: flex;
}

.eyebrow.dark {
  border-color: var(--colors--border-invert);
  color: var(--colors--white);
}

.eyebrow-icon {
  width: 36px;
  height: 20px;
}

.section-heading {
  max-width: 800px;
  margin-bottom: 0;
}

.section-description {
  color: var(--colors--text-gray);
  max-width: 600px;
  margin-bottom: 0;
  font-size: 1.25rem;
}

.section-description.inverted {
  color: var(--text-dark\<deleted\|variable-6b48adf2-4c57-916d-e917-b82b997d8dbb\>);
}

.benefit-grid {
  grid-row-gap: 40px;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 40px;
}

.benefit-card {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-radius: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 32px;
  display: flex;
  box-shadow: 0 8px 10px #2333500a, 0 2px 4px #2333500a;
}

.benefit-icon {
  width: 40px;
  height: 40px;
}

.benefit-card-title {
  color: var(--colors--text-black);
  margin-bottom: 0;
  font-size: 1.25rem;
}

.benefit-description {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.125rem;
}

.section-flow {
  padding-top: var(--container-sizing--section-padding-y-large);
  padding-bottom: var(--container-sizing--section-padding-y-large);
}

.timeline-wrapper {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 56px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.section-usp {
  padding-top: var(--container-sizing--section-padding-y-large);
  padding-bottom: var(--container-sizing--section-padding-y-large);
  background-color: var(--colors--black-2\<deleted\|variable-085f9830-784f-1b58-939c-e12492ad9490\>);
  color: var(--colors--white);
}

.usp-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  justify-items: center;
  margin-top: 40px;
}

.usp-card {
  border: 1px solid var(--colors--border-invert);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  text-align: center;
  background-color: #ffffff05;
  border-radius: 20px;
  width: 100%;
  height: 400px;
  padding: 40px 32px;
  position: relative;
  overflow: hidden;
}

.usp-title {
  z-index: 1;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  position: relative;
}

.usp-image {
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: auto 0% 0%;
}

.section-testimonial {
  padding-top: var(--container-sizing--section-padding-y-large);
  padding-bottom: var(--container-sizing--section-padding-y-large);
}

.testimonial-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 40px;
  display: grid;
}

.testimonial-card {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--colors--border);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--colors--border);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--colors--border);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--colors--border);
  border-radius: 24px;
  flex-flow: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 24px;
  display: flex;
}

.testimonial-logo {
  height: 24px;
}

.testimonial-quote {
  flex: 1;
  min-height: 168px;
  font-size: 1.5rem;
  line-height: 1.5;
}

.testimonial-author-photo {
  border-radius: 100%;
  width: 48px;
  height: 48px;
}

.testimonial-author-wrapper {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.testimonial-author-occupation {
  color: var(--colors--text-gray);
  font-size: .875rem;
}

.testimonial-author-name {
  margin-top: 12px;
}

.faq-action-wrapper {
  justify-content: flex-end;
  max-width: 411px;
  display: inline-flex;
}

.faq-action-text {
  color: var(--colors--text-gray);
  margin-right: 20px;
}

.toggle-icon {
  color: inherit;
  position: absolute;
}

.toggle-icon.vertical {
  transform: rotate(90deg);
}

.toggle-line {
  color: inherit;
}

.cta-wrapper {
  padding: 24px;
}

.cta-card {
  background-color: var(--colors--black-3\<deleted\|variable-c26a1155-dfd2-fd88-2148-2732a72688b5\>);
  color: var(--colors--white);
  background-image: url('../images/cta_pattern_right.svg'), url('../images/cta_pattern_left.svg');
  background-position: 100%, 0%;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, auto;
  border-radius: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 60px;
  display: flex;
}

.cta-heading {
  max-width: 500px;
  margin-top: 16px;
  margin-bottom: 0;
}

.cta-description {
  color: var(--text-dark\<deleted\|variable-6b48adf2-4c57-916d-e917-b82b997d8dbb\>);
  max-width: 629px;
  margin-top: 16px;
}

.cta-logo {
  height: 30px;
}

.cta-form {
  margin-top: 40px;
  margin-bottom: 0;
}

.cta-form-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--colors--white);
  border-radius: 8px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  min-width: 445px;
  padding: 4px;
  display: flex;
  position: relative;
}

.cta-text-field {
  color: var(--colors--text-black);
  border-radius: 8px;
  height: 100%;
  margin-bottom: 0;
  padding-left: 24px;
  padding-right: 150px;
  font-size: 1rem;
  position: absolute;
  inset: 0%;
}

.cta-text-field:focus {
  outline-offset: 0px;
  border: 1px #000;
  outline: 5px solid #ffffff4d;
}

.footer-logo {
  height: 48px;
}

.mega-logo-wrapper {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-left: 48px;
  padding-right: 48px;
  display: flex;
  overflow: hidden;
}

.hero-client-logo-slide {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex: none;
  justify-content: space-around;
  align-items: center;
  min-width: 100vw;
  display: flex;
}

.faq-heading {
  margin-top: 0;
  margin-bottom: 0;
}

.mega-logo-image {
  width: 100%;
  height: 50%;
  margin-left: -16px;
}

.hero-badge-text {
  font-weight: 400;
}

.hero-badge-icon {
  width: 16px;
  height: 16px;
}

.navbar {
  z-index: 100;
  background-color: #0000;
  width: 100vw;
  margin-top: 80px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: fixed;
  bottom: auto;
  left: 50%;
  right: auto;
  transform: translate(-50%);
}

.nav-island {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--colors--white);
  border-radius: 16px;
  justify-content: space-between;
  align-items: center;
  padding: 12px;
  display: flex;
  box-shadow: 0 12px 36px #2f2b431f;
}

.nav-brand-link.w--current {
  margin-left: 20px;
  margin-right: 20px;
}

.nav-image-logo-gram {
  height: 22px;
}

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

.nav-image-logo-full {
  height: 22px;
  display: none;
}

.timeline-indicator-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.timeline-content-wrapper {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
}

.timeline-indicator-mask {
  position: absolute;
  inset: 0%;
}

.nav-button-wrapper {
  padding-left: 8px;
}

.hero-badge-icon-wrapper {
  justify-content: flex-end;
  width: 16px;
  height: 16px;
  display: flex;
  overflow: hidden;
}

.section-global-hero {
  background-image: url('../images/hero_pattern.webp'), url('../images/hero_gradient.svg');
  background-position: 50% 30%, 50% 0;
  background-repeat: no-repeat, no-repeat;
  background-size: contain, 120vw;
  flex-flow: column;
  justify-content: flex-start;
  padding-top: 120px;
  padding-bottom: 64px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section-global-hero.no-background {
  background-image: none;
}

.global-hero-wrapper {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.global-hero-heading {
  letter-spacing: -.05rem;
  max-width: 80%;
  margin-top: 12px;
  margin-bottom: 0;
  font-size: 3.125rem;
  font-weight: 600;
}

.global-hero-heading.colorize {
  color: var(--colors--brand-primary);
}

.global-hero-paragraph {
  color: var(--colors--text-gray);
  max-width: 70%;
  margin-top: 24px;
  margin-bottom: 0;
  font-size: 1.25rem;
}

.pricing-tab-menu {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: var(--colors--light-gray);
  border-radius: 6px;
  padding: 6px;
  display: flex;
}

.pricing-tab-link {
  color: var(--colors--text-gray);
  background-color: #0000;
  padding: 10px 14px;
  font-size: 1rem;
  font-weight: 500;
}

.pricing-tab-link.w--current {
  background-color: var(--colors--white);
  color: var(--colors--text-black);
  border-radius: 6px;
  box-shadow: 0 1px 2px #1018280f, 0 1px 3px #1018281a;
}

.pricing-tabs-content {
  width: 100%;
  margin-top: 32px;
}

.pricing-tabs {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 40px;
  display: flex;
}

.plan-card {
  background-color: var(--colors--white);
  text-align: left;
  border-radius: 16px;
  max-width: 500px;
  box-shadow: 0 4px 6px -1px #10182808, 0 12px 16px -4px #10182814;
}

.plan-name-wrapper {
  justify-content: space-between;
  align-items: center;
  min-height: 32px;
  display: flex;
}

.plan-name {
  color: var(--colors--text-gray);
  font-size: 1.125rem;
  font-weight: 500;
}

.plan-chip {
  border: 1px solid var(--colors--brand-primary);
  color: var(--colors--brand-primary);
  background-color: #f9f5ff;
  border-radius: 10vh;
  padding: 4px 12px;
  font-size: .875rem;
}

.plan-heading-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.plan-pricing {
  letter-spacing: -2px;
  font-size: 3.75rem;
  font-weight: 600;
}

.plan-section {
  padding: 32px;
}

.plan-section.bordered {
  border-bottom: 1px solid var(--colors--border);
}

.plan-pricing-label {
  color: var(--colors--text-gray);
  font-size: 1rem;
  font-weight: 500;
}

.plan-pricing-info {
  color: var(--colors--text-gray);
  font-size: 1rem;
}

.plan-button-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  margin-top: 32px;
  display: flex;
}

.plan-content-subheading {
  margin-bottom: 4px;
  font-size: 1rem;
  font-weight: 600;
}

.plan-content-description {
  color: var(--colors--text-gray);
  margin-top: 4px;
  margin-bottom: 16px;
  font-size: 1rem;
}

.plan-feature-checklist-item {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: var(--colors--text-gray);
  margin-bottom: 16px;
  font-size: 1rem;
  display: flex;
}

.checklist-icon {
  color: var(--colors--brand-primary);
  flex: none;
}

.plan-pricing-wrapper {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: flex-start;
  align-items: baseline;
  display: flex;
}

.global-hero-eyebrow {
  color: var(--colors--brand-primary);
  font-size: 1rem;
  font-weight: 600;
}

.section-blogs.with-padding-bottom {
  padding-bottom: var(--container-sizing--section-padding-y-large);
}

.blog-menu {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--colors--border);
  width: calc(100% - 336px);
  display: flex;
  overflow: auto;
}

.blog-content {
  overflow: visible;
}

.blog-tab-link {
  color: var(--colors--text-gray);
  background-color: #0000;
  border-bottom: 2px solid #0000;
  padding: 12px 4px;
  font-size: 1rem;
  font-weight: 500;
}

.blog-tab-link.w--current {
  border-bottom-color: var(--colors--brand-primary);
  color: var(--colors--text-black);
  background-color: #0000;
}

.blog-tab-pane {
  padding-top: 64px;
  padding-bottom: 64px;
}

.blog-card {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  color: var(--colors--text-black);
  flex-flow: column;
  font-weight: 400;
  text-decoration: none;
  display: flex;
}

.blog-card-image {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  border-radius: 16px;
  width: 100%;
}

.blog-card-content-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.blog-card-category {
  color: var(--colors--brand-primary);
  font-size: .875rem;
  font-weight: 600;
}

.blog-card-title {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.3;
  overflow: hidden;
}

.blog-card-title-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.blog-card-arrow-wrapper {
  flex: none;
  overflow: hidden;
}

.blog-card-summary {
  color: var(--colors--text-gray);
  min-height: 4.5rem;
  margin-top: 0;
  margin-bottom: 0;
}

.blog-card-author-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  display: flex;
}

.blog-card-author-picture {
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 100%;
  width: 40px;
  height: 40px;
}

.blog-card-author-name {
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.3;
}

.blog-card-published-date {
  color: var(--colors--text-gray);
  font-size: .875rem;
  line-height: 1.3;
}

.blog-collection-list {
  grid-column-gap: 32px;
  grid-row-gap: 64px;
  flex-flow: wrap;
  display: flex;
}

.blog-collection-item {
  width: calc(33.3333% - 21.3333px);
}

.site-search {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  width: 100%;
  margin-bottom: 0;
  display: flex;
  position: relative;
}

.site-search-label, .site-search-button {
  display: none;
}

.site-search-input {
  color: var(--colors--text-black);
  border: 1px #000;
  border-radius: 8px;
  height: 48px;
  margin-bottom: 0;
  padding: 0 12px 0 40px;
  font-size: 1rem;
}

.site-search-input:focus {
  outline-offset: 0px;
  outline: 4px solid #5161ff33;
}

.site-search-icon-wrapper {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 12px;
}

.blog-search-wrapper {
  min-width: 320px;
  margin-top: 24px;
}

.blog-pagination {
  border-top: 1px solid var(--colors--border);
  margin-top: 40px;
  position: relative;
}

.blog-pagination-button {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: var(--colors--text-black);
  background-color: #0000;
  border-style: none;
  justify-content: flex-start;
  align-items: center;
  margin-top: 16px;
  margin-left: 0;
  margin-right: 0;
  padding: 8px 16px;
  font-size: 1rem;
  text-decoration: none;
  display: flex;
}

.blog-pagination-button.previous {
  position: absolute;
  inset: 0% auto 0% 0%;
}

.blog-pagination-button.next {
  position: absolute;
  inset: 0% 0% 0% auto;
}

.blog-pagination-button-icon {
  width: 20px;
  height: 20px;
}

.section-blog-hero {
  padding-top: 120px;
  padding-bottom: var(--container-sizing--section-padding-y-large);
  overflow: hidden;
}

.blog-hero-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .75fr;
  grid-auto-columns: 1fr;
  place-items: center stretch;
  display: grid;
}

.blog-badge {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: var(--colors--brand-primary);
  background-color: #5161ff1a;
  border: 1px solid #b1b8ff;
  border-radius: 100vh;
  justify-content: flex-start;
  align-items: center;
  padding: 4px 8px 4px 4px;
  font-size: .75rem;
  display: inline-flex;
}

.blog-badge-in-pill {
  background-color: var(--colors--white);
  border: 1px solid #e9d7fe;
  border-radius: 100vh;
  padding: 2px 8px;
}

.blog-badge-out-pill {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.blog-hero-wrapper-split {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.blog-hero-heading {
  margin-bottom: 0;
  font-size: 3.75rem;
}

.blog-hero-description {
  color: var(--colors--text-gray);
  margin-top: 8px;
  margin-bottom: 0;
  font-size: 1.25rem;
}

.blog-hero-author-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 32px;
  display: flex;
}

.blog-hero-author-avatar {
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 100%;
  width: 56px;
  height: 56px;
}

.blog-hero-author-name {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.3;
}

.blog-hero-published-date {
  color: var(--colors--text-gray);
  font-size: 1rem;
  line-height: 1.3;
}

.blog-hero-image-cover {
  aspect-ratio: 4 / 5;
  object-fit: cover;
}

.section-blog-content {
  padding-bottom: var(--container-sizing--section-padding-y-large);
}

.blog-content-wrapper {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  padding-left: 64px;
  padding-right: 64px;
  display: grid;
}

.blog-body-wrapper {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  display: flex;
}

.blog-conclusion-card {
  background-color: #f9fafb;
  border-radius: 16px;
  padding: 32px;
}

.blog-conclusion-title {
  margin-top: 0;
  margin-bottom: 8px;
  font-size: 1.875rem;
}

.blog-conclusion-body {
  color: var(--colors--text-gray);
}

.blog-tags-wrapper {
  border-top: 1px solid var(--colors--border);
  padding-top: 24px;
  padding-bottom: 24px;
}

.blog-toc-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-top: 1px solid var(--colors--border);
  border-bottom: 1px solid var(--colors--border);
  flex-flow: column;
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
}

.blog-toc-title {
  color: var(--colors--brand-primary);
  font-weight: 500;
}

.blog-links-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
}

.blog-link {
  border: 1px solid var(--colors--border);
  color: #98a2b3;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  transition: opacity .2s cubic-bezier(.165, .84, .44, 1);
  display: flex;
}

.blog-link:hover {
  color: var(--colors--text-black);
}

.blog-link-icon {
  color: inherit;
}

.section-blog-latest-posts {
  padding-top: var(--container-sizing--section-padding-y-large);
  padding-bottom: var(--container-sizing--section-padding-y-large);
  overflow: hidden;
}

.blog-latest-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .75fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.blog-latest-heading-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.blog-latest-eyebrow {
  color: var(--colors--brand-primary);
  font-weight: 500;
}

.blog-latest-heading {
  margin-bottom: 0;
  font-size: 2.5rem;
}

.blog-latests-description {
  margin-bottom: 0;
}

.blog-slider-wrapper {
  margin-top: 40px;
}

.blog-slide {
  margin-left: 12px;
  margin-right: 12px;
}

.blog-slider-nav-button {
  border: 1px solid var(--colors--border);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  transition: transform .1s;
  display: flex;
  inset: auto auto 0% 0%;
}

.blog-slider-nav-button:hover {
  color: #131313;
  background-color: #fff;
  transform: scale(1.05);
}

.blog-slider-nav-button:focus-visible, .blog-slider-nav-button[data-wf-focus-visible] {
  outline-offset: 0px;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.blog-slider-nav-button.right {
  margin-left: 88px;
}

.slide-nav {
  display: none;
}

.blog-slider-mask {
  margin-left: -12px;
  margin-right: -12px;
  overflow: visible;
}

.blog-slider {
  background-color: #0000;
  height: auto;
  padding-bottom: 80px;
}

.blog-slider-nav-icon {
  color: #667085;
}

.blog-tab-link-text {
  white-space: nowrap;
}

.related-tags-collection-list {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

.blog-tag-chip {
  border-style: solid;
  border-width: 1px;
  border-radius: 10vh;
  padding: 2px 10px;
  font-size: .875rem;
  text-decoration: none;
}

.blog-tabs-wrapper {
  position: relative;
}

.blog-sort-dropdown {
  position: absolute;
  inset: 0% 0% auto auto;
}

.blog-sort-dropdown-toggle {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  width: 320px;
  padding: 10px 16px;
  display: flex;
}

.blog-sort-dropdown-list {
  background-color: var(--colors--white);
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 12px 36px #2f2b431f;
}

.blog-sort-dropdown-list.w--open {
  padding: 8px;
}

.blog-sort-dropdown-link {
  border-radius: 8px;
  padding: 8px 16px;
}

.blog-sort-dropdown-link:hover {
  background-color: var(--colors--gray-1\<deleted\|variable-bade3db8-bbc8-4ee3-0dac-45d924995c3b\>);
}

.blog-sort-dropdown-link.w--current {
  color: var(--colors--black);
}

.flow-inner-wrapper {
  position: sticky;
  top: 20vh;
}

.flow-outer-wrapper {
  min-height: 250vh;
}

.timeline-overlay {
  z-index: 1;
  background-color: var(--colors--white);
  opacity: 1;
  mix-blend-mode: overlay;
  height: 40px;
  position: absolute;
  inset: 0% 0% auto;
  transform: translate(0);
}

.text-span {
  font-size: inherit;
}

.blog-collection-empty-state {
  background-color: #0000;
}

.empty-state {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.empty-state-image {
  width: 100%;
  max-width: 600px;
}

.empty-state-content-wrapper {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  text-align: center;
  flex-flow: column;
  align-items: center;
  display: flex;
}

.empty-state-title {
  font-weight: 600;
}

.empty-state-message {
  color: var(--colors--text-gray);
  font-size: .875rem;
}

.empty-state-button-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: center;
  align-items: center;
  margin-top: 8px;
  display: flex;
}

._404-image {
  width: 100%;
  position: absolute;
}

._404-content-wrapper {
  z-index: 1;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

._404-description {
  color: var(--colors--text-gray);
  font-size: 1.25rem;
}

._404-search-wrapper {
  width: 480px;
  margin-top: 16px;
}

.section-search-result {
  padding-top: var(--container-sizing--section-padding-y-large);
  padding-bottom: var(--container-sizing--section-padding-y-large);
}

.search-result-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
}

.search-result-list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.search-result-link {
  color: var(--colors--text-black);
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.25;
  text-decoration: none;
}

.search-result-item {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-flow: column;
  padding: 8px;
  display: flex;
}

.search-result-url {
  color: var(--colors--brand-primary);
}

.search-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 80px;
  display: grid;
}

.search-result-split {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.search-result-heading {
  font-weight: 600;
}

.copyright-link {
  color: var(--colors--text-black);
  font-weight: 600;
  font-size: inherit;
  text-decoration: none;
}

.copyright-link:hover {
  color: var(--colors--brand-primary);
}

.heading-info-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: var(--colors--text-gray);
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.heading-wrapper {
  border-bottom: 1px solid #e3e8f0;
  padding-bottom: 40px;
}

.heading-info-text {
  color: var(--colors--text-gray);
  font-size: .875rem;
}

.changelog-content-row {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
  place-items: start stretch;
}

.changelog-date {
  color: var(--colors--text-gray);
}

.changelog-description-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-bottom: 1px solid #e3e8f0;
  padding-bottom: 16px;
}

.changelog-content-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
}

.heading {
  margin-bottom: 0;
}

.licenses-content-row {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  border-bottom: 1px solid #e3e8f0;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
  place-items: center stretch;
}

.liceses-content-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
}

.ikonik-yq5tgi {
  color: #000;
}

.plan-list {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  padding-top: 16px;
  padding-bottom: 40px;
  overflow: visible;
}

.blog-slide-collection-item {
  padding-left: 12px;
  padding-right: 12px;
}

.blog-slide-collection-list {
  margin-left: -12px;
  margin-right: -12px;
}

.navbar-lifter {
  margin-top: -24px;
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 3.75rem;
  }

  .container {
    padding-right: var(--container-sizing--container-padding-x-small);
    padding-left: var(--container-sizing--container-padding-x-small);
  }

  .banner-wrapper {
    overflow: hidden;
  }

  .banner-text {
    white-space: nowrap;
    font-size: .875rem;
  }

  .banner-text-link {
    font-size: .875rem;
  }

  .hero-heading {
    max-width: 600px;
    font-size: 3.125rem;
  }

  .hero-paragraph {
    max-width: 500px;
    font-size: 1rem;
  }

  .section-faq {
    padding-top: var(--container-sizing--section-padding-y-medium);
    padding-bottom: var(--container-sizing--section-padding-y-medium);
  }

  .footer-upper-wrapper {
    flex-flow: column;
    align-items: stretch;
  }

  .footer-content {
    grid-column-gap: 16px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .utility-heading-section {
    background-size: cover;
  }

  .utility-heading-wrapper {
    flex-flow: column;
  }

  .content-heading {
    position: static;
  }

  .styleguide-content-wrapper {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-columns: 1.75fr;
  }

  .styleguide-color-row {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .utility-content-section {
    padding-top: var(--container-sizing--section-padding-y-medium);
    padding-bottom: var(--container-sizing--section-padding-y-medium);
  }

  .hero-client-logo {
    height: 64px;
  }

  .section-benefit {
    padding-top: var(--container-sizing--section-padding-y-medium);
    padding-bottom: var(--container-sizing--section-padding-y-medium);
  }

  .section-heading {
    max-width: 600px;
  }

  .section-description {
    max-width: 500px;
  }

  .benefit-grid {
    grid-template-columns: 1fr 1fr;
  }

  .section-flow, .section-usp {
    padding-top: var(--container-sizing--section-padding-y-medium);
    padding-bottom: var(--container-sizing--section-padding-y-medium);
  }

  .usp-wrapper {
    flex-flow: wrap;
    grid-template-columns: 1fr 1fr;
    display: flex;
  }

  .usp-card {
    max-width: calc(50% - 8px);
  }

  .usp-title {
    font-size: 1.5rem;
  }

  .section-testimonial {
    padding-top: var(--container-sizing--section-padding-y-medium);
    padding-bottom: var(--container-sizing--section-padding-y-medium);
  }

  .testimonial-wrapper {
    flex-flow: wrap;
    justify-content: center;
    align-items: stretch;
    display: flex;
  }

  .testimonial-card {
    max-width: calc(50% - 8px);
  }

  .faq-action-wrapper {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .mega-logo-wrapper {
    padding-left: 24px;
    padding-right: 24px;
  }

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

  .nav-brand-link {
    flex: none;
  }

  .section-global-hero {
    background-size: contain, cover;
  }

  .global-hero-heading {
    max-width: 600px;
    font-size: 3.125rem;
  }

  .global-hero-paragraph {
    max-width: 500px;
    font-size: 1rem;
  }

  .plan-card {
    min-width: 400px;
  }

  .blog-menu {
    width: 100%;
  }

  .blog-tab-pane {
    padding-top: 120px;
  }

  .blog-collection-list {
    grid-column-gap: 16px;
    grid-row-gap: 32px;
  }

  .blog-collection-item {
    width: calc(50% - 8px);
  }

  .section-blog-hero {
    padding-bottom: var(--container-sizing--section-padding-y-medium);
  }

  .blog-hero-wrapper {
    grid-template-columns: 1fr;
  }

  .blog-hero-heading {
    font-size: 3.125rem;
  }

  .blog-hero-image-cover {
    aspect-ratio: 1;
  }

  .section-blog-content {
    padding-top: var(--container-sizing--section-padding-y-medium);
    padding-bottom: var(--container-sizing--section-padding-y-medium);
  }

  .blog-content-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
    padding-left: 0;
    padding-right: 0;
  }

  .section-blog-latest-posts {
    padding-top: var(--container-sizing--section-padding-y-medium);
    padding-bottom: var(--container-sizing--section-padding-y-medium);
  }

  .blog-slider-nav-button {
    top: auto;
    bottom: 0%;
  }

  .blog-slider-mask {
    width: 100%;
  }

  .blog-slider {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 80px;
  }

  .blog-sort-dropdown {
    inset: 80px auto auto 0%;
  }

  .empty-state-image {
    max-width: 100%;
  }

  .search-wrapper {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .changelog-content-row {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: 1.75fr;
  }

  .licenses-content-row {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1.75fr;
  }

  .plan-list {
    grid-template-columns: 1fr;
    justify-items: center;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    letter-spacing: -.1rem;
    font-size: 2.25rem;
  }

  h2 {
    letter-spacing: -.1rem;
    font-size: 1.75rem;
  }

  h3 {
    font-size: 1.45rem;
  }

  h4 {
    font-size: 1.15rem;
  }

  h5 {
    font-size: 1rem;
  }

  h6, p {
    font-size: .875rem;
  }

  ul, ol {
    padding-left: 24px;
  }

  li {
    font-size: .875rem;
  }

  .container {
    flex: 1;
    margin-left: auto;
    margin-right: auto;
  }

  .banner-wrapper {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .banner-text {
    font-size: .875rem;
  }

  .hero-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .timeline-number-wrapper {
    width: 24px;
    height: 24px;
    font-size: .75rem;
  }

  .timeline-title {
    font-size: .875rem;
  }

  .timeline-subtitle {
    font-size: .625rem;
  }

  .timeline-path {
    top: 12px;
  }

  .faq-wrapper {
    grid-template-columns: 1fr;
  }

  .accordion-heading {
    padding-top: 16px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .accordion-content {
    padding-left: 16px;
    padding-right: 16px;
  }

  .accordion-content-text {
    font-size: .875rem;
  }

  .footer-content {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .footer-row-title {
    font-size: 1rem;
  }

  .footer-link {
    font-size: .875rem;
  }

  .footer-link:hover {
    color: #1a1b1fbf;
  }

  .copyright-text {
    font-size: .8755rem;
  }

  .nav-link {
    margin-bottom: 8px;
    font-size: 1.5rem;
  }

  .utility-heading-section {
    padding-top: var(--container-sizing--section-padding-y-medium);
    padding-bottom: var(--container-sizing--section-padding-y-medium);
  }

  .styleguide-color-name, .styleguide-color-description {
    font-size: .875rem;
  }

  .styleguide-color-block {
    width: 80px;
    height: 80px;
  }

  .content-category {
    font-size: .875rem;
  }

  .styleguide-content-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .styleguide-color-row {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }

  .utility-content-section {
    padding-top: var(--container-sizing--section-padding-y-small);
    padding-bottom: var(--container-sizing--section-padding-y-small);
  }

  ._404-section {
    padding: 60px 15px;
  }

  ._404-button-wrapper {
    flex-flow: column;
    align-items: stretch;
    width: 100%;
  }

  .hero-image-wrapper {
    margin-top: 16px;
  }

  .hero-client-logo {
    height: 48px;
  }

  .section-benefit {
    padding-top: var(--container-sizing--section-padding-y-medium);
  }

  .section-heading-wrapper {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .eyebrow-icon {
    width: 12px;
    height: 12px;
  }

  .eyebrow-text {
    font-size: .75rem;
  }

  .section-heading, .section-description {
    max-width: 400px;
  }

  .benefit-grid {
    grid-template-columns: 1fr;
  }

  .benefit-card {
    padding: 16px;
  }

  .benefit-icon {
    width: 32px;
    height: 32px;
  }

  .usp-wrapper {
    grid-template-columns: 1fr 1fr;
  }

  .usp-card {
    max-width: none;
  }

  .testimonial-wrapper {
    grid-template-columns: 1fr 1fr;
  }

  .testimonial-card {
    max-width: none;
  }

  .testimonial-quote {
    min-height: 100px;
    font-size: 1.125rem;
  }

  .testimonial-author-name {
    font-size: 1rem;
  }

  .faq-action-wrapper {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    max-width: 220px;
  }

  .faq-action-text {
    margin-right: 0;
    font-size: .875rem;
  }

  .cta-card {
    background-position: 500%, -150%;
    padding: 24px;
  }

  .cta-form {
    width: 100%;
  }

  .cta-text-field {
    padding-left: 16px;
    padding-right: 120px;
  }

  .footer-logo {
    height: 24px;
  }

  .navbar {
    margin-top: 64px;
  }

  .nav-island {
    padding: 6px 6px 6px 16px;
  }

  .nav-brand-link {
    padding-left: 0;
  }

  .nav-brand-link.w--current {
    margin-left: 0;
    margin-right: 0;
  }

  .nav-image-logo-gram {
    display: none;
  }

  .nav-menu {
    background-color: var(--colors--white);
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
    margin-left: 40px;
    margin-right: 40px;
    padding: 40px 16px;
    overflow: hidden;
    box-shadow: 0 12px 36px #2f2b431f;
  }

  .nav-menu-button {
    border-radius: 12px;
    padding: 12px;
  }

  .nav-menu-button.w--open {
    background-color: var(--colors--light-gray);
    padding: 12px;
  }

  .nav-image-logo-full {
    width: auto;
    display: block;
  }

  .nav-button-wrapper {
    margin-top: 24px;
    padding-left: 12px;
    display: flex;
  }

  .global-hero-paragraph {
    font-size: .875rem;
  }

  .plan-card {
    width: 100%;
    min-width: auto;
    max-width: none;
  }

  .blog-card-summary {
    min-height: auto;
  }

  .section-blog-hero {
    padding-bottom: var(--container-sizing--section-padding-y-small);
  }

  .section-blog-content {
    padding-top: var(--container-sizing--section-padding-y-small);
    padding-bottom: var(--container-sizing--section-padding-y-small);
  }

  .blog-content-wrapper {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .blog-conclusion-card {
    padding: 24px;
  }

  .blog-toc-wrapper, .blog-links-wrapper {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .section-blog-latest-posts {
    padding-top: var(--container-sizing--section-padding-y-small);
    padding-bottom: var(--container-sizing--section-padding-y-small);
  }

  .blog-latest-wrapper {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-columns: 1fr;
  }

  .blog-slider-nav-button {
    border-radius: 8px;
    width: 36px;
    height: 36px;
  }

  .blog-slider-nav-button.right {
    margin-left: 0;
    inset: auto 0% 0% auto;
  }

  .blog-slider-mask {
    border-bottom: 1px solid var(--colors--border);
  }

  .blog-slider {
    padding-bottom: 48px;
  }

  ._404-image {
    display: none;
  }

  ._404-content-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  ._404-search-wrapper {
    width: 100%;
    margin-top: 0;
  }

  .search-result-link {
    font-size: 1.125rem;
  }

  .search-wrapper {
    grid-template-columns: 1fr;
  }

  .changelog-content-row, .licenses-content-row {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .ikonik-yq5tgi {
    display: none;
  }

  .hamburger-wrapper {
    flex-flow: column;
    justify-content: space-around;
    width: 32px;
    height: 32px;
    display: flex;
  }

  .hamburger-line {
    background-color: var(--colors--black);
    border-radius: 100vh;
    width: 100%;
    height: 3px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .hamburger-line.line-1 {
    transform-origin: 0 0;
  }

  .hamburger-line.line-3 {
    transform-origin: 0 100%;
  }

  .blog-slide-collection-item {
    margin-bottom: 32px;
    padding-left: 0;
    padding-right: 0;
  }

  .blog-slide-collection-list {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    margin-left: 0;
    margin-right: 0;
    display: flex;
  }
}

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

  .banner-wrapper {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .banner-text {
    font-size: .75rem;
  }

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

  .hero-button-wrapper {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .section-faq {
    padding-top: var(--container-sizing--section-padding-y-small);
    padding-bottom: var(--container-sizing--section-padding-y-small);
  }

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

  .accordion-content {
    min-height: 100px;
  }

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

  .footer-upper {
    padding-top: var(--container-sizing--section-padding-y-small);
  }

  .nav-link {
    font-size: 1.25rem;
  }

  .content-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: .25fr;
  }

  .font-box {
    width: 64px;
  }

  .content-category {
    font-weight: 400;
  }

  .styleguide-content-wrapper {
    grid-template-columns: 1fr;
  }

  .font-wrapper {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .styleguide-color-row {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .copyright-wrapper {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: flex-start;
    display: flex;
  }

  .copyright-wrapper.mobile {
    display: flex;
  }

  .copyright-wrapper.desktop {
    display: none;
  }

  .section-benefit {
    padding-top: var(--container-sizing--section-padding-y-small);
    padding-bottom: var(--container-sizing--section-padding-y-small);
  }

  .benefit-grid {
    grid-template-columns: 1fr;
  }

  .benefit-description {
    font-size: .875rem;
  }

  .section-flow, .section-usp {
    padding-top: var(--container-sizing--section-padding-y-small);
    padding-bottom: var(--container-sizing--section-padding-y-small);
  }

  .usp-card {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .section-testimonial {
    padding-top: var(--container-sizing--section-padding-y-small);
    padding-bottom: var(--container-sizing--section-padding-y-small);
  }

  .cta-wrapper {
    padding-left: 16px;
    padding-right: 16px;
  }

  .cta-card {
    padding-left: 12px;
    padding-right: 12px;
  }

  .cta-form-wrapper {
    min-width: auto;
  }

  .nav-island {
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .nav-menu {
    margin-left: 32px;
    margin-right: 32px;
    padding-top: 24px;
    padding-left: 8px;
    padding-right: 8px;
  }

  .nav-image-logo-full {
    overflow: scroll;
  }

  .timeline-content-wrapper {
    padding-left: 8px;
    padding-right: 8px;
  }

  .blog-collection-item {
    width: 100%;
  }

  .site-search, .blog-search-wrapper {
    width: 100%;
    min-width: auto;
  }

  .blog-hero-heading {
    font-size: 2.5rem;
  }

  .blog-hero-description {
    font-size: 1rem;
  }

  .blog-hero-author-wrapper {
    margin-top: 16px;
  }

  .blog-hero-author-name {
    font-size: 1rem;
  }

  .blog-hero-published-date {
    font-size: .875rem;
  }

  .blog-slide {
    max-width: 100%;
    margin-right: 0%;
  }

  .blog-slider-nav-button {
    width: 32px;
    height: 32px;
  }

  .blog-slider-nav-button.left {
    margin-right: 40px;
  }

  .blog-sort-dropdown, .blog-sort-dropdown-toggle, ._404-search-wrapper {
    width: 100%;
  }

  .heading-wrapper {
    padding-bottom: 16px;
  }

  .changelog-content-row, .licenses-content-row {
    grid-template-columns: 1fr;
  }
}

#w-node-f2cd0ca9-2b1d-6b69-7a6f-b3902be6552a-2be65523 {
  justify-self: end;
}

#w-node-f2cd0ca9-2b1d-6b69-7a6f-b3902be6552f-2be65523 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_109347f2-15f1-d221-711e-89b5033fb3db-406edf22 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_109347f2-15f1-d221-711e-89b5033fb3e7-406edf22, #w-node-_109347f2-15f1-d221-711e-89b5033fb3f4-406edf22, #w-node-_109347f2-15f1-d221-711e-89b5033fb401-406edf22, #w-node-_109347f2-15f1-d221-711e-89b5033fb40e-406edf22, #w-node-_109347f2-15f1-d221-711e-89b5033fb41b-406edf22, #w-node-_109347f2-15f1-d221-711e-89b5033fb428-406edf22 {
  justify-self: stretch;
}

#w-node-_109347f2-15f1-d221-711e-89b5033fb43c-406edf22 {
  justify-self: start;
}

#w-node-_109347f2-15f1-d221-711e-89b5033fb43e-406edf22, #w-node-_109347f2-15f1-d221-711e-89b5033fb447-406edf22, #w-node-_109347f2-15f1-d221-711e-89b5033fb450-406edf22, #w-node-aee208a0-92a0-b80e-3575-f1896ec31f77-406edf22 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2c6ae75e-a70b-a5c5-8167-14fb72f966f4-406edf27 {
  justify-self: end;
}

#w-node-_39e45ca6-6a1f-5135-df2b-f6c911f6da11-406edf27 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

@media screen and (max-width: 991px) {
  #w-node-f2cd0ca9-2b1d-6b69-7a6f-b3902be65526-2be65523 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-f2cd0ca9-2b1d-6b69-7a6f-b3902be6552a-2be65523 {
    order: 9999;
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_821bfacf-ab13-6e68-b6ef-24076dcbc0e9-406edf27 {
    order: 9999;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_2c6ae75e-a70b-a5c5-8167-14fb72f966f4-406edf27 {
    justify-self: start;
  }
}