:root {
  color-scheme: dark;
  --bg: #0b0c0f; --surface: #13151a; --surface-2: #1a1d23; --line: #292d35;
  --text: #f5f2ed; --muted: #a5a7ad; --accent: #f28a2e; --accent-2: #ffb66f;
  --good: #55d68b; --warn: #ffc45c; --bad: #ff6b6b; --radius: 18px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--bg); color: var(--text); line-height: 1.55; }
button, input { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
h1, h2, h3, p { margin-top: 0; }
h1 { max-width: 780px; font-size: clamp(2.7rem, 7vw, 5.7rem); line-height: .98; letter-spacing: -.06em; margin-bottom: 24px; }
h2 { font-size: clamp(2rem, 4vw, 3.2rem); line-height: 1.05; letter-spacing: -.04em; margin-bottom: 12px; }
h3 { font-size: 1.15rem; margin-bottom: 5px; }
p { color: var(--muted); }
code, pre { font-family: "Cascadia Code", Consolas, monospace; }
:focus-visible { outline: 3px solid color-mix(in srgb, var(--accent), transparent 25%); outline-offset: 3px; }
::selection { background: var(--accent); color: #111; }
.site-credit {
  font-size: 0.68rem;
  letter-spacing: 0.04em;
  color: rgba(245, 242, 237, 0.38);
  transition: color 0.2s ease;
  user-select: none;
}
.site-credit:hover { color: rgba(255, 140, 42, 0.78); }
.product-footer .site-credit { margin-left: auto; align-self: center; white-space: nowrap; }
.site-credit-bar {
  padding: 12px max(20px, calc((100% - 1180px) / 2)) 20px;
  display: flex;
  justify-content: center;
  border-top: 1px solid rgba(41, 45, 53, 0.45);
}
@media (min-width: 720px) { .site-credit-bar { justify-content: flex-end; } }