:root {
  --fonts--body-font: Intertight, Verdana, sans-serif;
  --colors-interface--dark: #000;
  --colors-interface--border-dark: #0000001a;
  --colors-interface--colors-text--body-text: #0009;
  --section-padding--default: 96px;
  --colors-interface--white: white;
  --colors-interface--neutral-1: #f6f4f1;
  --section-padding--large: 144px;
  --gaps-radius--default-border-radius: 0px;
  --section-padding--small: 48px;
  --content-width--container: 1428px;
  --navbar-height: 72px;
  --content-width--small: 412px;
  --colors-interface--element-bg-white: #ffffff26;
  --colors-interface--border-white: #fff3;
  --content-width--medium: 654px;
  --colors-brand--gradient-1: #ff8308;
  --colors-brand--gradient-2: #ff5043;
  --colors-brand--gradient-3: #392bd5;
  --fonts--heading-font: Intertight, Verdana, sans-serif;
  --fonts--badge-font: Intertight, Verdana, sans-serif;
  --colors-interface--colors-text--body-text-white: #fff9;
  --content-width--large: 896px;
  --gaps-radius--bento-gap: 6px;
  --large-720: 720px;
  --colors-interface--element-bg-whiteelement-bg-dark: #0000004d;
  --colors-text--faded-headings: #0006;
  --content-width--x-large: 1138px;
  --colors-interface--neutral-2: #e8e6e3;
}

body {
  font-family: var(--fonts--body-font);
  color: var(--colors-interface--dark);
  font-feature-settings: "ss01" 1, "ss03" 1, "ss04" 1;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.4em;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 38px;
  font-weight: 700;
  line-height: 44px;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}

h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
}

p {
  margin-bottom: 10px;
}

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

ul {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 1.4em;
  display: flex;
}

ol {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 1.4em;
}

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

label {
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4em;
  display: block;
}

strong {
  font-weight: bold;
}

blockquote {
  border-left: 2px solid var(--colors-interface--border-dark);
  margin-bottom: 10px;
  padding: 24px;
  font-size: 20px;
  line-height: 1.3em;
}

figure {
  margin-bottom: 0;
}

figcaption {
  color: var(--colors-interface--colors-text--body-text);
  text-align: left;
  margin-top: 5px;
  font-size: 14px;
  line-height: 1.4em;
}

.section {
  padding-top: var(--section-padding--default);
  padding-bottom: var(--section-padding--default);
  background-color: var(--colors-interface--white);
}

.section.announcement-section {
  padding-top: 18px;
  padding-bottom: 0;
}

.section.bg-neutral {
  background-color: var(--colors-interface--neutral-1);
}

.section.contains-slider {
  width: 100vw;
  overflow: hidden;
}

.section.bg-neutral-to-white {
  background-image: linear-gradient(180deg, var(--colors-interface--neutral-1), var(--colors-interface--white));
}

.section.announcement-section-static {
  justify-content: center;
  align-items: center;
  padding-top: 18px;
  padding-bottom: 0;
  display: flex;
}

.section.contains-marquee {
  width: 100vw;
  overflow: hidden;
}

.section.reduced-bottom-padding {
  padding-bottom: 48px;
}

.section.bento-hero-section {
  padding-top: 18px;
}

.section.bento-hero-section.bg-grey.padding-top {
  padding-top: 96px;
}

.section.subscribe-box-section {
  padding-top: 0;
}

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

.section.bottom-padding-large {
  padding-bottom: var(--section-padding--large);
}

.section.no-top-padding {
  padding-top: 0;
}

.section.bg-dark {
  border-radius: var(--gaps-radius--default-border-radius);
  background-color: var(--colors-interface--dark);
  color: var(--colors-interface--white);
}

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

.section.bg-grey {
  background-color: var(--colors-interface--neutral-1);
}

.section.bg-white-to-neutral {
  background-image: linear-gradient(180deg, var(--colors-interface--white), var(--colors-interface--neutral-1));
}

