:root {
  --light-2: #fffc;
  --light-1: black;
  --light-3: #fff3;
  --dark-1: white;
  --primary-1: #ff5a5f;
  --primary-2: #ff5a5f;
  --dark-2: #0f172a;
  --light-4: #ffffff1f;
}

.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 {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.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;
}

.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;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

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

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

body {
  color: var(--light-2);
  background-color: #000;
  font-family: Uncut Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4em;
}

h1 {
  color: var(--light-1);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Hubot Sans, sans-serif;
  font-size: 76px;
  font-weight: 400;
  line-height: 1.05em;
}

h2 {
  color: var(--light-1);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Hubot Sans, sans-serif;
  font-size: 57px;
  font-weight: 400;
  line-height: 1.1em;
}

h3 {
  color: var(--light-1);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Hubot Sans, sans-serif;
  font-size: 43px;
  font-weight: 400;
  line-height: 1.2em;
}

h4 {
  color: var(--light-1);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Fragment Mono, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.4em;
}

h5 {
  color: var(--light-1);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Fragment Mono, sans-serif;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.4em;
}

h6 {
  color: var(--light-1);
  letter-spacing: .02em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Fragment Mono, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4em;
}

p {
  margin-bottom: 10px;
}

a {
  color: var(--light-1);
  font-weight: 500;
  text-decoration: none;
}

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

label {
  margin-bottom: 0;
  font-weight: 700;
  display: block;
}

strong {
  font-weight: bold;
}

blockquote {
  border-left: 1px solid var(--light-3);
  color: var(--light-1);
  margin-bottom: 10px;
  padding: 36px 48px;
  font-family: Fragment Mono, sans-serif;
  font-size: 24px;
  line-height: 1.4em;
}

figure {
  margin-bottom: 10px;
}

figcaption {
  text-align: center;
  margin-top: 1em;
  font-size: 14px;
}

