:root{--ink:#232333;--muted:#727280;--purple:#6947d5;--purple-light:#f0ebfc;--border:#e6e5ed;--green:#24835e;--bg:#f8f8fb;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}a{color:var(--purple);text-decoration:none}a:hover{text-decoration:underline}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,pre:focus-visible{outline:3px solid #a08bef;outline-offset:3px}[hidden]{display:none!important}.shell{display:flex;min-height:100vh}.sidebar{width:236px;background:#fff;border-right:1px solid var(--border);padding:32px 22px;position:fixed;top:0;bottom:0;display:flex;flex-direction:column}.brand{display:flex;gap:10px;color:var(--ink);font-size:17px;font-weight:750;letter-spacing:-.45px;align-items:center}.brand:hover{text-decoration:none}.brand small{display:block;font-size:8px;letter-spacing:1.3px;font-weight:650;margin-top:7px;color:var(--muted)}.nav-caption{font-size:10px;letter-spacing:1.5px;font-weight:700;color:#9a98a7;margin:47px 12px 12px}.nav-item{display:flex;align-items:center;gap:12px;padding:13px 12px;margin:4px 0;border-radius:8px;font-size:12px;color:#676577;font-weight:600}.nav-item>span{width:18px;font-size:20px;text-align:center}.nav-item.active{background:var(--purple-light);color:var(--purple)}.nav-item:hover{text-decoration:none;background:#f5f2fc}.sidebar-bottom{margin-top:auto;padding:20px 10px 0}.version{font-size:9px;letter-spacing:1.2px;color:#93909f;font-weight:700}.sidebar-bottom p{font-size:12px;line-height:1.8;color:var(--muted)}.sidebar-bottom a{font-size:12px;font-weight:650}.workspace{margin-left:236px;width:calc(100% - 236px)}.topbar{height:72px;border-bottom:1px solid var(--border);padding:0 40px;display:flex;justify-content:space-between;align-items:center;background:#ffffffb0;font-size:11px;color:var(--muted)}.topbar>span{display:flex;gap:8px;align-items:center}.topbar>div{display:flex;gap:20px;align-items:center}.topbar a{color:#595365;font-weight:650}.dot{width:6px;height:6px;background:#7d5ce0;border-radius:50%;display:inline-block}.local-pill{border:1px solid var(--border);padding:6px 10px;border-radius:20px;font-size:10px}main{padding:42px 40px 22px;max-width:1440px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--purple);font-weight:750;margin-bottom:14px}h1{font-size:44px;line-height:1.12;letter-spacing:-1.7px;margin:0 0 17px;font-weight:750}h2{font-size:16px;margin:0 0 5px;letter-spacing:-.3px}h3{font-size:17px;letter-spacing:-.3px;margin:0 0 12px}p{font-size:12px;line-height:1.7;color:var(--muted)}.page-heading p{max-width:540px;font-size:13px;margin:0;line-height:1.8}.demo-label{font-size:9px;letter-spacing:1px;border:1px solid #ded7ef;background:#f0ebfc;color:#755aa5;border-radius:5px;padding:8px 10px;white-space:nowrap;margin-top:4px}.scenario-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 22px}.scenario{border:1px solid var(--border);background:white;text-align:left;padding:16px 15px;border-radius:9px;font-size:11px;font-weight:700;color:#666273;position:relative}.scenario>span{color:#a7a0b6;font-size:10px;padding-right:9px}.scenario small{display:block;font-size:10px;font-weight:400;color:var(--muted);margin:7px 0 0 25px}.scenario.active{border-color:#9e84e2;background:#f8f5ff;box-shadow:0 0 0 1px #b8a4ef33;color:var(--purple)}.play-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);gap:20px}.flow-column,.inspector-column{display:flex;flex-direction:column;gap:18px}.card{border:1px solid var(--border);border-radius:12px;background:#fff;padding:22px}.card-title{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.4px;color:#8a8698;font-weight:750;margin-bottom:19px}.card-title small{font-size:9px;letter-spacing:0;font-weight:400;margin-left:10px}.badge{font-size:8px;letter-spacing:.7px;border-radius:4px;padding:5px 7px;font-weight:750}.green{background:#e9f6ee;color:var(--green)}.neutral{background:#f2f1f6;color:#857d93}.amber{background:#fff3df;color:#a47425}.red{background:#fcebec;color:#bd4354}.agent-line{display:flex;gap:13px;align-items:center}.avatar{width:42px;height:42px;flex-shrink:0;border-radius:11px;background:#efe9fc;color:var(--purple);display:grid;place-items:center;font-size:20px;font-weight:650}.agent-line p{font-size:11px;margin:0}.agent-stats{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #eeedf3;padding-top:17px;margin-top:20px;gap:15px}.agent-stats small{display:block;color:#92909e;font-size:10px;margin-bottom:7px}.agent-stats strong{font-size:12px;font-weight:650}.subtle{color:var(--muted);font-weight:400}.document{background:#f8f8fb;border:1px solid #eceaf1;border-radius:7px;padding:17px}.document-url{font:10px ui-monospace,SFMono-Regular,monospace;color:#9a94a5;border-bottom:1px solid #e9e6ef;padding-bottom:12px;margin-bottom:15px;overflow-wrap:anywhere}.document h3{font-size:14px;margin-bottom:7px}.document p{font-size:11px;margin:0 0 14px}.instruction{background:#fff3e9;border:1px solid #f0dec9;border-left:3px solid #d1a166;padding:11px;border-radius:4px}.instruction span{font-size:8px;letter-spacing:1px;display:block;color:#a87a49;margin-bottom:7px;font-weight:700}.instruction code{font:10px ui-monospace,SFMono-Regular,monospace;color:#a47746;overflow-wrap:anywhere}.actions{display:flex;gap:10px;align-items:center;margin-top:17px;flex-wrap:wrap}.button{padding:10px 13px;border-radius:6px;font-size:10px;font-weight:650;border:1px solid transparent;line-height:1.3;transition:background .15s}.primary{background:var(--purple);color:#fff}.primary:hover:not(:disabled){background:#5635bc}.button>span{padding-left:10px}.dark{background:#343044;color:#fff}.dark:hover{background:#4b4163}.ghost{color:#767183;background:#f4f3f8}.ghost:hover:not(:disabled){background:#eae6f3}.outline{color:#777085;background:#fff;border-color:#dedbe7}.action-hint{font-size:9px;color:#96919f;line-height:1.5}.mono{font:11px ui-monospace,SFMono-Regular,monospace;color:#756980;letter-spacing:0}.request-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:12px}label{display:block;font-size:9px;color:#96909f;font-weight:600}input,select{display:block;width:100%;border:1px solid #e4e0eb;background:#fbfaff;border-radius:5px;padding:9px 10px;font:10px ui-monospace,SFMono-Regular,monospace;color:#554a64;margin-top:7px}input{min-width:0}.result{font-size:10px;background:#f6f4fa;border-radius:5px;padding:11px 12px;color:#7a6d8b;line-height:1.6;margin:16px 0 0}.result[data-outcome="needs_approval"]{background:#fff4e4;color:#9a6c25}.result[data-outcome="denied"],.result[data-outcome="killed"]{background:#fcedef;color:#ae4b5b}.result[data-outcome="allowed"]{background:#edf7f0;color:#357551}.capability{background:#fcfbff}.capability h3{font-size:19px;line-height:1.3}.capability p{font-size:11px;line-height:1.8;margin-bottom:17px}dl{display:grid;grid-template-columns:90px 1fr;font-size:10px;margin:0;border-top:1px solid #ebe7f2;padding-top:13px;row-gap:11px}dt{color:#9b91a7}dd{margin:0;font:10px ui-monospace,SFMono-Regular,monospace;color:#655677;overflow-wrap:anywhere}.scope-label{margin-top:20px}.approval-card h3{font-size:16px;line-height:1.35}.approval-card p{font-size:11px;margin:0 0 16px}.approval-buttons{display:grid;grid-template-columns:1fr 1fr;gap:9px}.wide{width:100%;margin:9px 0 14px}.approval-card>small{font-size:8px;color:#a59bac;display:block;text-align:center}.workspace-files{padding:7px 13px}.workspace-files .card-title{margin-bottom:10px}.empty{font-size:10px;color:#a49bac;margin:10px 0;line-height:1.7}.file{background:#fff;border:1px solid var(--border);border-radius:6px;padding:11px;margin-bottom:8px}.file strong{font:10px ui-monospace,SFMono-Regular,monospace;color:#5f516c}.file p{font:10px ui-monospace,SFMono-Regular,monospace;overflow-wrap:anywhere;margin:8px 0 0}.event-card{margin-top:22px}.event-card .card-title{margin-bottom:9px}.text-button{border:0;background:none;font-size:10px;color:#9a8bad;letter-spacing:0;font-weight:500;padding:4px}.event-list{list-style:none;padding:0;margin:0;max-height:280px;overflow:auto}.event-list li{display:grid;grid-template-columns:22px 90px 105px 1fr;gap:8px;font-size:9px;padding:11px 0;border-top:1px solid #f0edf5;align-items:start;line-height:1.6}.event-list li.empty{display:block;border:0}.event-list .op{font:10px ui-monospace,SFMono-Regular,monospace}.outcome{font-size:8px;font-weight:700;color:#84708d;text-transform:uppercase}.outcome.allowed,.outcome.approved{color:#327d57}.outcome.denied,.outcome.killed{color:#b64c5c}.outcome.needs_approval{color:#b1843c}.event-detail{color:#92859d}.footnote{font-size:10px;line-height:1.8;margin:20px 0 0}.footnote a{font-weight:600}footer{max-width:1440px;padding:22px 40px 30px;margin:auto;font-size:9px;color:#a59caf}footer>span{margin:0 8px}footer a{float:right;color:#92869f}.memory-grid{display:grid;grid-template-columns:minmax(0,1.65fr) 1fr;gap:20px}.memory-pages{min-height:245px;display:flex;flex-direction:column;gap:12px}.memory-page{border:1px solid var(--border);border-left:3px solid #cead68;padding:15px;border-radius:6px}.memory-page .label{font-size:9px;color:#a37932;margin-bottom:8px}.memory-page p{font-size:11px;margin:0}.evidence-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:22px}.evidence-stats .card{display:flex;flex-direction:column;gap:10px}.evidence-stats strong{font-size:29px;letter-spacing:-1px;color:var(--purple)}.evidence-stats span{font-size:10px;color:var(--muted)}.terminal{background:#231f32;border:1px solid #393043;border-radius:12px;overflow:hidden}.terminal-bar{background:#2e273c;display:flex;align-items:center;justify-content:space-between;padding:14px 20px;font:9px ui-monospace,SFMono-Regular,monospace;color:#a398b7;gap:15px}.terminal-bar i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#796785;margin-right:5px}.terminal-bar i:first-child{background:#b96e87}.terminal-bar i:nth-child(2){background:#b8976d}.terminal-bar i:nth-child(3){background:#739d88}.terminal-button{font:9px ui-monospace,SFMono-Regular,monospace;background:#463650;color:#ddd1ed;border:0;padding:7px 10px;border-radius:4px}.terminal pre{color:#cabece;font:11px/1.85 ui-monospace,SFMono-Regular,monospace;padding:24px;margin:0;height:380px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.record-links{display:flex;gap:25px;flex-wrap:wrap;font-size:10px;margin:18px 0 28px}.evidence-note p{max-width:880px}.architecture-flow{display:flex;align-items:center;margin:32px 0;gap:14px}.flow-node{flex:1;align-self:stretch;background:#fff;border:1px solid var(--border);border-radius:10px;padding:21px}.flow-node>span{font-size:9px;letter-spacing:1px;color:#9e90af}.flow-node h3{font-size:15px;margin:15px 0 8px}.flow-node p{font-size:10px;margin:0}.flow-node.featured{background:#f2ecfc;border-color:#d6c7f0}.flow-arrow{color:#bca8da}.architecture-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.architecture-grid p{margin-bottom:0}.run-card{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:24px}.run-card p{font-size:11px}.run-card code{font:11px ui-monospace,SFMono-Regular,monospace;color:#7a599b;background:#f4f0fb;padding:10px 12px;display:block;border-radius:5px}
@media(min-width:1450px){main{padding-top:55px}.page-heading p{max-width:600px}.play-grid{grid-template-columns:minmax(0,1.9fr) 1fr}}
@media(max-width:1100px){.sidebar{width:210px;padding:28px 15px}.brand{font-size:16px}.workspace{margin-left:210px;width:calc(100% - 210px)}main{padding:30px 24px}.topbar{padding:0 24px}.topbar .local-pill{display:none}h1{font-size:37px}.demo-label{font-size:8px}.scenario{padding:13px 10px;font-size:10px}.scenario small{margin-left:0;line-height:1.6}.play-grid{grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr);gap:14px}.card{padding:18px}.event-list li{grid-template-columns:20px 80px 95px 1fr;gap:6px}}
@media(max-width:850px){.sidebar{position:relative;width:100%;padding:19px 20px;border-right:0;border-bottom:1px solid var(--border)}.shell{display:block}.brand{font-size:18px}.brand small{font-size:8px}.nav-caption,.sidebar-bottom{display:none}.sidebar nav{display:flex;gap:5px;margin-top:17px;overflow-x:auto}.nav-item{white-space:nowrap;font-size:10px;padding:9px}.nav-item>span{font-size:15px;width:14px}.workspace{margin:0;width:100%}.topbar{height:50px;padding:0 22px;font-size:10px}.topbar a{font-size:9px}main{padding:30px 22px}.page-heading{gap:15px}h1{font-size:39px}.play-grid{grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr)}footer{padding:22px;font-size:8px}.memory-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){main{padding:28px 17px}.page-heading{display:block}.demo-label{display:inline-block;margin:18px 0 0}h1{font-size:36px}.page-heading p{font-size:12px}.scenario-bar{gap:6px}.scenario{padding:12px 8px;font-size:9px}.scenario>span{display:block;margin-bottom:6px}.scenario small{font-size:8px}.play-grid,.memory-grid{grid-template-columns:1fr}.inspector-column{display:grid;grid-template-columns:1fr;gap:15px}.card{padding:20px}.event-list li{grid-template-columns:20px 85px 1fr}.event-detail{grid-column:2 / 4}.card-title small{display:block;margin:7px 0 0}.event-card .card-title{gap:10px}.request-grid{grid-template-columns:1fr}.evidence-stats{gap:8px}.evidence-stats .card{padding:15px 10px}.evidence-stats strong{font-size:25px}.evidence-stats span{font-size:9px;line-height:1.6}.terminal-bar{padding:12px 13px;flex-wrap:wrap}.terminal pre{font-size:9px;padding:15px}.architecture-flow{flex-direction:column}.flow-node{width:100%}.flow-arrow{transform:rotate(90deg)}.architecture-grid{grid-template-columns:1fr}.run-card{flex-direction:column;align-items:flex-start}.topbar{padding:0 17px}footer{padding:22px 17px;line-height:1.8}footer a{float:none;display:block;margin-top:5px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

@media(max-width:620px){.button{font-size:11px;padding:12px 14px}input,select{font-size:12px;min-height:40px}.action-hint,.footnote{font-size:11px}}