:root{--bg:#090b10;--panel:#101319;--line:#282d36;--ink:#f5f3ee;--muted:#8b929e;--orange:#ff6a1a;--green:#b8ff3d}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:32px 32px}header,footer,main{position:relative;max-width:1440px;margin:auto}header{height:76px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-weight:850;font-size:20px}.mark{display:grid;place-items:center;width:34px;height:34px;background:var(--orange);color:#090b10;border-radius:3px}.badge,.eyebrow{font-size:10px;letter-spacing:.18em;color:var(--muted)}main{padding:54px 4vw}.intro{display:flex;align-items:end;justify-content:space-between;margin-bottom:52px}.eyebrow{color:var(--orange);font-weight:800}.intro h1{font-size:clamp(46px,6.5vw,92px);line-height:.9;letter-spacing:-.065em;margin:18px 0 22px;max-width:900px}.intro h1 em{font-style:normal;color:var(--orange)}.lead{color:var(--muted);max-width:560px;line-height:1.6}.metric{width:200px;border-left:1px solid var(--line);padding-left:28px;margin-bottom:8px}.metric span{display:block;font:800 68px/1 ui-monospace,SFMono-Regular,monospace;color:var(--green)}.metric small{color:var(--muted);letter-spacing:.11em}.workspace{display:grid;grid-template-columns:minmax(300px,420px) 1fr;border:1px solid var(--line);background:var(--panel)}aside,.plan-wrap{padding:28px}.plan-wrap{border-left:1px solid var(--line);min-width:0}.panel-head{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:24px}.panel-head>span{color:var(--orange);font:12px ui-monospace}.panel-head h2{font-size:14px;text-transform:uppercase;letter-spacing:.08em;margin:0}.legend{margin-left:auto;color:var(--muted);font-size:9px;display:flex;align-items:center;gap:6px}.legend i{width:9px;height:9px;background:var(--green)}.legend i.blocked{background:#353b45;margin-left:8px}label{display:block;color:var(--muted);font-size:12px;margin:20px 0}output{float:right;color:var(--ink);font-family:ui-monospace}input[type=range]{width:100%;margin-top:13px;accent-color:var(--orange)}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.row label{margin:8px 0}select{width:100%;background:#171b22;border:1px solid var(--line);color:var(--ink);padding:11px;margin-top:8px;border-radius:2px}button{width:100%;border:0;background:var(--orange);color:#090b10;font-weight:900;letter-spacing:.08em;padding:16px;display:flex;justify-content:space-between;cursor:pointer}button:hover{background:#ff823f}.hint{font-size:10px;line-height:1.5;color:#656c77;margin-top:16px}#plan{min-height:410px;display:grid;gap:5px;padding:18px;background:#0b0e13;border:1px solid var(--line);overflow:hidden}.spot{border:1px solid #586d37;background:linear-gradient(135deg,#b8ff3d20,#b8ff3d08);display:flex;align-items:center;justify-content:center;color:#b8ff3daa;font:9px ui-monospace;min-height:28px;transition:.25s}.spot:hover{background:#b8ff3d35}.spot.obstacle{border-color:#343a44;background:repeating-linear-gradient(45deg,#22262e,#22262e 5px,#181b21 5px,#181b21 10px);color:#67707c}.aisle{background:repeating-linear-gradient(90deg,transparent,transparent 16px,#ff6a1a30 16px,#ff6a1a30 18px);border-top:1px dashed #ff6a1a88;border-bottom:1px dashed #ff6a1a88;color:var(--orange);font:9px ui-monospace;display:grid;place-items:center;letter-spacing:.2em}.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-top:0}.stats div{padding:18px;border-right:1px solid var(--line)}.stats div:last-child{border:0}.stats strong{display:block;font:700 22px ui-monospace;color:var(--ink)}.stats span{font-size:10px;color:var(--muted)}footer{border-top:1px solid var(--line);padding:24px 4vw 38px;display:flex;justify-content:space-between;color:#666d78;font:10px ui-monospace}@media(max-width:900px){.metric{display:none}.workspace{grid-template-columns:1fr}.plan-wrap{border-left:0;border-top:1px solid var(--line)}.intro h1{font-size:54px}.row{grid-template-columns:1fr}#plan{min-height:360px}.stats{grid-template-columns:1fr 1fr}.stats div:nth-child(2){border-right:0}.stats div:nth-child(-n+2){border-bottom:1px solid var(--line)}}