:root {
  color-scheme: light;
  --paper: #f3f5f2;
  --surface: #ffffff;
  --ink: #172a2c;
  --muted: #56676a;
  --line: #d3dbd7;
  --series: #1e5b4b;
  --highlight: #e6ee73;
  --serif: Charter, "Bitstream Charter", "Sitka Text", Cambria, "Iowan Old Style", Georgia, serif;
  --sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --paper: #0f1a1b;
    --surface: #152325;
    --ink: #e6ecea;
    --muted: #a3b2b0;
    --line: #2a3b3d;
    --series: #5fb39a;
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --paper: #0f1a1b;
  --surface: #152325;
  --ink: #e6ecea;
  --muted: #a3b2b0;
  --line: #2a3b3d;
  --series: #5fb39a;
}
* { box-sizing: border-box; }
html, body { height: 100%; }
body {
  margin: 0;
  display: grid;
  place-items: center;
  padding: 24px 16px;
  background: var(--paper);
  color: var(--ink);
  font: 1.0625rem/1.6 var(--sans);
}
.card {
  width: 100%;
  max-width: 34rem;
  background: var(--surface);
  border: 1px solid var(--line);
  border-top: 6px solid var(--series);
  border-radius: 6px;
  padding: clamp(28px, 6vw, 48px);
}
.brand { display: flex; align-items: center; gap: 12px; margin: 0; font: 700 1.35rem/1 var(--serif); }
.brand i { font-weight: 400; color: var(--series); }
.mark { width: 40px; height: 40px; color: #1e5b4b; flex: none; }
.domain {
  margin: 20px 0 4px;
  font-size: .875rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--muted);
}
h1 {
  margin: 0 0 16px;
  font: 600 clamp(1.9rem, 1.4rem + 2vw, 2.6rem)/1.15 var(--serif);
}
.lead { margin: 0 0 12px; font-size: 1.15rem; }
.note { margin: 8px 0 0; }
.note span {
  padding: 0 2px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  background: linear-gradient(transparent 55%, color-mix(in srgb, var(--highlight) 70%, transparent) 55%);
  color: var(--ink);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .note span { background: none; color: var(--muted); padding: 0; }
}