*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#07101d;color:#f8f7ed;font:15px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-x:hidden}button,input,select{font:inherit}.shell{max-width:1680px;margin:auto}.ticker{position:sticky;top:0;z-index:40;overflow:hidden;background:#050505;color:#ffe600;border-bottom:3px solid #ffe600;white-space:nowrap;font-weight:900;letter-spacing:.1em}.ticker div{padding:8px 0;animation:tick 28s linear infinite;width:max-content}@keyframes tick{to{transform:translateX(-45%)}}.scroll-progress{position:fixed;top:0;left:0;height:4px;background:#ff2d9e;z-index:100;width:0}.topbar{display:flex;align-items:center;justify-content:space-between;padding:18px 28px;background:#0b1220;border-bottom:4px solid #f8f7ed;position:sticky;top:35px;z-index:30}.brand{display:flex;gap:14px;align-items:center}.brand h1,.brand p{margin:0}.brand h1{font-size:clamp(18px,2.4vw,30px)}.brand p{opacity:.65}.logo{width:58px;height:58px;background:#00d4ff;color:#050505;border:3px solid #f8f7ed;box-shadow:6px 6px 0 #ff2d9e;display:grid;place-items:center;font-weight:1000;font-size:22px}nav{display:flex;gap:10px;align-items:center}nav a,nav button,.menu-btn{color:#f8f7ed;background:#111827;border:2px solid #f8f7ed;padding:10px 13px;text-decoration:none;font-weight:900;text-transform:uppercase}.menu-btn{display:none}.hero{display:grid;grid-template-columns:1.3fr .7fr;background:#ffe600;color:#050505;border-bottom:5px solid #050505}.hero>div:first-child{padding:clamp(40px,7vw,100px)}.eyebrow{display:inline-block;background:#fff;padding:7px 12px;border:3px solid #050505;font-weight:900}.hero h2{font-size:clamp(52px,8vw,116px);line-height:.82;margin:28px 0;font-weight:1000;letter-spacing:-.06em}.hero h2 em{color:#ff2d9e;font-style:normal}.hero p{max-width:62ch;font-size:18px}.hero-actions,.split,.button-grid{display:flex;gap:10px;flex-wrap:wrap}.btn{border:3px solid #050505;background:#f8f7ed;color:#050505;padding:10px 14px;font-weight:1000;text-transform:uppercase;box-shadow:4px 4px 0 #050505;cursor:pointer;text-decoration:none}.btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 #050505}.btn.primary{background:#00d4ff}.btn.danger{background:#ff2d9e}.btn.small{padding:7px 10px;font-size:12px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;border-left:5px solid #050505}.tile{min-height:190px;padding:28px;border:2px solid #050505;display:flex;flex-direction:column;justify-content:flex-end}.tile b{font-size:clamp(42px,6vw,82px);line-height:1}.tile span{text-transform:uppercase;font-weight:900}.cyan{background:#00d4ff}.pink{background:#ff2d9e}.yellow{background:#f8f7ed}.dark{background:#050505;color:#f8f7ed}.section{padding:54px 28px;border-bottom:4px solid #f8f7ed}.section.alt{background:#101827}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:24px}.section-head h3{font-size:clamp(28px,4vw,54px);margin:0}.section-head p{margin:5px 0;opacity:.75}.status-pill{background:#39ff14;color:#050505;border:2px solid #050505;padding:8px 12px;font-weight:900}.workspace-grid{display:grid;grid-template-columns:260px minmax(0,1fr) 260px;gap:18px}.panel{background:#f8f7ed;color:#050505;border:4px solid #050505;box-shadow:8px 8px 0 #ff2d9e;padding:18px;min-width:0}.panel h4{font-size:20px;margin:0 0 14px;text-transform:uppercase}.controls label,.inspector label,.analysis-grid label,.resilience-grid label{display:grid;gap:6px;margin:12px 0;font-weight:900}.controls input,.controls select,.inspector input,.inspector select,.analysis-grid select{width:100%;padding:10px;border:3px solid #050505;background:#fff}.check{grid-template-columns:auto 1fr!important;align-items:center}.graph-panel{padding:0;overflow:hidden}.graph-toolbar{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#050505;color:#f8f7ed}.graph-toolbar span{display:block;opacity:.65;font-size:12px}#graphSvg{width:100%;height:min(66vh,680px);min-height:460px;background:radial-gradient(circle at 50% 45%,#17304d,#07101d 68%);touch-action:none}.edge{stroke:#75a7c8;stroke-width:3;opacity:.72}.edge.down{stroke:#ff2d9e;stroke-dasharray:10 8}.edge.path{stroke:#ffe600;stroke-width:8;opacity:1}.edge-label{fill:#f8f7ed;font-size:13px;font-weight:900;paint-order:stroke;stroke:#050505;stroke-width:4px}.node circle{fill:#39ff14;stroke:#050505;stroke-width:4;filter:url(#shadow)}.node.down circle{fill:#ff2d9e}.node.selected circle{stroke:#ffe600;stroke-width:8}.node.path circle{fill:#ffe600}.node.critical circle{stroke:#ff2d9e;stroke-width:9}.node text{fill:#050505;font-size:13px;font-weight:1000;text-anchor:middle;pointer-events:none}.legend{display:flex;gap:16px;flex-wrap:wrap;padding:10px 16px;background:#050505}.legend span{display:flex;align-items:center;gap:6px}.legend i{width:14px;height:14px;border:2px solid #f8f7ed;background:#39ff14}.legend i.down{background:#ff2d9e}.legend i.path{background:#ffe600}.legend i.critical{background:#00d4ff;border-color:#ff2d9e}.stack{display:grid;gap:9px}.file-btn{display:block;text-align:center}.file-btn input{display:none}.empty{padding:20px;background:#fff;border:2px dashed #999}.metrics{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:18px}.metric{background:#ffe600;color:#050505;border:3px solid #050505;padding:15px;box-shadow:5px 5px 0 #ff2d9e}.metric b{display:block;font-size:28px}.metric span{text-transform:uppercase;font-weight:900;font-size:11px}.analysis-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}.ranking,.report,.event-log{max-height:320px;overflow:auto}.rank,.report-item,.log-item{padding:9px;border-bottom:2px solid #050505;display:flex;justify-content:space-between;gap:10px}.rank b{min-width:80px}.resilience-grid{display:grid;grid-template-columns:.8fr 1.2fr 1fr;gap:18px}.event-log{font-size:12px}.integration-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}pre{white-space:pre-wrap;background:#07101d;color:#39ff14;padding:14px;border:3px solid #050505;min-height:90px}.toasts{position:fixed;right:18px;bottom:80px;z-index:90;display:grid;gap:8px}.toast{background:#050505;color:#ffe600;border:2px solid #ffe600;padding:12px}.install{position:fixed;right:18px;bottom:18px;z-index:60;background:#ff2d9e;border:3px solid #f8f7ed;color:#fff;padding:12px 16px;font-weight:1000;display:none}.install.show{display:block}footer{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:24px 28px;background:#050505;color:#f8f7ed;font-weight:900}.backdrop{display:none}body.light{background:#f8f7ed;color:#050505}body.light .section.alt{background:#d8eef7}body.light .topbar{background:#f8f7ed}body.light nav a,body.light nav button{background:#fff;color:#050505;border-color:#050505}@media(max-width:1180px){.workspace-grid{grid-template-columns:230px minmax(0,1fr)}.inspector{grid-column:1/-1}.metrics{grid-template-columns:repeat(3,1fr)}.analysis-grid,.resilience-grid{grid-template-columns:1fr 1fr}.integration-grid{grid-template-columns:1fr 1fr}}@media(max-width:780px){.topbar{top:34px;padding:12px}.brand p{display:none}.logo{width:44px;height:44px}.menu-btn{display:block}nav{position:fixed;inset:0 0 auto 18%;top:0;z-index:80;background:#07101d;padding:82px 18px 24px;display:grid;transform:translateX(110%);transition:.25s;border-left:4px solid #ffe600;border-bottom:4px solid #ffe600}nav.open{transform:none}.backdrop.show{display:block;position:fixed;inset:0;background:#000a;z-index:70}.hero{grid-template-columns:1fr}.hero-grid{border-left:0;border-top:5px solid #050505}.workspace-grid,.analysis-grid,.resilience-grid,.integration-grid{grid-template-columns:1fr}.controls,.inspector{order:2}.graph-panel{order:1}.metrics{grid-template-columns:1fr 1fr}.section{padding:38px 14px}.section-head{align-items:start;flex-direction:column}#graphSvg{min-height:430px}.tile{min-height:130px}.hero>div:first-child{padding:45px 18px}.hero h2{font-size:58px}.panel{box-shadow:5px 5px 0 #ff2d9e}}