main { max-width: 560px; margin: 48px auto; text-align: center; }
  section.hero h1 { font-size: 28px; margin: 0 0 12px; }
  section.hero p.lede { font-size: 15px; color: var(--fg); margin: 0 0 14px; }
  section.hero p.invites { font-size: 13px; color: var(--muted); margin: 0 0 28px; }
  section.hero a.cta {
    display: inline-block; padding: 10px 22px;
    background: var(--accent); color: #fff;
    border-radius: 4px; font-weight: 500; text-decoration: none;
  }
  section.hero a.cta:hover { opacity: 0.92; }