.settings-intro {
  overflow: hidden;
  padding-top: 72px;
  padding-bottom: 64px;
  background: var(--g-hero);
  color: var(--c-white);
}
.settings-intro h1 {
  margin-top: 24px;
  margin-bottom: 24px;
  font-size: var(--h1-size);
  color: var(--c-white);
}
.settings-intro__lead {
  max-width: 48em;
  color: var(--c-on-dark-2);
  line-height: 1.85;
}
.settings-intro__scope {
  max-width: 62em;
  margin-top: 28px;
  color: var(--c-on-dark-3);
  font-size: var(--text-small);
  line-height: 1.8;
}
.settings-intro :focus-visible {
  outline-color: var(--c-white);
}
.settings-follow {
  margin-top: 32px;
}
@media (max-width: 640px) {
  .settings-intro {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .settings-intro .actions {
    align-items: stretch;
  }
  .settings-intro .actions .btn {
    flex: 1 1 100%;
  }
}