main:has(.hero-with-form.--delight) {
  background-color: transparent !important;
}

.hero-with-form.--dark {
  margin-bottom: 24px !important;

  @media (min-width: 768px) {
    margin-bottom: 54px !important;
  }
}

@media (min-width: 768px) {
  .hero-with-form__content {
      width: 44% !important;
      max-width: 670px !important;
  }
}

@media (min-width: 768px) {
  .hero-with-form__form {
      width: 50% !important;
      max-width: 768px !important;
  }
}

.hero-with-form__content {
  text-align: center;

  @media (min-width: 768px) {
    text-align: left;
  }
}

.hero-with-form__heading {
  margin-bottom: 16px !important;

  @media (min-width: 768px) {
    margin-bottom: 32px !important;
  }
}

.hero-with-form__heading h1 span:last-child {
  color: var(--color-gray-350) !important;
}

.hero-with-form__description {
  font-size: 16px !important;
  line-height: 136% !important; /* 21.76px */
  letter-spacing: -0.32px !important;
  color: var(--color-gray-500) !important;
  margin-bottom: 48px !important;

  @media (min-width: 768px) {
    font-size: 20px !important;
    line-height: 136% !important; /* 27.2px */
    letter-spacing: -0.4px !important;
  }
}



/* logo-garden-carousel */
.logo-garden-carousel {
  margin-bottom: 24px !important;

  @media (min-width: 768px) {
    margin-bottom: 76px !important;
  }
}



/* metrics-bar */
.metrics-bar__items {
  background: none !important;
  border-radius: 16px !important;
  border: 1px solid var(--color-gray-200) !important;
}

.metrics-bar__item {
  @media (min-width: 768px) {
    width: 50% !important;
  }

  @media (min-width: 1024px) {
    width: 25% !important;
  }
}

@media (max-width: 1023px) {
  .metrics-bar__item:nth-child(3) {
    border-left: none !important;
  }

  .metrics-bar__item:nth-child(1),
  .metrics-bar__item:nth-child(2) {
    margin-bottom: 24px !important; 
  }
}



/* comparison-table */
.comparison-table {
  background: transparent !important;
  padding-top: 0 !important;
}

.comparison-table__container {
  background: transparent !important;
  padding-top: 56px !important;

  @media (min-width: 1024px) {
    padding-top: 80px !important;
    padding-bottom: 64px !important;
  }
}

.comparison-table__background {
  display: block !important;
}

@media (max-width: 1023px) {
  .comparison-table__table-body-row {
      background: rgba(255, 255, 255, 0.70) !important;
  }
}

.comparison-table__heading h2 span {
  position: relative;

  &:before {
    content: '';
    position: absolute;
    bottom: 2px;
    left: -4px;
    width: calc(100% + 8px);
    height: 12px;
    background: #F2FF66;
    z-index: -1;

    @media (min-width: 1024px) {
      bottom: 4px;
      height: 17px;
    }
  }
}

.comparison-table__table-desktop .comparison-table__table-head {
  border-radius: 12px 12px 0 0;
  overflow: hidden;
  position: relative !important;
  top: 0 !important;
}

@media (min-width: 1024px) {
  .comparison-table__table-head {
      background: transparent !important;
  }
}

@media (min-width: 1024px) {
  .comparison-table__table-head-cell.cell-2 {
    background: #F7F5F0 !important;
    border-right: 1px solid #E5E3DF !important;
    border-left: 1px solid #E5E3DF !important;
    border-top: 1px solid #E5E3DF !important;
    color: var(--color-gray-800);
  }

  .comparison-table__table-head-cell.cell-2:before,
  .comparison-table__table-head-cell.cell-2:after {
    content: none !important;
  }

  .comparison-table__table-head-cell.cell-1,
  .comparison-table__table-body-cell.cell-1 {
    background: rgba(255, 255, 255, 0.70) !important;
    padding-left: 24px !important;
    color: var(--color-gray-500) !important;
  }

  .comparison-table__table-body-cell.cell-3 {
    background: rgba(255, 255, 255, 0.50);
    color: var(--color-gray-500) !important;
  }

  .comparison-table__table-body-row:last-child {
    border-radius: 0 0 12px 12px;
    overflow: hidden;

    .comparison-table__table-body-cell.cell-2 {
      border-radius: 0 !important;
      overflow: hidden;
    }
  }
}


