@font-face{font-family:DMSerif;src:url('../assets/fonts/DMSerifDisplay-Regular.ttf') format('truetype');font-display:swap}
*{box-sizing:border-box}
:root{--ink:#202121;--muted:#686763;--line:#dededb;--paper:#fcfcfb;--panel:#f1f1ee;--pink:#d52e92;--pink-soft:#f7d9ea;--coral:#a64524}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 system-ui,sans-serif}
body:before{content:"";position:fixed;inset:0;z-index:-1;opacity:.32;background-image:linear-gradient(#d7d7d2 1px,transparent 1px),linear-gradient(90deg,#d7d7d2 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 760px)}
a{color:inherit;text-underline-offset:4px}a:hover{color:var(--pink)}
header,footer{max-width:1200px;margin:auto;padding:24px 32px;display:flex;gap:24px;justify-content:space-between;align-items:center}
header{border-bottom:1px solid var(--line);background:#fcfcfbe8;backdrop-filter:blur(12px)}
.brand{font-weight:700;text-decoration:none}.page-label{font:700 12px/1 system-ui;letter-spacing:1.2px;color:#8f3b69;background:var(--pink-soft);padding:8px 10px;border-radius:20px}
.hero{max-width:1200px;margin:auto;padding:68px 32px 60px;display:grid;grid-template-columns:1.03fr .97fr;gap:64px;align-items:center}
.kicker,.label{font-size:12px;font-weight:700;letter-spacing:1.45px;color:#6e6e67}
h1{font:62px/1.04 DMSerif,Georgia,serif;letter-spacing:-1.8px;margin:22px 0}h1 em{color:var(--pink);font-weight:400}
.intro>p{font-size:20px;line-height:1.55}.intro>p.small{font-size:14px;color:var(--muted)}
.provider{display:flex;align-items:center;gap:11px;margin:24px 0;font-size:14px}.provider-mark{width:42px;height:42px;border-radius:11px;background:#1b1c1c;display:grid;place-items:center;box-shadow:0 0 0 4px var(--pink-soft)}.provider-mark svg{width:19px;height:28px;fill:white}.provider span:nth-child(2){display:flex;flex-direction:column;line-height:1.25}.provider small{color:var(--muted);font-size:12px}.provider a{margin-left:auto;font-size:13px}
.button{display:block;width:fit-content;background:var(--ink);color:white!important;padding:18px 25px;text-decoration:none;border-radius:7px;box-shadow:0 4px 0 #8b8c86;font-weight:700;margin:25px 0 18px}.button small{display:block;font-size:12px;font-weight:400;color:#deded9;margin-top:3px}.text-link{font-size:14px}
.decision-demo{margin:0;background:#151617;color:#f5f5f2;border-radius:18px;padding:22px;box-shadow:0 24px 70px #3313262d;position:relative;overflow:hidden}.decision-demo:before{content:"";position:absolute;width:330px;height:330px;border-radius:50%;right:-120px;top:-130px;background:#e83b9c;filter:blur(85px);opacity:.36}.demo-top,.confidence{display:flex;justify-content:space-between;align-items:center;font:700 12px/1.2 Consolas,monospace;letter-spacing:1.4px}.status{color:#ffc4e3}.state,.result{position:relative;margin-top:18px;background:#242627;border:1px solid #3e4040;border-radius:10px;padding:18px}.state p{font-size:16px;line-height:1.45;margin:10px 0 0}.label{display:block;color:#aaa}.choice{display:flex;justify-content:space-between;margin:10px 0 8px}.choice b{font-size:26px;color:#fff}.choice strong{color:#ff9dd0}.meter{height:8px;background:#3c3d3f;border-radius:8px;overflow:hidden}.meter i{display:block;width:0;height:100%;background:linear-gradient(90deg,#a21c69,#ff63b8);border-radius:inherit;transition:width 1.1s cubic-bezier(.2,.8,.2,1)}.decision-demo.ready .meter i{width:var(--value)}
.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.grid-two>div+div{border-left:1px solid #444;padding-left:18px}.grid-two b{display:block;margin-top:8px}.confidence{margin-top:18px;padding:12px 3px;color:#bbb}.confidence b{color:#75d6a3}.decision-demo figcaption{font-size:12px;color:#aaa;margin-top:15px;line-height:1.45}
nav{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;padding:23px 20px;border-block:1px solid var(--line);background:#f2f2ef}nav a{padding:7px 14px;text-decoration:none;border-radius:4px;background:white;font-size:14px}
.reading{max-width:820px;padding:10px 32px;margin:auto}section{padding:55px 0;border-bottom:1px solid var(--line)}h2{font:40px/1.14 DMSerif,Georgia,serif;margin:14px 0 28px}h3{font-size:15px;margin:0 0 10px}p{margin:0 0 20px}.small{font-size:14px;color:var(--muted)}
.compare{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:28px 0}.compare article{background:#eeeeeb;padding:25px;border-radius:10px}.compare article.jev{background:#211b20;color:white;box-shadow:inset 0 3px 0 var(--pink)}.compare span{font:700 12px Consolas,monospace;letter-spacing:1.2px;color:#5f5e58}.compare .jev span{color:#ff9dd0}.compare h3{font-size:20px;margin:15px 0 10px}.compare p{font-size:15px;margin:0}
aside{background:#efefeb;border-left:3px solid var(--pink);padding:23px;margin:25px 0}.steps{list-style:none;padding:0;counter-reset:step;display:grid;gap:12px}.steps li{counter-increment:step;background:white;border:1px solid var(--line);padding:18px 18px 18px 66px;position:relative;border-radius:8px}.steps li:before{content:counter(step,decimal-leading-zero);position:absolute;left:18px;top:19px;font:700 13px Consolas;color:var(--pink)}.steps b,.steps span{display:block}.steps span{font-size:15px;color:var(--muted);margin-top:4px}.secondary{display:inline-block;margin:12px 0 20px;font-weight:700}
.prompt{position:relative;background:#202222;color:#f6f6f3;border-radius:9px;padding:62px 23px 23px;margin:24px 0}.copy{position:absolute;top:14px;right:17px;background:#464348;border:1px solid #8c7382;color:white;border-radius:4px;padding:8px 12px;font:12px system-ui;cursor:pointer}.copy:hover{background:#655563}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.72 Consolas,monospace;margin:0}code{font:14px Consolas,monospace;background:#ededeb;padding:2px 5px;border-radius:3px}
.rules{display:grid;grid-template-columns:1fr 1fr;gap:14px}.rules article{background:white;border:1px solid var(--line);padding:22px;border-radius:9px}.rules article>b{color:var(--pink);font:700 13px Consolas}.rules h3{margin-top:14px}.rules p{font-size:15px;color:var(--muted);margin:0}
details{margin-top:30px;background:#f0f0ed;padding:20px}summary{cursor:pointer;font-weight:700}details p{margin-top:20px}li{margin-bottom:12px}
footer{font-size:13px;margin-top:50px;justify-content:flex-start;flex-wrap:wrap}footer span{margin-right:auto}:focus-visible{outline:3px solid #8c2f67;outline-offset:4px}
@media(max-width:800px){header{font-size:13px;padding:18px 20px}.page-label{display:none}.hero{grid-template-columns:1fr;gap:38px;padding:44px 22px}h1{font-size:48px}.decision-demo{max-width:540px;width:100%;margin:auto}.reading{padding-inline:22px}h2{font-size:33px}.compare,.rules{grid-template-columns:1fr}.prompt{padding-inline:17px}pre{font-size:13px}.grid-two{grid-template-columns:1fr}.grid-two>div+div{border-left:0;border-top:1px solid #444;padding:14px 0 0}.provider a{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.meter i{transition:none}}

/* 30.09.2026: Widget im Seitenton statt Neon */
.decision-demo{background:#faf7f3;color:#202121;border:1px solid #e7ddd3;box-shadow:0 18px 50px #a6452414}.decision-demo:before{background:#d9825f;opacity:.16}.status{color:#a64524}.state,.result{background:#fff;border-color:#e7ddd3}.decision-demo .label{color:#6b6862}.choice b{color:#202121}.choice strong{color:#a64524}.meter{background:#eadfd4}.meter i{background:linear-gradient(90deg,#a64524,#d9825f)}.decision-demo .grid-two>div+div{border-left-color:#e2d6ca}
.confidence{color:#6b6862}.confidence span:nth-child(2){color:#2f7a4b}.confidence span:last-child{color:#a64524}