.logo {
  width: initial;
  height: 48px;
}

.section {
  padding: 2em;
  width: 100%;
  margin: 0 auto 8em;
}

.section:last-child {
  margin-bottom: 0;
}

.section .content {
  max-width: 1024px;
}

.examples.section {
  padding: 2em 0;
}

.examples.section .content {
  max-width: 100%;
}

.section .subtitle {
  max-width: 767px;
  margin-bottom: 48px;
  font-size: 1.5em;
}

.hero.section .title {
  font-size: 3.6em;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.home-page .section:not(:first-of-type) .title,
.how-it-works-page .section .title {
  font-size: 2.8em;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.theme-clean header + section:first-of-type .content {
  padding: 6em 16px 16px;
}

.theme-clean header {
  position: static;
  padding: 32px 24px 0;
}

.theme-clean header.attached {
  box-shadow: unset;
  background: transparent !important;
}

.theme-clean .nav-header .links {
  justify-content: flex-start;
}

.theme-clean .nav-header .link {
  font-size: 16px;
  font-weight: 500;
}

.theme-clean .nav-header .link,
.theme-clean .nav-footer .link {
  color: #38414f;
}

.theme-clean .nav-header .link:hover,
.theme-clean .nav-footer .link:hover {
  color: #40a9ff;
}

.terms-page-body,
.privacy-page-body {
  padding: 4em 0 2em;
}

.hero.section {
  min-height: 60vh;
  margin: 4em auto;
}

.hero .content .cta-button {
  margin-bottom: 3em;
}

.theme-clean footer .header {
  font-weight: 600;
}

.plan .features {
  padding-inline-start: 24px;
}

.section.clean {
  padding: 10em 2em;
  margin: 0;

  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 12%,
    rgba(255, 255, 255, 1) 88%,
    rgba(255, 255, 255, 0) 100%
  );
}

.section.preClean {
  margin-bottom: 0;
}

.nav-header {
  background: #fff !important;
}

.theme-clean .section:first-of-type {
  margin: 0 auto !important;

  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 0) 12%,
    rgba(255, 255, 255, 0) 100%
  );
}

.home-page .section:first-of-type {
  padding: 6em 2em;
}

@media (max-width: 400px) {
  .section {
    padding: 0;
    margin: 0 auto 2em;
  }
}

@media only screen and (max-width: 500px) {
  .section .content {
    padding: 2em 0;
  }

  .examples.section {
    padding: 0;
  }
}
