/* NexusOS — Rechts-/Support-Seiten auf nexusagentic.net. Gestaltung wie /impressum.html
   (Konzertsaal: papierblau auf dunklem Grund), Schriften SELBST gehostet (keine Google-Fonts,
   kein Drittaufruf — die Seite ist selbst Gegenstand der Datenschutzerklaerung). */
@font-face { font-family: "Fraunces"; src: url("fonts/Fraunces-Variable.ttf") format("truetype-variations"); font-weight: 300 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Inter Tight"; src: url("fonts/InterTight-Variable.ttf") format("truetype-variations"); font-weight: 400 700; font-style: normal; font-display: swap; }
@font-face { font-family: "JetBrains Mono"; src: url("fonts/JetBrainsMono-Variable.ttf") format("truetype-variations"); font-weight: 400 500; font-style: normal; font-display: swap; }
:root { --bg:#0e1119; --bg-2:#131722; --surf:#181c28; --border:rgba(255,255,255,0.08); --fg:#E8E3DA; --fg-2:#B6BDCB; --dim:#8B95A8; --accent:#A8C0E8; --warm:#E8D5A8; --ok:#9CC4B3; }
* { box-sizing:border-box; margin:0; padding:0; }
html { -webkit-text-size-adjust:100%; }
body { background: radial-gradient(ellipse at 30% -10%, rgba(168,192,232,0.06), transparent 50%), var(--bg); color:var(--fg); font-family:"Inter Tight", system-ui, sans-serif; min-height:100vh; padding:48px 24px; line-height:1.6; }
.container { max-width:720px; margin:0 auto; }
header { display:flex; justify-content:space-between; align-items:center; margin-bottom:56px; gap:16px; }
.brand { font-family:"Fraunces", serif; font-weight:300; font-size:30px; letter-spacing:-0.01em; color:var(--fg); }
.brand em { font-style:italic; color:var(--accent); }
a { color:var(--fg-2); text-decoration:none; transition:color .15s; }
a:hover { color:var(--fg); }
.back { font-size:13px; white-space:nowrap; }
.kicker { font-family:"JetBrains Mono", monospace; font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:var(--dim); margin-bottom:14px; }
h1 { font-family:"Fraunces", serif; font-weight:300; font-size:clamp(38px, 8vw, 64px); line-height:1; letter-spacing:-0.03em; margin-bottom:20px; }
.lead { color:var(--fg-2); font-size:16px; max-width:60ch; margin-bottom:48px; }
h2 { font-family:"JetBrains Mono", monospace; font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:var(--accent); margin-top:48px; margin-bottom:18px; font-weight:500; }
h3 { font-family:"Inter Tight", system-ui, sans-serif; font-weight:600; font-size:15px; margin:22px 0 6px; color:var(--fg); }
p, li { font-size:15px; color:var(--fg-2); }
p + p { margin-top:10px; }
ul { padding-left:18px; }
li + li { margin-top:6px; }
strong { color:var(--fg); font-weight:600; }
.row { display:grid; grid-template-columns:200px 1fr; gap:16px; padding:12px 0; border-bottom:1px solid var(--border); font-size:14px; }
.row .label { color:var(--dim); font-size:12px; letter-spacing:.04em; }
.row .value { color:var(--fg); }
table { width:100%; min-width:560px; border-collapse:collapse; font-size:14px; margin-top:8px; }
.tabelle { overflow-x:auto; border:1px solid var(--border); border-radius:8px; }
th { text-align:left; font-family:"JetBrains Mono", monospace; font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:var(--dim); background:var(--bg-2); padding:10px 12px; font-weight:500; }
td { padding:10px 12px; border-top:1px solid var(--border); color:var(--fg-2); vertical-align:top; }
td:first-child { color:var(--fg); }
.callout { border-left:3px solid var(--ok); background:color-mix(in srgb, var(--ok) 8%, transparent); padding:14px 16px; border-radius:0 8px 8px 0; margin:18px 0; }
.callout.gold { border-left-color:var(--warm); background:color-mix(in srgb, var(--warm) 8%, transparent); }
.callout p { color:var(--fg-2); }
.pfad { font-family:"JetBrains Mono", monospace; font-size:13px; color:var(--fg); }
.kontakt { display:grid; gap:0; }
footer { margin-top:64px; padding-top:28px; border-top:1px solid var(--border); color:var(--dim); font-size:13px; line-height:1.7; display:flex; flex-wrap:wrap; gap:8px 24px; }
@media (max-width:600px) { body { padding:32px 18px; } .row { grid-template-columns:1fr; gap:4px; } header { margin-bottom:40px; } }