/* Provisional landing of simtonky.com. Same palette as the real website (SIMTONKY-WEB, src/v3/site.css); system fonts only, no external requests. */
:root {
  --bg: #07080a;
  --tx: #f4f6f8;
  --tx-2: #a9b2be;
  --acc: #ff7a18;
  --live: #3ad07f;
  --line: rgba(255, 255, 255, 0.14);
}
* { box-sizing: border-box; }
html { color-scheme: dark; }
body {
  margin: 0;
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 40px 20px;
  background: var(--bg);
  color: var(--tx);
  font: 16px/1.6 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
main { width: 100%; max-width: 640px; }
.mark { display: block; margin: 0 0 20px; border-radius: 16px; }
.word {
  margin: 0 0 40px;
  font: 600 13px/1 ui-monospace, "Cascadia Mono", Consolas, monospace;
  letter-spacing: 0.32em;
  color: var(--acc);
}
h1, h2 { margin: 0 0 18px; font-weight: 650; line-height: 1.08; letter-spacing: -0.02em; }
h1 { font-size: clamp(30px, 6vw, 46px); }
h2 { font-size: clamp(24px, 4.5vw, 32px); }
h1 span, h2 span { color: var(--tx-2); }
.lead { max-width: 56ch; margin: 0 0 20px; color: var(--tx-2); }
.status {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  font: 13px/1.4 ui-monospace, "Cascadia Mono", Consolas, monospace;
}
.status i { width: 8px; height: 8px; border-radius: 50%; background: var(--live); box-shadow: 0 0 0 4px rgba(58, 208, 127, 0.16); }
hr { margin: 40px 0; border: 0; border-top: 1px solid var(--line); }
@media (prefers-reduced-motion: no-preference) {
  .status i { animation: pulse 2.4s ease-in-out infinite; }
  @keyframes pulse { 50% { opacity: 0.35; } }
}