@font-face{font-family:DM Sans;src:url(/mcp-human-approval-gateway/assets/dm-sans-latin-400-normal.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:DM Sans;src:url(/mcp-human-approval-gateway/assets/dm-sans-latin-500-normal.woff2) format("woff2");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:DM Sans;src:url(/mcp-human-approval-gateway/assets/dm-sans-latin-600-normal.woff2) format("woff2");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:DM Sans;src:url(/mcp-human-approval-gateway/assets/dm-sans-latin-700-normal.woff2) format("woff2");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Manrope;src:url(/mcp-human-approval-gateway/assets/manrope-latin-500-normal.woff2) format("woff2");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:Manrope;src:url(/mcp-human-approval-gateway/assets/manrope-latin-600-normal.woff2) format("woff2");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:Manrope;src:url(/mcp-human-approval-gateway/assets/manrope-latin-700-normal.woff2) format("woff2");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Manrope;src:url(/mcp-human-approval-gateway/assets/manrope-latin-800-normal.woff2) format("woff2");font-style:normal;font-weight:800;font-display:swap}:root{font-family:DM Sans,ui-sans-serif,system-ui,sans-serif;color:#f7fafc;background:#050a12;font-synthesis:none;--page: #050a12;--surface: #08121f;--surface-2: #0c1828;--surface-3: #101f32;--line: rgba(148, 163, 184, .18);--line-strong: rgba(148, 163, 184, .32);--text: #f7fafc;--muted: #9aabbd;--subtle: #6f8197;--cyan: #56e6f4;--cyan-soft: rgba(86, 230, 244, .12);--green: #62e6a7;--amber: #ffb45b;--red: #ff6f7d;--purple: #a78bfa;--max: 1500px}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--page)}body{margin:0;min-width:320px;min-height:100vh;color:var(--text);background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),radial-gradient(circle at 78% 4%,rgba(86,230,244,.1),transparent 32rem),var(--page);background-size:64px 64px,64px 64px,auto,auto;-webkit-font-smoothing:antialiased}button,select,textarea{font:inherit}button,a{color:inherit}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.skip-link{position:fixed;top:12px;left:12px;z-index:1000;padding:.7rem 1rem;color:#001216;font-weight:700;background:var(--cyan);border-radius:10px;transform:translateY(-160%)}.skip-link:focus{transform:none}.demo-banner{position:sticky;top:0;z-index:60;padding:.55rem clamp(1.2rem,3.5vw,4rem);color:#1a1000;font-size:.68rem;font-weight:600;text-align:center;background:var(--amber);border-bottom:1px solid rgba(0,0,0,.1)}.demo-banner strong{font-family:Manrope,sans-serif}.topbar{position:sticky;top:0;z-index:50;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;min-height:76px;padding:0 clamp(1.2rem,3.5vw,4rem);background:#050a12e0;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:flex;gap:.7rem;align-items:center;width:fit-content;text-decoration:none}.brand-mark{display:grid;place-items:center;width:38px;height:38px;color:#001216;font-family:Manrope,sans-serif;font-size:.72rem;font-weight:800;background:var(--cyan);border-radius:10px;box-shadow:0 0 34px #56e6f42e}.brand>span:last-child{display:grid}.brand strong,h1,h2,h3{font-family:Manrope,sans-serif}.brand strong{font-size:.85rem}.brand small{color:var(--subtle);font-size:.62rem;text-transform:uppercase;letter-spacing:.13em}.mode-chip,.chain-state{display:inline-flex;gap:.45rem;align-items:center;color:var(--muted);font-size:.72rem;font-weight:600}.live-dot{width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 0 5px #62e6a714}.header-actions{display:flex;gap:1rem;align-items:center;justify-content:flex-end}.chain-state.valid{color:var(--green)}.chain-state.invalid{color:var(--red)}.quiet-button,.scenario-card button{padding:.62rem .88rem;color:var(--cyan);font-size:.7rem;font-weight:700;background:transparent;border:1px solid rgba(86,230,244,.32);border-radius:999px;cursor:pointer}main{width:min(calc(100% - (2*clamp(1.2rem,3.5vw,4rem))),var(--max));margin:0 auto}.hero{display:grid;grid-template-columns:1fr .9fr;gap:clamp(2rem,6vw,6rem);align-items:end;padding:clamp(4.5rem,9vw,8.5rem) 0 3rem}.eyebrow,.section-label{margin:0;color:var(--cyan);font-size:.67rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em}.hero h1{max-width:780px;margin:1rem 0;font-size:clamp(3.1rem,6.2vw,6.6rem);line-height:.96;letter-spacing:-.06em}.hero h1 span{color:transparent;background:linear-gradient(90deg,var(--cyan),#a8f5fb 58%,var(--amber));-webkit-background-clip:text;background-clip:text}.hero-copy{max-width:690px;margin:0;color:var(--muted);font-size:clamp(1rem,1.3vw,1.16rem);line-height:1.75}.hero-flow{display:grid;grid-template-columns:repeat(2,1fr);align-self:stretch;border-top:1px solid var(--line-strong);border-left:1px solid var(--line-strong)}.hero-flow>div{display:grid;gap:.25rem;align-content:end;min-height:150px;padding:1.25rem;background:#08121fad;border-right:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong)}.hero-flow span{color:var(--cyan);font-size:.62rem;font-weight:700}.hero-flow strong{font-size:.92rem}.hero-flow small{color:var(--subtle);font-size:.7rem}.metric-strip{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,1fr);margin-top:2rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.metric-strip>div{display:grid;grid-template-columns:auto 1fr;gap:.8rem;align-items:center;min-height:82px;padding:1rem 1.25rem;border-right:1px solid var(--line)}.metric-strip>div:last-child{border-right:0}.metric-strip strong{color:var(--cyan);font-family:Manrope,sans-serif;font-size:1.35rem}.metric-strip span{color:var(--muted);font-size:.75rem}.notice{position:sticky;top:88px;z-index:40;margin:0 0 1rem;padding:.85rem 1rem;font-size:.78rem;border-radius:10px;box-shadow:0 18px 54px #00000059}.notice-success{color:var(--green);background:#051c19f5;border:1px solid rgba(98,230,167,.25)}.notice-error{color:#ffc1c7;background:#230910f5;border:1px solid rgba(255,111,125,.3)}.workspace{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(320px,.85fr) minmax(460px,1.45fr);gap:1rem;align-items:start;padding:1rem 0 clamp(5rem,8vw,8rem)}.panel{background:#08121fe0;border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 50px #00000029;overflow:hidden}.panel-heading{display:flex;gap:1rem;align-items:flex-start;justify-content:space-between;padding:1.2rem;border-bottom:1px solid var(--line)}.panel-heading h2{margin:.38rem 0 0;font-size:1rem}.panel-heading>span{color:var(--subtle);font-size:.64rem;text-transform:uppercase;letter-spacing:.1em}.scenario-list,.request-list{display:grid}.scenario-card{display:grid;grid-template-columns:32px 1fr auto;gap:.75rem;align-items:center;padding:1rem 1.1rem;border-bottom:1px solid var(--line)}.scenario-card:last-child,.request-row:last-child{border-bottom:0}.scenario-index{color:var(--cyan);font-size:.62rem;font-weight:700}.scenario-card h3{margin:0 0 .28rem;font-size:.82rem}.scenario-card p{margin:0;color:var(--muted);font-size:.7rem;line-height:1.45}.expected{display:block;margin-top:.45rem;color:var(--subtle);font-size:.59rem;text-transform:uppercase;letter-spacing:.08em}button:disabled{cursor:not-allowed;opacity:.45}.request-row{display:grid;grid-template-columns:12px 1fr auto 42px;gap:.7rem;align-items:center;width:100%;min-height:70px;padding:.9rem 1rem;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--line);cursor:pointer;transition:background .18s ease}.request-row:hover,.request-row.selected{background:var(--cyan-soft)}.request-row.selected{box-shadow:inset 2px 0 var(--cyan)}.risk-orb{width:8px;height:8px;border-radius:50%}.risk-orb.low{background:var(--green)}.risk-orb.medium{background:var(--amber)}.risk-orb.high,.risk-orb.critical{background:var(--red)}.request-main{display:grid;min-width:0}.request-main strong{overflow:hidden;font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.request-main small{overflow:hidden;margin-top:.2rem;color:var(--subtle);font-size:.63rem;text-overflow:ellipsis;white-space:nowrap}.status-badge{display:inline-flex;align-items:center;min-height:24px;padding:.28rem .48rem;color:var(--muted);font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--line);border-radius:999px;white-space:nowrap}.status-pending_human{color:var(--amber);border-color:#ffb45b4d}.status-denied{color:var(--red);border-color:#ff6f7d52}.status-auto_approved,.status-approved,.status-executed{color:var(--green);border-color:#62e6a74d}.score{font-family:Manrope,sans-serif;font-size:.88rem;font-weight:800;text-align:right}.score-low{color:var(--green)}.score-medium{color:var(--amber)}.score-high,.score-critical{color:var(--red)}.empty-state,.empty-detail{display:grid;place-items:center;min-height:280px;padding:2rem;text-align:center}.empty-state p,.empty-detail p{max-width:360px;margin:.4rem 0 0;color:var(--muted);font-size:.76rem;line-height:1.55}.target-ring{display:grid;place-items:center;width:72px;height:72px;margin-bottom:1rem;border:1px solid var(--line-strong);border-radius:50%}.target-ring span{width:10px;height:10px;background:var(--cyan);border-radius:50%;box-shadow:0 0 30px #56e6f480}.detail-panel{grid-row:span 2}.decision-header{display:grid;grid-template-columns:1fr auto;gap:1rem;padding:1.35rem;border-bottom:1px solid var(--line)}.decision-header h2{margin:.35rem 0;font-size:1.35rem}.decision-header p:not(.section-label){margin:0;color:var(--muted);font-size:.76rem;line-height:1.55}.risk-gauge{display:grid;place-items:center;width:78px;height:78px;border:1px solid currentColor;border-radius:50%}.risk-gauge strong{font-family:Manrope,sans-serif;font-size:1.35rem;line-height:1}.risk-gauge span{font-size:.55rem;text-transform:uppercase}.risk-gauge.low{color:var(--green)}.risk-gauge.medium{color:var(--amber)}.risk-gauge.high,.risk-gauge.critical{color:var(--red)}.facts-grid{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.facts-grid>div{display:grid;gap:.3rem;min-width:0;padding:.9rem 1rem;border-right:1px solid var(--line)}.facts-grid>div:nth-child(4),.facts-grid>div:last-child{border-right:0}.facts-grid .fact-wide{grid-column:1 / -1;border-top:1px solid var(--line)}.facts-grid span,.facts-grid strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.facts-grid span{color:var(--subtle);font-size:.58rem;text-transform:uppercase;letter-spacing:.09em}.facts-grid strong{font-size:.72rem}.decision-columns{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;padding:.9rem}.evidence-card{padding:1rem;background:var(--surface-2);border:1px solid var(--line);border-radius:12px}.ai-card{background:linear-gradient(145deg,rgba(167,139,250,.08),transparent 70%),var(--surface-2)}.card-label{display:flex;gap:.6rem;align-items:center;justify-content:space-between;color:var(--cyan);font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em}.card-label>span:not(.status-badge){color:var(--purple)}.evidence-card ul,.evidence-card ol{display:grid;gap:.55rem;margin:.9rem 0 0;padding-left:1.05rem;color:var(--muted);font-size:.69rem;line-height:1.5}.evidence-card li::marker{color:var(--cyan)}.required-role{display:flex;justify-content:space-between;margin:.9rem 0 0;padding-top:.8rem;color:var(--muted);font-size:.67rem;border-top:1px solid var(--line)}.required-role strong{color:var(--amber)}.ai-summary{margin:.85rem 0 0;color:#d9e3ee;font-size:.73rem;line-height:1.55}.ai-card h3{margin:1rem 0 0;font-size:.72rem}.ai-card small{display:block;margin-top:1rem;color:var(--subtle);font-size:.59rem}.approval-desk{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:.2rem .9rem .9rem;padding:1rem;background:#ffb45b0d;border:1px solid rgba(255,180,91,.22);border-radius:12px}.approval-desk h3{margin:.35rem 0 0;font-size:1rem}.approval-desk label{display:grid;gap:.4rem;color:var(--muted);font-size:.65rem}.reason-field,.decision-actions{grid-column:1 / -1}select,textarea{width:100%;color:var(--text);background:#07111d;border:1px solid var(--line-strong);border-radius:9px}select{min-height:42px;padding:0 .7rem}textarea{min-height:84px;padding:.7rem;resize:vertical}.decision-actions{display:flex;gap:.65rem;justify-content:flex-end}.decision-actions button,.execution-gate button{min-height:42px;padding:.65rem .9rem;font-size:.68rem;font-weight:700;border-radius:999px;cursor:pointer}.deny-button{color:var(--red);background:transparent;border:1px solid rgba(255,111,125,.4)}.approve-button,.execution-gate button{color:#021514;background:var(--green);border:1px solid var(--green)}.execution-gate,.executed-callout{display:flex;gap:1rem;align-items:center;justify-content:space-between;margin:.2rem .9rem .9rem;padding:.9rem 1rem;background:#62e6a70f;border:1px solid rgba(98,230,167,.23);border-radius:12px}.execution-gate>div{display:flex;gap:.7rem;align-items:center}.execution-gate p{margin:0;color:var(--muted);font-size:.7rem}.execution-gate strong{color:var(--green)}.executed-callout{display:grid;justify-content:start}.executed-callout strong{color:var(--green);font-size:.75rem}.executed-callout span{color:var(--muted);font-size:.65rem}.audit-panel{grid-column:1 / span 2}.audit-list{max-height:430px;overflow:auto}.audit-list article{display:grid;grid-template-columns:44px 1fr auto 100px;gap:.8rem;align-items:center;min-height:58px;padding:.75rem 1rem;border-bottom:1px solid var(--line)}.audit-sequence{color:var(--cyan);font-size:.62rem;font-weight:700}.audit-list strong{font-size:.7rem}.audit-list p,.audit-list time{margin:.15rem 0 0;color:var(--subtle);font-size:.59rem}.audit-list code{color:var(--muted);font-size:.58rem}.audit-note{margin:0;padding:.9rem 1rem;color:var(--subtle);font-size:.63rem;line-height:1.5;background:#ffb45b0a}footer{display:flex;gap:2rem;align-items:end;justify-content:space-between;width:min(calc(100% - (2*clamp(1.2rem,3.5vw,4rem))),var(--max));margin:0 auto;padding:2.2rem 0 3rem;border-top:1px solid var(--line)}footer>div{display:grid}footer strong{font-family:Manrope,sans-serif;font-size:.8rem}footer span,footer p{margin:0;color:var(--subtle);font-size:.63rem}@media(max-width:1180px){.workspace{grid-template-columns:.8fr 1.2fr}.detail-panel{grid-column:1 / -1;grid-row:auto}.audit-panel{grid-column:1 / -1}}@media(max-width:820px){.topbar{grid-template-columns:1fr auto}.mode-chip,.chain-state{display:none}.hero{grid-template-columns:1fr;padding-top:4.5rem}.hero-flow{grid-template-columns:repeat(4,1fr)}.hero-flow>div{min-height:112px;padding:.8rem}.hero-flow small{display:none}.metric-strip{grid-template-columns:repeat(2,1fr)}.metric-strip>div:nth-child(2){border-right:0}.metric-strip>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.workspace{grid-template-columns:1fr}.detail-panel,.audit-panel{grid-column:auto}}@media(max-width:560px){.topbar{min-height:68px}.quiet-button{padding:.55rem .7rem}.hero h1{font-size:clamp(2.8rem,15vw,4.4rem)}.hero-flow{grid-template-columns:repeat(2,1fr)}.metric-strip>div{min-height:70px;padding:.8rem}.metric-strip strong{font-size:1rem}.decision-header,.facts-grid,.decision-columns,.approval-desk{grid-template-columns:1fr}.risk-gauge{width:64px;height:64px}.facts-grid>div,.facts-grid>div:nth-child(4){border-right:0;border-bottom:1px solid var(--line)}.facts-grid .fact-wide{grid-column:auto;border-top:0}.reason-field,.decision-actions{grid-column:auto}.decision-actions,.execution-gate{align-items:stretch;flex-direction:column}.audit-list article{grid-template-columns:34px 1fr auto}.audit-list code{display:none}footer{display:grid}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}