:root{--bg: #f3f5fa;--panel: #ffffff;--line: #dde2ec;--ink: #0f172a;--muted: #5b6477;--dim: #8a93a6;--agent: #7c3aed;--script: #0d9488;--heal: #b45309;--bad: #dc2626;--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, sans-serif;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:clip}code,pre{font-family:var(--mono)}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--agent);outline-offset:2px}.top,.hero,.bench,.foot{max-width:1320px;margin:0 auto;padding-inline:clamp(16px,3vw,40px)}.top{display:flex;align-items:center;justify-content:space-between;padding-block:18px}.brand{display:inline-flex;align-items:center;gap:8px;color:var(--ink);font:600 17px/1 var(--mono);text-decoration:none}.brand svg{width:26px;height:26px}.top-note{color:var(--dim);font-size:13px}.hero{padding-block:clamp(16px,4vw,44px) clamp(18px,3vw,32px)}.hero h1{margin:0 0 14px;font-size:clamp(32px,5.6vw,66px);line-height:1.02;letter-spacing:-.04em;font-weight:700}.hero p{margin:0;max-width:72ch;color:var(--muted);font-size:clamp(15px,1.25vw,17px)}.bench{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start;padding-bottom:28px}.left{display:grid;gap:14px;min-width:0;position:sticky;top:14px}.right{display:grid;gap:14px;min-width:0}.frame{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 18px 40px -28px #0f172a73}.chrome{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:9px 12px;background:#e9edf5;border-bottom:1px solid var(--line)}.dots{display:inline-flex;gap:5px}.dots i{width:10px;height:10px;border-radius:50%;background:#c5ccd9}.url{flex:1;min-width:120px;padding:3px 10px;border-radius:6px;background:var(--panel);color:var(--dim);font:12px var(--mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.release{display:inline-flex;padding:2px;border-radius:8px;background:#d6dce8}.release button{padding:4px 10px;border:0;border-radius:6px;background:none;color:var(--muted);font:600 12px var(--sans);cursor:pointer;white-space:nowrap}.release button[aria-checked=true]{background:var(--panel);color:var(--ink)}.release button:disabled{cursor:default;opacity:.6}.viewport{position:relative;min-height:430px}#ping{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}#ping i{position:absolute;border-radius:8px;border:2.5px solid var(--agent);animation:ping .5s ease-out forwards}#ping i.script{border-color:var(--script);animation-duration:.3s}@keyframes ping{0%{opacity:1;transform:scale(1.12)}to{opacity:0;transform:scale(1)}}.doc{padding:14px 16px;background:var(--panel);border:1px solid var(--line);border-radius:14px}.doc-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.doc h2,.stage h2{margin:0;font-size:15px;font-weight:650}#sample{max-width:100%;padding:5px 8px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);font:13px var(--sans)}#doc{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px 16px;margin:0}#doc dt{color:var(--dim);font-size:11.5px}#doc dd{margin:0;font:13px var(--mono)}.stage{padding:16px;background:var(--panel);border:1px solid var(--line);border-radius:14px}.stage>header{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:center;margin-bottom:12px}.stage .num{grid-row:span 2;align-self:start;width:26px;height:26px;border-radius:50%;background:var(--ink);color:#fff;font:600 13px/26px var(--mono);text-align:center}.stage>header p{margin:0;color:var(--muted);font-size:13.5px}.row{display:flex;flex-wrap:wrap;gap:8px}.btn{padding:8px 14px;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:9px;font:600 13.5px/1.3 var(--sans);cursor:pointer;white-space:nowrap}.btn:hover:not(:disabled){border-color:#b3bccd}.btn:disabled{opacity:.45;cursor:default}.btn.agent{background:var(--agent);border-color:var(--agent);color:#fff}.btn.script{background:var(--script);border-color:var(--script);color:#fff}.btn.live{background:var(--bad);border-color:var(--bad);color:#fff}.btn.small{padding:4px 10px;font-size:12px}.meters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0 0}.meters dt{grid-row:2;color:var(--dim);font-size:11.5px}.meters dd{grid-row:1;margin:0;font:600 19px var(--mono);font-variant-numeric:tabular-nums;color:var(--agent)}.log{display:grid;gap:8px;max-height:210px;margin:12px 0 0;padding:0;overflow:auto;list-style:none;font-size:13px}.log:empty{display:none}.log li{padding-left:10px;border-left:2px solid color-mix(in srgb,var(--agent) 35%,transparent)}.log em{display:block;color:var(--muted)}.log span{font:12px var(--mono)}.tabs{display:flex;gap:4px;margin-bottom:10px;border-bottom:1px solid var(--line)}.tabs button{padding:6px 10px 9px;margin-bottom:-1px;background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);font:600 12.5px var(--sans);cursor:pointer}.tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--ink)}.plan{display:grid;gap:3px;margin:0;padding:0;list-style:none}.plan:empty:after{content:"The plan appears here once a run has been recorded.";color:var(--dim);font-size:13px}.plan li{display:grid;grid-template-columns:1.8em minmax(0,1fr);gap:0 8px;padding:6px 9px;border-radius:8px;border:1px solid transparent;background:var(--bg);font-size:13px}.plan .n{grid-row:span 2;color:var(--dim);font:12px/1.7 var(--mono)}.plan .what b{color:var(--script);font:600 12px var(--mono)}.plan .what code{margin-left:6px;padding:1px 6px;border-radius:4px;background:color-mix(in srgb,var(--agent) 10%,transparent);color:var(--agent);font-size:11.5px}.plan .note{color:var(--dim);font:11.5px var(--mono)}.plan li[data-status=ok]{border-color:color-mix(in srgb,var(--script) 45%,transparent);background:color-mix(in srgb,var(--script) 7%,var(--panel))}.plan li[data-status=healed]{border-color:color-mix(in srgb,var(--heal) 55%,transparent);background:color-mix(in srgb,var(--heal) 8%,var(--panel))}.plan li[data-status=healed] .note{color:var(--heal)}.plan li[data-status=escalated]{border-color:var(--agent);background:color-mix(in srgb,var(--agent) 8%,var(--panel))}.plan li[data-status=escalated] .note{color:var(--agent)}.plan li[data-status=failed]{border-color:var(--bad);background:color-mix(in srgb,var(--bad) 7%,var(--panel))}.plan li[data-status=failed] .note{color:var(--bad)}#code-wrap{position:relative}#code-wrap .btn{position:absolute;top:8px;right:8px}pre{max-height:420px;margin:0;padding:12px;overflow:auto;border-radius:10px;background:#0f172a;color:#dbe4f5;font-size:12px;line-height:1.6}.result{min-height:1.5em;margin:12px 0 0;font-size:14px}.result.good{color:#0f766e}.result.bad{color:var(--bad)}.versus table{width:100%;margin-top:12px;border-collapse:collapse;font-size:13.5px}.versus th,.versus td{padding:7px 8px;text-align:right;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}.versus th:first-child{text-align:left}.versus thead th{color:var(--dim);font-size:11.5px;font-weight:500}.versus thead th:first-child{color:var(--ink);font-size:13px;font-weight:650}.versus td{font-family:var(--mono)}.versus .agent th,.versus .agent td{color:var(--agent)}.versus .script th,.versus .script td{color:var(--script);font-weight:600}.versus p{margin:8px 0 0;color:var(--muted);font-size:12.5px}.foot{padding-block:4px 48px;color:var(--dim);font-size:13px}.foot p{max-width:84ch;margin:0}.erp{font:13px/1.45 Tahoma,Verdana,Segoe UI,sans-serif;color:#1d2733}.erp-bar{display:flex;align-items:center;gap:12px;padding:7px 12px;background:#354a5f;color:#fff}.erp-home{padding:3px 10px;border:1px solid #6f8296;border-radius:2px;background:#4a6076;color:#fff;font:inherit;cursor:pointer}.erp-brand{font-weight:700}.erp-mod{margin-left:auto;opacity:.75;font-size:12px}.erp-body{padding:14px 16px 20px;background:#eef1f4;min-height:390px}.erp h1{margin:0 0 12px;padding-bottom:6px;border-bottom:1px solid #c3ccd6;font-size:17px;font-weight:700}.erp .tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.erp .tile{padding:22px 10px;border:1px solid #b7c2ce;border-radius:2px;background:linear-gradient(#fff,#e3e8ee);color:#1d2733;font:700 14px Tahoma,Verdana,sans-serif;cursor:pointer}.erp .btn,.erp .ghost,.erp .cta{padding:5px 14px;border:1px solid #9aa7b5;border-radius:2px;background:linear-gradient(#fff,#dfe5ec);color:#1d2733;font:inherit;white-space:nowrap;cursor:pointer}.erp .btn.primary{border-color:#1f5f99;background:linear-gradient(#3d86c6,#2a6aa6);color:#fff}.erp button:disabled{opacity:.5;cursor:default}.erp .toolbar,.erp .actions,.erp .form-foot{display:flex;gap:8px;margin:12px 0}.erp .fields{display:grid;gap:7px;max-width:460px}.erp .field{display:grid;grid-template-columns:130px minmax(0,1fr);align-items:center;gap:8px}.erp label{color:#3b4a5a}.erp input[type=text],.erp select{width:100%;padding:4px 6px;border:1px solid #9aa7b5;border-radius:2px;background:#fff;color:#1d2733;font:inherit}.erp-error{margin:10px 0 0;padding:6px 10px;border-left:3px solid #c0392b;background:#fbeceb;color:#8e2a20}.erp-note{color:#5a6878}.erp-list{margin:0;padding-left:18px}.erp-table{width:100%;border-collapse:collapse;background:#fff}.erp-table th,.erp-table td{padding:5px 8px;border:1px solid #c8d0d9;text-align:left;font-size:12px}.erp-table th{background:#dde3ea}.erp .summary{display:grid;grid-template-columns:130px minmax(0,1fr);gap:4px 8px;max-width:460px;margin:0 0 10px}.erp .summary dt{color:#5a6878}.erp .summary dd{margin:0;font-weight:700}.erp .match{margin:0 0 10px;padding:6px 10px;border-left:3px solid #2e8b57;background:#e8f4ec}.erp .check{display:flex;align-items:center;gap:8px}.erp .done{padding:12px;border:1px solid #9ccdb0;background:#e8f4ec;font-weight:700}.erp.r2{font:14px/1.5 -apple-system,Segoe UI,Inter,sans-serif}.erp.r2 .erp-bar{padding:10px 16px;background:#fff;color:#111827;border-bottom:1px solid #e5e7eb}.erp.r2 .erp-home{border:0;border-radius:999px;background:#eef2ff;color:#3730a3;font-weight:600}.erp.r2 .erp-body{padding:20px;background:#fafafa}.erp.r2 h1{border:0;font-size:22px;letter-spacing:-.02em}.erp.r2 .tile{padding:26px 12px;border:1px solid #e5e7eb;border-radius:14px;background:#fff;font:600 15px inherit;box-shadow:0 1px 2px #0000000a}.erp.r2 .cta{padding:8px 18px;border:0;border-radius:999px;background:#4f46e5;color:#fff;font-weight:600}.erp.r2 .ghost{padding:8px 16px;border:1px solid #d1d5db;border-radius:999px;background:#fff}.erp.r2 .fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px;max-width:none}.erp.r2 .field{grid-template-columns:minmax(0,1fr);gap:3px}.erp.r2 label{color:#6b7280;font-size:12px;font-weight:600}.erp.r2 input[type=text],.erp.r2 select{padding:8px 10px;border:1px solid #d1d5db;border-radius:9px}.erp.r2 .form-foot{justify-content:flex-end;margin-top:16px}.erp.r2 .summary dd{font-weight:600}.erp.r2 .match,.erp.r2 .done,.erp.r2 .erp-error{border-radius:10px}@media (max-width: 1000px){.bench{grid-template-columns:minmax(0,1fr)}.left{position:static}}@media (max-width: 560px){.top-note{display:none}.meters{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:10px}.meters dt{grid-row:auto}.meters dd{grid-row:auto;order:-1}.erp .field,.erp .summary{grid-template-columns:minmax(0,1fr);gap:2px}.erp.r2 .fields,.erp .tiles{grid-template-columns:minmax(0,1fr)}.erp .tile{padding:14px 10px}}