:root {
  --ink: #1b1b1b;
  --muted: #5a5650;
  --page: #f7f4ee;
  --line: #1b1b1b;
}
* { box-sizing: border-box; }
html, body { margin: 0; }
body {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 24px 16px;
  background: var(--page);
  color: var(--ink);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
main { width: 100%; max-width: 440px; text-align: center; }
.logo { display: block; width: 100%; height: auto; }
.company {
  margin: 20px 0 28px;
  font-size: 1rem;
  letter-spacing: 0.04em;
  color: var(--muted);
}
nav { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
nav a {
  min-width: 140px;
  padding: 12px 20px;
  border: 2px solid var(--line);
  color: var(--ink);
  text-decoration: none;
  font-weight: 600;
  letter-spacing: 0.03em;
}
nav a:hover, nav a:focus-visible { background: var(--ink); color: var(--page); }
nav a:focus-visible { outline: 3px solid var(--muted); outline-offset: 3px; }