.loading-container {
  z-index: 9999;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.section {
  z-index: 1;
  padding-top: 144px;
  padding-bottom: 144px;
  position: relative;
}

.section.wide {
  perspective: 1px;
  max-width: 1680px;
  margin-left: auto;
  margin-right: auto;
  padding: 24px;
}

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

.section.wide.horizontal {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 0;
  display: grid;
}

.section.reduced-top-padding {
  padding-top: 72px;
}

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

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

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

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

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

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

.section.has-shine-effect {
  background-image: linear-gradient(to top, var(--dark-1), transparent 20%, transparent 80%, var(--dark-1));
  overflow: hidden;
}

.container---main {
  z-index: 1;
  width: 100%;
  max-width: 1356px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  position: relative;
}

.container---main.show-overflow {
  overflow: visible;
}

.container---main.inside-left-section {
  justify-content: center;
  height: 100%;
  display: flex;
}

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

.template-utility-section {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  grid-template-rows: auto;
  grid-template-columns: .33fr 1fr;
}

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

.style-guide-colors._4 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.style-guide-colors._2 {
  grid-template-columns: 1fr 1fr;
}

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

.style-guide-color.border {
  border: 1px solid var(--light-3);
}

.bg-primary-1 {
  background-color: var(--primary-1);
}

.bg-primary-2 {
  background-color: var(--primary-2);
}

.bg-dark {
  background-color: var(--dark-1);
}

.bg-light-1 {
  background-color: var(--light-1);
}

.style-guide-section-contents {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  justify-items: start;
}

.large-text {
  color: var(--dark-1);
  font-size: 24px;
  line-height: 1.35em;
}

.large-text.text-center {
  color: var(--dark-1);
}

.large-text.black {
  color: var(--dark-2);
}

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

.small-text.muted {
  opacity: .5;
  color: var(--light-1);
}

.small-text.muted.m {
  color: var(--light-2);
  font-weight: 300;
}

.small-text.terms-text {
  max-width: 90%;
}

.small-text.align-right {
  align-self: flex-end;
}

.button {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  background-color: var(--light-1);
  color: var(--dark-1);
  text-align: center;
  border-radius: 200px;
  justify-content: center;
  align-items: center;
  height: 48px;
  padding: 0 36px;
  font-weight: 500;
  transition: color .2s, background-color .2s;
  display: flex;
  box-shadow: 0 12px 48px #0000004d;
}

.button:hover {
  background-color: var(--light-3);
  color: var(--dark-1);
}

.button.small {
  padding-left: 18px;
  padding-right: 18px;
}

.button.small.nav-button {
  background-color: var(--primary-1);
}

.button.icon {
  background-color: var(--primary-2);
  padding-left: 24px;
  padding-right: 24px;
}

.button.icon.bg-light-3:hover {
  background-color: var(--primary-1);
  color: var(--dark-1);
}

.button.play {
  height: auto;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 9px;
}

.button.play.grow {
  justify-content: flex-start;
}

.button.circle {
  border-radius: 50%;
  width: 48px;
  padding: 0;
}

.button.bg-light-3 {
  color: var(--light-1);
}

.button.bg-light-3:hover {
  background-color: var(--light-1);
  color: var(--dark-2);
}

.button.xs {
  height: auto;
  padding: 6px 30px;
  font-size: 14px;
}

.button.align-center {
  align-self: center;
}

.button.align-right {
  align-self: flex-end;
}

.button.grow {
  flex: 1;
}

.form-block {
  margin-bottom: 0;
}

.form-input {
  background-color: var(--light-1);
  color: #fff;
  border: 1px solid #0000;
  border-radius: 9px;
  height: 48px;
  margin-bottom: 0;
  padding: 12px 24px;
  font-size: 18px;
  transition: border-color .2s, background-color .2s;
}

.form-input:hover {
  border-color: var(--light-4);
}

.form-input:focus {
  border-color: var(--light-3);
  background-color: var(--light-3);
}

.form-input::placeholder {
  color: #ffffff80;
}

.form-input.text-area {
  min-height: 216px;
  padding: 18px;
}

.form-input.bg-dark-2 {
  box-shadow: 0 12px 48px #0000004d;
}

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

.selectable-field {
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

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

.selectable-label.small-text {
  color: var(--light-1);
}

.footer {
  padding-top: 144px;
  padding-bottom: 144px;
}

.back-to-top-button {
  z-index: 10;
  background-color: var(--light-3);
  border-radius: 9px;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  transition: background-color .2s;
  display: flex;
  position: fixed;
  bottom: 12px;
  right: 12px;
}

.back-to-top-button:hover {
  background-color: #ffffff4d;
}

.announcement-bar {
  background-color: #0000;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.announcement-cross {
  cursor: pointer;
  transition: opacity .2s;
  display: block;
  position: absolute;
  right: 0;
}

.announcement-cross:hover {
  opacity: .5;
  display: block;
}

.announcement-contents {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: center;
  align-items: center;
  padding-top: 18px;
  padding-bottom: 18px;
  font-size: 14px;
  display: flex;
  position: relative;
}

.search-modal-screen {
  background-color: #00000080;
  position: absolute;
  inset: 0%;
}

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

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 100%;
  max-width: 588px;
  display: flex;
}

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

.select-wrapper {
  background-color: var(--light-4);
  border: 1px #000;
  border-radius: 9px;
  padding: 7px;
  transition: background-color .2s;
  overflow: hidden;
}

.select-wrapper:hover {
  background-color: var(--light-3);
}

.select-field {
  color: var(--light-1);
  background-color: #0000;
  background-image: url('../images/interface-icon-chevron-down.svg');
  background-position: 90%;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  border: 1px #000;
  width: 110%;
  margin-bottom: 0;
  font-size: 18px;
}

.checkbox {
  border: 1px solid var(--primary-1);
  color: var(--primary-1);
  flex: none;
  width: 24px;
  height: 24px;
  margin-top: 0;
  margin-left: 0;
}

.checkbox.w--redirected-checked {
  border-color: var(--light-3);
  background-color: var(--light-3);
  background-image: url('../images/interface-icon-check.svg');
  background-size: 18px 18px;
}

.radio {
  border-color: var(--light-2);
  width: 24px;
  height: 24px;
  margin-top: 0;
  margin-left: 0;
}

.radio.w--redirected-checked {
  border-width: 6px;
  border-color: var(--light-1);
}

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

.style-guide-color-label {
  color: var(--light-1);
  position: absolute;
  bottom: 24px;
  left: 24px;
}

.style-guide-color-label.text-dark {
  color: var(--dark-1);
}

.form-success {
  color: var(--light-1);
  background-color: #2c5533;
  border-radius: 9px;
  padding: 12px;
  font-size: 14px;
}

.form-error {
  color: var(--light-1);
  text-align: center;
  background-color: #492222;
  border-radius: 9px;
  margin-top: 12px;
  padding: 12px;
  font-size: 14px;
}

.menu-button-wrapper {
  justify-content: center;
  width: 36px;
  height: 48px;
  display: flex;
  position: relative;
}

.menu-button-horziontal {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

.menu-button-cross {
  opacity: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

.menu-button-cross-line {
  background-color: var(--light-1);
  width: 75%;
  height: 2px;
  position: absolute;
}

.menu-button-horizontal-line {
  background-color: var(--light-1);
  width: 100%;
  height: 2px;
}

.navbar-wrapper {
  z-index: 99;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  position: sticky;
  top: 0;
}

.navbar {
  background-color: #0000;
}

.navbar-row {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  color: var(--light-1);
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  align-items: center;
  padding-top: 18px;
  padding-bottom: 18px;
  display: grid;
}

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

.photography-license-link {
  background-color: #000;
  justify-content: center;
  align-items: center;
  display: flex;
}

.license-image {
  opacity: .5;
  border-radius: 18px;
  overflow: hidden;
}

.license-text {
  z-index: 2;
  color: #fff;
  position: absolute;
}

.typography-license-grid {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  color: var(--light-1);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.typography-demo {
  font-size: 96px;
  line-height: 1em;
}

.typography-demo.b {
  font-family: Hubot Sans, sans-serif;
}

.typography-demo.c {
  font-family: Fragment Mono, sans-serif;
}

.iconography-grid {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: start;
  display: flex;
}

.article {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  margin-top: -24px;
  display: flex;
}

.article p {
  margin-bottom: 0;
}

.article h4 {
  margin-top: .5em;
  margin-bottom: 0;
}

.article blockquote {
  margin-bottom: 0;
}

.article figure {
  margin-top: 2em;
  margin-bottom: 2em;
}

.article strong {
  color: var(--light-1);
}

.seciton-inner {
  border-radius: 36px;
  padding-top: 144px;
  padding-bottom: 144px;
  position: relative;
  overflow: hidden;
}

.seciton-inner.reduced-top-padding {
  padding-top: 72px;
}

.seciton-inner.reduced-top-padding.bg-primary-1 {
  background-color: var(--primary-1);
}

.seciton-inner.reduced-top-padding.show-overflow {
  overflow: visible;
}

.seciton-inner.no-top-padding {
  padding-top: 0;
}

.wave {
  opacity: .3;
  mix-blend-mode: overlay;
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.gradient-bg {
  background-image: linear-gradient(180deg, var(--light-3), #0000);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.gradient-bg.reverse {
  background-image: linear-gradient(to bottom, #0000, var(--dark-1));
}

.gradient-bg.reverse.hero {
  background-image: linear-gradient(to bottom, #0000, var(--dark-1) 80%);
}

.gradient-bg.alt {
  background-image: linear-gradient(#000 68%, #0000);
}

.gradient-bg.left {
  background-image: linear-gradient(270deg, #000, #0000);
}

.blurred-circle {
  mix-blend-mode: overlay;
  width: 60vw;
  height: 60vw;
  display: block;
  position: absolute;
  top: 335px;
  left: 380px;
}

.blurred-circle.bottom-right {
  bottom: -20vw;
  right: -20vw;
}

.blurred-circle.shine-effect {
  z-index: 2;
  opacity: .08;
  display: none;
  bottom: auto;
  right: auto;
}

.blurred-circle.middle {
  left: 20vw;
}

.blurred-circle.top-middle {
  top: -30vw;
  left: 20vw;
}

.blurred-circle.bottom-middle {
  bottom: -30vw;
  left: 20vw;
}

.blurred-circle.top-left {
  top: -15vw;
  left: -15vw;
}

.blurred-circle.mai-la-dreapta {
  left: 41px;
}

.blurred-circle.mai-in-dreapta {
  top: 143px;
  left: -200px;
}

.container---l {
  width: 100%;
  max-width: 848px;
  margin-left: auto;
  margin-right: auto;
}

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

.container---l.align-left {
  margin-left: 0;
  margin-right: 0;
}

.rows {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.rows.gap-2x {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
}

.rows.gap-2x.justify-between {
  justify-content: space-between;
}

.rows.gap-4x {
  grid-column-gap: 96px;
  grid-row-gap: 96px;
}

.rows.gap-1-5x {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
}

.rows.gap-1-5x.account-header {
  justify-content: space-between;
  height: 100%;
}

.rows.gap-1x {
  justify-content: center;
}

.rows.gap-1x.pricing-top {
  flex: 1;
}

.rows.gap-0-75x {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
}

.rows.gap-0-5x {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
}

.rows.gap-3x {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
}

.rows.gap-3x.logos {
  align-items: center;
}

.rows.align-left {
  align-items: flex-start;
}

.rows.align-center {
  align-items: center;
}

.rows.no-gap {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  align-items: flex-start;
}

.rows.gap-0-25x {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
}

.container---s {
  width: 100%;
  max-width: 503px;
}

.container---s.footer-subscribe {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

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

.buttons {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  align-items: center;
  display: flex;
}

.buttons.align-center {
  justify-content: center;
}

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

.columns.gap-3x {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
}

.columns.gap-3x.logos {
  grid-template-columns: 190px 1fr;
  align-items: center;
}

.columns.gap-3x.sidebar-layout {
  grid-template-columns: 388px 1fr;
  align-items: start;
  position: relative;
}

.columns.gap-3x.text-cluster-row {
  grid-template-columns: 1fr auto;
}

.columns.gap-3x.contact-methods {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: stretch;
  align-items: start;
  display: grid;
}

.columns.gap-3x.story-details-wrapper {
  grid-template-columns: 2fr 1px 1fr;
  align-items: end;
}

.columns.gap-3x.footer-columns {
  grid-template-columns: 1fr 1fr;
  grid-auto-flow: column;
}

.columns.gap-3x.align-top {
  align-items: start;
  position: relative;
}

.columns.gap-1-5x {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
}

.columns.gap-1-5x.boxes {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-flow: row;
}

.columns.gap-1-5x.blog-posts, .columns.gap-1-5x.customers {
  grid-template-columns: 1fr 1fr 1fr;
}

.columns.gap-1-5x.cluster {
  grid-template-columns: 1fr 320px 1fr;
}

.columns.gap-1-5x.plans {
  grid-template-columns: 1fr 1fr 1fr;
}

.columns.gap-1-5x.metric-cluster {
  grid-template-columns: 503px 1fr;
  min-height: 504px;
}

.columns.gap-1x.form {
  grid-template-columns: 1fr auto;
}

.columns.gap-0-75x.plans {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.columns.gap-0-75x.agree {
  align-items: center;
  display: flex;
}

.columns.gap-4x {
  grid-column-gap: 96px;
  grid-row-gap: 96px;
}

.columns.gap-4x.career-header {
  align-items: end;
}

.columns.hero {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  perspective: 800px;
  grid-template-columns: 1fr 388px;
  align-items: center;
}

.logo-wrapper {
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.logo-wrapper.grid {
  grid-column-gap: 72px;
  grid-row-gap: 48px;
  flex-wrap: wrap;
}

.horizontal-scrim {
  background-image: linear-gradient(to right, var(--dark-1), #0000 15%, #0000 85%, var(--dark-1));
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
}

.ui-snippet-frame {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.ui-snippet-frame.inside-tab {
  background-color: var(--light-4);
  border-radius: 18px;
  min-height: 420px;
  padding: 36px 36px 72px;
}

.container---xs {
  flex: none;
  width: 100%;
  max-width: 388px;
  position: relative;
}

.container---xs.ui-snippet {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: none;
  position: absolute;
}

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

.code-snippet {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  background-color: var(--dark-1);
  color: var(--light-1);
  border-radius: 12px;
  flex-direction: column;
  padding: 24px 12px;
  font-family: Fragment Mono, sans-serif;
  font-size: 14px;
  display: none;
  box-shadow: 0 12px 48px #0000004d;
}

.code-snippet.bg-white {
  background-color: var(--light-1);
  color: var(--dark-2);
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 18px;
}

.code-snippet.bg-white.overlay-bottom {
  width: 100%;
  position: absolute;
  bottom: -48px;
  right: -48px;
}

.code-line {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 20px 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  display: grid;
}

.snippet-switch {
  background-color: #20bf55;
  border-radius: 200px;
  justify-content: flex-end;
  align-items: center;
  width: 42px;
  height: 18px;
  padding-right: 4px;
  display: flex;
}

.snippet-switch-nub {
  background-color: var(--light-1);
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.underline {
  background-color: var(--light-1);
  width: 100%;
  height: 1px;
}

.underline.divider-left {
  background-color: #0000;
  background-image: linear-gradient(to right, #fff0, #fff);
}

.underline.divider-right {
  background-color: #0000;
  background-image: linear-gradient(270deg, #fff0, #fff);
}

.underline.gradient {
  background-color: #0000;
  background-image: linear-gradient(to right, var(--light-1), transparent);
}

.arrow-link {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  align-self: flex-start;
  align-items: center;
  display: flex;
}

.arrow-link.align-center {
  align-self: center;
}

.arrow-link.wide {
  justify-content: space-between;
  width: 100%;
  transition: opacity .2s;
}

.arrow-link.wide:hover {
  opacity: .5;
}

.medium-heading {
  color: var(--dark-1);
  font-family: Montserrat, sans-serif;
  font-size: 57px;
  font-weight: 600;
  line-height: 1.1em;
}

.medium-heading.text-center {
  color: var(--primary-1);
  font-family: Montserrat, sans-serif;
  font-weight: 600;
}

.medium-heading.black {
  color: var(--primary-1);
}

.medium-heading.black.eoz {
  color: var(--light-1);
}

.code-badge {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border: 1px solid var(--light-3);
  background-color: var(--dark-1);
  color: var(--light-1);
  border-radius: 200px;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  font-family: Fragment Mono, sans-serif;
  font-size: 14px;
  display: flex;
  box-shadow: 0 12px 48px #00000008;
}

.code-badge.highlighted {
  background-color: #fe7f2d;
  border-color: #fe7f2d;
  padding-top: 8px;
  padding-bottom: 8px;
}

.check-item {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  align-items: center;
  display: flex;
}

.check-item.label-style {
  background-color: var(--dark-2);
  border-radius: 200px;
  flex: none;
  padding: 12px 36px 12px 12px;
  box-shadow: 0 12px 48px #0000004d;
}

.check-item.small {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
}

.check-circle {
  background-color: var(--light-3);
  border-radius: 50%;
  padding: 9px;
  box-shadow: 0 12px 48px #0000001a;
}

.container---xl {
  width: 100%;
  max-width: 1078px;
  margin-left: auto;
  margin-right: auto;
}

.container---xl.align-center {
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.box {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border: 1px solid var(--primary-1);
  background-color: var(--light-4);
  border-radius: 18px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 230px;
  padding: 36px;
  transition: border-color .2s;
  display: flex;
}

.box:hover {
  border-color: var(--primary-1);
}

.box.large {
  min-height: 345px;
}

.box.demo-box {
  align-items: stretch;
  min-height: auto;
}

.container---m {
  width: 100%;
  max-width: 618px;
}

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

.progress-item-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 150px 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.progress-bar-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-radius: 6px;
  align-items: center;
  padding: 12px 24px 12px 12px;
  display: flex;
}

.progress-bar-wrapper.highlighted {
  border: 1px solid var(--light-1);
}

.progress-bar {
  background-color: var(--light-3);
  border-radius: 3px;
  flex: 1;
  height: 24px;
}

.progress-bar._69 {
  background-color: var(--light-2);
  color: var(--dark-2);
  max-width: 69%;
}

.progress-bar._42 {
  background-color: var(--light-2);
  max-width: 42%;
}

.progress-bar._13 {
  background-color: var(--light-2);
  max-width: 13%;
}

.progress-bar.highlighted {
  background-image: linear-gradient(to right, #fff0, #fff);
}

.customer-box {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  background-color: var(--light-4);
  color: var(--light-2);
  border: 1px solid #0000;
  border-radius: 18px;
  grid-template-rows: auto;
  grid-template-columns: 360px 1fr 1px 220px;
  grid-auto-columns: 1fr;
  padding: 36px;
  font-weight: 400;
  transition: border-color .2s;
  display: grid;
}

.customer-box:hover {
  border-color: var(--primary-1);
}

.customer-quote-and-author {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.vertical-rule {
  background-color: var(--light-3);
  width: 1px;
}

.metric-box {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  border: 1px solid var(--light-3);
  border-radius: 18px;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  padding: 30px;
  display: flex;
}

.metric-box.large {
  background-color: var(--light-4);
  border-style: none;
  border-radius: 18px;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding: 36px;
  display: flex;
  box-shadow: 0 12px 48px #0000001a;
}

.metric-box.highlighted {
  border-color: var(--primary-1);
}

.metric-box.bg-light-4 {
  border-style: none;
}

.large-heading {
  color: var(--light-1);
  font-family: Hubot Sans, sans-serif;
  font-size: 76px;
  line-height: 1.05em;
}

.large-heading.white {
  color: var(--dark-1);
}

.section-title-with-button {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.blog-post {
  background-color: var(--light-4);
  color: var(--light-2);
  text-align: left;
  border: 1px solid #0000;
  border-radius: 18px;
  flex-direction: column;
  display: block;
}

.blog-post.customer {
  display: flex;
}

.blog-post.wide {
  width: 100%;
}

.blog-post-body {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  padding: 72px 36px 36px;
  display: flex;
}

.blog-post-body.increased-padding {
  flex: 1;
  justify-content: space-between;
}

.video-wrapper {
  background-color: var(--primary-2);
  border-radius: 18px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 12px 48px #0000004d;
}

.video-wrapper.short {
  max-height: 562px;
}

.tabs {
  display: flex;
}

.tab-icon-with-text {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  align-items: center;
  display: flex;
}

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

.bar-graphs {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  color: var(--light-1);
  flex: none;
  justify-content: center;
  align-items: flex-end;
  height: 420px;
  display: flex;
}

.bar-graph-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  display: flex;
}

.bar-graph-wrapper._69 {
  height: 82%;
}

.bar-graph-wrapper._42 {
  height: 60%;
}

.bar-graph-wrapper._13 {
  height: 40%;
}

.bar-graph {
  background-color: var(--light-4);
  border-radius: 3px;
  width: 24px;
  height: 300px;
}

.bar-graph.emphasis {
  background-image: linear-gradient(to bottom, var(--light-1), #0000);
  width: 72px;
}

.blog-box {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  background-color: var(--light-4);
  border-radius: 18px;
  grid-template-rows: auto;
  grid-template-columns: 636px 1fr;
  grid-auto-columns: 1fr;
  padding: 36px;
  display: grid;
}

.blog-box-text {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.label-group {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
}

.circle-button {
  background-color: var(--light-4);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  margin: auto auto 0;
  transition: background-color .2s;
  display: flex;
  bottom: -72px;
  left: 18px;
  right: auto;
}

.circle-button:hover {
  background-color: var(--light-3);
}

.circle-button.right {
  left: 78px;
  right: auto;
}

.quote-box {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  background-color: var(--light-4);
  border-radius: 18px;
  flex-direction: column;
  justify-content: space-between;
  padding: 36px;
  display: flex;
  box-shadow: 0 12px 48px #0000001a;
}

.reviews-wrapper {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  transform-style: preserve-3d;
  flex-direction: column;
  max-width: 1680px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.reviews-row {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.reviews-row.scroll-left {
  justify-content: flex-start;
}

.reviews-row.scroll-right {
  justify-content: flex-end;
}

.review-box {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: var(--light-4);
  border-radius: 18px;
  flex-direction: column;
  flex: none;
  align-self: stretch;
  max-width: 504px;
  padding: 36px;
  display: flex;
  position: relative;
  box-shadow: 0 12px 48px #0000004d;
}

.tweet-author {
  position: relative;
}

.reviews-scrim {
  z-index: 1;
  background-image: linear-gradient(to right, #000, #0000);
  width: 20%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.reviews-scrim.right {
  left: auto;
  right: 0;
  transform: rotate(180deg);
}

.pricing-plan-2 {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  background-color: var(--light-4);
  border: 2px solid #0000;
  border-radius: 18px;
  flex-direction: column;
  padding: 36px 24px;
  display: flex;
  position: relative;
  box-shadow: 0 12px 48px #0000001a;
}

.pricing-plan-2.highlighted {
  border-color: var(--primary-1);
  box-shadow: 0 12px 48px #0000004d;
}

.badge {
  background-color: var(--primary-1);
  color: var(--light-1);
  border-radius: 6px;
  padding: 2px 9px;
  font-size: 14px;
  font-weight: 500;
}

.badge.pricing-badge.small {
  position: absolute;
  top: 12px;
  right: 12px;
}

.accordion {
  flex-direction: column;
  display: flex;
}

.accordion-title {
  color: var(--light-1);
  flex: 1;
  justify-content: space-between;
  align-items: center;
  font-weight: 500;
  transition: opacity .2s;
  display: flex;
}

.accordion-title:hover {
  opacity: .5;
}

.horizontal-rule {
  background-color: var(--light-3);
  width: 100%;
  height: 1px;
}

.table {
  color: var(--light-1);
}

.table-rows {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-radius: 9px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.table-rows.emphasised {
  background-color: var(--light-4);
}

.table-cell {
  text-align: center;
  justify-content: center;
  align-items: center;
  height: 72px;
  padding: 18px;
  display: flex;
}

.table-cell.top {
  text-align: center;
  padding-top: 18px;
  padding-bottom: 18px;
}

.table-cell.top.emphasised {
  border-top: 2px solid var(--primary-1);
  background-color: var(--primary-1);
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
}

.table-cell.emphasised {
  border-right: 2px solid var(--primary-1);
  border-left: 2px solid var(--primary-1);
  background-color: var(--light-4);
}

.table-cell.bottom.emphasised {
  border-bottom: 2px solid var(--primary-1);
  border-bottom-right-radius: 9px;
  border-bottom-left-radius: 9px;
  box-shadow: 0 12px 48px #0000001a;
}

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

.gallery {
  align-items: stretch;
  display: flex;
  position: relative;
  overflow: hidden;
}

.blockquote {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-left: 1px solid var(--light-3);
  flex-direction: column;
  padding: 36px 48px;
  display: flex;
}

.team-member {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  align-items: flex-end;
  display: flex;
}

.team-member-social {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  align-items: center;
  display: flex;
}

.section-inner.right {
  justify-content: center;
  padding-top: 144px;
  padding-bottom: 144px;
  display: flex;
}

.form-divider {
  grid-column-gap: 24px;
  align-items: center;
  display: flex;
}

.customer-story-metric {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border: 2px solid var(--primary-1);
  background-color: #00000040;
  border-radius: 18px;
  flex-direction: column;
  justify-content: space-between;
  padding: 36px;
  display: flex;
  box-shadow: 0 12px 48px #0000004d;
}

.customer-story-badge {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button-icon-dark {
  filter: invert();
}

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

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

.bg-light-3 {
  background-color: var(--light-3);
}

.bg-light-4 {
  background-color: var(--light-4);
}

.underlined-link {
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.arrow-link-icon {
  max-height: 18px;
}

.dropdown-link {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: var(--light-2);
  align-items: center;
  padding: 0;
  font-weight: 500;
  display: flex;
}

.dropdown-link:hover {
  color: var(--light-1);
}

.dropdown-link.padded {
  color: var(--light-1);
  padding: 6px 18px;
}

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

.field-label {
  letter-spacing: .02em;
  text-transform: uppercase;
  font-family: Fragment Mono, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

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

.nav-link {
  color: #000;
  transition: color 0.3s ease;
}

.navbar-wrapper.scrolled .nav-link {
  color: #fff;
}

.navbar-wrapper {
  transition: background-color 0.3s ease;
}

.navbar-wrapper.scrolled {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  background-color: rgba(0, 0, 0, 0.05);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.05);
}

.navbar-wrapper.scrolled .nav-link {
  color: black;
}

.navbar-wrapper.scrolled .button.small.nav-button {
  color: white;
  background-color: black;
}

.button.small.nav-button {
  background-color: #000;
  color: #fff;
  transition: all 0.3s ease;
}

.navbar-wrapper.scrolled .button.small.nav-button {
  background-color: #fff;
  color: #000;
}

.nav-link:hover {
  background-color: var(--light-3);
  color: var(--light-1);
}

.nav-link.w--current {
  color: var(--light-1);
}

.nav-link.no-padding {
  color: var(--light-1);
  padding: 0;
}

.nav-link.inside-right-contents {
  color: var(--dark-2);
}

.navbar-right-contents {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.hover-link {
  color: var(--dark-1);
  transition: opacity .2s;
}

.hover-link:hover, .muted {
  opacity: .5;
}

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

.footer-link:hover, .footer-link.w--current {
  color: var(--light-1);
}

.footer-link.small {
  opacity: .5;
  color: var(--light-1);
}

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

.footer-link-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  align-items: center;
  display: flex;
}

.footer-details {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  align-items: center;
  font-size: 14px;
  display: flex;
}

.footer-copyright-text {
  color: var(--light-1);
  flex: 1;
}

.footer-fine-print {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  align-items: center;
  display: flex;
}

.fade-in-first, .fade-in-second {
  overflow: hidden;
}

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

.scrolling-logo {
  opacity: .7;
  flex: none;
}

.code-number {
  opacity: .5;
  text-align: right;
}

.text-orange {
  color: #fe7f2d;
}

.text-purple {
  color: #a684f0;
}

.text-green {
  color: #20bf55;
}

.vignette {
  background-image: none;
  background-position: 0 0;
  background-size: auto;
  width: 100%;
  max-width: 618px;
  height: 100%;
  position: absolute;
}

.code-badges {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.button-over-image {
  position: absolute;
}

.button-over-image.bottom-right {
  bottom: 24px;
  left: 24px;
}

.text-center {
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-weight: 600;
}

.text-center.white {
  color: var(--light-2);
}

.customer-box-image {
  border: 1px solid #0000;
  border-radius: 18px;
  display: block;
  box-shadow: 0 12px 48px #0000004d;
}

.text-light-1 {
  color: var(--light-1);
}

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

.blog-post-image {
  object-fit: cover;
  border: 1px solid #0000;
  border-radius: 18px;
  width: 300px;
  height: 250px;
  margin-bottom: -36px;
  display: block;
  box-shadow: 0 12px 48px #0000001a;
}

.blog-post-image.blog-box-image {
  margin-bottom: 0;
}

.blog-post-image.wide {
  object-fit: cover;
  max-height: 500px;
}

.post-meta {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  align-items: flex-start;
  font-size: 14px;
  display: flex;
}

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

.multiply-image {
  filter: brightness(200%) brightness(200%) saturate(0%);
  mix-blend-mode: overlay;
  object-fit: cover;
}

.tabs-menu {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-direction: column;
  flex: none;
  width: 388px;
  display: flex;
}

.tabs-menu.sticky {
  position: sticky;
  top: 96px;
}

.tabs-content {
  margin-left: 72px;
}

.tab-link {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border: 1px solid var(--light-4);
  color: var(--light-1);
  background-color: #0000;
  border-radius: 9px;
  justify-content: space-between;
  align-items: center;
  padding: 18px 24px;
  transition: background-color .2s, border-color .2s;
  display: flex;
}

.tab-link:hover {
  background-color: var(--light-4);
}

.tab-link.w--current {
  border-color: var(--primary-1);
  background-color: var(--light-4);
}

.bar-graph-label {
  font-size: 14px;
}

.blog-box-image {
  border-radius: 18px;
  display: block;
}

.avatar {
  border-radius: 50%;
  width: 60px;
  height: 60px;
}

.avatar-author {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  align-items: center;
  display: flex;
}

.slider-mask {
  max-width: 636px;
  overflow: visible;
}

.slider {
  background-color: #0000;
  height: auto;
  margin-left: -18px;
  overflow: visible;
}

.slide {
  max-width: 636px;
  padding-left: 18px;
  padding-right: 18px;
}

.hide {
  display: none;
}

.slider-wrapper {
  margin-bottom: 72px;
}

.pricing-check {
  max-height: 18px;
}

.pricing-list {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.pricing-text {
  flex: 1;
}

.accordion-item {
  border-bottom: 1px solid var(--light-3);
  margin-bottom: 24px;
  padding-bottom: 24px;
}

.accordion-item.last {
  border-bottom-style: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.accordion-content {
  padding-top: 24px;
}

.accordion-open {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

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

.checkbox-row {
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.review-icon {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}

.empty-state {
  background-color: var(--light-4);
  text-align: center;
  border-radius: 9px;
  padding: 24px;
}

.collection-item {
  flex-direction: row;
  display: flex;
}

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

.blog-image {
  border-radius: 18px;
}

.gallery-image {
  border-radius: 18px;
  flex: none;
  max-height: 200px;
  box-shadow: 0 12px 48px #0000004d;
}

.gallery-image-wrapper {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  align-items: center;
  display: flex;
}

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

.careers {
  flex-direction: column;
  margin-bottom: -24px;
  display: flex;
}

.career {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px solid var(--primary-1);
  color: var(--light-2);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr auto;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-bottom: 24px;
  padding-bottom: 24px;
  font-weight: 400;
  transition: opacity .2s;
  display: grid;
}

.career:hover {
  opacity: .5;
}

.career-basis {
  align-items: center;
  display: flex;
}

.career-basis.text-mono {
  font-family: Fragment Mono, sans-serif;
  font-weight: 400;
}

.career-title {
  color: var(--light-1);
  font-weight: 500;
}

.job-description {
  margin-bottom: -10px;
}

.case-studiy-image {
  border-radius: 18px;
  box-shadow: 0 12px 48px #0000004d;
}

.metric-text {
  max-width: 90%;
}

.case-study-logo {
  opacity: .7;
}

.text-light-2 {
  color: var(--light-2);
}

.team-member-image {
  filter: grayscale();
  border-radius: 18px;
}

.menu-button-2 {
  padding: 6px;
}

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

.form-divider-text {
  flex: none;
}

.search-form {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.search-results-list {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  flex-direction: column;
  display: flex;
}

.search-results-url {
  margin-bottom: 3px;
  font-size: 14px;
}

.dropdown-body {
  border-radius: 12px;
  width: 388px;
  overflow: hidden;
  transform: translate(-50%);
  box-shadow: 0 12px 48px #0000004d;
}

.dropdown-section {
  padding: 30px 36px;
}

.dropdown-section.bg-light-1 {
  color: var(--dark-1);
}

.dropdown-section.bottom {
  color: var(--dark-1);
  background-color: #e9e9e9;
  padding-top: 18px;
  padding-bottom: 18px;
  font-size: 14px;
}

.dropdown-arrow {
  filter: invert();
  max-height: 20px;
}

.dropdown-link-text {
  color: var(--dark-1);
}

.dropdown-bottom-link {
  color: var(--dark-1);
  transition: opacity .2s;
}

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

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

.icon {
  flex: none;
}

.demo-screenshot {
  border: 1px solid #000;
  border-radius: 9px;
  position: relative;
  box-shadow: 0 12px 48px #0000004d;
}

.fake-screenshot {
  z-index: 0;
  background-color: var(--light-4);
  border-radius: 12px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 6px;
  right: -6px;
}

.fake-screenshot._2 {
  top: 12px;
  right: -12px;
}

.fake-screenshot._3 {
  top: 18px;
  right: -18px;
}

.fake-screenshot._4 {
  top: 24px;
  right: -24px;
}

.ui-cluster {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

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

.grow {
  flex: 1;
}

.ui-scheme {
  border-radius: 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 12px 48px #0000004d;
}

.ui-scheme-color {
  flex: 1;
  width: 48px;
  height: 48px;
}

.figma-screenshot-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.figma-screenshot {
  border-radius: 9px;
  margin-bottom: -100px;
  display: block;
  box-shadow: 0 12px 48px #0000004d;
}

.figma-badge {
  background-color: var(--dark-1);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 200px;
  padding: 24px;
  display: flex;
  box-shadow: 0 12px 48px #0000004d;
}

.demo-link {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.demo-link-arrow {
  max-height: 18px;
}

.screenshot-column-wrapper {
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(-15deg)rotateZ(0);
}

.screenshots-column {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  max-height: 600px;
  display: flex;
}

.announcement-text {
  color: var(--light-1);
}

.body {
  background-color: var(--dark-1);
}

.heading {
  color: var(--dark-1);
}

.heading-2 {
  color: var(--light-2);
}

.text-block {
  color: var(--dark-2);
}

.heading-3 {
  color: var(--dark-1);
}

.text-block-2 {
  color: var(--dark-1);
  font-family: Montserrat, sans-serif;
  font-weight: 400;
}

.text-block-3 {
  color: var(--light-1);
}

.background-video {
  display: block;
}

.heading-4 {
  color: var(--dark-1);
  font-family: Montserrat, sans-serif;
  font-weight: 600;
}

.heading-5 {
  color: var(--light-2);
  font-family: Montserrat, sans-serif;
  font-weight: 700;
}

.heading-6 {
  color: var(--dark-1);
  font-family: Montserrat, sans-serif;
}

.image {
  object-fit: fill;
}

.text-block-4 {
  color: var(--dark-2);
  font-family: Montserrat, sans-serif;
}

.heading-7 {
  color: var(--primary-1);
  font-family: Montserrat, sans-serif;
  font-weight: 600;
}

.heading-8 {
  color: var(--dark-2);
  font-family: Montserrat, sans-serif;
  font-weight: 600;
}

.heading-9, .heading-10 {
  font-family: Montserrat, sans-serif;
}

.text-block-5 {
  color: var(--dark-2);
  font-family: Montserrat, sans-serif;
}

.text-block-6, .text-block-7, .text-block-8, .text-block-9, .text-block-10, .text-block-11 {
  color: var(--dark-2);
}

.heading-11, .heading-12, .heading-13 {
  color: var(--dark-1);
  font-family: Montserrat, sans-serif;
}

.text-span {
  color: var(--dark-2);
}

.heading-14 {
  color: var(--dark-1);
  font-family: Montserrat, sans-serif;
  font-weight: 700;
}

.text-block-12 {
  color: var(--dark-1);
  font-family: Montserrat, sans-serif;
  font-weight: 600;
}

.text-span-2 {
  color: var(--light-2);
  font-family: Montserrat, sans-serif;
  font-weight: 700;
}

.text-block-13 {
  font-family: Montserrat, sans-serif;
  font-weight: 600;
}

.text-block-14 {
  color: var(--dark-2);
}

.heading-15 {
  font-family: Montserrat, sans-serif;
}

.body-2 {
  background-color: var(--dark-1);
}

.text-block-15, .text-block-16, .text-block-17, .text-block-18 {
  color: var(--light-1);
}

.body-3 {
  background-color: var(--dark-1);
}

.heading-16, .heading-17, .heading-18 {
  color: var(--dark-1);
}

.text-block-19 {
  color: var(--light-1);
}

.text-span-3 {
  font-family: Montserrat, sans-serif;
}

.body-4 {
  background-color: #fff;
}

.heading-19, .heading-20 {
  color: var(--dark-1);
  font-family: Montserrat, sans-serif;
}

.text-block-20 {
  color: var(--dark-1);
}

.heading-21 {
  color: var(--dark-1);
  font-family: Montserrat, sans-serif;
  font-weight: 600;
}

.text-block-21 {
  color: var(--primary-1);
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 57px;
    line-height: 1.1em;
  }

  h2 {
    font-size: 43px;
    line-height: 1.2em;
  }

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

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

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

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

  .container---main {
    max-width: 551px;
  }

  .container---main.wide {
    max-width: 100%;
  }

  .template-utility-section {
    grid-row-gap: 56px;
    grid-template-columns: 1fr;
  }

  .style-guide-colors._4 {
    grid-template-columns: 1fr 1fr;
  }

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

  .changelog {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .article blockquote {
    font-size: 18px;
  }

  .seciton-inner {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .seciton-inner.reduced-top-padding {
    padding-top: 60px;
  }

  .gradient-bg.left {
    background-image: linear-gradient(#000, #0000);
  }

  .blurred-circle {
    width: 1000px;
    max-width: none;
    height: 1000px;
  }

  .container---l {
    max-width: 618px;
  }

  .rows.gap-2x {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
  }

  .rows.gap-4x.faq {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
  }

  .rows.gap-1-5x.metrics-inside-cluster {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .columns.gap-3x {
    grid-template-columns: 1fr;
  }

  .columns.gap-3x.logos {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    text-align: center;
    flex-direction: column;
    display: flex;
  }

  .columns.gap-3x.sidebar-layout {
    grid-template-columns: 1fr;
  }

  .columns.gap-3x.faq-bottom {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .columns.gap-3x.text-cluster-row {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    flex-direction: column-reverse;
    display: flex;
  }

  .columns.gap-3x.story-details-wrapper {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
  }

  .columns.gap-3x.footer-columns {
    grid-column-gap: 96px;
    grid-row-gap: 96px;
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .columns.gap-3x.footer-menus {
    width: 100%;
    max-width: 503px;
  }

  .columns.gap-1-5x.boxes {
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
  }

  .columns.gap-1-5x.blog-posts, .columns.gap-1-5x.customer-cluster, .columns.gap-1-5x.customers, .columns.gap-1-5x.cluster, .columns.gap-1-5x.plans {
    grid-template-columns: 1fr;
  }

  .columns.gap-1-5x.metric-cluster {
    grid-template-columns: 1fr 1fr;
  }

  .columns.gap-1-5x.large-boxes {
    grid-template-columns: 1fr;
  }

  .columns.gap-1-5x.case-study-header {
    grid-template-columns: 1fr;
    max-width: 388px;
    margin-left: auto;
    margin-right: auto;
  }

  .columns.gap-1x.form {
    flex-direction: column;
    display: flex;
  }

  .columns.gap-0-75x.plans {
    grid-template-columns: 1fr 1fr;
  }

  .columns.gap-4x.career-header {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    grid-template-columns: 1fr;
  }

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

  .logo-wrapper {
    width: 100%;
  }

  .medium-heading {
    font-size: 43px;
    line-height: 1.2em;
  }

  .box.large {
    min-height: auto;
  }

  .customer-box {
    grid-template-columns: 1fr;
  }

  .vertical-rule.inside-customer-box {
    width: 100%;
    height: 1px;
  }

  .large-heading {
    font-size: 57px;
    line-height: 1.1em;
  }

  .section-title-with-button {
    flex-direction: column;
  }

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

  .tabs {
    flex-direction: column;
  }

  .team-member {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    flex-direction: column;
    align-items: flex-start;
  }

  .section-inner.right {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .dropdown-link.padded {
    justify-content: space-between;
  }

  .nav-links {
    flex-direction: column;
    align-items: stretch;
  }

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

  .nav-link.no-padding {
    margin-left: 0;
    margin-right: 0;
  }

  .nav-link.no-padding:hover {
    background-color: #0000;
  }

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

  .footer-fine-print {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
    flex-direction: column;
    align-items: flex-start;
  }

  .vignette {
    background-image: radial-gradient(circle farthest-corner at 50% 50%, #0000, var(--dark-1));
  }

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

  .tabs-menu {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    margin-bottom: 48px;
    display: grid;
  }

  .tabs-menu.sticky {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    margin-bottom: 0;
    position: static;
  }

  .tabs-menu.inside-collection-list {
    grid-template-columns: 1fr;
    margin-bottom: 0;
  }

  .tabs-content {
    margin-left: 0;
  }

  .blog-meta {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
    flex-direction: column-reverse;
    display: flex;
  }

  .career {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
    position: relative;
  }

  .career-arrow {
    position: absolute;
    top: 12px;
    right: 0;
  }

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

  .nav-menu {
    background-color: var(--dark-1);
    border-radius: 18px;
    padding: 24px 9px;
  }

  .dropdown-body {
    width: 100%;
    transform: none;
  }

  .dropdown-section.bg-dark-2 {
    display: none;
  }

  .dropdown-section.bg-light-1 {
    background-color: var(--light-3);
    color: var(--light-1);
    padding: 18px;
  }

  .dropdown-section.bottom {
    display: none;
  }

  .dropdown-arrow {
    filter: none;
  }

  .dropdown-link-text {
    color: var(--light-2);
  }

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

  .demo-screenshot.inside-column {
    max-height: 240px;
  }

  .screenshot-column-wrapper {
    transform: none;
  }

  .screenshots-column {
    flex-direction: row;
    justify-content: center;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 43px;
    line-height: 1.2em;
  }

  h3 {
    font-size: 24px;
    line-height: 1.4em;
  }

  h4 {
    font-size: 1em;
  }

  .section {
    padding-top: 96px;
    padding-bottom: 96px;
  }

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

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

  .container---main {
    max-width: 436px;
  }

  .style-guide-color {
    height: 150px;
  }

  .large-text {
    font-size: 1em;
    line-height: 1.4em;
  }

  .footer {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .typography-license-grid {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    grid-template-columns: 1fr 1fr;
  }

  .article blockquote {
    font-size: 16px;
  }

  .seciton-inner {
    border-radius: 18px;
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .seciton-inner.reduced-top-padding {
    padding-top: 48px;
  }

  .blurred-circle {
    width: 800px;
    height: 800px;
  }

  .rows.gap-4x {
    grid-column-gap: 72px;
    grid-row-gap: 72px;
  }

  .rows.gap-1-5x.metrics-columns, .rows.gap-1-5x.metrics-column {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .rows.gap-1-5x.box-cluster {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .rows.gap-1-5x.metrics-inside-cluster {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-columns: 1fr;
  }

  .rows.gap-3x.text-cluster {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
  }

  .buttons {
    flex-direction: column;
    align-items: stretch;
  }

  .columns.gap-3x.sidebar-layout {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
  }

  .columns.gap-3x.text-cluster-row {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
  }

  .columns.gap-1-5x.boxes {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .columns.gap-1-5x.customer-cluster {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .columns.gap-1-5x.blog-posts-large {
    grid-template-columns: 1fr;
  }

  .columns.gap-1-5x.cluster {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .columns.gap-1-5x.metric-cluster {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-columns: 1fr;
    max-width: 388px;
    margin-left: auto;
    margin-right: auto;
  }

  .columns.gap-1-5x.large-boxes {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .columns.gap-0-75x.plans {
    grid-template-columns: 1fr;
    max-width: 388px;
    margin-left: auto;
    margin-right: auto;
  }

  .logo-wrapper.grid {
    grid-column-gap: 48px;
    grid-row-gap: 36px;
  }

  .code-snippet.bg-white.overlay-bottom {
    right: -24px;
  }

  .box {
    padding: 24px;
  }

  .progress-item-wrapper {
    grid-column-gap: 9px;
    grid-row-gap: 9px;
    flex-direction: column;
    align-items: stretch;
    display: flex;
  }

  .logo-comparison-wrapper {
    margin-bottom: 3px;
  }

  .progress-bar-wrapper {
    padding-left: 0;
  }

  .progress-bar-wrapper.highlighted {
    padding-left: 12px;
  }

  .large-heading {
    font-size: 43px;
    line-height: 1.2em;
  }

  .blog-post.blog-box {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
  }

  .blog-post-body {
    padding: 48px 24px 24px;
  }

  .bar-graphs {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .bar-graph.emphasis {
    width: 48px;
  }

  .quote-box {
    padding: 24px;
  }

  .review-box {
    max-width: 388px;
    padding: 24px;
  }

  .table {
    font-size: 14px;
  }

  .customer-story-badge {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }

  .nav-link.inside-right-contents {
    display: none;
  }

  .code-badges {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }

  .blog-post-image {
    margin-bottom: -24px;
  }

  .post-meta.text-large {
    font-size: 14px;
  }

  .tabs-menu {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-columns: 1fr;
  }

  .bar-graph-logo {
    max-height: 18px;
  }

  .logo-grid-item {
    max-height: 24px;
  }

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

  .career-arrow {
    display: none;
  }

  .metric-text {
    max-width: 100%;
  }

  .case-study-logo {
    max-height: 24px;
  }

  .nav-menu {
    padding-top: 0;
  }

  .demo-screenshot.inside-column {
    max-height: 140px;
  }

  .figma-screenshot {
    margin-bottom: -75px;
  }

  .figma-badge {
    width: 150px;
    height: 150px;
  }
}

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

  h1 {
    font-size: 36px;
    line-height: 1.2em;
  }

  h2 {
    font-size: 28px;
    line-height: 1.3em;
  }

  h3 {
    font-size: 24px;
    line-height: 32px;
  }

  h4 {
    font-size: 1em;
    line-height: 1.4em;
  }

  h6 {
    font-size: 12px;
  }

  .container---main {
    padding-left: 18px;
    padding-right: 18px;
  }

  .template-utility-section {
    grid-row-gap: 35px;
  }

  .style-guide-colors {
    grid-column-gap: 21px;
    grid-row-gap: 21px;
  }

  .style-guide-colors._4, .style-guide-colors._2 {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }

  .style-guide-color {
    border-radius: 12px;
    height: 120px;
  }

  .style-guide-section-contents {
    grid-row-gap: 21px;
  }

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

  .button {
    align-self: auto;
    height: 42px;
  }

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

  .button.play {
    padding: 6px;
  }

  .form-input {
    border-radius: 4px;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 14px;
  }

  .footer {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .announcement-contents {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    flex-direction: column;
    align-items: flex-start;
  }

  .checkbox {
    width: 18px;
    height: 18px;
  }

  .navbar-row {
    padding-top: 9px;
    padding-bottom: 9px;
  }

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

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

  .typography-demo {
    font-size: 60px;
  }

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

  .article blockquote {
    padding: 24px;
    font-size: 14px;
  }

  .seciton-inner {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .seciton-inner.reduced-top-padding {
    padding-top: 30px;
  }

  .blurred-circle {
    width: 500px;
    height: 500px;
  }

  .rows.gap-2x {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .rows.gap-2x.story-details {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .rows.gap-4x {
    grid-column-gap: 54px;
    grid-row-gap: 54px;
  }

  .rows.gap-1-5x {
    grid-row-gap: 24px;
  }

  .rows.gap-1-5x.account-header {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .rows.gap-1-5x.box-cluster {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .rows.gap-1-5x.form {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }

  .rows.gap-0-5x {
    grid-column-gap: 9px;
    grid-row-gap: 9px;
  }

  .rows.gap-0-5x.bottom-metric {
    grid-column-gap: 3px;
    grid-row-gap: 3px;
  }

  .rows.gap-3x {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
  }

  .rows.gap-3x.text-cluster {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .rows.colors {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }

  .buttons {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    flex-direction: column;
    align-items: stretch;
  }

  .columns.gap-3x {
    grid-column-gap: 54px;
    grid-row-gap: 54px;
  }

  .columns.gap-3x.text-cluster-row {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .columns.gap-3x.story-details-wrapper {
    grid-template-columns: 1fr;
  }

  .columns.gap-3x.footer-columns {
    grid-column-gap: 54px;
    grid-row-gap: 54px;
  }

  .columns.gap-3x.footer-menus {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    flex-direction: column;
    display: flex;
  }

  .columns.gap-1-5x.boxes {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-columns: 1fr;
  }

  .columns.gap-1-5x.blog-posts, .columns.gap-1-5x.customers {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .columns.gap-1-5x.footer-subscribe {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    display: flex;
  }

  .columns.gap-1-5x.large-boxes {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .columns.gap-1-5x.form {
    grid-column-gap: 19px;
    grid-row-gap: 19px;
    grid-template-columns: 1fr;
  }

  .columns.gap-1-5x.case-study-header {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }

  .columns.gap-0-75x.buttons {
    grid-template-columns: 1fr;
  }

  .columns.gap-4x.career-header {
    grid-column-gap: 13px;
    grid-row-gap: 13px;
  }

  .logo-wrapper.grid {
    grid-column-gap: 36px;
    grid-row-gap: 24px;
  }

  .ui-snippet-frame.inside-tab {
    background-color: #0000;
    min-height: auto;
    padding: 0;
  }

  .container---xs.ui-snippet {
    max-width: 100%;
    position: relative;
  }

  .code-snippet {
    border: 1px solid var(--light-3);
    padding: 18px 9px;
    font-size: 10px;
  }

  .code-snippet.bg-white.overlay-bottom {
    padding: 12px;
    position: static;
  }

  .medium-heading {
    font-size: 28px;
    line-height: 1.3em;
  }

  .code-badge {
    padding: 9px 18px;
    font-size: 10px;
  }

  .code-badge.highlighted {
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .check-item.small {
    grid-column-gap: 9px;
    grid-row-gap: 9px;
  }

  .box {
    border-radius: 9px;
    flex-direction: row;
    align-items: center;
    min-height: auto;
  }

  .box.benefit-box {
    flex-direction: column;
  }

  .box.large {
    flex-direction: column;
    align-items: flex-start;
  }

  .box.demo-box {
    flex-direction: column;
  }

  .progress-bar-wrapper {
    padding: 0;
  }

  .progress-bar-wrapper.highlighted {
    padding: 9px;
  }

  .customer-box {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    border-radius: 9px;
    padding: 19px;
  }

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

  .metric-box.large {
    padding: 24px;
  }

  .large-heading {
    font-size: 36px;
    line-height: 1.2em;
  }

  .blog-post {
    border-radius: 9px;
  }

  .blog-post.blog-box {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    padding: 24px;
  }

  .blog-post-body {
    border-bottom-right-radius: 9px;
    border-bottom-left-radius: 9px;
  }

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

  .bar-graph.emphasis {
    width: 24px;
  }

  .circle-button {
    left: 0;
  }

  .circle-button.right {
    left: 66px;
  }

  .quote-box {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    border-radius: 9px;
  }

  .quote-box.large {
    padding: 18px;
  }

  .reviews-wrapper {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    transform: scale3d(1none, 1none, 1none);
  }

  .reviews-row.scroll-left {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }

  .review-box {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    border-radius: 9px;
    max-width: 300px;
    padding: 12px;
  }

  .pricing-plan-2 {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
    border-radius: 9px;
    padding: 18px;
  }

  .table {
    border: 1px solid var(--light-3);
    background-color: var(--light-4);
    border-radius: 9px;
  }

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

  .table-rows.emphasised {
    border-top: 1px none var(--light-3);
    background-color: #0000;
    border-radius: 0;
  }

  .table-cell {
    height: 54px;
    padding: 9px;
    font-size: 12px;
  }

  .table-cell.top.emphasised {
    border-radius: 0;
  }

  .table-cell.top.left {
    display: none;
  }

  .table-cell.emphasised {
    background-color: #0000;
    border-left-style: none;
    border-right-style: none;
  }

  .table-cell.bottom.emphasised {
    border-bottom-style: none;
    border-radius: 0;
  }

  .table-cell.align-left {
    border-top: 1px solid var(--light-3);
    text-align: center;
    justify-content: center;
  }

  .blockquote {
    padding: 24px;
  }

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

  .team-member-social {
    grid-row-gap: 12px;
    flex-wrap: wrap;
  }

  .form-divider {
    grid-column-gap: 12px;
  }

  .customer-story-metric {
    border-radius: 9px;
  }

  .customer-story-badge {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-direction: column;
  }

  .dropdown-link.padded {
    padding: 9px;
  }

  .nav-links {
    grid-row-gap: 0px;
  }

  .nav-link {
    padding: 9px;
  }

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

  .vignette, .grid-background {
    display: none;
  }

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

  .button-over-image.bottom-right {
    bottom: auto;
    left: auto;
  }

  .comparison-logo {
    max-height: 22px;
  }

  .customer-box-image, .blog-post-image {
    border-radius: 9px;
  }

  .play-button-label {
    display: none;
  }

  .tab-link {
    border-radius: 4px;
    padding: 12px 18px;
  }

  .tab-icon {
    display: none;
  }

  .bar-graph-label {
    flex: none;
    height: 48px;
  }

  .bar-graph-logo-wrapper {
    height: 48px;
  }

  .avatar-author {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-direction: column;
    align-items: flex-start;
  }

  .avatar-author.review {
    flex-direction: row;
    align-items: center;
  }

  .slider-mask {
    overflow: hidden;
  }

  .slider {
    margin-left: 0;
  }

  .slide {
    padding-left: 0;
    padding-right: 0;
  }

  .pricing-check {
    max-height: 12px;
  }

  .accordion-content {
    padding-top: 18px;
  }

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

  .gallery-image {
    border-radius: 9px;
    max-height: 150px;
  }

  .gallery-image-wrapper {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }

  .careers-bottom {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    align-items: flex-start;
  }

  .careers {
    margin-bottom: -18px;
  }

  .career {
    margin-bottom: 18px;
    padding-bottom: 18px;
  }

  .case-studiy-image {
    border-radius: 9px;
  }

  .divider {
    display: none;
  }

  .team-member-image {
    border-radius: 9px;
  }

  .search-form {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    flex-direction: column;
    align-items: stretch;
  }

  .search-results-list {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .dropdown-body {
    border-radius: 6px;
  }

  .demo-screenshot {
    border-radius: 4px;
  }

  .demo-screenshot.inside-column {
    max-height: 140px;
  }

  .fake-screenshot, .fake-screenshot._2, .fake-screenshot._3, .fake-screenshot._4 {
    display: none;
  }

  .figma-screenshot {
    border-radius: 4px;
    margin-bottom: -50px;
  }

  .figma-badge {
    width: 100px;
    height: 100px;
  }

  .screenshot-column-wrapper {
    display: none;
  }

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

  .announcement-text {
    max-width: 90%;
  }
}

#w-node-_57ee7d54-b19b-567b-92da-83345b62fc0a-cc5d9ef9, #w-node-_57ee7d54-b19b-567b-92da-83345b62fc17-cc5d9ef9, #w-node-_57ee7d54-b19b-567b-92da-83345b62fc1b-cc5d9ef9, #w-node-_57ee7d54-b19b-567b-92da-83345b62fc1e-cc5d9ef9, #w-node-_1c9264be-94be-c283-153b-19e89e8340b5-cc5d9ef9, #w-node-_3823a064-c9b1-8ba0-2417-d945a78ede72-cc5d9ef9, #w-node-_3823a064-c9b1-8ba0-2417-d945a78ede73-cc5d9ef9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3823a064-c9b1-8ba0-2417-d945a78edebd-cc5d9ef9 {
  place-self: center;
}

#w-node-_3823a064-c9b1-8ba0-2417-d945a78edebe-cc5d9ef9, #w-node-_3823a064-c9b1-8ba0-2417-d945a78edeca-cc5d9ef9, #w-node-_3823a064-c9b1-8ba0-2417-d945a78eded2-cc5d9ef9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3823a064-c9b1-8ba0-2417-d945a78edef0-cc5d9ef9 {
  grid-area: 1 / 1 / 2 / 2;
  place-self: center;
}

#w-node-_3823a064-c9b1-8ba0-2417-d945a78edef1-cc5d9ef9, #w-node-_3823a064-c9b1-8ba0-2417-d945a78edefd-cc5d9ef9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f85b752a-55ad-4597-77d7-98a715f37944-cc5d9ef9, #w-node-f85b752a-55ad-4597-77d7-98a715f3798a-cc5d9ef9 {
  place-self: center;
}

#w-node-f85b752a-55ad-4597-77d7-98a715f3798b-cc5d9ef9, #w-node-f85b752a-55ad-4597-77d7-98a715f37997-cc5d9ef9, #w-node-fc27a837-b0c0-ba35-c69e-9ae75bc771b0-cc5d9ef9, #w-node-fc27a837-b0c0-ba35-c69e-9ae75bc771b3-cc5d9ef9, #w-node-fc27a837-b0c0-ba35-c69e-9ae75bc771be-cc5d9ef9, #w-node-fc27a837-b0c0-ba35-c69e-9ae75bc771b6-cc5d9ef9, #w-node-fc27a837-b0c0-ba35-c69e-9ae75bc771ba-cc5d9ef9, #w-node-_7486cf66-909a-2e2a-784d-74783b65c670-cc5d9ef9, #w-node-_7486cf66-909a-2e2a-784d-74783b65c675-cc5d9ef9, #w-node-_967ad76f-7ddf-9dc4-2935-cfedb8ff4a84-cc5d9ef9, #w-node-_967ad76f-7ddf-9dc4-2935-cfedb8ff4a87-cc5d9ef9, #w-node-_967ad76f-7ddf-9dc4-2935-cfedb8ff4a88-cc5d9ef9, #w-node-_967ad76f-7ddf-9dc4-2935-cfedb8ff4a8e-cc5d9ef9, #w-node-_967ad76f-7ddf-9dc4-2935-cfedb8ff4a94-cc5d9ef9, #w-node-_9f15eb49-d7d0-ee13-bac9-307ddbde4d33-cc5d9ef9, #w-node-_9f15eb49-d7d0-ee13-bac9-307ddbde4d36-cc5d9ef9, #w-node-_9f15eb49-d7d0-ee13-bac9-307ddbde4d37-cc5d9ef9, #w-node-_9f15eb49-d7d0-ee13-bac9-307ddbde4d3d-cc5d9ef9, #w-node-_9f15eb49-d7d0-ee13-bac9-307ddbde4d43-cc5d9ef9, #w-node-_44d03627-7a58-5ec9-b135-9d2f736f601e-cc5d9ef9, #w-node-_618e9c00-c441-0d91-9dc3-0561017c10ba-cc5d9ef9, #w-node-_6a9f8f7a-2ec3-3686-d038-1dd7ae99b57f-cc5d9ef9, #w-node-c8dfec6a-630a-7d02-cb2b-21b7e61692aa-cc5d9ef9, #w-node-_847f983d-5d09-a4df-0f8b-4ad5fc48174c-cc5d9ef9, #w-node-_136c8120-7b77-38a8-dd9a-ec336304125e-cc5d9ef9, #w-node-_136c8120-7b77-38a8-dd9a-ec3363041261-cc5d9ef9, #w-node-_136c8120-7b77-38a8-dd9a-ec3363041262-cc5d9ef9, #w-node-_136c8120-7b77-38a8-dd9a-ec3363041268-cc5d9ef9, #w-node-_136c8120-7b77-38a8-dd9a-ec336304126e-cc5d9ef9, #w-node-_136c8120-7b77-38a8-dd9a-ec3363041274-cc5d9ef9, #w-node-_136c8120-7b77-38a8-dd9a-ec336304127a-cc5d9ef9, #w-node-_136c8120-7b77-38a8-dd9a-ec3363041280-cc5d9ef9, #w-node-_136c8120-7b77-38a8-dd9a-ec3363041286-cc5d9ef9, #w-node-e42cbd6f-efc6-20ef-60fd-cf7f344dfa98-cc5d9ef9, #w-node-ca026904-cd16-b31a-6b80-1a4baffcc46b-cc5d9ef9, #w-node-ca026904-cd16-b31a-6b80-1a4baffcc46e-cc5d9ef9, #w-node-ca026904-cd16-b31a-6b80-1a4baffcc46f-cc5d9ef9, #w-node-ca026904-cd16-b31a-6b80-1a4baffcc475-cc5d9ef9, #w-node-ca026904-cd16-b31a-6b80-1a4baffcc47b-cc5d9ef9, #w-node-f031d993-80f8-969b-4afd-9b33233fd37a-cc5d9ef9, #w-node-f031d993-80f8-969b-4afd-9b33233fd382-cc5d9ef9, #w-node-f031d993-80f8-969b-4afd-9b33233fd385-cc5d9ef9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ff9f6072-6ad2-3795-0dfa-cad91730348f-55b37658 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-ff9f6072-6ad2-3795-0dfa-cad9173034a3-55b37658, #w-node-ff9f6072-6ad2-3795-0dfa-cad9173034a4-55b37658, #w-node-ff9f6072-6ad2-3795-0dfa-cad9173034bc-55b37658 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ba6332a3-d912-9f0b-fbe8-1bc83ef584ea-824c25a7 {
  justify-self: center;
}

#w-node-ba6332a3-d912-9f0b-fbe8-1bc83ef584eb-824c25a7 {
  place-self: center;
}

#w-node-_8c199542-f1b2-c7a4-8438-684bc0388a59-824c25a7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_4a94a4c3-6ee2-ef0e-3a94-90751b5535ab-cc5d9f6e, #w-node-_4a94a4c3-6ee2-ef0e-3a94-90751b5535ac-cc5d9f6e, #w-node-_4a94a4c3-6ee2-ef0e-3a94-90751b5535ae-cc5d9f6e, #w-node-_4a94a4c3-6ee2-ef0e-3a94-90751b5535af-cc5d9f6e, #w-node-_4a94a4c3-6ee2-ef0e-3a94-90751b5535b5-cc5d9f6e, #w-node-_4a94a4c3-6ee2-ef0e-3a94-90751b5535b6-cc5d9f6e, #w-node-_4a94a4c3-6ee2-ef0e-3a94-90751b5535bd-cc5d9f6e, #w-node-_4a94a4c3-6ee2-ef0e-3a94-90751b5535c3-cc5d9f6e, #w-node-_4a94a4c3-6ee2-ef0e-3a94-90751b5535c4-cc5d9f6e, #w-node-_4a94a4c3-6ee2-ef0e-3a94-90751b5535c9-cc5d9f6e, #w-node-_4a94a4c3-6ee2-ef0e-3a94-90751b5535d3-cc5d9f6e, #w-node-_4a94a4c3-6ee2-ef0e-3a94-90751b5535d4-cc5d9f6e, #w-node-_4a94a4c3-6ee2-ef0e-3a94-90751b5535d9-cc5d9f6e, #w-node-aa137d30-e086-fbd8-bdad-b6947cf2fb7b-cc5d9f6e, #w-node-aa137d30-e086-fbd8-bdad-b6947cf2fb7c-cc5d9f6e, #w-node-aa137d30-e086-fbd8-bdad-b6947cf2fb81-cc5d9f6e, #w-node-_28fef8ec-25c3-fd2d-c0ce-4bd87d6b189c-7d6b1896, #w-node-_28fef8ec-25c3-fd2d-c0ce-4bd87d6b18a4-7d6b1896, #w-node-_28fef8ec-25c3-fd2d-c0ce-4bd87d6b18a7-7d6b1896, #w-node-_28fef8ec-25c3-fd2d-c0ce-4bd87d6b18a9-7d6b1896, #w-node-fd9ccfb4-6a43-59ab-f7ba-5b0a61b0993f-cc5d9f71, #w-node-_8cfb0c64-cdae-3398-a999-2390e0ab0409-cc5d9f71, #w-node-c00e6c9e-1889-468c-9e83-c5cb36e0906c-cc5d9f71, #w-node-_265d93b3-f31e-ff00-3f70-31a4eaecdf12-cc5d9f71, #w-node-_265d93b3-f31e-ff00-3f70-31a4eaecdf16-cc5d9f71, #w-node-_265d93b3-f31e-ff00-3f70-31a4eaecdf18-cc5d9f71, #w-node-_7ebe4ce7-b087-32f1-3578-87fd2a086e3d-2a086e36, #w-node-_7ebe4ce7-b087-32f1-3578-87fd2a086e41-2a086e36, #w-node-_7ebe4ce7-b087-32f1-3578-87fd2a086e45-2a086e36, #w-node-_8cc0a79a-46bc-bd42-760e-9efa04a998ed-cc5d9f72, #w-node-ef3fa3ee-8982-5a87-811a-4b8d7e4a1bd6-cc5d9f72, #w-node-_04b1b45a-67fe-bed3-bf4d-c67c32a11400-cc5d9f72, #w-node-_04b1b45a-67fe-bed3-bf4d-c67c32a11404-cc5d9f72, #w-node-_04b1b45a-67fe-bed3-bf4d-c67c32a11406-cc5d9f72, #w-node-_084f9f84-e669-84a5-41b2-1c60475b72dc-cc5d9f73, #w-node-_68c6de98-ab85-0a44-09d5-897abf93d628-cc5d9f73, #w-node-_68c6de98-ab85-0a44-09d5-897abf93d62c-cc5d9f73, #w-node-_68c6de98-ab85-0a44-09d5-897abf93d62e-cc5d9f73, #w-node-_0db02ae0-1de8-5bab-5c88-a1189736bc69-cc5d9f73, #w-node-_0db02ae0-1de8-5bab-5c88-a1189736bc6b-cc5d9f73, #w-node-_803477e8-b187-53c6-f8b5-62888d6f6165-cc5d9f74, #w-node-_8fd5255a-9a52-bfdb-6358-e3bd1a5b48b2-cc5d9f74, #w-node-_8fd5255a-9a52-bfdb-6358-e3bd1a5b48c2-cc5d9f74, #w-node-_8fd5255a-9a52-bfdb-6358-e3bd1a5b48c5-cc5d9f74, #w-node-_8fd5255a-9a52-bfdb-6358-e3bd1a5b48c9-cc5d9f74, #w-node-_8fd5255a-9a52-bfdb-6358-e3bd1a5b48ce-cc5d9f74, #w-node-_8fd5255a-9a52-bfdb-6358-e3bd1a5b48d3-cc5d9f74, #w-node-_19bc6766-7f9f-9bd9-8977-c14e47828e1b-cc5d9f74, #w-node-df80fc3e-0865-49a4-ede6-723cf3d9c388-cc5d9f74, #w-node-c1e2d8aa-de31-c25d-cd8b-72499d073739-cc5d9f74, #w-node-_24d6f678-f131-f919-3165-a11f43537d78-cc5d9f74, #w-node-_55f02b12-1d8a-8139-7bdb-2e83562f4cef-cc5d9f75, #w-node-_456a5f30-b776-4189-cacb-f2e81d3551c1-cc5d9f75, #w-node-_6d53b13e-ad53-a25d-d4ed-5d9c13c82285-cc5d9f75, #w-node-_61a726da-003c-0d39-519c-73c3185eba96-cc5d9f75, #w-node-_764ec67e-72a3-2fc4-26f9-9bd6bbe9584d-cc5d9f75, #w-node-_5260b989-18d4-328f-3f3f-85b84d55579a-cc5d9f78, #w-node-_5260b989-18d4-328f-3f3f-85b84d55579d-cc5d9f78, #w-node-_5260b989-18d4-328f-3f3f-85b84d55579e-cc5d9f78, #w-node-_5260b989-18d4-328f-3f3f-85b84d5557a0-cc5d9f78, #w-node-_5260b989-18d4-328f-3f3f-85b84d5557a1-cc5d9f78, #w-node-_5260b989-18d4-328f-3f3f-85b84d5557a4-cc5d9f78, #w-node-_5260b989-18d4-328f-3f3f-85b84d5557a6-cc5d9f78, #w-node-_0255f42c-4c40-58b2-96c0-7c53f4b0ed3d-cc5d9f79, #w-node-_0255f42c-4c40-58b2-96c0-7c53f4b0ed42-cc5d9f79, #w-node-_0255f42c-4c40-58b2-96c0-7c53f4b0ed46-cc5d9f79, #w-node-_0255f42c-4c40-58b2-96c0-7c53f4b0ed49-cc5d9f79, #w-node-_0255f42c-4c40-58b2-96c0-7c53f4b0ed4b-cc5d9f79, #w-node-d3b45965-a0a7-b86a-d10d-026e39a2297e-cc5d9f79, #w-node-_50503afc-5dc2-f1a1-175c-dc5eb25ffbb3-cc5d9f79, #w-node-_0255f42c-4c40-58b2-96c0-7c53f4b0ed5b-cc5d9f79, #w-node-_0255f42c-4c40-58b2-96c0-7c53f4b0ed64-cc5d9f79, #w-node-bff0be02-7680-a9be-63d2-0c7b505154a2-cc5d9f91, #w-node-_4bc9d172-1103-08d7-4563-1aacd878a549-cc5d9f91, #w-node-_4bc9d172-1103-08d7-4563-1aacd878a55b-cc5d9f91, #w-node-_4bc9d172-1103-08d7-4563-1aacd878a55f-cc5d9f91, #w-node-_4bc9d172-1103-08d7-4563-1aacd878a561-cc5d9f91, #w-node-_788bb91a-ec85-1ce4-2f59-fcd5dc122a6d-cc5d9f92, #w-node-_788bb91a-ec85-1ce4-2f59-fcd5dc122a76-cc5d9f92, #w-node-_77ab1ba7-aa2f-c142-059a-fd2f69603bdb-cc5d9f92, #w-node-_77ab1ba7-aa2f-c142-059a-fd2f69603bdc-cc5d9f92, #w-node-_77ab1ba7-aa2f-c142-059a-fd2f69603be0-cc5d9f92, #w-node-_77ab1ba7-aa2f-c142-059a-fd2f69603be2-cc5d9f92 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_77ab1ba7-aa2f-c142-059a-fd2f69603be4-cc5d9f92 {
  align-self: stretch;
}

#w-node-_77ab1ba7-aa2f-c142-059a-fd2f69603be5-cc5d9f92, #w-node-_77ab1ba7-aa2f-c142-059a-fd2f69603be6-cc5d9f92, #w-node-_77ab1ba7-aa2f-c142-059a-fd2f69603be9-cc5d9f92, #w-node-_77ab1ba7-aa2f-c142-059a-fd2f69603beb-cc5d9f92, #w-node-_77ab1ba7-aa2f-c142-059a-fd2f69603bee-cc5d9f92, #w-node-_77ab1ba7-aa2f-c142-059a-fd2f69603bf0-cc5d9f92, #w-node-_77ab1ba7-aa2f-c142-059a-fd2f69603bf3-cc5d9f92, #w-node-_77ab1ba7-aa2f-c142-059a-fd2f69603bf5-cc5d9f92, #w-node-_37fb150d-a3c2-52b4-d328-d1d09dc2fe22-cc5d9f92, #w-node-_37fb150d-a3c2-52b4-d328-d1d09dc2fe2d-cc5d9f92, #w-node-_37fb150d-a3c2-52b4-d328-d1d09dc2fe2f-cc5d9f92, #w-node-_37fb150d-a3c2-52b4-d328-d1d09dc2fe30-cc5d9f92 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_37fb150d-a3c2-52b4-d328-d1d09dc2fe32-cc5d9f92 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: end;
}

#w-node-_37fb150d-a3c2-52b4-d328-d1d09dc2fe34-cc5d9f92, #w-node-_892cfb48-e864-ab24-15db-d67d4ebe4ceb-cc5d9f93, #w-node-_8ad05b8a-6346-99bf-a80c-fd8d844a50dd-cc5d9f93, #w-node-_51df8b87-8510-0e7f-1611-ebc3ca6780bd-cc5d9f93, #w-node-_9bc09d4b-509d-4dd0-3049-c586415bb455-cc5d9f93, #Apply.w-node-_9bc09d4b-509d-4dd0-3049-c586415bb484-cc5d9f93, #w-node-_9bc09d4b-509d-4dd0-3049-c586415bb489-cc5d9f93, #w-node-a7cee04b-058c-a4b1-7e40-37e2630bf8f8-cc5d9f93, #w-node-a7cee04b-058c-a4b1-7e40-37e2630bf8f9-cc5d9f93, #w-node-a7cee04b-058c-a4b1-7e40-37e2630bf8fa-cc5d9f93, #w-node-a7cee04b-058c-a4b1-7e40-37e2630bf8fe-cc5d9f93, #w-node-_6a3ac698-5508-c75e-aabf-40a9cc96c03d-cc5d9f94, #w-node-_0d931999-f986-fdd7-d824-64aed829345d-cc5d9f94, #w-node-_2d7e9501-2b2c-20bf-040f-b8d45b9cce5e-cc5d9f94, #w-node-_8527f977-e583-0ba1-f16d-27d408a4d5bf-cc5d9f94, #w-node-_12304721-6848-845a-512d-9e4bf8422910-cc5d9f94, #w-node-_12304721-6848-845a-512d-9e4bf8422916-cc5d9f94, #w-node-_12304721-6848-845a-512d-9e4bf842291a-cc5d9f94, #w-node-_12304721-6848-845a-512d-9e4bf842291c-cc5d9f94, #w-node-_78bf8b94-7d3a-e67e-c44d-57d747ca257f-cc5d9f95, #w-node-_78bf8b94-7d3a-e67e-c44d-57d747ca2582-cc5d9f95, #w-node-_78bf8b94-7d3a-e67e-c44d-57d747ca25a2-cc5d9f95, #w-node-b3e2e710-a105-b600-3bc2-7d61e181c898-cc5d9f96, #w-node-_97d9d335-9069-13a3-a0c2-eb5305bb7891-cc5d9f9f, #w-node-_2ad042be-3075-79ee-2a63-e120e8c6bee6-cc5d9f9f, #w-node-_19314966-2370-958f-838a-785327c84595-cc5d9f9f, #w-node-e9a27537-97bf-069c-2f6c-d1523e4cf349-cc5d9f9f, #w-node-b43aebc0-f0d5-4c0a-977e-2c1fd12b562e-cc5d9f9f, #w-node-_15b9e4e3-f032-3f4c-29a6-405dad032aae-cc5d9f9f, #w-node-_3e81f591-c58d-9e2f-41e7-7f4bc5b82314-cc5d9f9f, #w-node-f5ab0473-aae0-8ce4-9cfa-ba409b96b234-cc5d9f9f, #w-node-_2522c0f3-bfb2-edb6-5a8e-e4ee848aef86-cc5d9f9f, #w-node-_1da3a42a-38f7-3f07-2eb5-69e98d70ca3d-cc5d9f9f, #w-node-_2dec13e9-5da5-54db-3d80-647e8b35362f-cc5d9fa5, #w-node-_2dec13e9-5da5-54db-3d80-647e8b353635-cc5d9fa5, #w-node-_2dec13e9-5da5-54db-3d80-647e8b353639-cc5d9fa5, #w-node-_2dec13e9-5da5-54db-3d80-647e8b35363c-cc5d9fa5, #w-node-_2dec13e9-5da5-54db-3d80-647e8b35364e-cc5d9fa5, #w-node-_2dec13e9-5da5-54db-3d80-647e8b35364f-cc5d9fa5, #w-node-_2dec13e9-5da5-54db-3d80-647e8b353654-cc5d9fa5, #w-node-_2dec13e9-5da5-54db-3d80-647e8b353656-cc5d9fa5, #w-node-_2dec13e9-5da5-54db-3d80-647e8b353659-cc5d9fa5, #w-node-_2dec13e9-5da5-54db-3d80-647e8b35365b-cc5d9fa5, #w-node-_2dec13e9-5da5-54db-3d80-647e8b35365e-cc5d9fa5, #w-node-_2dec13e9-5da5-54db-3d80-647e8b353660-cc5d9fa5, #w-node-_2dec13e9-5da5-54db-3d80-647e8b353663-cc5d9fa5, #w-node-_2dec13e9-5da5-54db-3d80-647e8b353665-cc5d9fa5, #w-node-_2dec13e9-5da5-54db-3d80-647e8b353668-cc5d9fa5, #w-node-_2dec13e9-5da5-54db-3d80-647e8b35366a-cc5d9fa5, #w-node-_2dec13e9-5da5-54db-3d80-647e8b35366d-cc5d9fa5, #w-node-_2dec13e9-5da5-54db-3d80-647e8b35366f-cc5d9fa5, #w-node-_2dec13e9-5da5-54db-3d80-647e8b353672-cc5d9fa5, #w-node-_2dec13e9-5da5-54db-3d80-647e8b353674-cc5d9fa5, #w-node-_2dec13e9-5da5-54db-3d80-647e8b353677-cc5d9fa5, #w-node-_2dec13e9-5da5-54db-3d80-647e8b353679-cc5d9fa5, #w-node-_2dec13e9-5da5-54db-3d80-647e8b35367c-cc5d9fa5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2dec13e9-5da5-54db-3d80-647e8b353681-cc5d9fa5 {
  place-self: center;
}

#w-node-_2dec13e9-5da5-54db-3d80-647e8b353682-cc5d9fa5, #w-node-_2dec13e9-5da5-54db-3d80-647e8b353687-cc5d9fa5, #w-node-_2dec13e9-5da5-54db-3d80-647e8b35368e-cc5d9fa5, #w-node-c47b603a-ac58-6ab1-c495-6233dd1a46b0-cc5d9fa5, #w-node-c47b603a-ac58-6ab1-c495-6233dd1a46b2-cc5d9fa5, #w-node-c47b603a-ac58-6ab1-c495-6233dd1a46b4-cc5d9fa5, #w-node-c47b603a-ac58-6ab1-c495-6233dd1a46b7-cc5d9fa5, #w-node-c47b603a-ac58-6ab1-c495-6233dd1a46b9-cc5d9fa5, #w-node-c47b603a-ac58-6ab1-c495-6233dd1a46bc-cc5d9fa5, #w-node-c47b603a-ac58-6ab1-c495-6233dd1a46be-cc5d9fa5, #w-node-c47b603a-ac58-6ab1-c495-6233dd1a46c2-cc5d9fa5, #w-node-c47b603a-ac58-6ab1-c495-6233dd1a46c5-cc5d9fa5, #w-node-c47b603a-ac58-6ab1-c495-6233dd1a46c7-cc5d9fa5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2dec13e9-5da5-54db-3d80-647e8b353690-cc5d9fa5 {
  grid-area: 1 / 1 / 2 / 2;
  place-self: center;
}

#w-node-_2dec13e9-5da5-54db-3d80-647e8b353691-cc5d9fa5, #w-node-_2dec13e9-5da5-54db-3d80-647e8b353696-cc5d9fa5, #w-node-_2dec13e9-5da5-54db-3d80-647e8b3536bf-cc5d9fa5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2dec13e9-5da5-54db-3d80-647e8b3536c1-cc5d9fa5 {
  place-self: center;
}

#w-node-_2dec13e9-5da5-54db-3d80-647e8b3536c9-cc5d9fa5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_2dec13e9-5da5-54db-3d80-647e8b3536cc-cc5d9fa5, #w-node-_2dec13e9-5da5-54db-3d80-647e8b3536df-cc5d9fa5, #w-node-_2dec13e9-5da5-54db-3d80-647e8b3536e3-cc5d9fa5, #w-node-_2dec13e9-5da5-54db-3d80-647e8b3536e6-cc5d9fa5, #w-node-_2dec13e9-5da5-54db-3d80-647e8b3536ea-cc5d9fa5, #w-node-_2dec13e9-5da5-54db-3d80-647e8b3536f7-cc5d9fa5, #w-node-_2dec13e9-5da5-54db-3d80-647e8b3536fb-cc5d9fa5, #w-node-_2dec13e9-5da5-54db-3d80-647e8b3536f3-cc5d9fa5, #w-node-_2dec13e9-5da5-54db-3d80-647e8b3536ee-cc5d9fa5, #w-node-_2dec13e9-5da5-54db-3d80-647e8b353705-cc5d9fa5, #w-node-_2dec13e9-5da5-54db-3d80-647e8b353706-cc5d9fa5, #w-node-_2dec13e9-5da5-54db-3d80-647e8b35370a-cc5d9fa5, #w-node-_2dec13e9-5da5-54db-3d80-647e8b35370c-cc5d9fa5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2dec13e9-5da5-54db-3d80-647e8b35370e-cc5d9fa5 {
  justify-self: end;
}

#w-node-_2dec13e9-5da5-54db-3d80-647e8b353712-cc5d9fa5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2dec13e9-5da5-54db-3d80-647e8b35371c-cc5d9fa5 {
  justify-self: end;
}

#w-node-_2dec13e9-5da5-54db-3d80-647e8b353720-cc5d9fa5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2dec13e9-5da5-54db-3d80-647e8b353723-cc5d9fa5 {
  justify-self: end;
}

#w-node-_2dec13e9-5da5-54db-3d80-647e8b353727-cc5d9fa5, #w-node-_2dec13e9-5da5-54db-3d80-647e8b353729-cc5d9fa5, #w-node-_2dec13e9-5da5-54db-3d80-647e8b35372d-cc5d9fa5, #w-node-e9394617-8c5c-ba6d-eb2a-1f42d7b556c3-cc5d9fa5, #w-node-e9394617-8c5c-ba6d-eb2a-1f42d7b556c5-cc5d9fa5, #w-node-e9394617-8c5c-ba6d-eb2a-1f42d7b556c6-cc5d9fa5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e9394617-8c5c-ba6d-eb2a-1f42d7b556c8-cc5d9fa5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: end;
}

#w-node-e9394617-8c5c-ba6d-eb2a-1f42d7b556ca-cc5d9fa5, #w-node-_2dec13e9-5da5-54db-3d80-647e8b35375c-cc5d9fa5, #w-node-_2dec13e9-5da5-54db-3d80-647e8b35375f-cc5d9fa5, #w-node-_2dec13e9-5da5-54db-3d80-647e8b353760-cc5d9fa5, #w-node-_2dec13e9-5da5-54db-3d80-647e8b353765-cc5d9fa5, #w-node-_2dec13e9-5da5-54db-3d80-647e8b353768-cc5d9fa5, #w-node-_2dec13e9-5da5-54db-3d80-647e8b35376a-cc5d9fa5, #w-node-_2dec13e9-5da5-54db-3d80-647e8b35376e-cc5d9fa5, #w-node-_2dec13e9-5da5-54db-3d80-647e8b353773-cc5d9fa5, #w-node-_2dec13e9-5da5-54db-3d80-647e8b353775-cc5d9fa5, #w-node-_2dec13e9-5da5-54db-3d80-647e8b353777-cc5d9fa5, #w-node-_2dec13e9-5da5-54db-3d80-647e8b35377a-cc5d9fa5, #w-node-_2dec13e9-5da5-54db-3d80-647e8b353783-cc5d9fa5, #w-node-_5ccdf294-6f10-ca36-381b-3dab00b23b71-cc5d9fab, #w-node-b5e7bd18-124d-f6d5-747d-c3237955005f-cc5d9fac, #w-node-b5e7bd18-124d-f6d5-747d-c32379550062-cc5d9fac, #w-node-_4b65c649-c743-6b9c-f331-2826a09e3374-cc5d9fac, #w-node-_4b65c649-c743-6b9c-f331-2826a09e3376-cc5d9fac, #w-node-_4b65c649-c743-6b9c-f331-2826a09e3377-cc5d9fac, #w-node-_4b65c649-c743-6b9c-f331-2826a09e337b-cc5d9fac, #w-node-b5e7bd18-124d-f6d5-747d-c32379550077-cc5d9fac, #w-node-aee6fcd3-c2d1-bc18-d42f-27c26ad9366f-cc5d9fae, #w-node-e7ff9b22-c1d4-3b1d-b3b4-f14a575c21ee-cc5d9fae, #w-node-_7721b76b-8ddf-3cda-7fae-767cf857a348-cc5d9fae, #w-node-dffc54a8-14c8-6727-7a59-c491aab5d8c4-cc5d9fae, #w-node-ab4a921e-2767-6160-3364-a73e548a6e79-cc5d9fae {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-db6f8040-2921-dcc8-dbbd-aa0d5272bed0-cc5d9fae {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-_50898f1e-30f5-22c2-7c50-8cab48a42d4f-cc5d9fae, #w-node-_6ff55292-d3d9-a1d5-4a41-7c10c5c0c603-cc5d9fae, #w-node-_92d0a255-3cee-cb39-b8e3-85f64ee1222c-cc5d9fae, #w-node-beb45f57-ee6b-1472-4564-b43975a06909-cc5d9fae {
  justify-self: stretch;
}

@media screen and (max-width: 991px) {
  #w-node-_3823a064-c9b1-8ba0-2417-d945a78edef0-cc5d9ef9, #w-node-_2dec13e9-5da5-54db-3d80-647e8b353690-cc5d9fa5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_77ab1ba7-aa2f-c142-059a-fd2f69603be4-cc5d9f92 {
    justify-self: stretch;
  }
}


@font-face {
  font-family: 'Hubot Sans';
  src: url('../fonts/Hubot-Sans-RegularWide.woff2') format('woff2'), url('../fonts/Hubot-Sans-RegularWide.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'Uncut Sans';
  src: url('../fonts/UncutSans-Regular.woff2') format('woff2'), url('../fonts/UncutSans-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'Uncut Sans';
  src: url('../fonts/UncutSans-Medium.woff2') format('woff2'), url('../fonts/UncutSans-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'Fragment Mono';
  src: url('../fonts/FragmentMono-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: block;
}