:root{color-scheme:dark;--bg:#071018;--panel:#0d1822;--panel2:#112230;--text:#e9f2f8;--muted:#92a8b8;--line:#203847;--accent:#7ce3c3;--accent2:#9ab8ff;--warn:#ffd887;--danger:#ff9d9d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 20% 0,#10283a 0,transparent 35%),var(--bg);color:var(--text);font:15px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}.topbar{position:sticky;top:0;z-index:10;display:flex;gap:24px;justify-content:space-between;align-items:center;padding:14px clamp(18px,4vw,64px);background:rgba(7,16,24,.9);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brand{font-weight:800;text-decoration:none;letter-spacing:.06em}.topbar nav{display:flex;gap:18px;flex-wrap:wrap}.topbar nav a{color:var(--muted);text-decoration:none}.topbar nav a:hover{color:var(--text)}main{width:min(1380px,94vw);margin:auto;padding:44px 0 70px}.hero{display:grid;grid-template-columns:1.45fr .8fr;gap:24px;align-items:stretch}.hero-copy,.metrics,.constitution,.toolbar,.roles,.providers,.oak{border:1px solid var(--line);background:linear-gradient(180deg,rgba(17,34,48,.92),rgba(13,24,34,.92));border-radius:24px}.hero-copy{padding:clamp(26px,5vw,64px)}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;color:var(--accent);font-weight:800}.hero h1{font-size:clamp(2.2rem,6vw,5.2rem);line-height:.95;margin:14px 0 22px;max-width:1000px}.hero p{font-size:1.1rem;color:#c5d5df;max-width:880px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button,.primary,button{appearance:none;border:1px solid #315164;background:#122230;color:var(--text);padding:11px 15px;border-radius:12px;text-decoration:none;font:inherit;font-weight:700;cursor:pointer}.primary{background:var(--accent);border-color:var(--accent);color:#052016}.metrics{padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.metrics div{display:flex;flex-direction:column;justify-content:center;min-height:120px;padding:18px;border:1px solid var(--line);border-radius:16px;background:#0a151e}.metrics strong{font-size:2.4rem}.metrics span{color:var(--muted)}.constitution{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:26px;margin-top:24px}.constitution h2,.roles h2{margin:.4rem 0}.constitution p{color:var(--muted)}code{color:var(--accent2)}.invariants{display:flex;flex-wrap:wrap;gap:9px;align-content:center}.invariants span{border:1px solid var(--line);background:#09141c;border-radius:999px;padding:8px 11px;color:#cfe3ee}.toolbar{margin-top:24px;padding:18px;display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:12px;align-items:end}.toolbar label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:.85rem}.toolbar input,.toolbar select{border:1px solid var(--line);background:#07131c;color:var(--text);border-radius:10px;padding:10px;font:inherit}.status{padding:9px 12px;border-radius:999px;background:#0b1c25;border:1px solid var(--line);white-space:nowrap}.cells{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}.cell,.loading{border:1px solid var(--line);background:rgba(13,24,34,.92);border-radius:20px;padding:22px}.loading{grid-column:1/-1;color:var(--muted)}.cell-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.cell h2{font-size:1.2rem;line-height:1.25;margin:.35rem 0 .65rem}.cell-title{min-width:0}.cell-title a{text-decoration:none}.cell-title a:hover{text-decoration:underline}.badges{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}.badge{font-size:.72rem;border:1px solid var(--line);border-radius:999px;padding:5px 8px;color:#c4d6e0}.badge.active{color:var(--accent)}.badge.staging{color:var(--warn)}.cell-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0}.cell-meta div{border:1px solid var(--line);border-radius:11px;padding:9px;background:#09141c}.cell-meta strong{display:block;font-size:.75rem;color:var(--muted);font-weight:600}.cell-meta span{display:block;margin-top:2px;overflow-wrap:anywhere}.role-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.role-list span{background:#122637;border:1px solid #234259;border-radius:8px;padding:6px 8px;font-size:.77rem}.gate{margin-top:15px;border-left:3px solid var(--accent2);padding:10px 12px;background:#0b1721;color:#c8d7e0}.roles{margin-top:28px;padding:26px}.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.role-grid article{padding:15px;border:1px solid var(--line);border-radius:14px;background:#09141c}.role-grid h3{margin:0 0 5px}.role-grid p{color:var(--muted);margin:0}.providers{margin-top:24px;padding:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.providers div{border:1px solid var(--line);border-radius:14px;padding:15px}.providers strong,.providers span{display:block}.providers span{color:var(--muted);margin-top:4px}.oak{margin-top:24px;padding:18px;border-color:#6c5a31;background:#17150e;color:#ebdfbf}@media(max-width:900px){.hero,.constitution{grid-template-columns:1fr}.toolbar{grid-template-columns:1fr 1fr}.cells{grid-template-columns:1fr}.role-grid,.providers{grid-template-columns:1fr 1fr}.topbar{align-items:flex-start;flex-direction:column}.topbar nav{gap:12px}.hero h1{font-size:clamp(2.4rem,13vw,4rem)}}@media(max-width:560px){main{width:min(94vw,760px);padding-top:24px}.metrics,.toolbar,.role-grid,.providers{grid-template-columns:1fr}.hero-copy{padding:26px 20px}.cell-meta{grid-template-columns:1fr}.topbar nav{font-size:.88rem}}