:root{--bg:#080b09;--panel:#0e1310;--line:#25342b;--green:#6bd39b;--green2:#173c2a;--paper:#e8e6dc;--muted:#8b968f;--red:#b9584d}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--paper);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.cfm{min-height:100vh;background:radial-gradient(circle at 50% 35%,#122119 0,transparent 35%),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:auto,36px 36px,36px 36px}.wrap{width:min(1540px,calc(100% - 32px));margin:auto}.mast{height:74px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{font-size:11px;letter-spacing:.22em;font-weight:800}.brand b{color:var(--green)}.stamp{font:10px ui-monospace,monospace;color:var(--muted);letter-spacing:.08em}.hero{display:grid;grid-template-columns:1.4fr .6fr;border-bottom:1px solid var(--line)}.hero-main{padding:58px 0 48px}.eyebrow,.micro{font:10px ui-monospace,monospace;letter-spacing:.14em;color:var(--green);text-transform:uppercase}.hero h1{font-family:Georgia,serif;font-size:clamp(54px,7vw,108px);font-weight:400;letter-spacing:-.055em;line-height:.82;margin:18px 0 28px;max-width:920px}.hero p{max-width:760px;color:#aeb7b1;font:18px/1.6 Georgia,serif}.hero-side{border-left:1px solid var(--line);padding:44px 34px;display:flex;flex-direction:column;justify-content:flex-end}.hero-side strong{font:64px/1 Georgia,serif;color:var(--green)}.hero-side span{font:10px/1.5 ui-monospace,monospace;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.modebar{display:flex;gap:0;border-bottom:1px solid var(--line);overflow:auto}.mode{border:0;border-right:1px solid var(--line);background:#0b0f0c;color:#89938d;padding:17px 22px;white-space:nowrap;font:10px ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.mode.active,.mode:hover{background:var(--green2);color:var(--paper)}.machine{display:grid;grid-template-columns:minmax(0,1fr) 390px;min-height:760px;border-bottom:1px solid var(--line)}.stage{position:relative;min-height:760px;overflow:hidden}.stage:before{content:"SYSTEM MAP / CLICK ANY NODE";position:absolute;top:22px;left:22px;color:#536158;font:9px ui-monospace,monospace;letter-spacing:.15em}.wire{position:absolute;height:1px;background:linear-gradient(90deg,#1f3c2c,#4e9a6f,#1f3c2c);transform-origin:left center;opacity:.45;pointer-events:none}.node{position:absolute;transform:translate(-50%,-50%);width:150px;min-height:78px;border:1px solid #30443a;background:#0a0f0cdd;color:var(--paper);padding:12px;text-align:left;cursor:pointer;transition:.2s;box-shadow:0 10px 35px #0007}.node:hover,.node.active{border-color:var(--green);background:#112219;box-shadow:0 0 0 1px #6bd39b33,0 15px 45px #0009}.node.dim{opacity:.18}.node .n{font:9px ui-monospace,monospace;color:var(--green)}.node b{display:block;font:600 13px/1.2 Georgia,serif;margin:7px 0}.node small{display:block;color:#78847d;font:8px ui-monospace,monospace;letter-spacing:.06em}.intel{border-left:1px solid var(--line);background:#0a0e0bcc;padding:34px;position:relative}.intel .num{font:72px/1 Georgia,serif;color:#193d2a}.intel h2{font:36px/1.05 Georgia,serif;font-weight:400;margin:18px 0}.intel .type{font:9px ui-monospace,monospace;color:var(--green);letter-spacing:.14em}.intel p{color:#abb4ae;line-height:1.65}.path{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin:28px 0;font:10px/1.7 ui-monospace,monospace;color:#d4d8d4;letter-spacing:.05em}.intel a{color:var(--green);font:10px ui-monospace,monospace;text-decoration:none}.legend{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid var(--line)}.leg{padding:28px;border-right:1px solid var(--line)}.leg b{display:block;font:12px Georgia,serif;margin-bottom:8px}.leg span{font:9px/1.5 ui-monospace,monospace;color:var(--muted)}.method{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:54px 0 70px}.method h2{font:38px Georgia,serif;font-weight:400;margin:0 0 18px}.method p{color:#9da7a0;line-height:1.7}.resources{padding:0 0 70px}.official{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.official a{border:1px solid var(--line);padding:10px 13px;color:#aab5ae;text-decoration:none;font:9px ui-monospace,monospace}.official a:hover{border-color:var(--green);color:var(--green)}@media(max-width:950px){.hero{grid-template-columns:1fr}.hero-side{border-left:0;border-top:1px solid var(--line)}.machine{grid-template-columns:1fr}.stage{min-height:700px}.intel{border-left:0;border-top:1px solid var(--line)}.node{width:120px;padding:9px}.legend{grid-template-columns:1fr 1fr}.method{grid-template-columns:1fr;gap:20px}.hero h1{font-size:58px}}@media(max-width:600px){.wrap{width:min(100% - 18px,1540px)}.stage{min-height:760px}.node{width:104px;min-height:66px}.node b{font-size:11px}.node small{display:none}.hero-main{padding-top:38px}.hero h1{font-size:49px}}