@font-face {
  font-family: Funnel Sans;
  src: url('../fonts/FunnelSans-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: Funnel Sans;
  src: url('../fonts/FunnelSans-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: Geist Mono;
  src: url('../fonts/GeistMonoVariableVF.ttf') format("truetype");
  font-weight: 100 1100;
  font-style: normal;
  font-display: block;
}

:root {
  --_colors---ui--light-1-dark: #000;
  --_typography---typefaces--body: "Funnel Sans", Arial, sans-serif;
  --_colors---text--dark: var(--_colors---ui--dark-light);
  --_typography---type-scale--body-size: 16px;
  --_typography---type-scale--body-line-height: 1.4em;
  --_typography---typefaces--headings: "Funnel Sans", Arial, sans-serif;
  --_typography---type-scale--h1-size: 64px;
  --_typography---type-scale--h1-line-height: 1.05em;
  --_typography---type-scale--h1-letter-spacing: -.02em;
  --_typography---type-scale--h2-size: 51px;
  --_typography---type-scale--h2-line-height: 1.15em;
  --_typography---type-scale--h2-letter-spacing: -.01em;
  --_typography---type-scale--h3-size: 40px;
  --_typography---type-scale--h3-line-height: 1.2em;
  --_typography---type-scale--h3-letter-spacing: -.01em;
  --_typography---type-scale--h4-size: 32px;
  --_typography---type-scale--h4-line-height: 1.2em;
  --_typography---type-scale--h5-size: 25px;
  --_typography---type-scale--h5-line-height: 1.25em;
  --_colors---text--dark-body: #3b3b33b3;
  --_typography---type-scale--lead-line-height: 1.4em;
  --_typography---type-scale--small-size: 13px;
  --_typography---type-scale--small-line-height: 1.4em;
  --_section-padding---default: 144px;
  --_section-padding---small: 72px;
  --_colors---brand--brand-1: #d0ff00;
  --_border-radii---default: 6px;
  --_colors---brand--brand-2: var(--_colors---ui--dark-light);
  --_section-padding---x-small: 48px;
  --_colors---ui--light-2-dark: #3b3b3b;
  --_colors---text--light: var(--_colors---ui--light-1-dark);
  --_section-padding---large: 240px;
  --_containers---main: 1366px;
  --_containers---window-gutter: 24px;
  --_containers---8-cols: 928px;
  --_containers---5-cols: 571px;
  --_typography---type-scale--lead-size: 20px;
  --_colors---ui--dark-faded-light: #f8f8f34d;
  --_containers---3-cols: 333px;
  --_containers---4-cols: 452px;
  --_typography---typefaces--badges: "Geist Mono", "Trebuchet MS", sans-serif;
  --_buttons---height: 60px;
  --_buttons---x-padding: 48px;
  --_colors---ui--dark-light: #f8f8f3;
  --_buttons---height-small: 42px;
  --_buttons---x-padding-small: 18px;
  --_containers---6-cols: 690px;
  --_navbar---height: 90px;
  --_colors---ui--dark-border-light: #f8f8f333;
  --_colors---ui--light-1-faded-dark: #3b3b3366;
  --_containers---2-cols: 214px;
  --_containers---10-cols: 1166px;
  --_navbar---negative-height: -90px;
  --_border-radii---large: 12px;
  --_forms---input-height: var(--_buttons---height);
  --decorations--strip-height-default: 72px;
  --decorations--strip-height-small: 24px;
  --decorations--strip-height-medium: 48px;
  --decorations--individual-line-width: 1px;
  --decorations--lines-gap: 6px;
  --strip-height-default: 0px;
  --strip-height-small: 24px;
}

.w-layout-vflex {
  flex-direction: column;
  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;
}

body {
  background-color: var(--_colors---ui--light-1-dark);
  font-family: var(--_typography---typefaces--body);
  color: var(--_colors---text--dark);
  font-size: var(--_typography---type-scale--body-size);
  line-height: var(--_typography---type-scale--body-line-height);
  font-weight: 400;
}

h1 {
  font-family: var(--_typography---typefaces--headings);
  font-size: var(--_typography---type-scale--h1-size);
  line-height: var(--_typography---type-scale--h1-line-height);
  letter-spacing: var(--_typography---type-scale--h1-letter-spacing);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
}

h2 {
  font-family: var(--_typography---typefaces--headings);
  font-size: var(--_typography---type-scale--h2-size);
  line-height: var(--_typography---type-scale--h2-line-height);
  letter-spacing: var(--_typography---type-scale--h2-letter-spacing);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
}

h3 {
  font-family: var(--_typography---typefaces--headings);
  font-size: var(--_typography---type-scale--h3-size);
  line-height: var(--_typography---type-scale--h3-line-height);
  letter-spacing: var(--_typography---type-scale--h3-letter-spacing);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
}

h4 {
  font-family: var(--_typography---typefaces--headings);
  font-size: var(--_typography---type-scale--h4-size);
  line-height: var(--_typography---type-scale--h4-line-height);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
}

h5 {
  font-family: var(--_typography---typefaces--headings);
  font-size: var(--_typography---type-scale--h5-size);
  line-height: var(--_typography---type-scale--h5-line-height);
  margin-top: 18px;
  margin-bottom: 0;
  font-weight: 400;
}

p {
  color: var(--_colors---text--dark-body);
  margin-bottom: 0;
}

a {
  color: var(--_colors---text--dark);
  text-decoration: none;
}

ul {
  padding-left: var(--_typography---type-scale--lead-line-height);
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: var(--_colors---text--dark-body);
  flex-flow: column;
  margin-top: 12px;
  margin-bottom: 12px;
  display: flex;
}

img {
  object-fit: cover;
  max-width: 100%;
  display: inline-block;
}

label {
  font-size: var(--_typography---type-scale--small-size);
  line-height: var(--_typography---type-scale--small-line-height);
  margin-bottom: 6px;
  font-weight: 400;
  display: block;
}

strong {
  font-weight: 500;
}

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

figure {
  margin-bottom: 10px;
}

figcaption {
  font-size: var(--_typography---type-scale--body-size);
  line-height: var(--_typography---type-scale--body-line-height);
  text-align: center;
  margin-top: 5px;
}

.section {
  padding-top: var(--_section-padding---default);
  padding-bottom: var(--_section-padding---default);
}

.section.padding-small {
  padding-top: var(--_section-padding---small);
  padding-bottom: var(--_section-padding---small);
}

.section.padding-small.bg-brand-1 {
  background-color: var(--_colors---brand--brand-1);
}

.section.padding-top-small {
  padding-top: var(--_section-padding---small);
}

.section.bg-brand-2 {
  flex: 1;
  position: relative;
}

.section.bg-brand-2.testimonials {
  flex-flow: column;
  min-height: 768px;
  padding-top: 48px;
  padding-bottom: 48px;
  display: flex;
}

.section.bg-brand-2.title-section {
  justify-content: center;
  align-items: center;
  min-height: 576px;
  display: flex;
}

.section.bg-brand-2.large-title-section {
  justify-content: center;
  align-items: center;
  min-height: 768px;
  display: flex;
}

.section.image-bg {
  padding-top: var(--_section-padding---small);
  padding-bottom: var(--_section-padding---small);
  aspect-ratio: 2;
  border-radius: var(--_border-radii---default);
  background-color: var(--_colors---brand--brand-2);
  color: var(--_colors---text--dark);
  justify-content: center;
  align-items: flex-end;
  display: flex;
  position: relative;
  overflow: clip;
}

.section.image-bg.align-center {
  justify-content: center;
  align-items: center;
}

.section.metric-summary {
  padding-top: var(--_section-padding---small);
  background-color: var(--_colors---ui--light-2-dark);
}

.section.video-section {
  padding-top: var(--_section-padding---x-small);
  padding-bottom: var(--_section-padding---default);
  aspect-ratio: auto;
  border-radius: var(--_border-radii---default);
  background-color: var(--_colors---brand--brand-2);
  color: var(--_colors---text--light);
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
  overflow: clip;
}

.section.quote-slider-section {
  max-width: 100vw;
  overflow: clip;
}

.section.hero-4 {
  padding-top: var(--_section-padding---large);
}

.section.bg-gradient.top {
  padding-top: var(--_section-padding---x-small);
  padding-bottom: var(--_section-padding---x-small);
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  display: flex;
}

.section.bg-gradient.top.cal-com {
  background-image: none;
  min-height: 80vh;
}

.section.customer-hero-section {
  position: relative;
}

.section.hero-2-section {
  color: var(--_colors---ui--light-1-dark);
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.container {
  z-index: 3;
  max-width: var(--_containers---main);
  padding-right: var(--_containers---window-gutter);
  padding-left: var(--_containers---window-gutter);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.container.inside-hero {
  z-index: 2;
  padding-top: 48px;
  padding-bottom: 48px;
  position: relative;
}

.container.justify-vertical {
  flex: 1;
}

.container.justify-between {
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  padding-top: 48px;
  padding-bottom: 48px;
  display: flex;
}

.h1 {
  font-family: var(--_typography---typefaces--headings);
  font-size: var(--_typography---type-scale--h1-size);
  line-height: var(--_typography---type-scale--h1-line-height);
  letter-spacing: var(--_typography---type-scale--h1-letter-spacing);
  font-weight: 400;
}

.h2 {
  font-family: var(--_typography---typefaces--headings);
  font-size: var(--_typography---type-scale--h2-size);
  line-height: var(--_typography---type-scale--h2-line-height);
  letter-spacing: var(--_typography---type-scale--h2-letter-spacing);
  font-weight: 400;
}

.h2.blog-post-title {
  max-width: var(--_containers---8-cols);
}

.h3 {
  font-family: var(--_typography---typefaces--headings);
  font-size: var(--_typography---type-scale--h3-size);
  line-height: var(--_typography---type-scale--h3-line-height);
  letter-spacing: var(--_typography---type-scale--h3-letter-spacing);
  font-weight: 400;
}

.h3.quote-text {
  max-width: var(--_containers---5-cols);
}

.h4 {
  font-family: var(--_typography---typefaces--headings);
  font-size: var(--_typography---type-scale--h4-size);
  line-height: var(--_typography---type-scale--h4-line-height);
  font-weight: 400;
}

.h5 {
  font-family: var(--_typography---typefaces--headings);
  font-size: var(--_typography---type-scale--h5-size);
  line-height: var(--_typography---type-scale--h5-line-height);
  font-weight: 400;
}

.h5.article-intro {
  border-bottom: 1px dotted var(--_colors---ui--dark-faded-light);
}

.h5.contact-title {
  max-width: var(--_containers---3-cols);
}

.lead-text {
  font-size: var(--_typography---type-scale--lead-size);
  line-height: var(--_typography---type-scale--lead-line-height);
}

.lead-text.strong {
  font-weight: 500;
}

.lead-text.below-title, .lead-text.horizontal-subheading {
  max-width: var(--_containers---5-cols);
}

.lead-text.hero-subtitle {
  max-width: var(--_containers---4-cols);
}

.small-text {
  font-size: var(--_typography---type-scale--small-size);
  line-height: var(--_typography---type-scale--small-line-height);
}

.small-text.footer-disclaimer {
  max-width: var(--_containers---8-cols);
  opacity: .5;
  margin-bottom: 67px;
}

.small-text.muted {
  opacity: .5;
}

.badge-text {
  font-family: var(--_typography---typefaces--badges);
  font-size: var(--_typography---type-scale--small-size);
  line-height: var(--_typography---type-scale--small-line-height);
  text-transform: uppercase;
  font-weight: 500;
}

.badge-text.logo-addendum-title {
  flex: none;
}

.badge-text.variant {
  border-radius: var(--_border-radii---default);
  background-color: var(--_colors---brand--brand-1);
  color: var(--_colors---text--light);
  padding: 4px 8px;
}

.badge-text.green {
  color: var(--_colors---brand--brand-1);
}

.button {
  height: var(--_buttons---height);
  padding-right: var(--_buttons---x-padding);
  padding-left: var(--_buttons---x-padding);
  border-radius: var(--_border-radii---default);
  background-color: var(--_colors---brand--brand-1);
  font-family: var(--_typography---typefaces--badges);
  color: var(--_colors---text--light);
  font-size: var(--_typography---type-scale--small-size);
  line-height: var(--_typography---type-scale--small-line-height);
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  text-decoration: none;
  display: flex;
  position: relative;
}

.button:where(.w-variant-9a4a7630-899b-725d-82fc-363d090cc950) {
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  color: var(--_colors---ui--dark-light);
  background-color: #f8f8f333;
  transition: background-color .2s;
}

.button:where(.w-variant-e9f9934b-4a48-1cb1-3a05-643f70b24e41) {
  background-color: var(--_colors---text--light);
  color: var(--_colors---ui--dark-light);
}

.button:where(.w-variant-a44336ac-dfe6-4dbd-e3bc-39ec99abfcfa) {
  background-color: var(--_colors---ui--dark-light);
}

.button:hover:where(.w-variant-9a4a7630-899b-725d-82fc-363d090cc950) {
  background-color: #f8f8f366;
}

.button.small {
  height: var(--_buttons---height-small);
  padding-right: var(--_buttons---x-padding-small);
  padding-left: var(--_buttons---x-padding-small);
}

.button.form-button {
  align-self: flex-start;
}

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

.content.testimonial {
  max-width: var(--_containers---5-cols);
  border-left: 1px dotted var(--_colors---ui--dark-faded-light);
  padding-left: 36px;
}

.content.tab-content {
  max-width: var(--_containers---5-cols);
  grid-column-gap: 36px;
  grid-row-gap: 36px;
}

.content.image-bg-content {
  max-width: var(--_containers---8-cols);
}

.content.image-bg-content.centered {
  text-align: center;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}

.content.large-content {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
}

.content.slider-testimonial {
  max-width: var(--_containers---8-cols);
}

.content.video-bg-content {
  max-width: var(--_containers---6-cols);
}

.content.faq-title {
  max-width: var(--_containers---5-cols);
  position: sticky;
  top: 120px;
}

.content.hero-title {
  max-width: var(--_containers---6-cols);
}

.content.hero-4-content {
  max-width: var(--_containers---4-cols);
  width: 100%;
}

.content.loose {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
}

.nav-contents {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

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

.nav-link {
  color: var(--_colors---text--dark);
  padding: 0;
  transition: opacity .2s;
}

.nav-link:hover {
  opacity: .6;
}

.nav-link.w--current {
  color: var(--_colors---text--dark);
}

.nav-link.w--current:where(.w-variant-df75fe3b-f5ac-c8d6-069a-c9c0dffc00c0) {
  color: var(--_colors---text--light);
}

.nav-links {
  grid-column-gap: 52px;
  grid-row-gap: 52px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.nav-links:where(.w-variant-df75fe3b-f5ac-c8d6-069a-c9c0dffc00c0) {
  grid-column-gap: 54px;
  grid-row-gap: 54px;
}

.navbar {
  height: var(--_navbar---height);
  border-bottom: 1px solid var(--_colors---ui--dark-border-light);
  background-color: var(--_colors---ui--light-1-faded-dark);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  justify-content: center;
  align-items: center;
  display: flex;
  position: sticky;
  top: 0;
}

.navbar:where(.w-variant-df75fe3b-f5ac-c8d6-069a-c9c0dffc00c0) {
  border-bottom-color: var(--_colors---ui--light-1-faded-dark);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background-color: #0000;
}

.dropdown-toggle {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: center;
  align-items: center;
  padding: 0;
  transition: opacity .2s;
  display: flex;
}

.dropdown-toggle:hover {
  opacity: .6;
}

.nav-logo, .nav-logo:where(.w-variant-df75fe3b-f5ac-c8d6-069a-c9c0dffc00c0) {
  min-width: 170px;
}

.button-text-wrapper {
  height: var(--_typography---type-scale--small-line-height);
  flex-flow: column;
  display: flex;
  overflow: hidden;
}

.mobile-nav-button {
  display: none;
}

.hero-1 {
  border-radius: var(--_border-radii---default);
  background-color: var(--_colors---brand--brand-2);
  color: var(--_colors---ui--dark-light);
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero-1.transparent {
  background-color: #f8f8f300;
  justify-content: flex-start;
  align-items: stretch;
}

.background-video {
  z-index: 1;
  pointer-events: none;
  object-fit: cover;
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
}

.background-video.faded {
  opacity: .7;
}

.hero-1-contents {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.blur-box {
  max-width: var(--_containers---5-cols);
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  border-top-left-radius: var(--_border-radii---default);
  border-top-right-radius: var(--_border-radii---default);
  border-bottom-left-radius: var(--_border-radii---default);
  border-bottom-right-radius: var(--_border-radii---default);
  background-color: var(--_colors---ui--light-1-faded-dark);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  flex-flow: column;
  width: 100%;
  padding: 24px;
  display: flex;
  transform-style: flat !important;
}

.contact-link-cta {
  max-width: var(--_containers---4-cols);
  border-radius: var(--_border-radii---default);
  background-color: var(--_colors---ui--light-1-dark);
  color: var(--_colors---text--dark);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 12px;
  display: flex;
}

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

.avatar-text.link {
  text-decoration: underline;
}

.avatar-group {
  justify-content: flex-start;
  align-items: center;
  margin-right: 12px;
  display: flex;
}

.avatar {
  border-radius: 200px;
  width: 54px;
}

.avatar.inside-group {
  border: 1px solid var(--_colors---ui--light-1-dark);
  margin-right: -12px;
  display: block;
}

.avatar.large {
  width: 72px;
}

.circle-button {
  background-color: var(--_colors---brand--brand-1);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
}

.circle-button.slider-prev {
  margin-top: 0;
  margin-bottom: auto;
  margin-right: 0;
  top: -96px;
  right: 60px;
}

.circle-button.slider-next {
  margin-top: 0;
  margin-bottom: auto;
  margin-right: 0;
  top: -96px;
}

.circle-button-icon-wrapper {
  flex-flow: row-reverse;
  width: 18px;
  height: 18px;
  display: flex;
  overflow: hidden;
}

.circle-button-icon-wrapper.prev {
  transform: rotate(180deg);
}

.circle-button-icon {
  width: 18px;
  height: 18px;
}

.footer {
  background-color: var(--_colors---brand--brand-1);
  color: var(--_colors---text--light);
  padding-top: 96px;
  padding-bottom: 72px;
  position: relative;
}

.footer:where(.w-variant-df75fe3b-f5ac-c8d6-069a-c9c0dffc00c0) {
  background-color: var(--_colors---brand--brand-2);
  background-image: url('../images/Noise.png');
  background-position: 50%;
  background-size: 150px 150px;
  padding-top: 96px;
  padding-bottom: 72px;
}

.noise-bg {
  z-index: 1;
  pointer-events: none;
  background-image: none;
  background-position: 0 0;
  background-size: auto;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.footer-wrap {
  grid-column-gap: 96px;
  grid-row-gap: 96px;
  flex-flow: column;
  padding-top: 72px;
  display: flex;
}

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

.footer-info {
  max-width: var(--_containers---4-cols);
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer-logo {
  min-width: 170px;
}

.footer-logo.invert {
  filter: invert();
}

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

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

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

.footer-link {
  color: var(--_colors---text--light);
  transition: opacity .2s;
}

.footer-link:hover {
  opacity: .7;
}

.footer-bottom {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.copyright-link {
  color: var(--_colors---text--light);
}

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

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

.social-link-icon {
  filter: invert();
}

.lines {
  background-image: linear-gradient(135deg, var(--_colors---ui--light-1-dark), var(--_colors---brand--brand-1));
  width: 100%;
  height: 72px;
  -webkit-mask-image: repeating-linear-gradient(to right, #000 0 1px, #0000 1px 7px);
  mask-image: repeating-linear-gradient(to right, #000 0 1px, #0000 1px 7px);
}

.lines.short {
  height: 42px;
}

.lines.narrow {
  max-width: var(--_containers---2-cols);
}

.lines.narrow.shorter {
  height: 48px;
}

.lines.half-width {
  width: 50%;
}

.line-wrapper {
  z-index: 0;
  flex-flow: column;
  display: flex;
  position: relative;
}

.line-wrapper.top-lines {
  max-width: var(--_containers---5-cols);
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.line-wrapper.top-lines.hug-right {
  transform-style: preserve-3d;
  left: auto;
  right: 0;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.line-wrapper.bottom-lines {
  max-width: var(--_containers---5-cols);
  transform-style: preserve-3d;
  width: 100%;
  display: flex;
  position: absolute;
  bottom: 0;
  right: 0;
  transform: rotateX(180deg)rotateY(180deg)rotateZ(0);
}

.line-wrapper.top-right-lines {
  max-width: var(--_containers---8-cols);
  transform-style: preserve-3d;
  width: 100%;
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.line-wrapper.bottom-left-lines {
  max-width: var(--_containers---8-cols);
  transform-style: preserve-3d;
  width: 100%;
  position: absolute;
  inset: auto auto 0 0;
  transform: rotateX(180deg)rotateY(0)rotateZ(0);
}

.logo-section {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  border-bottom: 1px dotted var(--_colors---ui--dark-faded-light);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 72px;
  display: flex;
}

.marquee {
  max-width: var(--_containers---10-cols);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.marquee-group {
  flex: none;
}

.marquee-logos {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  justify-content: flex-start;
  align-items: center;
  padding-right: 72px;
  display: flex;
}

.marquee-scrim {
  z-index: 1;
  background-image: linear-gradient(270deg, var(--_colors---ui--light-1-dark), #fafaf600 10%, #f8f8f300 90%, var(--_colors---ui--light-1-dark));
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.grid {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  display: grid;
}

.grid.align-top {
  place-items: start center;
}

.grid.quote-grid {
  place-items: end center;
}

.justify-vertical {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  flex-flow: column;
  justify-content: space-between;
  height: 100%;
  padding-top: 6px;
  padding-bottom: 6px;
  display: flex;
}

.justify-vertical.testimonial {
  border-right: 1px dotted var(--_colors---ui--dark-faded-light);
  align-self: stretch;
  height: auto;
  padding-right: 48px;
}

.quote-author-wrap {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.quote-author-wrap.increased-gap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

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

.icon-button-link:where(.w-variant-15faf9fd-445c-016e-b73f-04fb9a3c6a58) {
  color: var(--_colors---text--light);
}

.blurred-square-image {
  filter: blur(12px);
  width: 110%;
  max-width: none;
  height: 110%;
  position: absolute;
}

.flow-item {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-radius: var(--_border-radii---default);
  background-color: var(--_colors---brand--brand-1);
  color: var(--_colors---text--light);
  text-align: center;
  flex-flow: column;
  max-width: 156px;
  padding: 6px 6px 12px;
  display: flex;
}

.flow-item.light-bg {
  background-color: var(--_colors---ui--light-1-faded-dark);
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
  color: var(--_colors---ui--dark-light);
}

.flow-image {
  border-radius: var(--_border-radii---default);
  width: 144px;
  height: 144px;
}

.flow-vertical {
  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;
}

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

.flow-icon {
  border-radius: var(--_border-radii---default);
  background-color: var(--_colors---ui--dark-border-light);
  justify-content: center;
  align-items: center;
  width: 144px;
  height: 144px;
  display: inline-flex;
}

.flow-lines-vertical {
  flex-flow: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.flow-vertical-top {
  border-right: 1px dotted var(--_colors---ui--light-1-dark);
  border-bottom: 1px dotted var(--_colors---ui--light-1-dark);
  border-left: 1px dotted var(--_colors---ui--light-1-dark);
  border-bottom-left-radius: var(--_border-radii---default);
  border-bottom-right-radius: var(--_border-radii---default);
  align-self: stretch;
  height: 24px;
  margin-left: 25px;
  margin-right: 25px;
}

.flow-line-vertical {
  border-left: 1px dotted var(--_colors---ui--light-1-dark);
  width: 1px;
  height: 24px;
}

.icon-items-list {
  border-top: 1px dotted var(--_colors---ui--dark-faded-light);
  flex-flow: column;
  display: flex;
}

.horizontal-icon-item {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-bottom: 1px dotted var(--_colors---ui--dark-faded-light);
  justify-content: flex-start;
  align-items: center;
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
}

.horizontal-icon-item.border-top {
  border-top: 1px dotted var(--_colors---ui--dark-faded-light);
  border-bottom-style: none;
  padding-bottom: 0;
}

.boxed-icon {
  border-radius: var(--_border-radii---default);
  background-color: var(--_colors---ui--dark-light);
  flex: none;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  display: flex;
}

.boxed-icon.bg-brand-1 {
  background-color: var(--_colors---brand--brand-1);
  width: auto;
  height: auto;
  padding: 18px;
}

.boxed-icon-image {
  filter: invert();
  width: 36px;
  height: 36px;
}

.boxed-icon-text {
  max-width: var(--_containers---4-cols);
}

.square-parallax-image {
  aspect-ratio: 1;
  border-radius: var(--_border-radii---default);
  width: 110%;
  max-width: none;
  min-height: 130%;
}

.square-image-wrap {
  aspect-ratio: 1;
  border-radius: var(--_border-radii---default);
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section-content {
  grid-column-gap: 96px;
  grid-row-gap: 96px;
  flex-flow: column;
  display: flex;
}

.section-content.quote-slider-content {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
}

.section-content.metrics {
  grid-column-gap: 144px;
  grid-row-gap: 144px;
}

.section-content.horizontal {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  border-top: 1px dotted var(--_colors---ui--dark-faded-light);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 36px;
  display: grid;
}

.section-content.blog-post {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
}

.section-content.cms {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
}

.section-content.gap {
  grid-column-gap: 34px;
  grid-row-gap: 34px;
}

.centered-title {
  max-width: var(--_containers---8-cols);
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.centered-title.loose-space {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  position: relative;
}

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

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

.icon-card {
  grid-column-gap: 96px;
  grid-row-gap: 96px;
  border-radius: var(--_border-radii---default);
  background-color: var(--_colors---ui--light-1-dark);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 18px 18px 24px;
  display: flex;
}

.icon-card.centered {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: var(--_colors---ui--light-2-dark);
  text-align: center;
  justify-content: flex-start;
  align-items: center;
  padding-top: 36px;
  padding-bottom: 48px;
}

.bg-gradient {
  background-image: linear-gradient(180deg, var(--_colors---ui--light-1-dark), var(--_colors---ui--light-2-dark));
}

.bg-light-2 {
  background-color: var(--_colors---ui--light-2-dark);
}

.icon-card-content {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.body-text {
  color: var(--_colors---text--dark-body);
}

.body-text.metric-explainer {
  max-width: 190px;
}

.bg-brand-2 {
  background-color: var(--_colors---brand--brand-2);
  color: var(--_colors---text--light);
}

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

.title.bordered {
  border-top: 1px dotted var(--_colors---ui--dark-faded-light);
  padding-top: 36px;
}

.title.align-center {
  justify-content: flex-start;
  align-items: center;
}

.tabs-menu {
  border-top: 1px dotted var(--_colors---ui--light-1-faded-dark);
  flex-flow: column;
  margin-bottom: 96px;
  display: flex;
}

.tab-link {
  border-bottom: 1px dotted var(--_colors---ui--light-1-faded-dark);
  color: var(--_colors---ui--light-1-faded-dark);
  font-size: var(--_typography---type-scale--h4-size);
  line-height: var(--_typography---type-scale--h4-line-height);
  background-color: #0000;
  padding: 18px 0;
}

.tab-link.w--current {
  color: var(--_colors---ui--light-1-dark);
  background-color: #0000;
}

.square-video {
  object-fit: cover;
  width: 110%;
  height: 120%;
  display: block;
  position: absolute;
  top: -10%;
  left: -5%;
}

.play-video {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: var(--_colors---ui--light-1-faded-dark);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  color: var(--_colors---ui--light-1-dark);
  border-radius: 200px;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  transition: transform .2s;
  display: flex;
  position: absolute;
  bottom: 24px;
}

.play-video:hover {
  transform: scale(1.05);
}

.play-video.centered {
  z-index: 2;
  bottom: auto;
}

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

.customer-card {
  border-radius: var(--_border-radii---default);
  color: var(--_colors---text--light);
  border: 1px solid #000;
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}

.customer-card-image {
  aspect-ratio: 1;
  width: 100%;
}

.customer-card-image.website {
  aspect-ratio: 1.35;
}

.customer-card-info-wrap {
  width: 100%;
  padding-left: 24px;
  padding-right: 24px;
  position: absolute;
  bottom: 0;
}

.customer-card-info {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border-top-left-radius: var(--_border-radii---default);
  border-top-right-radius: var(--_border-radii---default);
  background-color: var(--_colors---ui--dark-faded-light);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  color: var(--_colors---ui--dark-light);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 140px;
  padding: 18px;
  display: flex;
}

.customer-card-info-top {
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.customer-card-title {
  flex-flow: column;
  display: flex;
}

.parallax-bg {
  width: 100%;
  max-width: none;
  height: 100vh;
  position: absolute;
  top: -15vh;
  left: 0;
}

.parallax-bg.blurred {
  opacity: .7;
  filter: blur(18px);
}

.parallax-bg.align-top {
  top: 0;
}

.blur-scrim-wrapper {
  z-index: 1;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  width: 100%;
  height: 60%;
  position: absolute;
  bottom: 0;
  -webkit-mask-image: linear-gradient(to top, #000 50%, #0000 100%);
  mask-image: linear-gradient(to top, #000 50%, #0000 100%);
}

.hero-wrap {
  z-index: 9999;
  margin-top: var(--_navbar---negative-height);
  background-color: var(--_colors---ui--light-1-dark);
  background-image: linear-gradient(0deg, #000, #fff0 23%), linear-gradient(#000, #fff0 17%);
  flex-flow: column;
  min-height: 100vh;
  padding: 6px;
  display: flex;
  position: relative;
}

.image-bg-wrap {
  padding: 6px;
}

.image-bg-wrap.bg-gradient-2 {
  background-image: linear-gradient(180deg, var(--_colors---ui--light-2-dark), var(--_colors---ui--light-1-dark));
}

.horizontal-title {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.card {
  border-radius: var(--_border-radii---default);
  background-color: var(--_colors---ui--light-2-dark);
  flex-flow: column;
  display: flex;
  overflow: hidden;
}

.card.blog-card {
  min-height: 100%;
}

.card-line {
  background-color: var(--_colors---brand--brand-1);
  width: 100%;
  height: 6px;
}

.card-body {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  padding: 18px;
  display: flex;
}

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

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

.square-button {
  border-radius: var(--_border-radii---default);
  background-color: var(--_colors---brand--brand-1);
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
}

.square-button-icon-wrapper {
  flex-flow: row-reverse;
  width: 18px;
  height: 18px;
  display: flex;
  overflow: hidden;
}

.square-button-icon {
  display: block;
}

.logo-addendum {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  border-top: 1px dotted var(--_colors---ui--light-1-faded-dark);
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  max-width: 100%;
  padding-top: 24px;
  display: flex;
  overflow: hidden;
}

.process-box {
  border-radius: var(--_border-radii---large);
  background-color: var(--_colors---ui--light-2-dark);
  justify-content: center;
  align-items: center;
  padding: 72px 48px;
  display: flex;
}

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

.flow-vertical-pair {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  flex: none;
  display: flex;
}

.flow-horizontal-line-wrap {
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.flow-horizontal-line-wrap.flip {
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.flow-horizontal-bracket {
  border-top: 1px dotted var(--_colors---ui--dark-light);
  border-right: 1px dotted var(--_colors---ui--dark-light);
  border-bottom: 1px dotted var(--_colors---ui--dark-light);
  border-top-right-radius: var(--_border-radii---default);
  border-bottom-right-radius: var(--_border-radii---default);
  align-self: stretch;
  width: 24px;
  margin-top: 48px;
  margin-bottom: 48px;
}

.flow-horizontal-line {
  border-top: 1px dotted var(--_colors---ui--dark-light);
  width: 24px;
  height: 1px;
}

.small-boxed-icon {
  max-height: 36px;
}

.testimonial-tabs {
  border-left: 1px dotted var(--_colors---ui--light-1-faded-dark);
  flex-flow: column-reverse;
  padding-left: 36px;
  display: flex;
}

.pill-tab {
  background-color: var(--_colors---ui--light-1-dark);
  border-radius: 100px;
  width: 48px;
  height: 4px;
  padding: 0;
}

.pill-tabs {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  margin-top: 48px;
  margin-left: -6px;
  display: flex;
}

.pill-tab-wrapper {
  opacity: .5;
  background-color: #0000;
  padding: 6px;
}

.pill-tab-wrapper.w--current {
  opacity: 1;
  background-color: #0000;
}

.quote-author-logo {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.small-logo {
  max-height: 24px;
}

.flow-lines-wrap {
  align-self: stretch;
  display: flex;
}

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

.info-card {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  flex-flow: column;
  display: flex;
}

.parallax-wrap {
  aspect-ratio: 3 / 2;
  border-radius: var(--_border-radii---default);
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
}

.parallax-wrap.testimonial-image {
  max-width: var(--_containers---4-cols);
  aspect-ratio: 3 / 4;
}

.parallax-wrap.decorative-image {
  max-width: var(--_containers---8-cols);
  aspect-ratio: 16 / 9;
  margin-left: auto;
  margin-right: auto;
}

.parallax-wrap.ultrawide {
  aspect-ratio: 2.39;
}

.parallax-image {
  width: 100%;
  max-width: none;
  height: 130%;
  position: absolute;
  top: -15%;
}

.info-card-content {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  display: flex;
}

.list-item {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-top: 1px dotted var(--_colors---ui--dark-faded-light);
  justify-content: flex-start;
  align-items: center;
  padding-top: 18px;
  padding-bottom: 18px;
  display: flex;
}

.bullet {
  background-color: var(--_colors---ui--dark-light);
  border-radius: 50%;
  width: 6px;
  height: 6px;
}

.quote-author {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-left: 1px dotted var(--_colors---ui--dark-faded-light);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 48px;
  padding-right: 48px;
  display: flex;
}

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

.metric-box {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-radius: var(--_border-radii---default);
  background-color: var(--_colors---ui--light-1-dark);
  flex-flow: column;
  justify-content: space-between;
  min-height: 240px;
  padding: 18px;
  display: flex;
}

.metric-box-top {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.metric-text {
  font-family: var(--_typography---typefaces--badges);
  text-transform: uppercase;
  font-size: 81px;
  font-weight: 300;
  line-height: .9em;
}

.video-player {
  width: var(--_containers---5-cols);
  aspect-ratio: 16 / 9;
  border-radius: var(--_border-radii---default);
  justify-content: center;
  align-items: center;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.video-section-contents {
  flex-flow: column;
  display: flex;
}

.faq-grid {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  display: grid;
  position: relative;
}

.accordion {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.accordion-item {
  border: 1px solid var(--_colors---ui--dark-border-light);
  border-radius: var(--_border-radii---default);
  background-color: var(--_colors---ui--light-1-dark);
  transition: border-color .2s;
}

.accordion-item:hover {
  border-color: var(--_colors---brand--brand-1);
}

.accordion-item.no-border {
  background-color: var(--_colors---ui--light-2-dark);
  border-style: none;
}

.accordion-title {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding: 24px 18px;
  font-weight: 500;
  display: flex;
}

.accordion-arrow {
  display: block;
  transform: rotate(180deg);
}

.accordion-content {
  border-bottom-left-radius: var(--_border-radii---default);
  border-bottom-right-radius: var(--_border-radii---default);
  padding-bottom: 48px;
  padding-left: 18px;
  padding-right: 18px;
}

.accordion-text {
  max-width: var(--_containers---4-cols);
  color: var(--_colors---ui--dark-faded-light);
}

.hero-2 {
  z-index: 99999;
  margin-top: var(--_navbar---negative-height);
  background-color: var(--_colors---brand--brand-2);
  flex-flow: column;
  min-height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero-cluster {
  max-width: var(--_containers---4-cols);
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  align-self: flex-end;
  width: 100%;
  display: flex;
}

.cluster-link {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  border-radius: var(--_border-radii---default);
  background-color: var(--_colors---ui--light-1-dark);
  color: var(--_colors---text--dark);
  flex-flow: row;
  padding: 12px;
  display: flex;
}

.cluster-link-image {
  border-radius: var(--_border-radii---default);
  width: 144px;
  height: 144px;
}

.cluster-link-content {
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.cluster-text {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  padding-top: 6px;
  padding-bottom: 6px;
  display: flex;
}

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

.hero-3 {
  background-color: var(--_colors---brand--brand-2);
  color: var(--_colors---text--light);
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  min-height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

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

.accordion-title-icon {
  filter: invert();
  max-height: 36px;
}

.customer-grid-item {
  max-width: var(--_containers---5-cols);
}

.accordion-title-borderless {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding: 18px;
  font-weight: 500;
  display: flex;
}

.testimonial-section {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.metric-aside {
  max-width: var(--_containers---3-cols);
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

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

.parallax-cta-section {
  background-color: var(--_colors---brand--brand-2);
  perspective: 250vw;
  color: var(--_colors---text--light);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: 500vh;
  display: flex;
  position: relative;
  overflow: clip;
}

.cta-content {
  max-width: var(--_containers---8-cols);
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.parallax-showcase-image {
  max-width: var(--_containers---2-cols);
  border-radius: var(--_border-radii---default);
  mix-blend-mode: luminosity;
  width: 100%;
  display: block;
  position: absolute;
}

.parallax-showcase-image.a {
  max-width: var(--_containers---3-cols);
  position: absolute;
  top: 0;
  left: 5vw;
}

.parallax-showcase-image.b {
  max-width: var(--_containers---3-cols);
  top: 125vh;
  left: 20vw;
}

.parallax-showcase-image.c {
  top: 0;
  right: 10vw;
}

.parallax-showcase-image.d {
  max-width: var(--_containers---4-cols);
  top: 200vh;
  right: 10vw;
}

.parallax-showcase-image.e {
  z-index: 1;
  max-width: var(--_containers---4-cols);
  top: 75vh;
  left: 50vw;
}

.parallax-showcase-image.f {
  max-width: var(--_containers---3-cols);
  aspect-ratio: 1;
  top: 190vh;
  left: 5vw;
}

.parallax-showcase-image.g {
  max-width: var(--_containers---6-cols);
  top: 300vh;
}

.parallax-showcase-image.h {
  max-width: var(--_containers---3-cols);
  aspect-ratio: 1;
  top: 375vh;
  right: 15vw;
}

.parallax-showcase-image.i {
  max-width: var(--_containers---3-cols);
  top: 400vh;
  left: 5vw;
}

.parallax-showcase-image.j {
  max-width: var(--_containers---3-cols);
  top: 130vh;
  right: 5vw;
}

.parallax-showcase-image.k {
  max-width: var(--_containers---2-cols);
  top: 440vh;
  left: 50vw;
}

.parallax-showcase-image.l {
  max-width: var(--_containers---5-cols);
  top: 475vh;
  left: 20vw;
}

.parallax-showcase-image.m {
  max-width: var(--_containers---3-cols);
  position: absolute;
  top: -30vh;
  left: 45vw;
}

.parallax-showcase-image.n {
  max-width: var(--_containers---2-cols);
  aspect-ratio: 1;
  position: absolute;
  top: 0;
  left: 40vw;
}

.parallax-section-cta-content {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.parallax-content-wrap {
  z-index: 10;
  height: 500vh;
  margin-top: 50vh;
  position: relative;
}

.image-pair {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr;
  grid-auto-columns: 1fr;
  display: grid;
}

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

.decorative-wrap {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.decorative-overlay {
  z-index: 2;
  max-width: var(--_containers---10-cols);
  color: var(--_colors---text--dark);
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
}

.blurred-strip-wrap {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  flex: 1;
  height: 72px;
}

.primary-strip {
  background-color: var(--_colors---brand--brand-1);
  width: 100%;
  height: 100%;
  position: absolute;
  -webkit-mask-image: repeating-linear-gradient(to right, #000 0 1px, #0000 1px 7px);
  mask-image: repeating-linear-gradient(to right, #000 0 1px, #0000 1px 7px);
}

.quote-box-slider {
  background-color: #0000;
  height: auto;
}

.quote-box-slider-mask {
  max-width: var(--_containers---4-cols);
  overflow: visible;
}

.hide {
  display: none;
}

.quote-box {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-radius: var(--_border-radii---default);
  background-color: var(--_colors---ui--light-2-dark);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 360px;
  padding: 18px;
  display: flex;
}

.quote-box-slide {
  padding-right: 24px;
}

.hero-4-grid {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.hero-metric-box {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-radius: var(--_border-radii---default);
  background-color: var(--_colors---brand--brand-2);
  color: var(--_colors---text--light);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding: 24px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.square-image {
  aspect-ratio: 1;
  border-radius: var(--_border-radii---default);
}

.portrait-image {
  border-radius: var(--_border-radii---default);
}

.lead-text-wrapper {
  max-width: var(--_containers---5-cols);
}

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

.tags.atop-image {
  z-index: 3;
  justify-content: center;
  align-items: center;
  position: relative;
}

.icon-tag {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-radius: var(--_border-radii---default);
  background-color: var(--_colors---brand--brand-1);
  color: var(--_colors---text--light);
  font-size: var(--_typography---type-scale--h3-letter-spacing);
  line-height: var(--_typography---type-scale--lead-line-height);
  justify-content: flex-start;
  align-items: center;
  padding: 12px 24px 12px 18px;
  font-weight: 500;
  display: flex;
}

.icon-tag-image {
  max-height: 36px;
}

.wide-flow-wrap {
  flex-flow: column;
  display: flex;
  position: relative;
}

.wide-flow {
  z-index: 1;
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: center;
  align-items: center;
  margin-top: -48px;
  margin-left: 48px;
  margin-right: 48px;
  display: flex;
  position: relative;
}

.flow-wide-line {
  border-bottom: 1px dotted var(--_colors---ui--dark-light);
  text-align: center;
  flex-flow: column;
  flex: 1;
  padding-top: 6px;
  padding-bottom: 6px;
  display: flex;
}

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

.blog-item-title {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-flow: column;
  display: flex;
}

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

.quote-below-title {
  z-index: 9999;
  margin-top: -48px;
  position: relative;
}

.large-quote-box {
  max-width: var(--_containers---10-cols);
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  border-radius: var(--_border-radii---large);
  background-color: var(--_colors---brand--brand-1);
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 72px;
  padding-bottom: 72px;
  display: flex;
  overflow: hidden;
}

.large-quote-box.blurred-bg {
  background-color: var(--_colors---ui--light-1-faded-dark);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}

.large-quote-box-text {
  max-width: var(--_containers---6-cols);
}

.metric-wrap {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  flex-flow: column;
  display: flex;
}

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

.bordered-metric {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-left: 1px dotted var(--_colors---ui--light-1-faded-dark);
  flex-flow: column;
  padding-left: 24px;
  display: flex;
}

.customer-hero {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr;
  grid-auto-columns: 1fr;
  place-items: center start;
  display: grid;
}

.customer-hero-image {
  border-radius: var(--_border-radii---default);
}

.customer-hero-content {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  flex-flow: column;
  display: flex;
}

.customer-title {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.customer-meta {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  display: flex;
}

.customer-meta-item {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.article-wrapper {
  max-width: var(--_containers---6-cols);
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  flex-flow: column;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.article {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  font-size: var(--_typography---type-scale--lead-size);
  line-height: var(--_typography---type-scale--lead-line-height);
  flex-flow: column;
  margin-top: -36px;
  margin-bottom: -36px;
  display: flex;
}

.article blockquote {
  border-left-width: 1px;
  border-left-color: var(--_colors---ui--dark-border-light);
  font-size: var(--_typography---type-scale--lead-size);
  line-height: var(--_typography---type-scale--lead-line-height);
  margin-bottom: 0;
  padding: 24px 0 24px 24px;
  font-weight: 500;
}

.article img {
  border-radius: var(--_border-radii---default);
}

.article figure {
  margin-top: 48px;
  margin-bottom: 48px;
  padding-top: 0;
  padding-bottom: 0;
}

.article-intro {
  padding-bottom: 48px;
}

.dark-hero-wrapper {
  z-index: 9999;
  margin-top: var(--_navbar---negative-height);
  background-color: var(--_colors---brand--brand-2);
  color: var(--_colors---text--light);
  position: relative;
  overflow: hidden;
}

.left-title {
  max-width: var(--_containers---8-cols);
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

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

.team-member {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.team-image {
  border-radius: var(--_border-radii---default);
}

.team-member-text {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.featured-post {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-radius: var(--_border-radii---large);
  background-color: var(--_colors---ui--light-2-dark);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  overflow: hidden;
}

.featured-post-content {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 24px 48px 24px 24px;
  display: flex;
  position: relative;
}

.line {
  background-color: var(--_colors---brand--brand-1);
  width: 6px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.featured-blog-post {
  min-height: 559px;
}

.feautred-post-title {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-flow: column;
  display: flex;
}

.blog-grid-thirds {
  grid-column-gap: 24px;
  grid-row-gap: 96px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.blog-item {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-flow: column;
  display: flex;
}

.blog-item-link {
  border-radius: var(--_border-radii---default);
  overflow: hidden;
}

.blog-item-content {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.main-post-image {
  aspect-ratio: 16 / 9;
  border-radius: var(--_border-radii---large);
}

.dropdown-list {
  background-color: #ddd;
}

.dropdown-list.w--open {
  background-color: #0000;
}

.dropdown-content-wrapper {
  position: relative;
  top: 12px;
}

.dropdown-content {
  width: var(--_containers---5-cols);
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border: 1px solid var(--_colors---ui--dark-border-light);
  border-radius: var(--_border-radii---default);
  background-color: var(--_colors---ui--light-1-dark);
  padding: 18px;
  display: flex;
  box-shadow: 0 4px 36px #00000014;
}

.dropdown-column {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 6px;
  display: flex;
}

.dropdown-cta {
  width: var(--_containers---2-cols);
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.dropdown-image {
  border-radius: var(--_border-radii---default);
  width: 100%;
  display: block;
  overflow: hidden;
}

.dropdown-cta-text {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  display: flex;
}

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

.bold-text:where(.w-variant-df75fe3b-f5ac-c8d6-069a-c9c0dffc00c0) {
  color: var(--_colors---text--dark);
}

.dropdown-cta-image {
  aspect-ratio: 16 / 9;
  width: 100%;
  display: block;
}

.dropdown-link {
  transition: opacity .2s;
}

.dropdown-link:hover {
  opacity: .5;
}

.dropdown-link.small {
  font-size: var(--_typography---type-scale--small-size);
  line-height: var(--_typography---type-scale--small-line-height);
}

.dropdown-divider {
  background-color: var(--_colors---ui--dark-light);
  opacity: .25;
  width: 24px;
  height: 2px;
  margin-top: 18px;
  margin-bottom: 18px;
}

.contact-section {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.contact-methods {
  max-width: var(--_containers---6-cols);
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.contact-method {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border: 1px dotted var(--_colors---ui--dark-light);
  border-radius: var(--_border-radii---default);
  flex-flow: column;
  justify-content: space-between;
  min-height: 210px;
  padding: 18px;
  display: flex;
}

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

.form-input {
  height: var(--_forms---input-height);
  border: 1px solid var(--_colors---ui--dark-border-light);
  border-radius: var(--_border-radii---default);
  color: var(--_colors---text--dark);
  font-size: var(--_typography---type-scale--body-size);
  line-height: var(--_typography---type-scale--body-line-height);
  background-color: #0000;
  margin-bottom: 0;
  transition: color .2s, border-color .2s;
}

.form-input::placeholder {
  color: #3b3b33cc;
}

.form-input.text-area {
  min-height: 200px;
}

.form {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.form-success {
  border-radius: var(--_border-radii---default);
  background-color: var(--_colors---brand--brand-2);
  color: var(--_colors---text--light);
}

.form-error {
  border-radius: var(--_border-radii---default);
  margin-top: 12px;
  padding: 18px;
}

.utility {
  grid-column-gap: var(--_section-padding---default);
  grid-row-gap: var(--_section-padding---default);
  flex-flow: column;
  display: flex;
}

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

.box {
  background-color: var(--_colors---brand--brand-2);
  padding: 23px;
}

.colors {
  max-width: var(--_containers---6-cols);
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: stretch;
  display: flex;
}

.color-item {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  flex: 1;
  display: flex;
}

.color-swatch {
  width: 100%;
  height: 72px;
}

.color-swatch.bg-brand-1 {
  background-color: var(--_colors---brand--brand-1);
}

.color-swatch.dark-1 {
  background-color: var(--_colors---ui--dark-light);
}

.color-swatch.dark-faded {
  background-color: var(--_colors---ui--dark-faded-light);
}

.color-swatch.dark-border {
  background-color: var(--_colors---ui--dark-border-light);
}

.color-swatch.light-2 {
  background-color: var(--_colors---ui--light-2-dark);
}

.color-swatch.light-1-faded {
  border: 1px solid var(--_colors---ui--dark-border-light);
  background-color: var(--_colors---ui--light-1-faded-dark);
}

.color-swatch.light-1 {
  border: 1px solid var(--_colors---ui--dark-border-light);
  background-color: var(--_colors---ui--light-1-dark);
}

.form-block {
  align-self: stretch;
  margin-bottom: 0;
}

.form-wrap {
  max-width: var(--_containers---6-cols);
  align-self: stretch;
}

.input-group {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  display: flex;
}

.photo-licenses {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: stretch;
  display: grid;
}

.photo-license-link {
  border-radius: var(--_border-radii---default);
  background-color: var(--_colors---brand--brand-2);
  color: var(--_colors---text--light);
  font-size: var(--_typography---type-scale--h5-size);
  line-height: var(--_typography---type-scale--h5-line-height);
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.photo-license-text {
  position: absolute;
}

.photo-license-image {
  opacity: .7;
}

.icons {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: wrap;
  align-self: stretch;
  display: flex;
}

.typefaces {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  flex-flow: wrap;
  display: flex;
}

.type-demo {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.type-specimen {
  font-size: 96px;
  line-height: 1em;
}

.type-specimen.mono {
  font-family: var(--_typography---typefaces--badges);
}

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

.utility-page-content {
  max-width: var(--_containers---5-cols);
  padding-right: 6px;
  padding-left: var(--_containers---window-gutter);
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  display: flex;
}

.utility-page-form {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.utility-page-form.wide {
  align-self: stretch;
}

.flow-square-content {
  border-radius: var(--_border-radii---default);
  justify-content: center;
  align-items: center;
  height: auto;
  padding-top: 36px;
  padding-bottom: 36px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.copyright-wrap {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.box-tab-wrap {
  border-radius: var(--_border-radii---default);
  background-color: var(--_colors---ui--dark-light);
  color: var(--_colors---text--light);
  min-height: 550px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.box-tab {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  cursor: pointer;
  flex-flow: column;
  justify-content: space-between;
  width: 50%;
  padding: 24px;
  display: flex;
  position: relative;
}

.box-tab.w--current {
  width: 75%;
}

.box-tab-bg {
  opacity: .5;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.box-tab-title {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.box-tab-icon {
  flex: none;
}

.box-tab-content {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-radius: var(--_border-radii---default);
  background-color: var(--_colors---ui--light-1-faded-dark);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  flex-flow: column;
  padding: 24px;
  display: flex;
  position: relative;
}

.box-2-cancel {
  z-index: 3;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

.box-tab-cancel {
  z-index: 3;
  background-color: #ff00009e;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

.box-tab-open {
  z-index: 3;
  background-color: #08ff009e;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.text-block, .text-block:where(.w-variant-df75fe3b-f5ac-c8d6-069a-c9c0dffc00c0) {
  color: var(--_colors---ui--dark-light);
}

.dashboard-video {
  z-index: 1;
}

.play-button {
  z-index: 2;
  background-color: var(--_colors---text--light);
  border-radius: 14%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 140px;
  height: 140px;
  padding: 18px 20px 18px 28px;
  transition: background-color .2s;
  display: flex;
  position: relative;
  box-shadow: 0 2px 20px 7px #0003;
}

.play-button:hover {
  background-color: #1a2000;
}

.button-wrap {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.play-icon {
  border-top: 22px solid #0000;
  border-bottom: 22px dashed #0000;
  border-left: 33px solid var(--_colors---brand--brand-1);
  border-radius: 0;
  width: 20px;
  height: 20px;
  transform: scale(1.4);
}

.hero-01-dashboard {
  z-index: 99999;
  aspect-ratio: 16 / 9;
  border: 4px solid var(--_colors---ui--dark-border-light);
  border-radius: var(--_border-radii---large);
  width: 100%;
  position: relative;
  overflow: hidden;
}

.play-button-pulse {
  z-index: 1;
  background-color: #d0ff0080;
  border-radius: 14%;
  width: 140px;
  height: 140px;
  position: absolute;
  inset: 50% 0% 0% 50%;
  transform: translate(0, -50%)translate(-50%);
}

.corner-background-video {
  z-index: 999;
  border-radius: 100%;
  width: 340px;
  height: 340px;
  position: absolute;
  inset: auto auto 30px 30px;
  box-shadow: 0 5px 20px 5px #ffbd3d;
}

.dashboard-image {
  filter: brightness(88%);
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.absolute-dashboard {
  z-index: 99;
  cursor: pointer;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
  inset: 0%;
  overflow: hidden;
}

.cal-com-embed {
  width: 100%;
}

.hero-background {
  z-index: 1;
  margin-top: var(--_navbar---negative-height);
  background-color: var(--_colors---ui--light-1-dark);
  background-image: linear-gradient(0deg, #000, #fff0 23%), linear-gradient(#000, #fff0 35%), url('../images/SFD---Background-2_converted-1.avif');
  background-position: 0 0, 0 0, 50% 0;
  background-repeat: repeat, repeat, repeat;
  background-size: auto, auto, cover;
  flex-flow: column;
  min-height: 100vh;
  padding: 6px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.hero-background.center-middle {
  justify-content: center;
  align-items: center;
}

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

.highlight-text {
  border-radius: var(--_border-radii---default);
  margin-left: -4px;
  margin-right: -4px;
  padding-left: 6px;
  padding-right: 6px;
}

.image {
  max-width: 400px;
}

.container-large-2 {
  border-radius: 20px;
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  overflow: visible;
}

.timeline_progress {
  z-index: -2;
  background-color: #414141;
  width: 3px;
  height: 100%;
  position: absolute;
}

.section_hero {
  color: #fff;
  background-color: #0a0a0a;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100svh;
  margin-top: 0;
  margin-bottom: 0;
  padding: 20px 40px 0;
  display: flex;
  position: relative;
}

.section_hero.second {
  min-height: auto;
  padding-top: 55px;
  padding-bottom: 61px;
}

.gradient_line-two {
  z-index: -1;
  filter: blur(10px);
  -webkit-text-fill-color: inherit;
  background-color: #fff;
  background-clip: border-box;
  border-radius: 20px;
  width: 25%;
  height: 25%;
  position: absolute;
  inset: 0% auto 0% 0%;
  overflow: hidden;
}

.timeline_left {
  text-align: right;
  justify-content: flex-end;
  align-items: stretch;
}

.arrow-lottie-2 {
  width: 37px;
  height: 37px;
  margin-bottom: -1px;
  margin-right: 15px;
  transform: rotate(90deg);
}

.features_line {
  background-color: #a1a1a1;
  width: 40%;
  max-width: 70px;
  height: 2px;
}

.timeline_milestone-badge {
  background-color: var(--_colors---brand--brand-1);
  color: #161616;
  letter-spacing: .05em;
  text-transform: uppercase;
  border-radius: 8px;
  margin-bottom: 24px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 12px;
  display: inline-block;
}

.container-2 {
  width: 90vw;
  max-width: 1360px;
  margin-left: auto;
  margin-right: auto;
}

.timeline_component {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.overlay-fade-top {
  background-image: linear-gradient(#0a0a0a, #0a0a0a00);
  height: 80px;
  position: absolute;
  inset: 0% 0% auto;
}

.features {
  letter-spacing: 2px;
}

.features.text-color-darkgray {
  color: #a1a1a1;
}

.form-button-questionnaire {
  background-color: #3898ec00;
  justify-content: flex-start;
  align-items: center;
  padding: .75rem .5rem .75rem 3.2rem;
  font-size: 22px;
  font-weight: 700;
  text-decoration: none;
  display: flex;
}

.form-button-questionnaire:hover {
  color: #fff;
}

.hero_pricing-features-div {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.section-timeline {
  z-index: -3;
  background-color: #0a0a0a;
  position: relative;
}

.hero_pricing-table {
  z-index: 2;
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  background-color: #0e0e0e;
  border-radius: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  width: 100%;
  height: 100%;
  padding: 30px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.hero_pricing-table.is-professional {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding-bottom: 30px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero_pricing-professinal {
  grid-column-gap: 75px;
  grid-row-gap: 75px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: stretch stretch;
  width: 100%;
  font-weight: 700;
  display: flex;
}

.hero_pricing-grid {
  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;
  margin-bottom: 0;
  display: grid;
}

.timeline-title-copy {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 700px;
  margin-top: 60px;
  display: flex;
}

.timeline-title-copy.no-margin {
  max-width: none;
  margin-top: 10px;
}

.timeline_progress-bar {
  z-index: -1;
  background-color: #fff;
  background-image: linear-gradient(0deg, var(--_colors---brand--brand-1), #2e3800);
  width: 3px;
  height: 50vh;
  position: fixed;
  inset: 0 auto 50vh;
}

.global-styles {
  display: block;
  position: fixed;
  inset: 0% auto auto 0%;
}

.hero_professional-gradient {
  opacity: .5;
  filter: blur(45px);
  background-color: #fff;
  border-radius: 263px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 70%;
  height: 200px;
  display: flex;
  position: absolute;
  inset: -26% 0% 0% 15%;
}

.timeline_text {
  font-family: var(--_typography---typefaces--body);
  font-size: var(--_typography---type-scale--lead-size);
}

.timeline_date-text {
  color: #fff;
  letter-spacing: -.03em;
  font-size: 48px;
  line-height: 1.2;
  position: sticky;
  top: 50vh;
}

.hero_pricing-description {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.features_block-wrap {
  justify-content: center;
  align-items: flex-start;
}

.scale20-logo {
  width: 150px;
  margin-bottom: 11px;
}

.hero_pricing-wrap {
  background-color: #41414180;
  border-radius: 10px;
  padding: 2px;
  position: relative;
  overflow: hidden;
}

.hero_pricing-wrap.is-enterprise {
  padding-bottom: 2px;
}

.hero_pricing-wrap.is-professional {
  background-color: #1f1f1f80;
  justify-content: center;
  align-items: center;
  height: auto;
  padding-bottom: 2px;
  display: flex;
}

.timeline_item {
  z-index: 2;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 180px 1fr;
  grid-auto-columns: 1fr;
  padding-top: 80px;
  padding-bottom: 80px;
  display: grid;
  position: relative;
}

.main-wrapper {
  display: block;
}

.hero_pricing-detail-wrap {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  align-items: center;
  display: flex;
}

.timeline_circle {
  background-color: #fff;
  border-radius: 100%;
  width: 15px;
  min-width: 15px;
  max-width: 15px;
  height: 15px;
  min-height: 15px;
  max-height: 15px;
  position: sticky;
  top: 50vh;
  box-shadow: 0 0 0 8px #0a0a0a;
}

.hero_pricing {
  flex-flow: column;
  align-items: center;
  display: flex;
}

.features_dot {
  background-color: #a1a1a1;
  border-radius: 100%;
  width: 1%;
  max-width: 4px;
  height: 4px;
}

.hero_pricing-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: none;
  display: flex;
}

.overlay-fade-bottom {
  background-image: linear-gradient(to top, #0a0a0a, #0a0a0a00);
  height: 80px;
  position: absolute;
  inset: auto 0% 0%;
}

.margin-bottom-medium {
  margin-bottom: 32px;
}

.opacity {
  opacity: .29;
}

.next-button-wrapper {
  cursor: pointer;
  background-color: #ff4000;
  background-image: linear-gradient(#ff4905, #ff7e33);
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-right: 20px;
  transition: transform .2s cubic-bezier(.645, .045, .355, 1);
  display: flex;
  overflow: hidden;
  box-shadow: 0 0 12px #ff4000b0, inset -7px 7px 6px -6px #ffffff47, inset 4px -8px 16px #702500f5, inset -3px 10px 16px #ffffff2e;
}

.next-button-wrapper:hover {
  transform: scale(1.03);
}

.next-button-wrapper._100 {
  justify-content: center;
  align-items: center;
  width: 100%;
}

.hero_pricing-professinal-text {
  opacity: 0;
  text-align: center;
  background-image: linear-gradient(63deg, #99999980, #000000f2);
  border: 1px solid #ffffff4d;
  border-radius: 32px;
  padding: 5px 10px;
  font-size: .8rem;
}

.hero_free-gradient {
  opacity: .25;
  filter: blur(45px);
  background-color: #fff;
  border-top: 1px solid silver;
  border-right: 1px solid silver;
  border-radius: 100px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 70%;
  height: 200px;
  display: flex;
  position: absolute;
  inset: -26% -29% auto auto;
}

.hero_free-gradient.is-enterprise {
  pointer-events: none;
  inset: -26% auto auto -29%;
}

.timeline_image-wrapper {
  outline-offset: -3px;
  background-image: linear-gradient(138deg, #000, #0000 28%), url('../images/Image-Background.png');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  border-radius: 12px;
  outline: 3px solid #ffffff1a;
  overflow: hidden;
}

.margin-bottom-xlarge {
  margin-bottom: 56px;
}

.text-size-xlarge {
  font-size: 3.9rem;
}

.text-size-xlarge.text-weight-normal.text-align-center.silver-text-gradient {
  text-align: center;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#fff, #ffffff4f);
  -webkit-background-clip: text;
  background-clip: text;
  padding-bottom: 3px;
}

.text-size-xlarge.text-weight-normal.text-align-center.silver-text-gradient.bold {
  overflow-wrap: normal;
  line-height: 1.2em;
}

.timeline_centre {
  justify-content: center;
  display: flex;
}

.checkbox_image {
  width: 12px;
}

.button-primary-2 {
  color: #fff;
  text-align: center;
  cursor: pointer;
  background-color: #4a3aff;
  border-radius: 80px;
  justify-content: center;
  align-items: center;
  padding: 20px 40px 21px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
  transition: transform .3s, box-shadow .3s, background-color .3s;
  display: flex;
  box-shadow: 0 3px 12px #4a3aff1f;
}

.button-primary-2:hover {
  background-color: #3527d8;
  transform: translate(0, -2px);
  box-shadow: 0 4px 10px #4a3aff26;
}

.button-primary-2.hide {
  display: none;
}

.list-item-pricing {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 16px;
  display: flex;
}

.mg-top-18px {
  border-radius: var(--_border-radii---large);
  border: 1px solid #252525;
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 10px 22px;
}

.grid-two-columns---brix {
  grid-column-gap: 100px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .9fr;
}

.grid-two-columns---brix.grid-align-center {
  z-index: 1;
  align-items: center;
  position: relative;
}

.flex-horizontal {
  display: flex;
}

.flex-horizontal.start-top {
  justify-content: flex-start;
  align-items: flex-start;
}

.flex-horizontal.start-top.center {
  justify-content: center;
  align-items: center;
}

.content-pricig-table {
  margin-top: 76px;
}

.content-pricig-table.small {
  width: auto;
  margin-top: 31px;
}

.float-background-purple {
  background-color: #1b1b1b;
  background-image: radial-gradient(circle at 50% 0, #111, #1a1a1a);
  border-left: 1px solid #252525;
  width: 47%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.pricing-details-3 {
  display: none;
}

.text-single-300 {
  font-size: 20px;
  line-height: 22px;
}

.text-single-300.medium {
  font-weight: 500;
}

.text-single-300.medium.text-color-600 {
  color: #fff;
  font-weight: 300;
}

.pricing-card-2 {
  display: none;
}

.icon-pricing---brix {
  margin-right: 18px;
}

.pricing-details-2, .pricing-card-3 {
  display: none;
}

.pricing {
  background-image: linear-gradient(315deg, var(--_colors---brand--brand-1), #d0ff00);
  color: #fff;
  text-align: center;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  margin-bottom: 18px;
  font-size: 59px;
  font-weight: 400;
  line-height: 66px;
}

.pricing.pricing-2, .pricing.pricing-3 {
  display: none;
}

.text-single-200 {
  font-size: 18px;
  line-height: 20px;
}

.text-single-200.text-color-neutral-800 {
  color: #fff;
  text-align: left;
}

.text-single-200.medium {
  font-weight: 500;
}

.text-single-200.bold {
  font-weight: 700;
}

.pricing-card-slider {
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 64px 50px;
  position: relative;
  overflow: hidden;
  box-shadow: 1px 1px 12px #14142b14;
}

.pricing-card-slider.pricing-card {
  background-color: #0c0c0c;
  background-image: linear-gradient(0deg, #000, #0f0f0f);
  border-color: #252525;
  padding-top: 50px;
}

.paragraph-2 {
  color: var(--_colors---text--dark);
  letter-spacing: 0;
  margin-bottom: 0;
}

.mg-bottom-0 {
  margin-bottom: 0;
}

.icon-bullet---brix {
  filter: sepia() hue-rotate(175deg);
  margin-right: 14px;
}

.list-pricing {
  margin-top: 24px;
  margin-bottom: -21px;
}

.image-2 {
  min-width: 300px;
}

@media screen and (min-width: 1440px) {
  .grid-two-columns---brix.grid-align-center {
    grid-template-columns: 1fr 1fr;
  }

  .float-background-purple {
    width: 49%;
  }
}

@media screen and (max-width: 991px) {
  body {
    --_containers---main: 1366px;
    --_containers---window-gutter: 24px;
    --_containers---8-cols: 928px;
    --_containers---5-cols: 571px;
    --_containers---3-cols: 333px;
    --_containers---4-cols: 452px;
    --_containers---6-cols: 690px;
    --_containers---2-cols: 214px;
    --_containers---10-cols: 1166px;
    --_navbar---height: 90px;
    --_navbar---negative-height: -90px;
    --_typography---typefaces--body: "Funnel Sans", Arial, sans-serif;
    --_typography---type-scale--body-size: 16px;
    --_typography---type-scale--body-line-height: 1.4em;
    --_typography---typefaces--headings: "Funnel Sans", Arial, sans-serif;
    --_typography---type-scale--h1-size: 64px;
    --_typography---type-scale--h1-line-height: 1.05em;
    --_typography---type-scale--h1-letter-spacing: -.02em;
    --_typography---type-scale--h2-size: 51px;
    --_typography---type-scale--h2-line-height: 1.15em;
    --_typography---type-scale--h2-letter-spacing: -.01em;
    --_typography---type-scale--h3-size: 40px;
    --_typography---type-scale--h3-line-height: 1.2em;
    --_typography---type-scale--h3-letter-spacing: -.01em;
    --_typography---type-scale--h4-size: 32px;
    --_typography---type-scale--h4-line-height: 1.2em;
    --_typography---type-scale--h5-size: 25px;
    --_typography---type-scale--h5-line-height: 1.25em;
    --_typography---type-scale--lead-line-height: 1.4em;
    --_typography---type-scale--small-size: 13px;
    --_typography---type-scale--small-line-height: 1.4em;
    --_typography---type-scale--lead-size: 20px;
    --_typography---typefaces--badges: "Geist Mono", "Trebuchet MS", sans-serif;
    --_section-padding---default: 144px;
    --_section-padding---small: 72px;
    --_section-padding---x-small: 48px;
    --_section-padding---large: 240px;
  }

  .section.image-bg {
    padding-top: var(--_section-padding---x-small);
    padding-bottom: var(--_section-padding---x-small);
    aspect-ratio: 1;
  }

  .section.video-section {
    padding-top: var(--_section-padding---x-small);
    padding-bottom: var(--_section-padding---x-small);
  }

  .section.hero-4 {
    padding-top: var(--_section-padding---default);
  }

  .container.inside-hero {
    flex-flow: column;
    flex: 1;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .h4.quote-text {
    font-size: var(--_typography---type-scale--h5-size);
    line-height: var(--_typography---type-scale--h5-line-height);
  }

  .h5.article-intro {
    font-size: var(--_typography---type-scale--lead-size);
    line-height: var(--_typography---type-scale--lead-line-height);
  }

  .content.faq-title {
    position: static;
  }

  .nav-link {
    font-size: var(--_typography---type-scale--h5-size);
    line-height: var(--_typography---type-scale--h5-line-height);
    margin-left: 0;
    margin-right: 0;
  }

  .nav-links {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 24px;
  }

  .dropdown {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .dropdown-toggle {
    font-size: var(--_typography---type-scale--h5-size);
    line-height: var(--_typography---type-scale--h5-line-height);
    justify-content: flex-start;
    align-items: center;
  }

  .dropdown-toggle.w--open {
    justify-content: flex-start;
    align-items: center;
  }

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

  .menu-button {
    background-color: #0000;
    justify-content: center;
    align-items: center;
    padding: 12px;
    display: flex;
  }

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

  .menu-icon {
    flex: none;
    width: 24px;
    height: 24px;
  }

  .menu-icon-wrapper {
    justify-content: flex-start;
    align-items: center;
    width: 24px;
    height: 24px;
    display: flex;
    overflow: hidden;
  }

  .nav-menu {
    margin-top: var(--_navbar---height);
    background-color: var(--_colors---ui--light-1-dark);
    height: calc(100vh - 72px);
    position: fixed;
    top: 0;
  }

  .nav-menu:where(.w-variant-df75fe3b-f5ac-c8d6-069a-c9c0dffc00c0) {
    background-color: var(--_colors---brand--brand-2);
  }

  .hero-1-contents {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .circle-button.slider-prev {
    margin-top: 24px;
    margin-bottom: 0;
    margin-left: 0;
    position: relative;
    top: 0;
    right: 0;
  }

  .circle-button.slider-next {
    margin-bottom: 0;
    margin-left: 0;
    position: absolute;
    top: auto;
    bottom: 0;
    left: 60px;
  }

  .footer-top {
    grid-column-gap: 96px;
    grid-row-gap: 96px;
    flex-flow: column;
    display: flex;
  }

  .grid {
    max-width: var(--_containers---6-cols);
    grid-template-columns: 1fr;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .grid.quote-grid {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
    max-width: 100%;
  }

  .justify-vertical {
    padding-top: 0;
    padding-bottom: 0;
  }

  .justify-vertical.testimonial {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    border-right-style: none;
    order: -1;
    padding-right: 0;
  }

  .section-content.horizontal {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    flex-flow: column;
    display: flex;
  }

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

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

  .title.above-grid {
    max-width: var(--_containers---6-cols);
    margin-left: auto;
    margin-right: auto;
  }

  .tabs-menu {
    margin-bottom: 72px;
  }

  .tab-link {
    font-size: var(--_typography---type-scale--h5-size);
    line-height: var(--_typography---type-scale--h5-line-height);
  }

  .customer-grid {
    max-width: var(--_containers---4-cols);
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-columns: 1fr;
    margin-left: auto;
    margin-right: auto;
  }

  .customer-card-image {
    aspect-ratio: 1;
  }

  .horizontal-title {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

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

  .flow-vertical-pair {
    flex-flow: row;
  }

  .flow-horizontal-line-wrap {
    flex-flow: column;
    padding-left: 48px;
    padding-right: 48px;
  }

  .flow-horizontal-line-wrap.flip {
    transform: rotateX(180deg)rotateY(0)rotateZ(0);
  }

  .flow-horizontal-bracket {
    border-left: 1px dotted var(--_colors---ui--dark-light);
    border-top-right-radius: 0;
    border-bottom-left-radius: var(--_border-radii---default);
    border-top-style: none;
    width: 100%;
    height: 24px;
    margin-top: 0;
    margin-bottom: 0;
  }

  .flow-horizontal-line {
    border-right: 1px dotted var(--_colors---ui--dark-light);
    border-top-style: none;
    width: 1px;
    height: 24px;
  }

  .flow-lines-wrap {
    display: block;
  }

  .parallax-wrap.testimonial-image {
    aspect-ratio: 3 / 2;
    max-width: 100%;
  }

  .parallax-wrap.decorative-image {
    max-width: var(--_containers---5-cols);
    aspect-ratio: 3 / 2;
  }

  .quote-author {
    padding-left: 24px;
    padding-right: 24px;
  }

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

  .metric-text {
    font-size: 72px;
    line-height: 1em;
  }

  .video-section-contents {
    grid-column-gap: 72px;
    grid-row-gap: 72px;
  }

  .faq-grid {
    max-width: var(--_containers---6-cols);
    grid-template-columns: 1fr;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .testimonial-section {
    max-width: var(--_containers---5-cols);
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
  }

  .metric-aside {
    border-top: 1px dotted var(--_colors---ui--dark-faded-light);
    flex-flow: row;
    justify-content: flex-start;
    align-self: stretch;
    align-items: flex-end;
    max-width: 100%;
    padding-top: 48px;
  }

  .metric-aside-item {
    flex: 1;
  }

  .cta-content {
    max-width: var(--_containers---5-cols);
  }

  .parallax-showcase-image.b {
    left: -10vw;
  }

  .parallax-showcase-image.c {
    top: 20vh;
  }

  .parallax-showcase-image.d {
    right: -25vw;
  }

  .parallax-showcase-image.e {
    left: auto;
    right: -35vw;
  }

  .parallax-showcase-image.f {
    left: 15vw;
  }

  .parallax-showcase-image.h {
    right: -10vw;
  }

  .parallax-showcase-image.k, .parallax-showcase-image.l {
    left: auto;
  }

  .parallax-showcase-image.n {
    display: none;
  }

  .icon-grid-thirds {
    flex-flow: column;
    display: flex;
  }

  .hero-4-grid {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1.5fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .hero-metric-box {
    padding-top: 120px;
    padding-bottom: 120px;
  }

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

  .large-quote-box {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    padding-left: 36px;
    padding-right: 36px;
  }

  .metric-grid-quarters {
    grid-column-gap: 72px;
    grid-row-gap: 72px;
    grid-template-columns: 1fr 1fr;
  }

  .customer-hero {
    max-width: var(--_containers---6-cols);
    flex-flow: column-reverse;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .customer-hero-image {
    aspect-ratio: 1;
  }

  .article-wrapper {
    max-width: var(--_containers---5-cols);
  }

  .article {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    font-size: var(--_typography---type-scale--body-size);
    line-height: var(--_typography---type-scale--body-line-height);
    margin-top: -24px;
    margin-bottom: -24px;
  }

  .article figure {
    margin-top: 24px;
    margin-bottom: 24px;
  }

  .customer-story-title {
    font-size: var(--_typography---type-scale--h2-size);
    line-height: var(--_typography---type-scale--h2-line-height);
  }

  .team-grid {
    grid-row-gap: 72px;
    grid-template-columns: 1fr 1fr;
  }

  .featured-post {
    flex-flow: column;
    display: flex;
  }

  .featured-post-content {
    grid-column-gap: 72px;
    grid-row-gap: 72px;
    padding-bottom: 24px;
    padding-right: 24px;
  }

  .line {
    width: 100%;
    height: 6px;
    top: auto;
    bottom: 0;
  }

  .featured-blog-post {
    min-height: auto;
  }

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

  .dropdown-list.w--open {
    position: static;
  }

  .dropdown-content-wrapper {
    margin-top: 24px;
    position: static;
  }

  .dropdown-content {
    width: 100%;
  }

  .corner-background-video {
    width: 160px;
    height: 160px;
  }

  .image {
    max-width: 300px;
  }

  .section_hero {
    padding-top: 3rem;
  }

  .features_line {
    width: 125px;
  }

  .hero_pricing-table {
    max-width: 450px;
  }

  .hero_pricing-professinal {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
  }

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

  .hero_pricing-wrap.is-enterprise {
    width: 50%;
  }

  .hero_pricing-wrap.is-professional {
    max-width: none;
  }

  .text-size-xlarge.text-weight-normal.text-align-center.silver-text-gradient.bold {
    text-align: left;
  }

  .mg-top-18px {
    justify-content: center;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
  }

  .content-pricig-table {
    margin-top: 60px;
  }
}

@media screen and (max-width: 767px) {
  body {
    --_containers---main: 1366px;
    --_containers---window-gutter: 24px;
    --_containers---8-cols: 928px;
    --_containers---5-cols: 571px;
    --_containers---3-cols: 333px;
    --_containers---4-cols: 452px;
    --_containers---6-cols: 690px;
    --_containers---2-cols: 214px;
    --_containers---10-cols: 1166px;
    --_navbar---height: 90px;
    --_navbar---negative-height: -90px;
    --_typography---typefaces--body: "Funnel Sans", Arial, sans-serif;
    --_typography---type-scale--body-size: 16px;
    --_typography---type-scale--body-line-height: 1.4em;
    --_typography---typefaces--headings: "Funnel Sans", Arial, sans-serif;
    --_typography---type-scale--h1-size: 51px;
    --_typography---type-scale--h1-line-height: 1.15em;
    --_typography---type-scale--h1-letter-spacing: -.01em;
    --_typography---type-scale--h2-size: 51px;
    --_typography---type-scale--h2-line-height: 1.15em;
    --_typography---type-scale--h2-letter-spacing: -.01em;
    --_typography---type-scale--h3-size: 40px;
    --_typography---type-scale--h3-line-height: 1.2em;
    --_typography---type-scale--h3-letter-spacing: -.01em;
    --_typography---type-scale--h4-size: 32px;
    --_typography---type-scale--h4-line-height: 1.2em;
    --_typography---type-scale--h5-size: 25px;
    --_typography---type-scale--h5-line-height: 1.25em;
    --_typography---type-scale--lead-line-height: 1.4em;
    --_typography---type-scale--small-size: 13px;
    --_typography---type-scale--small-line-height: 1.4em;
    --_typography---type-scale--lead-size: 20px;
    --_typography---typefaces--badges: "Geist Mono", "Trebuchet MS", sans-serif;
    --_section-padding---default: 144px;
    --_section-padding---small: 72px;
    --_section-padding---x-small: 48px;
    --_section-padding---large: 240px;
  }

  .section.bg-brand-2.large-title-section {
    min-height: auto;
  }

  .container.justify-between {
    grid-column-gap: 72px;
    grid-row-gap: 72px;
  }

  .h2.long-text {
    font-size: var(--_typography---type-scale--h3-size);
    line-height: var(--_typography---type-scale--h3-line-height);
    letter-spacing: var(--_typography---type-scale--h3-letter-spacing);
  }

  .h3.long-text {
    font-size: var(--_typography---type-scale--h4-size);
    line-height: var(--_typography---type-scale--h4-line-height);
    letter-spacing: 0;
  }

  .h3.quote-text {
    font-size: var(--_typography---type-scale--h4-size);
    line-height: var(--_typography---type-scale--h4-line-height);
  }

  .h4.long-text {
    font-size: var(--_typography---type-scale--h5-size);
    line-height: var(--_typography---type-scale--h5-line-height);
  }

  .h5.contact-title {
    text-align: center;
  }

  .content.testimonial {
    padding-left: 24px;
  }

  .footer-bottom {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .lines.half-width {
    display: none;
  }

  .justify-vertical.testimonial {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .section-content {
    grid-column-gap: 72px;
    grid-row-gap: 72px;
  }

  .section-content.metrics {
    grid-column-gap: 96px;
    grid-row-gap: 96px;
  }

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

  .icon-card {
    grid-column-gap: 72px;
    grid-row-gap: 72px;
  }

  .tab-link {
    font-size: var(--_typography---type-scale--lead-size);
    line-height: var(--_typography---type-scale--lead-line-height);
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .logo-addendum {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .info-card-grid {
    grid-column-gap: 72px;
    grid-row-gap: 72px;
    flex-flow: column;
    display: flex;
  }

  .parallax-wrap.decorative-image {
    max-width: var(--_containers---4-cols);
  }

  .hero-cluster {
    align-self: stretch;
  }

  .metric-aside {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .parallax-showcase-image.a {
    max-width: var(--_containers---2-cols);
  }

  .parallax-showcase-image.d, .parallax-showcase-image.e {
    max-width: var(--_containers---3-cols);
  }

  .parallax-showcase-image.f {
    max-width: var(--_containers---2-cols);
  }

  .parallax-showcase-image.g {
    max-width: var(--_containers---3-cols);
  }

  .parallax-showcase-image.i, .parallax-showcase-image.j {
    max-width: var(--_containers---2-cols);
  }

  .parallax-showcase-image.l {
    max-width: var(--_containers---4-cols);
  }

  .blurred-strip-wrap {
    height: 48px;
  }

  .quote-box-slider-mask {
    max-width: var(--_containers---3-cols);
  }

  .icon-tag {
    font-size: var(--_typography---type-scale--body-size);
    line-height: var(--_typography---type-scale--body-line-height);
  }

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

  .large-quote-box {
    flex-flow: column;
  }

  .metric-grid-quarters {
    grid-column-gap: 24px;
  }

  .customer-meta {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
  }

  .contact-section {
    flex-flow: column;
  }

  .photo-licenses {
    flex-flow: column;
    display: flex;
  }

  .flow-square-content {
    aspect-ratio: auto;
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .play-button, .play-button-pulse {
    width: 120px;
    height: 120px;
  }

  .corner-background-video {
    width: 130px;
    height: 130px;
    bottom: 10px;
    left: 10px;
  }

  .image {
    max-width: 250px;
  }

  .timeline_progress {
    left: 6px;
  }

  .timeline_left {
    text-align: left;
  }

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

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

  .timeline-title-copy.no-margin {
    margin-top: 10px;
  }

  .timeline_text {
    font-size: 20px;
  }

  .timeline_date-text {
    margin-bottom: 24px;
    font-size: 36px;
  }

  .hero_pricing-wrap.is-enterprise {
    width: auto;
  }

  .timeline_item {
    grid-template-columns: 64px 1fr;
    width: 100%;
  }

  .hero_pricing-title {
    --_navbar---height: 60px;
    --_navbar---negative-height: -60px;
    --_section-padding---default: 96px;
    --_section-padding---small: 72px;
    --_section-padding---x-small: 48px;
    --_section-padding---large: 240px;
    --_typography---typefaces--body: "Funnel Sans", Arial, sans-serif;
    --_typography---type-scale--body-size: 16px;
    --_typography---type-scale--body-line-height: 1.4em;
    --_typography---typefaces--headings: "Funnel Sans", Arial, sans-serif;
    --_typography---type-scale--h1-size: 40px;
    --_typography---type-scale--h1-line-height: 1.2em;
    --_typography---type-scale--h1-letter-spacing: -.01em;
    --_typography---type-scale--h2-size: 40px;
    --_typography---type-scale--h2-line-height: 1.2em;
    --_typography---type-scale--h2-letter-spacing: -.01em;
    --_typography---type-scale--h3-size: 40px;
    --_typography---type-scale--h3-line-height: 1.2em;
    --_typography---type-scale--h3-letter-spacing: -.01em;
    --_typography---type-scale--h4-size: 25px;
    --_typography---type-scale--h4-line-height: 1.25em;
    --_typography---type-scale--h5-size: 25px;
    --_typography---type-scale--h5-line-height: 1.25em;
    --_typography---type-scale--lead-line-height: 1.4em;
    --_typography---type-scale--small-size: 12px;
    --_typography---type-scale--small-line-height: 1.4em;
    --_typography---type-scale--lead-size: 18px;
    --_typography---typefaces--badges: "Geist Mono", "Trebuchet MS", sans-serif;
  }

  .margin-bottom-xlarge {
    margin-bottom: 48px;
  }

  .text-size-xlarge.text-weight-normal.text-align-center.silver-text-gradient {
    text-align: center;
    word-break: normal;
    overflow-wrap: anywhere;
  }

  .timeline_centre {
    justify-content: flex-start;
  }

  .button-primary-2 {
    padding: 16px 34px;
    font-size: 16px;
    line-height: 18px;
  }

  .mg-top-18px {
    padding-left: 10px;
    padding-right: 10px;
  }

  .grid-two-columns---brix {
    grid-column-gap: 100px;
    grid-row-gap: 80px;
    grid-template-columns: 1fr;
  }

  .float-background-purple {
    width: 100%;
    height: 50%;
    display: none;
    inset: auto 0% 0%;
  }
}

@media screen and (max-width: 479px) {
  body {
    --_containers---main: 1366px;
    --_containers---window-gutter: 12px;
    --_containers---8-cols: 928px;
    --_containers---5-cols: 571px;
    --_containers---3-cols: 333px;
    --_containers---4-cols: 452px;
    --_containers---6-cols: 690px;
    --_containers---2-cols: 214px;
    --_containers---10-cols: 1166px;
    --_navbar---height: 60px;
    --_navbar---negative-height: -60px;
    --_typography---typefaces--body: "Funnel Sans", Arial, sans-serif;
    --_typography---type-scale--body-size: 16px;
    --_typography---type-scale--body-line-height: 1.4em;
    --_typography---typefaces--headings: "Funnel Sans", Arial, sans-serif;
    --_typography---type-scale--h1-size: 40px;
    --_typography---type-scale--h1-line-height: 1.2em;
    --_typography---type-scale--h1-letter-spacing: -.01em;
    --_typography---type-scale--h2-size: 40px;
    --_typography---type-scale--h2-line-height: 1.2em;
    --_typography---type-scale--h2-letter-spacing: -.01em;
    --_typography---type-scale--h3-size: 40px;
    --_typography---type-scale--h3-line-height: 1.2em;
    --_typography---type-scale--h3-letter-spacing: -.01em;
    --_typography---type-scale--h4-size: 25px;
    --_typography---type-scale--h4-line-height: 1.25em;
    --_typography---type-scale--h5-size: 25px;
    --_typography---type-scale--h5-line-height: 1.25em;
    --_typography---type-scale--lead-line-height: 1.4em;
    --_typography---type-scale--small-size: 12px;
    --_typography---type-scale--small-line-height: 1.4em;
    --_typography---type-scale--lead-size: 18px;
    --_typography---typefaces--badges: "Geist Mono", "Trebuchet MS", sans-serif;
    --_section-padding---default: 96px;
    --_section-padding---small: 72px;
    --_section-padding---x-small: 48px;
    --_section-padding---large: 240px;
  }

  .section.bg-brand-2 {
    padding-bottom: var(--_section-padding---default);
  }

  .section.image-bg, .section.video-section {
    aspect-ratio: 2 / 3;
  }

  .container.inside-hero {
    padding-bottom: 12px;
  }

  .container.justify-between {
    grid-column-gap: 96px;
    grid-row-gap: 96px;
  }

  .h2.long-text {
    font-size: var(--_typography---type-scale--h4-size);
    line-height: var(--_typography---type-scale--h4-line-height);
    letter-spacing: 0;
  }

  .h4.long-text, .h4.quote-text, .h5.long-text {
    font-size: var(--_typography---type-scale--lead-size);
    line-height: var(--_typography---type-scale--lead-line-height);
  }

  .badge-text.flow-item-text {
    font-size: 11px;
  }

  .content.loose {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .nav-link, .dropdown-toggle {
    font-size: var(--_typography---type-scale--lead-size);
    line-height: var(--_typography---type-scale--lead-line-height);
  }

  .nav-logo {
    max-height: 32px;
  }

  .nav-logo-link.w--current {
    padding-left: 0;
  }

  .nav-menu {
    height: calc(100vh - 60px);
  }

  .nav-menu:where(.w-variant-df75fe3b-f5ac-c8d6-069a-c9c0dffc00c0) {
    background-color: var(--_colors---brand--brand-2);
  }

  .nav-button {
    display: none;
  }

  .mobile-nav-button {
    width: 100%;
    display: block;
  }

  .hero-1 {
    min-height: auto;
  }

  .hero-1-contents {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .blur-box {
    padding: 18px;
  }

  .avatar {
    width: 48px;
  }

  .footer {
    padding-top: 66px;
  }

  .footer-menus {
    grid-column-gap: 72px;
    grid-row-gap: 72px;
    flex-flow: column;
    display: flex;
  }

  .lines {
    height: 48px;
  }

  .lines.short {
    height: 18px;
  }

  .lines.narrow {
    max-width: 50%;
  }

  .marquee {
    max-width: calc(100vw - 36px);
  }

  .quote-author-wrap {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .quote-author-wrap.inside-quote-box {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .flow-item {
    max-width: 108px;
  }

  .flow-image, .flow-icon {
    width: 96px;
    height: 96px;
  }

  .flow-lines-vertical {
    padding-left: 48px;
    padding-right: 48px;
  }

  .flow-vertical-top, .flow-line-vertical {
    height: 18px;
  }

  .section-content.metrics {
    grid-column-gap: 72px;
    grid-row-gap: 72px;
  }

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

  .icon-card {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
  }

  .tabs-menu {
    margin-bottom: 60px;
  }

  .customer-card-image {
    aspect-ratio: auto;
  }

  .customer-card-info-wrap {
    padding-left: 12px;
    padding-right: 12px;
  }

  .blur-scrim-wrapper {
    height: 80%;
  }

  .process-box {
    padding: 48px 18px;
  }

  .flow-vertical-pair {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .parallax-wrap.decorative-image {
    aspect-ratio: 1;
  }

  .parallax-wrap.ultrawide {
    aspect-ratio: 3 / 2;
  }

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

  .metric-box {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    min-height: auto;
  }

  .metric-box-top {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column-reverse;
  }

  .metric-text {
    font-size: 60px;
    line-height: 1em;
  }

  .hero-cluster {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .cluster-link {
    padding-right: 18px;
  }

  .cluster-link-image {
    width: 96px;
    height: auto;
  }

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

  .hero-3 {
    min-height: auto;
  }

  .metric-aside {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 24px;
    display: flex;
  }

  .parallax-showcase-image.c {
    display: none;
  }

  .parallax-showcase-image.f {
    left: -10vw;
  }

  .parallax-showcase-image.i, .parallax-showcase-image.j, .parallax-showcase-image.l {
    display: none;
  }

  .decorative-wrap {
    padding-left: 24px;
    padding-right: 24px;
  }

  .quote-box {
    min-height: 400px;
  }

  .hero-4-grid {
    display: flex;
  }

  .hero-metric-box {
    order: -1;
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .tags {
    grid-column-gap: 9px;
    grid-row-gap: 9px;
  }

  .tags.atop-image {
    display: none;
  }

  .icon-tag {
    grid-column-gap: 9px;
    grid-row-gap: 9px;
  }

  .icon-tag-image {
    max-height: 24px;
  }

  .wide-flow {
    margin-left: 12px;
    margin-right: 12px;
  }

  .large-quote-box {
    padding: 36px 24px;
  }

  .metric-wrap {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
  }

  .metric-grid-quarters {
    grid-row-gap: 48px;
    flex-flow: column;
    display: flex;
  }

  .bordered-metric {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }

  .customer-hero-image {
    aspect-ratio: auto;
  }

  .customer-meta {
    flex-flow: column;
  }

  .featured-post-content {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    padding: 18px;
  }

  .line {
    height: 4px;
  }

  .blog-grid-thirds {
    grid-row-gap: 72px;
    grid-template-columns: 1fr;
  }

  .blog-item-content {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

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

  .dropdown-cta, .cluster-circle-button-wrapper {
    display: none;
  }

  .contact-methods {
    flex-flow: column;
    display: flex;
  }

  .photo-licenses {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .typefaces {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
  }

  .type-specimen {
    font-size: 84px;
  }

  .play-button {
    width: 100px;
    height: 100px;
  }

  .play-icon {
    transform: scale(1.1);
  }

  .play-button-pulse {
    width: 100px;
    height: 100px;
  }

  .corner-background-video {
    width: 100px;
    height: 100px;
    bottom: 10px;
    left: 10px;
  }

  .image {
    max-width: 230px;
  }

  .container-large-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .section_hero {
    padding-left: 15px;
    padding-right: 15px;
    overflow: hidden;
  }

  .features_line {
    width: 30%;
    max-width: 70px;
  }

  .text-size-medium.text-weight-light.text-color-gray {
    text-align: center;
    font-size: 1rem;
  }

  .form-button-questionnaire {
    letter-spacing: 0;
    font-size: 20px;
  }

  .hero_pricing-table {
    max-width: 100%;
  }

  .hero_pricing-professinal {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .hero_pricing-grid {
    width: 90%;
    max-width: 100%;
  }

  .text-size-regular.text-weight-light.text-color-gray {
    font-size: .9rem;
  }

  .hero_pricing-wrap.is-enterprise {
    width: 100%;
  }

  .timeline_item {
    grid-template-columns: 48px;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .hero_pricing-title {
    max-width: 100%;
  }

  .margin-bottom-medium {
    margin-bottom: 24px;
  }

  .next-button-wrapper {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .text-size-xlarge.text-weight-normal.text-align-center {
    font-size: 2rem;
  }

  .text-size-xlarge.text-weight-normal.text-align-center.silver-text-gradient {
    text-overflow: clip;
    overflow-wrap: normal;
    font-size: 2.8rem;
  }

  .text-size-xlarge.text-weight-normal.text-align-center.silver-text-gradient.bold {
    font-size: 3.2rem;
  }

  .button-primary-2 {
    padding: 15px 34px 16px;
  }

  .grid-two-columns---brix.grid-align-center {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-columns: 1fr;
  }

  .content-pricig-table.small {
    width: 100%;
  }

  .float-background-purple {
    height: 48%;
  }

  .pricing-card-2 {
    display: block;
  }

  .pricing-card-slider {
    padding-left: 30px;
    padding-right: 30px;
  }

  .image-2 {
    min-width: 100%;
  }
}

#w-node-ee87456b-ce2b-227b-79cf-38cbf796f222-abf5267f, #w-node-_01bbb60b-e771-ef41-0e22-3c38cb5cfc25-abf5267f, #w-node-a4c23103-074d-331e-3a04-7f436e19a7a2-abf5267f, #w-node-b32f1f65-3c26-b633-8ef6-fde70bea9e1f-abf5267f {
  justify-self: stretch;
}

#w-node-ee1384ee-8c62-5bf9-a7b4-e93ee8b1fe5a-abf5267f {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_85c4d344-f14e-b950-042e-5b1e82d547c8-abf5267f, #w-node-_430c7fdd-c6d6-e28d-ed3e-73d36d064816-6d064809, #w-node-_47dee26e-3ede-2af8-169e-d2ef7c33ba85-abf52681 {
  justify-self: stretch;
}

#w-node-_903fed39-019c-ea11-39a9-ee3b4e240307-abf52682 {
  grid-area: 1 / 2 / 2 / 3;
  justify-self: stretch;
}

#w-node-c254fe80-e412-7907-a14c-8b9a2b615395-abf52682 {
  justify-self: start;
}

#w-node-dc0add4d-dbb6-9a15-1223-b1e2a4d97e91-abf52682 {
  justify-self: stretch;
}

#w-node-ca19efd9-eff6-ef2b-9ff1-31f47b1af271-abf52683, #w-node-_6147fb5a-2489-8cf5-6113-698285ba59b4-abf52684, #w-node-_862e41fc-2e26-ba44-a482-2ff460fa49d3-abf52684 {
  align-self: stretch;
}

#w-node-ec2295a4-ee1a-ec0d-2ca4-c31338c4a8cb-abf52684 {
  justify-self: stretch;
}

#w-node-ec2295a4-ee1a-ec0d-2ca4-c31338c4a8e4-abf52684, #w-node-_174ec463-c607-d61f-4227-13b0c12d7ac9-abf52688 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_10e4a40c-4c36-0203-5bef-1c2d349af6cb-abf52688 {
  justify-self: stretch;
}

#w-node-_26444fdd-6caa-7807-1613-7b40a18864b1-abf5268c, #w-node-ba827dce-e07d-acdd-7fed-c7c344a4ed63-abf5268c, #w-node-_6dcecf36-0eb7-f008-0e39-fe165116bbde-abf5268c, #w-node-_6dcecf36-0eb7-f008-0e39-fe165116bbe2-abf5268c, #w-node-_1056429e-26d8-5602-be0d-d754b4c05657-abf5268c, #w-node-_1056429e-26d8-5602-be0d-d754b4c0565b-abf5268c, #w-node-ca67f24d-a98c-d326-ba20-b55b2b3e0b6c-e5273300, #w-node-ca67f24d-a98c-d326-ba20-b55b2b3e0baf-e5273300, #w-node-d4031be0-61bd-9a25-2969-497b10a67ce5-e5273300, #w-node-d4031be0-61bd-9a25-2969-497b10a67cfe-e5273300 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-ee1384ee-8c62-5bf9-a7b4-e93ee8b1fe5a-abf5267f, #w-node-_903fed39-019c-ea11-39a9-ee3b4e240307-abf52682 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_1adaf294-6572-26d4-b209-e6757ae4ceb5-abf52684 {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-ec2295a4-ee1a-ec0d-2ca4-c31338c4a8e4-abf52684, #w-node-_174ec463-c607-d61f-4227-13b0c12d7ac9-abf52688 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_6f097b9f-6e37-4ea1-09db-f4f777f7de5f-e5273300 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_6f097b9f-6e37-4ea1-09db-f4f777f7de64-e5273300 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_6f097b9f-6e37-4ea1-09db-f4f777f7de66-e5273300 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_6f097b9f-6e37-4ea1-09db-f4f777f7de71-e5273300 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_6f097b9f-6e37-4ea1-09db-f4f777f7de76-e5273300 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_6f097b9f-6e37-4ea1-09db-f4f777f7de83-e5273300 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_6f097b9f-6e37-4ea1-09db-f4f777f7de88-e5273300 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_6f097b9f-6e37-4ea1-09db-f4f777f7de95-e5273300 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_6f097b9f-6e37-4ea1-09db-f4f777f7de9a-e5273300 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_6f097b9f-6e37-4ea1-09db-f4f777f7dea7-e5273300 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_6f097b9f-6e37-4ea1-09db-f4f777f7deac-e5273300 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_5e20d52c-adaf-79a5-6010-7d601127a342-e5273300 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_5e20d52c-adaf-79a5-6010-7d601127a347-e5273300 {
    grid-area: 1 / 1 / 3 / 2;
  }
}


@font-face {
  font-family: 'Funnel Sans';
  src: url('../fonts/FunnelSans-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'Funnel Sans';
  src: url('../fonts/FunnelSans-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'Geist Mono';
  src: url('../fonts/GeistMonoVariableVF.ttf') format('truetype');
  font-weight: 100 1100;
  font-style: normal;
  font-display: block;
}