/* System fonts on purpose. This service reports "Google Fonts loaded from a US
   CDN" as a finding with a court decision attached (LG München I,
   3 O 17493/20); loading one here would fail our own scan. */
:root {
  --bg: #0A0A0B;
  --surface: #141518;
  --border: #24262B;
  --text: #E8E8EA;
  --muted: #8A8F98;
  --accent: #00E5A0;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font: 16px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  -webkit-text-size-adjust: 100%;
}
.wrap { max-width: 46rem; margin: 0 auto; padding: 3rem 1.25rem 4rem; }
a { color: var(--accent); }
a:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.brand {
  display: inline-block; margin-bottom: 2.5rem; color: var(--text);
  text-decoration: none; font-weight: 600; letter-spacing: .02em;
}
.brand span { color: var(--accent); }
h1 { font-size: 1.9rem; line-height: 1.2; margin: 0 0 .5rem; }
h2 {
  font-size: 1.05rem; text-transform: uppercase; letter-spacing: .08em;
  color: var(--muted); margin: 2.5rem 0 .75rem; font-weight: 600;
}
p { margin: 0 0 1rem; }
ul { margin: 0 0 1rem; padding-left: 1.2rem; }
li { margin-bottom: .4rem; }
address { font-style: normal; }
.card {
  background: var(--surface); border: 1px solid var(--border);
  border-radius: 10px; padding: 1.25rem 1.4rem;
}
.lead { font-size: 1.1rem; color: var(--muted); max-width: 34rem; }
.muted { color: var(--muted); }
footer {
  margin-top: 3.5rem; padding-top: 1.25rem;
  border-top: 1px solid var(--border); color: var(--muted); font-size: .875rem;
}
footer a { margin-right: 1rem; }
@media (max-width: 30rem) { .wrap { padding-top: 2rem; } h1 { font-size: 1.6rem; } }

/* Classes rather than inline style attributes: with `style="..."` in the HTML
   a Content-Security-Policy has to allow 'unsafe-inline' for styles, which is
   most of what the header is for. */
.contact { margin-top: 1rem; }
.footer-name { display: inline-block; margin-top: .6rem; }