:root {
  color-scheme: dark;
  font-family: Consolas, "Liberation Mono", "Courier New", monospace;
  background: #000000;
  color: #ffffff;
  font-synthesis: none;
  --muted: #888888;
  --accent: #ffffff;
  --line: #222222;
  --mono: Consolas, "Liberation Mono", monospace;
}
* { box-sizing: border-box; }
body {
  margin: 0;
}
::selection { background: var(--accent); color: #000000; }
.page { max-width: 1680px; min-height: 100svh; margin-inline: auto; padding: 0 clamp(24px, 6.5vw, 112px); display: flex; flex-direction: column; }
.masthead { min-height: 112px; display: flex; align-items: center; justify-content: space-between; gap: 24px; border-bottom: 1px solid var(--line); }
.brand { font-size: 25px; font-weight: 600; letter-spacing: -.025em; }
.accent { color: var(--accent); }
.preview, .edition { font-family: var(--mono); font-size: .75rem; line-height: 1.6; letter-spacing: .08em; }
.preview { color: var(--muted); }
main { flex: 1; padding-block: clamp(64px, 10vh, 130px) 64px; }
.terminal { margin-top: 42px; display: flex; flex-wrap: wrap; gap: .7em; font-family: var(--mono); font-size: clamp(1rem, 2vw, 1.5rem); line-height: 1.6; }
.prompt { color: var(--muted); }
code { font: inherit; color: var(--accent); }
.cursor { margin-left: .15em; animation: blink 1.2s step-end infinite; }
.intro { margin: 28px 0 0; font-size: 1.0625rem; font-weight: 400; line-height: 1.75; color: var(--accent); }
.philosophy { margin: 36px 0 0; font-size: clamp(0.9375rem, 1.4vw, 1.0625rem); line-height: 1.8; color: var(--muted); }
footer { border-top: 1px solid var(--line); min-height: 84px; display: flex; align-items: center; justify-content: space-between; gap: 20px; color: var(--muted); font-size: .8125rem; line-height: 1.8; }
@keyframes blink { 50% { opacity: 0; } }
@media (max-width: 600px) {
  .masthead { min-height: 108px; align-items: flex-start; justify-content: center; flex-direction: column; gap: 9px; padding-block: 20px; }
  .brand { font-size: 23px; }
  .preview { font-size: .75rem; letter-spacing: .035em; }
  main { padding-block: 56px 48px; }
  .terminal { margin-top: 24px; }
  .intro { margin-top: 20px; }
  .philosophy { margin-top: 28px; }
  footer { align-items: flex-start; padding-block: 22px; }
  .edition { white-space: nowrap; }
}
@media (prefers-reduced-motion: reduce) { .cursor { animation: none; } }