:root { color-scheme: dark; }
* { box-sizing: border-box; }
body {
  margin: 0;
  background: radial-gradient(circle at 50% 0%, #0d3a1d 0%, #020504 60%) fixed, #020504;
  color: #e8f5ec;
  font: 17px/1.6 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
.wrap { max-width: 720px; margin: 0 auto; padding: 48px 20px 64px; }
a { color: #4dff88; }
.hero { text-align: center; margin-bottom: 40px; }
.dial { width: 120px; height: 120px; filter: drop-shadow(0 0 18px rgba(77, 255, 136, 0.45)); }
h1 { margin: 16px 0 4px; font-size: 48px; letter-spacing: 0.3em; font-weight: 800; line-height: 1.1; }
h1 span { display: block; font-size: 22px; letter-spacing: 0.45em; color: #4dff88; margin-top: 6px; }
h1.plain { font-size: 32px; letter-spacing: 0.02em; margin-top: 8px; }
.cta { display: inline-block; margin-top: 18px; padding: 14px 26px; background: #4dff88; color: #020504; text-decoration: none;
  font-weight: 800; letter-spacing: 0.12em; clip-path: polygon(12px 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%, 0 12px); }
.cta:hover { background: #7dffa8; }
table.facts-t { border-collapse: collapse; width: 100%; font-size: 15px; }
table.facts-t td { border-top: 1px solid #1f4a2c; padding: 8px 10px 8px 0; vertical-align: top; }
table.facts-t td:first-child { color: #9fb8a8; white-space: nowrap; width: 34%; }
pre.copy { white-space: pre-wrap; background: #07130b; border: 1px solid #1f4a2c; padding: 12px 14px; font-size: 15px; }
.tag { font-family: ui-monospace, Menlo, Consolas, monospace; color: #9fb8a8; letter-spacing: 0.08em; font-size: 14px; }
h2 { color: #4dff88; font-size: 19px; margin: 32px 0 8px; }
.facts { padding-left: 20px; }
.facts li { margin: 4px 0; }
.muted { color: #9fb8a8; margin-top: 0; }
hr { border: 0; border-top: 1px solid #1f4a2c; margin: 48px 0; }
footer { margin-top: 48px; text-align: center; color: #9fb8a8; font-size: 15px; }
footer span { margin: 0 8px; }