:root{--ink:#151d1a;--muted:#68736e;--line:#dbe3df;--paper:#fff;--soft:#f3f7f4;--lime:#b7f34a;--green:#73b800;--red:#c63e32;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#e9eeeb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}.demo-topbar{height:72px;padding:0 28px;display:flex;align-items:center;gap:28px;background:#fff;border-bottom:1px solid var(--line)}.demo-brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-weight:800}.demo-brand img{width:30px;height:30px}.demo-mode{display:flex;align-items:center;gap:8px;padding-left:24px;border-left:1px solid var(--line);font-size:12px;color:var(--muted);text-transform:uppercase;font-weight:800}.demo-mode i,.live-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #eef9da}.demo-close{margin-left:auto;color:var(--ink);font-size:13px;font-weight:750;text-decoration:none}.demo-layout{height:calc(100vh - 126px);min-height:650px;display:grid;grid-template-columns:240px 1fr;background:#fff}.demo-layout>aside{padding:32px 24px;background:var(--ink);color:#fff;display:flex;flex-direction:column}.demo-layout>aside>p{margin:0 0 30px;color:#aab5b0;font-size:11px;text-transform:uppercase;font-weight:800}.demo-layout>aside ol{list-style:none;margin:0;padding:0}.demo-layout>aside li{display:grid;grid-template-columns:34px 1fr;align-items:center;min-height:62px;color:#7e8984;border-left:2px solid #35403b;padding-left:14px}.demo-layout>aside li b{font:700 11px ui-monospace,monospace}.demo-layout>aside li span{font-size:14px;font-weight:700}.demo-layout>aside li.active{border-color:var(--lime);color:#fff}.demo-layout>aside li.active b{color:var(--lime)}.demo-layout>aside small{margin-top:auto;color:#83908a;font:11px/1.6 ui-monospace,monospace}.demo-layout>main{overflow:hidden;background:var(--soft)}.demo-scene{display:none;height:100%;padding:34px 44px 28px}.demo-scene.active{display:block}.scene-title{height:122px;display:flex;justify-content:space-between;gap:30px;align-items:flex-start}.scene-title p{margin:0 0 7px;color:var(--green);font-size:11px;text-transform:uppercase;font-weight:850}.scene-title h1{margin:0;font-size:38px;line-height:1.05;letter-spacing:0}.scene-title>div>span{display:block;margin-top:9px;color:var(--muted);font-size:15px}.scene-kpi{min-width:150px;padding:15px 18px;background:#fff;border:1px solid var(--line);border-top:4px solid var(--lime)}.scene-kpi b,.scene-kpi span{display:block}.scene-kpi b{font-size:23px}.scene-kpi span{font-size:11px;color:var(--muted)}.app-panel,.network-panel{background:#fff;border:1px solid var(--line);min-height:calc(100% - 122px)}.panel-head,.network-toolbar{height:58px;padding:0 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted)}.panel-head>div:first-child{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:800}.finding-table{padding:12px 20px}.table-row{min-height:82px;display:grid;grid-template-columns:1.45fr 1.25fr .8fr .8fr .45fr;align-items:center;gap:20px;padding:10px 14px;border-bottom:1px solid var(--line);font-size:13px}.table-row span{min-width:0}.table-row b,.table-row small{display:block}.table-row small{margin-top:5px;color:var(--muted);font:11px ui-monospace,monospace}.table-header{min-height:34px;color:var(--muted);font-size:10px;text-transform:uppercase;font-weight:800}.table-row.selected{background:#f6fbe8;border:1px solid #b1d66b}.table-row.selected>span:first-child{border-left:4px solid var(--green);padding-left:12px}.unknown{display:inline-block;padding:4px 7px;background:#edf0ee;color:#69746f;font-style:normal;font-size:10px;font-weight:800;text-transform:uppercase}.muted-row{color:#58635e}.source-strip{display:flex;gap:14px;align-items:center;margin:18px 34px;padding:18px 0;border-top:1px solid var(--line);font-size:11px}.source-strip span{color:var(--muted);text-transform:uppercase}.source-strip b{margin-right:24px}.relation-grid{height:calc(100% - 195px);display:grid;grid-template-columns:1fr 110px 1fr 110px 1fr;align-items:center}.relation-card{height:330px;padding:28px;background:#fff;border:1px solid var(--line);border-top:4px solid var(--ink)}.relation-card.accent{border-top-color:var(--red)}.relation-card p{margin:0;color:var(--muted);font-size:10px;text-transform:uppercase;font-weight:800}.relation-card h2{margin:12px 0 34px;font-size:21px}.relation-card dl{margin:0}.relation-card dl div{padding:13px 0;border-top:1px solid var(--line)}.relation-card dt{font-size:10px;color:var(--muted);text-transform:uppercase}.relation-card dd{margin:4px 0 0;font-size:13px;font-weight:800}.relation-link{text-align:center;color:var(--muted);font-size:10px;text-transform:uppercase}.relation-link i{display:block;height:2px;background:var(--lime);position:relative}.relation-link i:after{content:"";position:absolute;right:0;top:-4px;border-left:8px solid var(--lime);border-top:5px solid transparent;border-bottom:5px solid transparent}.relation-link span{display:block;margin-top:10px}.evidence-note{height:62px;padding:0 20px;background:var(--ink);color:#fff;display:flex;align-items:center;gap:18px}.evidence-note b{color:var(--lime)}.evidence-note span{color:#c6cfcb}.evidence-note em{margin-left:auto;color:#9eaaa4;font-style:normal;font:11px ui-monospace,monospace}.network-map{height:330px;padding:60px 42px;display:grid;grid-template-columns:1fr 120px 1.25fr 120px 1fr 120px 1fr;align-items:center}.network-node{min-width:0;padding:22px 18px;border:1px solid var(--line);border-top:4px solid var(--ink);background:#fff}.network-node i{display:block;color:var(--green);font-style:normal;font:10px ui-monospace,monospace}.network-node b,.network-node span{display:block;overflow-wrap:anywhere}.network-node b{margin-top:14px;font-size:15px}.network-node span{margin-top:4px;color:var(--muted);font-size:11px}.network-node.ingress{border-top-color:var(--red)}.network-node.workload{border-top-color:var(--lime)}.traffic-line{height:2px;position:relative;background:#a3c76b}.traffic-line i{position:absolute;top:-3px;width:8px;height:8px;border-radius:50%;background:var(--green);animation:flow 2s infinite linear}.traffic-line i:nth-child(2){animation-delay:.65s}.traffic-line i:nth-child(3){animation-delay:1.3s}.traffic-line span{position:absolute;top:12px;width:100%;text-align:center;color:var(--muted);font-size:9px;text-transform:uppercase}@keyframes flow{from{left:0}to{left:calc(100% - 8px)}}.network-facts{display:grid;grid-template-columns:repeat(4,1fr);margin:0 28px;border-top:1px solid var(--line)}.network-facts div{padding:20px;border-right:1px solid var(--line)}.network-facts div:last-child{border-right:0}.network-facts span,.network-facts b{display:block}.network-facts span{color:var(--muted);font-size:10px;text-transform:uppercase}.network-facts b{margin-top:6px;font-size:12px}.priority-layout{height:calc(100% - 122px);display:grid;grid-template-columns:330px 1fr 360px;gap:28px;align-items:stretch}.score-ring{background:#fff;border:1px solid var(--line);display:grid;place-items:center}.score-ring>div{width:220px;height:220px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle at center,#fff 0 58%,transparent 59%),conic-gradient(var(--lime) 0 96%,#e5ebe8 96%)}.score-ring b{font-size:62px;line-height:1}.score-ring span{color:var(--muted);font-size:12px;text-transform:uppercase}.score-breakdown{padding:38px 32px;background:#fff;border:1px solid var(--line)}.score-breakdown>div{display:grid;grid-template-columns:170px 1fr 70px;gap:15px;align-items:center;padding:23px 0;border-bottom:1px solid var(--line)}.score-breakdown>div:last-child{border-bottom:0}.score-breakdown span{font-size:13px;font-weight:700}.score-breakdown i{height:8px;background:#e8edea}.score-breakdown i b{display:block;height:100%;background:var(--green)}.score-breakdown strong{text-align:right;font-size:12px}.priority-decision{padding:34px;background:var(--ink);color:#fff}.priority-decision p{margin:0;color:var(--lime);text-transform:uppercase;font-size:10px;font-weight:800}.priority-decision h2{font-size:27px;line-height:1.18;margin:26px 0 40px}.priority-decision span{display:block;padding:15px 0;border-top:1px solid #3c4642;color:#c2cbc7;font-size:12px}.priority-decision em{display:block;margin-top:45px;color:#87938d;font-size:11px;font-style:normal}.evidence-preview{height:calc(100% - 122px);display:grid;grid-template-columns:1fr 360px;gap:28px}.document{padding:28px 34px;background:#fff;border:1px solid var(--line)}.document header{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;text-transform:uppercase}.document h2{font-size:25px;margin:22px 0 8px}.document>p{margin:0;color:var(--muted);font-size:13px}.document-metrics{display:grid;grid-template-columns:repeat(3,1fr);margin:24px 0;border:1px solid var(--line);background:var(--soft)}.document-metrics div{padding:16px;border-right:1px solid var(--line)}.document-metrics div:last-child{border-right:0}.document-metrics b,.document-metrics span{display:block}.document-metrics b{font-size:18px}.document-metrics span{font-size:9px;color:var(--muted);text-transform:uppercase}.document h3{font-size:13px}.document ol{list-style:none;margin:0;padding:0}.document li{display:grid;grid-template-columns:120px 1fr 60px;padding:10px 0;border-top:1px solid var(--line);font-size:11px}.document li em{text-align:right;font-style:normal;color:var(--muted)}.export-panel{padding:34px;background:var(--ink);color:#fff}.export-panel p{margin:0;color:var(--lime);font-size:10px;text-transform:uppercase;font-weight:800}.export-panel h2{margin:10px 0 28px;font-size:28px}.export-panel dl{margin:0}.export-panel dl div{display:flex;justify-content:space-between;padding:13px 0;border-top:1px solid #3b4641}.export-panel dt{color:#b5c0bb;font-size:11px}.export-panel dd{margin:0;font-size:12px;font-weight:800}.export-panel a{display:block;margin-top:26px;padding:13px;background:var(--lime);color:var(--ink);font-weight:850;text-align:center;text-decoration:none}.export-panel>span{display:block;margin-top:22px;color:#89958f;font-size:10px;line-height:1.5}.demo-footer{height:54px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.demo-footer>div{display:flex;align-items:center;gap:12px}.demo-footer button{height:32px;border:1px solid var(--line);background:#fff;padding:0 12px;font-weight:700;color:var(--ink)}.demo-footer button:last-child{background:var(--ink);color:#fff;border-color:var(--ink)}.demo-footer b{font:700 11px ui-monospace,monospace}@media(max-width:1000px){.demo-layout{grid-template-columns:170px 1fr}.demo-scene{padding:24px}.relation-grid{grid-template-columns:1fr;gap:12px;height:auto}.relation-link{display:none}.relation-card{height:auto}.network-map{overflow-x:auto}.priority-layout,.evidence-preview{grid-template-columns:1fr;height:auto}.demo-layout>main{overflow:auto}}@media(max-width:680px){.demo-mode{display:none}.demo-layout{grid-template-columns:1fr;height:auto}.demo-layout>aside{display:none}.demo-scene{min-height:calc(100vh - 126px)}.scene-title{height:auto;min-height:150px}.scene-title h1{font-size:30px}.scene-kpi{min-width:110px}.table-row{grid-template-columns:1fr 1fr}.table-row>span:nth-child(n+3){display:none}.source-strip{display:grid}.network-map{grid-template-columns:160px 80px 190px 80px 160px 80px 160px}.document{padding:22px}.evidence-preview{gap:14px}}