:root{--ink: #ffffff;--ink-2: #f7faf8;--ink-3: #eef5f1;--line: rgba(33, 109, 91, .18);--line-strong: rgba(33, 109, 91, .38);--brass: #216d5b;--brass-bright: #0f7d68;--paper: #17211e;--muted: #66736f;--muted-2: #7b8783;--warm: #b86f35;--steel: #3268a8;--display: Georgia, "Times New Roman", Times, serif;--body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: ui-monospace, Menlo, "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", Consolas, monospace;--r: 14px}body{background:radial-gradient(900px 620px at 80% -8%,rgba(33,109,91,.12),transparent 60%),radial-gradient(760px 560px at 3% 106%,rgba(184,111,53,.08),transparent 60%),var(--ink);color:var(--paper)}#observablehq-center{max-width:none;margin:0}#observablehq-main{max-width:none;margin:0;padding:0}.finops-matrix{box-sizing:border-box;max-width:1320px;min-height:100vh;margin:0 auto;padding:40px clamp(18px,4vw,56px) 64px;color:var(--paper);font-family:var(--body);line-height:1.45;-webkit-font-smoothing:antialiased}.finops-matrix *,.finops-matrix *:before,.finops-matrix *:after{box-sizing:border-box}.tm-header{margin-bottom:30px}.kicker{display:flex;align-items:center;gap:12px;margin:0;color:var(--brass);font-family:var(--mono);font-size:12px;letter-spacing:.32em;text-transform:uppercase}.kicker:before{width:34px;height:1px;background:var(--brass);content:"";opacity:.7}.head-row{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.credit{display:flex;flex-direction:column;gap:3px;align-items:flex-end;max-width:44ch;color:var(--muted-2);font-family:var(--mono);font-size:11px;line-height:1.5;text-align:right;letter-spacing:.08em}.credit .disc{color:var(--muted-2);font-family:var(--body);font-size:10px;font-style:italic;line-height:1.45;letter-spacing:0}.credit a,.finops-matrix footer a{color:var(--brass);font-weight:550;text-decoration:none;border-bottom:1px solid var(--line-strong)}.credit a:hover,.finops-matrix footer a:hover{color:var(--brass-bright);border-color:var(--brass)}.finops-matrix h1{margin:0 0 14px;font-family:var(--display);font-size:clamp(30px,4.8vw,60px);font-weight:500;line-height:1.05;letter-spacing:0}.finops-matrix h1 em{display:inline-block;color:var(--brass-bright);font-style:italic}.intro-lead{max-width:88ch;margin:0 0 14px;color:var(--paper);font-size:clamp(17px,1.95vw,22px);font-weight:650;line-height:1.4}.intro-body{max-width:92ch;margin:0 0 10px;color:var(--muted);font-size:clamp(14px,1.45vw,16.5px);line-height:1.55}.stage{display:grid;grid-template-columns:1.55fr 1fr;gap:clamp(20px,2.6vw,40px);align-items:start;margin-top:34px}.matrix-shell{position:relative}.axis-y{position:absolute;top:0;bottom:46px;left:-2px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:30px}.axis-y .lab{color:var(--muted);font-family:var(--mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;writing-mode:vertical-rl;transform:rotate(180deg)}.axis-y .end,.axis-x .end{color:var(--muted-2);font-family:var(--mono);font-size:10px;letter-spacing:.18em}.axis-x{position:absolute;top:100%;right:0;left:0;display:flex;align-items:center;justify-content:space-between;margin-top:14px}.axis-x .lab{color:var(--muted);font-family:var(--mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase}.grid-area{position:relative;margin-bottom:46px;margin-left:46px}.task-source{margin:4px 0 0 46px;padding:14px 16px;color:var(--muted);font-size:13.5px;line-height:1.5;background:#216d5b0f;border:1px solid var(--line);border-radius:10px}.task-source[hidden]{display:none}.task-source-label{margin-bottom:5px;color:var(--brass);font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase}.task-source p{margin:0 0 7px}.task-source a{color:var(--brass-bright);font-family:var(--mono);font-size:11px;letter-spacing:.04em;text-decoration:none;border-bottom:1px solid var(--line-strong)}.task-source a:hover{border-color:var(--brass)}.grid{position:relative;display:grid;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:2px;overflow:hidden;aspect-ratio:1 / .86;background:var(--line);border:1px solid var(--line);border-radius:var(--r)}.cell{position:relative;isolation:isolate;display:flex;flex-direction:column;gap:9px;min-width:0;padding:clamp(13px,1.5vw,20px);color:inherit;font:inherit;text-align:left;cursor:pointer;background:var(--ink-2);border:0;transition:background .25s ease}.cell:before{position:absolute;inset:0;z-index:-1;content:"";opacity:.5;transition:opacity .25s ease}.cell.reserve:before{background:linear-gradient(150deg,rgba(184,111,53,.13),transparent 62%)}.cell.augment:before{background:linear-gradient(150deg,rgba(33,109,91,.18),transparent 66%)}.cell.monitor:before{background:linear-gradient(150deg,rgba(130,145,141,.13),transparent 62%)}.cell.delegate:before{background:linear-gradient(150deg,rgba(50,104,168,.15),transparent 64%)}.cell:hover{background:var(--ink-3)}.cell:hover:before{opacity:.85}.cell:focus-visible{outline:2px solid var(--brass-bright);outline-offset:-2px}.cell.active{background:#216d5b26}.cell.active:after{position:absolute;inset:0;border:3px solid var(--brass);border-radius:2px;content:"";pointer-events:none}.verb{display:flex;gap:8px;align-items:center;color:var(--muted);font-family:var(--mono);font-size:11px;letter-spacing:.26em;text-transform:uppercase}.dot{flex:0 0 auto;width:7px;height:7px;border-radius:50%}.reserve .dot{background:var(--warm)}.augment .dot{background:var(--brass-bright);box-shadow:0 0 8px #216d5b73}.monitor .dot{background:var(--muted)}.delegate .dot{background:var(--steel)}.name{font-family:var(--display);font-size:clamp(17px,2.1vw,27px);font-weight:500;line-height:1.02;letter-spacing:0}.augment .name{color:var(--brass-bright)}.coord{color:var(--muted-2);font-family:var(--mono);font-size:10.5px;letter-spacing:.04em}.one{max-width:31ch;margin-top:2px;color:var(--muted);font-size:13px;line-height:1.35}.chip{padding:3px 9px;color:var(--paper);font-family:var(--mono);font-size:10.5px;letter-spacing:.02em;background:#216d5b14;border:1px solid var(--line);border-radius:999px}.seam-tag{position:absolute;top:9px;right:10px;color:var(--brass);font-family:var(--mono);font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;opacity:.85}.crosslines{position:absolute;inset:0;z-index:2;pointer-events:none}.crosslines i{position:absolute;background:var(--line-strong)}.crosslines .v{top:0;bottom:0;left:50%;width:1px;transform:translate(-.5px)}.crosslines .h{top:50%;right:0;left:0;height:1px;transform:translateY(-.5px)}.panel{position:sticky;top:24px;padding:clamp(18px,2vw,26px);background:var(--ink-2);border:1px solid var(--line);border-radius:var(--r)}.panel h2{margin:0 0 4px;font-family:var(--display);font-size:21px;font-weight:500;letter-spacing:0}.panel .sub{margin:0 0 20px;color:var(--muted);font-size:13px}.field{margin-bottom:18px}.field>label{display:block;margin-bottom:8px;color:var(--muted);font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase}.taskname{width:100%;padding:11px 38px 11px 13px;color:var(--paper);font-family:var(--body);font-size:15px;cursor:pointer;appearance:none;background-color:var(--ink);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' fill='none' stroke='%23216d5b' stroke-width='1.6' stroke-linecap='round'/></svg>");background-repeat:no-repeat;background-position:right 13px center;border:1px solid var(--line);border-radius:9px}.taskname:focus{outline:none;border-color:var(--line-strong);box-shadow:0 0 0 3px #216d5b29}.taskname optgroup{color:var(--brass);font-style:normal;font-weight:650;background:var(--ink-2)}.taskname option{color:var(--paper);font-weight:400;background:var(--ink-2)}.slabel{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:9px}.slabel .t{color:var(--paper);font-size:13.5px;font-weight:550}.slabel .t small{display:block;color:var(--muted-2);font-family:var(--body);font-size:11px;font-weight:400;letter-spacing:0;text-transform:none}.slabel .v{color:var(--brass);font-family:var(--mono);font-size:11px;letter-spacing:.08em}.finops-matrix input[type=range]{width:100%;height:3px;margin:6px 0 2px;appearance:none;background:linear-gradient(90deg,var(--brass) 0%,var(--brass) var(--fill, 50%),rgba(23,33,30,.12) var(--fill, 50%));border-radius:3px;outline:none}.finops-matrix input[type=range]::-webkit-slider-thumb{width:18px;height:18px;cursor:pointer;appearance:none;background:#fff;border:3px solid var(--brass);border-radius:50%;box-shadow:0 1px 4px #1428223d}.finops-matrix input[type=range]::-moz-range-thumb{width:18px;height:18px;cursor:pointer;background:#fff;border:3px solid var(--brass);border-radius:50%;box-shadow:0 1px 4px #1428223d}.verdict{padding-top:20px;margin-top:6px;border-top:1px solid var(--line)}.vd-verb{display:flex;gap:8px;align-items:center;color:var(--muted);font-family:var(--mono);font-size:11px;letter-spacing:.26em;text-transform:uppercase}.vd-name{margin:7px 0 2px;font-family:var(--display);font-size:clamp(24px,3vw,34px);font-weight:500;line-height:1.04;letter-spacing:0}.vd-coord{margin-bottom:12px;color:var(--muted-2);font-family:var(--mono);font-size:11px;letter-spacing:.04em}.vd-action{color:var(--paper);font-size:14.5px;line-height:1.5}.vd-cadence{padding-left:12px;margin-top:12px;color:var(--muted);font-family:var(--mono);font-size:11.5px;line-height:1.6;letter-spacing:.01em;border-left:2px solid var(--line-strong)}.vd-cadence b{color:var(--brass)}.eng-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.btn{padding:11px 16px;color:var(--brass-bright);font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:transparent;border:1px solid var(--brass);border-radius:9px;transition:background .2s ease,color .2s ease}.btn:hover{background:#216d5b1a}.btn:focus-visible{outline:2px solid var(--brass-bright);outline-offset:2px}.btn.primary{color:#fff;background:var(--brass);border-color:var(--brass)}.btn.primary:hover{background:var(--brass-bright)}.btn.ghost{color:var(--muted);border-color:var(--line-strong)}.btn.ghost:hover{color:var(--paper);background:#216d5b14}.btn:disabled{cursor:not-allowed;opacity:.4}.eng-note{display:none;padding:11px 13px;margin-top:14px;color:var(--muted);font-size:12.5px;line-height:1.5;background:#216d5b14;border:1px solid var(--line);border-radius:9px}.eng-note.show{display:block}.eng-note b{color:var(--brass-bright);font-weight:650}.eng-note .fine{display:block;margin-top:6px;color:var(--muted-2);font-size:11.5px;font-style:italic}.backdrop{position:fixed;inset:0;z-index:40;visibility:hidden;background:#12201c6b;opacity:0;transition:opacity .25s ease,visibility .25s;backdrop-filter:blur(3px)}.backdrop.open{visibility:visible;opacity:1}.modal{position:fixed;top:50%;left:50%;z-index:50;width:min(560px,92vw);max-height:86vh;padding:clamp(22px,3vw,34px);overflow:auto;visibility:hidden;background:var(--ink-2);border:1px solid var(--line-strong);border-radius:18px;box-shadow:0 24px 60px #12201c38;opacity:0;transition:opacity .25s ease,transform .25s ease,visibility .25s;transform:translate(-50%,-46%)}.modal.open{visibility:visible;opacity:1;transform:translate(-50%,-50%)}.modal .close{position:absolute;top:16px;right:16px;width:34px;height:34px;color:var(--muted);font-size:17px;line-height:1;cursor:pointer;background:none;border:1px solid var(--line);border-radius:8px}.modal .close:hover{color:var(--paper);border-color:var(--line-strong)}.m-verb{display:flex;gap:8px;align-items:center;color:var(--muted);font-family:var(--mono);font-size:11px;letter-spacing:.26em;text-transform:uppercase}.m-name{margin:8px 0 3px;font-family:var(--display);font-size:clamp(26px,4vw,38px);font-weight:500;line-height:1.04;letter-spacing:0}.m-coord{margin-bottom:18px;color:var(--muted-2);font-family:var(--mono);font-size:11px;letter-spacing:.05em}.m-logic{margin:0 0 20px;color:var(--paper);font-size:15.5px;line-height:1.55}.m-sec{margin-bottom:18px}.m-sec h4{margin:0 0 9px;color:var(--brass);font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase}.m-sec .chips{display:flex;flex-wrap:wrap;gap:6px}.m-sec p{margin:0;color:var(--muted);font-size:13.5px;line-height:1.55}.m-watch{padding:13px 15px;background:#b86f3514;border:1px solid rgba(184,111,53,.28);border-radius:10px}.m-watch h4{color:#9b5426}.m-watch p{color:var(--paper)}.finops-matrix footer{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding-top:18px;margin-top:54px;border-top:1px solid var(--line)}.finops-matrix footer span{color:var(--muted-2);font-family:var(--mono);font-size:11px;letter-spacing:.08em}.finops-matrix footer b{color:var(--brass)}.build-id{opacity:.58}@media(max-width:920px){.stage{grid-template-columns:1fr}.panel{position:static}}@media(max-width:600px){.finops-matrix{padding:28px 16px 48px}.finops-matrix h1{font-size:clamp(29px,8.2vw,42px);line-height:1.1}.intro-lead{font-size:clamp(17px,4.6vw,20px)}.grid-area{margin-bottom:36px;margin-left:34px}.task-source{margin-left:34px}.grid{aspect-ratio:1 / 1.18}.cell{padding:12px}.name{font-size:18px}.coord{font-size:10px}.one{display:none}.seam-tag{top:8px;right:8px;font-size:8.5px}.axis-y{bottom:36px;width:26px}.axis-y .lab,.axis-x .lab{font-size:10px;letter-spacing:.12em}.axis-x{margin-top:12px}.modal{width:94vw;padding:22px 18px}.modal .close{width:40px;height:40px}}@media(prefers-reduced-motion:reduce){.cell,.cell:before,.btn,.backdrop,.modal{transition:none}}