/* Platzhalter-Website, Farben wie die Anwendung (Holz #e0a157, Stahlgrau #9ba7b4, Grund #151b22). */
:root { --bg: #151b22; --fg: #e8edf2; --muted: #9ba7b4; --wood: #e0a157; }
* { box-sizing: border-box; }
html, body { height: 100%; margin: 0; }
body {
  background: radial-gradient(ellipse at 50% 30%, #1e2630 0%, var(--bg) 70%);
  color: var(--fg);
  font: 16px/1.5 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  display: flex; flex-direction: column;
}
.hero { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 48px 16px; }
.logo { border-radius: 20px; box-shadow: 0 10px 40px rgba(0, 0, 0, .35); margin-bottom: 24px; }
h1 { font-size: clamp(2rem, 6vw, 3.2rem); letter-spacing: -.02em; margin: 0 0 8px; }
.lead { font-size: clamp(1.05rem, 2.6vw, 1.3rem); color: var(--fg); margin: 0 0 6px; max-width: 34em; }
.note { color: var(--muted); margin: 0; }
.legal a { color: var(--muted); }
.legal { max-width: 40em; margin: 0 auto; padding: 48px 16px; flex: 1; }
.legal h1 { font-size: 2rem; }
.legal h2 { font-size: 1.1rem; margin-top: 2em; }