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

.w-checkbox {
  display: block;
  margin-bottom: 5px;
  padding-left: 20px;
}

.w-checkbox::before {
  content: ' ';
  display: table;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
}

.w-checkbox::after {
  content: ' ';
  display: table;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
  clear: both;
}

.w-checkbox-input {
  float: left;
  margin-bottom: 0px;
  margin-left: -20px;
  margin-right: 0px;
  margin-top: 4px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-top-color: #ccc;
  border-bottom-color: #ccc;
  border-left-color: #ccc;
  border-right-color: #ccc;
  border-top-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  width: 12px;
  height: 12px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  border-top-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  border-right-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0px 0px 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom {
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-top-color: #ccc;
  border-bottom-color: #ccc;
  border-left-color: #ccc;
  border-right-color: #ccc;
  border-top-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  width: 12px;
  height: 12px;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0px 0px 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-top-width: 4px;
  border-bottom-width: 4px;
  border-left-width: 4px;
  border-right-width: 4px;
  border-top-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  border-right-color: #3898ec;
}

body {
  background-color: #000;
  font-family: Satoshi;
  color: hsla(0, 0%, 100%, 0.8);
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
}

h1 {
  margin-top: 0px;
  margin-bottom: 21px;
  color: #fff;
  font-size: 52px;
  line-height: 1em;
  font-weight: 500;
  letter-spacing: -0.01em;
}

h2 {
  margin-top: 0px;
  margin-bottom: 21px;
  color: #fff;
  font-size: 40px;
  line-height: 1.1em;
  font-weight: 500;
}

h3 {
  margin-top: 0px;
  margin-bottom: 14px;
  color: #fff;
  font-size: 32px;
  line-height: 40px;
  font-weight: 500;
}

h4 {
  margin-top: 0px;
  margin-bottom: 14px;
  color: #fff;
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
}

h5 {
  margin-top: 0px;
  margin-bottom: 7px;
  color: #fff;
  font-size: 18px;
  line-height: 28px;
  font-weight: 700;
}

h6 {
  margin-top: 0px;
  margin-bottom: 7px;
  color: #fff;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
}

p {
  margin-bottom: 24px;
}

a {
  color: #fff;
  font-weight: 600;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

ul {
  display: -ms-grid;
  display: grid;
  margin-top: 28px;
  margin-bottom: 28px;
  padding-left: 28px;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 14px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

img {
  display: inline-block;
  max-width: 50%;
  color: rgba(91, 91, 91, 0.8);
  -o-object-fit: cover;
  object-fit: cover;
}

label {
  display: block;
  margin-bottom: 7px;
  color: #fff;
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
}

blockquote {
  margin-bottom: 21px;
  padding: 0px;
  border-left: 5px none #e2e2e2;
  color: #fff;
  font-size: 24px;
  line-height: 32px;
  font-style: italic;
}

figure {
  margin-bottom: 10px;
}

figcaption {
  margin-top: 14px;
  font-size: 14px;
  line-height: 22px;
  text-align: left;
}

.loading-container {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: -80px;
  z-index: 9999;
  display: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.load-first {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.load-second {
  border-style: none;
  border-width: 1px;
  border-color: #e8e8e8;
}

.section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-top: 120px;
  padding-bottom: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-style: none;
  border-width: 1px;
  border-color: #1b1c21;
  text-align: center;
}

.section.increased-padding {
  max-width: 1272px;
  margin-top: 0px;
  margin-right: auto;
  margin-left: auto;
  padding: 80px 40px 34px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  border: 1px solid #1c1c1c;
  font-family: 'Open Sans', sans-serif;
}

.section.increased-padding.bg-primary-1.request-demo-section {
  max-width: 720px;
  padding-top: 40px;
  border-style: none;
  background-color: transparent;
}

.section.increased-padding.reduced-bottom-padding {
  padding-bottom: 84px;
}

.section.increased-padding.revised {
  max-width: 1200px;
  margin-top: 64px;
  margin-bottom: 0px;
  padding: 40px 0px 24px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
}

.section.increased-padding.revised.original {
  display: none;
}

.section.increased-padding.revised.hero-section {
  position: relative;
  max-width: 1280px;
  margin-top: 52px;
  padding-top: 48px;
  padding-bottom: 48px;
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  border-style: none;
}

.section.increased-padding.revised.hero-section.experiment {
  display: block;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.section.increased-padding.revised.hero-section.no-experiment {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 1280px;
  margin-right: 0px;
  margin-left: 0px;
  padding-right: 20px;
  padding-left: 20px;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
}

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

.section.no-top-padding.border-bottom {
  padding-top: 84px;
  border-bottom-style: none;
}

.section.no-top-padding.border-bottom.feature-section {
  padding-top: 0px;
  padding-bottom: 0px;
}

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

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

.section.account-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 800px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.section.border-bottom {
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.2);
}

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

.section.border-bottom.use-case-section.last-use-case {
  max-width: 1400px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 0px;
  padding-bottom: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  border-bottom-style: none;
  font-family: 'Open Sans', sans-serif;
}

.section.supported-apps {
  padding-bottom: 64px;
}

.section.what-are-cloud-computers {
  margin-top: 64px;
  margin-bottom: 8px;
}

.section.final-section {
  margin-top: 140px;
  padding-bottom: 140px;
  background-color: #a888ff;
}

.section.testimonial-section {
  display: block;
  margin-bottom: 80px;
}

.main-container {
  display: block;
  width: 100%;
  max-width: 1280px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 0px;
  padding-left: 0px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  text-align: left;
}

.main-container.nav-main-container {
  max-width: 1272px;
  padding-top: 8px;
  padding-right: 40px;
  padding-left: 40px;
}

.main-container.nav-main-container.revised {
  max-width: 1280px;
  margin-top: 0px;
  padding: 0px 0px 12px;
}

.main-container.relative {
  position: relative;
  padding-right: 20px;
  padding-left: 20px;
}

.main-container.pricing-table {
  display: none;
  max-width: 1200px;
  margin-bottom: 24px;
}

.main-container.animated-hero {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
}

.main-container.footer-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.main-container.experiment {
  position: relative;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  text-align: center;
}

.main-container.main-features {
  max-width: 1280px;
  padding-right: 20px;
  padding-left: 20px;
}

.style-guide {
  grid-row-gap: 112px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.style-guide-section {
  grid-column-gap: 56px;
  grid-row-gap: 84px;
  -ms-grid-columns: 0.33fr 1fr;
  grid-template-columns: 0.33fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.style-guide-colors {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.style-guide-color {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 168px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  border-radius: 6px;
}

.style-guide-color.border {
  border-style: solid;
  border-width: 1px;
  border-color: hsla(0, 0%, 100%, 0.2);
}

.bg-primary-1 {
  background-color: #3e68ff;
  color: #fff;
}

.bg-primary-2 {
  background-color: #4dec9f;
}

.bg-dark {
  background-color: #000;
  color: #fff;
}

.bg-white {
  background-color: #fff;
}

.style-guide-typography {
  grid-row-gap: 28px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.large-text {
  max-width: 740px;
  margin-right: auto;
  margin-left: auto;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 20px;
  line-height: 32px;
  font-weight: 600;
}

.large-text.muted-text {
  opacity: 0.75;
}

.large-text.hero-subheading {
  max-width: 680px;
  margin-left: 0px;
  font-size: 20px;
  font-weight: 400;
  text-align: left;
}

.large-text.h3-subheading {
  margin-top: 20px;
  color: hsla(0, 0%, 100%, 0.8);
  font-size: 18px;
  font-weight: 400;
}

.large-text.h3-subheading.bottom-bar-text {
  color: rgba(0, 0, 0, 0.8);
  font-size: 20px;
  font-weight: 600;
}

.small-text {
  font-family: 'Open Sans', sans-serif;
  color: hsla(0, 0%, 100%, 0.8);
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
}

.small-text.text-white {
  color: #fff;
  font-size: 16px;
}

.small-text.integration-text {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: hsla(0, 0%, 100%, 0.8);
  text-align: left;
}

.small-text.cms-date {
  margin-left: 14px;
}

.small-text.hidden-text {
  display: none;
  overflow: hidden;
  margin-bottom: 0px;
}

.small-text.per-month {
  margin-bottom: 0px;
  margin-left: 6px;
  font-size: 18px;
}

.no-bottom-margin {
  margin-bottom: 16px;
  color: #fff;
  font-weight: 600;
}

.style-guide-buttons {
  justify-items: start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.button {
  width: auto;
  height: auto;
  margin: 0px 8px 0px 0px;
  padding: 16px 32px;
  border-radius: 4px;
  background-color: #a888ff;
  font-family: 'Open Sans', sans-serif;
  color: #020202;
  font-size: 18px;
  line-height: 22px;
  font-weight: 600;
  text-align: center;
}

.button:hover {
  background-color: #bba2ff;
}

.button.small {
  padding: 9px 16px;
}

.button.small.bg-white-faded {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.button.small.nav-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 44px;
  margin-right: 0px;
  margin-left: 24px;
  padding: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: none;
  border-width: 2px;
  border-color: #fff;
  border-radius: 6px;
  background-color: transparent;
  font-family: 'Open Sans', sans-serif;
  color: hsla(0, 0%, 100%, 0.8);
  line-height: 28px;
  font-weight: 600;
}

.button.small.nav-button:hover {
  background-color: transparent;
  box-shadow: none;
  color: #bba2ff;
}

.button.small.nav-button.sign-up-btn {
  height: 36px;
  margin-left: 12px;
  padding: 12px 16px;
  border-radius: 4px;
  background-color: #a888ff;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
  color: rgba(0, 0, 0, 0.8);
}

.button.small.nav-button.sign-up-btn:hover {
  background-color: #bba2ff;
}

.button.small.nav-button.sign-up-btn.discord-nav-btn {
  padding-bottom: 14px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #2c2d37;
}

.button.small.nav-button.sign-up-btn.discord-nav-btn.secondary {
  border-style: none;
  border-width: 2px;
  border-color: #272832;
  background-color: #272832;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
  color: #000;
}

.button.small.nav-button.sign-up-btn.discord-nav-btn.secondary:hover {
  background-color: #2f303c;
  -webkit-filter: none;
  filter: none;
}

.button.small.nav-button.sign-up-btn.discord-nav-btn.secondary.sign-in-btn {
  display: none;
}

.button.small.nav-button.sign-up-btn.btf-cta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  max-width: none;
  margin-top: 20px;
  margin-left: 0px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.button.small.nav-button.discord-btn {
  opacity: 0.8;
}

.button.small.nav-button.discord-btn:hover {
  opacity: 1;
}

.button.icon-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.button.bg-white {
  background-color: #fff;
  color: #3e68ff;
}

.button.full-width {
  width: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.button.adjacent-to-button {
  margin-right: 7px;
  margin-left: 7px;
}

.button.adjacent-to-button.bg-transparent {
  margin-left: 0px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
}

.button.adjacent-to-button.bg-transparent.see-documentation-btn {
  background-color: #1c1c1c;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  font-size: 16px;
}

.button.adjacent-to-button.bg-transparent.see-documentation-btn:hover {
  background-color: #414141;
  box-shadow: none;
}

.button.adjacent-to-button.bg-transparent.requestdemoscrollbtn {
  margin-right: 8px;
  margin-bottom: 0px;
  padding-right: 32px;
  padding-left: 32px;
  border-style: none;
  border-width: 2px;
  border-color: #878787;
  background-color: #fff;
  color: #fff;
  font-size: 16px;
}

.button.adjacent-to-button.bg-transparent.requestdemoscrollbtn:hover {
  box-shadow: 0 800px 3px 0 rgba(0, 0, 0, 0.25);
}

.button.adjacent-to-button.bg-transparent.requestdemoscrollbtn.tertiary-button {
  border-style: none;
}

.button.adjacent-to-button.bg-transparent.requestdemoscrollbtn.only-text {
  margin-top: 8px;
  margin-left: 4px;
  padding-right: 0px;
  padding-left: 0px;
  background-color: rgba(255, 255, 255, 0);
  color: #a888ff;
  font-weight: 400;
}

.button.adjacent-to-button.bg-transparent.requestdemoscrollbtn.only-text:hover {
  box-shadow: none;
  color: #bba2ff;
}

.button.adjacent-to-button.bg-transparent.requestdemoscrollbtn.pricing-cta-button {
  margin-top: 16px;
  padding-top: 16px;
  padding-bottom: 16px;
  border-style: none;
  border-color: #323340;
  background-color: #2c2d37;
}

.button.adjacent-to-button.bg-transparent.requestdemoscrollbtn.pricing-cta-button:hover {
  background-color: #3c3d4c;
}

.button.adjacent-to-input {
  border-radius: 4px;
  background-color: #a888ff;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  font-family: 'Open Sans', sans-serif;
  color: #000;
  font-size: 17px;
  font-weight: 600;
}

.button.adjacent-to-input:hover {
  background-color: #bba2ff;
  box-shadow: none;
}

.button.adjacent-to-input.bottom-cta-btn {
  background-color: #fff;
}

.button.adjacent-to-link {
  margin-right: 21px;
}

.button.bottom-button {
  background-color: #fff;
}

.button.pricing-button {
  display: block;
  width: auto;
  margin-top: 0px;
  padding-top: 16px;
  padding-bottom: 16px;
  background-color: #fff;
  color: #000;
}

.button.pricing-button:hover {
  background-color: #fff;
}

.button.pricing-button.text-block-29 {
  max-width: 240px;
  margin-right: auto;
  margin-left: auto;
  background-color: #fff;
}

.button.pricing-button.text-block-29.purple {
  background-color: #a888ff;
}

.button.pricing-button.text-block-29.purple.talk-to-the-founders-pricing-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-filter: none;
  filter: none;
}

.button.pricing-button.text-block-29.purple.talk-to-the-founders-pricing-btn:hover {
  background-color: #bba2ff;
}

.button.secondary {
  background-color: #2c2d37;
}

.button.secondary:hover {
  -webkit-filter: brightness(120%);
  filter: brightness(120%);
}

.button.get-started-cta {
  margin-top: 16px;
}

.navbar {
  background-color: transparent;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}

.form-block {
  width: 100%;
  max-width: 480px;
  margin-bottom: 0px;
  line-height: 28px;
}

.form-block.email-form {
  display: block;
}

.form-input {
  min-height: 50px;
  margin-bottom: 0px;
  padding: 14px 21px;
  border-style: solid;
  border-width: 1px;
  border-color: hsla(0, 0%, 100%, 0.2);
  border-radius: 3px;
  background-color: transparent;
  -webkit-transition: border-color 200ms ease;
  transition: border-color 200ms ease;
  color: #fff;
  font-size: 16px;
  line-height: 22px;
}

.form-input:focus {
  border-color: hsla(0, 0%, 100%, 0.5);
}

.form-input::-webkit-input-placeholder {
  color: hsla(0, 0%, 100%, 0.5);
}

.form-input:-ms-input-placeholder {
  color: hsla(0, 0%, 100%, 0.5);
}

.form-input::-ms-input-placeholder {
  color: hsla(0, 0%, 100%, 0.5);
}

.form-input::placeholder {
  color: hsla(0, 0%, 100%, 0.5);
}

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

.form-input.adjacent-to-button {
  max-width: 400px;
  min-height: 56px;
  border-radius: 6px 0px 0px 6px;
  font-family: 'Open Sans', sans-serif;
  line-height: 22px;
}

.form-input.adjacent-to-button.bottom-cta {
  border-style: solid;
  border-color: hsla(0, 0%, 100%, 0.75);
  background-color: rgba(0, 0, 0, 0.25);
  color: #fff;
}

.form-input.adjacent-to-button.bottom-cta::-webkit-input-placeholder {
  color: hsla(0, 0%, 100%, 0.9);
}

.form-input.adjacent-to-button.bottom-cta:-ms-input-placeholder {
  color: hsla(0, 0%, 100%, 0.9);
}

.form-input.adjacent-to-button.bottom-cta::-ms-input-placeholder {
  color: hsla(0, 0%, 100%, 0.9);
}

.form-input.adjacent-to-button.bottom-cta::placeholder {
  color: hsla(0, 0%, 100%, 0.9);
}

.form-grid-vertical {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 21px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.selectable-field {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0px;
  padding-left: 0px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.selectable-label {
  margin-bottom: 0px;
  margin-left: 14px;
}

.footer {
  margin-top: 0px;
  padding-top: 80px;
  padding-bottom: 56px;
  border-style: solid none none;
  border-width: 2px;
  border-color: #22232c;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  line-height: 22px;
}

.back-to-top-button {
  position: fixed;
  right: 14px;
  bottom: 14px;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 42px;
  height: 42px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: hsla(0, 0%, 100%, 0.2);
  border-radius: 50%;
  background-color: #272832;
  -webkit-transition: border-color 200ms ease, background-color 200ms ease;
  transition: border-color 200ms ease, background-color 200ms ease;
}

.back-to-top-button:hover {
  border-color: transparent;
  background-color: hsla(0, 0%, 100%, 0.2);
}

.announcement-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #3e68ff;
  color: #fff;
  font-size: 16px;
  line-height: 22px;
}

.announcement-cross {
  position: absolute;
  right: 0px;
  display: block;
  width: 28px;
  height: 28px;
  cursor: pointer;
}

.announcement-contents {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.search-modal {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 9999;
  display: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.search-modal-screen {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  background-color: rgba(0, 0, 0, 0.7);
}

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

.utility-page-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 474px;
  margin-bottom: 0px;
  padding-right: 21px;
  padding-left: 21px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
}

.utility-page-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.search-modal-container {
  position: relative;
  width: 100%;
  max-width: 792px;
  margin-top: 56px;
  padding: 35px;
  border-style: solid;
  border-width: 1px;
  border-color: hsla(0, 0%, 100%, 0.2);
  border-radius: 6px;
  background-color: #000;
}

.select-wrapper {
  overflow: hidden;
  min-height: 50px;
  padding: 7px;
  border-style: solid;
  border-width: 1px;
  border-color: hsla(0, 0%, 100%, 0.2);
  border-radius: 3px;
}

.select-field {
  width: 110%;
  margin-bottom: 0px;
  border: 1px none #000;
  background-color: transparent;
  background-image: url('../images/icon-chevron-down.svg');
  background-position: 90% 50%;
  background-size: 16px 16px;
  background-repeat: no-repeat;
  color: #fff;
  font-size: 18px;
  line-height: 28px;
}

.display-heading {
  position: relative;
  overflow: visible;
  margin-bottom: 32px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 72px;
  line-height: 1em;
  font-weight: 600;
  letter-spacing: -0.02em;
}

.display-heading.no-bottom-margin {
  margin-bottom: 0px;
  font-size: 32px;
  font-weight: 400;
}

.display-heading.reduced-margin {
  margin-bottom: 7px;
}

.display-heading.desktop-h1 {
  color: #fff;
  font-size: 84px;
  line-height: 0.85em;
  font-weight: 600;
  text-align: left;
}

.display-heading.mobile-heading {
  display: none;
}

.bg-primary-3 {
  background-color: #f54848;
}

.checkbox {
  width: 22px;
  height: 22px;
  margin-top: 0px;
  margin-left: 0px;
  border-color: hsla(0, 0%, 100%, 0.2);
  border-radius: 3px;
}

.checkbox.w--redirected-checked {
  border-radius: 3%;
  background-color: transparent;
  background-image: url('../images/icon-check.svg');
  background-position: 50% 50%;
  background-size: auto;
}

.radio {
  width: 22px;
  height: 22px;
  margin-top: 0px;
  margin-left: 0px;
  border-color: hsla(0, 0%, 100%, 0.2);
}

.radio.w--redirected-checked {
  border-width: 6px;
  border-color: #fff;
}

.style-guide-row-heading {
  margin-bottom: 28px;
}

.style-guide-form-rows {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 56px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.navbar-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 52px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.fine-print-text {
  font-size: 14px;
  line-height: 22px;
}

.fine-print-text.form-hint-text {
  margin-top: 7px;
}

.fine-print-text.hover-link {
  opacity: 0.75;
}

.button-icon {
  max-height: 14px;
}

.button-icon.left {
  margin-right: 14px;
}

.button-icon.left.reduced-margin {
  margin-right: 7px;
  margin-left: -7px;
}

.style-guide-color-label {
  position: absolute;
  left: 21px;
  bottom: 21px;
  font-size: 16px;
  line-height: 22px;
}

.text-dark {
  color: #000;
  font-size: 18px;
}

.text-dark.see-documentation-btn {
  color: #fff;
}

.text-dark.only-text {
  color: #a888ff;
  text-align: left;
  text-decoration: underline;
}

.text-dark.pricing-cta-btn-text {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}

.bg-white-faded {
  background-color: hsla(0, 0%, 100%, 0.2);
}

.bg-text-color {
  background-color: hsla(0, 0%, 100%, 0.8);
}

.style-guide-icons {
  justify-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.mobile-brand {
  display: none;
}

.desktop-brand {
  line-height: 28px;
}

.desktop-brand.w--current {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.nav-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.navbar-container {
  border: 1px solid #1c1c1c;
}

.navbar-container.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  z-index: 10;
  background-color: #000;
}

.nav-link {
  margin-right: auto;
  margin-left: auto;
  padding: 7px 14px;
  border-radius: 3px;
  background-color: transparent;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
  color: #fff;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
}

.nav-link:hover {
  background-color: hsla(0, 0%, 100%, 0.2);
}

.nav-link.trigger-search-modal {
  cursor: pointer;
}

.nav-dropdown-toggle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: auto;
  margin-left: auto;
  padding: 7px 14px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 3px;
  background-color: transparent;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
  color: #fff;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
}

.nav-dropdown-toggle:hover {
  background-color: hsla(0, 0%, 100%, 0.2);
}

.dropdown-icon {
  margin-left: 4px;
}

.announcement-text {
  width: 100%;
  padding-top: 14px;
  padding-bottom: 14px;
  text-align: center;
}

.footer-grid {
  margin-bottom: 56px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  justify-items: stretch;
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.vertical-link-grid {
  justify-items: start;
  grid-row-gap: 14px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}

.social-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.social-link-icon {
  margin-right: 10px;
}

.footer-logo-link {
  margin-bottom: 42px;
}

.footer-heading {
  margin-bottom: 14px;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.hover-link {
  opacity: 0.5;
  -webkit-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
  font-size: 15px;
  font-weight: 400;
}

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

.footer-bottom-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.footer-tagline-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 7px 7px 7px 14px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: hsla(0, 0%, 100%, 0.2);
  border-radius: 3px;
}

.footer-tagline-text {
  margin-right: 14px;
}

.back-to-top-icon {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.dropdown-container {
  padding: 7px;
  background-color: hsla(0, 0%, 100%, 0.1);
  font-size: 16px;
  line-height: 22px;
}

.dropdown-container.no-padding {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0px;
}

.dropdown-container.sidebar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 180px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-left: 1px solid hsla(0, 0%, 100%, 0.2);
  border-radius: 0px;
  background-color: transparent;
  font-size: 14px;
}

.bg-box {
  background-color: hsla(0, 0%, 100%, 0.1);
}

.dropdown-link {
  position: relative;
  z-index: 1000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 400px;
  padding: 12px 16px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-radius: 0px;
  background-color: transparent;
  opacity: 0.75;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  -webkit-transition: background-color 200ms ease, opacity 200ms ease;
  transition: background-color 200ms ease, opacity 200ms ease;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
}

.dropdown-link:hover {
  background-color: hsla(0, 0%, 100%, 0.1);
  opacity: 1;
}

.dropdown-link.large {
  padding: 14px;
  opacity: 1;
  color: hsla(0, 0%, 100%, 0.8);
  font-weight: 500;
}

.dropdown-link.border-bottom {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.dropdown-link.border-bottom:hover {
  background-color: #272832;
}

.dropdown-link.border-top {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.dropdown-link.border-top:hover {
  background-color: #272832;
}

.dropdown-list {
  z-index: 10;
  min-width: 180px;
  border-style: solid;
  border-width: 1px;
  border-color: hsla(0, 0%, 100%, 0.2);
  border-radius: 6px;
  background-color: #000;
}

.horizontal-rule {
  width: 100%;
  height: 1px;
  background-color: hsla(0, 0%, 100%, 0.2);
}

.dropdown-grid {
  min-width: 40vw;
  padding: 14px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  grid-column-gap: 14px;
  grid-row-gap: 14px;
}

.icon-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 21px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.icon-title.reduced-margin {
  margin-bottom: 7px;
}

.icon-title.no-bottom-margin {
  margin-bottom: 0px;
}

.icon-square {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 7px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 6px;
  background-color: #fff;
}

.icon-square.above-heading {
  width: 40px;
  height: 40px;
  margin-top: 2px;
  margin-right: 16px;
  margin-bottom: 0px;
  padding: 6px 0px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 13px;
  background-color: #fff;
}

.icon-square.above-heading.grad-cap-icon {
  width: 48px;
  height: 48px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.icon-square.above-heading.globe-icon {
  width: 48px;
  height: 48px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.icon-horizontal-heading {
  margin-bottom: 0px;
  margin-left: 14px;
}

.dropdown-sidebar-heading {
  margin-top: 10px;
  margin-left: 10px;
}

.dropdown-sidebar-menu {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.dropdown {
  position: static;
  z-index: 1;
}

.dropdown-wrapper {
  margin-right: auto;
  margin-left: auto;
}

.dropdown-screen {
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 1;
  display: none;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0;
}

.grid-halves {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  justify-items: stretch;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-auto-flow: row dense;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  text-align: left;
  -o-object-fit: fill;
  object-fit: fill;
}

.grid-halves.inside-container {
  justify-items: stretch;
  -webkit-box-align: start;
  -webkit-align-items: start;
  -ms-flex-align: start;
  align-items: start;
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}

.grid-halves.stretch-children {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.grid-halves.reversed-flex {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  max-width: 480px;
  margin-top: 8px;
  margin-right: auto;
  margin-left: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -o-object-fit: contain;
  object-fit: contain;
}

.container.reduced-width {
  max-width: 480px;
}

.container.inner-section-container {
  position: relative;
  max-width: 810px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.container.request-api-container {
  max-width: 520px;
}

.container.center {
  margin-left: auto;
}

.section-title {
  margin-bottom: 24px;
}

.section-title.reduced-margin {
  margin-bottom: 35px;
}

.section-title.increased-margin {
  margin-bottom: 70px;
}

.section-title.increased-margin.text-center {
  margin-bottom: 40px;
}

.section-title.increased-margin.text-center.no-subheading {
  display: none;
  margin-bottom: 48px;
}

.section-title.increased-margin.text-center.no-subheading.get-started {
  display: block;
  margin-bottom: 28px;
}

.section-title.increased-margin.text-center.no-subjeading {
  margin-bottom: 0px;
}

.section-title.increased-margin.text-center.products-built-with-hyperbeam {
  display: none;
}

.section-title.justify-content-left {
  margin-bottom: 20px;
}

.section-title.justify-content-left.mobile-title {
  display: none;
}

.button-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 28px;
}

.button-row.justify-content-center {
  width: 480px;
  max-width: 480px;
  margin-top: 8px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.button-row.justify-content-center.revised {
  padding-left: 0px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.button-row.justify-content-center.revised.center {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.button-row.above-content {
  margin-bottom: 35px;
}

.button-row.align-contents-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.tab-link {
  margin-right: 3.5px;
  margin-left: 3.5px;
  padding: 7px 14px;
  border-radius: 3px;
  background-color: transparent;
  opacity: 0.5;
  -webkit-transition: opacity 200ms ease, background-color 200ms ease;
  transition: opacity 200ms ease, background-color 200ms ease;
  color: #fff;
  font-size: 14px;
  line-height: 22px;
}

.tab-link:hover {
  background-color: hsla(0, 0%, 100%, 0.2);
  opacity: 1;
}

.tab-link.w--current {
  background-color: hsla(0, 0%, 100%, 0.2);
  opacity: 1;
}

.tab-link.pricing-tab {
  -webkit-transition: color 200ms ease, opacity 200ms ease, background-color 200ms ease;
  transition: color 200ms ease, opacity 200ms ease, background-color 200ms ease;
}

.tab-link.pricing-tab.w--current {
  background-color: #4dec9f;
  color: #000;
}

.tab-links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.tab-links.wrapper {
  margin-right: -7px;
  margin-left: -7px;
}

.cms-grid {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.cms-item-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 6px;
  -webkit-transform: scale3d(1none, 1none, 1none);
  transform: scale3d(1none, 1none, 1none);
  -webkit-transition: -webkit-transform 200ms ease;
  transition: -webkit-transform 200ms ease;
  transition: transform 200ms ease;
  transition: transform 200ms ease, -webkit-transform 200ms ease;
  color: hsla(0, 0%, 100%, 0.8);
  font-weight: 500;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.cms-item-link:hover {
  -webkit-transform: scale(1.03);
  -ms-transform: scale(1.03);
  transform: scale(1.03);
}

.blog-thumbnail {
  max-height: 280px;
}

.cms-item-body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 28px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: hsla(0, 0%, 100%, 0.1);
}

.cms-item-meta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  line-height: 22px;
}

.cms-item-meta.help-article-meta {
  margin-bottom: 14px;
}

.text-white {
  font-family: 'Open Sans', sans-serif;
  color: hsla(0, 0%, 100%, 0.8);
  font-size: 18px;
}

.blog-post-date {
  margin-left: 14px;
}

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

.form-success {
  padding: 14px;
  border-radius: 6px;
  background-color: #1a8d3a;
  font-size: 14px;
  line-height: 22px;
}

.form-error {
  margin-top: 21px;
  padding: 14px;
  border-radius: 6px;
  background-color: #641919;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
}

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

.empty-state {
  padding: 21px;
  border-radius: 3px;
  background-color: hsla(0, 0%, 100%, 0.1);
  text-align: center;
}

.customer-image-wrapper {
  position: relative;
}

.customer-logo-wrapper {
  padding: 14px 21px;
  border-radius: 6px;
  background-color: #fff;
}

.customer-logo-wrapper.overlap-image {
  position: absolute;
  left: 28px;
  top: 28px;
}

.customer-logo-wrapper.inside-sidebar {
  margin-top: -49px;
}

.customer-logo {
  width: 148px;
  max-height: 50px;
  max-width: 100%;
  margin-top: 4px;
  line-height: 72px;
}

.large-heading {
  margin-bottom: 21px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 48px;
  line-height: 1.2em;
  letter-spacing: -0.01em;
}

.large-heading.no-bottom-margin {
  margin-bottom: 20px;
  font-family: 'Open Sans', sans-serif;
  font-size: 40px;
  line-height: 1.2em;
  font-weight: 600;
  letter-spacing: 0em;
  white-space: normal;
}

.metric-box {
  display: -ms-grid;
  display: grid;
  padding: 56px;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 35px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  background-color: hsla(0, 0%, 100%, 0.1);
}

.container-large {
  width: 100%;
  max-width: 792px;
  text-align: center;
}

.container-large.align-center {
  max-width: 840px;
  padding-top: 120px;
  text-align: left;
}

.container-large.align-center.benefits {
  margin-top: 0px;
  padding-top: 120px;
}

.container-large.align-center.benefits.first-btf-section {
  position: relative;
  padding-top: 100px;
}

.container-large.align-center.hero-container {
  margin-left: auto;
  padding-top: 0px;
  padding-left: 0px;
}

.container-large.align-center.products-built-with-hyperbeam {
  display: block;
}

.container-large.reduced-width {
  max-width: 686px;
}

.align-center {
  margin-right: auto;
  margin-left: auto;
}

.review-summary-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 14px;
  padding: 14px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 6px;
  background-color: hsla(0, 0%, 100%, 0.1);
}

.review-summary-box.increased-top-padding {
  margin-top: 35px;
}

.review-summary-box.no-top-margin {
  margin-top: 0px;
}

.stars-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 14px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.justify-content-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0px;
  padding-left: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  text-align: center;
}

.justify-content-center.experiment {
  width: auto;
  margin-right: auto;
  margin-left: auto;
}

.integrations-grid {
  display: block;
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.integration-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 35px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-radius: 6px;
  background-color: hsla(0, 0%, 100%, 0.1);
}

.logo-circle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 84px;
  height: 84px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  background-color: #fff;
}

.logo-circle.adjacent-to-logo-circle {
  width: 64px;
  height: 64px;
  margin-right: 7px;
  margin-left: 7px;
}

.integration-heading {
  margin-top: 28px;
  margin-bottom: 8px;
  margin-left: 16px;
}

.horizontal-cta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.horizontal-cta-heading {
  margin-right: 28px;
  margin-bottom: 0px;
}

.medium-heading {
  height: auto;
  margin-bottom: 0px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 36px;
  line-height: 1.24em;
  font-weight: 600;
  letter-spacing: 0em;
}

.medium-heading.no-bottom-margin {
  margin-bottom: 0px;
}

.medium-heading.final-section-heading {
  color: #000;
  font-size: 42px;
  font-weight: 700;
}

.icon-button-text {
  margin-left: 14px;
}

.text-divider {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  line-height: 22px;
}

.text-divider-line {
  height: 1px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: hsla(0, 0%, 100%, 0.2);
}

.text-divider-text {
  margin-right: 21px;
  margin-left: 21px;
  color: #fff;
}

.form-grid-halves {
  grid-column-gap: 21px;
  grid-row-gap: 21px;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.section-halves-grid {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-auto-columns: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.section-halves-grid.demo-form-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 40px;
  margin-bottom: 80px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.horizontal-features-grid {
  margin-bottom: 35px;
  grid-row-gap: 21px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.logos-wrapper {
  display: -ms-grid;
  display: grid;
  margin-top: 21px;
  margin-bottom: 28px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: auto auto 1fr;
  grid-template-columns: auto auto 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  opacity: 0.5;
}

.logos-wrapper.no-bottom-margin {
  display: block;
  margin-top: 0px;
  margin-bottom: 0px;
  -ms-grid-columns: auto;
  grid-template-columns: auto;
  line-height: 22px;
}

.cms-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 21px;
  padding-bottom: 42px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.2);
}

.cms-heading {
  margin-top: 28px;
}

.cms-meta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 56px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.round-image {
  border-radius: 12px;
}

.round-image.image-license-image {
  opacity: 0.75;
}

.article {
  margin-top: 56px;
  font-size: 16px;
  line-height: 24px;
}

.article h3 {
  margin-top: 35px;
  margin-bottom: 21px;
}

.article.job-article {
  margin-bottom: 84px;
  padding-bottom: 84px;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.2);
}

.article figure {
  margin-bottom: 56px;
}

.article img {
  border-radius: 6px;
}

.customer-grid {
  -webkit-box-align: start;
  -webkit-align-items: start;
  -ms-flex-align: start;
  align-items: start;
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  -ms-grid-columns: 1fr 262px;
  grid-template-columns: 1fr 262px;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.customer-sidebar {
  position: -webkit-sticky;
  position: sticky;
  top: 84px;
  display: -ms-grid;
  display: grid;
  padding: 21px 21px 28px;
  justify-items: start;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 21px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  border-radius: 6px;
  background-color: hsla(0, 0%, 100%, 0.1);
  font-size: 16px;
  line-height: 24px;
}

.customer-website-link {
  display: block;
  margin-top: 7px;
  color: #3e68ff;
}

.customer-quote {
  display: -ms-grid;
  display: grid;
  margin-bottom: 56px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  grid-auto-columns: 1fr;
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  -ms-grid-columns: 42px 1fr;
  grid-template-columns: 42px 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.handwriting-text {
  font-family: Caveat;
  color: #fff;
}

.handwriting-text.quote-author {
  font-size: 32px;
  line-height: 1.1em;
}

.handwriting-text.pricing-plan-label {
  position: absolute;
  left: 37%;
  top: -42px;
  -webkit-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  transform: rotate(-5deg);
  font-size: 28px;
  line-height: 36px;
}

.image-grid {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  -ms-grid-columns: 1fr 686px;
  grid-template-columns: 1fr 686px;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.image-grid.reverse-direction {
  direction: rtl;
}

.square-image {
  width: 100%;
  max-height: 474px;
}

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

.image-grid-wrapper {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 28px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
}

.icon-thirds-grid {
  max-width: 898px;
  margin-right: auto;
  margin-left: auto;
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
}

.career-row {
  display: -ms-grid;
  display: grid;
  width: 100%;
  padding-top: 21px;
  padding-bottom: 21px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-auto-columns: 1fr;
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  -ms-grid-columns: 1fr 1fr 28px;
  grid-template-columns: 1fr 1fr 28px;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  border-top: 1px solid hsla(0, 0%, 100%, 0.2);
  color: hsla(0, 0%, 100%, 0.8);
  font-weight: 500;
}

.job-meta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.icon-circle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 28px;
  height: 28px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  background-color: hsla(0, 0%, 100%, 0.2);
}

.career-list {
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.2);
}

.image-banner {
  max-width: 1680px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-align: end;
  -webkit-align-items: end;
  -ms-flex-align: end;
  align-items: end;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  -ms-grid-columns: 1fr 1.25fr 1fr;
  grid-template-columns: 1fr 1.25fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.fade-image {
  opacity: 0.5;
}

.timeline-grid {
  padding-bottom: 21px;
  grid-row-gap: 21px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.2);
}

.timeline-grid-item {
  padding-top: 21px;
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  border-top: 1px solid hsla(0, 0%, 100%, 0.2);
}

.text-muted {
  opacity: 0.75;
}

.team-grid {
  max-width: 898px;
  margin-right: auto;
  margin-left: auto;
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
}

.team-avatar {
  display: block;
  max-height: 168px;
  margin-bottom: 14px;
  border-radius: 50%;
}

.container-small {
  width: 100%;
  max-width: 368px;
}

.container-small.row-item {
  margin-right: 28px;
  margin-left: 28px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.container-small.reduced-width {
  max-width: 262px;
}

.container-small.ui-snippet-demo-box-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.contact-grid {
  grid-row-gap: 28px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.checklist-grid {
  grid-row-gap: 21px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.checklist-item {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  -ms-grid-columns: 28px 1fr;
  grid-template-columns: 28px 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.pricing-tabs-menu {
  display: block;
  overflow: visible;
  margin-bottom: 56px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pricing-grid {
  display: none;
  padding-top: 40px;
  -webkit-box-align: end;
  -webkit-align-items: end;
  -ms-flex-align: end;
  align-items: end;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.pricing-plan {
  padding: 24px;
  border-radius: 6px;
  background-color: #272832;
}

.pricing-plan.bordered {
  position: relative;
  width: 100%;
  padding: 24px;
  border-style: solid;
  border-width: 2px;
  border-color: #a888ff;
  border-top-left-radius: 0px;
}

.price-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 14px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  color: #fff;
}

.dollar-sign {
  margin-right: 4px;
  margin-left: 4px;
  font-size: 28px;
  line-height: 40px;
}

.checklist {
  grid-row-gap: 7px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.checklist.pricing-checklist {
  margin-top: 32px;
  margin-bottom: 48px;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.checklist-icon {
  display: block;
  width: 22px;
  max-width: 100%;
  margin-right: 8px;
  font-size: 16px;
  line-height: 10px;
}

.checklist-item-small {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.checklist-heading {
  margin-top: 28px;
  margin-bottom: 14px;
  font-weight: 600;
}

.icon-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.icon-link-image {
  margin-right: 14px;
}

.justify-content-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.plan-badge {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  margin-top: 0px;
  margin-left: -1px;
  padding: 7px 28px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background-color: #a888ff;
  -webkit-transform: translate(-1px, -100%);
  -ms-transform: translate(-1px, -100%);
  transform: translate(-1px, -100%);
  color: #fff;
  font-size: 14px;
  line-height: 22px;
  font-weight: 700;
}

.pricing-row {
  grid-column-gap: 21px;
  grid-row-gap: 21px;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.pricing-row.bordered {
  margin-top: 14px;
  padding-top: 14px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid hsla(0, 0%, 100%, 0.2);
  font-size: 16px;
  line-height: 22px;
}

.pricing-row.bordered {
  margin-top: 24px;
  padding-top: 24px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 21px;
  grid-row-gap: 23px;
  border-top: 1px solid #323340;
  font-size: 16px;
  line-height: 22px;
}

.pricing-row.bordered.bottom-buttons {
  padding-top: 0px;
}

.pricing-row-heading {
  margin-bottom: 0px;
  color: #fff;
  font-style: normal;
  font-weight: 600;
}

.pricing-row-column-heading {
  margin-bottom: 0px;
  font-size: 22px;
  font-weight: 600;
}

.accordion-item {
  border-top: 1px solid hsla(0, 0%, 100%, 0.2);
}

.accordion-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 21px;
  padding-bottom: 21px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}

.accordion-content {
  overflow: hidden;
}

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

.accordion-text {
  margin-bottom: 21px;
}

.section.overflow-hidden {
  overflow: hidden;
}

.testimonials-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 56px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.testimonials-wrapper.no-bottom-margin {
  margin-bottom: 0px;
}

.testimonial-box {
  display: -ms-grid;
  display: grid;
  height: 100%;
  padding: 28px;
  grid-auto-columns: 1fr;
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  -ms-grid-columns: 35px 1fr;
  grid-template-columns: 35px 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  border-radius: 6px;
  background-color: hsla(0, 0%, 100%, 0.1);
  font-size: 14px;
  line-height: 22px;
}

.testimonial-box.inside-large-feature {
  height: auto;
}

.avatar {
  border-radius: 50%;
}

.testimonial-meta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 7px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.testimonial-name {
  margin-right: 7px;
  color: #fff;
  font-weight: 700;
}

.docs-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  -ms-grid-columns: 262px 1fr;
  grid-template-columns: 262px 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.docs-sidebar {
  position: relative;
  padding: 56px 28px;
  border-right: 1px solid hsla(0, 0%, 100%, 0.2);
}

.docs-sidebar-categories {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 42px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
}

.docs-sidebar-articles {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 7px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.article-link-box {
  display: block;
  padding: 28px;
  border-radius: 6px;
  background-color: hsla(0, 0%, 100%, 0.1);
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
  color: hsla(0, 0%, 100%, 0.8);
  font-weight: 500;
}

.article-link-box:hover {
  background-color: hsla(0, 0%, 100%, 0.2);
}

.documentation-list {
  display: -ms-grid;
  display: grid;
  margin-top: 56px;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 21px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.docs-sidebar-wrapper {
  position: -webkit-sticky;
  position: sticky;
  top: 56px;
}

.ui-snippet-parts-grid {
  justify-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.ui-snippet-container {
  position: relative;
  width: 100%;
  height: 96%;
  max-height: 280px;
  max-width: 440px;
}

.ui-snippet-container.increased-width {
  max-width: 368px;
}

.ui-snippet-container.increased-width.pull-up {
  margin-bottom: -84px;
  margin-left: 56px;
}

.ui-snippet-container.overlay-top-right {
  position: absolute;
  top: 56px;
  right: -56px;
}

.ui-snippet-container.overlay-bottom-right {
  position: absolute;
  left: 84px;
  bottom: -28px;
}

.ui-snippet-body {
  width: 100%;
  padding: 3px 4px 4px;
  border-style: none;
  border-width: 1px;
  border-color: #626262;
  border-radius: 7px;
  background-color: #1b1c21;
  color: #000;
  font-size: 14px;
  line-height: 22px;
}

.ui-snippet-body.border-bottom {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.ui-snippet-body.reduced-padding {
  padding-top: 10px;
  padding-bottom: 10px;
}

.ui-snippet-body.no-top-padding {
  padding-top: 0px;
}

.ui-snippet-body.bg-primary-1 {
  background-color: #3e68ff;
  color: #fff;
}

.ui-snippet-body.reduced-top-padding {
  padding-top: 10px;
}

.ui-snippet-avatar-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.ui-snippet-avatar {
  width: 56px;
  height: 56px;
  border-radius: 100%;
}

.ui-snippet-avatar.adjacent-to-avatar {
  margin-left: -14px;
}

.ui-snippet-avatar.small {
  width: 35px;
  height: 35px;
}

.ui-snippet-author {
  margin-left: 10px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.ui-snippet-author.reduced-margin {
  margin-left: 7px;
}

.ui-snippet-heading {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 16px;
  font-weight: 700;
}

.ui-snippet-icon-circle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 16px;
  height: 16px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  background-color: #3e68ff;
}

.ui-snippet-icon-circle-image {
  max-height: 10px;
}

.ui-snippet-rows {
  grid-row-gap: 7px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.ui-snippet-rows.increased-gaps {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.ui-snippet-row-pair {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.ui-snippet-placeholder {
  width: 25%;
  height: 6px;
  border-radius: 12px;
  background-color: #d9d9d9;
}

.ui-snippet-placeholder.width-15 {
  width: 15%;
}

.ui-snippet-placeholder.width-35 {
  width: 35%;
}

.ui-snippet-placeholder.width-100 {
  width: 100%;
}

.ui-snippet-title-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.ui-snippet-badge {
  padding: 3px 7px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 18px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.ui-snippet-badge.adjacent-to-element {
  margin-left: 7px;
}

.ui-snippet-badge.adjacent-to-element.bg-primary-3 {
  color: #fff;
}

.ui-snippet-avatar-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

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

.indicator-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.indicator {
  width: 7px;
  height: 7px;
  margin-right: 7px;
  border-radius: 50%;
}

.ui-snippet-button {
  padding: 7px 21px;
  border-radius: 3px;
  background-color: #3e68ff;
  color: #fff;
  font-weight: 700;
  text-align: center;
}

.ui-snippet-button.bg-grey {
  background-color: rgba(0, 0, 0, 0.1);
  color: #000;
}

.ui-snippet-button.bg-primary-2 {
  background-color: #4dec9f;
  color: #000;
}

.ui-snippet-buttons-grid {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.ui-snippet-select-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 4px 7px 4px 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  font-size: 12px;
  line-height: 20px;
  font-weight: 700;
}

.ui-snippet-select-button.white {
  border-color: hsla(0, 0%, 100%, 0.2);
}

.ui-snippet-button-icon {
  margin-left: 6px;
}

.ui-snippet-service-icon {
  max-height: 28px;
}

.ui-snippet-switch {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 42px;
  padding: 4px;
  border-radius: 200px;
  background-color: rgba(0, 0, 0, 0.15);
}

.ui-snippet-switch.on {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  background-color: #4dec9f;
}

.ui-snippet-switch-circle {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #fff;
}

.code-ui-snippet {
  overflow: hidden;
  border-style: solid;
  border-width: 1px;
  border-color: hsla(0, 0%, 100%, 0.2);
  border-radius: 3px;
  background-color: #000;
  font-family: 'IBM Plex Mono';
  font-size: 12px;
  line-height: 20px;
  font-weight: 500;
}

.code-ui-snippet-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.code-row-number {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 28px;
  min-height: 28px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: hsla(0, 0%, 100%, 0.15);
  color: hsla(0, 0%, 100%, 0.5);
}

.code-row-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 14px;
  padding-left: 14px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.text-primary-2 {
  color: #4dec9f;
}

.text-primary-1 {
  color: #3e68ff;
}

.ui-snippet {
  overflow: hidden;
  width: 100%;
  border-radius: 8px;
}

.ui-snippet.gaps {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 7px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
}

.image-wrapper {
  position: relative;
}

.portrait-image {
  min-height: 394px;
}

.ui-snippet-bottom-left {
  position: absolute;
  right: 28px;
  bottom: 28px;
}

.code-ui-snippet-text {
  white-space: nowrap;
}

.icon-quarters-grid {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.ui-snippet-demo-box {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  min-height: 280px;
  margin-top: 56px;
  margin-bottom: 20px;
  padding: 24px 16px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 12px;
  background-color: hsla(0, 0%, 100%, 0.1);
}

.ui-snippet-demo-box.increased-height {
  min-height: 537px;
  padding: 84px 28px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #333;
}

.ui-snippet-demo-box.increased-height.grow {
  height: 100%;
}

.ui-snippet-demo-box.rounded {
  border-radius: 12px;
}

.ui-snippet-demo-box.revised {
  padding: 0px;
}

.integration-circles-grid {
  overflow: hidden;
  width: 100%;
  max-height: 280px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.integrations-circle-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.inner-section {
  position: relative;
  overflow: hidden;
  max-width: 1200px;
  margin: 0px auto;
  padding: 48px 28px;
  border-radius: 16px;
}

.inner-section.hero-inner-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 580px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.inner-section-bg {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 200%;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
  background-color: #a888ff;
  opacity: 0.75;
  text-align: center;
}

.icon-play-button {
  max-height: 14px;
}

.button-overlap-image {
  position: absolute;
  left: 21px;
  bottom: 21px;
}

.ui-snippets-grid {
  grid-row-gap: 21px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.ui-snippets-grid.wide {
  width: 100%;
  justify-items: center;
}

.ui-snippet-demo-box-bg {
  position: absolute;
  display: block;
  overflow: visible;
  width: 100%;
  height: 101%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-radius: 4px;
  background-color: transparent;
  color: transparent;
  -o-object-fit: fill;
  object-fit: fill;
}

.box-thirds-grid {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.box-thirds-grid.margin-bottom {
  margin-bottom: 0px;
  grid-auto-flow: row;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
}

.box-thirds-grid.margin-bottom.test {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.box-thirds-grid.pricing-points {
  max-width: 1000px;
  margin: 0px auto 80px;
}

.check-circle-box {
  display: -ms-grid;
  display: grid;
  padding: 35px;
  grid-auto-columns: 1fr;
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  -ms-grid-columns: 28px 1fr;
  grid-template-columns: 28px 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  border-radius: 6px;
  background-color: hsla(0, 0%, 100%, 0.1);
}

.video-wrapper {
  position: relative;
}

.horizontal-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.text-body {
  color: hsla(0, 0%, 100%, 0.8);
}

.ui-snippet-demo-box-heading {
  margin-bottom: 56px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.link-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 262px;
  padding: 35px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-radius: 6px;
  background-color: hsla(0, 0%, 100%, 0.1);
}

.search-result-list {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 56px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
}

.search-result-url {
  margin-bottom: 7px;
  font-size: 14px;
  line-height: 22px;
}

.search-result-item {
  font-size: 16px;
  line-height: 24px;
}

.search-result-text {
  margin-bottom: 0px;
}

.icon-box-grid {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.icon-box-grid.problemsolution-section {
  display: none;
  margin-bottom: 16px;
}

.icon-box-grid.getting-started {
  max-width: 1200px;
  margin-top: 80px;
}

.icon-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 35px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-radius: 6px;
  background-color: hsla(0, 0%, 100%, 0.1);
}

.large-features-grid {
  grid-row-gap: 168px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.large-ui-feature-grid {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  -ms-grid-columns: 1fr 368px;
  grid-template-columns: 1fr 368px;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.large-feature-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.service-label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 7px 21px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 200px;
  background-color: hsla(0, 0%, 100%, 0.2);
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
}

.service-label.overlap-image {
  position: absolute;
  background-color: #fff;
  color: #000;
}

.service-label-icon {
  max-height: 28px;
  margin-right: 7px;
}

.app-store-button {
  margin-right: 14px;
  margin-left: 14px;
}

.changelog {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 21px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.changelog-item {
  grid-row-gap: 21px;
  -ms-grid-columns: 262px 2fr;
  grid-template-columns: 262px 2fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.image-license-grid {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.image-license-link {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

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

.satoshi-typeface-demo {
  margin-bottom: 7px;
  color: #fff;
  font-size: 72px;
  line-height: 72px;
  font-weight: 700;
}

.screenshot-row {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.2);
}

.screenshot-row-item {
  display: block;
  margin-right: 14px;
  margin-left: 14px;
}

.screenshot-row-item.lower {
  position: relative;
  top: 56px;
}

.screenshot-row-scrim {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.9)));
  background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.9));
}

.boxed-features-grid {
  grid-row-gap: 28px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.large-feature-box {
  display: -ms-grid;
  display: grid;
  min-height: 482px;
  padding: 56px 84px;
  justify-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-auto-columns: 1fr;
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  background-color: hsla(0, 0%, 100%, 0.1);
}

.screenshot-pair-image {
  display: block;
  border-radius: 6px;
}

.screenshot-pair-image.second-image {
  margin-left: auto;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.screenshot-pair-image.first-image {
  position: relative;
  margin-bottom: -240px;
}

.screenshots-pair {
  width: 100%;
  max-width: 368px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.figma-screenshot-container {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 6px;
}

.screenshot-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 470px;
  padding: 28px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: hsla(0, 0%, 100%, 0.1);
}

.demo-screenhots-grid {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.demo-screenshot {
  display: block;
  margin-bottom: 21px;
  border-radius: 6px;
}

.ui-snippet-example-image {
  max-height: 280px;
  -o-object-fit: contain;
  object-fit: contain;
}

.div-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 8px;
  margin-left: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: left;
}

.body {
  background-color: #1b1c21;
}

.image {
  max-width: 188px;
  font-size: 14px;
  line-height: 24px;
}

.text-block {
  margin-right: 12px;
  font-family: 'Open Sans', sans-serif;
  color: #8d8d8d;
}

.text-block-2 {
  -webkit-transition: color 200ms ease;
  transition: color 200ms ease;
  font-family: 'Open Sans', sans-serif;
  color: hsla(0, 0%, 100%, 0.8);
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.text-block-2:hover {
  color: #a888ff;
}

.text-block-2.btn-text {
  color: #000;
  font-size: 14px;
  font-weight: 600;
}

.text-block-2.btn-text.secondary {
  color: hsla(0, 0%, 100%, 0.8);
  font-size: 14px;
  line-height: 20px;
}

.text-block-2.btn-text.big-text {
  font-size: 16px;
}

.text-span-2 {
  color: #fff;
}

.fade-up.tricks {
  position: absolute;
  color: #8766fa;
}

.div-block-4 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  text-align: center;
}

.div-block-4.center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.text-block-5 {
  position: absolute;
  top: 64%;
  font-family: 'Open Sans', sans-serif;
  color: #8766fa;
  font-size: 72px;
  font-weight: 600;
}

.text-block-5.tricks.fade-up {
  left: 0px;
  top: 0%;
  right: auto;
  display: block;
  width: 100%;
  height: 50px;
  margin-right: 0px;
  margin-left: 0px;
  font-family: 'Source Sans Pro';
  color: #a888ff;
  font-size: 52px;
  line-height: 34px;
  font-weight: 600;
  text-align: left;
}

.text-block-5.tricks.fade-up2 {
  left: 0px;
  top: 0%;
  right: auto;
  display: block;
  margin-top: 0px;
  padding-right: 2px;
  font-family: 'Source Sans Pro';
  color: #a888ff;
  font-size: 52px;
  line-height: 34px;
  font-weight: 600;
}

.text-block-5.tricks.fade-up3 {
  left: 0px;
  top: 0%;
  right: auto;
  display: block;
  margin-top: 0px;
  margin-left: 0px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  font-family: 'Source Sans Pro';
  color: #a888ff;
  font-size: 52px;
  line-height: 34px;
  font-weight: 600;
}

.text-span-8 {
  margin-right: 8px;
  color: hsla(0, 0%, 100%, 0);
}

.button-2 {
  width: 118px;
  margin-top: 0px;
  padding: 8px;
  border-radius: 6px;
  background-color: #8766fa;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
}

.button-2.button {
  display: none;
  width: auto;
  padding: 12px 0px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
  color: #8766fa;
  font-weight: 400;
}

.button-2.button.expand-collapse {
  display: none;
  margin-top: -16px;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  box-shadow: none;
  color: #a888ff;
  cursor: pointer;
}

.button-2.button.expand-collapse:hover {
  background-color: transparent;
  color: #bba2ff;
}

.hide {
  display: none;
}

.show-more {
  font-size: 16px;
}

.text-link {
  text-decoration: none;
}

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

.text-block-6 {
  font-family: 'Open Sans', sans-serif;
  text-align: left;
}

.text-block-7 {
  font-family: 'Open Sans', sans-serif;
  text-align: left;
}

.text-block-8 {
  font-family: 'Open Sans', sans-serif;
  text-align: left;
}

.text-block-9 {
  font-family: 'Open Sans', sans-serif;
  text-align: left;
}

.text-block-10 {
  font-family: 'Open Sans', sans-serif;
  text-align: left;
}

.text-block-11 {
  font-family: 'Open Sans', sans-serif;
  text-align: left;
}

.text-span-11 {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  line-height: 0px;
  text-align: center;
}

.link {
  overflow: visible;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  line-height: 16px;
  text-align: center;
  text-decoration: underline;
}

.link.text-span-13.link-3 {
  line-height: 1.4;
  font-weight: 400;
  text-decoration: none;
}

.link.text-span-13.link-3:hover {
  text-decoration: none;
}

.link.link-3 {
  text-decoration: none;
}

.div-block-6 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 1080px;
  height: 600px;
  padding: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(62, 62, 62, 0);
}

.div-block-6.revised {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: auto;
  margin-top: 0px;
  margin-left: 0px;
  padding: 0px;
  border-style: none;
  border-width: 2px;
  border-color: #272832;
  border-radius: 4px;
  background-color: #3e3e3e;
  outline-color: #272832;
  outline-offset: 0px;
  outline-style: solid;
  outline-width: 2px;
}

.div-block-6.revised.parent-block {
  display: block;
  width: 48%;
  max-width: 50%;
  margin-top: 0px;
  padding-right: 0px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-style: none;
  background-color: transparent;
  outline-color: #272832;
  outline-offset: 0px;
  outline-style: none;
  outline-width: 2px;
}

.div-block-7 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 6px 4px 4px 8px;
  background-color: transparent;
}

.div-block-8 {
  width: 10px;
  height: 10px;
  margin-right: 5px;
  border-radius: 50%;
  background-color: #e35858;
  font-size: 12px;
}

.div-block-8.window-btn-3 {
  background-color: #57c95c;
}

.div-block-8.window-btn-2 {
  background-color: #efc55a;
}

.chevron-up {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0px;
}

.chevron-down {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0px;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
}

.text-block-14 {
  line-height: 20px;
}

.text-block-14:hover {
  color: #bba2ff;
}

.link-3 {
  width: 100%;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  line-height: 1.4;
  text-align: center;
}

.link-3:hover {
  color: #bba2ff;
}

.text-span-13 {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  line-height: 0;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
  text-transform: none;
}

.text-block-15 {
  font-family: 'Open Sans', sans-serif;
  color: hsla(0, 0%, 100%, 0.6);
  font-weight: 600;
  text-align: center;
  text-transform: capitalize;
  -o-object-position: 50% 100%;
  object-position: 50% 100%;
}

.image-9 {
  width: auto;
  height: 28px;
  max-width: 100px;
  font-size: 18px;
}

.text-block-16 {
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.text-block-17 {
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.div-block-12 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  margin-left: 16px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.feature-heading {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
}

.image-12 {
  max-width: 70%;
}

.html-embed-4 {
  position: static;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: block;
  width: 100%;
  border-radius: 6px;
}

.html-embed-5 {
  overflow: hidden;
  max-height: 280px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.html-embed-6 {
  display: block;
  overflow: hidden;
  width: 100%;
  max-height: 246px;
  padding-bottom: 0px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.html-embed-7 {
  overflow: hidden;
  width: 100%;
  max-height: 280px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.heading {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
}

.heading.page-title {
  max-width: 560px;
  font-size: 44px;
  line-height: 48px;
}

.heading-2 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
}

.heading-3 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
}

.heading-4 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
}

.div-block-14 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 4px;
  border-color: #272727;
  border-radius: 8px;
  background-color: rgba(28, 28, 28, 0.64);
  cursor: pointer;
}

.div-block-14.revised {
  display: none;
  margin-top: 0px;
  padding-top: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-style: none;
  border-width: 2px;
  border-color: #272832;
  border-radius: 4px;
  background-color: rgba(28, 29, 36, 0.4);
}

.div-block-15 {
  position: static;
  border-radius: 4px;
  background-color: transparent;
}

.image-13 {
  width: 80px;
  max-width: 100%;
}

.text-block-18 {
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 0px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 30px;
  font-weight: 600;
  text-decoration: none;
}

.extra-option-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: rgba(0, 0, 0, 0.35);
  font-size: 1.1em;
}

.next-button {
  padding: 15px 20px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-radius: 5px;
  background-color: #3cd3ad;
  -webkit-transition: background-color 200ms ease-in;
  transition: background-color 200ms ease-in;
  font-size: 20px;
}

.next-button:hover {
  background-color: #6c33da;
}

.form-content {
  width: 64%;
  margin-bottom: -20px;
}

.form-content.final {
  margin-top: -20px;
}

.collaborate-form-step {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  min-height: 500px;
  margin-right: auto;
  margin-bottom: 100px;
  margin-left: auto;
  padding: 100px 0px 75px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  background-color: transparent;
  text-align: center;
}

.form-wrapper {
  display: block;
  max-width: 720px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  padding: 0px;
  border-style: solid;
  border-width: 5px;
  border-color: rgba(0, 0, 0, 0.15);
  border-radius: 25px;
  background-color: transparent;
  box-shadow: 0 0 100px 0 rgba(0, 0, 0, 0.3);
}

.field {
  height: auto;
  margin-top: 10px;
  margin-bottom: 30px;
  padding: 15px 25px;
  border-style: solid;
  border-width: 2px;
  border-color: hsla(0, 0%, 100%, 0.2);
  border-radius: 10px;
  background-color: hsla(0, 0%, 100%, 0.1);
  -webkit-transition: border 200ms ease-in;
  transition: border 200ms ease-in;
  color: #6c33da;
  font-size: 1.2em;
  line-height: 1.5em;
  font-weight: 500;
  text-align: left;
}

.field:focus {
  border-color: #6c33da;
  font-weight: 600;
}

.field.area {
  height: 150px;
  max-height: 150px;
  min-height: 150px;
}

.step-paginator {
  position: relative;
  height: 100%;
  background-color: transparent;
}

.submit-button {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: block;
  width: 60%;
  height: auto;
  margin-right: auto;
  margin-bottom: -80px;
  margin-left: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  border-radius: 10px;
  background-color: #3cd3ad;
  box-shadow: none;
  -webkit-transition: background-color 200ms ease-in, box-shadow 200ms ease-in;
  transition: background-color 200ms ease-in, box-shadow 200ms ease-in;
  font-size: 1.2em;
  line-height: 1em;
  font-weight: 700;
  letter-spacing: 1px;
}

.submit-button:hover {
  background-color: #6c33da;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
}

.step {
  position: static;
  width: 100%;
  height: 100%;
  padding-top: 0px;
  padding-bottom: 0px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-radius: 20px;
  background-color: transparent;
}

.checkbox-wrapper {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 60px;
  margin-right: auto;
  margin-bottom: 20px;
  margin-left: auto;
  padding-left: 0px;
  border: 2px solid #cbced2;
  border-radius: 10px;
  background-color: rgba(225, 228, 233, 0.25);
  background-image: url('../images/unchecked.png');
  background-position: 20px 50%;
  background-size: 25px;
  background-repeat: no-repeat;
  -webkit-transition: border-color 200ms ease-in;
  transition: border-color 200ms ease-in;
}

.checkbox-wrapper:hover {
  border-color: rgba(0, 0, 0, 0.3);
}

.checkbox-wrapper:active {
  -webkit-transform: scale(1.02);
  -ms-transform: scale(1.02);
  transform: scale(1.02);
}

.checkbox-wrapper.checkbox-square {
  width: 25px;
  height: 25px;
  margin-right: 10px;
  margin-bottom: 0px;
  margin-left: 0px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 5px;
  background-position: 50% 50%;
  background-size: 20px;
}

.step-counter {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  margin-bottom: 25px;
  color: hsla(0, 0%, 100%, 0.7);
}

.form-section-title {
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  color: hsla(0, 0%, 100%, 0.8);
  font-size: 32px;
  line-height: 1.5em;
  font-weight: 600;
}

.checkbox-ticker {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 0;
  width: 100%;
  height: 100%;
  margin-top: 0px;
  margin-left: 0px;
  opacity: 0;
  cursor: pointer;
}

.checkbox-label {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 3;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0px;
  padding-right: 20px;
  padding-left: 55px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 1;
  font-family: Montserrat, sans-serif;
  font-size: 1.1em;
  line-height: 1em;
  font-weight: 600;
  text-align: right;
  letter-spacing: 0px;
  text-transform: none;
}

.checkbox-label.no-label {
  padding-right: 0px;
  padding-left: 0px;
}

.next {
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: block;
  width: auto;
  height: 56px;
  max-width: none;
  margin: auto auto 25px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.previous {
  left: 0px;
  top: 0px;
  bottom: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: 35px;
  max-width: 100px;
  margin: auto auto 30px 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.checkbox-active-overlay {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 2;
  height: auto;
  margin: -2px;
  border: 2px solid #6c33da;
  border-radius: 10px;
  background-color: #edeff0;
  background-image: url('../images/checked.png');
  background-position: 20px 50%;
  background-size: 25px;
  background-repeat: no-repeat;
  opacity: 0;
}

.checkbox-active-overlay.square-overlay {
  border-radius: 5px;
  background-position: 50% 50%;
  background-size: 20px;
}

.success-message {
  padding: 50px;
  border-radius: 20px;
  background-color: #3cd3ad;
  background-image: linear-gradient(135deg, #3cd3ad, #4cb8c4);
  color: #fff;
  font-size: 1.2em;
  line-height: 1.5em;
  letter-spacing: 1px;
}

.error-message {
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #eb4d8c;
  color: #fff;
  font-size: 1em;
  line-height: 1em;
  text-align: center;
}

.form-title-line {
  display: block;
  width: 25px;
  height: 4px;
  margin: 25px auto 50px;
  border-radius: 3px;
  background-color: #fff;
}

.previous-button {
  padding: 5px 0px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.4);
  opacity: 0.35;
  -webkit-transition: opacity 200ms ease-in;
  transition: opacity 200ms ease-in;
  color: #000;
  font-size: 16px;
  text-indent: -2px;
}

.previous-button:hover {
  border-bottom-color: rgba(0, 0, 0, 0.55);
  opacity: 1;
}

.text-block-19 {
  color: #fff;
}

.div-block-16 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.html-embed-8 {
  margin-top: 12px;
  padding-bottom: 8px;
}

.hubspot-form {
  max-width: 560px;
}

.body-2 {
  background-color: #1c1c1c;
}

.text-block-20 {
  margin-top: 20px;
}

.text-block-20.welcome-subheading {
  width: 630px;
  margin-top: 40px;
  font-size: 18px;
}

.text-block-20.welcome-subheading {
  font-size: 18px;
}

.bold-text {
  font-size: 43px;
  line-height: 1.16em;
  font-weight: 600;
}

.bold-text.revised {
  font-size: 36px;
  font-weight: 600;
}

.text-span-14 {
  color: #a888ff;
  font-size: 72px;
  font-weight: 600;
}

.text-span-15 {
  display: none;
  margin-left: 0px;
  border-radius: 0px;
  color: #fff;
  font-size: 40px;
  font-weight: 600;
  letter-spacing: -0.02em;
}

.icon-circle-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  background-color: hsla(0, 0%, 100%, 0.2);
}

.display-heading-2 {
  position: relative;
  overflow: visible;
  margin-bottom: 32px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 72px;
  line-height: 1em;
  font-weight: 600;
  letter-spacing: -0.02em;
}

.display-heading-2.mobile-heading {
  display: none;
}

.display-heading-2.desktop-h1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  color: #fff;
  font-size: 56px;
  line-height: 0.85em;
  font-weight: 600;
  text-align: left;
}

.display-heading-2.desktop-h1.top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  color: #a888ff;
}

.text-white-2 {
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.text-white-2.additional-feature-heading {
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  line-height: 20px;
  font-weight: 600;
}

.text-white-2.value-prop-text {
  font-size: 26px;
  line-height: 38px;
}

.text-white-2.red-text {
  color: #f54848;
}

.text-white-2.total-price {
  font-size: 32px;
}

.text-white-2.pricing-point-heading {
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
}

.button-3 {
  width: auto;
  height: auto;
  margin: 0px 8px 0px 0px;
  padding: 16px 32px;
  border-radius: 4px;
  background-color: #a888ff;
  font-family: 'Open Sans', sans-serif;
  color: #020202;
  font-size: 18px;
  line-height: 22px;
  font-weight: 600;
  text-align: center;
}

.button-3:hover {
  box-shadow: inset 0 800px 3px 0 rgba(0, 0, 0, 0.25);
}

.button-3.icon-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.button-3.small {
  padding: 9px 16px;
}

.button-3.small.bg-white-faded {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0px;
  padding-top: 4px;
  padding-bottom: 4px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 20px;
  background-color: #bba2ff;
  font-size: 11px;
}

.icon-box-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 586px;
  padding: 35px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-radius: 6px;
  background-color: #272832;
}

.icon-square-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 7px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 6px;
  background-color: #fff;
}

.icon-square-2.above-heading {
  width: 48px;
  height: 48px;
  margin-bottom: 21px;
  padding: 6px 10px;
  border-radius: 13px;
  background-color: #fff;
}

.section-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0px;
  padding-bottom: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-family: 'Open Sans', sans-serif;
}

.example-heading {
  margin-top: 20px;
  font-weight: 600;
}

.logo-circle-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 84px;
  height: 84px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  background-color: #fff;
}

.logo-circle-2.adjacent-to-logo-circle {
  width: 72px;
  height: 72px;
  margin-right: 7px;
  margin-left: 7px;
}

.logo-circle-2.adjacent-to-logo-circle.last-item {
  width: 72px;
  height: 72px;
}

.div-block-17 {
  width: 100%;
  max-height: 280px;
}

.revised {
  margin-top: 40px;
  font-weight: 600;
}

.large-heading-2 {
  margin-bottom: 21px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 44px;
  line-height: 1.2em;
  font-weight: 400;
  letter-spacing: -0.01em;
}

.container-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  max-width: 480px;
  margin-top: 0px;
  margin-right: auto;
  margin-left: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -o-object-fit: contain;
  object-fit: contain;
}

.container-2.revised {
  max-width: 720px;
  margin-right: 0px;
}

.div-block-18 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 240px;
  padding-top: 0px;
  padding-bottom: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-19 {
  width: 100%;
  height: 220px;
}

.div-block-20 {
  width: 680px;
  height: 360px;
  margin-top: 4px;
  margin-bottom: 24px;
  background-color: #454545;
}

.what-are-cloud-computers-rectangle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 160px;
  max-width: 1280px;
  margin-top: 48px;
  margin-bottom: 0px;
  padding-right: 24px;
  padding-left: 24px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: none;
  border-width: 2px;
  border-color: #2f303c;
  border-radius: 6px;
  background-color: #272832;
  font-family: 'Open Sans', sans-serif;
}

.div-block-21 {
  width: 80%;
}

.text-block-21 {
  margin-bottom: 8px;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
}

.text-block-22 {
  max-width: 540px;
  font-size: 16px;
}

.section-3 {
  position: static;
  z-index: 10;
  overflow: visible;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 20px;
  padding-bottom: 0px;
  padding-left: 20px;
  text-align: left;
  -o-object-fit: fill;
  object-fit: fill;
}

.integration-box-2 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 35px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-radius: 6px;
  background-color: #272832;
}

.text-block-23 {
  font-size: 16px;
}

.text-block-24 {
  padding: 2px 16px 4px;
  border-radius: 20px;
  background-color: #fff;
  color: #000;
  font-size: 14px;
  font-weight: 600;
}

.large-text-2 {
  max-width: 740px;
  margin-right: auto;
  margin-left: auto;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 20px;
  line-height: 32px;
  font-weight: 600;
}

.large-text-2.hero-subheading {
  max-width: 680px;
  margin-left: 0px;
  color: hsla(0, 0%, 100%, 0.8);
  font-size: 18px;
  font-weight: 400;
  text-align: left;
}

.large-text-2.hero-subheading.center {
  text-align: center;
}

.check-circle-box-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 24px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  grid-auto-columns: 1fr;
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  -ms-grid-columns: 28px 1fr;
  grid-template-columns: 28px 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  border-style: solid;
  border-width: 2px;
  border-color: #2f303c;
  border-radius: 6px;
  background-color: #272832;
}

.check-circle-box-2.primary-feature-box {
  padding: 24px 0px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  border-style: none;
  background-color: rgba(39, 40, 50, 0);
}

.check-circle-box-2.primary-feature-box.reverse-order {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.large-heading-3 {
  margin-bottom: 21px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 48px;
  line-height: 1.2em;
  letter-spacing: -0.01em;
}

.text-block-25 {
  margin-top: 24px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}

.text-block-26 {
  -webkit-transition: color 200ms ease;
  transition: color 200ms ease;
  font-size: 18px;
  text-decoration: underline;
}

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

.image-15 {
  width: 80%;
  max-width: 100%;
  border-style: solid;
  border-width: 2px;
  border-color: #a13e3e;
  border-radius: 4px;
}

.image-15.alice {
  border-color: #cf5050;
}

.image-15.bob {
  border-color: #4f75ff;
}

.div-block-22 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  grid-column-gap: 9px;
  grid-row-gap: 9px;
}

.div-block-23 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-24 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.text-block-27 {
  margin-left: 5%;
  text-align: center;
}

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

.text-block-28 {
  margin-left: 5%;
  text-align: center;
}

.heading-5 {
  margin-top: 20px;
  font-weight: 600;
}

.text-block-29 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 56px;
  padding: 0px 24px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: none;
  border-width: 2px;
  border-color: #2f303c;
  border-radius: 4px;
  background-color: #fff;
  -webkit-filter: brightness(90%);
  filter: brightness(90%);
  -webkit-transition: -webkit-filter 200ms ease;
  transition: -webkit-filter 200ms ease;
  transition: filter 200ms ease;
  transition: filter 200ms ease, -webkit-filter 200ms ease;
  color: #000;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
}

.text-block-29:hover {
  border-style: none;
  background-color: #fff;
  -webkit-filter: brightness(100%);
  filter: brightness(100%);
}

.div-block-25 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 16px;
}

.div-block-26 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 24px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.text-block-30 {
  color: hsla(0, 0%, 100%, 0.8);
  font-size: 16px;
  font-weight: 400;
}

.image-16 {
  margin-right: 24px;
}

.bold-text-3 {
  font-weight: 600;
}

.image-17 {
  max-width: 66%;
}

.sticky-nav {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  z-index: 100;
  margin-right: 20px;
  margin-left: 20px;
  padding: 8px 0px 0px;
  border-style: none none solid;
  border-width: 1px 1px 2px;
  border-color: #000 #000 #272832;
  background-color: rgba(27, 28, 33, 0.8);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

.nav-grid {
  display: -ms-grid;
  display: grid;
  width: 100%;
  margin: 0px;
  padding: 0px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-auto-flow: column;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  -ms-grid-columns: 1fr -webkit-max-content -webkit-max-content -webkit-max-content;
  -ms-grid-columns: 1fr max-content max-content max-content;
  grid-template-columns: 1fr -webkit-max-content -webkit-max-content -webkit-max-content;
  grid-template-columns: 1fr max-content max-content max-content;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.nav-logo-link {
  display: block;
  height: 60px;
  margin-right: 0px;
  margin-left: 0px;
  padding: 0px;
}

.nav-logo {
  width: auto;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: 0% 50%;
  object-position: 0% 50%;
}

.nav-link-2 {
  display: block;
  margin-right: 0px;
  margin-left: 0px;
  padding: 10px 0px;
  color: #444;
  text-decoration: none;
}

.nav-link-2:hover {
  text-decoration: underline;
}

.div-block-27 {
  position: fixed;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  width: 32%;
}

.video-modal {
  position: static;
  max-width: 720px;
  margin-top: 0px;
  margin-right: auto;
  margin-left: auto;
}

.div-block-28 {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 100;
  display: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: hsla(0, 0%, 9%, 0.7);
}

.text-block-31 {
  margin-top: 40px;
}

.button-4 {
  width: auto;
  height: auto;
  margin: 0px 8px 0px 0px;
  padding: 16px 32px;
  border-radius: 4px;
  background-color: #a888ff;
  font-family: 'Open Sans', sans-serif;
  color: #020202;
  font-size: 18px;
  line-height: 22px;
  font-weight: 600;
  text-align: center;
}

.button-4:hover {
  background-color: #bba2ff;
}

.button-4.adjacent-to-button {
  margin-right: 7px;
  margin-left: 7px;
}

.button-4.adjacent-to-button.bg-transparent {
  margin-left: 0px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
}

.button-4.adjacent-to-button.bg-transparent.requestdemoscrollbtn {
  margin-right: 8px;
  margin-bottom: 0px;
  border-style: none;
  border-width: 2px;
  border-color: #878787;
  background-color: #fff;
  color: #fff;
  font-size: 16px;
}

.button-4.adjacent-to-button.bg-transparent.requestdemoscrollbtn:hover {
  box-shadow: 0 800px 3px 0 rgba(0, 0, 0, 0.25);
}

.button-4.adjacent-to-button.bg-transparent.requestdemoscrollbtn.only-text {
  margin-top: 8px;
  margin-left: 0px;
  padding-right: 0px;
  padding-left: 0px;
  background-color: rgba(255, 255, 255, 0);
  color: #a888ff;
  font-weight: 400;
}

.button-4.adjacent-to-button.bg-transparent.requestdemoscrollbtn.only-text:hover {
  box-shadow: none;
  color: #bba2ff;
}

.button-4.adjacent-to-input {
  border-radius: 4px;
  background-color: #a888ff;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  font-family: 'Open Sans', sans-serif;
  color: #000;
  font-size: 17px;
  font-weight: 600;
}

.button-4.adjacent-to-input:hover {
  background-color: #bba2ff;
  box-shadow: none;
}

.button-4.hero-cta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 56px;
  padding: 16px 24px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  border-style: none;
  border-width: 2px;
  border-color: #bba2ff;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
  font-size: 16px;
  font-weight: 600;
}

.button-4.hero-cta.docs-btn {
  background-color: #2c2d37;
  color: #fff;
  font-weight: 600;
}

.button-4.hero-cta.docs-btn.secondary.button {
  margin-right: 0px;
  background-color: #272832;
  -webkit-transition: background-color 200ms ease, -webkit-filter 200ms ease;
  transition: background-color 200ms ease, -webkit-filter 200ms ease;
  transition: filter 200ms ease, background-color 200ms ease;
  transition: filter 200ms ease, background-color 200ms ease, -webkit-filter 200ms ease;
  color: hsla(0, 0%, 100%, 0.8);
}

.button-4.hero-cta.docs-btn.button.secondary {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 15px;
  padding-bottom: 15px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  border-style: none;
  border-width: 2px;
  border-color: #2f303c;
  background-color: #272832;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
  cursor: pointer;
}

.button-4.hero-cta.docs-btn.button.secondary:hover {
  background-color: #2f303c;
  -webkit-filter: none;
  filter: none;
}

.text-span-16 {
  margin-right: 16px;
  margin-bottom: 12px;
  color: #fff;
  font-size: 56px;
  font-weight: 600;
}

.text-span-16.experiment {
  display: none;
  margin-right: 0px;
  margin-bottom: 24px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  font-family: 'Source Sans Pro';
  font-size: 56px;
  line-height: 0.85em;
  font-weight: 600;
}

.text-span-16.experiment.test {
  display: block;
  line-height: 1em;
  text-align: left;
}

.form-input-2 {
  min-height: 50px;
  margin-bottom: 0px;
  padding: 14px 21px;
  border-style: solid;
  border-width: 1px;
  border-color: hsla(0, 0%, 100%, 0.2);
  border-radius: 3px;
  background-color: transparent;
  -webkit-transition: border-color 200ms ease;
  transition: border-color 200ms ease;
  color: #fff;
  font-size: 16px;
  line-height: 22px;
}

.form-input-2:focus {
  border-color: hsla(0, 0%, 100%, 0.5);
}

.form-input-2::-webkit-input-placeholder {
  color: hsla(0, 0%, 100%, 0.5);
}

.form-input-2:-ms-input-placeholder {
  color: hsla(0, 0%, 100%, 0.5);
}

.form-input-2::-ms-input-placeholder {
  color: hsla(0, 0%, 100%, 0.5);
}

.form-input-2::placeholder {
  color: hsla(0, 0%, 100%, 0.5);
}

.form-input-2.adjacent-to-button {
  max-width: 400px;
  min-height: 56px;
  border-radius: 6px 0px 0px 6px;
  font-family: 'Open Sans', sans-serif;
  line-height: 22px;
}

.external-link-box:hover {
  border-radius: 4px;
  outline-color: #a888ff;
  outline-offset: 0px;
  outline-style: solid;
  outline-width: 2px;
}

.container-3 {
  max-width: 960px;
}

.container-3.get-started-container {
  max-width: 1200px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.section-4 {
  padding-top: 120px;
  padding-bottom: 120px;
  color: #fff;
}

.section-4.bottom-cta {
  display: block;
  padding-top: 100px;
  padding-bottom: 80px;
}

.section-5 {
  padding-top: 120px;
  padding-bottom: 0px;
}

.image-18 {
  width: 28px;
  max-width: none;
}

.italic-text {
  font-style: normal;
}

.text-block-32 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  font-style: italic;
  font-weight: 600;
}

.text-span-17 {
  font-size: 16px;
  font-weight: 400;
}

.div-block-29 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 48px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.div-block-29.experiment {
  position: relative;
  width: 100%;
  height: 48px;
  margin-top: 14px;
  margin-bottom: 2px;
  margin-left: -1px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.html-embed-9 {
  width: 100%;
  height: 100%;
  min-height: 100px;
  border-style: none;
  border-width: 2px;
  border-color: #2f303c;
  border-radius: 4px;
  background-color: transparent;
}

.div-block-30 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  max-width: 1200px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  grid-column-gap: 28px;
  grid-row-gap: 28px;
}

.div-block-31 {
  width: 100%;
}

.div-block-32 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 200%;
  -webkit-transform: translate(0%, 0px);
  -ms-transform: translate(0%, 0px);
  transform: translate(0%, 0px);
}

.div-block-33 {
  overflow: hidden;
  width: 100%;
}

.tabs-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 16px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.node-tab-link.tab-link {
  margin-right: 0px;
  margin-left: 0px;
}

.node-tab-link.tab-link:hover {
  background-color: #323340;
}

.node-tab-link.tab-link.w--current {
  margin-right: 0px;
  margin-left: 0px;
  border-radius: 4px;
  background-color: #2c2d37;
}

.html-tab-link.tab-link {
  margin-right: 0px;
  margin-left: 0px;
  border-radius: 4px;
}

.html-tab-link.tab-link:hover {
  background-color: #323340;
}

.html-tab-link.tab-link:focus {
  background-color: #323340;
}

.html-tab-link.tab-link.w--current {
  background-color: #323340;
}

.div-block-34 {
  width: 100%;
}

.text-block-33 {
  font-size: 16px;
}

.text-block-34 {
  font-size: 16px;
}

.text-block-35 {
  font-size: 16px;
}

.text-block-36 {
  font-size: 16px;
}

.text-block-37 {
  font-size: 16px;
}

.text-block-38 {
  font-size: 16px;
}

.text-block-39 {
  font-size: 16px;
}

.text-block-40 {
  font-size: 16px;
}

.text-block-41 {
  font-size: 16px;
}

.text-block-42 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 4px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: #fff;
  font-size: 24px;
  line-height: 8px;
  font-weight: 600;
  -o-object-fit: fill;
  object-fit: fill;
}

.text-span-18 {
  margin-top: 0px;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  -ms-grid-row-align: auto;
  align-self: auto;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  color: hsla(0, 0%, 100%, 0.8);
  font-size: 16px;
  font-weight: 600;
}

.div-block-35 {
  width: 100%;
}

.div-block-36 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-37 {
  width: 100%;
}

.image-19 {
  width: 240px;
  max-width: 100%;
}

.social-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 32px;
  margin-bottom: 72px;
  margin-left: 2px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.image-20 {
  width: auto;
  height: 20px;
  max-width: 100%;
  margin-right: 0px;
  margin-left: 0px;
  color: hsla(0, 0%, 59.2%, 0.8);
}

.image-20.github {
  height: 30px;
}

.image-20.linked {
  height: 20px;
  margin-bottom: 1px;
}

.image-20.facebook {
  height: 22px;
}

.link-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 20px;
  margin-right: 24px;
  margin-left: 0px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0.6;
  cursor: pointer;
}

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

.text-block-43 {
  color: #fff;
  font-weight: 400;
}

.text-block-44 {
  color: #fff;
  font-weight: 400;
}

.text-block-45 {
  color: #fff;
  font-weight: 400;
}

.text-block-46 {
  color: #fff;
  font-weight: 400;
}

.text-block-47 {
  color: #fff;
  font-weight: 400;
}

.text-block-48 {
  color: #fff;
  font-weight: 400;
}

.text-block-49 {
  color: #fff;
  font-weight: 400;
}

.text-block-50 {
  color: #fff;
  font-weight: 400;
}

.div-block-38 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.text-span-19 {
  color: #fff;
  font-size: 56px;
}

.text-span-19.experiment {
  font-size: 52px;
}

.div-block-39 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.text-span-20 {
  display: none;
}

.h1 {
  max-width: 500px;
  font-size: 38px;
  line-height: 1.12em;
  font-weight: 600;
  text-align: left;
}

.h1.experiment {
  font-size: 56px;
  text-align: center;
}

.text-span-21 {
  color: #a888ff;
}

.tabs {
  max-width: 720px;
}

.div-block-40 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.div-block-41 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.text-block-51 {
  margin-top: 16px;
  text-align: center;
}

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

.link-4.hyperlink {
  font-weight: 600;
}

.link-4.hyperlink:hover {
  color: #bba2ff;
  text-decoration: underline;
}

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

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

.text-block-52 {
  position: absolute;
  left: auto;
  top: 16px;
  right: 24px;
  bottom: auto;
  color: #a888ff;
  font-weight: 400;
}

.black-text {
  color: #000;
  font-weight: 600;
}

.div-block-42 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

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

.heading-7 {
  margin-bottom: 12px;
  font-weight: 600;
}

.div-block-43 {
  height: 100%;
}

.icon-textbox {
  display: block;
  height: auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.icon-textbox.additional-features {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.icon-textbox.pricing-point {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 24px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-style: solid;
  border-width: 2px;
  border-color: #2f303c;
  border-radius: 6px;
  background-color: #272832;
}

.text-block-53 {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
}

.discord-icon-small {
  width: 20px;
  height: 14px;
  margin-right: 8px;
  opacity: 0.8;
}

.div-block-44 {
  position: absolute;
  left: 0%;
  top: 0px;
  right: 0%;
  bottom: 76px;
  display: none;
  height: auto;
  background-color: #2c2d37;
}

.text-block-54 {
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.text-block-55 {
  font-size: 16px;
}

.text-block-56 {
  font-size: 16px;
}

.text-block-57 {
  font-size: 16px;
}

.text-block-58 {
  font-size: 16px;
}

.image-21 {
  width: 20px;
  height: 20px;
  margin-top: -1px;
}

.text-block-59 {
  margin-left: 8px;
  color: #fff;
  line-height: 22px;
}

.text-block-60 {
  margin-bottom: 22px;
  padding-right: 8px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 18px;
  line-height: 28px;
}

.text-block-61 {
  margin-bottom: 22px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.text-block-62 {
  margin-bottom: 22px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.text-block-63 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.div-block-45 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 200px;
  max-width: 360px;
  margin-bottom: 2px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  border-radius: 6px;
  background-color: #15161b;
  color: hsla(0, 0%, 100%, 0.8);
  -o-object-fit: fill;
  object-fit: fill;
}

.div-block-45.feature-demo-box {
  height: auto;
  max-width: 500px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: transparent;
}

.text-block-64 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.text-block-65 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.text-block-65.pricing-point-heading {
  line-height: 26px;
  font-weight: 400;
}

.text-block-66 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.text-block-67 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  line-height: 26px;
}

.text-block-68 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.text-block-69 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.text-block-69.text-align-right {
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.text-block-69.pricing-point-heading {
  line-height: 26px;
}

.text-block-70 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.image-22 {
  width: 100%;
  height: auto;
  max-width: 100%;
  padding-top: 0px;
  padding-bottom: 0px;
  border-style: solid;
  border-width: 2px;
  border-color: #272832;
  border-radius: 6px;
}

.text-block-71 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}

.text-block-72 {
  font-family: 'Open Sans', sans-serif;
}

.text-block-73 {
  font-family: 'Open Sans', sans-serif;
}

.text-span-22 {
  color: #a888ff;
}

.div-block-46 {
  width: 100%;
  max-width: 480px;
  padding-right: 0px;
  padding-bottom: 20px;
  padding-left: 0px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.div-block-47 {
  max-width: 480px;
  padding-right: 0px;
  padding-bottom: 20px;
  padding-left: 0px;
}

.div-block-48 {
  max-width: 480px;
  padding-right: 0px;
  padding-bottom: 20px;
  padding-left: 0px;
}

.text-span-23 {
  color: #a888ff;
}

.final-section.section {
  margin-top: 120px;
  padding-bottom: 120px;
}

.what-are-virtual-computers-copy {
  margin-right: 24px;
}

.text-span-24 {
  display: none;
}

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

.slider {
  overflow: visible;
  background-color: transparent;
}

.column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 0px;
  padding-left: 0px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.div-block-51 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.div-block-52 {
  width: 100%;
  margin-left: 0px;
}

.image-24 {
  width: 80px;
  height: 80px;
  max-width: none;
  border-radius: 100px;
}

.slide {
  padding-right: 80px;
  padding-left: 80px;
}

.columns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.block-quote {
  margin-bottom: 16px;
  margin-left: 0px;
  font-size: 19px;
  font-style: italic;
}

.image-25 {
  width: 100%;
  height: auto;
  max-width: none;
  border-radius: 6px;
  -o-object-fit: scale-down;
  object-fit: scale-down;
}

.slide-nav {
  bottom: -96px;
  margin-top: 0px;
  font-size: 14px;
}

.image-26 {
  width: 120px;
}

.image-26.virbela-logo {
  max-width: none;
}

.text-block-76 {
  margin-bottom: 8px;
  font-size: 18px;
}

.text-block-76.no-margin {
  margin-bottom: 0px;
}

.text-block-76.gabe-title {
  margin-bottom: 6px;
}

.column-2 {
  padding-right: 0px;
  padding-left: 0px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.div-block-53 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 16px;
  grid-row-gap: 12px;
}

.text-block-78 {
  margin-top: 8px;
  margin-bottom: 24px;
  font-size: 18px;
  line-height: 1.42em;
  font-weight: 600;
}

.image-27 {
  width: 24px;
  max-width: none;
  margin-bottom: 10px;
}

.container-4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  max-width: 480px;
  margin-top: 0px;
  margin-right: auto;
  margin-left: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -o-object-fit: contain;
  object-fit: contain;
}

.container-4.request-api-container {
  max-width: 520px;
}

.main-container-2 {
  width: 100%;
  max-width: 1272px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 0px;
  padding-left: 0px;
  font-size: 16px;
  text-align: left;
}

.section-6 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 24px;
  padding-bottom: 84px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
}

.section-6.increased-padding {
  max-width: 1272px;
  margin-top: 0px;
  margin-right: auto;
  margin-left: auto;
  padding: 80px 40px 34px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  border: 1px solid #1c1c1c;
  font-family: 'Open Sans', sans-serif;
}

.section-6.increased-padding.bg-primary-1.request-demo-section {
  max-width: 720px;
  padding-top: 40px;
  border-style: none;
  background-color: transparent;
}

.image-28 {
  display: none;
  width: 100%;
  max-width: 520px;
  border-style: solid;
  border-width: 2px;
  border-color: #272832;
  border-radius: 6px;
}

.image-29 {
  width: 100%;
  max-width: 100%;
  border-style: solid;
  border-width: 2px;
  border-color: #272832;
  border-radius: 6px;
}

.div-block-54 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  margin-top: 16px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.div-block-55 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 560px;
  height: 520px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-radius: 6px;
  background-color: #272831;
}

.section-7 {
  margin-top: 120px;
}

.cost-estimator-heading {
  margin-bottom: 24px;
  font-family: 'Open Sans', sans-serif;
  font-size: 26px;
  font-weight: 600;
  text-align: left;
}

.columns-2 {
  width: 100%;
}

.div-block-56 {
  border-style: solid;
  border-width: 2px;
  border-color: #272831;
}

.div-block-57 {
  background-color: #272831;
}

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

.text-align-left.open-sans {
  font-family: 'Open Sans', sans-serif;
}

.div-block-58 {
  position: relative;
  padding: 24px;
  border-style: solid;
  border-width: 2px;
  border-color: #3c3d4c;
  border-radius: 6px;
  background-color: #272832;
}

.div-block-58.sliders {
  padding: 0px;
  border-style: none;
  background-color: transparent;
}

.div-block-58.border-gray {
  padding-top: 20px;
  padding-bottom: 20px;
  border-color: #2f303c;
}

.calculation-heading {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 16px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.calculation-heading.total-row {
  margin-top: 16px;
  margin-bottom: 0px;
  padding-top: 16px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 2px solid #2f303c;
}

.text-block-79 {
  font-size: 14px;
  line-height: 20px;
}

.text-block-80 {
  font-size: 24px;
}

.slider-embed {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: transparent;
  font-family: 'Open Sans', sans-serif;
}

.grid {
  width: 100%;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.container-5 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.cost-estimator-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 1000px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  grid-column-gap: 80px;
  grid-row-gap: 80px;
}

.cost-estimator-container.rate-preview-container {
  margin-bottom: 80px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  grid-column-gap: 80px;
  grid-row-gap: 80px;
}

.estimator-column {
  width: 100%;
  max-width: 560px;
  background-color: transparent;
}

.estimator-column.sliders {
  max-width: 360px;
}

.estimator-column.rate-preview.bulkdiscounts {
  max-width: 560px;
  padding: 0px;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  border-style: none;
  border-width: 2px;
  border-color: #3c3d4c;
  border-radius: 6px;
}

.text-block-81 {
  display: inline-block;
  overflow: hidden;
  width: auto;
  height: 22px;
  margin-top: 4px;
  margin-bottom: -6px;
  padding-right: 8px;
  padding-left: 8px;
  border-radius: 4px;
  background-color: #a888ff;
  color: #000;
  font-size: 12px;
  line-height: 22px;
  font-weight: 600;
  text-align: right;
  text-transform: uppercase;
  white-space: nowrap;
}

.tabs-3 {
  display: block;
}

.text-block-82 {
  line-height: 26px;
}

.text-block-84 {
  margin-bottom: 24px;
  color: #fff;
  font-size: 26px;
  font-weight: 600;
  text-align: left;
}

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

.text-block-85 {
  margin-top: 2px;
  color: #fff;
  font-size: 18px;
  line-height: 20px;
  font-weight: 600;
  text-align: right;
}

.text-block-85.default-base-rate {
  color: hsla(0, 0%, 100%, 0.8);
  font-size: 16px;
  line-height: 20px;
  text-decoration: line-through;
}

.text-block-86 {
  color: #fff;
  font-size: 18px;
  line-height: 27px;
  font-weight: 600;
}

.grid-2 {
  padding: 24px;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  -ms-grid-columns: 3fr 9fr 2fr;
  grid-template-columns: 3fr 9fr 2fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  border-style: solid;
  border-width: 2px;
  border-color: #3c3d4c;
  border-radius: 6px;
}

.grid-2.monthly-cost-rate {
  margin-top: 0px;
  margin-bottom: 16px;
  padding: 20px 24px;
  -ms-grid-columns: 2fr 5fr 2fr;
  grid-template-columns: 2fr 5fr 2fr;
  border-color: #2f303c;
  background-color: #272832;
}

.text-block-88 {
  font-size: 14px;
  line-height: 24px;
}

.div-block-65 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 32px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 6px;
  background-color: #272832;
  text-align: center;
}

.text-block-89 {
  margin-right: 4px;
  margin-left: 8px;
  padding-top: 16px;
  padding-bottom: 24px;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
}

.text-block-90 {
  color: #fff;
}

.div-block-66 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: none;
  margin-right: auto;
  margin-left: auto;
  padding: 10% 32px 32px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 6px;
  background-color: #272832;
  text-align: center;
}

.div-block-67 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
}

.text-block-91 {
  font-size: 20px;
  font-weight: 400;
  text-decoration: line-through;
}

.text-span-25 {
  margin-left: 1px;
  color: hsla(0, 0%, 100%, 0.8);
  font-size: 14px;
}

.div-block-68 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  grid-column-gap: 13px;
  grid-row-gap: 13px;
}

.div-block-69 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}

.div-block-70 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.icon-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}

.small-pricing-icon {
  height: 28px;
  max-width: 100%;
  margin-top: 0px;
}

.text-block-92 {
  width: 100%;
  height: 22px;
  margin-top: 0px;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  text-align: right;
}

.text-span-26 {
  height: 22px;
  font-size: 14px;
  font-weight: 400;
}

.bold-text-4 {
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-weight: 600;
}

.pricing-point {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.pricing-point-heading {
  color: #fff;
  line-height: 26px;
  font-weight: 600;
}

.text-span-27 {
  color: hsla(0, 0%, 100%, 0.8);
  font-weight: 400;
}

.text-span-28 {
  color: hsla(0, 0%, 100%, 0.8);
  font-weight: 400;
}

.text-span-29 {
  color: hsla(0, 0%, 100%, 0.8);
  font-weight: 400;
}

.image-30 {
  height: 24px;
  margin-left: 0px;
}

.div-block-71 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.image-31 {
  height: 24px;
  margin-right: 0px;
}

.html-embed-10 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  width: auto;
  height: auto;
  border-style: solid;
  border-width: 2px;
  border-color: #272832;
  border-radius: 6px;
  background-color: #272832;
  background-clip: border-box;
  -webkit-text-fill-color: inherit;
}

.div-block-73 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.links-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 400px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
}

.link-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  font-weight: 400;
}

.text-block-93 {
  font-weight: 400;
}

.text-block-93.list-heading {
  margin-bottom: 16px;
  font-weight: 600;
}

.bold-text-5 {
  font-size: 14px;
  font-weight: 600;
}

.footer-link {
  color: hsla(0, 0%, 100%, 0.8);
  line-height: 16px;
  font-weight: 400;
  cursor: pointer;
}

.footer-link:hover {
  color: #a888ff;
}

.testimonial-columns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 8px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.testimonial-column {
  padding-right: 40px;
  padding-left: 0px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.testimonial-column.second-column {
  padding-right: 0px;
}

.left-arrow {
  color: hsla(0, 0%, 100%, 0.8);
}

.left-arrow:hover {
  color: #fff;
}

.right-arrow {
  color: hsla(0, 0%, 100%, 0.8);
}

.right-arrow:hover {
  color: #fff;
}

.tiny-title {
  margin-bottom: 12px;
  font-family: 'Open Sans', sans-serif;
  color: #a888ff;
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
}

.image-32 {
  width: 100%;
  max-width: none;
  border-style: none;
  border-width: 2px;
  border-color: #272832;
  border-radius: 6px;
}

.mask-2 {
  overflow: hidden;
  min-height: 380px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.text-block-94 {
  -webkit-transition: color 200ms ease;
  transition: color 200ms ease;
  font-family: 'Open Sans', sans-serif;
  color: hsla(0, 0%, 100%, 0.8);
  font-size: 14px;
  font-weight: 600;
  text-align: center;
}

.text-block-94:hover {
  color: #a888ff;
}

.dropdown-toggle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 44px;
  padding-right: 0px;
  padding-left: 0px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.dropdown-2 {
  margin-left: 24px;
}

.nav-dropdown {
  margin-left: 24px;
}

.nav-dropdown:hover {
  color: #a888ff;
}

.dropdown-list-2 {
  background-color: #2f303c;
}

.dropdown-list-2.w--open {
  top: auto;
  z-index: 200;
  overflow: visible;
  width: 400px;
  max-width: none;
  margin-top: 8px;
  border-style: none;
  border-width: 2px;
  border-color: #2f303c;
  border-radius: 6px;
  background-color: #1b1c21;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  outline-color: #272832;
  outline-offset: 0px;
  outline-style: solid;
  outline-width: 2px;
}

.div-block-75 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  white-space: nowrap;
}

.image-33 {
  width: 24px;
  height: 24px;
  max-width: none;
  margin-right: 16px;
}

.div-block-76 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 28px;
  margin-top: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.text-block-95 {
  width: 100%;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  -ms-grid-row-align: auto;
  align-self: auto;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  line-height: 1.42rem;
  font-weight: 400;
  white-space: normal;
}

.text-block-96 {
  font-size: 16px;
}

.text-block-97 {
  margin-bottom: 4px;
  font-size: 16px;
}

.dropdown-link-heading {
  margin-bottom: 2px;
  font-size: 15px;
}

.div-block-77 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  background-color: rgba(27, 28, 33, 0.8);
  -webkit-filter: blur(8px);
  filter: blur(8px);
}

.section-8 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 48px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #a888ff;
}

.text-block-98 {
  font-family: 'Open Sans', sans-serif;
  color: #000;
  font-size: 16px;
  font-weight: 600;
}

.text-block-98.hide-desktop {
  display: none;
}

.link-7 {
  margin-left: 6px;
  font-family: 'Open Sans', sans-serif;
  color: #000;
  font-size: 16px;
  text-decoration: underline;
}

.link-7:hover {
  color: rgba(0, 0, 0, 0.8);
  text-decoration: underline;
}

.link-7.hide-desktop {
  display: none;
}

.image-34 {
  margin-right: 8px;
  background-color: transparent;
  color: transparent;
}

.bold-text-6 {
  margin-left: 4px;
  font-family: 'Open Sans', sans-serif;
  color: #000;
  font-size: 16px;
  font-weight: 600;
}

@media screen and (min-width: 1280px) {
  .load-second {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .load-third {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .section.increased-padding.revised.hero-section.no-experiment {
    max-width: 1280px;
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .section.no-top-padding.border-bottom.feature-section {
    height: auto;
  }

  .main-container.nav-main-container.revised {
    max-width: 1240px;
    border-bottom: 2px solid #202128;
  }

  .main-container.footer-container {
    max-width: 1320px;
  }

  .large-text.h3-subheading.bottom-bar-text {
    color: #000;
  }

  .button.full-width {
    -webkit-transition: background-color 200ms ease;
    transition: background-color 200ms ease;
  }

  .button.pricing-button.text-block-29 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 0px;
    padding-bottom: 0px;
    grid-auto-columns: 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
  }

  .button.get-started-cta {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 56px;
    padding-top: 0px;
    padding-bottom: 0px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .navbar {
    max-width: 1280px;
  }

  .footer {
    width: 100%;
  }

  .back-to-top-button {
    border-color: #3c3d4c;
  }

  .section-title.increased-margin.text-center.no-subheading.get-started {
    margin-bottom: 28px;
  }

  .tab-link.pricing-tab.w--current {
    background-color: #a888ff;
  }

  .container-large.align-center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .container-large.align-center.benefits {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .container-large.align-center.benefits.first-btf-section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .logo-circle.adjacent-to-logo-circle {
    width: 80px;
    height: 80px;
  }

  .logo-circle.adjacent-to-logo-circle.last-item {
    width: 80px;
    height: 80px;
  }

  .medium-heading {
    max-width: none;
    font-size: 36px;
    line-height: 1.32em;
  }

  .pricing-tabs-menu.testimonials-tab-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .pricing-plan {
    padding: 32px;
  }

  .pricing-plan.bordered {
    padding: 32px;
  }

  .box-thirds-grid.margin-bottom {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .box-thirds-grid.margin-bottom.test {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .box-thirds-grid.pricing-points {
    margin-bottom: 72px;
  }

  .body {
    background-color: #1b1c21;
  }

  .image {
    width: 188px;
  }

  .div-block-6.revised.parent-block {
    height: 342px;
  }

  .body-2 {
    background-color: #1b1c21;
  }

  .text-block-20.welcome-subheading {
    width: auto;
    margin-top: 16px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
  }

  .bold-text.revised {
    font-size: 36px;
  }

  .text-white-2.additional-feature-heading {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 48px;
    padding: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    text-align: left;
  }

  .text-white-2.value-prop-text {
    font-size: 26px;
    line-height: 38px;
  }

  .text-white-2.red-text {
    color: #f54848;
  }

  .text-white-2.total-price {
    margin-right: auto;
    margin-left: auto;
    font-size: 32px;
  }

  .what-are-cloud-computers-rectangle {
    position: relative;
    padding-right: 100px;
    padding-left: 100px;
  }

  .text-block-22 {
    max-width: 560px;
    font-size: 16px;
  }

  .section-3 {
    max-width: 1280px;
  }

  .check-circle-box-2 {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .check-circle-box-2.primary-feature-box {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 24px;
    padding-bottom: 24px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    grid-column-gap: 100px;
    grid-row-gap: 100px;
    border-style: none;
  }

  .text-block-29 {
    -webkit-transition: box-shadow 200ms ease;
    transition: box-shadow 200ms ease;
  }

  .sticky-nav {
    z-index: 100;
    border-bottom-style: none;
  }

  .html-embed-9 {
    background-color: transparent;
  }

  .link-block {
    -webkit-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
  }

  .h1 {
    max-width: none;
    font-size: 46px;
  }

  .icon-textbox {
    display: block;
    overflow: visible;
    height: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }

  .icon-textbox.additional-features {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }

  .text-block-53 {
    font-size: 16px;
  }

  .text-block-56.big-cta-btn {
    font-size: 16px;
  }

  .text-block-60 {
    margin-bottom: 22px;
    padding-right: 0px;
  }

  .text-block-61 {
    margin-bottom: 22px;
  }

  .text-block-62 {
    margin-bottom: 22px;
  }

  .div-block-45 {
    max-width: none;
  }

  .div-block-45.feature-demo-box {
    position: relative;
    width: auto;
    height: auto;
    max-width: 500px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 50%;
    -ms-flex: 0 50%;
    flex: 0 50%;
    background-color: transparent;
  }

  .text-block-64 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 56px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .text-block-69.text-align-left {
    height: 24px;
  }

  .text-block-69.text-align-right {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    text-align: right;
  }

  .image-22 {
    width: 100%;
    height: auto;
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .text-block-71 {
    font-size: 16px;
  }

  .text-block-72 {
    font-size: 16px;
  }

  .div-block-46 {
    width: 100%;
    max-width: 480px;
    margin-right: 0px;
    padding-right: 0px;
    padding-bottom: 20px;
    padding-left: 0px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }

  .div-block-47 {
    max-width: 480px;
    padding-right: 0px;
    padding-bottom: 20px;
    padding-left: 0px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 50%;
    -ms-flex: 0 50%;
    flex: 0 50%;
  }

  .div-block-48 {
    max-width: 480px;
    padding-right: 0px;
    padding-bottom: 20px;
    padding-left: 0px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 50%;
    -ms-flex: 0 50%;
    flex: 0 50%;
  }

  .final-section.section {
    width: 100%;
    max-width: none;
  }

  .what-are-virtual-computers-copy {
    margin-right: 0px;
  }

  .text-span-24 {
    display: inline-block;
  }

  .text-block-74 {
    font-family: 'Open Sans', sans-serif;
  }

  .text-block-75 {
    font-family: 'Open Sans', sans-serif;
  }

  .tabs-2 {
    position: relative;
    width: 100%;
  }

  .div-block-49 {
    position: absolute;
  }

  .tabs-content {
    position: absolute;
    left: 200px;
    top: 0%;
    right: 200px;
    bottom: auto;
  }

  .div-block-50 {
    background-color: red;
  }

  .testimonial-container {
    background-color: red;
  }

  .slider {
    background-color: transparent;
  }

  .block-quote {
    font-size: 26px;
    line-height: 36px;
    font-style: normal;
    font-weight: 400;
  }

  .image-25 {
    overflow: hidden;
    padding-right: 16px;
    padding-left: 16px;
  }

  .slide-nav {
    bottom: -88px;
  }

  .text-block-77 {
    font-size: 24px;
  }

  .container-4.request-api-container {
    margin-left: auto;
  }

  .main-container-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .image-28 {
    width: 100%;
    height: auto;
    max-width: none;
    border-radius: 6px;
  }

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

  .div-block-58.border-only {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    padding-bottom: 32px;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    border-color: #3c3d4c;
  }

  .calculation-heading {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    margin-top: 0px;
    margin-bottom: 16px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .calculation-heading.total-row {
    margin-top: 16px;
    margin-bottom: 0px;
    padding-top: 16px;
  }

  .text-block-79 {
    height: auto;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
  }

  .text-block-80 {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
  }

  .cost-estimator-container.rate-preview-container {
    margin-bottom: 80px;
    grid-column-gap: 100px;
    grid-row-gap: 100px;
  }

  .estimator-column.sliders.rate-preview {
    max-width: 360px;
    padding: 0px;
    border-style: none;
    border-width: 2px;
    border-color: #3c3d4c;
    border-radius: 6px;
    background-color: #1b1c21;
  }

  .estimator-column.rate-preview.bulkdiscounts {
    max-width: 560px;
    padding: 0px;
    border-style: none;
    border-width: 2px;
    border-color: #3c3d4c;
    border-radius: 6px;
  }

  .text-block-81 {
    display: inline-block;
  }

  .rate-preview-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 40px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    grid-column-gap: 64px;
    grid-row-gap: 64px;
  }

  .div-block-59 {
    width: 100%;
    max-width: 520px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }

  .div-block-60 {
    width: 100%;
    max-width: 360px;
  }

  .text-block-82 {
    color: #d1d2d3;
    font-size: 16px;
    font-weight: 400;
  }

  .div-block-61 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    color: rgba(44, 37, 37, 0.8);
  }

  .text-block-83 {
    font-size: 18px;
    font-weight: 600;
  }

  .text-block-84 {
    margin-bottom: 24px;
    color: #fff;
    font-size: 26px;
    font-weight: 600;
  }

  .div-block-62 {
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .div-block-63 {
    width: 100%;
    -webkit-box-flex: 2;
    -webkit-flex: 2 2 auto;
    -ms-flex: 2 2 auto;
    flex: 2 2 auto;
  }

  .div-block-64 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .text-block-87 {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
  }

  .grid-2 {
    -ms-grid-columns: 3fr 8fr 1fr;
    grid-template-columns: 3fr 8fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
  }

  .grid-2.monthly-cost-rate {
    margin-top: 0px;
    -ms-grid-columns: 2fr 5fr 2fr;
    grid-template-columns: 2fr 5fr 2fr;
  }

  .div-block-72 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

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

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

  .section.increased-padding.revised {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .section.increased-padding.revised.hero-section.no-experiment {
    width: 100%;
    max-width: none;
    margin-top: 40px;
    margin-right: auto;
    padding: 50px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .section.border-bottom.use-case-section.last-use-case {
    padding-top: 0px;
  }

  .section.supported-apps {
    padding-bottom: 100px;
  }

  .section.testimonial-section {
    margin-bottom: 42%;
  }

  .main-container.nav-main-container {
    padding-right: 0px;
    padding-left: 0px;
  }

  .main-container.nav-main-container.revised {
    padding-top: 0px;
  }

  .main-container.relative {
    padding-right: 50px;
    padding-left: 50px;
  }

  .main-container.main-features {
    padding-right: 50px;
    padding-left: 50px;
  }

  .style-guide-section {
    grid-row-gap: 70px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .large-text.hero-subheading {
    font-size: 18px;
    line-height: 32px;
  }

  .small-text {
    display: none;
  }

  .small-text.text-white {
    display: block;
  }

  .button.small.nav-button {
    width: 100%;
    margin-top: 7px;
  }

  .button.small.nav-button.sign-up-btn.discord-nav-btn.secondary {
    margin-left: 0px;
  }

  .button.small.nav-button.discord-btn {
    display: none;
    overflow: visible;
  }

  .search-modal-container {
    margin-right: 21px;
    margin-left: 21px;
  }

  .display-heading {
    font-size: 52px;
  }

  .display-heading.desktop-h1 {
    font-size: 48px;
    line-height: 1.32em;
  }

  .display-heading.mobile-heading {
    display: none;
  }

  .mobile-brand {
    display: block;
    margin-left: 28px;
  }

  .desktop-brand {
    display: none;
  }

  .nav-menu {
    padding: 14px 28px 28px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.2);
    background-color: #000;
    text-align: left;
  }

  .nav-link {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .nav-dropdown-toggle {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border-radius: 3px;
    -webkit-transition: background-color 200ms ease, opacity 200ms ease;
    transition: background-color 200ms ease, opacity 200ms ease;
  }

  .nav-dropdown-toggle:hover {
    background-color: hsla(0, 0%, 100%, 0.1);
    opacity: 1;
  }

  .footer-grid {
    max-width: 580px;
    margin-right: auto;
    margin-left: auto;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  .footer-bottom-row {
    display: -ms-grid;
    display: grid;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-items: center;
    grid-auto-columns: 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 21px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
  }

  .dropdown-container {
    width: 100%;
    padding: 0px;
    background-color: transparent;
    font-size: 14px;
  }

  .dropdown-container.sidebar {
    display: none;
  }

  .dropdown-list {
    position: relative;
    border-style: none;
  }

  .menu-button {
    margin-right: 28px;
    padding: 10px 7px;
    border-radius: 3px;
    -webkit-transition: background-color 200ms ease;
    transition: background-color 200ms ease;
  }

  .menu-button.w--open {
    background-color: hsla(0, 0%, 100%, 0.2);
  }

  .menu-button-icon {
    display: block;
    max-width: 28px;
  }

  .grid-halves {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .grid-halves.title-grid {
    max-width: 474px;
    margin-right: auto;
    margin-left: auto;
    grid-row-gap: 35px;
  }

  .grid-halves.reversed-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .container {
    width: 100%;
    max-width: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
  }

  .container.reduced-width.supported-applications-copy {
    max-width: 600px;
    margin-bottom: 24px;
  }

  .section-title {
    width: 100%;
  }

  .section-title.increased-margin {
    margin-bottom: 56px;
  }

  .section-title.increased-margin.text-center.no-subheading {
    padding-right: 24px;
    padding-left: 24px;
  }

  .section-title.increased-margin.text-center.no-subheading.get-started {
    padding-right: 64px;
    padding-left: 64px;
  }

  .section-title.justify-content-left {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .section-title.justify-content-left.desktop-title {
    display: none;
  }

  .section-title.justify-content-left.mobile-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
  }

  .section-title.justify-content-left.mobile-title.desktop-title {
    display: none;
  }

  .button-row.justify-content-center.revised {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .cms-grid {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
  }

  .customer-logo-wrapper.overlap-image {
    left: 14px;
    top: 14px;
  }

  .customer-logo-wrapper.inside-sidebar {
    display: none;
  }

  .container-large.align-center {
    padding-top: 100px;
  }

  .container-large.align-center.benefits {
    padding-top: 120px;
  }

  .container-large.align-center.benefits.first-btf-section {
    padding-top: 100px;
  }

  .integrations-grid {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  .horizontal-cta {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
  }

  .horizontal-cta-heading {
    margin-right: 0px;
    margin-bottom: 21px;
  }

  .section-halves-grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .customer-grid {
    max-width: 580px;
    margin-right: auto;
    margin-left: auto;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .handwriting-text.pricing-plan-label {
    left: 30%;
  }

  .image-grid {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  .pricing-grid {
    max-width: 474px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 0px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .pricing-plan.bordered.most-popular {
    margin-top: 40px;
    margin-bottom: 16px;
  }

  .docs-grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .docs-sidebar {
    border-top: 1px solid hsla(0, 0%, 100%, 0.2);
    border-right-style: none;
  }

  .ui-snippet-parts-grid {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  .icon-quarters-grid {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  .ui-snippet-demo-box {
    margin-top: 0px;
  }

  .inner-section {
    margin-top: 0px;
    margin-bottom: 0px;
    border-radius: 0px;
  }

  .inner-section.hero-inner-section {
    margin-bottom: 84px;
  }

  .box-thirds-grid {
    max-width: none;
    margin-right: auto;
    margin-left: auto;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  .box-thirds-grid.margin-bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 560px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-column-gap: 64px;
    grid-row-gap: 64px;
  }

  .box-thirds-grid.margin-bottom.test {
    max-width: none;
  }

  .icon-box-grid {
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  .icon-box-grid.problemsolution-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .large-ui-feature-grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .screenshot-row-item {
    max-width: 190px;
    margin-right: 7px;
    margin-left: 7px;
  }

  .large-feature-box {
    padding-top: 84px;
    padding-bottom: 84px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .demo-screenhots-grid {
    grid-column-gap: 21px;
    grid-row-gap: 21px;
  }

  .image {
    display: none;
  }

  .text-block-2 {
    white-space: nowrap;
  }

  .div-block-4 {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .text-block-5.tricks.fade-up {
    left: auto;
    right: 51%;
    display: block;
    font-size: 48px;
    line-height: 22px;
  }

  .text-block-5.tricks.fade-up2 {
    left: auto;
    right: 51%;
    display: block;
    font-size: 48px;
    line-height: 22px;
  }

  .text-block-5.tricks.fade-up3 {
    left: auto;
    right: 51%;
    display: block;
    font-size: 48px;
    line-height: 22px;
  }

  .div-block-6 {
    width: 80%;
    height: auto;
    max-width: 1080px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .div-block-6.revised.parent-block {
    display: none;
  }

  .image-11 {
    max-width: 280px;
  }

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

  .extra-option-wrap {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    font-size: 0.9em;
    line-height: 1.1em;
    text-align: left;
  }

  .collaborate-form-step {
    min-height: 565px;
  }

  .checkbox-wrapper {
    width: 80%;
    height: 50px;
  }

  .checkbox-label {
    padding-left: 60px;
    font-size: 1em;
  }

  .display-heading-2 {
    font-size: 52px;
  }

  .display-heading-2.mobile-heading {
    display: none;
  }

  .display-heading-2.desktop-h1 {
    font-size: 48px;
    line-height: 1.32em;
  }

  .text-white-2 {
    font-size: 20px;
  }

  .text-white-2.value-prop-text {
    overflow: visible;
    font-size: 24px;
  }

  .section-2 {
    display: block;
  }

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

  .section-3 {
    display: none;
  }

  .large-text-2.hero-subheading {
    max-width: none;
    font-size: 18px;
    line-height: 32px;
    text-align: center;
  }

  .check-circle-box-2.primary-feature-box {
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-column-gap: 64px;
    grid-row-gap: 64px;
  }

  .check-circle-box-2.primary-feature-box.reverse-order {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
  }

  .div-block-23 {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .div-block-24 {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .text-block-29 {
    display: none;
  }

  .image-16 {
    display: none;
  }

  .div-block-33 {
    padding-right: 64px;
    padding-left: 64px;
  }

  .social-row {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .link-block {
    margin-right: 12px;
    margin-left: 12px;
  }

  .h1 {
    text-align: center;
  }

  .icon-textbox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .icon-textbox.additional-features {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .text-block-53 {
    max-width: 400px;
    font-size: 16px;
    text-align: left;
  }

  .text-block-54 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .text-block-60 {
    font-size: 18px;
  }

  .div-block-45 {
    max-width: 420px;
  }

  .div-block-45.feature-demo-box {
    width: auto;
    height: auto;
    margin-bottom: 8px;
  }

  .text-block-64 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .text-block-65 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .text-block-66 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .text-block-67 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .text-block-68 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .text-block-69 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .text-block-70 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .image-22 {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .text-block-71 {
    max-width: 400px;
    font-size: 16px;
  }

  .text-block-72 {
    max-width: 400px;
    font-size: 16px;
  }

  .div-block-46 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 8px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: left;
  }

  .div-block-47 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: left;
  }

  .div-block-48 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: left;
  }

  .final-section.section {
    padding-bottom: 120px;
  }

  .slider {
    padding-right: 80px;
    padding-left: 80px;
  }

  .div-block-52 {
    margin-top: 24px;
  }

  .slide {
    padding-right: 0px;
    padding-left: 0px;
  }

  .slide-nav {
    display: none;
  }

  .div-block-53 {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: left;
  }

  .text-block-78 {
    width: 100%;
    text-align: left;
  }

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

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

  .cost-estimator-heading {
    text-align: center;
  }

  .cost-estimator-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .cost-estimator-container.rate-preview-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .estimator-column.sliders.rate-preview {
    max-width: 400px;
  }

  .estimator-column.rate-preview.bulkdiscounts {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    text-align: center;
  }

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

  .text-block-85.default-base-rate {
    color: hsla(0, 0%, 100%, 0.8);
    font-size: 16px;
    text-decoration: line-through;
  }

  .text-span-25 {
    font-size: 14px;
  }

  .div-block-73 {
    padding-bottom: 64px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

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

  .testimonial-columns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .testimonial-column {
    display: block;
    padding-right: 0px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .testimonial-column.second-column {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .mask-2 {
    overflow: hidden;
    height: 100%;
    min-height: 750px;
  }

  .dropdown-toggle {
    margin-top: 7px;
  }

  .text-block-98 {
    display: none;
  }

  .text-block-98.hide-desktop {
    display: block;
  }

  .link-7 {
    display: none;
  }

  .link-7.hide-desktop {
    display: block;
  }
}

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

  h1 {
    font-size: 40px;
    line-height: 48px;
  }

  h2 {
    font-size: 32px;
    line-height: 42px;
  }

  h3 {
    font-size: 24px;
    line-height: 32px;
  }

  h4 {
    font-size: 20px;
    line-height: 28px;
  }

  h5 {
    font-size: 16px;
    line-height: 24px;
  }

  h6 {
    font-size: 16px;
    line-height: 24px;
  }

  blockquote {
    font-size: 22px;
    line-height: 30px;
  }

  .section {
    margin-top: 64px;
    padding-top: 0px;
    padding-bottom: 70px;
  }

  .section.increased-padding {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .section.increased-padding.revised.hero-section.no-experiment {
    margin-right: 0px;
    padding-right: 20px;
    padding-left: 20px;
  }

  .section.no-top-padding.border-bottom.feature-section {
    margin-top: 0px;
    padding-top: 0px;
  }

  .section.supported-apps {
    padding-top: 0px;
  }

  .section.testimonial-section {
    margin-bottom: 54%;
  }

  .main-container.relative {
    padding-right: 20px;
    padding-left: 20px;
  }

  .main-container.main-features {
    padding-right: 20px;
    padding-left: 20px;
  }

  .style-guide-section {
    grid-row-gap: 56px;
  }

  .style-guide-colors {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

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

  .large-text.h3-subheading {
    padding-right: 24px;
    padding-left: 24px;
    font-size: 18px;
  }

  .button.small.nav-button {
    margin-left: 0px;
  }

  .button.small.nav-button.sign-up-btn {
    margin-top: 16px;
  }

  .button.small.nav-button.sign-up-btn.discord-nav-btn.secondary {
    margin-top: 16px;
    margin-left: 0px;
  }

  .button.small.nav-button.discord-btn {
    display: none;
  }

  .display-heading {
    font-size: 40px;
    line-height: 48px;
  }

  .display-heading.desktop-h1 {
    display: none;
  }

  .display-heading.mobile-heading {
    display: block;
    font-size: 42px;
  }

  .navbar-row {
    min-height: 63px;
  }

  .dropdown-grid {
    padding: 0px;
    grid-row-gap: 0px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .icon-horizontal-heading {
    font-size: 14px;
    line-height: 22px;
  }

  .menu-button-icon {
    max-width: 26px;
  }

  .grid-halves.title-grid {
    grid-row-gap: 28px;
  }

  .container {
    width: 100%;
    max-width: none;
  }

  .section-title {
    margin-bottom: 35px;
  }

  .section-title.increased-margin {
    margin-bottom: 35px;
  }

  .section-title.increased-margin.text-center.no-subheading.get-started {
    padding-right: 0px;
    padding-left: 0px;
  }

  .button-row.justify-content-center.revised {
    width: 100%;
    max-width: none;
  }

  .cms-grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .large-heading {
    font-size: 40px;
    line-height: 48px;
  }

  .large-heading.no-bottom-margin {
    font-size: 32px;
  }

  .container-large.align-center {
    padding-top: 60px;
  }

  .container-large.align-center.benefits {
    margin-top: 64px;
    padding-top: 60px;
  }

  .container-large.align-center.benefits.first-btf-section {
    margin-top: 0px;
    padding-top: 60px;
    padding-right: 20px;
    padding-left: 20px;
  }

  .integrations-grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .logo-circle.adjacent-to-logo-circle {
    width: 64px;
    height: 64px;
  }

  .logo-circle.adjacent-to-logo-circle.last-item {
    width: 64px;
    height: 64px;
  }

  .medium-heading {
    font-size: 28px;
    line-height: 42px;
  }

  .medium-heading.final-section-heading {
    font-size: 28px;
  }

  .form-grid-halves {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .cms-title {
    padding-bottom: 35px;
  }

  .cms-meta {
    margin-bottom: 35px;
  }

  .round-image {
    border-radius: 6px;
  }

  .article {
    margin-top: 35px;
  }

  .article figure {
    margin-bottom: 35px;
  }

  .customer-quote {
    margin-bottom: 35px;
  }

  .handwriting-text.pricing-plan-label {
    left: 27%;
  }

  .image-grid {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }

  .image-grid-wrapper {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }

  .icon-thirds-grid {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  .team-grid {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  .pricing-row-column-heading {
    font-size: 18px;
    line-height: 28px;
  }

  .testimonials-wrapper {
    display: -ms-grid;
    display: grid;
    padding-right: 21px;
    padding-left: 21px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-items: center;
    grid-auto-columns: 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 28px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
  }

  .ui-snippet-parts-grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .ui-snippet-demo-box.increased-height {
    min-height: auto;
    padding-top: 56px;
    padding-bottom: 56px;
  }

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

  .box-thirds-grid {
    grid-row-gap: 21px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .check-circle-box {
    padding: 28px;
  }

  .ui-snippet-demo-box-heading {
    margin-bottom: 35px;
  }

  .link-box {
    min-height: auto;
    padding: 28px;
  }

  .search-result-list {
    grid-row-gap: 35px;
  }

  .icon-box-grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .changelog-item {
    grid-row-gap: 7px;
    -ms-grid-columns: 2fr;
    grid-template-columns: 2fr;
  }

  .screenshot-row-item {
    max-width: 150px;
  }

  .large-feature-box {
    padding: 56px;
  }

  .screenshot-link {
    min-height: auto;
  }

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

  .div-block-4 {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .text-block-5.tricks.fade-up {
    left: 0%;
    top: auto;
    right: 0%;
    bottom: 60px;
    font-size: 42px;
  }

  .text-block-5.tricks.fade-up2 {
    left: 0%;
    top: auto;
    right: 0%;
    bottom: 60px;
    font-size: 42px;
  }

  .text-block-5.tricks.fade-up3 {
    left: 0%;
    top: auto;
    right: 0%;
    bottom: 60px;
    font-size: 42px;
  }

  .div-block-6 {
    background-color: #1c1c1c;
  }

  .div-block-12 {
    width: 100%;
    margin-left: 0px;
  }

  .extra-option-wrap {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .form-content {
    width: 90%;
  }

  .checkbox-label {
    font-size: 1.1em;
    line-height: 1.2em;
  }

  .div-block-16 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  .display-heading-2 {
    font-size: 40px;
    line-height: 48px;
  }

  .display-heading-2.mobile-heading {
    display: block;
    font-size: 42px;
  }

  .display-heading-2.desktop-h1 {
    display: none;
  }

  .text-white-2 {
    font-size: 16px;
  }

  .text-white-2.total-price {
    font-size: 28px;
  }

  .logo-circle-2.adjacent-to-logo-circle {
    width: 64px;
    height: 64px;
  }

  .logo-circle-2.adjacent-to-logo-circle.last-item {
    width: 64px;
    height: 64px;
  }

  .large-heading-2 {
    font-size: 40px;
    line-height: 48px;
  }

  .large-text-2 {
    font-size: 18px;
    line-height: 30px;
  }

  .large-text-2.hero-subheading {
    text-align: center;
  }

  .check-circle-box-2 {
    padding: 28px;
  }

  .check-circle-box-2.primary-feature-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .check-circle-box-2.primary-feature-box.reverse-order {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .large-heading-3 {
    font-size: 40px;
    line-height: 48px;
  }

  .sticky-nav {
    position: relative;
  }

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

  .button-4.hero-cta {
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
  }

  .button-4.hero-cta.docs-btn.button.secondary {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .h1 {
    text-align: center;
  }

  .div-block-41 {
    width: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .icon-textbox {
    width: 100%;
  }

  .icon-textbox.pricing-point {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .text-block-53 {
    max-width: none;
    text-align: center;
  }

  .text-block-60 {
    width: 100%;
  }

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

  .text-block-62 {
    width: 100%;
  }

  .div-block-45.feature-demo-box {
    max-width: none;
  }

  .text-block-71 {
    max-width: none;
  }

  .text-block-72 {
    max-width: none;
  }

  .div-block-46 {
    max-width: none;
    text-align: center;
  }

  .div-block-47 {
    width: 100%;
    max-width: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
  }

  .div-block-48 {
    width: 100%;
    max-width: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
  }

  .final-section.section {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .section-6 {
    padding-top: 24px;
    padding-bottom: 70px;
  }

  .section-6.increased-padding {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .text-block-79 {
    display: none;
  }

  .text-block-81 {
    text-align: left;
  }

  .div-block-64 {
    width: 104.390625px;
    text-align: left;
  }

  .text-block-85 {
    text-align: left;
  }

  .text-block-86 {
    font-size: 18px;
  }

  .grid-2.monthly-cost-rate {
    -ms-grid-columns: 2fr;
    grid-template-columns: 2fr;
  }

  .div-block-67 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .text-block-91 {
    font-size: 18px;
  }

  .text-block-92 {
    text-align: left;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    margin-bottom: 14px;
    font-size: 32px;
    line-height: 42px;
    letter-spacing: 0em;
  }

  h2 {
    margin-bottom: 14px;
    font-size: 28px;
    line-height: 38px;
  }

  h3 {
    font-size: 20px;
    line-height: 28px;
  }

  h4 {
    margin-bottom: 7px;
  }

  h5 {
    font-size: 18px;
    line-height: 28px;
  }

  blockquote {
    font-size: 18px;
    line-height: 28px;
  }

  .section {
    padding-top: 0px;
  }

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

  .section.increased-padding.revised.hero-section.no-experiment {
    margin-top: 24px;
    padding: 24px 16px;
  }

  .section.no-top-padding.border-bottom.feature-section {
    padding-top: 0px;
  }

  .section.testimonial-section {
    margin-bottom: 290px;
  }

  .main-container {
    padding-right: 0px;
    padding-left: 0px;
  }

  .main-container.nav-main-container.revised {
    padding-bottom: 0px;
  }

  .main-container.main-features {
    padding-right: 16px;
    padding-left: 16px;
  }

  .style-guide-colors {
    grid-column-gap: 21px;
    grid-row-gap: 21px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .style-guide-color {
    height: 140px;
  }

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

  .large-text.hero-subheading {
    font-size: 16px;
  }

  .large-text.h3-subheading {
    padding-right: 0px;
    padding-left: 0px;
    font-size: 16px;
  }

  .large-text.h3-subheading.subheading {
    padding-right: 24px;
    padding-left: 24px;
  }

  .style-guide-buttons {
    grid-row-gap: 14px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .button.small.nav-button.sign-up-btn.discord-nav-btn.secondary {
    margin-left: 0px;
  }

  .button.small.nav-button.discord-btn {
    display: none;
  }

  .button.adjacent-to-button {
    margin: 7px 0px;
  }

  .button.adjacent-to-link {
    margin-right: 0px;
    margin-bottom: 21px;
  }

  .form-input.adjacent-to-button {
    margin-bottom: 7px;
    border-radius: 3px;
  }

  .form-grid-vertical {
    grid-row-gap: 14px;
  }

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

  .announcement-cross {
    position: relative;
    margin-left: 21px;
  }

  .announcement-contents {
    font-size: 14px;
  }

  .search-modal-container {
    margin-top: 21px;
  }

  .mobile-brand {
    margin-left: 14px;
    padding-left: 0px;
  }

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

  .footer-grid {
    justify-items: center;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    text-align: center;
  }

  .vertical-link-grid {
    justify-items: center;
  }

  .footer-bottom-row {
    font-size: 14px;
    text-align: center;
  }

  .footer-tagline-container {
    padding: 21px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .footer-tagline-text {
    margin-right: 0px;
    margin-bottom: 14px;
  }

  .dropdown-grid {
    grid-row-gap: 7px;
  }

  .menu-button {
    margin-right: 14px;
  }

  .grid-halves.title-grid {
    grid-row-gap: 21px;
  }

  .container {
    width: 100%;
    max-width: none;
    margin-top: 0px;
  }

  .section-title.increased-margin.text-center {
    margin-bottom: 32px;
  }

  .section-title.increased-margin.text-center.no-subheading.get-started {
    padding-right: 0px;
    padding-left: 0px;
  }

  .button-row.justify-content-center {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  .button-row.justify-content-center.revised {
    max-width: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .button-row.align-contents-center {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .cms-item-body {
    padding: 21px;
  }

  .text-white {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
  }

  .customer-logo-wrapper.overlap-image {
    display: none;
  }

  .large-heading {
    margin-bottom: 14px;
    font-size: 32px;
    line-height: 42px;
    letter-spacing: 0em;
  }

  .large-heading.no-bottom-margin {
    font-size: 24px;
  }

  .container-large.align-center {
    padding-top: 60px;
  }

  .container-large.align-center.benefits {
    margin-top: 0px;
    padding-top: 60px;
  }

  .container-large.align-center.benefits.first-btf-section {
    margin-top: 0px;
    padding-top: 60px;
    padding-right: 16px;
    padding-left: 16px;
  }

  .review-summary-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .stars-wrapper {
    margin-right: 0px;
    margin-bottom: 7px;
  }

  .integrations-grid {
    grid-row-gap: 21px;
  }

  .integration-box {
    padding: 28px;
  }

  .logo-circle {
    width: 70px;
    height: 70px;
  }

  .logo-circle.adjacent-to-logo-circle.last-item {
    display: none;
  }

  .logo-circle.adjacent-to-logo-circle.last-item.second-last-item {
    display: block;
  }

  .integration-heading {
    margin-top: 21px;
  }

  .medium-heading {
    margin-bottom: 0px;
    font-size: 28px;
    line-height: 38px;
  }

  .medium-heading.final-section-heading {
    font-size: 32px;
  }

  .logos-wrapper.no-bottom-margin {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .cms-title {
    padding-bottom: 28px;
  }

  .customer-quote {
    display: -ms-grid;
    display: grid;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-items: start;
    grid-auto-columns: 1fr;
    grid-column-gap: 28px;
    grid-row-gap: 14px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
  }

  .handwriting-text.pricing-plan-label {
    left: 10%;
  }

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

  .career-row {
    grid-row-gap: 7px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .icon-circle {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .icon-circle.career-icon-circle {
    display: none;
  }

  .timeline-grid-item {
    grid-row-gap: 0px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

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

  .pricing-grid {
    padding-top: 0px;
  }

  .pricing-plan {
    padding-right: 21px;
    padding-left: 21px;
  }

  .checklist.pricing-checklist {
    margin-bottom: 21px;
  }

  .checklist-heading {
    margin-top: 21px;
  }

  .pricing-row {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    text-align: center;
  }

  .pricing-row.bordered {
    justify-items: center;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .pricing-row.bordered {
    justify-items: center;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .testimonial-box {
    padding: 21px;
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }

  .testimonial-meta {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .article-link-box {
    padding: 21px;
  }

  .ui-snippet-container.increased-width.pull-up {
    display: none;
  }

  .ui-snippet-container.overlay-top-right {
    position: relative;
    top: auto;
    right: auto;
  }

  .ui-snippet-container.overlay-bottom-right {
    position: relative;
    left: 0px;
    bottom: 0px;
  }

  .ui-snippet-body {
    padding: 10px;
  }

  .ui-snippet-rows.increased-gaps {
    grid-row-gap: 10px;
  }

  .image-wrapper {
    display: -ms-grid;
    display: grid;
    justify-items: center;
    grid-auto-columns: 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 14px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
  }

  .ui-snippet-bottom-left {
    position: relative;
    right: 0px;
    bottom: 0px;
  }

  .code-ui-snippet-text {
    white-space: normal;
  }

  .icon-quarters-grid {
    grid-row-gap: 35px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .ui-snippet-demo-box {
    min-height: auto;
    padding: 0px;
    background-color: transparent;
  }

  .ui-snippet-demo-box.increased-height {
    padding: 0px;
  }

  .button-overlap-image {
    left: auto;
    bottom: auto;
  }

  .ui-snippet-demo-box-bg {
    display: none;
  }

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

  .check-circle-box {
    padding: 21px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .video-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .horizontal-form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .ui-snippet-demo-box-heading {
    margin-bottom: 21px;
  }

  .link-box {
    padding: 21px;
  }

  .image-license-grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .screenshot-row-item {
    max-width: 140px;
  }

  .boxed-features-grid {
    grid-row-gap: 56px;
  }

  .large-feature-box {
    min-height: auto;
    padding: 0px;
    grid-row-gap: 28px;
    background-color: transparent;
  }

  .screenshot-pair-image.second-image {
    display: none;
  }

  .screenshot-pair-image.first-image {
    margin-bottom: 0px;
  }

  .div-block {
    margin-top: 4px;
  }

  .div-block-12 {
    width: 100%;
    margin-left: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .image-12 {
    line-height: 20px;
  }

  .extra-option-wrap {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .form-content {
    width: 100%;
  }

  .collaborate-form-step {
    width: 100%;
    min-height: 555px;
    margin-bottom: 140px;
    padding: 50px 10px;
  }

  .mask {
    position: static;
    height: 100%;
  }

  .form-wrapper {
    padding: 0px;
  }

  .step-paginator {
    height: auto;
    padding-bottom: 0px;
  }

  .submit-button {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin-bottom: -85px;
  }

  .checkbox-wrapper {
    height: 40px;
    margin-bottom: 15px;
    background-position: 10px 50%;
    background-size: 20px;
  }

  .form-section-title {
    font-size: 2em;
    line-height: 1.3em;
  }

  .checkbox-label {
    padding-right: 20px;
    padding-left: 40px;
    font-size: 1em;
  }

  .col {
    padding-right: 0px;
    padding-left: 0px;
  }

  .next {
    margin-bottom: 50px;
  }

  .previous {
    left: 0px;
    top: auto;
    right: 0px;
    bottom: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 75px;
    margin-right: auto;
    margin-bottom: 10px;
    margin-left: auto;
  }

  .checkbox-active-overlay {
    background-position: 10px 50%;
    background-size: 20px;
  }

  .div-block-16 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .html-embed-8 {
    margin-top: 8px;
  }

  .icon-circle-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .text-white-2 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
  }

  .text-white-2.value-prop-text {
    font-size: 24px;
  }

  .logo-circle-2 {
    width: 70px;
    height: 70px;
  }

  .logo-circle-2.adjacent-to-logo-circle.last-item {
    display: none;
  }

  .large-heading-2 {
    margin-bottom: 14px;
    font-size: 32px;
    line-height: 42px;
    letter-spacing: 0em;
  }

  .integration-box-2 {
    padding: 28px;
  }

  .large-text-2 {
    font-size: 18px;
    line-height: 28px;
  }

  .large-text-2.hero-subheading {
    font-size: 16px;
    line-height: 28px;
  }

  .check-circle-box-2 {
    padding: 21px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .check-circle-box-2.primary-feature-box {
    padding-top: 0px;
  }

  .large-heading-3 {
    margin-bottom: 14px;
    font-size: 32px;
    line-height: 42px;
    letter-spacing: 0em;
  }

  .sticky-nav {
    padding: 0px;
  }

  .nav-grid {
    grid-auto-flow: row;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: 100px;
    grid-template-rows: 100px;
  }

  .nav-logo-link {
    border-top: 1px solid #c4c4c4;
  }

  .nav-link-2 {
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #c4c4c4;
  }

  .button-4.adjacent-to-button {
    margin: 7px 0px;
  }

  .button-4.hero-cta {
    width: 100%;
  }

  .button-4.hero-cta.docs-btn.button.secondary {
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .form-input-2.adjacent-to-button {
    margin-bottom: 7px;
    border-radius: 3px;
  }

  .html-embed-9 {
    overflow: auto;
    max-width: 360px;
  }

  .div-block-33 {
    padding-right: 20px;
    padding-left: 20px;
  }

  .h1 {
    font-size: 36px;
  }

  .div-block-41 {
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .text-block-53 {
    font-size: 16px;
  }

  .text-block-60 {
    padding-right: 0px;
  }

  .div-block-45.feature-demo-box {
    margin-bottom: 0px;
  }

  .text-block-71 {
    font-size: 16px;
  }

  .text-block-72 {
    font-size: 16px;
  }

  .final-section.section {
    margin-top: 0px;
    padding: 64px 20px;
  }

  .text-block-78 {
    font-size: 16px;
  }

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

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

  .calculation-heading.total-row {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .text-block-91 {
    display: none;
  }
}

#w-node-_35dc8533-31ba-cc67-548a-325a198eaf58-2abff8aa {
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
}

#w-node-_9e7c16b2-271c-dc44-72b9-d03d81973a59-2abff8aa {
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

#w-node-c8de46b7-061b-a0aa-3fb6-7ab3111bcc13-2abff8aa {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_0cac7261-42d8-edef-a8a0-67caf194dadf-2abff8aa {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_9e7c16b2-271c-dc44-72b9-d03d81973a85-2abff8aa {
  -webkit-box-ordinal-group: -9998;
  -webkit-order: -9999;
  -ms-flex-order: -9999;
  order: -9999;
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-column: 2;
  grid-column-start: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
}

#w-node-_0d0be2bf-d678-44ef-e20c-186f6de61a1e-2abff8aa {
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-column: 2;
  grid-column-start: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

#w-node-d22cf7ef-926f-12c5-f5ae-a985f0cadac1-2abff8aa {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-d22cf7ef-926f-12c5-f5ae-a985f0cadac2-2abff8aa {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_1f815d8e-f122-5b60-9439-ec8f1143bc4a-2abff8aa {
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-column: 2;
  grid-column-start: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

#w-node-f7835132-d6f2-df11-a5f7-f1fb9eadd891-2abff8aa {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-f7835132-d6f2-df11-a5f7-f1fb9eadd892-2abff8aa {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_1f815d8e-f122-5b60-9439-ec8f1143bc76-2abff8aa {
  -webkit-box-ordinal-group: -9998;
  -webkit-order: -9999;
  -ms-flex-order: -9999;
  order: -9999;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
}

#w-node-_7e95d67f-e577-ca3b-95b9-bbeb74aefb00-2abff8aa {
  -ms-grid-column-align: stretch;
  justify-self: stretch;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

#w-node-_0d8918e2-17e0-4bdc-dde0-f9941c57041e-ddbff8b3 {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  -ms-grid-column-align: stretch;
  justify-self: stretch;
}

#w-node-_97be3c6e-43d7-7485-b9e6-7957c6f1bc4e-ddbff8b3 {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  -ms-grid-column-align: stretch;
  justify-self: stretch;
}

#w-node-_41833412-6d86-adf7-9531-6b8e69ad9d5a-ddbff8b3 {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  -ms-grid-column-align: stretch;
  justify-self: stretch;
}

#w-node-_41833412-6d86-adf7-9531-6b8e69ad9d5b-ddbff8b3 {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  -ms-grid-column-align: stretch;
  justify-self: stretch;
}

#w-node-bf34102c-cbaa-d749-8b79-7d208e06b526-e7bff8c3 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-bf34102c-cbaa-d749-8b79-7d208e06b527-e7bff8c3 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_15be1aa4-b624-48d5-7aa2-444b41485a07-e7bff8c3 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-aa335798-fba3-cac1-992d-385cc1baf9a4-e7bff8c3 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-aa335798-fba3-cac1-992d-385cc1baf9a5-e7bff8c3 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-aa335798-fba3-cac1-992d-385cc1baf9b3-e7bff8c3 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-aa335798-fba3-cac1-992d-385cc1baf9b4-e7bff8c3 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-aa335798-fba3-cac1-992d-385cc1baf9c3-e7bff8c3 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-aa335798-fba3-cac1-992d-385cc1baf9c4-e7bff8c3 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-aa335798-fba3-cac1-992d-385cc1baf9d1-e7bff8c3 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-aa335798-fba3-cac1-992d-385cc1baf9d2-e7bff8c3 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-aa335798-fba3-cac1-992d-385cc1baf9df-e7bff8c3 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-aa335798-fba3-cac1-992d-385cc1baf9ee-e7bff8c3 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_99156895-d3e7-eb62-aa84-f3f888e0ce5c-e7bff8c3 {
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-column: 2;
  grid-column-start: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
}

#w-node-_99156895-d3e7-eb62-aa84-f3f888e0ce5e-e7bff8c3 {
  -ms-grid-column-span: 1;
  grid-column-end: 4;
  -ms-grid-column: 3;
  grid-column-start: 3;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
}

#w-node-_99156895-d3e7-eb62-aa84-f3f888e0ce60-e7bff8c3 {
  -ms-grid-column-span: 1;
  grid-column-end: 5;
  -ms-grid-column: 4;
  grid-column-start: 4;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
}

#w-node-f0fb745a-fe77-d111-776d-3bc1032d9923-e7bff8c3 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_99156895-d3e7-eb62-aa84-f3f888e0ce65-e7bff8c3 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_53bfec86-a8fa-b332-dcf0-56a2c1576b80-e7bff8c3 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_18b89d14-e08e-d916-4f1f-3924047168e6-e7bff8c3 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_8309875a-489f-71a7-63e7-aabe9bf7727b-e7bff8c3 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-row-align: auto;
  align-self: auto;
}

#w-node-d8eea6a2-3a8d-e1b0-2084-21de7349c297-e7bff8c3 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-e344f352-471e-7eab-daa7-acd961775338-e7bff8c3 {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}

#w-node-e344f352-471e-7eab-daa7-acd96177534c-e7bff8c3 {
  -webkit-align-self: start;
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
}

#w-node-e344f352-471e-7eab-daa7-acd961775368-e7bff8c3 {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}

#w-node-_19e841ae-7e94-e173-df5e-b549af8e7cb0-e7bff8c3 {
  -webkit-align-self: start;
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
}

#w-node-_0d63c6ea-d7a1-1e4b-ef98-0bb807e9f39f-e7bff8c3 {
  -webkit-align-self: start;
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
}

#w-node-e344f352-471e-7eab-daa7-acd961775394-e7bff8c3 {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}

#w-node-b624baba-157c-b694-6176-1f69e101dee9-b7bff8c8 {
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-column: 2;
  grid-column-start: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
}

#w-node-fd25e0f9-e113-4a0a-c8d8-a0cb301a511b-b7bff8c8 {
  -ms-grid-column-span: 1;
  grid-column-end: 4;
  -ms-grid-column: 3;
  grid-column-start: 3;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
}

#w-node-_69876e26-1f12-4998-a7ac-66d8ab560993-b7bff8c8 {
  -ms-grid-column-span: 1;
  grid-column-end: 5;
  -ms-grid-column: 4;
  grid-column-start: 4;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
}

#w-node-_19cee4c5-f420-fc40-d9f5-f0432ef0496d-74bff8ca {
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
}

#w-node-_78fafdf9-7ae3-5adf-c0af-a61e96952416-54bff8cb {
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
}

#w-node-_9f1ceeb9-4123-c684-d87e-46977ede6ba9-54bff8cb {
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
}

#w-node-_1046d0fc-73dd-f812-7371-89a718a26c0f-54bff8cb {
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-column: 2;
  grid-column-start: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
}

#w-node-_1046d0fc-73dd-f812-7371-89a718a26c11-54bff8cb {
  -ms-grid-column-span: 1;
  grid-column-end: 4;
  -ms-grid-column: 3;
  grid-column-start: 3;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
}

#w-node-_1046d0fc-73dd-f812-7371-89a718a26c13-54bff8cb {
  -ms-grid-column-span: 1;
  grid-column-end: 5;
  -ms-grid-column: 4;
  grid-column-start: 4;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
}

#w-node-_42ddc8b4-1101-80b8-c448-298b48274be9-54bff8cb {
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
}

#w-node-b07e025d-7dba-64d9-6d70-99a294ab3ee5-09bff8cc {
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-d4695365-5fd9-339f-4131-5cece6bb2a15-09bff8cc {
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-_6a16e006-8dcc-a2fe-da04-d5b3e3ec2901-65bff8cf {
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-_58d0c98f-2588-0bfd-ae09-87413cee9929-1dbff8d3 {
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
}

#w-node-_69adee1d-fd4d-328c-dc27-02e816731477-4a3806fc {
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
}

#w-node-bf34102c-cbaa-d749-8b79-7d208e06b526-4a3806fc {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-bf34102c-cbaa-d749-8b79-7d208e06b527-4a3806fc {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-edac2fcc-04cf-cffe-048c-b28dc39358b7-4a3806fc {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_6fb50c50-f00a-b978-589d-aa4e12493533-4a3806fc {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_78480be1-a846-85d9-e17d-ec0be619769a-4a3806fc {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_7980a437-db2e-6456-c21e-4b155c57c97c-4a3806fc {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-fa0fb7cd-b64e-2eb2-5310-08615e07af98-4a3806fc {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_7980a437-db2e-6456-c21e-4b155c57c987-4a3806fc {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_1232b13e-c56d-8835-f46a-f8b296b4a12b-4a3806fc {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_7980a437-db2e-6456-c21e-4b155c57c9a8-4a3806fc {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-af24746f-de4a-add1-cb9f-5f2d39bd3908-4a3806fc {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_7bc77cbe-7494-2442-63f5-b54886fe3bb7-4a3806fc {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_99156895-d3e7-eb62-aa84-f3f888e0ce5c-4a3806fc {
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-column: 2;
  grid-column-start: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
}

#w-node-_99156895-d3e7-eb62-aa84-f3f888e0ce5e-4a3806fc {
  -ms-grid-column-span: 1;
  grid-column-end: 4;
  -ms-grid-column: 3;
  grid-column-start: 3;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
}

#w-node-_99156895-d3e7-eb62-aa84-f3f888e0ce60-4a3806fc {
  -ms-grid-column-span: 1;
  grid-column-end: 5;
  -ms-grid-column: 4;
  grid-column-start: 4;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
}

#w-node-_8309875a-489f-71a7-63e7-aabe9bf7727b-4a3806fc {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-row-align: auto;
  align-self: auto;
}

#RequestDemoScrollBtn.w-node-c389e146-a062-f31d-a140-b85b584ce8ed-4a3806fc {
  -ms-grid-column-align: stretch;
  justify-self: stretch;
}

#RequestDemoScrollBtn.w-node-_0caead4b-c9c9-3375-f4b7-b5a7ffaf783c-4a3806fc {
  -ms-grid-column-align: stretch;
  justify-self: stretch;
}

#RequestDemoScrollBtn.w-node-_226d2ff0-eeb2-dcbd-8be3-f959bcf66887-4a3806fc {
  -ms-grid-column-align: stretch;
  justify-self: stretch;
}

#w-node-f5dea995-81bc-6d58-f1e8-13339c4d4bb5-c8b65c1d {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_676a1388-f8a5-13ae-2dbe-35f8d77f0995-c8b65c1d {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_66ff8939-f443-8755-9148-ec8fdcdc3bf3-c8b65c1d {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_52fed63d-7e5b-9402-c0dc-1ddaeded7f79-c8b65c1d {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_38c296ba-fde9-c860-643f-74459ca8d536-c8b65c1d {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_38c296ba-fde9-c860-643f-74459ca8d537-c8b65c1d {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_38c296ba-fde9-c860-643f-74459ca8d53b-c8b65c1d {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_38c296ba-fde9-c860-643f-74459ca8d53c-c8b65c1d {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-d1f160a2-ea9f-4ef6-b6d5-85170e1dd04c-c8b65c1d {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

#w-node-d1f160a2-ea9f-4ef6-b6d5-85170e1dd04e-c8b65c1d {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

#w-node-d1f160a2-ea9f-4ef6-b6d5-85170e1dd051-c8b65c1d {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: end;
  justify-self: end;
}

#w-node-c8947c61-24b1-24a8-3692-7fcc43decfea-8901cc78 {
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
}

#w-node-_6d291ca4-a07c-c7e3-ba35-251c26b61f9d-8901cc78 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_15be1aa4-b624-48d5-7aa2-444b41485a07-8901cc78 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-aa335798-fba3-cac1-992d-385cc1baf9a4-8901cc78 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-aa335798-fba3-cac1-992d-385cc1baf9a5-8901cc78 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-aa335798-fba3-cac1-992d-385cc1baf9b3-8901cc78 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-aa335798-fba3-cac1-992d-385cc1baf9b4-8901cc78 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-aa335798-fba3-cac1-992d-385cc1baf9c3-8901cc78 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-aa335798-fba3-cac1-992d-385cc1baf9c4-8901cc78 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-aa335798-fba3-cac1-992d-385cc1baf9d1-8901cc78 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-aa335798-fba3-cac1-992d-385cc1baf9d2-8901cc78 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-aa335798-fba3-cac1-992d-385cc1baf9df-8901cc78 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-aa335798-fba3-cac1-992d-385cc1baf9ee-8901cc78 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-e344f352-471e-7eab-daa7-acd961775338-8901cc78 {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}

#w-node-e344f352-471e-7eab-daa7-acd96177534c-8901cc78 {
  -webkit-align-self: start;
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
}

#w-node-e344f352-471e-7eab-daa7-acd961775368-8901cc78 {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}

#w-node-_19e841ae-7e94-e173-df5e-b549af8e7cb0-8901cc78 {
  -webkit-align-self: start;
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
}

#w-node-_0d63c6ea-d7a1-1e4b-ef98-0bb807e9f39f-8901cc78 {
  -webkit-align-self: start;
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
}

#w-node-e344f352-471e-7eab-daa7-acd961775394-8901cc78 {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}

#w-node-_6d291ca4-a07c-c7e3-ba35-251c26b61f9d-4242a316 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_15be1aa4-b624-48d5-7aa2-444b41485a07-4242a316 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-aa335798-fba3-cac1-992d-385cc1baf9a4-4242a316 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-aa335798-fba3-cac1-992d-385cc1baf9a5-4242a316 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-aa335798-fba3-cac1-992d-385cc1baf9b3-4242a316 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-aa335798-fba3-cac1-992d-385cc1baf9b4-4242a316 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-aa335798-fba3-cac1-992d-385cc1baf9c3-4242a316 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-aa335798-fba3-cac1-992d-385cc1baf9c4-4242a316 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-aa335798-fba3-cac1-992d-385cc1baf9d1-4242a316 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-aa335798-fba3-cac1-992d-385cc1baf9d2-4242a316 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-aa335798-fba3-cac1-992d-385cc1baf9df-4242a316 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-aa335798-fba3-cac1-992d-385cc1baf9ee-4242a316 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-e344f352-471e-7eab-daa7-acd961775338-4242a316 {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}

#w-node-e344f352-471e-7eab-daa7-acd96177534c-4242a316 {
  -webkit-align-self: start;
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
}

#w-node-e344f352-471e-7eab-daa7-acd961775368-4242a316 {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}

#w-node-_19e841ae-7e94-e173-df5e-b549af8e7cb0-4242a316 {
  -webkit-align-self: start;
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
}

#w-node-_0d63c6ea-d7a1-1e4b-ef98-0bb807e9f39f-4242a316 {
  -webkit-align-self: start;
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
}

#w-node-e344f352-471e-7eab-daa7-acd961775394-4242a316 {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}

#w-node-_9b44b973-708b-750c-0188-58b035b2830b-4b112fe0 {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}

#w-node-_9b44b973-708b-750c-0188-58b035b28319-4b112fe0 {
  -webkit-align-self: start;
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
}

#w-node-_9b44b973-708b-750c-0188-58b035b28334-4b112fe0 {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}

#w-node-_9b44b973-708b-750c-0188-58b035b28345-4b112fe0 {
  -webkit-align-self: start;
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
}

#w-node-_9b44b973-708b-750c-0188-58b035b28360-4b112fe0 {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}

#w-node-_1b389b89-40a5-73b1-52d2-dcb9a05c88df-4b112fe0 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_1a409833-913b-01f5-3b4a-53164bd8405a-4b112fe0 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-bcbe0587-e3e4-c3ae-3b9f-3e592b53ec88-4b112fe0 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_67bab9f9-2147-af53-f2b9-14dfaa88fca4-4b112fe0 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_77aab37b-a24f-b91d-03aa-1f36a44bcfc6-4b112fe0 {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}

#w-node-_77aab37b-a24f-b91d-03aa-1f36a44bcfd4-4b112fe0 {
  -webkit-align-self: start;
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
}

#w-node-_77aab37b-a24f-b91d-03aa-1f36a44bcfef-4b112fe0 {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}

#w-node-_77aab37b-a24f-b91d-03aa-1f36a44bd000-4b112fe0 {
  -webkit-align-self: start;
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
}

#w-node-_77aab37b-a24f-b91d-03aa-1f36a44bd004-4b112fe0 {
  -webkit-align-self: start;
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
}

#w-node-_77aab37b-a24f-b91d-03aa-1f36a44bd017-4b112fe0 {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}

#w-node-_15be1aa4-b624-48d5-7aa2-444b41485a07-4b112fe0 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_6d291ca4-a07c-c7e3-ba35-251c26b61f9d-4b112fe0 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-aa335798-fba3-cac1-992d-385cc1baf9a4-4b112fe0 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-aa335798-fba3-cac1-992d-385cc1baf9a5-4b112fe0 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-aa335798-fba3-cac1-992d-385cc1baf9b3-4b112fe0 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-aa335798-fba3-cac1-992d-385cc1baf9b4-4b112fe0 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-aa335798-fba3-cac1-992d-385cc1baf9c3-4b112fe0 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-aa335798-fba3-cac1-992d-385cc1baf9c4-4b112fe0 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-aa335798-fba3-cac1-992d-385cc1baf9d1-4b112fe0 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-aa335798-fba3-cac1-992d-385cc1baf9d2-4b112fe0 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-aa335798-fba3-cac1-992d-385cc1baf9df-4b112fe0 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-aa335798-fba3-cac1-992d-385cc1baf9ee-4b112fe0 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

@media screen and (max-width: 991px) {
  #w-node-_9e7c16b2-271c-dc44-72b9-d03d81973a59-2abff8aa {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }

  #w-node-_0d0be2bf-d678-44ef-e20c-186f6de61a1e-2abff8aa {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }

  #w-node-_1f815d8e-f122-5b60-9439-ec8f1143bc4a-2abff8aa {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }

  #w-node-_0d49a3c3-fa35-7809-c090-f9a1072d3243-c5bff8ba {
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 3;
    -ms-grid-row: 2;
    grid-row-start: 2;
  }

  #w-node-_253befd7-46ce-a4e1-7bf7-a92cfafec1ba-edbff8bd {
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 3;
    -ms-grid-row: 2;
    grid-row-start: 2;
  }

  #w-node-_19cee4c5-f420-fc40-d9f5-f0432ef0496d-74bff8ca {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }

  #w-node-_78fafdf9-7ae3-5adf-c0af-a61e96952416-54bff8cb {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }

  #w-node-_9f1ceeb9-4123-c684-d87e-46977ede6ba9-54bff8cb {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }

  #w-node-_42ddc8b4-1101-80b8-c448-298b48274be9-54bff8cb {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
}

@media screen and (max-width: 767px) {
  #w-node-d1f160a2-ea9f-4ef6-b6d5-85170e1dd051-c8b65c1d {
    -ms-grid-column-align: start;
    justify-self: start;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_99156895-d3e7-eb62-aa84-f3f888e0ce5c-e7bff8c3 {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-column-span: 1;
    grid-column-end: 2;
  }

  #w-node-_99156895-d3e7-eb62-aa84-f3f888e0ce5e-e7bff8c3 {
    -ms-grid-column: 2;
    grid-column-start: 2;
    -ms-grid-column-span: 1;
    grid-column-end: 3;
  }

  #w-node-_99156895-d3e7-eb62-aa84-f3f888e0ce60-e7bff8c3 {
    -ms-grid-column: 3;
    grid-column-start: 3;
    -ms-grid-column-span: 1;
    grid-column-end: 4;
  }

  #w-node-_99156895-d3e7-eb62-aa84-f3f888e0ce63-e7bff8c3 {
    -ms-grid-column: span 3;
    grid-column-start: span 3;
    -ms-grid-column-span: 3;
    grid-column-end: span 3;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }

  #w-node-_5545b1d7-b733-9c55-7609-0b9ae0292d19-e7bff8c3 {
    -ms-grid-column: span 3;
    grid-column-start: span 3;
    -ms-grid-column-span: 3;
    grid-column-end: span 3;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }

  #w-node-_99156895-d3e7-eb62-aa84-f3f888e0ce75-e7bff8c3 {
    -ms-grid-column: span 3;
    grid-column-start: span 3;
    -ms-grid-column-span: 3;
    grid-column-end: span 3;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }

  #w-node-_99156895-d3e7-eb62-aa84-f3f888e0ce90-e7bff8c3 {
    -ms-grid-column: span 3;
    grid-column-start: span 3;
    -ms-grid-column-span: 3;
    grid-column-end: span 3;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }

  #w-node-b624baba-157c-b694-6176-1f69e101dee9-b7bff8c8 {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-column-span: 1;
    grid-column-end: 2;
  }

  #w-node-fd25e0f9-e113-4a0a-c8d8-a0cb301a511b-b7bff8c8 {
    -ms-grid-column: 2;
    grid-column-start: 2;
    -ms-grid-column-span: 1;
    grid-column-end: 3;
  }

  #w-node-_69876e26-1f12-4998-a7ac-66d8ab560993-b7bff8c8 {
    -ms-grid-column: 3;
    grid-column-start: 3;
    -ms-grid-column-span: 1;
    grid-column-end: 4;
  }

  #w-node-e5823ca9-2b05-50c8-1d36-35e8ca40abe1-b7bff8c8 {
    -ms-grid-column: span 3;
    grid-column-start: span 3;
    -ms-grid-column-span: 3;
    grid-column-end: span 3;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }

  #w-node-bfd9fc34-f9d8-518c-0f79-d89a66b0ead7-b7bff8c8 {
    -ms-grid-column: span 3;
    grid-column-start: span 3;
    -ms-grid-column-span: 3;
    grid-column-end: span 3;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }

  #w-node-_288981c6-a3aa-bb94-201c-673a28e5f926-b7bff8c8 {
    -ms-grid-column: span 3;
    grid-column-start: span 3;
    -ms-grid-column-span: 3;
    grid-column-end: span 3;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }

  #w-node-_271fbe0b-7e4a-dfa7-960e-61adbcea1834-b7bff8c8 {
    -ms-grid-column: span 3;
    grid-column-start: span 3;
    -ms-grid-column-span: 3;
    grid-column-end: span 3;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }

  #w-node-_15a238c5-3834-67cb-a3b8-7adb25c531c0-b7bff8c8 {
    -ms-grid-column: span 3;
    grid-column-start: span 3;
    -ms-grid-column-span: 3;
    grid-column-end: span 3;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }

  #w-node-_36db903e-1d4a-51e8-c446-72868917f7d3-b7bff8c8 {
    -ms-grid-column: span 3;
    grid-column-start: span 3;
    -ms-grid-column-span: 3;
    grid-column-end: span 3;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }

  #w-node-_1046d0fc-73dd-f812-7371-89a718a26c0f-54bff8cb {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-column-span: 1;
    grid-column-end: 2;
  }

  #w-node-_1046d0fc-73dd-f812-7371-89a718a26c11-54bff8cb {
    -ms-grid-column: 2;
    grid-column-start: 2;
    -ms-grid-column-span: 1;
    grid-column-end: 3;
  }

  #w-node-_1046d0fc-73dd-f812-7371-89a718a26c13-54bff8cb {
    -ms-grid-column: 3;
    grid-column-start: 3;
    -ms-grid-column-span: 1;
    grid-column-end: 4;
  }

  #w-node-_1046d0fc-73dd-f812-7371-89a718a26c16-54bff8cb {
    -ms-grid-column: span 3;
    grid-column-start: span 3;
    -ms-grid-column-span: 3;
    grid-column-end: span 3;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }

  #w-node-_1046d0fc-73dd-f812-7371-89a718a26c1f-54bff8cb {
    -ms-grid-column: span 3;
    grid-column-start: span 3;
    -ms-grid-column-span: 3;
    grid-column-end: span 3;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }

  #w-node-_1046d0fc-73dd-f812-7371-89a718a26c28-54bff8cb {
    -ms-grid-column: span 3;
    grid-column-start: span 3;
    -ms-grid-column-span: 3;
    grid-column-end: span 3;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }

  #w-node-_1046d0fc-73dd-f812-7371-89a718a26c31-54bff8cb {
    -ms-grid-column: span 3;
    grid-column-start: span 3;
    -ms-grid-column-span: 3;
    grid-column-end: span 3;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }

  #w-node-_1046d0fc-73dd-f812-7371-89a718a26c3a-54bff8cb {
    -ms-grid-column: span 3;
    grid-column-start: span 3;
    -ms-grid-column-span: 3;
    grid-column-end: span 3;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }

  #w-node-_1046d0fc-73dd-f812-7371-89a718a26c43-54bff8cb {
    -ms-grid-column: span 3;
    grid-column-start: span 3;
    -ms-grid-column-span: 3;
    grid-column-end: span 3;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }

  #w-node-_99156895-d3e7-eb62-aa84-f3f888e0ce5c-4a3806fc {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-column-span: 1;
    grid-column-end: 2;
  }

  #w-node-_99156895-d3e7-eb62-aa84-f3f888e0ce5e-4a3806fc {
    -ms-grid-column: 2;
    grid-column-start: 2;
    -ms-grid-column-span: 1;
    grid-column-end: 3;
  }

  #w-node-_99156895-d3e7-eb62-aa84-f3f888e0ce60-4a3806fc {
    -ms-grid-column: 3;
    grid-column-start: 3;
    -ms-grid-column-span: 1;
    grid-column-end: 4;
  }

  #w-node-_99156895-d3e7-eb62-aa84-f3f888e0ce63-4a3806fc {
    -ms-grid-column: span 3;
    grid-column-start: span 3;
    -ms-grid-column-span: 3;
    grid-column-end: span 3;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }

  #w-node-_5545b1d7-b733-9c55-7609-0b9ae0292d19-4a3806fc {
    -ms-grid-column: span 3;
    grid-column-start: span 3;
    -ms-grid-column-span: 3;
    grid-column-end: span 3;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }

  #w-node-_99156895-d3e7-eb62-aa84-f3f888e0ce75-4a3806fc {
    -ms-grid-column: span 3;
    grid-column-start: span 3;
    -ms-grid-column-span: 3;
    grid-column-end: span 3;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }

  #w-node-_99156895-d3e7-eb62-aa84-f3f888e0ce90-4a3806fc {
    -ms-grid-column: span 3;
    grid-column-start: span 3;
    -ms-grid-column-span: 3;
    grid-column-end: span 3;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
}

@font-face {
  font-family: 'Opensans';
  src: url('../fonts/OpenSans-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Opensans';
  src: url('../fonts/OpenSans-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Opensans';
  src: url('../fonts/OpenSans-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Opensans';
  src: url('../fonts/OpenSans-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}