*, *::before, *::after { box-sizing: border-box; }
:root { --paper: #f5f7f8; --ink: #082a57; --ink-2: #4a5f7c; --teal: #1f8f86; }
html, body { height: 100%; }
body {
  margin: 0; min-height: 100%;
  display: flex; flex-direction: column;
  background: var(--paper); color: var(--ink);
  font: 17px/1.6 system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
main {
  flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center;
  text-align: center; padding: 48px 24px; max-width: 680px; margin: 0 auto;
}
.logo { width: min(360px, 80vw); height: auto; margin-bottom: 40px; }
h1 { font-size: clamp(1.6rem, 4vw, 2.3rem); line-height: 1.2; margin: 0 0 16px; font-weight: 600; }
.lede { color: var(--ink-2); margin: 0 0 28px; }
.contact { margin: 0; font-weight: 500; }
a { color: var(--teal); text-decoration: none; border-bottom: 1px solid currentColor; }
a:hover { color: var(--ink); }
footer { text-align: center; color: var(--ink-2); font-size: 14px; padding: 24px; }