:root{--clio-blue: #0070e0;--clio-dark: #04304c;--green: #1a7f4b;--green-bg: #e8f6ee;--red: #b3261e;--red-bg: #fdecea;--amber: #8a5a00;--amber-bg: #fff6e5;--ink: #1c2b36;--muted: #5b6b78;--line: #dbe3ea;--surface: #ffffff;--page: #f4f7fa}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--page);color:var(--ink);line-height:1.55}main{max-width:720px;margin:0 auto;padding:40px 20px 80px}main.wide{max-width:1180px}h1{font-size:26px;color:var(--clio-dark);margin:0 0 8px}h2{font-size:19px;color:var(--clio-dark);margin:32px 0 12px}h3{font-size:15px;color:var(--clio-dark);margin:20px 0 8px}p{margin:0 0 14px}.lede{color:var(--muted);font-size:16px}.card{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:26px;margin-bottom:20px}label{display:block;font-weight:700;font-size:14px;margin-bottom:6px;color:var(--clio-dark)}.hint{font-size:13px;color:var(--muted);margin:6px 0 0}input[type=text],input[type=number]{width:100%;padding:11px 12px;font-size:16px;font-family:inherit;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink)}input:focus{outline:2px solid var(--clio-blue);outline-offset:1px}.field{margin-bottom:20px}.derived{background:var(--page);border-left:3px solid var(--clio-blue);padding:12px 14px;border-radius:0 6px 6px 0;font-size:14px}.derived strong{color:var(--clio-dark)}button{font-family:inherit;font-size:16px;font-weight:700;padding:12px 22px;border-radius:6px;border:none;background:var(--clio-blue);color:#fff;cursor:pointer}button:hover{background:#005cba}button:disabled{background:#a9bfd4;cursor:default}button.secondary{background:transparent;color:var(--clio-blue);border:1px solid var(--line)}button.secondary:hover{background:var(--page)}.progress-track{height:8px;background:var(--line);border-radius:4px;overflow:hidden;margin:18px 0 10px}.progress-fill{height:100%;background:var(--clio-blue);transition:width .2s linear}.phase-label{font-size:18px;font-weight:700;color:var(--clio-dark)}.live-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin:20px 0}.metric{background:var(--page);border-radius:8px;padding:12px 14px}.metric .value{font-size:22px;font-weight:700;color:var(--clio-dark);font-variant-numeric:tabular-nums}.metric .name{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}.ramp{display:flex;align-items:flex-end;gap:6px;height:150px;padding-top:10px;border-bottom:1px solid var(--line)}.ramp-col{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:3px;height:100%}.ramp-bar{width:100%;border-radius:3px 3px 0 0;min-height:3px;background:var(--green)}.ramp-bar.degraded{background:var(--red)}.ramp-bar.pending{background:var(--line)}.ramp-axis{display:flex;gap:6px;margin-top:6px}.ramp-axis span{flex:1;text-align:center;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.log{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12px;color:var(--muted);background:var(--page);border-radius:8px;padding:12px 14px;max-height:190px;overflow-y:auto;white-space:pre-wrap}.verdict{border-radius:10px;padding:28px;margin-bottom:22px;border:1px solid}.verdict.green{background:var(--green-bg);border-color:#bfe3ce}.verdict.red{background:var(--red-bg);border-color:#f3c7c3}.verdict.none{background:var(--amber-bg);border-color:#f0dcb4}.verdict .band{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px}.verdict.green .band{color:var(--green)}.verdict.red .band{color:var(--red)}.verdict.none .band{color:var(--amber)}.verdict .headline{font-size:24px;font-weight:700;color:var(--clio-dark);margin-bottom:12px}.verdict p:last-child{margin-bottom:0}.note{background:var(--amber-bg);border-left:3px solid var(--amber);padding:12px 14px;border-radius:0 6px 6px 0;font-size:14px;margin-bottom:16px}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:right;padding:8px 10px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}th:first-child,td:first-child{text-align:left}th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.4px;font-weight:700}tr.degraded td{background:var(--red-bg)}.pill{display:inline-block;padding:2px 9px;border-radius:10px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.pill.green{background:var(--green-bg);color:var(--green)}.pill.red{background:var(--red-bg);color:var(--red)}.pill.marginal{background:var(--amber-bg);color:var(--amber)}.pill.none{background:var(--page);color:var(--muted)}details{margin-top:10px;font-size:14px}summary{cursor:pointer;color:var(--clio-blue);font-weight:700}.assumptions{font-size:13px;color:var(--muted)}.assumptions li{margin-bottom:5px}.topbar{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:22px}.topbar a{color:var(--clio-blue);font-size:13px;text-decoration:none}.topbar a:hover{text-decoration:underline}.poc-tag{display:inline-block;background:var(--clio-dark);color:#fff;font-size:10px;font-weight:700;letter-spacing:1px;padding:2px 7px;border-radius:3px;vertical-align:middle;margin-left:8px}.error{background:var(--red-bg);border:1px solid #f3c7c3;border-radius:8px;padding:16px 18px;color:var(--red);margin-bottom:18px}