.patent-walkthrough{padding:34px 38px;border-top:1px solid #5b67833a;background:radial-gradient(ellipse at 20% 20%,#273a652c,transparent 65%),#0d1421;color:#e6edff;min-width:0}
.demo-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:24px}
.demo-kicker{display:flex;gap:10px;align-items:center;font:9px/1.6 var(--mono);letter-spacing:1.2px;color:#9ddff1;margin-bottom:12px}
.demo-kicker>span{font-size:18px;line-height:1;color:#9fe9ff}
.demo-heading h4{font-size:clamp(25px,2.6vw,36px);line-height:1.18;letter-spacing:-1px;font-weight:500}
.demo-heading h4>span{color:#baa5f1}
.demo-heading>p{max-width:350px;font-size:12px;line-height:1.8;color:#a8b8d3}
.demo-controls{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}
.demo-controls button{border:1px solid #7cb3dc5c;border-radius:9px;padding:12px 13px;color:#e3f5ff;background:#20324a;cursor:pointer;display:flex;gap:9px;align-items:center;font-family:inherit;font-size:12px;line-height:1.5;transition:background .18s,border-color .18s,transform .18s}
.demo-controls button>span{color:#91cfec;font:9px var(--mono)}
.demo-controls button:hover:not(:disabled){background:#284764;border-color:#a4e8ff;transform:translateY(-2px)}
.demo-controls button:focus-visible{outline:3px solid #b8b2ff;outline-offset:4px}
.demo-controls button:disabled{background:#172131;border-color:#62708736;color:#9aa9c0;cursor:default}
.demo-controls button:disabled>span{color:#8191ac}
.demo-controls .demo-reset{margin-left:auto;background:transparent;border-color:#8093b24d;color:#b6c7df}
.demo-evidence-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}
.demo-evidence{padding:15px 18px;border:1px solid #667b9b3d;border-radius:11px;background:#18223671;transition:border-color .25s,background .25s}
.demo-evidence-id{font:8px/1.6 var(--mono);letter-spacing:.9px;color:#b0bfd7}
.demo-evidence p{font-size:12px;line-height:1.7;color:#ccd9ef;margin:7px 0}
.demo-evidence-status{font:9px/1.6 var(--mono);color:#96a6c0}
.demo-evidence[data-active=true]{border-color:#9bdded86;background:#17314275}
.demo-evidence[data-active=true] .demo-evidence-id,.demo-evidence[data-active=true] .demo-evidence-status{color:#a5e7ef}
.demo-evidence[data-demo-evidence=negative][data-active=true]{border-color:#edb19789;background:#41293468}
.demo-evidence[data-demo-evidence=negative][data-active=true] .demo-evidence-id,.demo-evidence[data-demo-evidence=negative][data-active=true] .demo-evidence-status{color:#edbea9}
.demo-workspace{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.85fr);gap:17px;align-items:start}
.demo-graph{border:1px solid #7284a43f;border-radius:14px;padding:19px;background:linear-gradient(130deg,#152540a3,#251e3770);min-width:0}
.demo-graph-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:19px;font:8px/1.6 var(--mono);letter-spacing:.7px;color:#98adc9}
.demo-graph-meta>span:last-child{color:#b8a8ed;border-radius:5px;background:#aa8bf71a;padding:4px 7px}
.demo-hierarchy{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:22px}
.demo-node{position:relative;padding:15px 18px;border:1px solid #96a9d64b;border-radius:11px;background:linear-gradient(105deg,#243653d9,#2b2541cb);transition:border-color .25s,box-shadow .25s}
.demo-node:not(:last-child):after{content:"↑";position:absolute;left:50%;bottom:-24px;transform:translateX(-50%);font-size:19px;line-height:24px;color:#a8a2e0}
.demo-node-top{display:flex;justify-content:space-between;gap:10px;align-items:center;font:8px/1.7 var(--mono);letter-spacing:.8px;color:#abbcdf}
.demo-node-top>span:last-child{letter-spacing:0;color:#b5a5e7}
.demo-node h5{font-size:16px;font-weight:500;line-height:1.4;margin:6px 0 12px;letter-spacing:-.3px;color:#e3ecff}
.demo-node dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0}
.demo-node dl>div{min-width:0}
.demo-node dt{font-size:10px;line-height:1.7;color:#a8cfe1;display:flex;align-items:center;gap:6px}
.demo-node dt i{width:5px;height:5px;background:#9de4e9;border-radius:50%;flex:none}
.demo-node dl>div:last-child dt{color:#c3b3ec}
.demo-node dl>div:last-child dt i{background:#b59be4}
.demo-node dd{font-size:11px;line-height:1.6;color:#c9d7ec;margin:3px 0 0;overflow-wrap:anywhere}
.demo-node-status{font:8px/1.7 var(--mono);color:#98a9c5;padding-top:10px;margin-top:10px;border-top:1px solid #b2c7e919}
.demo-node[data-state=positive]{border-color:#8bd9e77f;box-shadow:inset 0 0 25px #a0e8ff06}
.demo-node[data-state=positive] .demo-node-status{color:#a4e5e6}
.demo-node[data-state=conflict],.demo-node[data-state=held]{border-color:#ecc2a389}
.demo-node[data-state=conflict] .demo-node-status,.demo-node[data-state=held] .demo-node-status{color:#efc0aa}
.demo-graph-footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:18px;font:8px/1.7 var(--mono);color:#99abc6}
.demo-propagation{color:#b8a7e3;letter-spacing:.5px}
.demo-trace{min-width:0;padding:20px 19px;border:1px solid #6b7b9b3d;border-radius:14px;background:#111c2c94}
.demo-trace-heading{border-bottom:1px solid #a2b6dc21;padding-bottom:15px;margin-bottom:16px}
.demo-trace h5{font-size:16px;line-height:1.5;font-weight:500;letter-spacing:-.3px}
.demo-trace-heading>span{font:7px/1.7 var(--mono);letter-spacing:.7px;color:#91a6c7;display:block;margin-top:5px}
.demo-trace ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:18px}
.demo-trace li{display:flex;gap:10px;align-items:flex-start}
.demo-trace li>span{font:8px/1.6 var(--mono);color:#b6a3ef;background:#ad91ed14;border:1px solid #a792d533;border-radius:4px;padding:3px 5px;flex:none}
.demo-trace li>p,.demo-trace .demo-ledger-empty{font-size:11px;line-height:1.9;color:#a6b7d3;overflow-wrap:anywhere}
.demo-trace .demo-ledger-empty{min-height:75px}
.demo-summary{padding:17px 19px;border:1px solid #729bc650;border-radius:11px;background:#1b2b435e;color:#c9dbed;font-size:12px;line-height:1.9;margin-top:19px}
.demo-boundary{color:#8ea2c0;font-size:10px;line-height:1.8;margin-top:13px;max-width:780px}
@media(max-width:1050px){.demo-controls .demo-reset{margin-left:0}.demo-heading{align-items:flex-start}.demo-heading>p{max-width:290px}.demo-workspace{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}}
@media(max-width:750px){.patent-walkthrough{padding:28px 25px}.demo-heading{display:block}.demo-heading>p{margin-top:15px;max-width:500px}.demo-workspace{grid-template-columns:1fr}.demo-trace ol{display:grid;grid-template-columns:1fr 1fr;gap:17px}.demo-trace .demo-ledger-empty{min-height:35px}.demo-node dl{grid-template-columns:1fr 1fr}.demo-controls button{font-size:11px;padding:11px 12px}}
@media(max-width:500px){.patent-walkthrough{padding:26px 23px}.demo-heading h4{font-size:28px;letter-spacing:-.6px}.demo-kicker{font-size:8px;letter-spacing:.8px}.demo-heading>p{font-size:11px}.demo-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:19px}.demo-controls button{font-size:10px;justify-content:flex-start;gap:7px;padding:11px 9px;min-height:49px;line-height:1.5;text-align:left}.demo-controls button>span{font-size:8px}.demo-controls .demo-reset{min-height:37px;grid-column:span 2;justify-self:start;padding-inline:13px}.demo-evidence-row{grid-template-columns:1fr;gap:9px}.demo-evidence{padding:13px 14px}.demo-evidence p{font-size:11px}.demo-graph{padding:15px}.demo-node{padding:14px}.demo-node h5{font-size:15px}.demo-node-top{font-size:7px;letter-spacing:.5px}.demo-node dt{font-size:9px}.demo-node dd{font-size:10px}.demo-node dl{gap:8px}.demo-graph-meta{font-size:7px;letter-spacing:.3px}.demo-trace{padding:18px 15px}.demo-trace ol{display:flex}.demo-summary{padding:15px;font-size:11px}.demo-boundary{font-size:9px}}
@media(max-width:370px){.patent-walkthrough{padding-inline:18px}.demo-controls button{font-size:9px;gap:5px;padding-inline:8px}.demo-graph{padding:12px}.demo-node{padding:12px}.demo-node h5{font-size:14px}.demo-node-top{gap:6px}.demo-heading h4{font-size:25px}.demo-graph-footer{font-size:7px}}
@media(prefers-reduced-motion:reduce){.demo-controls button,.demo-evidence,.demo-node{transition:none}.demo-controls button:hover:not(:disabled){transform:none}}