@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: 604px;
  margin-bottom: 40px;
}
.hero-action-buttons {
  margin-bottom: 64px;
}

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

.power {
  padding: 128px 0;
}
.power .section-title {
  max-width: 498px;
}

.period {
  padding-top: 0;
}
.period .section-title {
  max-width: 610px;
}
.period .section-title p {
  max-width: 610px;
}

.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: 556px;
}

.ecosystem .section-title {
  max-width: 822px;
}
.ecosystem .section-title p {
  max-width: 742px;
}

.faq {
  padding-top: 128px;
}