:root { color-scheme: dark; --bg:#080d0c; --panel:#101816; --panel2:#14201d; --line:#283832; --mint:#77f2c0; --lime:#c9ff73; --text:#f1f7f3; --muted:#92a59d; --danger:#ff8f86; }
* { box-sizing:border-box; }
html{scroll-behavior:smooth;scroll-padding-top:112px} body { margin:0; background:radial-gradient(circle at 85% -10%,#173a2f 0,transparent 32%),var(--bg); color:var(--text); font:15px/1.5 Inter,ui-sans-serif,system-ui,sans-serif; }
.skip-link{position:fixed;left:12px;top:-60px;z-index:20;padding:10px 14px;border-radius:8px;background:var(--text);color:var(--bg);font-weight:800}.skip-link:focus{top:10px}
.warning { padding:7px 20px; background:var(--lime); color:#102016; text-align:center; font-size:11px; font-weight:800; letter-spacing:.13em; }
main { width:min(1180px,calc(100% - 40px)); margin:auto; padding-bottom:64px; }
nav { height:74px; display:flex; align-items:center; justify-content:space-between; gap:24px; border-bottom:1px solid var(--line); }
.brand { display:flex; gap:11px; align-items:center; font-weight:750; letter-spacing:-.02em; }
.mark { display:grid; place-items:center; width:30px; height:30px; border:1px solid var(--mint); color:var(--mint); border-radius:9px; }
.mode,.quiet-badge { color:var(--muted); border:1px solid var(--line); border-radius:999px; padding:5px 10px; font-size:12px; }.mode i{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:var(--lime)}
.nav-links{display:flex;gap:24px;margin-left:auto}.nav-links a,.secondary-action{color:var(--muted);text-decoration:none}.nav-links a:hover,.secondary-action:hover{color:var(--text)}
.hero { display:grid; grid-template-columns:1fr auto; gap:48px; align-items:end; padding:64px 0 38px; }
.eyebrow { margin:0 0 8px; color:var(--mint); text-transform:uppercase; font-size:11px; font-weight:800; letter-spacing:.13em; }
h1 { max-width:760px; margin:0; font-size:clamp(42px,7vw,74px); line-height:.98; letter-spacing:-.055em; }
h2 { margin:0; font-size:24px; letter-spacing:-.035em; }
h3 { margin:0; font-size:16px; letter-spacing:-.02em; }
.statements-grid { margin-top:22px; grid-template-columns:1fr 1fr; }
.statements-grid article { min-width:0; }
.statements-grid .mono { margin:5px 0 0; }
.lede { max-width:700px; margin:24px 0 0; color:var(--muted); font-size:17px; }
button { border:0; border-radius:12px; padding:15px 20px; background:var(--mint); color:#07120e; font-weight:800; cursor:pointer; box-shadow:0 12px 36px #0005; }
button:hover { background:#9bffd4; } button:focus-visible,summary:focus-visible,a:focus-visible,input:focus-visible { outline:3px solid var(--lime); outline-offset:3px; } button:disabled { opacity:.6; cursor:wait; }.hero-actions{display:grid;gap:13px;text-align:center}.secondary-action{font-size:13px;font-weight:700}
.system-strip { display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--line); border-radius:16px; overflow:hidden; background:#0c1311; }
.system-strip div { padding:17px 20px; border-right:1px solid var(--line); } .system-strip div:last-child{border:0}.system-strip span,.status-pair span { display:block; color:var(--muted); font-size:11px; text-transform:uppercase; letter-spacing:.1em; }.system-strip strong { display:block; margin-top:4px; font-size:13px; }
.empty-state { margin-top:28px; padding:74px 20px; text-align:center; border:1px dashed #355047; border-radius:20px; background:#0d1513aa; }.empty-state p{color:var(--muted)}
.empty-visual { display:flex; justify-content:center; align-items:center; gap:10px; margin-bottom:22px; }.empty-visual span{display:grid;place-items:center;width:54px;height:54px;border:1px solid var(--line);border-radius:50%;color:var(--mint);font-size:11px;font-weight:800}.empty-visual i{width:55px;height:1px;background:linear-gradient(90deg,var(--line),var(--mint))}
#workspace { margin-top:28px; }.summary,.panel { border:1px solid var(--line); border-radius:20px; background:linear-gradient(145deg,#111a18,#0d1412); }.summary { display:flex; justify-content:space-between; align-items:center; padding:28px; }.mono,code { font-family:ui-monospace,SFMono-Regular,Consolas,monospace; color:var(--muted); font-size:12px; }.status-pair { display:flex; gap:12px; }.status-pair>div{min-width:140px;padding:12px 15px;background:var(--panel2);border-radius:12px}.badge{display:block;margin-top:3px;color:var(--mint);}.badge[data-state="delivery_failed"]{color:var(--danger)}
.panel { margin-top:20px; padding:26px; }.panel-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; }.metric{color:var(--lime);font:700 13px ui-monospace,monospace;}
.journey { list-style:none; display:grid; grid-template-columns:repeat(4,1fr); margin:34px 0; padding:0; }.journey-step{position:relative;padding-top:25px;color:var(--muted);border-top:1px solid var(--line)}.journey-step strong,.journey-step small{display:block}.journey-step strong{color:var(--text)}.step-dot{position:absolute;top:-6px;width:11px;height:11px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 5px #77f2c01c}
.party-flow { display:grid; grid-template-columns:1fr auto 1fr auto 1fr; align-items:center; gap:13px; }.party-flow article{padding:17px;border:1px solid var(--line);border-radius:13px;background:#0a110f}.party-flow span,.party-flow small{display:block;color:var(--muted);font-size:12px}.party-flow b{color:var(--mint)}
.two-column { display:grid; grid-template-columns:1fr 1.15fr; gap:20px; }.graph { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:24px 0 18px; }.node-group{min-height:96px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel2)}.node-type,.node-count,.node-group small{display:block}.node-type{color:var(--muted);font-size:10px;text-transform:uppercase}.node-count{font-size:26px;color:var(--mint)}.node-group small{font-size:11px;color:var(--muted)}details{color:var(--muted)}.edge-list{max-height:180px;overflow:auto;padding-left:22px;font-size:12px}
.table-wrap{overflow:auto;margin-top:19px}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;color:var(--muted);font-weight:600}th,td{padding:11px 8px;border-bottom:1px solid var(--line)}td:nth-child(n+3){font-family:ui-monospace,monospace;text-align:right}
.audit-list{margin-top:17px}.audit-row{display:grid;grid-template-columns:auto 1fr 180px 90px;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line);font-size:12px}.audit-dot{width:7px;height:7px;background:var(--mint);border-radius:50%}.audit-row time{text-align:right;color:var(--muted)}
.error{margin-top:20px;padding:16px;border:1px solid #713e39;border-radius:12px;background:#321a18;color:#ffc0ba}
.readiness-panel{margin-top:28px}.section-copy{max-width:780px;color:var(--muted)}.danger-badge{color:var(--danger);border-color:#713e39}.readiness-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:22px 0}.readiness-stat{padding:14px;background:var(--panel2);border-radius:12px}.readiness-stat strong,.readiness-stat span{display:block}.readiness-stat strong{font-size:25px}.readiness-stat span{color:var(--muted);font-size:11px;text-transform:uppercase}.readiness-gates{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.readiness-gate{padding:16px;border:1px solid var(--line);border-radius:14px;background:#0a110f}.gate-header{display:flex;gap:9px;align-items:center}.gate-header strong{font-size:13px}.gate-state{padding:3px 7px;border-radius:999px;font-size:9px;text-transform:uppercase;font-weight:800;letter-spacing:.06em}.state-partial{background:#4f3e16;color:#ffe696}.state-not_started{background:#26332f;color:#a9bbb4}.state-blocked{background:#502825;color:#ffb1aa}.state-verified{background:#173e30;color:#8dffd1}.readiness-gate p{min-height:54px;color:var(--muted);font-size:12px}.readiness-gate details{font-size:11px}.readiness-gate ul{padding-left:18px}
.next-action{display:flex;align-items:flex-start;gap:14px;margin:0 0 20px;padding:16px;border:1px solid #713e39;border-radius:14px;background:#241513}.next-action>div{display:grid}.next-action p{margin:3px 0 0;color:var(--muted);font-size:13px}.next-label{color:var(--danger);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}
.marketplace-panel{margin-top:28px}.search-bar{display:grid;grid-template-columns:150px 1fr;gap:14px;align-items:center;margin-top:22px;padding:14px;background:var(--panel2);border-radius:14px}.search-bar label{font-size:12px;font-weight:750}.search-bar>div{display:flex;gap:8px}.search-bar input{width:100%;min-width:0;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#09100e;color:var(--text);font:inherit}.search-bar button{padding:11px 18px;box-shadow:none}.result-count{margin:16px 0 -8px;color:var(--muted);font-size:12px}.service-cell{max-width:520px}.service-cell strong,.service-cell small{display:block}.service-cell small{overflow:hidden;text-overflow:ellipsis;color:var(--muted);white-space:nowrap}.price{color:var(--mint);font-weight:800}.table-empty{text-align:center!important;color:var(--muted);padding:28px!important}.transaction-section{margin-top:38px}.section-intro{display:flex;justify-content:space-between;align-items:end;gap:24px}.section-intro>p{max-width:520px;margin:0;color:var(--muted);text-align:right}
[hidden]{display:none!important}
@media(max-width:800px){main{width:min(100% - 24px,1180px)}.nav-links{display:none}.hero{grid-template-columns:1fr;padding-top:48px}.hero button{width:100%}.system-strip{grid-template-columns:1fr 1fr}.system-strip div:nth-child(2){border-right:0}.system-strip div:nth-child(-n+2){border-bottom:1px solid var(--line)}.summary{align-items:flex-start;gap:24px;flex-direction:column}.two-column{grid-template-columns:1fr}.party-flow{grid-template-columns:1fr}.party-flow>b{transform:rotate(90deg);text-align:center}.journey{grid-template-columns:1fr;margin-left:7px}.journey-step{border-top:0;border-left:1px solid var(--line);padding:0 0 24px 24px}.step-dot{left:-6px;top:5px}.audit-row{grid-template-columns:auto 1fr}.audit-row code,.audit-row time{display:none}.readiness-gates{grid-template-columns:1fr}.readiness-summary{grid-template-columns:1fr 1fr}.search-bar{grid-template-columns:1fr}.section-intro{display:block}.section-intro>p{text-align:left;margin-top:8px}.next-action{display:grid}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}