:root{color:#e8edf0;background:#081013;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #081013;--panel: #101a1e;--panel-soft: #142126;--line: #24343a;--muted: #91a1a7;--cream: #f2eee5;--orange: #e9763d;--teal: #58d5bd;--red: #ff766c;--yellow: #f1c75b}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 85% 10%,rgb(39 116 106 / 22%),transparent 34rem),linear-gradient(180deg,#091114,#081013 60%,#060b0d)}button{font:inherit}main{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:64px 0 32px}.hero{display:flex;align-items:flex-start;justify-content:space-between;gap:48px;padding-bottom:48px;border-bottom:1px solid var(--line)}.hero-copy{max-width:770px}.eyebrow{margin:0 0 12px;color:var(--teal);font:700 .72rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:20px;color:var(--cream);font-size:clamp(2.75rem,7vw,5.85rem);font-weight:680;letter-spacing:-.065em;line-height:.94}h1 span{color:var(--orange)}h2{margin-bottom:0;color:var(--cream);font-size:1.5rem;letter-spacing:-.025em}.intro{max-width:690px;margin-bottom:0;color:#b7c1c5;font-size:1.08rem;line-height:1.7}.integrity-badge,.synthetic-chip{display:inline-flex;align-items:center;gap:9px;border:1px solid #2f514b;border-radius:999px;color:#bceade;background:#193c3773;font:700 .7rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.integrity-badge{padding:12px 15px}.synthetic-chip{padding:9px 11px}.pulse{width:8px;height:8px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 5px #58d5bd1f}.control-panel{display:grid;gap:24px;margin:36px 0;padding:28px;border:1px solid var(--line);border-radius:18px;background:#101a1ed6;box-shadow:0 28px 80px #0000003d}.scenario-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.scenario{min-height:108px;padding:17px;border:1px solid var(--line);border-radius:12px;color:#dbe3e6;background:#0c1518;text-align:left;cursor:pointer;transition:border-color .16s ease,transform .16s ease,background .16s ease}.scenario:hover{border-color:#446069;transform:translateY(-1px)}.scenario.active{border-color:var(--orange);background:#e9763d17}.scenario strong,.scenario span{display:block}.scenario strong{margin-bottom:8px;color:var(--cream)}.scenario span{color:var(--muted);font-size:.84rem;line-height:1.45}.run-button{justify-self:start;min-width:190px;padding:13px 18px;border:0;border-radius:9px;color:#14100d;background:var(--orange);font-weight:800;cursor:pointer}.run-button:disabled{cursor:wait;opacity:.65}.result-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:12px}.metric-card{padding:20px;border:1px solid var(--line);border-radius:13px;background:var(--panel)}.metric-card span,.metric-card strong{display:block}.metric-card span{margin-bottom:10px;color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.metric-card strong{overflow-wrap:anywhere;color:var(--cream);font:700 1.08rem/1.3 ui-monospace,SFMono-Regular,Menlo,monospace}.inspection-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:12px}.panel{padding:26px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.trace-list{margin:0;padding:0;list-style:none}.trace-event{display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;min-height:78px}.trace-rail{position:relative;display:flex;justify-content:center}.trace-rail:after{position:absolute;top:16px;bottom:0;width:1px;background:var(--line);content:""}.trace-event:last-child .trace-rail:after{display:none}.trace-dot{z-index:1;width:11px;height:11px;margin-top:3px;border:2px solid var(--panel);border-radius:50%;background:var(--muted);box-shadow:0 0 0 1px var(--line)}.trace-body{padding-bottom:20px}.trace-body>p{margin:9px 0;color:#d3dce0;line-height:1.45}.trace-heading{display:flex;align-items:center;gap:8px}.trace-sequence,.trace-stage,.status-pill,.trace-data dt,.trace-data dd,pre{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.trace-sequence{color:#6e8188;font-size:.7rem}.trace-stage{color:var(--cream);font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.status-pill{padding:4px 7px;border-radius:999px;color:#b8c5c9;background:#1d2a2f;font-size:.61rem;text-transform:uppercase}.status-allowed,.status-success{color:var(--teal)}.trace-dot.status-allowed,.trace-dot.status-success{background:var(--teal)}.status-blocked,.status-error{color:var(--red)}.trace-dot.status-blocked,.trace-dot.status-error{background:var(--red)}.status-replayed{color:var(--yellow)}.trace-dot.status-replayed{background:var(--yellow)}.trace-data{display:grid;gap:6px;margin:0;padding:10px 12px;border-radius:8px;background:#0b1316}.trace-data div{display:grid;grid-template-columns:minmax(110px,.35fr) minmax(0,1fr);gap:10px}.trace-data dt{color:#6f858d;font-size:.7rem}.trace-data dd{min-width:0;margin:0;overflow-wrap:anywhere;color:#b9c7cc;font-size:.7rem}.outcome-panel{position:sticky;top:16px;align-self:start}.agent-reply{margin:22px 0 16px;color:#d4dee2;line-height:1.6}pre{overflow-x:auto;margin:0;padding:16px;border:1px solid #203038;border-radius:9px;color:#bdeadd;background:#071012;font-size:.73rem;line-height:1.55}.invariant{margin-top:18px;padding:15px;border-left:3px solid var(--orange);background:#e9763d12}.invariant strong{color:var(--orange);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.invariant p{margin:6px 0 0;color:#aebbc0;font-size:.85rem;line-height:1.55}.empty-state{display:grid;min-height:260px;place-items:center;border:1px dashed #2a3e45;border-radius:14px;color:var(--muted);background:#0810136b;text-align:center}.empty-state p{margin:0}footer{margin-top:32px;padding-top:20px;border-top:1px solid var(--line);color:#687980;font:600 .68rem/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em;text-align:center;text-transform:uppercase}@media(max-width:900px){.hero{display:grid}.integrity-badge{justify-self:start}.scenario-grid,.result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inspection-grid{grid-template-columns:1fr}.outcome-panel{position:static}}@media(max-width:600px){main{width:min(100% - 22px,1180px);padding-top:34px}.hero{gap:28px}.control-panel,.panel{padding:20px}.scenario-grid,.result-grid{grid-template-columns:1fr}.panel-heading{display:grid}.synthetic-chip{justify-self:start}.trace-data div{grid-template-columns:1fr;gap:3px}}