@media (max-width: 1023px) {
  .comparison-table__table-body-cell.--left {
    padding-left: 34px !important;
  }

  .comparison-table__table-body-cell.--left:before {
      top: 18px !important;
      left: 12px !important;
      width: 16px !important;
      height: 16px !important;
      background: #25BD85 !important;
      border-radius: 3.2px !important;
  }

  .comparison-table__table-body-cell.--left:after {
      content: '';
      position: absolute;
      top: 22px;
      left: 14px;
      width: 12px;
      height: 6px;
      border-left: 2px solid #fff;
      border-bottom: 2px solid #fff;
      transform: rotate(-45deg) scale(0.7);
  }
}

@media (min-width: 1024px) {
  .comparison-table__table-body-cell.cell-2 {
    padding-left: 52px !important;
  }

  .comparison-table__table-body-cell.cell-2:before {
      top: 26px !important;
      left: 24px !important;
      width: 20px !important;
      height: 20px !important;
      background: #25BD85 !important;
      border-radius: 4px !important;
  }

  .comparison-table__table-body-cell.cell-2:after {
      content: '';
      position: absolute;
      top: 31px;
      left: 27px;
      width: 14px;
      height: 7px;
      border-left: 2px solid #fff;
      border-bottom: 2px solid #fff;
      transform: rotate(-45deg) scale(0.8);
  }
}





.feature-card__image {
  margin-bottom: 16px !important;

  @media (min-width: 1024px) {
    margin-bottom: 20px !important;
  }
}

.card-grid__description {
  max-width: 884px;
  margin-left: auto;
  margin-right: auto;
}





section.text-and-media {
  margin-bottom: 48px !important;
}

.text-and-media__content {
  margin-bottom: 0 !important;
}

.text-and-media__description {
  color: var(--color-gray-500) !important;
  font-size: 16px !important;
  line-height: 140% !important; /* 22.4px */
  letter-spacing: -0.32px !important;

  @media (min-width: 768px) {
    font-size: 18px !important;
    line-height: 138% !important;
    letter-spacing: -0.36px !important;
    padding-bottom: 21px !important;
    margin-top: 0 !important;
  }
}

.text-and-media + .comparison-table {
  margin-bottom: 32px !important;

  @media (min-width: 1024px) {
    margin-bottom: 40px !important;
  }

  .comparison-table__background {
    display: none !important;

    @media (min-width: 1024px) {
      display: block !important;
    }
  }

  .comparison-table__container {
    padding-top: 0 !important;

    @media (min-width: 1024px) {
      padding-top: 64px !important;
    }
  }

  .comparison-table__heading {
    margin-bottom: 32px !important;

    * {
      font-family: var(--font-family-primary) !important;
      font-size: 20px !important;
      font-weight: 500 !important;
      line-height: 128% !important; /* 25.6px */
      letter-spacing: -0.4px !important;
      color: var(--color-gray-800) !important;

      @media (min-width: 1024px) {
        font-size: 28px !important;
        line-height: 132% !important; /* 36.96px */
        letter-spacing: -0.56px !important;
      }
    }
  }
}

@media (max-width: 1023px) {
  .text-and-media + .comparison-table .comparison-table__table-body-row {
    background: #F7F5F0 !important;
  }
}




.comparison-table + section.text-and-media {
  margin-bottom: 60px !important;

  @media (min-width: 1024px) {
    margin-bottom: 140px !important;
  }
}







.text-and-media__asset {
  display: none !important;
}

.text-and-media .tips {
  margin-top: 0 !important;
}



.cta-background-image__content-heading h2 {
  font-size: 40px !important;
  line-height: 110% !important; /* 44px */
  letter-spacing: -0.8px !important;

  @media (min-width: 1024px) {
    font-size: 48px !important;
    line-height: 120% !important; /* 57.6px */
    letter-spacing: -0.96px !important;
  }
}


.cta-background-image__content-heading p{
  margin-top: 8px;

  @media (min-width: 1024px) {
    font-size: 18px;
    line-height: 138%; /* 24.84px */
    letter-spacing: -0.36px;
    margin-top: 12px;
  }
}

.feature-pages__head {
  display: flex;
  flex-direction: column;
  align-items: center !important;
  text-align: center !important;
}