.home { max-width: 680px; padding: 56px 24px 64px; }
.home-intro { text-align: center; margin-bottom: 8px; }
.home h1 { font-size: clamp(28px, 3.5vw, 38px); }
.home h1 br { display: none; }
.home .lead { margin-top: 14px; font-size: 17px; color: var(--muted); }
.home-note { display: flex; align-items: center; gap: 32px; text-align: left; margin-top: 48px; padding: 36px 28px 0 0; border-top: 1px solid var(--line); }
.home-note > div { flex: 1; min-width: 0; }
.home-note h2 { font-size: 22px; }
.home-note p { margin-top: 8px; font-size: 15px; }
.home-note .home-note-cta { flex: none; margin: 0; white-space: nowrap; }
@media (max-width: 600px) {
  .home { padding: 32px 18px 44px; }
  .home h1 { font-size: 25px; }
  .home h1 br { display: initial; }
  .home .lead { font-size: 15px; margin-top: 10px; }
  .home-note { margin-top: 36px; padding: 24px 0 0; flex-direction: column; align-items: flex-start; gap: 20px; }
  .home-note h2 { font-size: 20px; }
  .home-note p { font-size: 15px; }
}
