:root{--bg:#0b1020;--fg:#e2e8f0;--mut:#94a3b8;--a:#38bdf8;--b:#a78bfa;--card:#111833}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
a{color:var(--a)}.hero{min-height:78vh;display:flex;flex-direction:column;justify-content:center;padding:8vh 8vw;background:radial-gradient(1200px 500px at 70% 20%,#1e1b4b 0,transparent 60%)}
.eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--a);font-size:13px}h1{font-size:clamp(36px,6vw,76px);line-height:1.05;margin:.2em 0}
.sub{max-width:720px;color:var(--mut);font-size:20px}.cta{margin-top:24px;display:flex;gap:12px}
.btn{display:inline-block;padding:12px 18px;border-radius:10px;background:linear-gradient(90deg,var(--a),var(--b));color:#0b1020;font-weight:700;text-decoration:none}
.btn.ghost{background:transparent;color:var(--fg);border:1px solid #334155}.panel{padding:72px 8vw;border-top:1px solid #1e293b}h2{font-size:34px;margin:0 0 18px}
.muted{color:var(--mut)}#pipe{width:100%;max-width:900px}.wire{stroke:url(#g);stroke:var(--a);stroke-width:4;fill:none}
.node circle{fill:var(--card);stroke:var(--b);stroke-width:3}.node text{fill:var(--fg);font-size:15px;text-anchor:middle}
.code{background:#020617;border:1px solid #1e293b;border-radius:10px;padding:14px;overflow:auto;max-width:900px}
.facts li{margin:4px 0}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.card,.shard{background:var(--card);border:1px solid #1e293b;border-radius:14px;padding:18px}.card h3,.shard h3{margin:0 0 8px;font-size:17px}
.tag{font-size:11px;font-weight:700;border-radius:6px;padding:2px 6px;margin-right:6px}.FACT{background:#064e3b;color:#6ee7b7}.CLAIM{background:#78350f;color:#fcd34d}
.st{font-size:11px;color:var(--mut);text-transform:uppercase;letter-spacing:.08em}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin-top:16px}
.filters button{background:transparent;color:var(--fg);border:1px solid #334155;border-radius:999px;padding:6px 12px;margin:0 6px 6px 0;cursor:pointer}.filters .on{border-color:var(--a);color:var(--a)}
.doa{display:grid;gap:10px;margin-bottom:18px}.doa .k{display:inline-block;width:110px;color:var(--mut)}code{font-family:ui-monospace,Menlo,monospace;word-break:break-all}
footer{padding:40px 8vw;border-top:1px solid #1e293b}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.demo form{display:flex;gap:10px;max-width:900px;margin:10px 0}.demo input{flex:1;padding:12px;border-radius:10px;border:1px solid #334155;background:#020617;color:var(--fg);font-size:15px}
.res{max-width:900px;padding-left:18px}.res li{margin:10px 0}.small{font-size:13px}