@import url(../sections/features.css);
@import url(../sections/statistics.css);
@import url(../sections/period.css);
@import url(../sections/power.css);
@import url(../sections/showcase.css);
@import url(../sections/success-story.css);
@import url(../sections/ecosystem.css);
@import url(../sections/comment.css);
@import url(../sections/quick-links.css);

.hero {
  padding-bottom: 64px;
}
.hero .section-title {
  max-width: 100%;
}
.hero .section-title h1 span,
.hero .section-title .h1 span {
  display: block;
  color: var(--azure-radiance-500);
}
.hero .section-title p {
  max-width: 664px;
  margin-bottom: 40px;
}
.hero-action-buttons {
  margin-bottom: 64px;
}

.features .section-title {
  max-width: 610px;
}
.features .section-title p {
  max-width: 570px;
}

.power {
  padding: 128px 0;
}
.power .section-title {
  max-width: 610px;
}
.power .section-title p {
  max-width: 498px;
}
.power .power-cards .image-card:nth-child(2) p,
.power .power-cards .image-card:nth-child(3) p {
  max-width: 430px;
}
.power .power-cards .image-card:nth-child(4) p {
  max-width: 436px;
}

.period {
  padding-top: 0;
}
.period .section-title {
  max-width: 100%;
}
.period .section-title .h1,
.period .section-title h1 {
  max-width: 610px;
}
.period .section-title p {
  max-width: 545px;
}

.advantages {
  padding-top: 0;
  padding-bottom: 128px;
}
.advantages .section-title {
  max-width: 588px;
}
.advantages .section-title p {
  max-width: 548px;
}

.success-story .section-title p {
  max-width: 698px;
}

.ecosystem .section-title {
  max-width: 100%;
}
.ecosystem .section-title h1,
.ecosystem .section-title .h1 {
  max-width: 578px;
}
.ecosystem .section-title p {
  max-width: 670px;
}

.faq {
  padding-top: 128px;
}