:root { --bg: #f4f3f1; --ink: #1f2a2e; --muted: #5b676b; --accent: #c2410c; }
@media (prefers-color-scheme: dark) { :root { --bg: #12181a; --ink: #eef2f3; --muted: #a3afb3; --accent: #f97316; } }
* { box-sizing: border-box; margin: 0; }
html, body { height: 100%; }
body { display: grid; place-items: center; padding: 24px; background: var(--bg); color: var(--ink);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
.cs { max-width: 520px; text-align: center; }
.cs__brand { font-size: 14px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--accent); }
.cs__title { margin: 12px 0 10px; font-size: clamp(36px, 8vw, 56px); line-height: 1.05; }
.cs__text { font-size: 17px; line-height: 1.6; color: var(--muted); }