body.public-site {
  font-family: var(--font-body);
  font-weight: 450;
  line-height: 1.7;
  letter-spacing: -0.012em;
}
.public-site button,
.public-site input,
.public-site textarea,
.public-site select {
  font-family: inherit;
}
.public-site h1,
.public-site h2,
.public-site h3 {
  font-weight: 680;
  letter-spacing: -0.045em;
}
.public-site .button {
  font-weight: 700;
  letter-spacing: -0.012em;
}
.public-site .site-nav,
.public-site .site-header nav,
.public-site .text-link {
  font-weight: 650;
}
.public-site .lead,
.public-site .secretary-intro > p {
  font-weight: 450;
  letter-spacing: -0.015em;
}
.public-site .feature-card p,
.public-site .steps p,
.public-site .benefits li {
  font-size: 15px;
  line-height: 1.8;
}
.public-site .setup-invite p,
.public-site .price-card > p {
  font-size: 14px;
  line-height: 1.75;
}
.public-site .login-card > p:not(.subtle),
.public-site .login-story > p {
  font-size: 15px;
  line-height: 1.8;
}
.public-site .login-card input {
  font-size: 16px;
}
.public-site .serif-accent {
  font-weight: 400;
}
@media (max-width: 760px) {
  .public-site .lead {
    font-size: 17px;
    line-height: 1.75;
  }
  .public-site .feature-card p,
  .public-site .steps p {
    font-size: 15px;
  }
}