:root {
  --blue: #0073AA;
  --text: #111827;
  --muted: #6B7280;
}

* { box-sizing: border-box; border-radius: 0; }

body {
  margin: 0;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background: #F5F5F7;
  color: var(--text);
  font: 1.0625rem/1.7 -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
}

header { background: #000; padding: 1rem 1.5rem; }
header img { display: block; height: 40px; width: auto; }

main {
  flex: 1;
  width: 100%;
  max-width: 40rem;
  margin: 0 auto;
  padding: clamp(4rem, 12vh, 8rem) 1.5rem clamp(4rem, 12vh, 8rem);
}

h1 {
  margin: 0 0 3rem;
  font-size: clamp(1.75rem, 4.5vw, 2.5rem);
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: -0.015em;
}

main p { margin: 0 0 2.5rem; }
main h1 + p { max-width: 34rem; }

.next { font-size: 0.9375rem; color: var(--blue); }