.section-about { margin-top: 15rem; position: relative; z-index: 1; }

.about { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.about__img { width: calc(100% - 45.5rem); padding-right: 4.5rem; padding-left: 2%; }

.about__content { width: 45.5rem; padding-bottom: .5rem; }

.about__btn { margin-top: 2rem; }

.content-block__text { font-size: 1.6rem; line-height: 170%; }

.play-icon { color: #fff; padding: 0 0 0 .5rem; width: 6.6rem; height: 6.6rem; font-size: 2.6rem; -webkit-border-radius: 50%; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; -webkit-box-shadow: 0px 1.5rem 2.5rem rgba(230, 51, 94, 0.25); box-shadow: 0px 1.5rem 2.5rem rgba(230, 51, 94, 0.25); }

.play-icon i { position: relative; z-index: 2; }

.play-icon:before { content: ''; display: block; width: 136.36%; height: 136.36%; background: -webkit-linear-gradient(186.56deg, rgba(226, 94, 102, 0.991703) 0%, rgba(230, 51, 94, 0.991703) 100%); background: -o-linear-gradient(186.56deg, rgba(226, 94, 102, 0.991703) 0%, rgba(230, 51, 94, 0.991703) 100%); background: linear-gradient(263.44deg, rgba(226, 94, 102, 0.991703) 0%, rgba(230, 51, 94, 0.991703) 100%); opacity: 0.15; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; z-index: 0; left: 50%; top: 50%; -webkit-transform: scale(1) translate(-50%, -50%); -ms-transform: scale(1) translate(-50%, -50%); transform: scale(1) translate(-50%, -50%); -webkit-transition: -webkit-transform 0.4s ease; transition: -webkit-transform 0.4s ease; -o-transition: transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; }

.play-icon:after { content: ''; display: block; width: 100%; height: 100%; background: -webkit-linear-gradient(186.56deg, rgba(255, 154, 160, 0.991703) 0%, rgba(249, 73, 115, 0.991703) 100%); background: -o-linear-gradient(186.56deg, rgba(255, 154, 160, 0.991703) 0%, rgba(249, 73, 115, 0.991703) 100%); background: linear-gradient(263.44deg, rgba(255, 154, 160, 0.991703) 0%, rgba(249, 73, 115, 0.991703) 100%); -webkit-border-radius: 50%; border-radius: 50%; position: absolute; z-index: 1; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.play-video { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.play-video__text { padding-left: 2.3rem; }

.play-video__title { font-weight: bold; font-size: 1.4rem; line-height: 150%; letter-spacing: 0.05em; text-transform: uppercase; margin-bottom: .3rem; color: #FB5472; }

.play-video__link { font-size: 1.6rem; line-height: 170%; color: #646A89; }

.play-video:hover .play-icon:before { -webkit-transform: scale(1.15) translate(-50%, -50%); -ms-transform: scale(1.15) translate(-50%, -50%); transform: scale(1.15) translate(-50%, -50%); }

.section-subtitle { font-size: 2.2rem; line-height: 150%; }

.section-steps { margin-top: 15.2rem; }

.steps { margin: 7.1rem -1.5rem 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.steps__item { padding: 0 1.5rem 3rem; width: 25%; max-width: 25rem; position: relative; }

.steps__title { margin-top: 3.1rem; font-weight: bold; text-transform: capitalize; font-family: Aleo, arial, sans-serif; font-size: 2.4rem; line-height: 120%; position: relative; z-index: 1; color: #1B2B7C; }

.steps__count { position: absolute; bottom: -1.7rem; left: 50%; z-index: 0; font-weight: 900; font-size: 15rem; line-height: 100%; -webkit-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%); color: rgba(27, 43, 124, 0.05); }

.section-prices { margin-top: 18.2rem; position: relative; z-index: 1; }

.prices { margin: 5.2rem -1.5rem 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.prices__item { margin: 0 1.5rem 3rem; width: calc(33.33% - 3rem); background: #fff; -webkit-box-shadow: 0px 1rem 2.6rem rgba(36, 73, 168, 0.15); box-shadow: 0px 1rem 2.6rem rgba(36, 73, 168, 0.15); -webkit-border-radius: 1rem; border-radius: 1rem; color: #646A89; -webkit-transition: none; -o-transition: none; transition: none; overflow: hidden; }

.prices__item:hover { color: #646A89; }

.prices__item:hover .prices__cost-val { color: #FB5472; }

.prices__item-recomendation .prices__head { padding-top: 4.9rem; padding-bottom: 4rem; }

.prices__category { color: #FB5472; font-weight: bold; font-size: 1.6rem; line-height: 150%; text-transform: uppercase; }

.prices__title { margin-top: .9rem; font-weight: bold; font-size: 2.4rem; line-height: 140%; font-family: Aleo, arial, sans-serif; color: #1B2B7C; }

.prices__cost { margin-top: 1.5rem; font-weight: bold; font-size: 2rem; padding-left: 1.5rem; line-height: 2; }

.prices__cost-val { font-weight: bold; font-size: 6.4rem; margin: 0 1rem; line-height: 1; color: #1B2B7C; vertical-align: top; -webkit-transition: color .4s ease; -o-transition: color .4s ease; transition: color .4s ease; }

.prices__list { list-style: none; font-size: 1.6rem; line-height: 170%; }

.prices__list li { margin-bottom: .7rem; }

.prices__inner { position: relative; z-index: 1; }

.prices__head { padding: 5rem 2.3rem 4rem; position: relative; }

.prices__content { padding: 4.4rem 2.3rem 5rem; }

.prices .checkbox-text:after { opacity: 1; }

.section-why {
  margin: 80px 0;
}

.domain-io {
  text-transform: lowercase;
}

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

.prices__content {
  flex-grow: 1; /* pushes footer down */
}

.prices__footer {
  margin-top: 1rem;
  padding-bottom: 1rem; /* ensures breathing room at bottom */
}


@media screen and (max-width: 1366px) { .section-about { margin-top: 11rem; }
  .section-prices { margin-top: 13.9rem; }
  .steps__title { font-size: 2.1rem; } }

@media screen and (max-width: 1100px) { .prices__head { padding: 4rem 2rem 3rem; position: relative; }
  .prices__item-recomendation .prices__head { padding-top: 3.9rem; padding-bottom: 3.1rem; }
  .prices__list li { margin-bottom: 0.5rem; } }

@media screen and (max-width: 767px) { .section-about { margin-top: 5rem; }
  .section-steps { margin-top: 6.2rem; }
  .steps__item { width: 50%; margin-bottom: 4rem; }
  .steps__count { font-size: 12rem; }
  .section-prices { margin-top: 6.9rem; }
  .steps { margin-top: 5rem; }
  .prices { margin-left: 0; margin-right: 0; }
  .prices__item { width: calc(50% - 3rem); }
}

  .section-ecosystem {
    padding: 90px 0;
    clear: both;
    position: relative;
    overflow: hidden;
    background: #fff;
  }

  .ecosystem-intro {
    max-width: 860px;
    margin: 0 auto 28px auto;
    text-align: center;
  }

  .ecosystem-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 28px;
    margin-top: 44px;
    align-items: stretch;
  }

  .ecosystem-card {
    background: #fff;
    border-radius: 18px;
    padding: 34px 28px;
    box-shadow: 0 18px 45px rgba(20, 31, 79, 0.08);
    min-height: 260px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }

  .ecosystem-card__title {
    font-family: AleoBold, serif;
    color: #17246f;
    font-size: 22px;
    line-height: 1.25;
    margin-bottom: 16px;
    text-align: center;
  }

  .ecosystem-card__text {
    color: #59617f;
    font-size: 15px;
    line-height: 1.75;
    text-align: center;
  }

  .ecosystem-close {
    max-width: 820px;
    margin: 46px auto 0 auto;
    text-align: center;
    font-weight: 700;
    font-size: 19px;
    line-height: 1.6;
    color: #17246f;
  }

  @media (max-width: 1100px) {
    .ecosystem-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (max-width: 640px) {
    .section-ecosystem {
      padding: 60px 0;
    }

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