/* Pendlo – Inhaltsseiten (statisch, crawlbar). Dunkel + Violett, lesbar. */
:root{
  --bg:#0A0C11; --surface:#141824; --card:#1B1F29; --stroke:#2A3040;
  --text:#EDEFF5; --muted:#A6ADBE; --accent:#7C5CFF; --accent-2:#9D8CFF;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0; background:var(--bg); color:var(--text);
  font-family:'IBM Plex Sans',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  line-height:1.65; -webkit-font-smoothing:antialiased;
}
a{color:var(--accent-2); text-decoration:none;}
a:hover{text-decoration:underline;}
.wrap{max-width:760px; margin:0 auto; padding:0 20px;}

/* Kopf */
header.site{border-bottom:1px solid var(--stroke); background:rgba(10,12,17,.85); position:sticky; top:0; backdrop-filter:blur(8px);}
header.site .wrap{display:flex; align-items:center; gap:16px; height:60px;}
.brand{display:flex; align-items:center; gap:10px; font-weight:800; font-size:20px; color:var(--text);}
.brand .dot{width:26px;height:26px;border-radius:8px;background:var(--accent);display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:800;}
nav.top{margin-left:auto; display:flex; gap:18px; flex-wrap:wrap;}
nav.top a{color:var(--muted); font-size:15px;}
nav.top a:hover{color:var(--text); text-decoration:none;}

/* Inhalt */
main{padding:36px 0 60px;}
h1{font-size:34px; line-height:1.2; margin:0 0 6px; letter-spacing:-.5px;}
.lead{color:var(--muted); font-size:18px; margin:0 0 28px;}
h2{font-size:23px; margin:34px 0 10px; letter-spacing:-.3px;}
h3{font-size:18px; margin:22px 0 6px;}
p,li{color:var(--text);}
p{margin:0 0 14px;}
ul,ol{margin:0 0 16px; padding-left:22px;}
li{margin:6px 0;}
.muted{color:var(--muted);}
.card{background:var(--card); border:1px solid var(--stroke); border-radius:14px; padding:18px 20px; margin:16px 0;}
.faq h3{color:var(--accent-2);}
.cta{display:inline-block; margin:8px 0; background:var(--accent); color:#fff !important; font-weight:700; padding:12px 20px; border-radius:12px;}
.cta:hover{background:var(--accent-2); text-decoration:none;}
hr{border:none; border-top:1px solid var(--stroke); margin:32px 0;}

/* Fuss */
footer.site{border-top:1px solid var(--stroke); padding:26px 0 50px; color:var(--muted); font-size:14px;}
footer.site .links{display:flex; gap:16px; flex-wrap:wrap; margin-bottom:12px;}
footer.site a{color:var(--muted);}
@media(max-width:520px){ h1{font-size:28px;} nav.top{gap:12px;} nav.top a{font-size:14px;} }