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

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

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

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

.w-checkbox-input--inputType-custom {
  width: 12px;
  height: 12px;
  border: 1px solid #ccc;
  border-radius: 2px;
}

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

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

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

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

body {
  color: #16171a;
  background-color: #fff;
  font-family: Satoshi, sans-serif;
  font-size: 1vw;
  font-weight: 500;
  line-height: 150%;
}

h1 {
  margin-top: 0;
  margin-bottom: .5em;
  font-size: 5em;
  font-weight: 700;
  line-height: 100%;
}

h2 {
  margin-top: 0;
  margin-bottom: .5em;
  font-size: 4.5em;
  font-weight: 700;
  line-height: 100%;
}

h3 {
  margin-top: 0;
  margin-bottom: .5em;
  font-size: 3.5em;
  font-weight: 700;
  line-height: 100%;
}

h4 {
  margin-top: 0;
  margin-bottom: .5em;
  font-size: 3em;
  font-weight: 700;
  line-height: 100%;
}

h5 {
  margin-top: 0;
  margin-bottom: .5em;
  font-size: 2.5em;
  font-weight: 700;
  line-height: 120%;
}

h6 {
  margin-top: 0;
  margin-bottom: .5em;
  font-size: 2em;
  font-weight: 700;
  line-height: 120%;
}

p {
  margin-bottom: 10px;
}

a {
  color: #ea3d25;
  text-decoration: none;
}

