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

body {
  color: #f3f4ef;
  background-color: #0b383d;
  font-family: Clashgrotesk;
  font-size: 1rem;
  line-height: 1;
}

h1 {
  letter-spacing: -.08rem;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 5rem;
  font-weight: 500;
  line-height: 1;
}

h2 {
  letter-spacing: -.075rem;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4rem;
  font-weight: 500;
  line-height: 1;
}

h3 {
  letter-spacing: -.05rem;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3.25rem;
  font-weight: 500;
  line-height: 1;
}

h4 {
  letter-spacing: -.025rem;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 1;
}

h5 {
  letter-spacing: -.025rem;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 600;
  line-height: 120%;
}

h6 {
  letter-spacing: -.025rem;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1;
}

p {
  letter-spacing: -.01rem;
  margin-bottom: 0;
  font-weight: 300;
  line-height: 125%;
}

a {
  color: #f3f4ef;
  letter-spacing: -.01rem;
  font-size: 1rem;
  font-weight: 300;
  line-height: 125%;
  text-decoration: underline;
}

ul, ol {
  margin-top: 0;
  margin-bottom: 1rem;
  padding-left: 1.2rem;
}

li {
  margin-bottom: .25rem;
}

label {
  text-align: left;
  margin-bottom: .25rem;
  font-weight: 400;
  display: block;
}

strong {
  font-weight: 500;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin-bottom: 1rem;
  padding: 1rem 1.5rem;
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 125%;
}

.styleguide-hero-section {
  min-height: 50vh;
  padding-top: 5rem;
}

.text-color-black {
  color: #0b383d;
}

.text-color-black.margin-bottom-xsmall {
  font-weight: 600;
}

.text-color-green {
  color: #c1fb68;
  font-family: Rubik, sans-serif;
}

.text-color-green._1, .text-color-green._2, .text-color-green._3 {
  display: inline-block;
}

.text-color-green.margin-top-xsmall {
  margin-top: 1rem;
}

.text-align-center {
  text-align: center;
  font-family: Rubik, sans-serif;
}

.text-opacity-80 {
  opacity: .8;
}

.text-style-all-caps {
  text-transform: uppercase;
}

.nav-wrapper {
  width: 90%;
  max-width: 61.25rem;
  border: 0 solid #000;
  border-radius: 100vw;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: .5rem .5rem .5rem 1rem;
  font-family: Rubik, sans-serif;
  display: flex;
  position: relative;
}

