:root{
  color-scheme:light;
  --hc-paper:#f4f1e9;
  --hc-paper-2:#ebe7dd;
  --hc-ink:#111318;
  --hc-signal:#c9ff3d;
  --hc-olive:#7d8454;
  --hc-blue:#275fce;
  --hc-muted:#5e625b;
  --hc-white:#fffdf7;
  --hc-line:#111318;
  --hc-soft:#dedbd1;
  --hc-shadow:6px 6px 0 rgba(17,19,24,.14);
  --hc-max:1220px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--hc-paper)}
body.hc-system-page{margin:0;background:var(--hc-paper);color:var(--hc-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.45}
a{color:inherit}
button,input,textarea,select{font:inherit}
::selection{background:var(--hc-signal);color:var(--hc-ink)}
.skip-link{position:absolute;left:-999px;top:8px;z-index:100;background:var(--hc-signal);border:2px solid var(--hc-ink);padding:.75rem 1rem;font-weight:950}.skip-link:focus{left:8px}
.hc-system-wrap{width:min(var(--hc-max),calc(100% - 36px));margin:0 auto;padding-bottom:56px}
.system-nav{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:22px;border-bottom:1px solid var(--hc-line)}
.hc-brand{display:inline-flex;align-items:center;gap:.75rem;text-decoration:none;font-weight:950;letter-spacing:-.04em}.hc-brand-mark{display:grid;place-items:center;width:46px;height:46px;background:var(--hc-ink);color:var(--hc-paper);border:1px solid var(--hc-ink);font-size:.78rem;letter-spacing:-.03em}.hc-brand-mark b{color:var(--hc-signal)}.hc-brand-copy{display:grid;line-height:1}.hc-brand-copy small{margin-top:.25rem;color:var(--hc-muted);font-size:.62rem;letter-spacing:.13em;text-transform:uppercase}
.system-nav-links{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.system-nav-links a{display:inline-flex;min-height:42px;align-items:center;border:1px solid var(--hc-ink);background:var(--hc-white);padding:.62rem .78rem;text-decoration:none;font-size:.78rem;font-weight:900}.system-nav-links a.signal{background:var(--hc-signal)}
.system-hero{padding:clamp(54px,8vw,104px) 0 40px;border-bottom:1px solid var(--hc-line)}
.system-hero-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);gap:clamp(30px,7vw,82px);align-items:center}
.kicker,.eyebrow{margin:0 0 .9rem;color:var(--hc-blue);font-size:.7rem;font-weight:950;letter-spacing:.14em;text-transform:uppercase}
h1,h2,h3,p{margin-top:0}h1{font-size:clamp(3.3rem,8vw,7rem);line-height:.84;letter-spacing:-.075em;margin-bottom:1.25rem}h2{font-size:clamp(2rem,4.8vw,4rem);line-height:.92;letter-spacing:-.055em;margin-bottom:.9rem}h3{font-size:1.15rem;letter-spacing:-.025em;margin-bottom:.5rem}.lead{max-width:50rem;color:#353932;font-size:clamp(1.05rem,2vw,1.35rem)}.muted{color:var(--hc-muted)}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin:1.4rem 0}.button,button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;padding:.75rem .9rem;border:1px solid var(--hc-ink);border-radius:0;background:var(--hc-white);color:var(--hc-ink);box-shadow:3px 3px 0 var(--hc-ink);font-weight:900;text-decoration:none;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.button:hover,button:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--hc-ink)}.button.signal,button.signal,.button.green,button.green{background:var(--hc-signal)}.button.dark,button.dark{background:var(--hc-ink);color:var(--hc-paper)}.button.quiet,button.quiet{box-shadow:none;background:transparent}.button[aria-disabled="true"],button:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}
.status-row{display:flex;gap:8px;flex-wrap:wrap;margin:1.2rem 0}.status-chip,.badge{display:inline-flex;align-items:center;min-height:28px;padding:.3rem .55rem;border:1px solid var(--hc-ink);background:var(--hc-white);font-size:.65rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.status-chip.signal,.badge.signal,.badge.green{background:var(--hc-signal)}.status-chip.dark,.badge.dark{background:var(--hc-ink);color:var(--hc-paper)}.badge.gold{background:var(--hc-paper-2)}.badge.blue{background:#e7eefc}.badge.red{background:#f5e4e2}.badge.purple{background:#ece7f7}
.system-section{padding:clamp(52px,7vw,88px) 0;border-bottom:1px solid var(--hc-line)}.section-intro{display:grid;grid-template-columns:minmax(0,.78fr) minmax(300px,1.22fr);gap:clamp(28px,6vw,78px);align-items:end;margin-bottom:28px}.section-intro p:last-child{color:var(--hc-muted);font-size:1.02rem}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.split{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}
.card,.tile,.queue,.thread,.consent,.platform{border:1px solid var(--hc-ink);background:var(--hc-white)}.card{padding:clamp(20px,3vw,30px);box-shadow:var(--hc-shadow)}.tile{padding:18px}.card.signal,.tile.signal{background:var(--hc-signal)}.card.dark,.technical{background:var(--hc-ink);color:var(--hc-paper)}.card.dark .muted,.technical .muted{color:rgba(244,241,233,.7)}.technical .kicker{color:var(--hc-signal)}
.queue,.consent{padding:14px;margin:9px 0}.thread{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:14px;margin:8px 0}.dot{width:11px;height:11px;background:var(--hc-signal);border:1px solid var(--hc-ink);margin-top:6px}.rolebar{display:flex;gap:8px;flex-wrap:wrap}.role{box-shadow:none}.role[aria-pressed="true"],.role.active{background:var(--hc-signal)}
label{display:grid;gap:7px;font-size:.78rem;font-weight:900;letter-spacing:.02em}input,textarea,select{width:100%;border:1px solid var(--hc-ink);border-radius:0;background:var(--hc-white);color:var(--hc-ink);padding:.75rem}textarea{min-height:100px;resize:vertical}.hidden{display:none!important}
ul{padding-left:1.2rem}li{margin-bottom:.45rem}
.boundary-note{border-left:8px solid var(--hc-signal);padding:1rem 1rem 1rem 1.15rem;background:var(--hc-paper-2);font-size:.9rem}.boundary-note strong{display:block;margin-bottom:.3rem}
.state-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:var(--hc-ink);border:1px solid var(--hc-ink)}.state-cell{background:var(--hc-white);padding:14px}.state-cell strong{display:block;color:var(--hc-blue);font-size:.64rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.35rem}.state-cell span{font-size:.86rem;color:var(--hc-muted)}
.machine{position:relative;overflow:hidden;background:var(--hc-ink);color:var(--hc-paper);border:1px solid var(--hc-ink);box-shadow:9px 9px 0 var(--hc-signal);padding:clamp(24px,4vw,42px)}.machine::after{content:"";position:absolute;inset:auto -10% -42% 36%;height:300px;border:1px solid rgba(201,255,61,.25);border-radius:50%}.machine-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;position:relative;z-index:2}.machine-head .kicker{color:var(--hc-signal)}.machine-code{font:700 .68rem/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;color:rgba(244,241,233,.58);text-align:right}.machine-readout{position:relative;z-index:2;border:1px solid rgba(244,241,233,.28);padding:14px;margin-top:18px;background:#171a20}.machine-readout strong{color:var(--hc-signal)}
.wallet-orbit{position:relative;min-height:500px;margin:10px auto 0;max-width:620px}.wallet-orbit::before,.wallet-orbit::after{content:"";position:absolute;border:1px solid rgba(244,241,233,.28);border-radius:50%}.wallet-orbit::before{inset:7%}.wallet-orbit::after{inset:21%;border-style:dashed}.wallet-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:184px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;text-align:center;padding:22px;background:var(--hc-signal);color:var(--hc-ink);border:2px solid var(--hc-paper);font-weight:950;letter-spacing:-.035em;z-index:3}.wallet-core small{display:block;margin-top:.4rem;font-size:.58rem;letter-spacing:.1em;text-transform:uppercase}.orbit-node{position:absolute;z-index:4;min-width:112px;min-height:48px;padding:.5rem .65rem;background:#171a20;color:var(--hc-paper);border:1px solid rgba(244,241,233,.48);box-shadow:none;font-size:.67rem;letter-spacing:.07em;text-transform:uppercase}.orbit-node:hover{box-shadow:none;transform:none}.orbit-node[aria-pressed="true"]{background:var(--hc-signal);color:var(--hc-ink);border-color:var(--hc-signal)}.orbit-node.n1{top:0;left:41%}.orbit-node.n2{top:18%;right:0}.orbit-node.n3{top:45%;right:-2%}.orbit-node.n4{bottom:11%;right:8%}.orbit-node.n5{bottom:0;left:39%}.orbit-node.n6{bottom:12%;left:5%}.orbit-node.n7{top:45%;left:-2%}.orbit-node.n8{top:18%;left:2%}
.platform{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px}.platform button{min-height:40px;box-shadow:none;margin:0}.status{border:1px solid var(--hc-ink);padding:.25rem .45rem;font-size:.64rem;font-weight:900;text-transform:uppercase;background:var(--hc-paper-2)}
.system-footer{padding:28px 0 0;display:flex;justify-content:space-between;gap:16px;align-items:flex-end}.system-footer p{margin:0;color:var(--hc-muted);font-size:.8rem}.system-footer a{font-weight:850;font-size:.8rem}
:focus-visible{outline:3px solid var(--hc-blue);outline-offset:3px}
@media(max-width:980px){.system-hero-grid,.section-intro,.split{grid-template-columns:1fr}.grid.four{grid-template-columns:1fr 1fr}.grid.three{grid-template-columns:1fr 1fr}.state-grid{grid-template-columns:1fr 1fr 1fr}.wallet-orbit{min-height:440px;max-width:560px}.orbit-node{min-width:102px}}
@media(max-width:700px){.hc-system-wrap{width:min(var(--hc-max),calc(100% - 24px))}.system-nav{align-items:flex-start;flex-direction:column;padding:14px 0}.system-nav-links{width:100%}.system-nav-links a{flex:1;justify-content:center}.system-hero{padding-top:44px}h1{font-size:clamp(3rem,17vw,5rem)}.grid,.grid.three,.grid.four{grid-template-columns:1fr}.state-grid{grid-template-columns:1fr}.button,button{width:100%}.wallet-orbit{min-height:auto;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:220px}.wallet-orbit::before{inset:18px 18% auto;height:180px}.wallet-orbit::after{display:none}.wallet-core{top:105px;width:142px}.orbit-node,.orbit-node.n1,.orbit-node.n2,.orbit-node.n3,.orbit-node.n4,.orbit-node.n5,.orbit-node.n6,.orbit-node.n7,.orbit-node.n8{position:static;min-width:0;width:100%;min-height:46px}.machine-head,.system-footer{align-items:flex-start;flex-direction:column}.machine-code{text-align:left}.thread{grid-template-columns:1fr}.dot{display:none}}
@media(max-width:440px){.wallet-orbit{grid-template-columns:1fr}.system-nav-links a{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,button{transition:none}.button:hover,button:hover{transform:none;box-shadow:3px 3px 0 var(--hc-ink)}}
