*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  background: #fff;
  color: #1f1f1f;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
}
.bar {
  background: #B7472A;
  color: #fff;
  padding: 16px 24px;
}
.brand { font-weight: 600; font-size: 1.05rem; letter-spacing: 0.02em; }
main {
  max-width: 640px;
  margin: 0 auto;
  padding: 64px 24px;
}
h1 { margin: 0 0 12px; font-size: 2.5rem; line-height: 1.15; color: #B7472A; }
.lead { margin: 0 0 32px; font-size: 1.2rem; }
.note { margin: 0; font-size: 0.95rem; color: #555; }
a { color: #B7472A; }
a:hover, a:focus { text-decoration: none; }
@media (max-width: 480px) {
  .bar { padding: 14px 16px; }
  main { padding: 40px 16px; }
  h1 { font-size: 2rem; }
}