.nav {
  z-index: 2000;
  padding-top: 1.5rem;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.nav-logo {
  width: 3rem;
  transition: opacity .3s;
}

.nav-logo:hover {
  opacity: .8;
}

.nav-links-wrapper {
  align-items: center;
  display: flex;
}

.nav-link {
  color: #0b383d;
  background-color: rgba(27, 31, 10, 0);
  border-radius: 100vw;
  margin-left: .5rem;
  margin-right: .5rem;
  padding: .75rem 1rem .7rem;
  font-size: .875rem;
  font-weight: 400;
  text-decoration: none;
  transition: background-color .3s;
  display: block;
}

.nav-link:hover {
  background-color: rgba(27, 31, 10, .06);
}

.nav-link.w--current {
  background-color: rgba(27, 31, 10, .08);
}

.nav-link.dropdown {
  background-color: rgba(27, 31, 10, 0);
  margin-left: .125rem;
  margin-right: .125rem;
  font-size: .75rem;
}

.nav-link.dropdown:hover {
  background-color: rgba(27, 31, 10, .06);
}

.nav-link.dropdown.w--current {
  background-color: rgba(27, 31, 10, .08);
}

.nav-dropdown {
  border-radius: 100vw;
  align-items: center;
  padding-left: 1rem;
  padding-right: .75rem;
  display: flex;
}

.nav-dropdown:hover {
  border-radius: 100vh;
}

.dropdown-link {
  color: #0b383d;
  border-radius: 100vw;
  margin-left: 0;
  margin-right: .25rem;
  padding: .75rem 0 .7rem;
  font-size: .875rem;
  font-weight: 400;
  text-decoration: none;
  display: block;
}

.nav-dropdown-wrapper {
  cursor: pointer;
  margin-left: .5rem;
  margin-right: .5rem;
  position: relative;
}

.nav-dropdown-container {
  background-color: #f3f4ef;
  border-radius: 70px;
  justify-content: center;
  align-items: center;
  padding: .25rem;
  display: flex;
  position: absolute;
  top: 3.2rem;
}

.nav-dropdown-container.use-cases {
  min-width: 23.9rem;
  display: none;
  right: -8.5rem;
}

.nav-dropdown-container.product {
  display: none;
  right: -5.5rem;
}

.button-small {
  background-color: #c1fb68;
  border-radius: 100vw;
  padding: .6rem 1rem .5rem;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}

.text-style-button {
  color: #0b383d;
  text-align: center;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
}

.text-style-button.small {
  font-size: .875rem;
}

.text-style-button.small.text-color-white {
  font-family: Rubik, sans-serif;
}

.button-label-wrapper {
  position: relative;
  overflow: hidden;
}

.text-style-button-absolute {
  color: #0b383d;
  text-align: center;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  position: absolute;
  top: auto;
  bottom: -100%;
  left: 0%;
  right: 0%;
}

.text-style-button-absolute.small {
  font-size: .875rem;
}

.button-overlay {
  height: 100%;
  transform-origin: 50% 100%;
  background-color: #bcd948;
  display: none;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.button-overlay.white {
  background-color: rgba(27, 31, 10, .12);
}

.hero-section:active {
  color: #0b383d;
}

.hero-content-wrapper {
  width: 90%;
  max-width: 42.5rem;
  margin-bottom: 5rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 6rem;
}

.margin-bottom-xxsmall {
  margin-bottom: .25rem;
}

.margin-bottom-xsmall {
  margin-bottom: .5rem;
}

.margin-bottom-small {
  margin-bottom: 1rem;
}

.margin-bottom-medium {
  margin-bottom: 2rem;
}

.margin-bottom-large {
  margin-bottom: 3rem;
}

.margin-bottom-xxlarge {
  margin-bottom: 4rem;
}

.margin-top-xxsmall {
  margin-top: .25rem;
}

.margin-top-xsmall {
  margin-top: 1.5rem;
}

.margin-top-xsmall.text-opacity-80 {
  margin-top: 2rem;
}

.margin-top-small {
  margin-top: 1rem;
}

.margin-top-medium {
  margin-top: 2rem;
}

.margin-top-large {
  margin-top: 3rem;
}

.margin-top-xlarge {
  margin-top: 3.5rem;
}

.home-hero-subtitle {
  max-width: 30rem;
  opacity: .8;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-family: Rubik, sans-serif;
}

.div-flex {
  justify-content: center;
  align-items: center;
  display: flex;
}

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

.div-flex.about-hero {
  margin-bottom: 3rem;
}

.button-default {
  background-color: #c1fb68;
  border-radius: 100vw;
  padding: 1rem 1.5rem;
  font-family: Rubik, sans-serif;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}

.button-default:hover {
  color: #0b383d;
}

.button-default.icon {
  justify-content: center;
  align-items: center;
  display: flex;
}

.button-default.white {
  background-color: #f3f4ef;
}

.hero-img-wrapper {
  width: 90%;
  max-width: 70rem;
  margin-left: auto;
  margin-right: auto;
  position: -webkit-sticky;
  position: sticky;
  top: 4vw;
}

.hero-img {
  position: -webkit-sticky;
  position: sticky;
  transform: perspective(1000px)perspective(500px)perspective(1000px);
}

.hero-heading-1, .hero-heading-2 {
  display: inline-block;
}

.references-section {
  background-color: #c1fb68;
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
  position: relative;
}

.default-wrapper {
  width: 90%;
  max-width: 70rem;
  margin-left: auto;
  margin-right: auto;
  font-family: Rubik, sans-serif;
}

.logo-reference-wrapper {
  margin-top: 3rem;
  position: relative;
  overflow: hidden;
}

.logo-reference {
  height: 1.75rem;
  object-fit: cover;
}

.product-img-references-section {
  height: 200vh;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 10rem;
  display: flex;
  position: relative;
}

.features-section {
  margin-bottom: 15rem;
}

.gradient-overlay {
  height: 100vh;
  background-image: linear-gradient(to top, #0b383d 14%, rgba(27, 31, 10, 0));
  margin-bottom: 12rem;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.logo-reference-container {
  width: 91.7rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.home-feature {
  background-color: #f3f4ef;
  display: flex;
}

.home-feature.default {
  flex-direction: column;
}

.home-feature.fill-height {
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
}

.feature-content {
  width: 55%;
  flex-direction: column;
  justify-content: center;
  padding: 2.5rem;
  display: flex;
}

.feature-content._2 {
  width: auto;
  background-color: #f3f4ef;
  justify-content: flex-start;
  padding-bottom: 0;
}

.feature-content._4 {
  width: 100%;
  justify-content: space-between;
  padding-bottom: 0;
}

.feature-number {
  opacity: .4;
  color: #0b383d;
  letter-spacing: -.05rem;
  font-size: 2rem;
  font-weight: 300;
}

.button-hypertext {
  justify-content: flex-start;
  align-items: center;
  padding-top: .75rem;
  padding-bottom: .75rem;
  text-decoration: none;
  display: flex;
}

.button-icon {
  width: 1rem;
  height: 1rem;
  margin-left: .25rem;
}

.button-icon.default {
  width: 1.5rem;
  height: 1.5rem;
  margin-left: .5rem;
  position: relative;
}

.home-feature-img-wrapper {
  width: 45%;
  justify-content: center;
  align-items: flex-end;
  display: flex;
  position: relative;
  overflow: hidden;
}

.home-feature-img-wrapper._2 {
  width: auto;
  justify-content: center;
  padding-top: .75rem;
  padding-left: 0;
}

.home-feature-img-wrapper._3 {
  width: auto;
  justify-content: center;
  padding-top: 0;
  padding-left: 0;
}

.home-feature-img-wrapper._4 {
  width: 100%;
  justify-content: center;
  padding-top: 0;
  padding-left: 0;
  display: flex;
}

.home-feature-img-wrapper._5 {
  justify-content: center;
  padding-top: 0;
  padding-left: 0;
}

.home-feature-img._1 {
  max-width: 110%;
  object-fit: fill;
  display: block;
}

.home-feature-img._2 {
  margin-left: 0;
}

.home-feature-img._5 {
  height: 100%;
  object-fit: cover;
}

.advantages-section {
  margin-bottom: 10rem;
}

.advantage-item {
  border: 1px solid #f3f4ef;
  padding: 2rem;
}

.advantage-icon {
  width: 2.5rem;
}

.advantage-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 2rem;
}

.use-cases-section {
  height: 100vh;
  flex-direction: column;
  justify-content: center;
  display: flex;
  overflow: hidden;
}

.text-marquee-wrapper {
  margin-top: 4rem;
}

.text-marquee-wrapper.margin-small {
  margin-top: 2rem;
}

.text-marquee-container {
  justify-content: center;
  overflow: hidden;
}

.text-marquee-item {
  width: 240rem;
  border: 4px solid #f3f4ef;
  align-items: center;
  padding: 1.25rem;
  display: flex;
}

.text-marquee-item._2 {
  z-index: 1;
  width: 275rem;
  background-color: #0b383d;
  margin-top: -4px;
  position: relative;
}

.text-marquee-item._1 {
  z-index: 2;
  width: 258rem;
  background-color: #0b383d;
  position: relative;
}

.text-marquee-item._3 {
  width: 258rem;
  margin-top: -4px;
}

.text-marquee-item.cms {
  width: auto;
  border-left-width: 0;
  border-right-width: 0;
}

.text-marquee-item.callout {
  width: auto;
  white-space: nowrap;
  border-color: #0b383d;
  position: relative;
}

.heading-xl {
  letter-spacing: -.08rem;
  font-size: 5rem;
  font-weight: 500;
}

.heading-l {
  letter-spacing: -.075rem;
  font-size: 4rem;
  font-weight: 500;
}

.heading-l.text-style-all-caps {
  white-space: nowrap;
}

.heading-l.text-style-all-caps.text-color-black {
  line-height: 125%;
}

.heading-m {
  letter-spacing: -.05rem;
  font-size: 3.25rem;
  font-weight: 500;
}

.heading-s {
  letter-spacing: -.025rem;
  font-size: 2.5rem;
  font-weight: 500;
}

.text-marquee-button-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-left: 2rem;
  margin-right: 2rem;
  display: flex;
}

.testimonials-section {
  background-color: #c1fb68;
}

.super-title {
  color: #0b383d;
  letter-spacing: -.15rem;
  font-size: 6.5rem;
  font-weight: 600;
  line-height: 90%;
}

.super-title.text-color-green {
  color: #c1fb68;
  font-family: Rubik, sans-serif;
}

.testimonial-title-span {
  align-items: center;
  display: flex;
}

.love-emit-icon {
  width: 5.4rem;
  transform-origin: 50%;
  margin-right: .5rem;
}

.testimonial-wrapper {
  flex-direction: row;
  justify-content: space-between;
  font-family: Rubik, sans-serif;
  display: flex;
  position: relative;
}

.testimonial-row-1 {
  width: 50%;
  padding-right: .5rem;
}

.testimonial-card {
  background-color: #0b383d;
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding: 1.5rem;
}

.testimonial-card.white {
  background-color: #f3f4ef;
}

.testimonial-row-2 {
  width: 50%;
  margin-top: -15rem;
  padding-left: .5rem;
}

.testimonial-row-2.download-page {
  margin-top: 0;
}

.text-size-small {
  letter-spacing: -.005rem;
  font-size: .875rem;
}

.testimonial-info {
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  display: flex;
}

.testimonial-name {
  margin-bottom: 0;
  font-size: .875rem;
  font-weight: 500;
  line-height: 100%;
}

.testimonial-star-container {
  align-items: center;
  display: flex;
}

.testimonial-star {
  width: 1rem;
  margin-left: .125rem;
}

.pricing-section {
  margin-top: 12rem;
  margin-bottom: 12rem;
}

.testimonial-cols {
  height: 100vh;
  display: flex;
  overflow: hidden;
}

.testimonial-col-1 {
  flex-direction: column;
  justify-content: space-between;
  padding: 5rem 0;
  display: flex;
}

.testimonial-rate {
  border: 1px solid #0b383d;
  padding: 1.8rem;
}

.rating-wrapper {
  margin-bottom: .5rem;
}

.grade-text {
  color: #0b383d;
  letter-spacing: -.15rem;
  font-size: 4rem;
  font-weight: 400;
}

.rating-icon {
  width: 1.75rem;
  margin-right: .125rem;
}

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

.nav-background {
  z-index: -1;
  background-color: #f3f4ef;
  border-radius: 100vh;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  box-shadow: 0 30px 60px rgba(27, 31, 10, .08);
}

.tabs-menu {
  background-color: #f3f4ef;
  border-radius: 100vw;
  justify-content: center;
  align-items: center;
  padding: .5rem;
  display: flex;
}

.tabs-text-style {
  text-align: center;
  letter-spacing: 0;
  text-transform: uppercase;
  font-weight: 500;
}

.tab-default {
  background-color: rgba(27, 31, 10, 0);
  border-radius: 100vw;
  margin-left: .125rem;
  margin-right: .125rem;
  padding: .75rem 1rem;
  transition: background-color .3s;
}

.tab-default:hover {
  background-color: rgba(27, 31, 10, .08);
}

.tab-default.w--current {
  background-color: #c1fb68;
  border-radius: 100vw;
}

.pricing-tabs {
  flex-direction: column;
  align-items: center;
  margin-top: 2rem;
  display: flex;
}

.pricing-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  align-items: stretch;
}

.tabs-content {
  width: 100%;
  margin-top: 2rem;
}

.pricing-item {
  background-color: #f3f4ef;
  flex-direction: column;
  justify-content: space-between;
  margin-top: 3rem;
  padding: 1.5rem;
  display: flex;
}

.pricing-item.most-popular {
  height: 100%;
  background-color: #c1fb68;
  margin-top: 0;
}

.pricing-title {
  margin-bottom: 1.5rem;
}

.tag-text-style {
  color: #0b383d;
  text-transform: uppercase;
  border: 1px solid #0b383d;
  border-radius: 100vw;
  padding: .375rem .625rem;
  font-size: .875rem;
}

.tag-text-style.green {
  background-color: #c1fb68;
  border-style: none;
}

.tag-text-style.margin-top-xxsmall.xsmall {
  font-size: .75rem;
}

.pricing-item-title {
  color: #0b383d;
  letter-spacing: -.075rem;
  font-size: 2.625rem;
}

.divider {
  height: 1px;
  background-color: rgba(27, 31, 10, .08);
}

.divider.dark-grey {
  background-color: #0b383d;
}

.divider.white {
  transform-origin: 0%;
  background-color: #f3f4ef;
}

.divider.white-12 {
  background-color: rgba(243, 244, 239, .12);
}

.pricing-bullet-points {
  margin-top: 1.5rem;
}

.pricing-bullet-point {
  align-items: center;
  margin-bottom: .75rem;
  display: flex;
}

.bullet-point-icon {
  width: 1rem;
  height: 1rem;
  margin-right: .25rem;
}

.bullet-point-text-style {
  color: #0b383d;
  font-size: .875rem;
  font-weight: 300;
  line-height: 1;
}

.div-flex-stretch {
  flex-direction: column;
  display: flex;
}

.pricing-head {
  margin-bottom: 1.5rem;
}

.pricing-number-info {
  align-items: flex-end;
  display: flex;
}

.pricing-info-wrapper {
  margin-bottom: .375rem;
  margin-left: .375rem;
}

.pricing-item-special {
  flex-direction: column;
  display: flex;
}

.most-popular-panel {
  height: 3rem;
  background-color: #c1fb68;
  border-bottom: 1px solid rgba(27, 31, 10, .08);
  justify-content: center;
  align-items: center;
  display: flex;
}

.most-popular-text-style {
  color: #0b383d;
  font-size: .875rem;
  font-weight: 600;
  line-height: 100%;
}

.most-popular-container {
  justify-content: center;
  align-items: center;
  display: flex;
}

.most-popular-icon {
  width: .875rem;
  margin-bottom: .125rem;
  margin-right: .25rem;
}

.footer {
  background-color: #f3f4ef;
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
}

.footer-wrapper {
  width: 90%;
  max-width: 70rem;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
}

.footer-logo {
  width: 6rem;
}

.social-icons-wrapper {
  align-items: center;
  margin-top: 1rem;
  display: flex;
}

.social-icon {
  width: 1.25rem;
  margin-right: .75rem;
}

.footer-links-wrapper {
  flex-direction: row;
  font-family: Rubik, sans-serif;
}

.footer-col-header {
  color: #0b383d;
  background-color: rgba(27, 31, 10, 0);
  margin-bottom: 1rem;
  font-size: .875rem;
  font-weight: 500;
  text-decoration: none;
  transition: background-color .3s;
  display: block;
}

.footer-link {
  color: #0b383d;
  margin-bottom: .75rem;
  font-size: .875rem;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
  transition: opacity .3s;
  display: block;
}

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

.footer-link.secondary {
  letter-spacing: 0;
  margin-bottom: 0;
  margin-right: .75rem;
  font-size: .75rem;
}

.footer-link.secondary.no-margin {
  margin-right: 0;
}

.footer-main {
  justify-content: space-between;
  margin-bottom: 1.75rem;
  display: flex;
}

.footer-secondary {
  justify-content: space-between;
  margin-top: 2.5rem;
  font-family: Rubik, sans-serif;
  display: flex;
  position: static;
}

.secondary-links-wrapper, .webflow-credit-wrapper {
  align-items: flex-start;
  display: flex;
}

.logo-grid {
  width: 80%;
  grid-column-gap: 1rem;
  grid-row-gap: 3rem;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  justify-items: center;
  margin-left: auto;
  margin-right: auto;
}

.menu-button, .nav-links-wrapper-mobile {
  display: none;
}

.features-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.div-hide {
  padding-bottom: .5rem;
  overflow: hidden;
}

.div-hide.no-padding {
  padding-bottom: 0;
}

.footer-grid-links {
  grid-column-gap: .5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.wrapper-medium {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}

.pricing-hero-section {
  margin-bottom: 12rem;
}

.span-title {
  display: inline-block;
}

.span-title-green {
  color: #c1fb68;
  display: inline-block;
}

.contact-section {
  margin-top: 6.75rem;
}

.contact-cols {
  position: relative;
}

.contact-content-col {
  padding-left: 0;
  padding-right: 1.5rem;
  position: -webkit-sticky;
  position: sticky;
  top: 11rem;
}

.contact-options-wrapper {
  padding-left: 0;
  padding-right: 0;
}

.title-wrapper {
  margin-bottom: 4rem;
}

.contact-popup-wrapper {
  max-width: 17rem;
  transform-origin: 50% 100%;
  border: 1px solid #c1fb68;
  flex-direction: column;
  padding: 1.5rem;
  display: flex;
}

.contact-popup-icon {
  width: 1.5rem;
  margin-bottom: .5rem;
}

.text-field-default {
  color: #0b383d;
  background-color: #c1fb68;
  border: 1px #000;
  border-bottom: 1px solid #0b383d;
  margin-bottom: 0;
  padding: .75rem;
  transition: border-color .3s;
}

.text-field-default:hover {
  border-bottom-color: #c1fb68;
}

.text-field-default:active, .text-field-default:focus {
  color: #f3f4ef;
  border-bottom-color: #c1fb68;
}

.contact-form-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1rem;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  font-family: Rubik, sans-serif;
}

.textarea-default {
  min-height: 6rem;
  color: #f3f4ef;
  background-color: #0b383d;
  border: 0 #000;
  border-bottom: 1px solid #f3f4ef;
  margin-bottom: 0;
  padding: .75rem;
  transition: border-color .3s;
}

.textarea-default:hover {
  border-bottom-color: #c1fb68;
}

.textarea-default:active, .textarea-default:focus {
  color: #f3f4ef;
  border-bottom-color: #c1fb68;
}

.submit-button {
  color: #c1fb68;
  text-transform: uppercase;
  background-color: #0b383d;
  border-radius: 100vw;
  padding: 1rem 1.5rem;
  font-family: Rubik, sans-serif;
  font-size: .875rem;
  font-weight: 600;
  transition: background-color .3s;
}

.submit-button:hover {
  background-color: #000;
}

.contact-form {
  border: 1px solid #f3f4ef;
  margin-bottom: 0;
  padding: 2.5rem;
}

.contact-section-wrapper {
  width: 90%;
  max-width: 56rem;
  margin-bottom: 8rem;
  margin-left: auto;
  margin-right: auto;
}

.info-card-wrapper {
  border: 1px solid #f3f4ef;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  padding: 2.5rem;
}

.info-card-wrapper.no-margin {
  margin-top: 0;
  margin-bottom: 0;
}

.info-card {
  border-left: 1px solid #f3f4ef;
  margin-top: 1.5rem;
  padding-top: .25rem;
  padding-bottom: .25rem;
  padding-left: .5rem;
  font-family: Rubik, sans-serif;
}

.info-link {
  color: #c1fb68;
  letter-spacing: 0;
  font-size: 1rem;
  font-weight: 600;
  line-height: 100%;
  text-decoration: none;
}

.text-opacity-60 {
  opacity: .6;
}

.form-message {
  background-color: #0b383d;
  border-left: 1px solid #c1fb68;
  margin-top: 1rem;
  padding: .75rem 1rem;
}

.form-message.error {
  border-left-color: #df3d1d;
}

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

.error-message-text-style {
  color: #df3d1d;
}

.about-hero-section {
  width: 90%;
  max-width: 70rem;
  min-height: 90vh;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 10rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 9rem;
  padding-bottom: 1rem;
  display: flex;
}

.tag-heading-m-wrapper {
  border: 4px solid #c1fb68;
  border-radius: 100vw;
  padding: 1rem 2rem;
  font-family: Rubik, sans-serif;
  display: flex;
}

.scroll-indicator-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-color-white {
  color: #f3f4ef;
}

.scroll-indicator {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.line-container {
  width: 2px;
  height: 3.75rem;
  border: 1px solid #c1fb68;
  margin-top: .5rem;
  position: relative;
  overflow: hidden;
}

.line-black {
  background-color: #0b383d;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.line-white {
  background-color: #f3f4ef;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.story-section {
  padding-top: 5rem;
  padding-bottom: 6rem;
  display: none;
}

.tag-heading-l-wrapper {
  border: 4px solid #f3f4ef;
  border-radius: 100vw;
  padding: .75rem 2rem;
  display: flex;
}

.story-content-wrapper {
  width: 100%;
  max-width: 32.5rem;
  margin: 2rem auto;
  overflow: visible;
}

.story-img-wrapper {
  width: 100%;
  max-width: 32.5rem;
  margin-bottom: .75rem;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.story-img-caption-wrapper {
  width: 100%;
  max-width: 32.5rem;
  justify-content: flex-start;
  margin-left: auto;
  margin-right: auto;
  font-family: Rubik, sans-serif;
  display: flex;
}

.text-style-sbold {
  font-weight: 600;
}

.title-caption-wrapper {
  margin-right: 3.75rem;
}

.caption-wrapper {
  display: flex;
}

.team-section {
  margin-bottom: 0;
  position: relative;
}

.heading-sticky-wrapper {
  width: 100%;
  height: 100vh;
  justify-content: center;
  align-items: center;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.sticky-title-content-wrapper {
  width: 100%;
  max-width: 22rem;
  margin: 2rem auto 0;
  overflow: visible;
}

.team-members-wrapper {
  z-index: 1;
  position: relative;
}

.team-members-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 8rem;
  grid-template: "."
  / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  padding-bottom: 80vh;
}

.team-member-img-wrapper {
  overflow: hidden;
}

.team-member-info {
  background-color: #f3f4ef;
  padding: .75rem .75rem .75rem 1rem;
  font-family: Rubik, sans-serif;
}

.values-section {
  position: relative;
}

.values-wrapper {
  z-index: 1;
  position: relative;
}

.values-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 8rem;
  grid-template: "."
  / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  padding-bottom: 80vh;
}

.value-card {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #c1fb68;
  padding: 2rem;
  font-family: Rubik, sans-serif;
}

.value-header {
  margin-bottom: .5rem;
  overflow: hidden;
}

.value-card-number {
  color: #0b383d;
  letter-spacing: -.025rem;
  font-size: 1.5rem;
  font-weight: 600;
}

.value-card-title {
  color: #0b383d;
}

.join-us-section {
  padding-top: 15rem;
  padding-bottom: 15rem;
}

.heading-m-wrapper {
  color: #c1fb68;
  text-align: center;
  letter-spacing: -.05rem;
  font-size: 3.25rem;
  font-weight: 500;
}

.careers-hero-section {
  min-height: 92vh;
  align-items: center;
  display: flex;
}

.button-wrapper {
  margin-top: 3.75rem;
}

.careers-intro-section {
  min-height: 100vh;
  background-color: #c1fb68;
  align-items: center;
  display: flex;
}

.careers-intro-text {
  max-width: 46rem;
  color: #0b383d;
  font-size: 2rem;
  line-height: 120%;
}

.tag-xsmall {
  color: #0b383d;
  text-transform: uppercase;
  border: 1px solid #0b383d;
  border-radius: 100vw;
  padding: .375rem .5rem;
  font-size: .75rem;
  line-height: 1;
  display: inline-block;
}

.div-relative {
  margin-bottom: 20px;
  position: relative;
}

.tag-absolute-wrapper {
  margin-top: .35rem;
  position: absolute;
}

.careers-list-section {
  margin-top: 10rem;
  margin-bottom: 10rem;
}

.title-careers-list-wrapper {
  align-items: flex-start;
  margin-bottom: 1.5rem;
  display: flex;
  position: relative;
}

.careers-count-text {
  color: #c1fb68;
}

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

.career-item-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr .25fr;
  align-items: center;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.text-size-large {
  font-size: 1.25rem;
}

.span-paragraph {
  display: inline-block;
}

.wrapper-career-cms {
  width: 90%;
  max-width: 35rem;
  margin: 3rem auto 10rem;
}

.wrapper-sticky-button {
  z-index: 20;
  width: 90%;
  max-width: 61.25rem;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  position: -webkit-sticky;
  position: sticky;
  top: 6.5rem;
}

.sticky-button-wrapper {
  width: 2rem;
  height: 2rem;
  background-color: rgba(243, 244, 239, 0);
  border: 1px solid #f3f4ef;
  border-radius: 100vw;
  justify-content: center;
  align-items: center;
  transition: background-color .3s;
  display: flex;
}

.sticky-button-wrapper:hover {
  background-color: rgba(243, 244, 239, .24);
}

.wrapper-career-name {
  background-color: #c1fb68;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 3.75rem 2.5rem;
  display: flex;
}

.contract-date-wrapper {
  align-items: center;
  margin-top: .5rem;
  display: flex;
}

.wrapper-career-content {
  margin-top: 2.5rem;
}

.wrapper-apply-button {
  z-index: 1;
  justify-content: center;
  align-items: center;
  margin-bottom: 1rem;
  display: flex;
  position: fixed;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.container-apply-button {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: rgba(27, 31, 10, .12);
  border: 1px solid #f3f4ef;
  border-radius: 50vw;
  padding: .75rem;
}

.integrations-hero-section {
  min-height: 93vh;
  padding-top: 5.5rem;
  padding-bottom: 5.5rem;
}

.max-width-30r {
  max-width: 30rem;
  margin-left: auto;
  margin-right: auto;
}

.integrations-list-section {
  margin-bottom: 12rem;
  padding-top: 5rem;
}

.integrations-grid {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.integration-card {
  background-color: #f3f4ef;
  border-radius: 2px;
  padding: 2rem 2rem 1rem;
}

.integration-header-wrapper {
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 1rem;
  display: flex;
}

.integration-logo-wrapper {
  width: 3.5rem;
  height: 3.5rem;
  border: 1px solid #0b383d;
  border-radius: .5rem;
  overflow: hidden;
}

.roadmap-hero-section {
  width: 90%;
  max-width: 70rem;
  min-height: 90vh;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 10rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 9rem;
  padding-bottom: 1rem;
  display: flex;
}

.roadmap-timeline-section {
  margin-bottom: 15rem;
  position: relative;
}

.roadmap-year-wrapper {
  position: relative;
  overflow: hidden;
}

.year-text {
  color: rgba(243, 244, 239, .6);
  letter-spacing: -.2rem;
  font-size: 8rem;
  font-weight: 400;
  display: inline-block;
}

.roadmap-indicator {
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background-color: rgba(11, 56, 61, .6);
  border: 1px solid #f3f4ef;
  border-radius: 50vw;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 1rem .75rem;
  font-family: Rubik, sans-serif;
  display: flex;
  overflow: hidden;
}

.roadmap-year-indicator {
  border: 1px solid #f3f4ef;
  border-radius: 100vw;
  margin-left: .25rem;
  margin-right: .25rem;
  padding: .25rem .5rem;
}

.roadmap-quarter-link {
  width: 3rem;
  background-color: rgba(243, 244, 239, .08);
  border-radius: 100vw;
  justify-content: center;
  align-items: center;
  margin-left: .25rem;
  margin-right: .25rem;
  padding: .25rem;
  text-decoration: none;
  transition: background-color .25s;
  display: flex;
}

.roadmap-quarter-link:hover, .roadmap-quarter-link.w--current {
  background-color: rgba(243, 244, 239, .24);
}

.roadmap-period-wrapper {
  position: -webkit-sticky;
  position: sticky;
  top: 33%;
}

.quarter-text {
  color: #f3f4ef;
  letter-spacing: -.2rem;
  font-size: 8rem;
  font-weight: 400;
}

.roadmap-quarter-wrapper {
  overflow: hidden;
}

.quarter-wrapper {
  align-items: flex-end;
  display: flex;
}

.year-wrapper {
  overflow: hidden;
}

.roadmap-card {
  max-width: 24rem;
  background-color: #f3f4ef;
  margin-bottom: 1rem;
  padding: 1.5rem;
}

.roadmap-infos-wrapper {
  justify-content: space-between;
  margin-bottom: .5rem;
  display: flex;
}

.steps-quarter-wrapper {
  margin-bottom: 0;
}

.roadmap-quarter-cols {
  margin-bottom: 15rem;
  position: relative;
}

.roadmap-date-col {
  height: 100vh;
  align-items: flex-start;
  padding: 5rem 1rem 5rem 5rem;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.roadmap-quarter-steps {
  justify-content: center;
  align-items: flex-start;
  padding: 5rem 1rem 4rem;
  display: flex;
}

.roadmap-indicator-wrapper {
  z-index: 1;
  justify-content: center;
  align-items: center;
  padding-bottom: 1rem;
  display: flex;
  position: fixed;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.quarter-month-text {
  opacity: .6;
  color: #f3f4ef;
  letter-spacing: -.01rem;
  text-transform: uppercase;
  border: 1px solid #f3f4ef;
  border-radius: 100vw;
  margin-bottom: 0;
  margin-right: .5rem;
  padding: .5rem;
  font-size: 1rem;
  font-weight: 300;
  display: block;
}

.quarter-months-wrapper {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 1rem;
  display: flex;
  overflow: hidden;
}

.features-hero-section {
  min-height: 90vh;
  align-items: center;
  padding-top: 0;
  display: flex;
}

.feature-card {
  transform-origin: 50% 0;
  background-color: #f3f4ef;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 2rem;
  padding-top: 6rem;
  display: flex;
}

.feature-infos {
  max-width: 37.5rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 1.5rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.feature-wrapper {
  min-height: 100vh;
  transform-origin: 50% 0;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
}

.feature-wrapper._1 {
  padding-top: 2.5rem;
  top: 0;
}

.feature-wrapper._2 {
  padding-top: 3.25rem;
  top: 0;
}

.feature-wrapper._3 {
  padding-top: 4rem;
  top: 0;
}

.feature-wrapper._4 {
  padding-top: 4.75rem;
  top: 0;
}

.feature-wrapper._5 {
  padding-top: 5.5rem;
  top: 0;
}

.feature-wrapper._6 {
  padding-top: 6.25rem;
  top: 0;
}

.feature-cards-wrapper {
  padding-bottom: 12rem;
  position: relative;
}

.place-holder-feature {
  min-height: 50vh;
  transform-origin: 50% 0;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
}

.use-case-hero-section {
  min-height: 90vh;
  flex-direction: column;
  justify-content: space-between;
  padding-top: 12rem;
  display: flex;
}

.use-case-advantages-section {
  margin-bottom: 16rem;
  padding-top: 12rem;
}

.use-case-advantage-cols {
  align-items: stretch;
  display: flex;
}

.use-case-advantage-cols._1 {
  margin-bottom: 12rem;
}

.advantage-img-col {
  transform-origin: 50% 0;
  background-color: #c1fb68;
  padding: 7rem 0 7rem 4rem;
  display: flex;
}

.advantage-img-col._2 {
  padding: 4.75rem 4rem;
}

.advantage-content-col {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  padding-left: 4rem;
  padding-right: 0;
  display: flex;
}

.advantage-content-col._2 {
  padding-left: 0;
  padding-right: 4rem;
}

.bullet-points-wrapper {
  margin-top: 2.5rem;
}

.bullet-point-header {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.icon-bullet-point {
  width: 2rem;
  height: 2rem;
  margin-right: 1rem;
}

.bullet-point-heading {
  align-items: center;
  display: flex;
}

.bullet-point-item {
  cursor: pointer;
  margin-bottom: 1rem;
  transition: padding .3s cubic-bezier(.165, .84, .44, 1);
}

.bullet-point-item:hover {
  padding-left: 1rem;
}

.bullet-point-content {
  width: 90%;
  margin-left: 10%;
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.use-cases-testimonial-section {
  margin-bottom: 15rem;
}

.use-case-testimonial-wrapper {
  background-color: #f3f4ef;
  margin-top: 2rem;
  padding: 3.75rem;
}

.use-case-testimonial-cols {
  display: flex;
}

.testimonial-img-col {
  padding-left: 0;
  padding-right: 1.875rem;
}

.testimonial-content-col {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: 1.875rem;
  padding-right: 0;
  display: flex;
}

.testimonial-text-style {
  color: #0b383d;
  letter-spacing: -.05rem;
  font-size: 2.25rem;
  line-height: 120%;
}

.testimonial-info-wrapper {
  flex-direction: column;
  align-items: flex-start;
  margin-top: 2rem;
  display: flex;
}

.callout-section {
  z-index: 1;
  min-height: 100vh;
  background-color: #c1fb68;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

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

.download-section {
  min-height: 90vh;
  background-color: #c1fb68;
  justify-content: space-between;
  align-items: center;
  padding-top: 0;
  display: flex;
}

.sign-up-cols {
  width: 90%;
  max-height: 90vh;
  max-width: 70rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.download-form-col {
  justify-content: center;
  align-items: center;
  padding-left: 3rem;
  padding-right: 3rem;
  display: flex;
}

.download-form {
  max-width: 28rem;
  border: 1px solid #0b383d;
  margin-bottom: 0;
  padding: 2.5rem;
  font-family: Rubik, sans-serif;
}

.download-form-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1rem;
  color: #0b383d;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.download-testimonials-col {
  padding-left: 1rem;
  padding-right: 1rem;
  overflow: hidden;
}

.black-gradient-overlay {
  z-index: 1;
  background-image: linear-gradient(#c1fb68, rgba(27, 31, 10, 0) 15%, rgba(27, 31, 10, 0) 85%, #c1fb68);
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.overlay-absolute-marquee {
  transform-origin: 50% 100%;
  background-color: #bcd948;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

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

.utility-page-content {
  max-width: 25rem;
  text-align: center;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.utility-page-content.password {
  align-items: center;
}

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

.styleguide-section {
  margin-bottom: 8rem;
}

.color-palette-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 1rem;
}

.color-swatch {
  height: 5rem;
  background-color: #f3f4ef;
}

.color-swatch.black {
  background-color: #0b383d;
  border: 1px solid #fff;
}

.color-swatch.green {
  background-color: #c1fb68;
}

.styleguide-heading-wrapper {
  margin-bottom: 2rem;
}

.styleguide-heading-infos-wrapper {
  margin-top: .5rem;
  display: flex;
}

.heading-infos-text {
  color: #0b383d;
  text-transform: uppercase;
  background-color: #f3f4ef;
  padding: .75rem;
  font-weight: 500;
}

.rich-text-default h2 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.rich-text-default h1 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.rich-text-default h3 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.rich-text-default h4, .rich-text-default h5, .rich-text-default h6 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.button-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
  justify-items: start;
  margin-top: 1rem;
}

.bg-button {
  background-color: #f3f4ef;
  padding-left: 2rem;
  padding-right: 2rem;
}

.heading, .heading-2, .heading-3 {
  font-family: Rubik, sans-serif;
}

.body {
  background-color: #0b383d;
}

.heading-4 {
  color: #0b383d;
}

.link-block {
  color: #0b383d;
  background-color: #c1fb68;
  border-radius: 100vw;
  padding: 1rem 1.5rem;
  font-family: Rubik, sans-serif;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}

.link-block:focus {
  color: #0b383d;
}

.text-block {
  color: #0b383d;
  text-align: center;
  text-transform: uppercase;
  background-color: #0b383d;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
}

.text-block-2 {
  background-color: #c1fb68;
}

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

.references-section-2 {
  background-color: #df5;
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
  position: relative;
}

.text-color-black-2 {
  color: #1b1f0a;
}

.text-color-black-2.text-align-center {
  text-align: left;
}

.default-wrapper-2 {
  width: 90%;
  max-width: 70rem;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 991px) {
  h1 {
    letter-spacing: -.06rem;
    font-size: 4rem;
  }

  h2 {
    font-size: 3rem;
  }

  h3 {
    font-size: 2.375rem;
  }

  h4 {
    font-size: 2rem;
  }

  h5 {
    font-size: 1.75rem;
    line-height: 110%;
  }

  h6 {
    letter-spacing: -.015rem;
    font-size: 1.375rem;
  }

  .nav-link, .nav-dropdown-wrapper {
    margin-left: 0;
    margin-right: 0;
  }

  .feature-content, .advantage-item {
    padding: 1.5rem;
  }

  .use-cases-section {
    height: auto;
    margin-bottom: 12rem;
  }

  .heading-xl {
    letter-spacing: -.06rem;
    font-size: 4rem;
  }

  .heading-l {
    font-size: 3rem;
  }

  .heading-m {
    font-size: 2.375rem;
  }

  .heading-s {
    font-size: 2rem;
  }

  .testimonial-card {
    padding: 1rem;
  }

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

  .pricing-item {
    margin-top: 0;
  }

  .footer-col-header {
    margin-left: 0;
    margin-right: 0;
  }

  .wrapper-medium {
    width: 80%;
  }

  .team-members-grid {
    width: 100%;
    grid-column-gap: .5rem;
  }

  .values-grid {
    width: 100%;
    grid-column-gap: .5rem;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .value-card {
    padding: 1.5rem;
  }

  .heading-m-wrapper {
    font-size: 2.375rem;
  }

  .careers-intro-text {
    font-size: 1.75rem;
  }

  .tag-xsmall {
    padding-bottom: .3rem;
    font-size: .625rem;
  }

  .career-item-grid {
    grid-template-columns: 1fr 1fr .5fr;
  }

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

  .roadmap-date-col {
    padding-left: 0;
  }

  .roadmap-quarter-steps {
    padding-left: 0;
    padding-right: 0;
  }

  .feature-wrapper._1 {
    padding-top: 5rem;
  }

  .feature-wrapper._2 {
    padding-top: 6rem;
  }

  .feature-wrapper._3 {
    padding-top: 7rem;
  }

  .feature-wrapper._4 {
    padding-top: 8rem;
  }

  .feature-wrapper._5 {
    padding-top: 9rem;
  }

  .feature-wrapper._6 {
    padding-top: 10rem;
  }

  .advantage-img-col {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .advantage-content-col {
    padding-left: 2rem;
  }

  .advantage-content-col._2 {
    padding-right: 2rem;
  }

  .use-case-testimonial-cols {
    flex-direction: column;
  }

  .testimonial-img-col {
    padding-right: 0;
  }

  .testimonial-content-col {
    margin-top: 2rem;
    padding-left: 0;
  }

  .advantage-img {
    object-fit: contain;
  }

  .download-form-col {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .download-testimonials-col {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (max-width: 767px) {
  .nav-wrapper {
    z-index: 1;
  }

  .nav {
    z-index: 200;
  }

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

  .nav-link {
    margin-bottom: .25rem;
    line-height: 100%;
  }

  .nav-link.dropdown {
    margin-left: 0;
    margin-right: 0;
    padding: .5rem;
  }

  .nav-dropdown {
    justify-content: space-between;
    margin-bottom: .25rem;
  }

  .nav-dropdown-wrapper {
    justify-content: space-between;
  }

  .nav-dropdown-container.use-cases {
    min-width: auto;
    background-color: rgba(27, 31, 10, .04);
    border-radius: 1rem;
    flex-direction: column;
    align-items: flex-start;
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: .5rem;
    display: none;
    position: relative;
    top: 0;
    right: 0;
  }

  .nav-dropdown-container.product {
    background-color: rgba(27, 31, 10, .04);
    border-radius: 1rem;
    flex-direction: column;
    align-items: flex-start;
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: .5rem;
    display: none;
    position: relative;
    top: 0;
    right: 0;
  }

  .dropdown-icon {
    width: 1rem;
  }

  .hero-img-wrapper {
    top: 25vh;
  }

  .home-feature, .home-feature.fill-height {
    flex-direction: column-reverse;
  }

  .feature-content {
    width: 100%;
  }

  .feature-content._4 {
    padding-bottom: 1.5rem;
  }

  .home-feature-img-wrapper {
    width: 100%;
  }

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

  .testimonials-section {
    padding-bottom: 3rem;
  }

  .super-title {
    font-size: 5.625rem;
  }

  .testimonial-row-1 {
    width: 100%;
  }

  .testimonial-card {
    padding: 1.5rem;
  }

  .testimonial-row-2 {
    display: none;
  }

  .testimonial-cols {
    height: auto;
    flex-direction: column;
  }

  .testimonial-col-1 {
    padding-bottom: 0;
  }

  .testimonial-col-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .testimonial-rate {
    display: none;
  }

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

  .footer-wrapper {
    flex-direction: column;
  }

  .footer-links-wrapper {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 2rem;
  }

  .footer-links-col {
    margin-bottom: 0;
    margin-left: 0;
  }

  .footer-main {
    flex-direction: column;
  }

  .logo-grid {
    width: 100%;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr 1fr;
  }

  .menu-button {
    width: 2rem;
    height: 2rem;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    margin-left: .375rem;
    padding-top: .75rem;
    padding-bottom: .7rem;
    display: flex;
  }

  .menu-line-1, .menu-line-2, .menu-line-3 {
    width: 1rem;
    height: 1px;
    background-color: #0b383d;
    padding-bottom: 0;
    padding-right: 0;
  }

  .nav-buttons-wrapper {
    display: flex;
  }

  .nav-links-wrapper-mobile {
    width: 90%;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    background-color: rgba(243, 244, 239, .94);
    border-bottom-right-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
    margin-top: -1.5rem;
    margin-left: 5%;
    margin-right: 5%;
    padding: 2rem 1rem 1rem;
    display: none;
    position: absolute;
  }

  .footer-grid-links {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .wrapper-medium {
    width: 100%;
  }

  .contact-section {
    margin-top: 3rem;
  }

  .contact-content-col {
    padding-right: 0;
    position: relative;
    top: 0;
  }

  .contact-popup-wrapper {
    display: none;
  }

  .text-field-default {
    border-radius: 0;
  }

  .about-hero-section {
    padding-bottom: 5rem;
  }

  .team-members-grid {
    grid-template-areas: ".";
  }

  .team-member-card {
    max-width: 21.25rem;
    margin-left: auto;
    margin-right: auto;
  }

  .values-grid {
    padding-bottom: 40vh;
  }

  .value-card {
    max-width: 21.25rem;
    margin-left: auto;
    margin-right: auto;
  }

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

  .careers-intro-section {
    min-height: 50vh;
    padding-top: 12rem;
    padding-bottom: 12rem;
  }

  .careers-intro-text {
    font-size: 1.25rem;
  }

  .tag-absolute-wrapper {
    margin-top: 0;
  }

  .span-paragraph._1.careers {
    margin-left: 1.25rem;
  }

  .wrapper-career-name {
    padding-left: 2rem;
    padding-right: 2rem;
  }

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

  .roadmap-quarter-cols {
    margin-bottom: 8rem;
  }

  .roadmap-date-col {
    height: auto;
    padding-top: 3rem;
    padding-bottom: 3rem;
    padding-right: 0;
    position: relative;
  }

  .feature-card {
    padding-top: 2.5rem;
  }

  .feature-infos {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .feature-wrapper._1 {
    padding-top: 10rem;
  }

  .feature-wrapper._2 {
    padding-top: 11rem;
  }

  .feature-wrapper._3 {
    padding-top: 12rem;
  }

  .feature-wrapper._4 {
    padding-top: 13rem;
  }

  .feature-wrapper._5 {
    padding-top: 14rem;
  }

  .feature-wrapper._6 {
    padding-top: 15rem;
  }

  .use-case-advantage-cols._1 {
    flex-direction: column;
  }

  .use-case-advantage-cols._2 {
    flex-direction: column-reverse;
  }

  .advantage-img-col {
    margin-bottom: 2rem;
  }

  .advantage-content-col, .bullet-point-item:hover {
    padding-left: 0;
  }

  .use-case-testimonial-wrapper {
    padding: 2.5rem;
  }

  .testimonial-text-style {
    font-size: 2rem;
  }

  .sign-up-cols {
    max-height: none;
    flex-direction: column;
    padding-top: 2rem;
  }

  .download-form-col {
    margin-bottom: 2rem;
  }

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

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

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

  h2 {
    font-size: 2.5rem;
  }

  .nav-link, .nav-dropdown {
    font-family: Rubik, sans-serif;
  }

  .nav-dropdown-container.use-cases {
    display: none;
  }

  .div-flex.about-hero {
    margin-bottom: 1.5rem;
  }

  .logo-reference {
    height: auto;
  }

  .advantage-item {
    padding: 2rem;
  }

  .heading-xl {
    font-size: 3.5rem;
  }

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

  .text-marquee-button-wrapper {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .testimonial-row-1 {
    flex-direction: column;
    align-items: center;
    padding-right: 0;
    display: flex;
  }

  .testimonial-card {
    max-width: 20rem;
    margin-top: .5rem;
    margin-bottom: .5rem;
  }

  .testimonial-col-2 {
    padding-top: 2rem;
    padding-left: 0;
    padding-right: 0;
  }

  .footer-secondary {
    flex-direction: column;
  }

  .secondary-links-wrapper {
    flex-flow: row;
    margin-bottom: 20px;
    padding-bottom: 0;
  }

  .webflow-credit-wrapper {
    flex-direction: row;
    justify-content: center;
  }

  .logo-grid {
    grid-column-gap: 4rem;
    grid-row-gap: 3rem;
    grid-template-columns: 1fr 1fr;
    align-items: center;
  }

  .nav-links-wrapper-mobile {
    display: none;
  }

  .footer-grid-links {
    grid-column-gap: 1.5rem;
    grid-row-gap: 3rem;
  }

  .contact-form-grid {
    grid-column-gap: 1.5rem;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .contact-form, .info-card-wrapper {
    padding: 2rem;
  }

  .info-card {
    margin-top: 1rem;
  }

  .tag-heading-m-wrapper {
    padding: .75rem 1.5rem;
  }

  .tag-heading-l-wrapper {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .title-caption-wrapper {
    margin-right: 2rem;
  }

  .heading-m-wrapper {
    font-size: 2rem;
  }

  .careers-intro-text {
    padding-top: .5rem;
    font-size: 1rem;
  }

  .tag-absolute-wrapper {
    margin-top: -1rem;
  }

  .career-item-grid {
    grid-row-gap: 8px;
    grid-template-columns: 1fr;
    justify-items: start;
  }

  .span-paragraph._1.careers {
    margin-left: 0;
  }

  .contract-date-wrapper {
    flex-direction: column;
    margin-top: .25rem;
  }

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

  .roadmap-hero-section {
    padding-bottom: 5rem;
  }

  .roadmap-quarter-steps {
    padding-top: 0;
    padding-bottom: 0;
  }

  .roadmap-indicator-wrapper {
    display: none;
  }

  .feature-wrapper._2 {
    padding-top: 10.5rem;
  }

  .feature-wrapper._3 {
    padding-top: 11rem;
  }

  .feature-wrapper._4 {
    padding-top: 11.5rem;
  }

  .feature-wrapper._5 {
    padding-top: 12rem;
  }

  .feature-wrapper._6 {
    padding-top: 12.5rem;
  }

  .use-case-hero-section {
    padding-bottom: 5rem;
  }

  .bullet-point-heading {
    max-width: 80%;
  }

  .use-case-testimonial-wrapper {
    padding: 2rem;
  }

  .testimonial-text-style {
    font-size: 1.5rem;
  }

  .download-form {
    padding: 2rem;
  }

  .download-form-grid {
    grid-column-gap: 1.5rem;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .utility-page-wrap {
    flex-direction: column;
  }
}

#w-node-_38075a1c-a295-ad1e-7ce2-e928e448d3d0-7a6becdf {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_38075a1c-a295-ad1e-7ce2-e928e448d3db-7a6becdf {
  grid-area: Area;
}

#w-node-efc841fc-666b-ef8e-1171-26def3384a64-7a6becdf {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-b5f0f8ef-adb8-8df9-24b1-cef067e1f06b-7a6becdf {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_4f722ded-03b0-8707-f801-4ae817fd0829-7a6becdf, #w-node-b7875653-be48-8fc9-bd96-871bc6cd56b5-7a6becdf, #w-node-_1b3e690b-96d5-9892-6e0c-cc0addf4047d-7a6becdf, #w-node-dd0bbe5a-db5e-17cb-f889-353fa3ee4da5-7a6becdf, #w-node-_8d31d850-7804-07c4-baf8-51c13514c736-7a6becdf, #w-node-_20d7c9bd-7377-92a0-3886-4dc50d2c4ea0-7a6becdf, #First-name.w-node-_1a7344eb-34c1-ef79-15b7-dba6d00b66ee-7a6becdf {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#Email.w-node-_1a7344eb-34c1-ef79-15b7-dba6d00b66f0-7a6becdf, #Password.w-node-_1a7344eb-34c1-ef79-15b7-dba6d00b66f1-7a6becdf {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_90a30d44-2a31-c064-07d3-aab025bffcdb-7a6bece2 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_4616a26a-a21c-2690-e8d6-6b40b7466e54-7a6bece2 {
  grid-area: span 1 / span 9 / span 1 / span 9;
}

#w-node-_1ab24827-0346-e9ee-7ead-4e0f1b7d7ec8-7a6bece2 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-_6331177a-a5cb-7283-7a7e-8c03499735a7-7a6bece2, #w-node-_913a6461-7d15-f6e7-39b6-8bf753759bc1-7a6bece2 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_361cdc40-1869-b586-608c-f3a36838a091-7a6bece2 {
  grid-area: span 1 / span 9 / span 1 / span 9;
}

#w-node-_13e2b794-62b2-b6a1-2677-1320f45184ca-7a6bece2, #w-node-e5b13f9a-e4ca-aff9-c36f-0bcc20594bda-7a6bece2 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_975c503a-4fa6-fe33-6796-7cb8c1fd82c3-7a6bece2 {
  grid-area: span 1 / span 9 / span 1 / span 9;
}

#w-node-bfe201e9-ca3c-8da1-a379-e9996e1d48dc-7a6bece2 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_84d50244-22f1-a0a9-85f9-2af31de7ec50-7a6bece2 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_9c17bee9-09aa-ea5c-ac74-f1bda5bfaa1a-7a6bece2 {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-_9e9920c8-fa88-b8a9-c6d1-c517e04b91e1-7a6bece2 {
  grid-area: span 1 / span 9 / span 1 / span 9;
}

#w-node-_359f72d6-0ebb-11c7-f6b8-36f46181d6b9-7a6bece2 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-de26c3c4-2301-668f-5853-fc320ec619db-7a6bece2 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-e3d8ceed-a1d6-f802-9200-81620c8ee059-7a6bece2 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_2d8f79e8-e0c5-e016-05fc-032e0be2c478-7a6bece2 {
  grid-area: span 1 / span 7 / span 1 / span 7;
}

#w-node-ab19abf7-bc15-f194-fa7e-6a6cd4d646ec-7a6bece2 {
  grid-area: span 1 / span 8 / span 1 / span 8;
}

#w-node-_9b632b31-00fe-e62f-999f-0f632230bed2-7a6bece2 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-d06c2bb6-b4d0-9d12-9e88-2b9027bafabd-7a6bece2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_490a8910-6924-ac67-b3d6-e5574c8d16f7-7a6bece2 {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-_38e7c7e9-710c-4af8-f21a-da4975a1cac9-7a6bece2 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-dea67005-e283-7e1c-0be3-03cb06491aeb-7a6bece2, #w-node-_164af0cd-139f-35e9-a4f1-65230827fe25-7a6bece2, #w-node-_2a0b1cba-8f23-6a05-177d-b5e06d8a150a-7a6bece2, #w-node-_0456d777-cecb-b43f-f1ea-c7f7a77f2804-7a6bece2 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_5eb865e9-ce23-4a79-0f11-abfd22174ca6-7a6bece2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_460b833a-7834-b853-a82d-721c99d3059e-7a6bece2 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-badb9ede-10e8-d8d5-5b5e-5e472c6f8440-7a6bece2 {
  grid-area: span 1 / span 7 / span 1 / span 7;
}

#w-node-badb9ede-10e8-d8d5-5b5e-5e472c6f8441-7a6bece2 {
  grid-area: span 1 / span 8 / span 1 / span 8;
}

#w-node-_43047d65-8ad2-6d42-b74b-c76da323d27b-7a6bece2 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-badb9ede-10e8-d8d5-5b5e-5e472c6f844a-7a6bece2 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-ae916eda-e81f-61db-d78b-3370d0c56759-7a6bece2 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-b469dc54-975e-7165-934f-bd4169831a4b-7a6bece2 {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-_24934df9-365d-d12b-b11f-6d49ed30b0c6-7a6bece2 {
  grid-area: span 1 / span 7 / span 1 / span 7;
}

#w-node-be13b800-665b-61c3-5325-204e199d8e67-7a6bece2 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_3c632340-3c8f-2d54-04a6-96612d71c7b7-7a6bece2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d6715f50-672c-2381-a6ac-293294bd9fce-7a6bece2 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-badb9ede-10e8-d8d5-5b5e-5e472c6f844b-7a6bece2 {
  grid-area: span 1 / span 8 / span 1 / span 8;
}

#w-node-badb9ede-10e8-d8d5-5b5e-5e472c6f845c-7a6bece2 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-fa69fb5a-1ad3-6f7c-aa46-55973a663685-7a6bece2 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-badb9ede-10e8-d8d5-5b5e-5e472c6f845d-7a6bece2 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-badb9ede-10e8-d8d5-5b5e-5e472c6f8466-7a6bece2 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_18592957-60ef-cbee-e0e5-f887c9da6f00-7a6bece2 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_73f4bdc1-6778-a983-998d-b62cdadb4e92-7a6bece2 {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-c0fb3989-c25b-023a-8230-05468b9a6a48-7a6bece3, #w-node-_044cc254-38cf-f916-5abc-5fddf6d6ac7a-7a6bece3, #First-name.w-node-c54ed225-0843-2acc-d4d8-f2256cda30ec-7a6bece4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#field.w-node-cffd1a99-3ad1-de4a-bd57-884ee3cb2b75-7a6bece4 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#First-name.w-node-_9f341678-3d21-05e8-9498-36180b4dbdb2-7a6bece7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#Email-2.w-node-_9f341678-3d21-05e8-9498-36180b4dbdb4-7a6bece7, #Password.w-node-_9f341678-3d21-05e8-9498-36180b4dbdb5-7a6bece7 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_120c9058-9509-a86b-734a-0332fe0e5af5-7a6bece7, #w-node-_120c9058-9509-a86b-734a-0332fe0e5af6-7a6bece7, #w-node-_3b951bd8-992e-9f22-d48b-597359f22403-59f223ff, #w-node-_3b951bd8-992e-9f22-d48b-597359f22405-59f223ff, #w-node-_3b951bd8-992e-9f22-d48b-597359f2240a-59f223ff {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3b951bd8-992e-9f22-d48b-597359f2241f-59f223ff {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_3b951bd8-992e-9f22-d48b-597359f22420-59f223ff, #w-node-_3b951bd8-992e-9f22-d48b-597359f22421-59f223ff, #w-node-d29538c3-bf1e-6f25-90ac-fb375f15764b-7a6becea, #w-node-df6d3d3f-4dff-b3d1-73d7-23507d0f65d3-7a6becea, #w-node-_62bdb432-00b7-86b1-3ae1-a88bfd657c44-7a6becea, #w-node-_50d9c74c-bd30-8a0b-78bb-fcc0ac651d95-7a6becea, #w-node-_51dd27b0-7c62-925a-0c49-757588311f89-7a6becea, #w-node-_76e49de8-3106-8a17-2961-5dc8070c12f5-7a6becea, #w-node-_57114923-c5f9-184e-e899-39f3261533e7-7a6becea, #w-node-c2780602-0fc4-657c-799b-7a2d83885ccb-7a6becea, #w-node-_0fe1ab5f-8010-3885-941c-18b702fe4179-7a6becea, #w-node-b231376a-23ad-ca9f-d3e0-1a76b18c5005-7a6becea, #w-node-_97bec455-d13d-e0a2-2f0e-b0e46e54a15a-7a6becea, #w-node-_351aec62-81d8-f6a5-3b91-15c289522181-7a6becea, #w-node-_00cb4aba-2fbf-860f-9b7f-a4a4e9773389-7a6becea, #w-node-_7dc4de80-76e6-ca05-e9c0-3542373513d0-7a6becea, #w-node-_79ffa3d2-8d9b-91f6-80e6-f8aa4d10d572-7a6becea, #w-node-b7ce952a-288d-c1f6-13aa-93d780454515-7a6becea, #w-node-_5c3e8239-249d-b265-ef18-e4e4f4db70b9-7a6becea, #w-node-_58f44431-f338-5bda-b8a5-e61ff3b63057-7a6becea, #w-node-_13af10f9-4569-6de3-58cb-325affc3393f-7a6becea, #w-node-_79392ad9-b399-99d8-11aa-3002e40f4fe7-7a6becea, #w-node-_8e90410e-5548-a628-024d-c3e8d4b3df8e-7a6becea {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6e1840dc-fa2e-7cb2-5a9a-7b7342eb031e-42eb0311 {
  justify-self: center;
}

#w-node-e68fb233-d8a7-90f9-6554-4607bd5276fc-7a6becee, #w-node-f9c27f1f-8663-ac0d-9eda-64a0ff763730-7a6becee, #w-node-_9594223d-7b35-afc4-2f9d-de0ce5870b68-7a6becee, #w-node-_8a7a350a-38bd-9e02-c029-501b1ce42cd2-7a6becee, #w-node-bb600b20-9354-011b-7961-755f9c6454c4-7a6becee {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ac0f1b0a-a499-b23c-c837-04df6bc3ec77-7a6becee {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: auto;
}

@media screen and (max-width: 991px) {
  #w-node-_90a30d44-2a31-c064-07d3-aab025bffcdb-7a6bece2 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_4616a26a-a21c-2690-e8d6-6b40b7466e54-7a6bece2 {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }

  #w-node-_6331177a-a5cb-7283-7a7e-8c03499735a7-7a6bece2 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_913a6461-7d15-f6e7-39b6-8bf753759bc1-7a6bece2 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_361cdc40-1869-b586-608c-f3a36838a091-7a6bece2 {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }

  #w-node-_13e2b794-62b2-b6a1-2677-1320f45184ca-7a6bece2, #w-node-e5b13f9a-e4ca-aff9-c36f-0bcc20594bda-7a6bece2 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_975c503a-4fa6-fe33-6796-7cb8c1fd82c3-7a6bece2 {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }

  #w-node-_84d50244-22f1-a0a9-85f9-2af31de7ec50-7a6bece2, #w-node-_9c17bee9-09aa-ea5c-ac74-f1bda5bfaa1a-7a6bece2 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_9e9920c8-fa88-b8a9-c6d1-c517e04b91e1-7a6bece2 {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }

  #w-node-_359f72d6-0ebb-11c7-f6b8-36f46181d6b9-7a6bece2 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-de26c3c4-2301-668f-5853-fc320ec619db-7a6bece2 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-e3d8ceed-a1d6-f802-9200-81620c8ee059-7a6bece2 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-ab19abf7-bc15-f194-fa7e-6a6cd4d646ec-7a6bece2 {
    grid-area: span 1 / span 7 / span 1 / span 7;
  }

  #w-node-_9b632b31-00fe-e62f-999f-0f632230bed2-7a6bece2, #w-node-_490a8910-6924-ac67-b3d6-e5574c8d16f7-7a6bece2, #w-node-_38e7c7e9-710c-4af8-f21a-da4975a1cac9-7a6bece2 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_164af0cd-139f-35e9-a4f1-65230827fe25-7a6bece2 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_2a0b1cba-8f23-6a05-177d-b5e06d8a150a-7a6bece2 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_0456d777-cecb-b43f-f1ea-c7f7a77f2804-7a6bece2 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_460b833a-7834-b853-a82d-721c99d3059e-7a6bece2 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-badb9ede-10e8-d8d5-5b5e-5e472c6f8440-7a6bece2 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-badb9ede-10e8-d8d5-5b5e-5e472c6f8441-7a6bece2, #w-node-_43047d65-8ad2-6d42-b74b-c76da323d27b-7a6bece2 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-badb9ede-10e8-d8d5-5b5e-5e472c6f844a-7a6bece2 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-ae916eda-e81f-61db-d78b-3370d0c56759-7a6bece2 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-b469dc54-975e-7165-934f-bd4169831a4b-7a6bece2 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_24934df9-365d-d12b-b11f-6d49ed30b0c6-7a6bece2 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_3c632340-3c8f-2d54-04a6-96612d71c7b7-7a6bece2 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-badb9ede-10e8-d8d5-5b5e-5e472c6f844b-7a6bece2 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-badb9ede-10e8-d8d5-5b5e-5e472c6f845c-7a6bece2 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-badb9ede-10e8-d8d5-5b5e-5e472c6f845d-7a6bece2, #w-node-badb9ede-10e8-d8d5-5b5e-5e472c6f8466-7a6bece2 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_73f4bdc1-6778-a983-998d-b62cdadb4e92-7a6bece2 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }
}

@media screen and (max-width: 767px) {
  #w-node-efc841fc-666b-ef8e-1171-26def3384a64-7a6becdf {
    grid-area: span 1 / span 2 / span 1 / span 2;
    align-self: start;
  }

  #w-node-b5f0f8ef-adb8-8df9-24b1-cef067e1f06b-7a6becdf, #w-node-_4f722ded-03b0-8707-f801-4ae817fd0829-7a6becdf, #w-node-b7875653-be48-8fc9-bd96-871bc6cd56b5-7a6becdf, #w-node-_1b3e690b-96d5-9892-6e0c-cc0addf4047d-7a6becdf {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_90a30d44-2a31-c064-07d3-aab025bffcdb-7a6bece2 {
    grid-area: span 1 / span 12 / span 1 / span 12;
  }

  #w-node-_4616a26a-a21c-2690-e8d6-6b40b7466e54-7a6bece2 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_1ab24827-0346-e9ee-7ead-4e0f1b7d7ec8-7a6bece2 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_6331177a-a5cb-7283-7a7e-8c03499735a7-7a6bece2 {
    grid-area: span 1 / span 12 / span 1 / span 12;
  }

  #w-node-_913a6461-7d15-f6e7-39b6-8bf753759bc1-7a6bece2, #w-node-_361cdc40-1869-b586-608c-f3a36838a091-7a6bece2 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_13e2b794-62b2-b6a1-2677-1320f45184ca-7a6bece2, #w-node-e5b13f9a-e4ca-aff9-c36f-0bcc20594bda-7a6bece2 {
    grid-area: span 1 / span 12 / span 1 / span 12;
  }

  #w-node-_975c503a-4fa6-fe33-6796-7cb8c1fd82c3-7a6bece2 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-bfe201e9-ca3c-8da1-a379-e9996e1d48dc-7a6bece2 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_84d50244-22f1-a0a9-85f9-2af31de7ec50-7a6bece2 {
    grid-area: span 1 / span 12 / span 1 / span 12;
  }

  #w-node-_9e9920c8-fa88-b8a9-c6d1-c517e04b91e1-7a6bece2 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_359f72d6-0ebb-11c7-f6b8-36f46181d6b9-7a6bece2, #w-node-e3d8ceed-a1d6-f802-9200-81620c8ee059-7a6bece2, #w-node-_9b632b31-00fe-e62f-999f-0f632230bed2-7a6bece2, #w-node-_38e7c7e9-710c-4af8-f21a-da4975a1cac9-7a6bece2 {
    grid-area: span 1 / span 12 / span 1 / span 12;
  }

  #w-node-_2a0b1cba-8f23-6a05-177d-b5e06d8a150a-7a6bece2, #w-node-_460b833a-7834-b853-a82d-721c99d3059e-7a6bece2, #w-node-_43047d65-8ad2-6d42-b74b-c76da323d27b-7a6bece2, #w-node-ae916eda-e81f-61db-d78b-3370d0c56759-7a6bece2, #w-node-be13b800-665b-61c3-5325-204e199d8e67-7a6bece2, #w-node-d6715f50-672c-2381-a6ac-293294bd9fce-7a6bece2, #w-node-fa69fb5a-1ad3-6f7c-aa46-55973a663685-7a6bece2, #w-node-_18592957-60ef-cbee-e0e5-f887c9da6f00-7a6bece2 {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }
}

@media screen and (max-width: 479px) {
  #w-node-cef0195e-ad49-ade8-4e76-7bd1accab07c-accab058, #field.w-node-cffd1a99-3ad1-de4a-bd57-884ee3cb2b75-7a6bece4 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}


@font-face {
  font-family: 'Rubik';
  src: url('../fonts/Rubik-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Rubik';
  src: url('../fonts/Rubik-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Rubik';
  src: url('../fonts/Rubik-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Rubik';
  src: url('../fonts/Rubik-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Rubik';
  src: url('../fonts/Rubik-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Rubik';
  src: url('../fonts/Rubik-ExtraBold.ttf') format('truetype'), url('../fonts/Rubik-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Rubik';
  src: url('../fonts/Rubik-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Rubik';
  src: url('../fonts/Rubik-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Rubik';
  src: url('../fonts/Rubik-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Rubik';
  src: url('../fonts/Rubik-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Rubik';
  src: url('../fonts/Rubik-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Rubik';
  src: url('../fonts/Rubik-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Rubik';
  src: url('../fonts/Rubik-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}