h1, h2, h3, h4, h5 {
  display: block;
  font-family: "Space Grotesk", sans-serif;
  color: #000000;
  line-height: 150%;
}

@media (min-width: 1440px) {
  .section__width {
    max-width: 1650px;
  }
}

.section__padding {
  padding: 0 1rem;
  padding-top: 2rem;
  padding-bottom: 4rem;
}
@media (min-width: 1024px) {
  .section__padding {
    padding: 3.375rem 5% 9.5rem 5%;
  }
}
@media (min-width: 1440px) {
  .section__padding {
    padding: 8rem 10% 9.5rem 10%;
  }
}

.landing-page__header--wrapper {
  background-color: #22231F;
}
@media (min-width: 1024px) {
  .landing-page__header--wrapper {
    display: grid;
    column-gap: 5rem;
    grid-template-columns: 1fr auto;
    padding-top: 4rem;
  }
  .landing-page__header--wrapper .button {
    margin-top: 2rem;
  }
}
@media (min-width: 1440px) {
  .landing-page__header--wrapper {
    display: grid;
    column-gap: 25%;
    grid-template-columns: 1fr auto;
  }
}
@media (min-width: 1024px) {
  .landing-page__header--left {
    display: grid;
    row-gap: 1.5rem;
  }
}
.landing-page__footer--wrapper {
  background-color: #22231F;
  padding: 8rem 7% 1.5rem 7%;
}
.landing-page__content--wrapper {
  display: grid;
  row-gap: 3rem;
}
@media (min-width: 1024px) {
  .landing-page__content--wrapper {
    row-gap: 6.25rem;
  }
}
.landing-page__content--item {
  display: grid;
  row-gap: 2rem;
}
@media (min-width: 1024px) {
  .landing-page__content--item {
    grid-template-columns: 1fr 2fr;
    column-gap: 6.5rem;
    align-items: center;
  }
}
.landing-page__content--item .img-screenshoot {
  display: flex;
  width: 100%;
}
@media (min-width: 1024px) {
  .landing-page__coming-soon--wrapper {
    display: grid;
    grid-template-columns: 1fr 2fr;
  }
}
.landing-page__coming-soon--content {
  display: grid;
  row-gap: 1rem;
}
@media (min-width: 1024px) {
  .landing-page__coming-soon--content {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 3rem;
    padding: 0 8.5rem;
  }
}
@media (min-width: 1440px) {
  .landing-page__coming-soon--content {
    row-gap: 4rem;
  }
}
.landing-page__benefits--wrapper {
  display: grid;
  row-gap: 2.85rem;
  padding-top: 5rem;
  padding-bottom: 12rem;
  background-color: #D5F478;
}
@media (min-width: 1024px) {
  .landing-page__benefits--wrapper {
    row-gap: 5rem;
  }
}
.landing-page__benefits--content {
  display: grid;
  row-gap: 1.5rem;
}
@media (min-width: 1024px) {
  .landing-page__benefits--content {
    column-gap: 2rem;
    grid-template-columns: repeat(3, 1fr);
  }
}

.button {
  font-family: "Space Grotesk", sans-serif;
  font-weight: 600;
  border: none;
  padding: 8px 14px;
}
.button--primary {
  color: #000000;
  background-color: #D5F478;
}
.button--primary:hover {
  color: #000000;
  background-color: #B9E04A;
}
.button--secondary {
  color: #ffffff;
  background-color: #22231F;
}
.button--secondary:hover {
  color: #ffffff;
  background-color: #373932;
}
@media (min-width: 1024px) {
  .button {
    padding: 16px 28px;
    font-size: 1.28rem;
    line-height: 156%;
  }
}

.landing-page-card {
  display: grid;
  padding: 1.5rem;
  border-radius: 1.25rem;
}
.landing-page-card.black {
  grid-template-rows: 2fr 1fr;
  min-height: 280px;
  background-color: #22231F;
}
@media (min-width: 1024px) {
  .landing-page-card.black {
    min-height: 480px;
  }
}
@media (min-width: 1024px) {
  .landing-page-card.black img {
    width: 230px;
    height: auto;
  }
}
.landing-page-card.white {
  background-color: #ffffff;
}
.landing-page-card--footer {
  padding: 3.75rem 1.5rem;
  margin-top: -100px;
}
.landing-page-card--footer button {
  margin-top: 2.5rem;
}
@media (min-width: 1024px) {
  .landing-page-card--footer {
    display: grid;
    column-gap: 8rem;
    grid-template-columns: 1fr auto;
    align-items: center;
    padding: 6.25rem 6.5rem;
    margin-top: -130px;
  }
  .landing-page-card--footer button {
    margin-top: 0;
  }
}
@media (min-width: 1440px) {
  .landing-page-card--footer {
    margin-top: -170px;
    column-gap: 41%;
  }
}

.card-type-bottom h4 {
  margin-bottom: 8px;
}

.img-logomark {
  width: 200px;
}

@media (min-width: 1024px) {
  .item-icon {
    width: 50px;
    height: 50px;
  }
}

@media (min-width: 1024px) {
  .comming-soon-icon {
    width: 48px;
    height: 48px;
  }
}

.font-black {
  color: #000000;
}

.font-white {
  color: #ffffff;
}

p {
  color: #000000;
}

.h40 {
  font-size: 2.5rem;
  line-height: 120%;
}

.h40sm-h96lg {
  font-size: 2.5rem;
  line-height: 120%;
  letter-spacing: -0.02em;
}
@media (min-width: 1024px) {
  .h40sm-h96lg {
    font-size: 6.85rem;
    line-height: 90%;
  }
}

.h32 {
  font-size: 2rem;
  line-height: 110%;
  letter-spacing: -0.02em;
}
@media (min-width: 1024px) {
  .h32 {
    font-size: 2.25rem;
  }
}

.t24sm-t40lg {
  font-size: 1.43rem;
  line-height: 150%;
  letter-spacing: -0.02em;
}
@media (min-width: 1024px) {
  .t24sm-t40lg {
    font-size: 3rem;
    line-height: 110%;
  }
}

@media (min-width: 1024px) {
  .t24lg {
    font-size: 1.5rem;
    line-height: 133%;
  }
}

@media (min-width: 1024px) {
  .t20lg {
    font-size: 1.25rem;
    line-height: 150%;
  }
}

.t18sm-t36lg {
  font-size: 1.125rem;
  line-height: 90%;
}
@media (min-width: 1024px) {
  .t18sm-t36lg {
    font-size: 2.25rem;
    line-height: 90%;
  }
}

.t18sm-t24lg {
  font-size: 1.125rem;
  line-height: 90%;
  letter-spacing: -0.02em;
}
@media (min-width: 1024px) {
  .t18sm-t24lg {
    font-size: 1.71rem;
    line-height: 133%;
  }
}

.section-background__header {
  background-color: #22231F;
}
.section-background__benefits {
  background-color: #D5F478;
}
.section-background__footer {
  background-color: #22231F;
}

/*# sourceMappingURL=landing-page.css.map */