.container {
  max-width: var(--content-width--container);
  flex-flow: column;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.container.nav-container {
  z-index: 1;
  z-index: 1;
  position: relative;
}

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

.navbar {
  height: var(--navbar-height);
  background-color: #0000;
  position: sticky;
  top: 0;
}

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

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

.open-search-modal {
  opacity: .5;
  cursor: pointer;
  padding-left: 24px;
  padding-right: 24px;
  transition: opacity .2s;
}

.open-search-modal:hover {
  opacity: 1;
}

.button:hover:where(.w-variant-7689d2fa-67aa-a58c-e9eb-f4aa0b32aed2), .button:hover:where(.w-variant-ea37e7d1-5fb0-df1a-d770-9443cb7b0dd3) {
  background-color: var(--colors-interface--dark);
  color: var(--colors-interface--white);
  border-color: #0000;
}

.button.white, .button.white-5 {
  background-color: var(--colors-interface--white);
  color: var(--colors-interface--dark);
}

.button {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: var(--colors-interface--dark);
  color: var(--colors-interface--white);
  border-radius: 200px;
  justify-content: center;
  align-items: center;
  height: 50px;
  padding-left: 24px;
  padding-right: 24px;
  font-weight: 500;
  display: flex;
}

.button:where(.w-variant-8850ab04-72d5-1427-dcc2-a7fc1615cff9) {
  height: 39px;
  padding-left: 18px;
  padding-right: 18px;
}

.button:where(.w-variant-7689d2fa-67aa-a58c-e9eb-f4aa0b32aed2) {
  border: 1px solid var(--colors-interface--border-dark);
  color: var(--colors-interface--dark);
  background-color: #0000;
  transition: border-color .2s, color .2s, background-color .2s;
}

.button:where(.w-variant-ea37e7d1-5fb0-df1a-d770-9443cb7b0dd3) {
  border: 1px solid var(--colors-interface--border-dark);
  color: var(--colors-interface--dark);
  background-color: #0000;
  height: 39px;
  font-size: 14px;
  line-height: 1.4em;
  transition: border-color .2s, color .2s, background-color .2s;
}

.button:where(.w-variant-f8c1187c-9424-4078-0621-299513dbf790) {
  background-color: var(--colors-interface--white);
  color: var(--colors-interface--dark);
}

.button:where(.w-variant-2224bcfb-8271-f88b-395d-8d85b53efdc7) {
  background-color: var(--colors-interface--white);
  color: var(--colors-interface--dark);
  border: 1px solid #0000;
  height: 39px;
  font-size: 14px;
  line-height: 1.4em;
  transition: color .2s, border-color .2s, background-color .2s;
}

.button:where(.w-variant-56f7acb1-d5b0-95a8-3ed1-e84162662836) {
  background-color: var(--colors-interface--element-bg-white);
  height: 39px;
  font-size: 14px;
  line-height: 1.4em;
  transition: color .2s, background-color .2s;
}

.button:hover:where(.w-variant-7689d2fa-67aa-a58c-e9eb-f4aa0b32aed2), .button:hover:where(.w-variant-ea37e7d1-5fb0-df1a-d770-9443cb7b0dd3) {
  background-color: var(--colors-interface--dark);
  color: var(--colors-interface--white);
  border-color: #0000;
}

.button:hover:where(.w-variant-2224bcfb-8271-f88b-395d-8d85b53efdc7) {
  border-color: var(--colors-interface--border-white);
  color: var(--colors-interface--white);
  background-color: #0000;
}

.button:hover:where(.w-variant-56f7acb1-d5b0-95a8-3ed1-e84162662836) {
  background-color: var(--colors-interface--white);
  color: var(--colors-interface--dark);
}

.button.gradient-button {
  position: relative;
  overflow: hidden;
}

.button.white, .button.white-5 {
  background-color: var(--colors-interface--white);
  color: var(--colors-interface--dark);
}

.button.is-secondary {
  background-color: var(--\<unknown\|relume-variable-transparent\>);
  color: var(--\<unknown\|relume-variable-neutral-shade-7\>);
}

.button.is-link {
  background-color: var(--\<unknown\|relume-variable-transparent\>);
  color: var(--\<unknown\|relume-variable-neutral-shade-7\>);
  border-style: none;
  padding: .25rem 0;
  line-height: 1;
  text-decoration: none;
}

.button.is-link.is-icon {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
}

.button.white-9 {
  background-color: var(--colors-interface--white);
  color: var(--colors-interface--dark);
  background-color: var(--colors-interface--white);
}

.button-text-wrapper {
  z-index: 1;
  flex-flow: column;
  height: 1.4em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-text-wrapper:where(.w-variant-8850ab04-72d5-1427-dcc2-a7fc1615cff9) {
  text-align: center;
  height: 1.4em;
  font-size: 14px;
  line-height: 1.4em;
}

.navbar-contents {
  height: var(--navbar-height);
  border-bottom: 1px solid var(--colors-interface--border-dark);
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  display: flex;
}

.navbar-contents:where(.w-variant-ce0c04dc-00ae-7d92-c1e7-14db4bc5dd6f) {
  border-bottom-style: none;
}

.navbar-link {
  font-size: 14px;
  line-height: 1.4em;
  transition: opacity .2s;
}

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

.navbar-link.w--current {
  color: var(--colors-interface--dark);
}

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

.bold-text.plan-description {
  max-width: 339px;
}

.bold-text.text-white {
  color: var(--colors-interface--white);
}

.nav-links-buttom {
  display: none;
}

.graphic-wrapper {
  z-index: 0;
  background-image: linear-gradient(135deg, var(--colors-brand--gradient-1), var(--colors-brand--gradient-2) 50%, var(--colors-brand--gradient-3));
  pointer-events: none;
  min-width: 130%;
  height: auto;
  min-height: 100%;
}

.graphic-wrapper:where(.w-variant-f590947b-52c2-9e1d-04c6-da012ed80d80) {
  background-image: linear-gradient(135deg, var(--colors-brand--gradient-1), var(--colors-brand--gradient-2) 50%, var(--colors-brand--gradient-3) 75%);
}

.graphic-wrapper:where(.w-variant-459d2ed4-9dcb-a330-c1a9-40244933fd65) {
  background-image: linear-gradient(90deg, var(--colors-brand--gradient-1), var(--colors-brand--gradient-2) 50%, var(--colors-brand--gradient-3));
}

.graphic-image {
  mix-blend-mode: darken;
  width: 100%;
  display: block;
}

.box-contents {
  z-index: 1;
  color: var(--colors-interface--white);
  position: relative;
}

.box-contents.flex-space-between {
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.footer-a {
  background-color: var(--colors-interface--dark);
  color: var(--colors-interface--white);
}

.heading-h1 {
  font-family: var(--fonts--heading-font);
  letter-spacing: -.02em;
  font-size: 56px;
  font-weight: 500;
  line-height: 1.1em;
}

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

.heading-h5 {
  font-family: var(--fonts--heading-font);
  font-size: 20px;
  font-weight: 500;
  line-height: 1.3em;
}

.heading-h5.body-text {
  font-weight: 400;
}

.heading-h5.timeline-date {
  opacity: .5;
  text-align: right;
  width: 100px;
  position: relative;
  bottom: 6px;
}

.heading-h5.metric-explainer.wide {
  max-width: 300px;
}

.heading-h5.link {
  opacity: .5;
  transition: opacity .2s;
}

.heading-h5.link:hover {
  opacity: 1;
}

.heading-h5._18px {
  font-size: 18px;
}

.small-text.subtitle {
  opacity: .6;
  opacity: .6;
  opacity: .6;
  margin-bottom: -6px;
  font-family: Geist, Arial, sans-serif;
  font-weight: 500;
}

.small-text {
  font-size: 14px;
  line-height: 1.4em;
}

.small-text.body-text-white.bold-text {
  font-weight: 500;
}

.small-text.logo-box-caption {
  opacity: .5;
}

.small-text.customer-card-description {
  color: var(--colors-interface--colors-text--body-text-white);
  max-width: 304px;
}

.small-text.text-grey {
  color: var(--colors-interface--colors-text--body-text);
}

.small-text.subtitle {
  opacity: .6;
  opacity: .6;
  opacity: .6;
  margin-bottom: -6px;
  font-family: Geist, Arial, sans-serif;
  font-weight: 500;
}

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

.small-text.subtitle {
  opacity: .6;
  font-family: var(--fonts--badge-font);
  margin-bottom: -6px;
  font-weight: 500;
}

.small-text.hint-text {
  opacity: .5;
  margin-top: 6px;
  margin-bottom: 6px;
}

.small-text.subtitle {
  opacity: .6;
  opacity: .6;
  opacity: .6;
  margin-bottom: -6px;
  font-family: Geist, Arial, sans-serif;
  font-weight: 500;
}

.footer-container {
  max-width: var(--content-width--large);
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  flex-flow: column;
  justify-content: flex-start;
  align-self: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.footer-title {
  max-width: var(--content-width--medium);
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: flex-start;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

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

.bento-row {
  grid-column-gap: var(--gaps-radius--bento-gap);
  grid-row-gap: var(--gaps-radius--bento-gap);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.card {
  border-radius: var(--gaps-radius--default-border-radius);
  padding: 24px;
  position: relative;
  overflow: hidden;
}

.card.quote-card {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  background-color: var(--colors-interface--dark);
  color: var(--colors-interface--white);
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.card.quote-card.height-21 {
  max-height: 21.5rem;
}

.card.app-card-1 {
  aspect-ratio: 1;
}

.card.app-card-1.flex {
  width: 100%;
  max-height: 21.5rem;
  display: flex;
}

.card.customer-card {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  background-color: var(--colors-interface--dark);
  color: var(--colors-interface--white);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.card.app-card-2 {
  height: 320px;
  padding: 36px;
}

.card.icon-card-1 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: var(--colors-interface--white);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  box-shadow: 0 2px 6px #0000000f;
}

.card.small-review {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  background-color: var(--colors-interface--white);
  text-align: left;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 18px;
  display: flex;
  box-shadow: 0 2px 6px #0000000f;
}

.card.stat-card {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  background-color: var(--colors-interface--dark);
  color: var(--colors-interface--white);
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.card.icon-badge-card {
  justify-content: center;
  align-items: center;
  padding-top: 48px;
  padding-bottom: 48px;
  display: flex;
}

.card.metric {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: var(--colors-interface--neutral-1);
  flex-flow: column;
  flex: 1;
  display: flex;
}

.card.faq-card {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  background-color: var(--colors-interface--white);
  flex-flow: column;
  padding: 18px;
  display: flex;
  box-shadow: 0 2px 6px #0000000f;
}

.card.review {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  background-color: var(--colors-interface--white);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 336px;
  display: flex;
  box-shadow: 0 2px 6px #0000000f;
}

.card.icon-box-card {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  background-color: var(--colors-interface--white);
  flex-flow: column;
  display: flex;
  box-shadow: 0 2px 6px #0000000f;
}

.card.metric-card {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  background-color: var(--colors-interface--white);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  box-shadow: 0 2px 6px #0000000f;
}

.card.support-card {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  background-color: var(--colors-interface--dark);
  color: var(--colors-interface--white);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.card.support-card.bg-neutral {
  color: var(--colors-interface--dark);
}

.card.comparison-cta-card {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  color: var(--colors-interface--white);
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  padding-top: 48px;
  padding-bottom: 48px;
  display: flex;
}

.card.bg-neutral {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  background-color: var(--colors-interface--neutral-1);
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.card.horizontal-metric {
  color: var(--colors-interface--white);
  padding-top: 72px;
}

.card.icon-card-2 {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  background-color: var(--colors-interface--white);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  box-shadow: 0 2px 6px #0000000f;
}

.card.process-card {
  z-index: 1;
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  background-color: var(--colors-interface--white);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 100%;
  display: flex;
  box-shadow: 0 2px 6px #0000000f;
}

.card.video-card {
  color: var(--colors-interface--white);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 48px;
  padding-bottom: 48px;
  display: flex;
}

.card.vertical-metric {
  color: var(--colors-interface--white);
  display: flex;
}

.card.values-cta {
  color: var(--colors-interface--white);
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
}

.card.metric-large {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  background-color: var(--colors-interface--white);
  flex-flow: column;
  flex: 1;
  padding: 18px;
  display: flex;
  box-shadow: 0 2px 6px #0000000f;
}

.card.text-card {
  background-color: var(--colors-interface--neutral-1);
  padding: 36px;
}

.card.careers-card {
  padding: var(--gaps-radius--bento-gap);
  background-color: var(--colors-interface--neutral-1);
}

.card.dark-quote-alternative {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  background-color: var(--colors-interface--element-bg-white);
  text-align: left;
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.card.bg-white {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  background-color: var(--colors-interface--white);
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.card.figma-card {
  width: 100%;
  height: 520px;
}

.card.dark-quote-card {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  background-color: var(--colors-interface--element-bg-white);
  flex-flow: column;
  justify-content: space-between;
  min-height: 300px;
  display: flex;
}

.card.square-quote-card {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: var(--colors-interface--white);
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
  grid-auto-columns: 1fr;
  place-items: center start;
  padding: 12px 24px 12px 12px;
  display: grid;
}

.card.square-quote-card.hide {
  display: none;
}

.footer-cta {
  border-radius: var(--gaps-radius--default-border-radius);
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

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

.avatar-small {
  border-radius: 50%;
  flex: none;
  width: 30px;
  height: 30px;
}

.body-text-white {
  color: var(--colors-interface--colors-text--body-text-white);
}

.body-text-white.added-margin {
  margin-top: 8px;
}

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

.footer-menu {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  flex-flow: column;
  flex: 1;
  display: flex;
}

.footer-menu-link {
  opacity: .5;
  color: var(--colors-interface--white);
  align-self: flex-start;
  font-weight: 500;
  transition: opacity .2s;
}

.footer-menu-link:hover {
  opacity: 1;
}

.footer-bottom {
  border-top: 1px solid var(--colors-interface--border-white);
  justify-content: space-between;
  align-self: stretch;
  padding-top: 36px;
  display: flex;
}

.footer-bottom-left {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: var(--colors-interface--border-white);
  border-radius: 6px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 18px 24px;
  display: flex;
}

.muted-text {
  opacity: .5;
  color: var(--colors-interface--white);
}

.muted-text.color-grey {
  color: var(--colors-interface--colors-text--body-text);
}

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

.social-link {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  opacity: .5;
  transition: opacity .2s;
  display: flex;
}

.social-link:hover {
  opacity: 1;
}

.graphic-canvas {
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.graphic-canvas:where(.w-variant-348304d5-4f2b-e838-d8b6-b68227142f87) {
  justify-content: flex-start;
  align-items: flex-start;
}

.graphic-canvas:where(.w-variant-459d2ed4-9dcb-a330-c1a9-40244933fd65) {
  justify-content: center;
  align-items: flex-start;
}

.graphic-canvas:where(.w-variant-f590947b-52c2-9e1d-04c6-da012ed80d80) {
  justify-content: flex-end;
  align-items: flex-start;
}

.graphic-canvas:where(.w-variant-a51c0b42-85c1-c206-7b07-25014460f4a7) {
  justify-content: flex-start;
  align-items: center;
}

.graphic-canvas:where(.w-variant-2e96b326-134b-5457-b1e1-be624837f890) {
  justify-content: flex-end;
  align-items: center;
}

.graphic-canvas:where(.w-variant-6d12e9b3-b91b-77c1-6801-e9e3727c5f6c) {
  justify-content: flex-start;
  align-items: flex-end;
}

.graphic-canvas:where(.w-variant-f4f409c3-cc44-6b34-0e47-089213aed3c0) {
  justify-content: center;
  align-items: flex-end;
}

.graphic-canvas:where(.w-variant-186e74e9-19a5-7a78-7028-18ae5a5d2715) {
  justify-content: flex-end;
  align-items: flex-end;
}

.card-contents {
  z-index: 1;
  position: relative;
}

.card-contents.comparison-cta-contents {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: center;
  align-items: center;
  display: flex;
}

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

.card-contents.vertical-metric-contents {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.card-contents.contact-details {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  border-radius: var(--gaps-radius--default-border-radius);
  background-color: var(--colors-interface--white);
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 24px;
  display: flex;
}

.card-contents.quote-card-contents {
  grid-column-gap: 147px;
  grid-row-gap: 147px;
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  display: flex;
}

.navbar-bg {
  z-index: 0;
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  pointer-events: none;
  background-color: #ffffffd6;
  width: 100%;
  height: 100%;
  position: absolute;
}

.vertical-section {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  flex-flow: column;
  display: flex;
}

.vertical-section.reduced-gap {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
}

.vertical-section.align-center {
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
}

.vertical-section.increased-gap {
  grid-column-gap: 96px;
  grid-row-gap: 96px;
}

.vertical-content.align-left-desktop, .vertical-content.center-on-tablet {
  justify-content: flex-start;
  align-items: flex-start;
}

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

.vertical-content.align-left {
  justify-content: flex-start;
  align-items: flex-start;
}

.vertical-content.align-left.quote-slide-cta {
  position: relative;
}

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

.vertical-content.align-left-desktop, .vertical-content.center-on-tablet {
  justify-content: flex-start;
  align-items: flex-start;
}

.vertical-content.reduced-gap {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
}

.vertical-content.features {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
}

.vertical-content.margin-top {
  grid-column-gap: 96px;
  grid-row-gap: 96px;
  margin-top: 2rem;
}

.vertical-content.margin-top.is-ticker {
  grid-column-gap: 58px;
  grid-row-gap: 58px;
}

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

.vertical-content.align-center.max-width-50 {
  max-width: 36rem;
}

.vertical-content.align-center.max-width-40 {
  max-width: 40rem;
}

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

.content---m {
  max-width: var(--content-width--medium);
  width: 100%;
}

.content---m.title {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.content---m.align-center {
  max-width: var(--large-720);
  max-width: var(--large-720);
  margin-left: auto;
  margin-right: auto;
}

.image-load-wrapper {
  border-radius: var(--gaps-radius--default-border-radius);
  display: flex;
  position: relative;
  overflow: hidden;
}

.image-load-wrapper.fill-height {
  flex: 1;
}

.image-load-element {
  z-index: 0;
  width: 100%;
  display: block;
  position: relative;
}

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

.hide {
  display: none;
}

.form-success {
  background-color: #0000;
  padding: 0;
  font-weight: 500;
}

.form-error {
  border-radius: var(--gaps-radius--default-border-radius);
  text-align: center;
  margin-top: 12px;
  padding: 12px;
  font-size: 14px;
  line-height: 1.4em;
}

.form-box {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-radius: var(--gaps-radius--default-border-radius);
  background-color: var(--colors-interface--white);
  flex-flow: column;
  width: 100%;
  margin-bottom: 0;
  padding: 24px 36px;
  display: flex;
  box-shadow: 0 2px 6px #0000000f;
}

.form-box.career-form {
  background-color: var(--colors-interface--neutral-1);
  box-shadow: none;
}

.form-box.contact-form {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  background-color: var(--colors-interface--neutral-1);
  box-shadow: none;
}

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

.form-input {
  border: 1px solid var(--colors-interface--border-dark);
  border-radius: var(--gaps-radius--default-border-radius);
  background-color: var(--colors-interface--white);
  color: var(--colors-interface--dark);
  height: 50px;
  margin-bottom: 0;
  padding-left: 18px;
  padding-right: 18px;
  font-size: 17px;
  line-height: 1.4em;
  transition: border-color .2s;
}

.form-input:focus {
  border-color: var(--colors-interface--element-bg-whiteelement-bg-dark);
}

.form-input::placeholder {
  color: #00000080;
  font-size: 17px;
  line-height: 1.4em;
}

.form-input.text-area {
  min-height: 200px;
  padding-top: 18px;
  padding-bottom: 18px;
}

.form-pair {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.search-form {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  margin-bottom: 0;
  display: flex;
}

.search-modal {
  z-index: 9999;
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
}

.search-modal-screen {
  background-color: #000000d9;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.search-modal-body {
  max-width: var(--content-width--medium);
  border-radius: var(--gaps-radius--default-border-radius);
  background-color: var(--colors-interface--white);
  width: 100%;
  padding: 24px;
  position: relative;
  top: 72px;
}

.align-left {
  align-self: flex-start;
}

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

.get-started-div {
  width: 1rem;
  height: 1rem;
}

@media screen and (max-width: 991px) {
  .section.product-section {
    padding-top: 24px;
  }

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

  .nav-menu-wrapper {
    flex: 1;
    justify-content: flex-end;
    align-items: center;
  }

  .nav-links {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    text-align: left;
    flex-flow: column;
    justify-content: center;
    align-items: stretch;
    padding: 24px 24px 96px;
  }

  .dropdown-toggle {
    justify-content: flex-start;
    align-items: center;
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 20px;
    font-weight: 500;
  }

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

  .cart-button.navbar-link {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4rem;
  }

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

  .open-search-modal {
    padding-left: 12px;
    padding-right: 12px;
  }

  .nav-button-1, .nav-button-2 {
    display: none;
  }

  .navbar-link {
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4rem;
  }

  .dropdown-wrapper.w--open {
    margin-top: 12px;
    margin-bottom: 12px;
    position: static;
  }

  .dropdown-link-menu {
    flex: 1;
  }

  .dropdown-wide-wrapper {
    width: 100%;
    position: static;
    transform: none;
  }

  .dropdown {
    margin-left: 0;
    margin-right: 0;
  }

  .menu-button {
    justify-content: center;
    align-self: center;
    align-items: center;
    width: 48px;
    height: 48px;
    padding: 12px;
    display: block;
  }

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

  .nav-menu {
    background-color: var(--colors-interface--white);
    width: 100vw;
    height: calc(100vh - 72px);
    margin-top: 72px;
    position: fixed;
    overflow: scroll;
  }

  .menu-button-icons {
    width: 24px;
    height: 24px;
    display: flex;
    overflow: hidden;
  }

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

  .nav-links-buttom {
    margin-top: 12px;
    display: block;
  }

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

  .grid.footer-top {
    max-width: var(--content-width--medium);
    text-align: center;
    max-width: var(--content-width--medium);
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

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

  .card.figma-card {
    height: 480px;
  }

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

  .vertical-content.align-left-desktop, .vertical-content.center-on-tablet {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
  }

  .vertical-content.align-left.quote-slide-cta {
    max-width: var(--content-width--medium);
    text-align: center;
    max-width: var(--content-width--medium);
    text-align: center;
    justify-content: flex-start;
    align-items: center;
    position: static;
  }

  .vertical-content.increased-gap {
    order: -1;
  }

  .vertical-content.align-left-desktop, .vertical-content.center-on-tablet {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
  }

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

  .bento-thirds.rows-on-tablet {
    max-width: var(--content-width--medium);
    max-width: var(--content-width--medium);
    flex-flow: column;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .image-load-wrapper.inside-values-grid {
    max-width: 60%;
  }

  .image-load-element.widescreen-orientation-on-tablet {
    aspect-ratio: 16 / 9;
    aspect-ratio: 16 / 9;
  }

  .grid-contents {
    max-width: var(--content-width--medium);
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    margin-left: auto;
    margin-right: auto;
  }

  .bento-halves {
    flex-flow: column;
    display: flex;
  }

  .hero {
    padding: 24px;
  }

  .hero.layout-3 {
    aspect-ratio: 3 / 2;
    aspect-ratio: 3 / 2;
    height: auto;
  }

  .pricing-grid {
    max-width: var(--content-width--medium);
    grid-template-columns: 1fr;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .icon-box {
    flex: none;
  }

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

  .app-card.horizontal {
    display: flex;
  }

  .app-card-body.fill-height.last-on-tablet {
    order: 1;
  }

  .app-shot-wrapper.inside-grid, .app-shot-wrapper.inside-secuirty-section {
    order: -1;
  }

  .app-shot-wrapper.align-top {
    padding: 48px;
  }

  .app-shot-wrapper.inside-grid, .app-shot-wrapper.inside-secuirty-section {
    order: -1;
  }

  .app-shot-size-2 {
    width: 110%;
  }

  .app-shot-size-4 {
    max-width: 100%;
  }

  .logo-box-grid {
    max-width: var(--content-width--medium);
    grid-template-columns: 1fr 1fr;
    margin-left: auto;
    margin-right: auto;
  }

  .show-on-tablet {
    display: block;
  }

  .hide-on-tablet {
    display: none;
  }

  .text-grid {
    max-width: var(--content-width--medium);
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    flex-flow: column;
    grid-template-columns: 1fr;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .metrics-grid {
    max-width: var(--content-width--medium);
    grid-template-columns: 1fr 1fr;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

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

  .logo-section {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
    flex-flow: wrap;
  }

  .logo-section-center {
    max-width: var(--content-width--medium);
    order: -1;
  }

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

  .cta-box {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    flex-flow: column-reverse;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 48px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .buttons.app-store-buttons {
    justify-content: center;
    align-items: center;
  }

  .phone-screenshot-box.fill-parent {
    padding: 48px;
  }

  .phone-screenshot.small {
    max-width: 60%;
  }

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

  .headshot-item {
    max-width: 336px;
  }

  .headshot-image {
    width: 100%;
    height: auto;
  }

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

  .headshot-marquee-items {
    padding-right: var(--gaps-radius--bento-gap);
    grid-template-columns: 1fr 1fr;
    display: flex;
  }

  .bento-grid-with-icons {
    grid-column-gap: 72px;
    grid-row-gap: 72px;
    flex-flow: column;
    display: flex;
  }

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

  .grid-box {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 48px;
    padding-bottom: 48px;
    padding-left: 24px;
  }

  .integrations-box {
    aspect-ratio: auto;
    width: 100%;
    max-width: none;
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .bento-hero {
    flex-flow: column;
    grid-template-columns: 1fr 2fr;
    display: flex;
  }

  .hero-box {
    aspect-ratio: auto;
    order: -1;
    padding-top: 54px;
    padding-bottom: 54px;
  }

  .bento-column {
    grid-column-gap: var(--gaps-radius--bento-gap);
    grid-row-gap: var(--gaps-radius--bento-gap);
    order: -1;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .bento-column.with-metric, .bento-column.product, .bento-column.with-metric, .bento-column.product {
    display: flex;
  }

  .logo-marquee-box {
    max-height: none;
  }

  .support-grid {
    flex-flow: column;
    display: flex;
  }

  .bento-right-small {
    max-width: var(--content-width--medium);
    flex-flow: column;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .how-it-works-grid {
    max-width: var(--content-width--small);
    flex-flow: column;
    margin-left: auto;
    margin-right: auto;
  }

  .process-divider {
    width: 2px;
    height: 48px;
  }

  .about-bento {
    grid-column-gap: var(--gaps-radius--bento-gap);
    grid-row-gap: var(--gaps-radius--bento-gap);
    order: -1;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

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

  .team-member-card {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

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

  .team-member-small {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .blog-layout {
    grid-column-gap: 72px;
    grid-row-gap: 72px;
    grid-template-columns: 2fr;
  }

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

  .sidebar-item {
    border-bottom-style: none;
    padding-top: 0;
    padding-bottom: 0;
  }

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

  .team-member-hero {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
  }

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

  .value-box {
    aspect-ratio: auto;
    max-width: 100%;
  }

  .quote-slider-section {
    flex-flow: column;
    display: flex;
  }

  .metrics-bento {
    max-width: var(--content-width--medium);
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .features-box {
    flex-flow: column-reverse;
    padding: 48px;
    display: flex;
  }

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

  .customer-card.large:last-child {
    flex-flow: column;
  }

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

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

  .checkout-left {
    width: 100%;
  }

  .sidebar {
    width: 100%;
    position: static;
  }

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

  .demo-links-grid {
    grid-template-columns: 1fr 1fr;
  }

  .integrations-box-2 {
    aspect-ratio: auto;
    width: 100%;
    max-width: none;
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .heading-style-h2 {
    font-size: 2.75rem;
  }

  .comparison1_top-row-title {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-right: 1rem;
  }

  .comparison1_top-row-content {
    padding: 1.5rem 1rem;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .comparison1_row-content {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .bento-halves-2 {
    flex-flow: column;
    display: flex;
  }

  .bento-column-2 {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    order: -1;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .bento-column-2.product {
    display: flex;
  }

  .bento-halves-3 {
    flex-flow: column;
    display: flex;
  }

  .app-shot-wrapper-2.inside-grid {
    order: -1;
  }

  .bento-halves-4 {
    flex-flow: column;
    display: flex;
  }
}

@media screen and (max-width: 767px) {
  body {
    --fonts--body-font: Intertight, Verdana, sans-serif;
    --colors-interface--dark: #000;
    --colors-interface--border-dark: #0000001a;
    --colors-interface--colors-text--body-text: #0009;
    --section-padding--default: 72px;
    --colors-interface--white: white;
    --colors-interface--neutral-1: #f6f4f1;
    --section-padding--large: 120px;
    --gaps-radius--default-border-radius: 0px;
    --section-padding--small: 48px;
    --content-width--container: 1428px;
    --navbar-height: 60px;
    --content-width--small: 412px;
    --colors-interface--element-bg-white: #ffffff26;
    --colors-interface--border-white: #fff3;
    --content-width--medium: 654px;
    --colors-brand--gradient-1: #ff8308;
    --colors-brand--gradient-2: #ff5043;
    --colors-brand--gradient-3: #392bd5;
    --fonts--heading-font: Intertight, Verdana, sans-serif;
    --fonts--badge-font: Intertight, Verdana, sans-serif;
    --colors-interface--colors-text--body-text-white: #fff9;
    --content-width--large: 896px;
    --gaps-radius--bento-gap: 6px;
    --colors-interface--element-bg-whiteelement-bg-dark: #0000004d;
    --colors-text--faded-headings: #0006;
    --content-width--x-large: 1138px;
    --colors-interface--neutral-2: #e8e6e3;
  }

  .section.customer-section {
    padding-top: 24px;
  }

  .dropdown-cta {
    display: none;
  }

  .bold-text.review-card-text, .body-text.career-location, .body-text.career-location {
    flex: 1;
  }

  .heading-h1 {
    font-size: 40px;
    line-height: 1.15em;
  }

  .heading-h2 {
    font-size: 33px;
    line-height: 1.125em;
  }

  .heading-h3 {
    font-size: 28px;
    line-height: 1.2em;
  }

  .heading-h4 {
    font-size: 20px;
    line-height: 1.3em;
  }

  .heading-h5.review-card-text {
    font-size: 16px;
    line-height: 1.4em;
  }

  .heading-h5.body-text {
    font-size: 17px;
    line-height: 1.4em;
  }

  .small-text.body-text-white.career {
    text-align: left;
    text-align: left;
    text-align: left;
  }

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

  .card.dark-quote-card, .card.review {
    min-height: auto;
  }

  .card.dark-quote-card, .card.review {
    min-height: auto;
  }

  .card.support-card.bg-neutral {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
    grid-column-gap: 36px;
    grid-row-gap: 36px;
  }

  .card.comparison-cta-card {
    overflow: hidden;
  }

  .card.values-cta {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .card.dark-quote-alternative {
    min-height: auto;
  }

  .card.figma-card {
    height: 400px;
  }

  .footer-cta {
    height: 200px;
  }

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

  .body-text-white.left-aligned-on-mobile {
    text-align: left;
    text-align: left;
  }

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

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

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

  .announcement-island.bg-dark {
    max-width: var(--content-width--small);
    max-width: var(--content-width--small);
  }

  .vertical-section {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

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

  .hide-on-mobile {
    display: none;
  }

  .hero-contents.justify-on-mobile {
    flex-flow: column;
    flex: 1;
    justify-content: space-between;
    align-items: flex-start;
  }

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

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

  .review-grid-column {
    grid-column-gap: var(--gaps-radius--bento-gap);
    grid-row-gap: var(--gaps-radius--bento-gap);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .accordion-item.padded {
    padding-left: 18px;
    padding-right: 18px;
  }

  .app-card-body.fill-height {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .app-shot-size-2 {
    width: 160%;
  }

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

  .quote-slider-mask {
    width: 544px;
  }

  .quote-bento-inner {
    flex-flow: column;
    display: flex;
  }

  .quote-bento-graphic-wrapper {
    transform: scale(2.5);
  }

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

  .tab-panel {
    flex-flow: column;
  }

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

  .form-box {
    padding-left: 24px;
    padding-right: 24px;
  }

  .headshot-item {
    max-width: 280px;
  }

  .headshot-label-text {
    font-size: 14px;
    line-height: 1.4em;
    transform: translate(12px, -12px)rotate(-90deg);
  }

  .headshot-icon {
    max-height: 24px;
  }

  .icon-badge-cluster-box {
    padding-top: 48px;
    padding-left: 0;
    padding-right: 0;
  }

  .show-on-mobile {
    display: block;
  }

  .grid-box {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    background-color: #0000;
    padding: 0;
  }

  .integrations-box {
    background-color: var(--colors-interface--neutral-1);
  }

  .vertical-bento {
    width: 100%;
  }

  .horizontal-app-card-text {
    max-width: 100%;
  }

  .comparison-grid {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .comparison-table-item, .comparison-table-item.bg-color-white, .comparison-table-item.bg-color-white {
    justify-content: flex-start;
    align-items: center;
  }

  .comparison-list-item {
    text-align: center;
    padding-right: 0;
  }

  .vs-wrapper {
    width: 72px;
  }

  .timeline-section-horizontal {
    flex-flow: column;
    display: flex;
  }

  .sticky-top {
    position: static;
  }

  .video-wrapper {
    background-color: var(--colors-interface--dark);
    padding: 18px;
  }

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

  .team-member-hero-image {
    width: 240px;
    margin-left: auto;
    margin-right: auto;
  }

  .values-grid {
    flex-flow: column;
    display: flex;
  }

  .value-box {
    aspect-ratio: auto;
  }

  .career-link {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .career-link-meta {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    align-self: stretch;
  }

  .features-box {
    padding: 24px;
  }

  .search-modal {
    justify-content: center;
    align-items: center;
    padding: 0 12px;
  }

  .search-modal-body {
    position: relative;
    top: 0;
  }

  .footer-right {
    justify-content: space-between;
    align-items: center;
  }

  .footer-info-box {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
    max-width: 100%;
  }

  .footer-bottom-with-info {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .footer-cta-alternative {
    height: 200px;
  }

  .figma-screenshot {
    max-width: 700px;
  }

  .demo-links-grid {
    grid-template-columns: 1fr;
  }

  .integrations-box-2 {
    background-color: #f6f4f1;
  }

  .announcement-island-2.bg-dark {
    max-width: 412px;
  }

  .social-wrapper {
    justify-content: center;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .heading-style-h2 {
    font-size: 2.25rem;
  }

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

  .comparison1_top-row {
    border-bottom: 1px solid var(--colors-interface--white);
    grid-template-columns: 1fr 1fr;
  }

  .comparison1_top-row-title {
    display: none;
  }

  .heading-style-h6 {
    font-size: 1.125rem;
  }

  .comparison1_top-row-content.background-color-secondary {
    border-radius: 0;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

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

  .comparison1_feature {
    padding-left: 0;
  }

  .comparison1_row-content {
    border-top: 1px solid var(--colors-interface--white);
    border-bottom: 1px solid var(--colors-interface--white);
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .comparison1_row-content.background-color-secondary.is-last {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .heading-h2-2 {
    font-size: 33px;
    line-height: 1.125em;
  }

  .video-wrapper-2 {
    background-color: #000;
    padding: 18px;
  }

  .heading-h4-2 {
    font-size: 20px;
    line-height: 1.3em;
  }

  .heading-h1-2 {
    font-size: 40px;
    line-height: 1.15em;
  }

  .heading-h3-2 {
    font-size: 28px;
    line-height: 1.2em;
  }

  .vs-wrapper-2 {
    width: 72px;
  }

  .heading-h1-3 {
    font-size: 40px;
    line-height: 1.15em;
  }
}

@media screen and (max-width: 479px) {
  body {
    font-size: 16px;
    line-height: 1.4em;
  }

  .section.customer-section, .section.product-section {
    padding-top: 12px;
  }

  .section.announcement-section {
    padding-top: 0;
  }

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

  .section.announcement-section-static {
    padding-top: 0;
  }

  .section.reduced-bottom-padding {
    padding-bottom: 36px;
  }

  .section.bento-hero-section {
    padding-top: 12px;
  }

  .section.bg-dark {
    border-radius: 0;
  }

  .section.customer-section, .section.product-section {
    padding-top: 12px;
  }

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

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

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

  .nav-links {
    padding-left: 18px;
    padding-right: 18px;
  }

  .utility-page-wrap {
    padding-left: 12px;
    padding-right: 12px;
  }

  .open-search-modal {
    display: none;
  }

  .bold-text.review-card-text {
    font-size: 14px;
    line-height: 1.4em;
  }

  .menu-button.w--open {
    padding-right: 0;
  }

  .nav-menu {
    margin-top: 59px;
  }

  .nav-logo-image {
    max-height: 24px;
  }

  .nav-links-buttom {
    margin-top: 6px;
  }

  .heading-h1 {
    line-height: 1.1em;
  }

  .heading-h1.marquee-text {
    font-size: 33px;
    line-height: 1.2em;
  }

  .heading-h1.long-text {
    font-size: 33px;
    line-height: 1.15em;
  }

  .heading-h2.long-text {
    font-size: 28px;
    line-height: 1.2em;
  }

  .heading-h2.hero-quote {
    font-size: 20px;
    line-height: 1.3em;
  }

  .heading-h5.body-text {
    font-size: 16px;
    line-height: 1.4em;
  }

  .heading-h5.long-text, .heading-h5.body-text {
    font-size: 16px;
    line-height: 1.4em;
  }

  .heading-h5.timeline-date {
    display: none;
  }

  .heading-h5.long-text {
    font-size: 16px;
    line-height: 1.4em;
  }

  .card {
    padding: 18px;
  }

  .card.quote-card.height-21 {
    height: 20rem;
    max-height: none;
  }

  .card.app-card-1.flex {
    height: 20rem;
    max-height: 20rem;
  }

  .card.app-card-2 {
    aspect-ratio: 1;
    height: auto;
    padding: 24px;
  }

  .card.small-review {
    text-align: left;
    padding-left: 12px;
    padding-right: 12px;
  }

  .card.icon-box-card {
    flex-flow: column;
  }

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

  .card.horizontal-metric {
    padding-top: 48px;
  }

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

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

  .card.vertical-metric {
    padding-top: 48px;
  }

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

  .card.text-card {
    padding: 24px;
  }

  .card.square-quote-card {
    place-items: start;
    font-size: 14px;
    line-height: 1.4em;
  }

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

  .card.figma-card {
    height: 240px;
  }

  .footer-menus {
    grid-column-gap: 24px;
  }

  .footer-bottom {
    grid-column-gap: 72px;
    grid-row-gap: 72px;
    flex-flow: column-reverse;
    justify-content: flex-end;
    align-items: center;
  }

  .footer-bottom-left {
    justify-content: flex-start;
    align-items: center;
  }

  .card-contents.horizontal-metric-contents, .card-contents.vertical-metric-contents, .card-contents.horizontal-metric-contents, .card-contents.vertical-metric-contents {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .announcement-island {
    border-radius: 0;
    max-width: 100%;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .announcement-island.bg-dark {
    max-width: 100%;
  }

  .vertical-content.align-center {
    padding-left: 12px;
    padding-right: 12px;
    overflow: hidden;
  }

  .vertical-content.hero-title {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }

  .vertical-content.margin-top {
    overflow: hidden;
  }

  .bento-thirds._2-column {
    grid-template-columns: 1fr;
  }

  .app-wrapper-1 {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }

  .image-load-element.portrait-orientation {
    aspect-ratio: auto;
    aspect-ratio: auto;
  }

  .bento-halves {
    flex-flow: column;
    grid-template-columns: 1fr 1fr;
    display: flex;
  }

  .bento-halves.halves-on-mobile {
    grid-column-gap: var(--gaps-radius--default-border-radius);
    grid-row-gap: var(--gaps-radius--default-border-radius);
    grid-column-gap: var(--gaps-radius--default-border-radius);
    grid-row-gap: var(--gaps-radius--default-border-radius);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .popout-cta {
    border-radius: var(--gaps-radius--default-border-radius);
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    margin-top: -42px;
    padding: 18px;
  }

  .section-wide {
    padding: 0;
  }

  .hero {
    border-radius: 0;
    height: 580px;
  }

  .hero.layout-2 {
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 12px;
    padding-right: 12px;
  }

  .hero.layout-3 {
    aspect-ratio: 1;
    justify-content: flex-end;
    align-items: flex-start;
    padding-left: 12px;
    padding-right: 12px;
  }

  .hero-bg.about {
    object-position: 0% 50%;
    object-position: 0% 50%;
  }

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

  .hero-actions {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: wrap;
    flex: none;
    justify-content: flex-start;
    align-items: center;
  }

  .plan {
    padding: 18px;
  }

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

  .icon-box {
    width: 108px;
    height: 78px;
  }

  .icon-box.adjacent {
    width: 100%;
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .icon-box-graphic.wide {
    width: 120%;
  }

  .app-card-body {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .app-shot-wrapper {
    aspect-ratio: 1;
    height: auto;
  }

  .app-shot-wrapper.inside-grid {
    min-height: auto;
    padding: 18px;
  }

  .app-shot-wrapper.inside-secuirty-section, .app-shot-wrapper.inside-grid {
    min-height: auto;
    padding: 18px;
  }

  .app-shot-wrapper.small {
    height: auto;
  }

  .app-shot-wrapper.inside-secuirty-section {
    min-height: auto;
    padding: 18px;
  }

  .app-shot-size-1 {
    width: 100%;
  }

  .app-shot-size-2 {
    width: 220%;
    left: 0;
  }

  .app-shot-size-3 {
    width: 200px;
  }

  .app-shot-size-4 {
    width: 150%;
    max-width: none;
  }

  .metric-with-icon-wrapper.stack-on-mobile {
    flex-flow: column;
  }

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

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

  .quote-slider.quote-cards {
    width: 100%;
    height: auto;
  }

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

  .quote-bento-graphic-wrapper {
    transform: scale(4);
  }

  .hero-scrim {
    height: 100%;
  }

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

  .metric-number-large {
    font-size: 56px;
    line-height: 1.1em;
  }

  .icon-box-halves {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .widescreen-orientation {
    aspect-ratio: auto;
  }

  .tabs-menu {
    grid-column-gap: var(--gaps-radius--bento-gap);
    grid-row-gap: var(--gaps-radius--bento-gap);
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-self: stretch;
    display: grid;
  }

  .tab-panel {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .tab-screen-shot {
    max-width: 100%;
  }

  .form-input, .form-input::placeholder {
    font-size: 16px;
    line-height: 1.4em;
  }

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

  .cta-box {
    padding-top: 18px;
    padding-left: 18px;
    padding-right: 18px;
  }

  .buttons.app-store-buttons {
    flex-flow: column;
  }

  .phone-screenshot-box.fill-parent {
    aspect-ratio: 1;
    aspect-ratio: 1;
    width: 100%;
    padding: 36px;
  }

  .phone-screenshot.small {
    max-width: 100%;
  }

  .headshot-item {
    max-width: 250px;
  }

  .headshot-label {
    width: 48px;
  }

  .headshot-label-text {
    transform: translate(10px, -12px)rotate(-90deg);
  }

  .headshot-icon {
    max-height: 20px;
  }

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

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

  .integrations-box {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .integration-icon {
    width: 96px;
    height: 96px;
  }

  .integration-icon-image {
    max-width: 54px;
  }

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

  .comparison-grid {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
  }

  .comparison-table-item {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
    border-top-right-radius: var(--gaps-radius--default-border-radius);
    text-align: center;
    border-bottom-left-radius: 0;
    display: flex;
  }

  .comparison-table-item.right {
    border-top-right-radius: 0;
    border-bottom-left-radius: var(--gaps-radius--default-border-radius);
    text-align: center;
    border-top-right-radius: 0;
    border-bottom-left-radius: var(--gaps-radius--default-border-radius);
    text-align: center;
  }

  .comparison-wrapper {
    flex-flow: column;
    display: flex;
  }

  .comparison-wrapper.right {
    flex-flow: column-reverse;
  }

  .comparison-wrapper.product {
    display: none;
  }

  .comparison-list {
    display: flex;
  }

  .comparison-list-item {
    padding-left: 2rem;
    padding-right: 2rem;
    display: flex;
  }

  .comparison-list-item.text-color-black {
    text-align: left;
    padding-left: 0;
    padding-right: 0;
  }

  .comparison-list-item.for-mobile {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .vs-wrapper {
    top: 50%;
    transform: translate(-50%, -50%);
  }

  .comparison-frame {
    flex-flow: row;
    width: 100%;
    height: 21px;
    display: block;
  }

  .comparison-frame-top {
    border-top-right-radius: 0;
    border-bottom-left-radius: var(--gaps-radius--default-border-radius);
    flex: 1;
    width: calc(50% - 36px);
    height: 21px;
    display: inline-block;
  }

  .comparison-frame-bottom {
    float: right;
    border-top-right-radius: 0;
    border-bottom-left-radius: var(--gaps-radius--default-border-radius);
    width: calc(50% - 36px);
    height: 21px;
    margin-top: 0;
    display: inline-block;
  }

  .timeline-item {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }

  .timeline-text {
    padding-bottom: 60px;
  }

  .small-logos {
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
  }

  .video-wrapper {
    aspect-ratio: 1;
  }

  .video-bg {
    opacity: .7;
  }

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

  .team-member-card, .team-member-small {
    flex-flow: column;
    display: flex;
  }

  .blog-layout {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .subscribe-box {
    padding-left: 18px;
    padding-right: 18px;
  }

  .subscribe-form {
    flex-flow: column;
  }

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

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

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

  .team-member-hero-image {
    width: 180px;
  }

  .value-box {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    padding: 24px;
  }

  .quote-card {
    flex-flow: column;
    display: flex;
  }

  .quote-card-body {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .mask {
    height: auto;
  }

  .career-link-meta {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .section-wrapper {
    padding: 0;
  }

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

  .small-features {
    flex-flow: column;
    display: flex;
  }

  .careers-card-contents {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    padding: 12px;
  }

  .customer-metric-card {
    flex-flow: column-reverse;
    margin-right: 12px;
    display: flex;
  }

  .customer-metric-card-contents {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

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

  .customer-card-body {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
    padding: 18px;
  }

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

  .customer-intro-box {
    padding: 18px;
  }

  .customer-meta, .image-bento, .contact-methods {
    flex-flow: column;
    display: flex;
  }

  .checkout-section {
    margin-bottom: 48px;
  }

  .checkout-input {
    height: 39px;
  }

  .search-form {
    flex-flow: column;
  }

  .search-result-url {
    font-size: 12px;
    line-height: 1.4em;
  }

  .search-result-paragraph {
    font-size: 14px;
    line-height: 1.4em;
  }

  .plan-top {
    padding: 18px;
  }

  .cart-container {
    border-radius: 0;
  }

  .search-modal-body {
    padding: 12px;
  }

  .utility-section {
    padding: 18px;
  }

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

  .footer-bottom-with-info {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    justify-content: flex-end;
    align-items: center;
  }

  .screenshots-hero {
    aspect-ratio: auto;
    padding-top: 12px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .screenshot-slider {
    max-width: 100%;
  }

  .figma-screenshot {
    max-width: 400px;
  }

  .demo-link {
    padding: 18px;
  }

  .integration-icon-2 {
    width: 96px;
    height: 96px;
  }

  .container-2 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .integrations-box-2 {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .big_marquee {
    height: 96px;
  }

  .comparision-heading {
    font-size: 1rem;
    display: flex;
  }

  .text-size-large {
    font-size: 18px;
  }

  .announcement-island-2 {
    border-radius: 0;
    max-width: 100%;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .announcement-island-2.bg-dark {
    max-width: 100%;
  }

  .section-3.announcement-section {
    padding-top: 0;
  }

  .section-3.bg-dark {
    border-radius: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .comparison1_top-row-title, .comparison1_top-row-content {
    padding: 1rem .5rem;
  }

  .comparison1_top-row-header {
    justify-content: center;
    align-items: center;
  }

  .icon-1x1-medium {
    width: 2rem;
    height: 2rem;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .comparison1_top-row-image {
    height: 2rem;
  }

  .comparison1_top-row-image-wrapper {
    justify-content: center;
    align-items: center;
  }

  .bento-halves-2 {
    flex-flow: column;
    grid-template-columns: 1fr 1fr;
    display: flex;
  }

  .card-2, .plan-top-2 {
    padding: 18px;
  }

  .bento-halves-3 {
    flex-flow: column;
    grid-template-columns: 1fr 1fr;
    display: flex;
  }

  .card-3 {
    padding: 18px;
  }

  .app-shot-wrapper-2 {
    aspect-ratio: 1;
    height: auto;
  }

  .app-shot-wrapper-2.inside-grid {
    min-height: auto;
    padding: 18px;
  }

  .section-wrapper-2 {
    padding: 0;
  }

  .video-wrapper-2 {
    aspect-ratio: 1;
  }

  .bento-halves-4 {
    flex-flow: column;
    grid-template-columns: 1fr 1fr;
    display: flex;
  }

  .heading-h1-2 {
    line-height: 1.1em;
  }

  .heading-h1-2.long-text {
    font-size: 33px;
    line-height: 1.15em;
  }

  .popout-cta-2 {
    text-align: center;
    border-radius: 6px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    margin-top: -42px;
    padding: 18px;
  }

  .comparison-grid-2 {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    flex-flow: column;
    display: flex;
  }

  .comparison-wrapper-2 {
    flex-flow: column;
  }

  .comparison-wrapper-2.right {
    flex-flow: column-reverse;
  }

  .comparison-frame-bottom-2 {
    float: right;
    border-top-right-radius: 0;
    border-bottom-left-radius: 6px;
    width: calc(50% - 36px);
    height: 21px;
    margin-top: 0;
    display: inline-block;
  }

  .vs-wrapper-2 {
    top: 50%;
    transform: translate(-50%, -50%);
  }

  .comparison-frame-top-2 {
    border-top-right-radius: 0;
    border-bottom-left-radius: 6px;
    flex: 1;
    width: calc(50% - 36px);
    height: 21px;
    display: inline-block;
  }

  .comparison-table-item-2 {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
    text-align: center;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 0;
  }

  .comparison-table-item-2.right {
    text-align: center;
    text-align: center;
    border-top-right-radius: 0;
    border-bottom-left-radius: 6px;
  }

  .card-4 {
    padding: 18px;
  }

  .heading-h1-3 {
    line-height: 1.1em;
  }
}

#w-node-b9151b83-28cc-c81b-ad83-f3208a637ce5-b6622c01 {
  justify-self: stretch;
}

#w-node-_3254ed4d-120f-e643-df19-72918131ba4a-8131ba2c {
  place-self: stretch stretch;
}

#w-node-cb133edb-86f9-9f94-5ed7-4c78d5cca954-d5cca94f {
  justify-self: start;
}

#w-node-cb133edb-86f9-9f94-5ed7-4c78d5cca9eb-d5cca94f {
  justify-self: end;
}