/* Taitles — Legal-Seiten (lesbar, gleiche Marke wie Landing) */
:root{
  --bg:#0f0f11; --elev:#17171a; --line:rgba(255,255,255,.08);
  --fg:#fff; --fg-soft:#c8c8d0; --fg-dim:#8a8a94; --fg-faint:#5c5c66;
  --accent:#ff6b35;
  --font-body:"Archivo",system-ui,-apple-system,sans-serif;
  --font-display:"Archivo Black","Archivo",sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,monospace;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--font-body);background:var(--bg);color:var(--fg-soft);line-height:1.7;font-size:16px;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(800px 500px at 85% -10%,rgba(255,107,53,.12),transparent 60%),var(--bg)}
a{color:var(--fg-soft);text-decoration:none;border-bottom:1px solid var(--line);transition:color .2s}
a:hover{color:var(--accent);border-color:var(--accent)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}

.legal-header{border-bottom:1px solid var(--line);background:rgba(15,15,17,.8);backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}
.legal-header .inner{max-width:820px;margin-inline:auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:inline-flex;align-items:center;gap:10px;border:none}
.brand .eq{display:inline-flex;align-items:flex-end;gap:3px;height:24px}
.brand .eq span{width:3.5px;height:100%;background:var(--accent);border-radius:2px;transform-origin:bottom}
.brand .eq span:nth-child(1){height:55%}.brand .eq span:nth-child(2){height:90%}.brand .eq span:nth-child(3){height:100%}.brand .eq span:nth-child(4){height:70%}
.brand__name{font-family:var(--font-display);font-size:1.2rem;color:var(--fg)}
.brand__name b{color:var(--accent)}
.legal-header a.back{font-size:.9rem;font-weight:600;color:var(--fg-dim);border:none}
.legal-header a.back:hover{color:var(--fg)}

main{max-width:820px;margin-inline:auto;padding:56px 24px 100px}
.draft-banner{background:rgba(255,107,53,.1);border:1px solid rgba(255,107,53,.4);border-radius:12px;padding:16px 20px;margin-bottom:40px;color:#ffd9c7;font-size:.92rem;border-bottom:1px solid rgba(255,107,53,.4)}
.draft-banner b{color:var(--accent)}
h1{font-family:var(--font-display);font-size:clamp(2rem,5vw,2.8rem);color:var(--fg);line-height:1;letter-spacing:-.02em;text-transform:uppercase;margin-bottom:10px}
.updated{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.08em;color:var(--fg-faint);text-transform:uppercase;margin-bottom:44px;display:block}
h2{font-family:var(--font-body);font-weight:800;color:var(--fg);font-size:1.3rem;margin:38px 0 14px;letter-spacing:-.01em}
h3{font-family:var(--font-body);font-weight:700;color:var(--fg);font-size:1.05rem;margin:24px 0 8px}
p{margin-bottom:14px}
ul,ol{margin:0 0 16px 22px}
li{margin-bottom:7px}
.ph{color:var(--accent);background:rgba(255,107,53,.08);padding:1px 7px;border-radius:5px;font-family:var(--font-mono);font-size:.85em;font-weight:500}
.legal-footer{border-top:1px solid var(--line);margin-top:60px;padding-top:24px;font-size:.85rem;color:var(--fg-faint);display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between}
.legal-footer a{border:none;color:var(--fg-dim)}
.legal-footer nav{display:flex;gap:18px;flex-wrap:wrap}