.s-usps {
  --card-ratio: 0.8757;
  --card-width: calc(
    5 * var(--grid-column-width) + 4 * var(--grid-gutter-width)
  );
  --card-height: calc(var(--card-width) * var(--card-ratio));
  position: relative;
  z-index: 2;
  margin: var(--section-spacing-sm) 0;
}
@media only screen and (max-width: 1530px) {
  .s-usps {
    --card-width: calc(
      6 * var(--grid-column-width) + 4 * var(--grid-gutter-width)
    );
  }
}
@media only screen and (max-width: 987px) {
  .s-usps {
    --card-ratio: 1.13;
    --card-width: calc(
      6 * var(--grid-column-width) + 6 * var(--grid-gutter-width)
    );
  }
}
@media only screen and (max-width: 767px) {
  .s-usps {
    --card-width: calc(
      10 * var(--grid-column-width) + 9 * var(--grid-gutter-width)
    );
  }
}
@media only screen and (max-width: 767px) and (orientation: landscape),
  only screen and (max-width: 576px) {
  .s-usps {
    --card-ratio: 1.2;
    --card-width: 100vw;
  }
}
.s-usps .s__usps {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}
@media only screen and (max-width: 987px) {
  .s-usps .s__usps {
    margin-right: calc(var(--container-offset) * -0.25);
    margin-left: calc(var(--container-offset) * -0.25);
  }
}
@media only screen and (max-width: 767px) {
  .s-usps .s__usps {
    margin: 0 auto;
    max-width: calc(
      11 * var(--grid-column-width) + 10 * var(--grid-gutter-width)
    );
  }
}
@media only screen and (max-width: 767px) and (orientation: landscape),
  only screen and (max-width: 576px) {
  .s-usps .s__usps {
    margin: 0 calc(var(--container-offset) * -0.5);
    width: auto;
    max-width: none;
  }
}
.s-usps .s__header {
  margin: 0 0 2.125rem;
}
.s-usps .s__title {
  max-width: 8em;
  text-wrap: balance;
}
.s-usps .s__title.t-h-xs {
  line-height: 0.9;
}
@media only screen and (max-width: 767px) {
  .s-usps .s__title.t-h-xs {
    font-size: var(--font-size-h-xl);
  }
}
.s-usps .s__intro {
  margin: 1.6667em 0 0;
}
.s-usps .sb-usp {
  position: relative;
  width: var(--card-width);
  height: var(--card-height);
}
.s-usps .sb-usp .sb__content {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  padding: 2.4166rem;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 1280px) {
  .s-usps .sb-usp .sb__content {
    padding: calc(0 * var(--grid-column-width) + 2 * var(--grid-gutter-width));
  }
}
@media only screen and (max-width: 767px) {
  .s-usps .sb-usp .sb__content {
    padding: var(--container-offset) calc(var(--container-offset) * 0.5);
  }
}
.s-usps .sb-usp .sb__text {
  max-width: 22.5em;
  line-height: 1.2;
}
@media only screen and (max-width: 767px) and (orientation: landscape),
  only screen and (max-width: 576px) {
  .s-usps .sb-usp .sb__text {
    font-size: var(--font-size-t-sm);
  }
}
.s-usps .sb-usp .sb__illus {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.s-usps .sb-usp .sb__illus__lottie {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 987px) {
  .s-usps .sb-usp .sb__illus__lottie {
    top: -8%;
    left: -8%;
    width: 116%;
    height: 116%;
  }
}
@media only screen and (max-width: 767px) and (orientation: landscape),
  only screen and (max-width: 576px) {
  .s-usps .sb-usp .sb__illus__lottie {
    top: -17%;
    left: -20%;
    width: 140%;
    height: 140%;
  }
}
.s-usps .sb-usp .sb__illus__lottie svg {
  position: relative;
}
@media only screen and (max-width: 987px) {
  .s-usps .sb-usp .sb__illus__lottie svg {
    top: -2.5%;
  }
}
.s-usps .sb-usp .sb__illus--tech-stack,
.s-usps .sb-usp .sb__illus--python,
.s-usps .sb-usp .sb__illus--tailor-made,
.s-usps .sb-usp .sb__illus--generative-ai {
  background: var(--color-brand-2);
}
.s-usps .sb-usp .sb__illus--project,
.s-usps .sb-usp .sb__illus--sql,
.s-usps .sb-usp .sb__illus--on-site {
  background: var(--color-brand-7);
}
.s-usps .sb-usp .sb__illus--learning,
.s-usps .sb-usp .sb__illus--machine-learning,
.s-usps .sb-usp .sb__illus--bridge-the-gap {
  background: var(--color-brand-5);
}
.s-usps .sb-usp .sb__illus--hired,
.s-usps .sb-usp .sb__illus--analytics,
.s-usps .sb-usp .sb__illus--money-back {
  background: var(--color-brand-4);
}
.s-usps .sb-usp .sb__illus--visualization {
  background: var(--color-brand-6);
}
.s-usps .s__cta {
  margin: calc(0.34 * var(--grid-column-width) + 0 * var(--grid-gutter-width))
    auto 0;
}
@media only screen and (max-width: 767px) {
  .s-usps .s__cta {
    margin-top: calc(
      1.25 * var(--grid-column-width) + 0.25 * var(--grid-gutter-width)
    );
  }
}
.s-usps .s__cta__text {
  max-width: 22.5em;
}
.s-usps .s__cta--has-text {
  margin-top: calc(
    0.75 * var(--grid-column-width) + 0 * var(--grid-gutter-width)
  );
}
@media only screen and (max-width: 767px) {
  .s-usps .s__cta--has-text {
    padding: 0 calc(0 * var(--grid-column-width) + 4 * var(--grid-gutter-width));
    width: var(--card-width);
  }
}
.s-usps .s__cta__text + .s__cta__btn {
  margin-top: 1.88em;
}
.s-usps--layout-1 .s__cta:nth-child(2n + 2),
.s-usps--layout-2 .s__cta:nth-child(2n + 1) {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  margin: 0;
  padding: calc(1 * var(--grid-column-width) + 0 * var(--grid-gutter-width));
  width: var(--card-width);
  height: var(--card-height);
}
@media only screen and (max-width: 767px) {
  .s-usps--layout-1 .s__cta:nth-child(2n + 2),
  .s-usps--layout-2 .s__cta:nth-child(2n + 1) {
    margin: 0 auto;
    height: auto;
  }
}
.s-usps--layout-1 .s__cta:nth-child(2n + 2):not(.s__cta--has-text),
.s-usps--layout-2 .s__cta:nth-child(2n + 1):not(.s__cta--has-text) {
  align-items: center;
}
.s-usps--layout-1 .s__header {
  transform: translate3d(
    0,
    calc((1 - min(var(--smooth-progress) * 1, 1)) * 100%),
    0
  );
  text-align: center;
  will-change: transform;
}
@media only screen and (max-width: 767px) {
  .s-usps--layout-1 .s__header {
    transform: translate3d(
      0,
      calc((1 - min(var(--smooth-progress) * 1, 1)) * 50%),
      0
    );
  }
}
.s-usps--layout-1 .s__title {
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (max-width: 767px) and (orientation: landscape),
  only screen and (max-width: 576px) {
  .s-usps--layout-1 .s__title {
    margin: 0 calc(var(--container-offset) * -0.5);
  }
}
.s-usps--layout-1 .sb-usp:nth-child(4n + 1) {
  margin-left: calc(
    1 * var(--grid-column-width) + 0 * var(--grid-gutter-width)
  );
}
@media only screen and (max-width: 1530px) {
  .s-usps--layout-1 .sb-usp:nth-child(4n + 1) {
    margin-left: 0;
  }
}
.s-usps--layout-1 .sb-usp:nth-child(4n + 3) {
  margin-left: calc(
    2 * var(--grid-column-width) + 0 * var(--grid-gutter-width)
  );
}
@media only screen and (max-width: 1530px) {
  .s-usps--layout-1 .sb-usp:nth-child(4n + 3) {
    margin-left: calc(
      0 * var(--grid-column-width) + 3 * var(--grid-gutter-width)
    );
  }
}
@media only screen and (max-width: 987px) {
  .s-usps--layout-1 .sb-usp:nth-child(4n + 3) {
    margin-left: auto;
  }
}
@media only screen and (max-width: 767px) {
  .s-usps--layout-1 .sb-usp:nth-child(4n + 3) {
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .s-usps--layout-1 .sb-usp:nth-child(2n + 2) {
    margin-left: auto;
  }
}
.s-usps--layout-1.s-usps--has-intro .s__header {
  text-align: left;
}
.s-usps--layout-1.s-usps--has-intro .s__title {
  margin-right: 0;
  margin-left: 0;
}
.s-usps--layout-2 .u-container {
  position: relative;
}
.s-usps--layout-2 .s__header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: calc(6 * var(--grid-column-width) + 5 * var(--grid-gutter-width));
  height: var(--card-height);
  background: #fff;
  opacity: 1;
}
@media only screen and (max-width: 987px) {
  .s-usps--layout-2 .s__header {
    left: calc(var(--container-offset) * -0.25);
  }
}
@media only screen and (max-width: 767px) {
  .s-usps--layout-2 .s__header {
    position: relative;
    left: 0;
    margin: 0 0 0 calc(var(--container-offset) * -0.5);
    padding: calc(var(--container-offset) * 1)
      calc(var(--container-offset) * 0.5) calc(var(--container-offset) * 1)
      calc(
        var(--container-offset) * 0.5 + 0.5 * var(--grid-column-width) + 0.5 *
          var(--grid-gutter-width)
      );
    width: calc(
      var(--card-width) + var(--container-offset) * 0.5 + 0.5 *
        var(--grid-column-width) + 0.5 * var(--grid-gutter-width)
    );
    height: auto;
  }
}
@media only screen and (max-width: 767px) and (orientation: landscape),
  only screen and (max-width: 576px) {
  .s-usps--layout-2 .s__header {
    margin-right: calc(var(--container-offset) * -0.5);
    padding-left: calc(var(--container-offset) * 0.5);
    width: auto;
  }
}
.s-usps--layout-2 .s__header-content {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  padding: 17%;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
@media only screen and (max-width: 1530px) {
  .s-usps--layout-2 .s__header-content {
    padding: 12.5%;
  }
}
@media only screen and (max-width: 767px) {
  .s-usps--layout-2 .s__header-content {
    position: relative;
    padding: 0;
  }
}
.s-usps--layout-2 .s__header .s__title {
  transform: translate3d(-17%, 0, 0);
  transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
}
.s-usps--layout-2 .s__header__masks {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.s-usps--layout-2 .s__header__mask {
  position: absolute;
  top: 0;
  left: -20%;
  z-index: 2;
  width: 120%;
  height: 100%;
  clip-path: polygon(
    0 0,
    100% 0,
    100% 50%,
    100% 100%,
    0% 100%,
    16.66% 50%,
    0 0
  );
  transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.s-usps--layout-2 .s__header__mask:nth-child(1),
.s-usps--layout-2 .s__header__mask:nth-child(3) {
  background: var(--color-brand-5);
}
.s-usps--layout-2 .s__header__mask:nth-child(1) {
  transition-delay: 0.4s;
}
.s-usps--layout-2 .s__header__mask:nth-child(2) {
  background: var(--color-brand-7);
  transition-delay: 0.2s;
}
@media only screen and (max-width: 767px) {
  .s-usps--layout-2 .s__header .s__strips {
    bottom: calc(var(--size) * -0.5);
    left: calc(100% - var(--size) * 0.5);
  }
}
@media only screen and (max-width: 767px) and (orientation: landscape),
  only screen and (max-width: 576px) {
  .s-usps--layout-2 .s__header .s__strips {
    display: none;
  }
}
.s-usps--layout-2 .s__header.is-in .s__title {
  transform: translate3d(0, 0, 0);
}
.s-usps--layout-2 .s__header.is-in .s__header__mask {
  transform: translate3d(100%, 0, 0);
}
.s-usps--layout-2 .sb-usp {
  overflow: hidden;
}
.s-usps--layout-2 .sb-usp:first-child {
  margin-left: calc(
    6 * var(--grid-column-width) + 5 * var(--grid-gutter-width)
  );
}
@media only screen and (max-width: 767px) {
  .s-usps--layout-2 .sb-usp:first-child {
    margin-left: 0;
  }
}
.s-usps--layout-2 .sb-usp:nth-child(n + 2):nth-child(4n + 2) {
  margin-left: calc(
    2 * var(--grid-column-width) + 3 * var(--grid-gutter-width)
  );
}
@media only screen and (max-width: 1530px) {
  .s-usps--layout-2 .sb-usp:nth-child(n + 2):nth-child(4n + 2) {
    margin-left: calc(
      0 * var(--grid-column-width) + 3 * var(--grid-gutter-width)
    );
  }
}
@media only screen and (max-width: 987px) {
  .s-usps--layout-2 .sb-usp:nth-child(n + 2):nth-child(4n + 2) {
    margin-left: auto;
  }
}
@media only screen and (max-width: 767px) {
  .s-usps--layout-2 .sb-usp:nth-child(n + 2):nth-child(4n + 2) {
    margin: 0 auto;
  }
}
.s-usps--layout-2 .sb-usp:nth-child(n + 2):nth-child(4n + 4) {
  margin-left: calc(
    1 * var(--grid-column-width) + 1 * var(--grid-gutter-width)
  );
}
@media only screen and (max-width: 1530px) {
  .s-usps--layout-2 .sb-usp:nth-child(n + 2):nth-child(4n + 4) {
    margin-left: calc(
      0 * var(--grid-column-width) + 1 * var(--grid-gutter-width)
    );
  }
}
@media only screen and (max-width: 987px) {
  .s-usps--layout-2 .sb-usp:nth-child(n + 2):nth-child(4n + 4) {
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .s-usps--layout-2 .sb-usp:nth-child(n + 2):nth-child(4n + 4) {
    margin: 0 auto;
  }
}
@media only screen and (max-width: 767px) {
  .s-usps--layout-2 .sb-usp:nth-child(n + 2):nth-child(2n + 2) {
    margin-right: 0;
    margin-left: auto;
  }
}
@media only screen and (max-width: 767px) {
  .s-usps--layout-2 .sb-usp:nth-child(n + 2):nth-child(2n + 1) {
    margin-right: auto;
    margin-left: 0;
  }
}