ul {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

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

.container {
  z-index: 2;
  max-width: 85em;
  text-align: left;
  padding-top: 0;
  padding-left: 2.5em;
  padding-right: 2.5em;
  position: relative;
}

.container.smaller {
  max-width: 76em;
}

.space-top-tiny {
  margin-top: 1em;
}

.split {
  grid-column-gap: 1em;
  grid-row-gap: 4em;
  grid-template: "."
  / 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.split.ratio {
  grid-template-columns: 1fr 1.25fr;
}

.split.about-us {
  grid-template-columns: 1.5fr 1fr;
}

.space-top-extra {
  margin-top: 7.5em;
}

.limit-small {
  max-width: 21em;
}

.space-top-small {
  margin-top: 1.5em;
}

.limit-large {
  max-width: 46em;
}

.space-top {
  margin-top: 2.5em;
}

.limit {
  max-width: 30em;
}

.limit-tiny {
  max-width: 17em;
}

.space-top-large {
  margin-top: 5em;
}

.limit-medium {
  max-width: 35em;
}

.space-top-medium {
  margin-top: 3.75em;
}

.navbar-wrap {
  background-color: #16171a;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
}

.navbar-content-split {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.nav-logo {
  height: 2.5em;
}

.nav-right-content {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.nav-menu-button {
  color: #fff;
  cursor: pointer;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  margin-left: 2.5em;
  padding: 1em;
  display: flex;
}

.hamburger {
  width: 1em;
}

.outline-button {
  color: #16171a;
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #16171a;
  border-radius: 4em;
  padding: 1em 1.5em;
}

.outline-button.white {
  color: #fff;
  border-color: #fff;
}

.outline-button.nav {
  color: #fff;
}

.notice-bar {
  color: #fff;
  background-color: #16171a;
  border-bottom: 1px solid rgba(255, 255, 255, .1);
  padding-top: .75em;
  padding-bottom: .75em;
}

.center-content {
  flex-direction: column;
  align-items: center;
  display: flex;
}

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

.notice-bar-content {
  grid-column-gap: .75em;
  color: #fff;
  align-items: center;
  display: flex;
}

.out-arrow {
  width: 1em;
}

.section {
  padding-top: 10em;
  padding-bottom: 10em;
  position: relative;
}

.section.black-bg {
  color: #fff;
  background-color: #16171a;
}

.section.no-padd-bottom {
  object-fit: scale-down;
}

.section.gray-bg {
  background-color: #f6f6f6;
}

.title {
  margin-bottom: 1em;
  font-size: 1em;
  line-height: 120%;
}

.arrow-link-block {
  color: #16171a;
  background-color: #fff;
  border-radius: 4rem;
  padding: 1.25em 2.5em;
}

.arrow-link-block.outlined {
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
}

.arrow-link-block.transparent {
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
}

.arrow-link-block.dark {
  color: #fff;
  background-color: #16171a;
}

.arrow-button-content {
  grid-column-gap: .75em;
  justify-content: center;
  align-items: center;
  display: flex;
}

.arrow-button-content.spread-content {
  justify-content: space-between;
}

.vertical-spread {
  grid-row-gap: 6em;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.review-widget {
  grid-column-gap: 1rem;
  text-align: left;
  align-items: center;
  display: flex;
}

.review-arrow {
  width: 3.5em;
}

.opacity-white-text {
  color: rgba(255, 255, 255, .6);
}

.hero-1-image {
  width: 30em;
}

.hero-foot-metrics {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  border-top: 1px solid rgba(255, 255, 255, .1);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 10em;
  padding-top: 4em;
  padding-bottom: 4em;
  display: grid;
}

.hero-foot-metrics.less-top-space {
  border-top-color: rgba(22, 23, 26, .1);
  margin-top: 4em;
}

.no-padd-bottom {
  padding-bottom: 0;
}

.video-with-title-side {
  min-height: 30em;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.video-title-side {
  grid-row-gap: 10em;
  color: #fff;
  background-color: #16171a;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 3em;
  display: flex;
}

.video-title-side.gray {
  color: #16171a;
  background-color: #f6f6f6;
}

.lightbox-link {
  color: #fff;
  background-image: url('../images/Captura-de-pantalla-2023-09-15-a-las-20.05.34-copia.png');
  background-position: 50%;
  background-size: cover;
  align-items: flex-end;
  padding-bottom: 2.5em;
  padding-left: 2.5em;
  display: flex;
}

.play-video-button {
  grid-column-gap: 1.25em;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 4em;
  align-items: center;
  padding: .5em 2.5em .5em .5em;
  display: flex;
}

.play-button-circle {
  width: 3em;
  height: 3em;
  background-color: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.play-polygon {
  width: .7em;
}

.portrait-wrap {
  grid-column-gap: 1.5em;
  align-items: center;
  display: flex;
}

.portrait {
  width: 4.5em;
}

.portrait.rounded-corners {
  border-radius: 50%;
}

.opacity-dark-text {
  color: rgba(22, 23, 26, .6);
}

.large-text {
  font-size: 1.5em;
  line-height: 150%;
}

.section-line-separator {
  width: 100%;
  height: 1px;
  background-color: rgba(22, 23, 26, .1);
}

.features-split {
  grid-column-gap: 1em;
  grid-row-gap: 4em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.icon {
  width: 2.5em;
  flex: none;
}

.feature-with-icon {
  grid-row-gap: 2.5em;
  flex-direction: column;
  display: flex;
}

.feature-with-icon.horizontal {
  max-width: 21.5em;
  grid-column-gap: 2.5em;
  flex-direction: row;
  align-items: flex-start;
}

.tiny-heading {
  font-size: 1.5em;
}

.tabs {
  justify-content: flex-start;
  align-items: center;
  margin-top: 6em;
  display: flex;
}

.tabs-menu {
  flex: 0 50%;
}

.tabs-content {
  flex: 0 40%;
  margin-right: 10%;
}

.tab-link {
  height: 6em;
  grid-column-gap: 4em;
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
  border-bottom: 1px solid rgba(255, 255, 255, .1);
  align-items: flex-start;
  padding: 2em 0;
  transition: all .2s;
  display: flex;
  overflow: hidden;
}

.tab-link.w--current {
  height: auto;
  background-color: rgba(0, 0, 0, 0);
  border-bottom-color: #fff;
}

.tab-link.dark {
  color: #16171a;
  border-bottom-color: rgba(22, 23, 26, .1);
}

.no-space-bottom {
  margin-bottom: 0;
}

.medium-text {
  font-size: 1.25em;
  line-height: 150%;
}

.news-grid {
  grid-column-gap: 2.5em;
  grid-row-gap: 5em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 6em;
  display: grid;
}

.news-card {
  height: 100%;
  color: #16171a;
  border-left: 1px solid rgba(22, 23, 26, .1);
  flex: 1;
  padding-left: 2.5em;
}

.news-card.on-dark {
  color: #fff;
  border-left-color: rgba(255, 255, 255, .1);
}

.news-author-text-wrap {
  grid-column-gap: .5em;
  display: flex;
}

.news-card-content {
  height: 100%;
  grid-row-gap: 2.5em;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.cta-block {
  color: #fff;
  background-color: #16171a;
  padding: 10em 6em;
  position: relative;
}

.cta-content {
  z-index: 9;
  width: 70%;
  position: relative;
}

.cta-button-wrap {
  grid-column-gap: 2em;
  align-items: center;
  display: flex;
}

.portrait-stack-wrap {
  grid-column-gap: 1em;
  align-items: center;
  display: flex;
}

.portrait-stack {
  justify-content: flex-start;
  align-items: center;
  margin-right: 16px;
  display: flex;
}

.stack-image {
  z-index: 3;
  width: 4em;
  height: 4em;
  border: 2px solid #16171a;
  border-radius: 50%;
  margin-right: -1em;
  position: relative;
}

.stack-image._2 {
  z-index: 2;
}

.stack-image.white-outline {
  border-color: #fff;
}

.red-circle {
  z-index: 1;
  width: 4em;
  height: 4em;
  background-color: #ea3d25;
  border: 3px solid #16171a;
  border-radius: 50%;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.red-circle.white-outline {
  border-color: #fff;
}

.arrow-link {
  grid-column-gap: .5em;
  text-decoration: none;
  display: flex;
}

.right-arrow-thin {
  width: 1em;
}

.cta-cover {
  height: 90%;
  margin-top: auto;
  margin-bottom: auto;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.footer {
  background-color: #fff;
}

.footer-top {
  border-bottom: 1px solid rgba(22, 23, 26, .1);
  justify-content: space-between;
  align-items: center;
  padding-top: 4em;
  padding-bottom: 4em;
  display: flex;
}

.social-logos-wrap {
  grid-column-gap: .5em;
  display: flex;
}

.social-logo {
  width: 3.5em;
  height: 3.5em;
  -webkit-backdrop-filter: brightness(200%);
  backdrop-filter: brightness(200%);
  border: 1px solid rgba(22, 23, 26, .1);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer-top-right {
  grid-column-gap: 1em;
  align-items: center;
  display: flex;
}

.footer-content {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  border-bottom: 1px solid rgba(22, 23, 26, .1);
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 4em;
  padding-bottom: 8em;
  display: grid;
}

.newsletter-form {
  grid-column-gap: 8px;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 16px;
  display: flex;
}

.input-field {
  height: 4em;
  background-color: rgba(255, 255, 255, .07);
  border: 1px #000;
  border-bottom: 1px solid #16171a;
  border-radius: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding: 1.5em 0;
  font-size: 1em;
  transition: all .2s;
}

.input-field:hover, .input-field:focus {
  border-bottom-color: #000;
}

.input-field::-ms-input-placeholder {
  color: rgba(0, 0, 0, .3);
  font-size: 1em;
}

.input-field::placeholder {
  color: rgba(0, 0, 0, .3);
  font-size: 1em;
}

.input-field.contact {
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
  border-bottom-color: rgba(255, 255, 255, .1);
}

.input-field.contact:focus {
  border-bottom-color: #fff;
}

.success-message {
  color: #000;
  background-color: #fff;
  padding: 16px 24px;
}

.error-message-2 {
  color: #ff9f9f;
  background-color: #fff;
}

.dark-button {
  background-color: #16171a;
  border-radius: 4em;
  padding: 1.25em 2em;
}

.footer-column-title {
  color: rgba(22, 23, 26, .5);
  font-size: 1.2em;
}

.footer-column-text {
  font-size: 1.2em;
}

.footer-column {
  grid-row-gap: 1.5em;
  flex-direction: column;
  display: flex;
}

.footer-column-link {
  color: #16171a;
}

.footer-bottom-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template: ". Area"
  / 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 2em;
  padding-bottom: 6em;
  display: grid;
}

.footer-bottom-content {
  display: flex;
}

.webflow-link {
  margin-left: 1em;
  margin-right: 1em;
}

.footer-horizontal-links {
  grid-column-gap: 1.5em;
  align-items: center;
  display: flex;
}

.footer-dropdown {
  width: 100%;
}

.dropdown-toggle {
  border-bottom: 1px solid rgba(22, 23, 26, .1);
  justify-content: space-between;
  padding: .8em 0;
  font-size: 1.2em;
  display: flex;
}

.dropdown-toggle.nav {
  color: #fff;
  border-bottom-color: rgba(255, 255, 255, .1);
  padding-top: 1.5em;
  padding-bottom: 1.5em;
}

.dropdown-list {
  color: #fff;
  background-color: #16171a;
  padding: 1em;
  position: relative;
}

.dropdown-list.nav {
  background-color: #fff;
}

.dropdown-link {
  color: #fff;
  padding: .5em;
}

.dropdown-link.nav {
  color: #16171a;
}

.webflow-logo {
  height: 1.5em;
}

.footer-bottom-link {
  color: #16171a;
}

.nav-menu {
  z-index: 99999;
  min-height: 100vh;
  color: #fff;
  background-color: #16171a;
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: auto;
}

.nav-menu-top {
  padding-top: 1.5em;
  padding-bottom: 1.5em;
}

.nav-menu-content-wrap {
  padding-top: 6em;
  padding-bottom: 6em;
}

.nav-menu-content {
  grid-column-gap: 1em;
  grid-row-gap: 6em;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.nav-menu-contact-deets {
  max-width: 16em;
  grid-row-gap: 2.5em;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.nav-menu-mail-cta {
  grid-row-gap: .2em;
  flex-direction: column;
  font-size: 2em;
  font-weight: 700;
  line-height: 100%;
  display: flex;
}

.nav-menu-mail {
  color: rgba(255, 255, 255, .4);
}

.div-block-3, .div-block-4, .div-block-5, .div-block-6 {
  display: flex;
}

.div-block-7 {
  grid-row-gap: 2.5em;
  flex-direction: column;
  display: flex;
}

.nav-menu-big-link {
  color: #fff;
  font-size: 4.5em;
  font-weight: 700;
  line-height: 100%;
  transition: color .2s;
}

.nav-menu-big-link:hover {
  color: #ea3d25;
}

.marquee-single-element {
  flex: none;
  padding-left: 16px;
}

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

.marquee-gradient {
  width: 120px;
  background-image: linear-gradient(to right, #16171a, rgba(0, 0, 0, 0));
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.marquee-gradient.right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), #16171a);
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.marquee-gradient.right.white-right {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #fff);
}

.marquee-gradient.white {
  background-image: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
}

.marquee-wrapper {
  position: relative;
  overflow: hidden;
}

.marquee-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 200px 200px 200px 200px 200px 200px 200px 200px 200px;
  grid-auto-columns: 200px;
  display: grid;
}

.marquee-wide-element {
  width: 3856px;
  display: flex;
}

.smaller-section {
  padding-top: 5em;
  padding-bottom: 5em;
}

.smaller-section.no-padd-top {
  padding-top: 7px;
}

.smaller-section.black {
  color: #fff;
  background-color: #16171a;
}

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

.large-lightbox-link {
  width: 100%;
  height: 50em;
  color: #fff;
  background-image: url('../images/ai-thumbnail-image.jpg');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.large-lightbox-title-wrap {
  padding: 4em;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.three-column-grid {
  grid-column-gap: 1em;
  grid-row-gap: 4em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.three-column-grid.more-column-space {
  grid-column-gap: 3em;
}

.horizontal-tab-menu {
  border-bottom: 1px solid rgba(255, 255, 255, .1);
  display: flex;
}

.horizontal-tab-menu.centered {
  grid-column-gap: 2em;
  border-bottom-color: rgba(22, 23, 26, .1);
  justify-content: center;
}

.underline-tab-link {
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
  border-bottom: 1px solid #16171a;
  margin-right: 4em;
  padding: 2em 0;
}

.underline-tab-link.w--current {
  background-color: rgba(0, 0, 0, 0);
  border-bottom-color: #ea3d25;
}

.underline-tab-link._2 {
  color: #16171a;
  border-bottom-color: rgba(22, 23, 26, 0);
  margin-right: 0;
  padding-top: 1.6em;
  padding-bottom: 1.6em;
  font-size: 1.5em;
}

.underline-tab-link._2.w--current {
  border-bottom-color: #ea3d25;
}

.vertical-tabs-content {
  padding-top: 4em;
}

.red-text {
  color: #ea3d25;
}

.product-column {
  grid-row-gap: 3em;
  flex-direction: column;
  display: flex;
}

.underline-arrow-link {
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, .1);
  justify-content: space-between;
  align-items: center;
  padding-top: 1.25em;
  padding-bottom: 1.25em;
  display: flex;
}

.underline-arrow-link.dark {
  color: #16171a;
  border-bottom-color: rgba(22, 23, 26, .1);
}

.product-column-image {
  max-height: 24em;
}

.form-block {
  background-color: #f6f6f6;
  margin-bottom: 0;
  padding: 7em;
}

.form-block.transparent {
  background-color: rgba(246, 246, 246, .05);
}

.field-label {
  color: rgba(22, 23, 26, .6);
  font-weight: 500;
}

.field-label.white {
  color: #fff;
}

.sign-up-form {
  grid-column-gap: 1em;
  grid-row-gap: 2.5em;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 5em;
  display: grid;
}

.checkbox-field {
  align-items: center;
  padding-left: 0;
  font-weight: 500;
  display: flex;
}

.checkbox {
  width: 24px;
  height: 24px;
  background-color: #fff;
  border-style: solid;
  border-color: #16171a;
  border-radius: 20px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 12px;
}

.checkbox.w--redirected-checked {
  background-color: #ea3d25;
  background-image: url('../images/check.svg');
  background-size: 12px 12px;
  border-color: #ea3d25;
}

.sign-up-form-buttons {
  grid-row-gap: 1em;
  flex-direction: column;
  display: flex;
}

.google-sign-up-button {
  grid-column-gap: 1em;
  color: #16171a;
  background-color: #fff;
  border-radius: 4em;
  justify-content: center;
  align-items: center;
  padding: 1.25em 2em;
  display: flex;
}

.button-stack {
  grid-column-gap: 1em;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.table-wrap {
  margin-top: 4em;
}

.table-row {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
  grid-auto-columns: 1fr;
  padding: 1.5em;
  display: grid;
}

.table-row.gray-background {
  -webkit-backdrop-filter: brightness(200%);
  backdrop-filter: brightness(200%);
  background-color: #f9f9f9;
}

.table-row.light-background {
  background-color: rgba(255, 255, 255, .05);
}

.table-columns {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.table-columns.three-column {
  grid-template-columns: 1fr 1fr 1fr;
}

.light-text {
  color: rgba(0, 0, 0, .6);
}

.check-icon {
  width: 1.5em;
}

.check-icon.smaller {
  width: 1em;
}

.slider {
  z-index: 5;
  height: 100%;
  color: #16171a;
  background-color: #fff;
  margin-top: 4em;
  position: relative;
}

.slide-nav {
  grid-column-gap: 1em;
  padding-top: 1em;
  padding-bottom: 1em;
  font-size: .5em;
  display: flex;
  top: 4em;
  bottom: auto;
  left: auto;
  right: 4em;
}

.right-arrow {
  width: 3em;
  height: 3em;
  background-color: #f6f6f6;
  justify-content: center;
  align-items: center;
  transition: background-color .2s;
  display: flex;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.right-arrow:hover {
  background-color: #f0f0f0;
}

.chevron {
  width: .6em;
}

.left-arrow {
  width: 3em;
  height: 3em;
  background-color: #f6f6f6;
  justify-content: center;
  align-items: center;
  transition: background-color .2s;
  display: flex;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 3em;
}

.left-arrow:hover {
  background-color: #f0f0f0;
}

.slide {
  grid-row-gap: 4em;
  flex-direction: column;
  align-items: flex-start;
  padding: 4em;
  display: flex;
}

.slider-logo {
  height: 2.3em;
}

.slider-logo.smaller {
  height: 2em;
}

.bottom-corner-graphic {
  height: 28em;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.bottom-corner-graphic.left {
  top: auto;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.full-width {
  width: 100%;
}

.product-2-image {
  height: 33em;
}

.comparison-columns {
  z-index: 9;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 4em;
  display: grid;
  position: relative;
}

.comparison-column {
  grid-row-gap: 2.5em;
  text-align: center;
  flex-direction: column;
  align-items: center;
  padding: 2.5em;
  display: flex;
}

.comparison-column.highlighted {
  background-color: #ea3d25;
}

.comparison-column-content {
  grid-row-gap: 1em;
  flex-direction: column;
  font-size: 1.2em;
  line-height: 150%;
  display: flex;
}

.comparison-column-content-block {
  grid-row-gap: .5em;
  flex-direction: column;
  display: flex;
}

.comparison-column-separator {
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, .1);
}

.gray-testimonial-card {
  grid-row-gap: 2.5em;
  background-color: #f6f6f6;
  flex-direction: column;
  align-items: flex-start;
  padding: 2.5em;
  display: flex;
}

.testimonial-text {
  font-size: 1.4em;
  font-weight: 700;
  line-height: 150%;
}

.panel-image {
  width: 40%;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
}

.white-button {
  color: #16171a;
  text-align: center;
  background-color: #fff;
  border-radius: 4em;
  padding: 1.5em 2em;
}

.dark-panel {
  grid-row-gap: 2em;
  color: #fff;
  background-color: #16171a;
  flex-direction: column;
  justify-content: space-between;
  padding-top: 4em;
  padding-left: 4em;
  padding-right: 4em;
  display: flex;
}

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

.gray-panel {
  grid-column-gap: 1em;
  background-color: #f6f6f6;
  justify-content: space-between;
  align-items: flex-start;
  padding: 4em 0 0 4em;
  display: flex;
  position: relative;
}

.space-bottom-tiny {
  margin-bottom: 16px;
}

.panel-contents {
  margin-bottom: 4em;
}

.large-text-2 {
  font-size: 20px;
  line-height: 150%;
}

.pricing-feature-card {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 2em;
  margin-bottom: 2em;
  font-size: 1.1em;
  display: flex;
}

.pricing-wrap {
  height: 100%;
  flex-direction: column;
  display: flex;
}

.pricing-bottom {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  padding-top: 2.5em;
  display: flex;
}

.pricing-top {
  border-bottom: 1px solid rgba(255, 255, 255, .12);
  flex-direction: column;
  align-items: flex-start;
  padding-bottom: 2.5em;
  display: flex;
}

.pricing-2 {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
  grid-auto-columns: 1fr;
  margin-top: 4em;
  display: grid;
}

.pricing-2-block {
  background-color: rgba(255, 255, 255, .05);
  padding: 2.5em;
}

.pricing-2-block.highlighted {
  background-color: #ea3d25;
}

.list {
  padding-left: 0;
  list-style: none;
}

.list.split-list {
  grid-column-gap: 1em;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.checked-list-item {
  background-image: url('../images/orange-check.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 1.6em;
  padding-top: .5em;
  padding-bottom: .5em;
  padding-left: 2.5em;
}

.checked-list-item.white-check {
  background-image: url('../images/white-check.svg');
}

.pricing-horizontal-spread {
  width: 100%;
  justify-content: space-between;
  display: flex;
}

.text-wrap {
  grid-column-gap: 1em;
  display: flex;
}

.lines-cropped-pattern {
  height: 30em;
  margin-top: auto;
  margin-bottom: auto;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.lines-cropped-pattern.top {
  margin-top: 10vh;
}

.faq-wrapper {
  padding-top: 24px;
}

.accordion-item {
  border-bottom: 1px solid rgba(0, 0, 0, .12);
  padding-top: 1.7em;
  padding-bottom: 1.7em;
}

.accordion-item-trigger {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  font-size: 1.5em;
  font-weight: 700;
  line-height: 140%;
  transition: all .2s;
  display: flex;
}

.accordion-item-trigger:hover {
  opacity: .69;
}

.accordion-item-content {
  overflow: hidden;
}

.answer {
  color: rgba(22, 23, 26, .6);
  padding-top: 1em;
}

.featured-blog-post {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: #16171a;
  background-color: #fff;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.featured-blog-content {
  grid-row-gap: 10em;
  flex-direction: column;
  justify-content: space-between;
  padding: 4em;
  display: flex;
}

.featured-blog-image {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
}

.news-categories-wrap {
  grid-column-gap: 1em;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.news-category-link {
  color: rgba(22, 23, 26, .6);
  font-size: 2em;
  font-weight: 700;
  line-height: 120%;
}

.news-category-link.w--current {
  color: #16171a;
}

.news-card-image {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  margin-bottom: 2em;
  padding-top: 100%;
}

.news-big-card-wrap {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.blog-post-image {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  margin-top: 6em;
  padding-top: 100%;
}

.rich-text p {
  color: rgba(22, 23, 26, .6);
  margin-bottom: 2em;
}

.rich-text ul {
  color: rgba(22, 23, 26, .7);
  margin-bottom: 2em;
  padding-left: 2em;
}

.rich-text li {
  padding-top: .5em;
  padding-bottom: .5em;
}

.rich-text blockquote {
  border-bottom: 1px solid rgba(22, 23, 26, .1);
  border-left-style: none;
  margin-bottom: 1em;
  padding: 1em 0;
  font-size: 1.5em;
  line-height: 140%;
}

.carrer-card {
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, .12);
  padding-bottom: 4em;
  transition: color .2s;
  display: block;
}

.carrer-card:hover {
  color: rgba(255, 255, 255, .6);
}

.spread-horizontal {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.career-tags-wrap {
  grid-column-gap: 1em;
  align-items: center;
  margin-top: 2em;
  display: flex;
}

.tag {
  background-color: rgba(255, 255, 255, .05);
  border-radius: 4em;
  padding: .2em 1em;
}

.extra-text {
  font-size: 24px;
}

.about-us-images {
  grid-column-gap: 4vw;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.25fr 1fr;
  grid-auto-columns: 1fr;
  padding-left: 4vw;
  padding-right: 4vw;
  display: grid;
}

.careers-image {
  z-index: 2;
  width: 100%;
  background-image: url('../images/careers-1.jpg');
  background-position: 50%;
  background-size: cover;
  padding-top: 100%;
  position: relative;
}

.careers-image._2 {
  background-image: url('../images/careers-2.jpg');
}

.careers-image._3 {
  background-image: url('../images/careers-3.jpg');
}

.black-background {
  background-color: #16171a;
}

.careers-lines-overlay {
  z-index: 1;
  position: absolute;
  top: auto;
  bottom: -10%;
  left: auto;
  right: -10%;
}

.careers-list {
  grid-row-gap: 4em;
  flex-direction: column;
  display: flex;
}

.integrations-image {
  width: 32em;
}

.integrations-image-wrap {
  width: 100%;
  height: 20em;
  background-color: #f6f6f6;
  justify-content: center;
  align-items: center;
  display: flex;
}

.integration-icon-line-wrap {
  border: 1px solid #ea3d25;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  padding: 1em;
  display: flex;
}

.integration-icon-wrap {
  width: 5em;
  height: 5em;
  background-color: #ea3d25;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  padding: 1em;
  display: flex;
}

.integration-card-content {
  margin-top: 2em;
}

.flex-left {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.contact-foot-columns {
  grid-column-gap: 2.5em;
  grid-row-gap: 2.5em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.contact-foot-link {
  border-bottom: 1px solid rgba(255, 255, 255, .1);
  justify-content: space-between;
  align-items: center;
  padding-top: 1.4em;
  padding-bottom: 1.4em;
  font-size: 1.5em;
  display: flex;
}

.contact-icon-wrap {
  width: 2.5em;
  height: 2.5em;
  background-color: #fff;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.contact-link-content {
  grid-column-gap: 1em;
  align-items: center;
  display: flex;
}

.contact-icon {
  width: 1.2em;
}

.value-card {
  background-color: rgba(255, 255, 255, .05);
  padding: 2.5em;
}

.help-center-lines {
  height: 100%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 10em;
}

.overlay-section {
  z-index: 9;
  margin-top: -7em;
  position: relative;
}

.help-center-card {
  grid-row-gap: 4em;
  color: #16171a;
  background-color: #f6f6f6;
  flex-direction: column;
  align-items: flex-start;
  padding: 2.5em;
  display: flex;
}

.red-icon-wrap {
  width: 5em;
  height: 5em;
  background-color: #ea3d25;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.help-center-category-title-wrap {
  grid-row-gap: 2em;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.documentation-sidebar-segment {
  margin-bottom: 1em;
}

.documentation-sidebar-category {
  color: rgba(255, 255, 255, .6);
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 1em;
  font-size: .7em;
  transition: background-color .2s;
  display: block;
}

.documentation-sidebar-category:hover {
  background-color: rgba(255, 255, 255, .1);
}

.documentation-sidebar-category.w--current {
  background-color: rgba(255, 255, 255, .05);
}

.documentation-sidebar-link {
  grid-column-gap: 1em;
  color: #fff;
  align-items: center;
  padding: .7em;
  transition: background-color .2s;
  display: flex;
}

.documentation-sidebar-link:hover {
  background-color: rgba(255, 255, 255, .05);
}

.documentation-sidebar-link.w--current {
  background-color: rgba(255, 255, 255, .1);
}

.documentation-split {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 1px solid rgba(22, 23, 26, .1);
  grid-template-rows: auto;
  grid-template-columns: 1fr 3fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.documentation-sidebar {
  background-color: #16171a;
  padding: 2.5em 1em;
}

.documentation-blocks {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.documentation-block {
  height: 100%;
  grid-row-gap: 4em;
  color: #16171a;
  background-color: #f6f6f6;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 2em;
  display: flex;
}

.tiny-icon {
  width: .7em;
}

.showcase-grid {
  grid-column-gap: .1em;
  grid-row-gap: .1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 32px;
  display: grid;
}

.showcase-card {
  color: #16171a;
  text-align: center;
  background-color: #f6f6f6;
  font-size: 1.6em;
  font-weight: 700;
  line-height: 150%;
  text-decoration: none;
  transition: transform .3s;
  overflow: hidden;
}

.showcase-card:hover {
  text-decoration: none;
  transform: scale(.95);
}

.showcase-screenshot-wrapper {
  background-color: #e6e6e6;
  padding-top: 2em;
  padding-left: 2em;
  padding-right: 2em;
  overflow: hidden;
}

.showcase-card-content {
  color: #16171a;
  text-align: center;
  padding: 2em 1em;
}

.showcase-hero-images-wrap {
  z-index: 9;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 10em;
  padding-bottom: 1em;
  padding-left: 1em;
  padding-right: 1em;
  display: grid;
  position: relative;
}

.showcase-hero-link {
  background-image: url('../images/pricing-1.jpg');
  background-position: 50%;
  background-size: cover;
  padding-top: 100%;
  transition: all .4s;
}

.showcase-hero-link:hover {
  transform: scale(.95);
}

.showcase-hero-link._2 {
  background-image: url('../images/careers.jpg');
}

.showcase-hero-link._3 {
  background-image: url('../images/integrations.jpg');
}

.showcase-hero-link._4 {
  background-image: url('../images/pricing-2.jpg');
}

.showcase-hero-link._5 {
  background-image: url('../images/newsroom.jpg');
}

.showcase-hero-link._6 {
  background-image: url('../images/help-center.jpg');
}

.showcase-hero-link._7 {
  background-image: url('../images/pricing-3.jpg');
}

.showcase-hero-link._8 {
  background-image: url('../images/product-1.jpg');
}

.template-page-wrap {
  grid-row-gap: 40px;
  background-color: #f6f6f6;
  flex-direction: column;
  padding: 4em;
  display: flex;
}

.template-page-section {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1px 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.template-page-title-wrap {
  grid-column-gap: 1em;
  display: flex;
}

.blog-separator {
  width: 1px;
  background-color: rgba(22, 23, 26, .1);
}

.template-page-icons-wrap {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 1em;
  display: flex;
}

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

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

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

.no-paddings {
  padding: 0;
}

.small-icon {
  height: 1em;
}

.smaller-h1 {
  font-size: 4em;
}

.usp-card {
  grid-row-gap: 40px;
  flex-direction: column;
  display: flex;
}

.docs-accordion-trigger {
  color: #fff;
  justify-content: space-between;
  align-items: center;
  display: none;
}

.docs-accordion-icon {
  width: 1em;
}

.section-2 {
  border-radius: 0;
}

.image {
  line-height: 149%;
}

.heading {
  color: #ea3d25;
}

.heading-2 {
  color: #38c4c4;
}

.button {
  color: #16171a;
  object-fit: fill;
  background-color: #fff;
  border-radius: 20px;
  margin-left: 438px;
  padding-left: 29px;
  padding-right: 29px;
  font-weight: 700;
}

.body {
  height: auto;
  max-height: none;
  max-width: none;
  object-fit: fill;
  flex-direction: column;
  display: flex;
}

.heading-3 {
  font-size: 3.5em;
  font-weight: 700;
}

@media screen and (min-width: 1920px) {
  body {
    font-size: .75vw;
  }

  .video-with-title-side {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 2fr;
    grid-auto-columns: 1fr;
  }

  .nav-menu-content-wrap {
    overflow: auto;
  }
}

@media screen and (max-width: 991px) {
  body {
    font-size: 2vw;
  }

  .container {
    max-width: none;
    padding-left: 2em;
    padding-right: 2em;
  }

  .split, .split.ratio, .split.about-us {
    grid-template-columns: 1fr;
  }

  .split.less-row-space {
    grid-row-gap: 1em;
  }

  .hero-foot-metrics {
    grid-row-gap: 2.5em;
    grid-template-columns: 1fr 1fr;
  }

  .video-with-title-side {
    grid-template-columns: 1fr;
  }

  .lightbox-link {
    min-height: 30em;
  }

  .tabs {
    flex-direction: column;
  }

  .tabs-content {
    flex-basis: 100%;
    margin-right: 0%;
  }

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

  .cta-block {
    padding-left: 2em;
    padding-right: 2em;
  }

  .cta-content {
    width: 100%;
  }

  .cta-button-wrap {
    grid-row-gap: 2em;
    flex-direction: column;
    align-items: flex-start;
  }

  .footer-content {
    grid-row-gap: 4.25em;
    grid-template-columns: 1fr 1fr;
  }

  .footer-bottom-wrap {
    grid-template-columns: 1fr;
  }

  .nav-menu-big-link {
    font-size: 4em;
  }

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

  .marquee-gradient, .marquee-gradient.right {
    background-image: none;
  }

  .large-lightbox-title-wrap {
    padding: 2em;
  }

  .three-column-grid {
    grid-template-columns: 1fr 1fr;
  }

  .three-column-grid.less-row-space {
    grid-row-gap: 1em;
  }

  .horizontal-tab-menu {
    border-bottom-style: none;
    border-left: 1px solid rgba(255, 255, 255, .1);
    flex-direction: column;
  }

  .underline-tab-link {
    border-bottom-style: none;
    border-left: 1px solid #16171a;
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 2em;
  }

  .underline-tab-link.w--current {
    border-left-color: #ea3d25;
  }

  .form-block {
    padding: 4em;
  }

  .slide {
    grid-row-gap: 3em;
    padding: 3em;
  }

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

  .dark-panel {
    grid-row-gap: 3em;
    padding-top: 3em;
    padding-left: 3em;
    padding-right: 3em;
  }

  .gray-panel {
    grid-column-gap: 3em;
    padding-top: 3em;
    padding-left: 3em;
  }

  .panel-contents {
    margin-bottom: 3em;
  }

  .large-text-2 {
    font-size: 19px;
  }

  .pricing-feature-card {
    font-size: 16px;
  }

  .pricing-2 {
    grid-template-columns: 1fr;
  }

  .lines-cropped-pattern {
    height: 100%;
  }

  .lines-cropped-pattern.top {
    width: 40%;
    height: auto;
  }

  .accordion-item-trigger {
    font-size: 19px;
  }

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

  .featured-blog-content {
    padding: 3em;
  }

  .featured-blog-image {
    min-height: 30vh;
  }

  .extra-text {
    font-size: 20px;
  }

  .contact-foot-columns {
    grid-row-gap: 0em;
    grid-template-columns: 1fr 1fr;
  }

  .help-center-lines {
    right: 2em;
  }

  .documentation-split {
    grid-template-columns: 1fr;
  }

  .documentation-sidebar {
    padding-top: 1em;
    padding-bottom: 1em;
  }

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

  .showcase-hero-images-wrap {
    grid-template-columns: 1fr 1fr;
  }

  .template-page-section {
    grid-template-columns: 1fr;
  }

  .docs-sidebar-wrap {
    overflow: hidden;
  }

  .docs-accordion-trigger {
    cursor: pointer;
    padding: 1em;
    display: flex;
  }
}

@media screen and (max-width: 767px) {
  body {
    font-size: 3vw;
  }

  h1 {
    font-size: 4em;
  }

  h2 {
    font-size: 3.5em;
  }

  h3 {
    font-size: 3em;
  }

  h4 {
    font-size: 2.5em;
  }

  h5 {
    font-size: 2em;
  }

  h6 {
    font-size: 1.5em;
  }

  .navbar-content-split {
    justify-content: space-between;
    display: flex;
  }

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

  .section {
    padding-top: 8em;
    padding-bottom: 8em;
  }

  .hero-foot-metrics, .news-grid {
    grid-template-columns: 1fr;
  }

  .portrait-stack-wrap {
    text-align: left;
  }

  .footer-top, .footer-top-right {
    grid-row-gap: 2em;
    flex-direction: column;
  }

  .newsletter-form {
    max-width: none;
    flex-direction: column;
    align-items: stretch;
  }

  .dark-button.submit {
    margin-top: 1em;
  }

  .dropdown-toggle.nav {
    padding-top: 1em;
    padding-bottom: 1em;
    font-size: 1em;
  }

  .nav-menu-content-wrap {
    padding-top: 3em;
    padding-bottom: 3em;
  }

  .nav-menu-content {
    grid-row-gap: 3em;
    grid-template-columns: 1fr;
  }

  .nav-menu-mail-cta {
    grid-row-gap: .5em;
    font-size: 1.5em;
  }

  .div-block-7 {
    grid-row-gap: 1.5em;
  }

  .nav-menu-big-link {
    font-size: 3em;
  }

  .smaller-section {
    padding-top: 3em;
    padding-bottom: 3em;
  }

  .three-column-grid {
    grid-template-columns: 1fr;
  }

  .right-arrow, .left-arrow {
    display: none;
  }

  .product-2-image {
    height: auto;
  }

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

  .panel-image {
    width: 60%;
    grid-column-gap: 10px;
  }

  .gray-panel {
    flex-direction: column;
    align-items: flex-end;
  }

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

  .pricing-feature-card {
    font-size: 15px;
  }

  .accordion-item {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .accordion-item-trigger {
    font-size: 18px;
  }

  .answer {
    margin-bottom: 0;
  }

  .featured-blog-content {
    grid-row-gap: 6em;
  }

  .spread-horizontal {
    flex-direction: column;
    align-items: flex-start;
  }

  .extra-text {
    font-size: 16px;
  }

  .about-us-images {
    grid-template-columns: 1fr 1fr;
  }

  .contact-foot-columns, .documentation-blocks, .showcase-grid {
    grid-template-columns: 1fr;
  }

  .template-page-wrap {
    padding: 40px;
  }

  .blog-separator {
    width: 100%;
    height: 1px;
  }

  .utility-page-content {
    width: 90%;
  }

  .nav-block-image {
    display: none;
  }

  .smaller-h1 {
    font-size: 3em;
  }
}

@media screen and (max-width: 479px) {
  body {
    font-size: 3.5vw;
  }

  .container {
    padding-left: 1em;
    padding-right: 1em;
  }

  .outline-button {
    width: 100%;
  }

  .section {
    padding-top: 6em;
    padding-bottom: 6em;
  }

  .section.black-bg {
    text-align: left;
  }

  .arrow-link-block {
    width: 100%;
    max-width: none;
    object-fit: none;
  }

  .arrow-link-block.no-paddings {
    width: auto;
  }

  .arrow-button-content {
    justify-content: space-between;
  }

  .vertical-spread {
    grid-row-gap: 4em;
  }

  .hero-foot-metrics {
    grid-row-gap: 4em;
    text-align: center;
    margin-top: 6em;
  }

  .video-title-side {
    padding-left: 2em;
    padding-right: 2em;
  }

  .lightbox-link {
    object-fit: contain;
    background-image: url('../images/Captura-de-pantalla-2023-09-15-a-las-21.19.28.png');
    background-position: 0 0;
    background-size: contain;
    background-attachment: scroll;
    padding-bottom: 2em;
    padding-left: 2em;
  }

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

  .tab-link {
    grid-column-gap: 2em;
  }

  .news-card {
    padding-left: 2em;
  }

  .cta-block {
    padding-top: 6em;
    padding-bottom: 6em;
  }

  .portrait-stack-wrap {
    width: 100%;
    grid-row-gap: 20px;
    flex-direction: column;
    align-items: flex-start;
  }

  .social-logo {
    background-color: rgba(0, 0, 0, 0);
  }

  .footer-top-right {
    width: 100%;
  }

  .footer-content {
    border-bottom-style: none;
    grid-template-columns: 1fr;
  }

  .newsletter-form {
    grid-row-gap: 10px;
    flex-direction: column;
    align-items: stretch;
    margin-bottom: 20px;
    padding-left: 8px;
  }

  .input-field {
    text-align: center;
    border-radius: 0;
  }

  .dark-button.submit {
    margin-top: 0;
  }

  .footer-bottom-content {
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px;
  }

  .webflow-link {
    margin: 12px 0;
  }

  .div-block-7 {
    grid-row-gap: 1em;
  }

  .smaller-section.no-padd-top {
    object-fit: fill;
    position: static;
    overflow: visible;
  }

  .large-lightbox-link {
    height: 40em;
  }

  .three-column-grid {
    text-align: center;
    grid-template-columns: 1fr;
  }

  .three-column-grid.more-column-space {
    text-align: center;
  }

  .vertical-tabs-content {
    padding-top: 2em;
  }

  .form-block {
    padding: 3em;
  }

  .sign-up-form {
    grid-template-columns: 1fr;
  }

  .button-stack {
    width: 100%;
    grid-row-gap: 1em;
    flex-direction: column;
  }

  .table-row {
    text-align: center;
    grid-template-columns: 1fr;
  }

  .product-2-image {
    height: auto;
  }

  .comparison-column {
    padding: 2em;
  }

  .panel-image {
    width: 50%;
  }

  .large-text-2 {
    font-size: 17px;
  }

  .list.split-list {
    grid-template-columns: 1fr;
  }

  .faq-wrapper {
    padding-top: 0;
  }

  .news-category-link {
    font-size: 1.7em;
  }

  .contact-foot-columns {
    grid-row-gap: 0em;
  }

  .contact-foot-link {
    padding-top: 1em;
    padding-bottom: 1em;
  }

  .value-card {
    padding: 2em;
  }

  .help-center-lines {
    height: 50%;
  }

  .overlay-section {
    margin-top: -3em;
  }

  .showcase-screenshot-wrapper {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .showcase-card-content, .template-page-wrap {
    padding: 20px;
  }

  .template-page-section {
    grid-template-columns: 1fr;
  }

  .body {
    object-fit: fill;
    margin-right: -1px;
    overflow: visible;
  }

  .heading-3 {
    font-size: 2.5em;
  }

  .div-block-8 {
    padding-left: 10px;
    padding-right: 10px;
  }
}

#w-node-e41116dc-e90e-8395-169d-7e15a73ae255-a73ae245, #w-node-e41116dc-e90e-8395-169d-7e15a73ae256-a73ae245, #w-node-e41116dc-e90e-8395-169d-7e15a73ae275-a73ae245 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e41116dc-e90e-8395-169d-7e15a73ae29e-a73ae245 {
  align-self: start;
  justify-self: start;
}

#w-node-fd4a3c31-0aaf-18b7-db88-c42ac279cbb7-c279cbb4, #w-node-fd4a3c31-0aaf-18b7-db88-c42ac279cbc2-c279cbb4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: start;
}

#w-node-fd4a3c31-0aaf-18b7-db88-c42ac279cbc4-c279cbb4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: end;
}

#w-node-fd4a3c31-0aaf-18b7-db88-c42ac279cbcc-c279cbb4, #w-node-fd4a3c31-0aaf-18b7-db88-c42ac279cbd9-c279cbb4, #w-node-fd4a3c31-0aaf-18b7-db88-c42ac279cbda-c279cbb4, #w-node-fd4a3c31-0aaf-18b7-db88-c42ac279cbe0-c279cbb4, #w-node-a73e1f24-9427-748c-bc81-5a07d6e718e0-9c0f8bb5, #w-node-a73e1f24-9427-748c-bc81-5a07d6e718e4-9c0f8bb5, #w-node-a73e1f24-9427-748c-bc81-5a07d6e718e8-9c0f8bb5, #w-node-a73e1f24-9427-748c-bc81-5a07d6e718ec-9c0f8bb5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a73e1f24-9427-748c-bc81-5a07d6e718f0-9c0f8bb5, #w-node-a73e1f24-9427-748c-bc81-5a07d6e718f4-9c0f8bb5, #w-node-a73e1f24-9427-748c-bc81-5a07d6e718fa-9c0f8bb5, #w-node-a73e1f24-9427-748c-bc81-5a07d6e718fb-9c0f8bb5 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_1ce6fde1-6147-2454-df77-c9b49ff36428-9c0f8bb6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1ce6fde1-6147-2454-df77-c9b49ff3643a-9c0f8bb6 {
  justify-self: center;
}

#w-node-_9a59fbe4-4985-0e31-c03b-663eea8c8967-9c0f8bb6, #w-node-ac4c73da-4805-7b67-f53c-2091b0adb021-9c0f8bb7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ac4c73da-4805-7b67-f53c-2091b0adb033-9c0f8bb7 {
  justify-self: center;
}

#w-node-_143c093f-ae21-2bb5-2aff-5a9f9db92388-9c0f8bb7, #w-node-_74505987-90ae-4779-5e52-ab377a70ca54-9c0f8bb8, #w-node-_83b896fb-3f75-e6b3-ed92-d4503dd0baf5-9c0f8bb9, #w-node-_1fbfc1be-e627-4193-823f-e6414fd4928f-9c0f8bba {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c05d0b12-2c0f-ab46-7b89-71d72ae370d1-9c0f8bbb {
  align-self: end;
  justify-self: end;
}

#w-node-b6646fb6-786d-5be9-5e8a-d90ff196f395-9c0f8bbc {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: end;
  justify-self: end;
}

#w-node-b6646fb6-786d-5be9-5e8a-d90ff196f398-9c0f8bbc, #w-node-_75cdd7d3-c140-85a0-26be-b5632bd71cc3-9c0f8bbf, #w-node-_73858dfd-d790-263f-bce0-c2af52a3b517-9c0f8bbf, #w-node-_00996d44-ef59-f8db-072d-b794d1216ec0-9c0f8bbf, #w-node-_73eecb38-bc03-2907-40ff-bb306c111e1e-9c0f8bbf, #w-node-_16b880b4-9f9e-df48-8060-69ac989b99df-9c0f8bbf, #w-node-cb39b041-6cd1-af7e-d797-e6b810746d28-9c0f8bbf, #w-node-_0689e361-0f1a-eada-b26d-831f64065e52-9c0f8bbf, #w-node-_3a8ff93a-81ae-29da-55d2-eb9592bb761e-92bb761b, #w-node-_3a8ff93a-81ae-29da-55d2-eb9592bb7625-92bb761b, #w-node-_3a8ff93a-81ae-29da-55d2-eb9592bb762c-92bb761b, #w-node-dd093139-c712-1f4a-2f2e-04aa7bd6b019-7bd6b011, #w-node-dd093139-c712-1f4a-2f2e-04aa7bd6b024-7bd6b011, #w-node-dd093139-c712-1f4a-2f2e-04aa7bd6b02f-7bd6b011 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b6da5963-a98a-7928-7f0e-69b06719e5f7-6719e5f1, #w-node-b6da5963-a98a-7928-7f0e-69b06719e5f9-6719e5f1, #w-node-b6da5963-a98a-7928-7f0e-69b06719e5fb-6719e5f1, #w-node-b6da5963-a98a-7928-7f0e-69b06719e5fd-6719e5f1, #w-node-b6da5963-a98a-7928-7f0e-69b06719e60b-6719e5f1, #w-node-b6da5963-a98a-7928-7f0e-69b06719e60d-6719e5f1, #w-node-b6da5963-a98a-7928-7f0e-69b06719e60f-6719e5f1, #w-node-b6da5963-a98a-7928-7f0e-69b06719e611-6719e5f1, #w-node-b6da5963-a98a-7928-7f0e-69b06719e613-6719e5f1, #w-node-b6da5963-a98a-7928-7f0e-69b06719e615-6719e5f1, #w-node-b6da5963-a98a-7928-7f0e-69b06719e617-6719e5f1, #w-node-b6da5963-a98a-7928-7f0e-69b06719e619-6719e5f1, #w-node-b6da5963-a98a-7928-7f0e-69b06719e61b-6719e5f1 {
  align-self: stretch;
}

#w-node-_5777a28d-70b7-ce10-c562-3a006c6e87d4-6c6e87cc {
  grid-area: 2 / 2 / 3 / 3;
}

@media screen and (min-width: 1920px) {
  #w-node-_90159c3f-c8cb-2fff-bb5f-085aa661f7f2-9c0f8bbf {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 991px) {
  #w-node-e41116dc-e90e-8395-169d-7e15a73ae255-a73ae245 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-e41116dc-e90e-8395-169d-7e15a73ae29e-a73ae245 {
    justify-self: center;
  }

  #w-node-_5777a28d-70b7-ce10-c562-3a006c6e87d4-6c6e87cc {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 767px) {
  #w-node-fd4a3c31-0aaf-18b7-db88-c42ac279cbcc-c279cbb4 {
    order: 9999;
  }

  #w-node-fd4a3c31-0aaf-18b7-db88-c42ac279cbd9-c279cbb4 {
    order: -9999;
  }
}

@media screen and (max-width: 479px) {
  #w-node-e41116dc-e90e-8395-169d-7e15a73ae255-a73ae245, #w-node-a73e1f24-9427-748c-bc81-5a07d6e718f0-9c0f8bb5, #w-node-a73e1f24-9427-748c-bc81-5a07d6e718f4-9c0f8bb5, #w-node-a73e1f24-9427-748c-bc81-5a07d6e718fa-9c0f8bb5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-b6646fb6-786d-5be9-5e8a-d90ff196f395-9c0f8bbc {
    justify-self: start;
  }

  #w-node-b6da5963-a98a-7928-7f0e-69b06719e5f9-6719e5f1 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: stretch;
  }
}


@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-BoldItalic.woff2') format('woff2');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-MediumItalic.woff2') format('woff2');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
#yamlOutput {
    color: #ffffff;  # color de texto blanco para mejor visibilidad en fondo oscuro
    font-family: 'Courier New', Courier, monospace;  # fuente monoespaciada para un aspecto YAML adecuado
    padding: 20px;  # añadir algo de padding para el contenido
    height: 300px;
    text-align: center;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#yamlOutput {
  overflow-y: auto;  # Añadir scroll si el contenido es demasiado largo
  max-height: 500px;  # Altura máxima del bloque de texto
}

#yamlOutput {
  height: 250px;  # Altura fija para el bloque
  overflow-y: auto;  # Permitir desplazamiento vertical
}

#yamlOutput::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}

#yamlOutput::-webkit-scrollbar-thumb {
    background: transparent;
}


body {
    zoom: 0.75;
}


#yamlOutput {
    text-align: left;
}

.highlighted {
    color: green;
    font-weight: bold;
}