:root{--ink:#101612;--muted:#5e6b62;--paper:#f2f0e8;--acid:#caff3d;--line:#c8ccc2;--dark:#121a15;--red:#d5422f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-body),sans-serif;margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}main{border-left:1px solid var(--line);border-right:1px solid var(--line);max-width:1440px;margin:auto}nav,footer{border-bottom:1px solid var(--line);height:72px;font:600 12px var(--font-mono);justify-content:space-between;align-items:center;padding:0 5vw;display:flex}.brand{letter-spacing:.12em;align-items:center;gap:10px;display:flex}.brand i{border:5px solid var(--ink);border-top-color:var(--acid);border-radius:50%;width:18px;height:18px}.network{color:var(--muted)}.network b{background:#d29b27;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}.hero{border-bottom:1px solid var(--line);background:radial-gradient(circle at 86% 20%,#caff3d47,#0000 26%);padding:9vw 5vw 5vw}.eyebrow{font:600 11px var(--font-mono);letter-spacing:.14em;color:var(--muted)}h1{letter-spacing:-.055em;max-width:1100px;margin:28px 0;font-size:clamp(42px,7vw,96px);line-height:.96}h1 em{color:#556059;font-style:normal}.lede{color:#3b463e;max-width:780px;font-size:clamp(18px,2vw,25px);line-height:1.5}.heroActions{flex-wrap:wrap;gap:12px;margin:38px 0 70px;display:flex}.button{border:1px solid var(--ink);font:600 12px var(--font-mono);cursor:pointer;background:0 0;padding:14px 18px;display:inline-block}.button.primary{background:var(--acid);box-shadow:4px 4px 0 var(--ink)}.button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.statusline{border:1px solid var(--line);background:#ffffff4d;grid-template-columns:repeat(3,1fr);display:grid}.statusline span{font:500 10px var(--font-mono);color:var(--muted);border-right:1px solid var(--line);padding:18px}.statusline span:last-child{border:0}.statusline strong{color:var(--ink);margin-top:6px;font-size:13px;display:block}.workflow{background:var(--dark);color:#fff;grid-template-columns:1.6fr 1fr;gap:20px;padding:5vw;display:grid}.panel{border:1px solid var(--line);background:#f8f7f2}.workflow .panel{background:#172119;border-color:#445047;padding:30px}.panel header{font:500 10px var(--font-mono);color:#aebbaf;border-bottom:1px solid #445047;justify-content:space-between;padding-bottom:22px;display:flex}.panel h2,.lifecycle h2,.boundary h2{letter-spacing:-.04em;font-size:clamp(28px,4vw,52px);line-height:1.05}.casePanel p{color:#bac5bc;line-height:1.6}.casePanel form{gap:10px;margin-top:28px;display:grid}.casePanel label{font:500 11px var(--font-mono);margin-top:10px}.casePanel label small{color:#91a095;float:right}.casePanel input,.casePanel textarea{color:#fff;background:#0f1711;border:1px solid #536057;outline:none;padding:14px}.casePanel textarea{resize:vertical;min-height:180px}.casePanel input:focus,.casePanel textarea:focus{border-color:var(--acid)}.casePanel button{justify-self:start;margin-top:10px}.error{color:#ff8c7c!important}.receiptPanel dl{margin:22px 0}.receiptPanel dl div{border-bottom:1px solid #445047;padding:14px 0}.receiptPanel dt{font:500 10px var(--font-mono);color:#9daa9f}.receiptPanel dd{overflow-wrap:anywhere;margin:7px 0 0}.mono{font:11px var(--font-mono)}.warning{margin-top:20px;font:11px/1.5 var(--font-mono)!important;color:#d4bd79!important}.lifecycle,.boundary{border-bottom:1px solid var(--line);padding:7vw 5vw}.steps{border-top:1px solid var(--line);grid-template-columns:repeat(5,1fr);margin-top:55px;display:grid}.step{border-right:1px solid var(--line);opacity:.55;min-height:170px;padding:22px 18px}.step.active{background:var(--acid);opacity:1}.step span,.step small{font:10px/1.4 var(--font-mono);display:block}.step strong{margin:35px 0 10px;font-size:15px;display:block}.boundaryGrid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:45px;display:grid}.boundaryGrid article{padding:26px}.boundaryGrid h3{font:600 12px var(--font-mono);letter-spacing:.08em}.boundaryGrid li{color:#435047;margin:14px 0;line-height:1.4}.boundaryGrid .hidden{border-top:5px solid #4b8e62}.boundaryGrid .public{border-top:5px solid var(--red)}.boundaryGrid .correlatable{border-top:5px solid #d7a622}.boundaryNote{border-left:4px solid var(--red);font:12px/1.6 var(--font-mono);background:#fff;margin-top:28px;padding:20px}footer{border-bottom:0;height:auto;min-height:90px}footer a{text-decoration:underline}@media (max-width:800px){nav{padding:0 20px}.network{display:none}.hero,.workflow,.lifecycle,.boundary{padding:55px 20px}.workflow,.boundaryGrid,.statusline,.steps{grid-template-columns:1fr}.statusline span,.step{border-right:0;border-bottom:1px solid var(--line)}footer{flex-direction:column;align-items:flex-start;gap:20px;padding:30px 20px}}
:root{--font-body:Manrope, "Avenir Next", Avenir, "Segoe UI", Arial, sans-serif;--font-mono:"IBM Plex Mono", "Cascadia Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}.actionPreview{border:1px solid var(--line);color:#e8f0e9;max-height:28rem;font:11px/1.5 var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere;background:#0f1711;padding:1rem;overflow:auto}.receiptPanel>label{font:500 11px var(--font-mono);margin:1rem 0 .4rem;display:block}.receiptPanel>input,.receiptPanel>select{border:1px solid var(--line);width:100%;color:var(--ink);font:12px var(--font-mono);background:#fff;padding:.8rem}.receiptPanel>.button{margin-top:1rem;margin-right:.5rem}
