:root {
  --bg: #050505;
  --panel: #0a0a0a;
  --panel-2: #0f0f0f;
  --line: #242424;
  --line-soft: #171717;
  --text: #f5f5f2;
  --muted: #99998f;
  --muted-2: #686860;
  --yellow: #f5c400;
  --yellow-2: #ffd633;
  --yellow-dim: rgba(245,196,0,.11);
  --danger: #ff6b57;
  --green: #91e275;
  --mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
  --sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 90px; }
body {
  margin: 0;
  color: var(--text);
  background: var(--bg);
  font-family: var(--sans);
  line-height: 1.55;
  overflow-x: hidden;
}
::selection { background: var(--yellow); color: #000; }
a { color: inherit; }
code, pre, .version, .tag, .section-kicker, .sidebar, .topbar, .meta-label, small { font-family: var(--mono); }

.noise {
  position: fixed; inset: 0; pointer-events: none; z-index: 1000; opacity: .025;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E");
}

.topbar {
  height: 64px; position: fixed; inset: 0 0 auto 0; z-index: 50;
  display: grid; grid-template-columns: 280px 1fr auto; align-items: center;
  border-bottom: 1px solid var(--line); background: rgba(5,5,5,.92); backdrop-filter: blur(18px);
  font-size: 12px;
}
.brand { height: 64px; display: flex; align-items: center; gap: 10px; padding: 0 18px; text-decoration: none; border-right: 1px solid var(--line); }
.brand-mark { width: 30px; height: 30px; border: 1px solid var(--yellow); color: var(--yellow); display:grid; place-items:center; font-weight:900; font-size: 17px; }
.brand-name { font-family: var(--sans); font-weight: 800; letter-spacing: -.01em; }
.version { color: #070707; background: var(--yellow); padding: 2px 5px; font-size: 9px; font-weight: 900; }
.topbar-center { display:flex; align-items:center; justify-content:center; gap: 9px; color: var(--muted); letter-spacing: .08em; }
.network-dot { width: 7px; height: 7px; border-radius:50%; background: var(--yellow); box-shadow: 0 0 16px var(--yellow); }
.sep { color: #444; }
.topbar-actions { display:flex; align-items:center; gap:8px; padding-right:14px; }
.icon-btn, .yellow-btn, .x-link { border:1px solid var(--line); background:#0a0a0a; color:var(--muted); text-decoration:none; padding:9px 11px; font: 700 10px var(--mono); letter-spacing:.04em; cursor:pointer; }
.yellow-btn { background: var(--yellow); color:#080808; border-color:var(--yellow); }
.icon-btn:hover { color:#fff; border-color:#555; }
.x-link { color:var(--yellow); border-color:#343000; }
.x-link:hover { background:var(--yellow); border-color:var(--yellow); color:#080808; }
.yellow-btn:hover { background:#ffe36b; }

.sidebar {
  position: fixed; z-index: 40; top:64px; bottom:0; left:0; width:280px; padding:28px 14px 20px;
  border-right: 1px solid var(--line); background:#070707; overflow:auto;
}
.sidebar-label { color:var(--muted-2); font-size:10px; padding:0 9px 12px; letter-spacing:.12em; }
.nav-link { display:flex; align-items:center; gap:12px; padding:8px 10px; color:#9b9b92; text-decoration:none; font-size:11px; border-left:2px solid transparent; margin:1px 0; }
.nav-link span { color:#4e4e49; width:20px; }
.nav-link:hover { color:#fff; background:#0d0d0d; }
.nav-link.active { color:#fff; background:var(--yellow-dim); border-left-color:var(--yellow); }
.nav-link.active span { color:var(--yellow); }
.sidebar-footer { margin-top:28px; padding:16px 10px 0; border-top:1px solid var(--line); }
.status-row { color:var(--muted); font-size:9px; letter-spacing:.08em; display:flex; align-items:center; gap:8px; }
.status-light { width:7px;height:7px;border-radius:50%;background:var(--yellow); }
.sidebar-footer strong { display:block; font-size:11px; margin:8px 0; }
.sidebar-footer small { color:var(--muted-2); font-size:9px; line-height:1.5; display:block; }

.content { margin-left:280px; padding-top:64px; }
.section { width:min(1120px, calc(100% - 72px)); margin:0 auto; padding:98px 0; border-bottom:1px solid var(--line); }
.hero-section { padding-top:78px; }
.section-kicker, .eyebrow { color:var(--yellow); font-size:11px; letter-spacing:.14em; font-weight:800; margin-bottom:18px; }
h1 { font-size: clamp(56px, 7vw, 104px); line-height:.92; letter-spacing:-.065em; margin:0 0 28px; font-weight:900; }
h2 { font-size: clamp(34px, 4.2vw, 58px); line-height:1.02; letter-spacing:-.045em; margin:0 0 18px; }
h3 { letter-spacing:-.02em; }
.lead { font-size: clamp(18px, 2vw, 25px); line-height:1.5; color:#c7c7bf; max-width:760px; margin:0 0 28px; }
.lead strong { color:#fff; }
.section-intro { color:#aaa9a2; font-size:18px; max-width:800px; margin:0 0 36px; }

.hero-grid { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr); gap:56px; align-items:start; }
.tag-row { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:30px; }
.tag { border:1px solid var(--line); color:#a5a59c; padding:6px 8px; font-size:9px; font-weight:800; letter-spacing:.07em; }
.tag.yellow { border-color:var(--yellow); color:var(--yellow); }
.quote-card { border-left:2px solid var(--yellow); background:#0b0b0b; padding:20px 22px; position:relative; }
.quote-card p { margin:0; color:#cacac2; font-size:15px; }
.quote-card em { color:#fff; font-style:normal; }
.quote-mark { color:var(--yellow); font:900 12px var(--mono); margin-bottom:8px; }
.agent-card { border:1px solid var(--line); background:#080808; box-shadow:0 18px 50px rgba(0,0,0,.3); }
.agent-image-wrap { aspect-ratio:1; overflow:hidden; position:relative; background:#000; }
.agent-image-wrap img { width:100%;height:100%;object-fit:cover;display:block; filter:contrast(1.03); }
.scanline { position:absolute; inset:0; background:linear-gradient(transparent 0 49%, rgba(245,196,0,.15) 50%, transparent 51%); background-size:100% 6px; opacity:.11; pointer-events:none; }
.agent-meta { display:grid; grid-template-columns:1fr 1fr; }
.agent-meta > div { padding:12px 14px; border-top:1px solid var(--line); }
.agent-meta > div:nth-child(odd){border-right:1px solid var(--line)}
.meta-label { display:block; font-size:8px; color:var(--muted-2); margin-bottom:2px; }
.agent-meta strong { font:700 10px var(--mono); }
.online { color:var(--green); }
.loop-strip { margin-top:54px; border:1px solid var(--line); display:grid; grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto; align-items:center; background:#080808; }
.loop-strip div { padding:18px 22px; display:flex; align-items:center; gap:15px; }
.loop-strip b { color:var(--yellow); font:800 10px var(--mono); }
.loop-strip span { font-weight:900; letter-spacing:.06em; }
.loop-strip i { color:#56564f; font-style:normal; }

.three-col { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.principle-card { border:1px solid var(--line); background:var(--panel); padding:24px; min-height:240px; }
.principle-card .number { color:var(--yellow); font:800 10px var(--mono); }
.principle-card h3 { font-size:20px; margin:52px 0 10px; }
.principle-card p { color:#97978f; margin:0; font-size:14px; }
.principle-card code { color:#ddd; font-size:12px; }

.architecture-stack { margin-top:28px; }
.arch-layer { border:1px solid var(--line); background:#080808; padding:22px; }
.arch-layer.yellow-border { border-color:#725f00; box-shadow:inset 0 0 0 1px rgba(245,196,0,.08); }
.layer-head { display:flex; gap:14px; align-items:center; margin-bottom:20px; }
.layer-index { width:38px;height:38px;border:1px solid var(--yellow);color:var(--yellow);display:grid;place-items:center;font:800 10px var(--mono); }
.layer-head b { display:block; letter-spacing:.04em; font-size:13px; }
.layer-head small { display:block; color:var(--muted-2); font-size:8px; margin-top:2px; }
.node-row { display:flex; flex-wrap:wrap; gap:7px; }
.node-row span { border:1px solid var(--line); background:#0e0e0e; padding:8px 11px; color:#b7b7af; font:700 10px var(--mono); }
.truth { margin-top:18px; color:#76766e; font:10px var(--mono); }
.down-arrow { text-align:center; color:var(--yellow); font:10px var(--mono); padding:12px 0; }
.repo-card { margin-top:30px; border:1px solid var(--line); background:#080808; font-family:var(--mono); }
.repo-head { padding:13px 16px; border-bottom:1px solid var(--line); font-size:11px; }
.repo-head .muted { float:right; color:var(--muted-2); font-size:9px; }
.repo-tree { padding:18px 20px; }
.repo-tree div { padding:7px 0; font-size:11px; color:#77776f; }
.repo-tree span { color:#3f3f3a; margin-right:10px; }
.repo-tree b { color:#e5e5dd; }
.repo-tree em { color:#60605a; font-style:normal; margin-left:8px; }

.split-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.code-window { border:1px solid var(--line); background:#080808; overflow:hidden; }
.code-title { height:38px; padding:0 12px; border-bottom:1px solid var(--line); display:flex; align-items:center; gap:6px; }
.code-title span { width:7px;height:7px;border-radius:50%; background:#30302c; }
.code-title span:nth-child(3){background:var(--yellow)}
.code-title b { margin-left:7px; color:#74746d; font:9px var(--mono); }
pre { margin:0; padding:22px; overflow:auto; color:#7d7d74; font-size:11px; line-height:1.8; }
pre i { color:#7b7b72; font-style:normal; }
pre strong { color:#f1f1e9; font-weight:600; }
.state-machine { display:flex; align-items:center; gap:8px; overflow:auto; padding:28px 0 12px; }
.state { flex:0 0 auto; border:1px solid var(--line); padding:10px 12px; color:#7f7f77; font:800 9px var(--mono); }
.state.active { border-color:#6c5900; color:var(--yellow); }
.state.success { border-color:#31592b; color:var(--green); }
.state-machine b { color:#3d3d38; font-weight:400; }
.branch-note { color:#66665e; font:10px var(--mono); }
.branch-note code { color:#aaa; }

.policy-panel { border:1px solid var(--line); background:#080808; }
.policy-title { display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid var(--line); padding:14px 17px; font:800 11px var(--mono); }
.policy-status { color:#070707; background:var(--yellow); padding:4px 7px; font-size:8px; }
.policy-grid { display:grid; grid-template-columns:repeat(4,1fr); }
.policy-grid > div { padding:18px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); min-height:88px; }
.policy-grid > div:nth-child(4n){border-right:0}
.policy-grid small { display:block; color:var(--muted-2); font-size:8px; margin-bottom:12px; }
.policy-grid b { font:700 11px var(--mono); }
.danger { color:var(--danger); }
.check-flow { margin-top:20px; display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.check-flow span { border:1px solid var(--line); padding:8px 10px; font:800 9px var(--mono); color:#93938a; }
.check-flow i { color:#44443f; font-style:normal; }
.check-flow .yellow-fill { background:var(--yellow); color:#000; border-color:var(--yellow); }

.treasury-layout { border:1px solid var(--line); padding:28px; background:#080808; }
.treasury-core { width:min(440px,100%); margin:0 auto; padding:18px; border:1px solid #6c5900; background:var(--yellow-dim); display:flex; align-items:center; gap:16px; }
.vault-icon { width:44px;height:44px;background:var(--yellow);color:#000;display:grid;place-items:center;font-size:20px; }
.treasury-core small,.treasury-core b { display:block; }
.treasury-core small { color:var(--yellow); font-size:8px; }
.treasury-core b { font-size:15px; margin-top:3px; }
.treasury-branches { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:32px; }
.treasury-branches > div,.cow-wallets > div { border:1px solid var(--line); padding:16px; text-align:center; }
.treasury-branches small { display:block;color:var(--yellow);font-size:8px;margin-bottom:6px; }
.treasury-branches strong { font-size:12px; }
.allocation-arrow { text-align:center; color:#76766f; font:9px var(--mono); padding:20px 0; }
.cow-wallets { display:grid;grid-template-columns:repeat(3,1fr);gap:10px; }
.cow-wallets span,.cow-wallets b { display:block; font:800 9px var(--mono); }
.cow-wallets span { color:#7f7f77; margin-bottom:6px; }
.cow-wallets b { color:#fff; }
.note-box { margin-top:15px; border-left:2px solid var(--yellow); background:#0b0b0b; padding:14px 16px; color:#8e8e86; font-size:13px; }
.note-box b { color:#eee; }

.formula-card { border:1px solid #665500; background:linear-gradient(90deg, rgba(245,196,0,.08), transparent); padding:24px; }
.formula-label { color:var(--yellow); font:800 9px var(--mono); margin-bottom:12px; }
.formula { font:800 clamp(16px,2.2vw,27px) var(--mono); letter-spacing:-.03em; }
.formula span { color:var(--yellow-2); }
.example-table { margin-top:22px; border:1px solid var(--line); }
.example-table .row { display:grid; grid-template-columns:1.2fr .6fr 1.2fr; align-items:center; min-height:48px; border-bottom:1px solid var(--line); padding:0 16px; font-size:12px; }
.example-table .row:last-child{border-bottom:0}.example-table .row.head{background:#0d0d0d;color:#66665f;font:8px var(--mono)}
.example-table .row b { font:800 11px var(--mono); color:#fff; }
.example-table .row span:last-child { color:#77776f; }
.example-table .row.result { background:var(--yellow-dim); }
.example-table .row.result b { color:var(--yellow); }
.execution-timeline { display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:12px;align-items:center;margin-top:26px; }
.execution-timeline div { border:1px solid var(--line); padding:14px; }
.execution-timeline small,.execution-timeline b,.execution-timeline span { display:block; }
.execution-timeline small { color:var(--yellow);font-size:8px }.execution-timeline b{font:800 16px var(--mono);margin:5px 0}.execution-timeline span{color:#74746c;font:9px var(--mono)}
.execution-timeline i { color:#50504a; font-style:normal; }
.microcopy { color:#55554f; font:9px var(--mono); margin-top:10px; }

.herd-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }
.herd-grid article { border:1px solid var(--line); padding:18px; background:#080808; min-height:230px; }
.cow-code { width:42px;height:42px;border:1px solid #665500;display:grid;place-items:center;color:var(--yellow);font:900 9px var(--mono); }
.herd-grid h3 { font-size:14px; margin:28px 0 8px; }
.herd-grid p { font-size:12px; color:#7e7e76; margin:0 0 18px; }
.herd-grid article > span { display:block; font:8px var(--mono); color:#55554f; margin-top:auto; }
.deploy-rule { margin-top:18px; border:1px solid var(--line); }
.deploy-title { padding:12px 14px; border-bottom:1px solid var(--line); color:#88887f; font:9px var(--mono); }
.deploy-grid { display:grid; grid-template-columns:repeat(3,1fr); }
.deploy-grid span { padding:15px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); color:#6e6e66; font:8px var(--mono); }
.deploy-grid span:nth-child(3n){border-right:0}.deploy-grid b{display:block;color:#ddd;font-size:12px;margin-top:4px}.deploy-grid .approved b{color:var(--green)}

.runtime-grid { display:grid;grid-template-columns:.7fr 1.3fr;gap:16px; }
.runtime-flow { border:1px solid var(--line); background:#080808; padding:18px; }
.runtime-flow > div { border:1px solid var(--line); padding:10px 12px; font:800 9px var(--mono); }
.runtime-flow > div small { display:block;color:#5f5f58;font-size:8px;margin-top:3px; }
.runtime-flow > i { display:block;text-align:center;color:#444;font-style:normal;height:18px;line-height:18px; }
.runtime-flow .runtime-final { border-color:#6d5a00; color:var(--yellow); }
.terminal-card { border:1px solid var(--line); background:#020202; }
.terminal-top { height:40px; border-bottom:1px solid var(--line); display:flex;align-items:center;gap:6px;padding:0 12px; }
.terminal-top span { width:7px;height:7px;border-radius:50%;background:#272724}.terminal-top span:nth-child(3){background:var(--yellow)}.terminal-top b{font:9px var(--mono);color:#666;margin-left:7px}
.terminal-body { padding:18px; min-height:300px; font:10px/2 var(--mono); }
.terminal-body p { margin:0;color:#77776e; }
.terminal-body time { color:#484843; margin-right:10px; }
.terminal-body b { color:#bdbdb5; }
.terminal-body em { color:var(--yellow); font-style:normal; }
.terminal-foot { border-top:1px solid var(--line); padding:9px 12px; color:#4a4a45; font:8px var(--mono); }

.security-list { border-top:1px solid var(--line); }
.security-list > div { display:grid; grid-template-columns:50px minmax(220px,.75fr) 1fr; gap:20px; align-items:center; border-bottom:1px solid var(--line); padding:20px 0; }
.security-list span { color:var(--yellow); font:800 9px var(--mono); }
.security-list b { font-size:14px; }
.security-list p { margin:0;color:#7d7d75;font-size:13px; }
.security-list code { color:#bbb; }

.metric-tabs { display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px; }
.metric-tab { border:1px solid var(--line);background:#080808;color:#77776f;padding:9px 12px;font:800 9px var(--mono);cursor:pointer; }
.metric-tab.active { border-color:var(--yellow);color:#000;background:var(--yellow); }
.chart-card { border:1px solid var(--line);background:#080808;overflow:hidden; }
.chart-head { display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line); }
.chart-head small,.chart-head strong { display:block; }.chart-head small{font-size:8px;color:var(--yellow);margin-bottom:3px}.chart-head strong{font:700 11px var(--mono)}.chart-head>span{font:8px var(--mono);color:#555}
.line-chart { width:100%;height:auto;display:block;background:linear-gradient(180deg,#090909,#050505); }
.grid-lines line { stroke:#171717; stroke-width:1; }
.chart-line { fill:none; stroke:var(--yellow); stroke-width:3; vector-effect:non-scaling-stroke; transition:.35s; }
.chart-area { fill:url(#none); opacity:.08; stroke:none; }
.chart-area { fill:var(--yellow); opacity:.06; transition:.35s; }
.chart-caption { padding:12px 18px;border-top:1px solid var(--line);color:#66665e;font:9px var(--mono); }
.accounting-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:15px; }
.accounting-grid>div { border:1px solid var(--line);padding:15px;background:#080808; }
.accounting-grid small { color:var(--yellow);font-size:8px; }.accounting-grid p{color:#77776f;font-size:11px;margin:9px 0 0}.accounting-grid b{color:#ddd}

.contract-table { border:1px solid var(--line); }
.contract-row { display:grid;grid-template-columns:.8fr 1.7fr .8fr;align-items:center;min-height:58px;border-bottom:1px solid var(--line);padding:0 16px;font-size:12px; }
.contract-row:last-child{border-bottom:0}.contract-row.head{background:#0d0d0d;color:#66665e;font:8px var(--mono)}.contract-row b{font:800 11px var(--mono)}.contract-row span{color:#85857d}.contract-row code{color:var(--yellow);font-size:9px}
.api-card { margin-top:18px;border:1px solid var(--line); }
.api-row { display:grid;grid-template-columns:60px 230px 1fr;align-items:center;min-height:48px;border-bottom:1px solid var(--line);padding:0 14px; }.api-row:last-child{border-bottom:0}.api-row .method{font:900 9px var(--mono);color:var(--yellow)}.api-row code{font-size:10px;color:#ddd}.api-row p{margin:0;color:#71716a;font-size:11px}

.roadmap-list { border-top:1px solid var(--line); }
.roadmap-list>div{display:grid;grid-template-columns:110px 220px 1fr;gap:20px;padding:18px 0;border-bottom:1px solid var(--line);align-items:center}.roadmap-list span{font:800 9px var(--mono);color:#5f5f58}.roadmap-list b{font-size:14px}.roadmap-list p{margin:0;color:#797971;font-size:12px}.roadmap-list .done span{color:var(--green)}.roadmap-list .current{background:linear-gradient(90deg,var(--yellow-dim),transparent);padding-left:12px;padding-right:12px}.roadmap-list .current span,.roadmap-list .current b{color:var(--yellow)}
.closing-card { margin-top:58px; border:1px solid #6b5900; background:#090909; display:grid;grid-template-columns:220px 1fr;align-items:center;overflow:hidden; }
.closing-cow { height:260px;background:#000;overflow:hidden; }.closing-cow img{width:100%;height:100%;object-fit:cover}.closing-card>div:last-child{padding:28px 34px}.closing-card h2{font-size:34px;margin-bottom:10px}.closing-card p{color:#85857d;margin:0;max-width:620px}
footer { width:min(1120px,calc(100% - 72px));margin:0 auto;padding:30px 0 50px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;color:#494943;font:8px var(--mono);letter-spacing:.08em; }
.footer-x { color:var(--yellow); text-decoration:none; }
.footer-x:hover { color:#fff; }

.command-overlay { position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.72);backdrop-filter:blur(8px);display:grid;place-items:start center;padding-top:12vh; }
.command-overlay[hidden]{display:none}.command-box{width:min(620px,calc(100% - 28px));border:1px solid #494940;background:#0a0a0a;box-shadow:0 30px 100px #000}.command-input{display:flex;align-items:center;gap:10px;padding:14px;border-bottom:1px solid var(--line)}.command-input span{color:var(--yellow);font:900 14px var(--mono)}.command-input input{flex:1;border:0;outline:0;background:transparent;color:#fff;font:13px var(--mono)}.command-results{max-height:340px;overflow:auto;padding:7px}.command-result{display:flex;justify-content:space-between;padding:10px;border:0;background:transparent;color:#888;width:100%;text-align:left;font:10px var(--mono);cursor:pointer}.command-result:hover,.command-result.focused{background:var(--yellow-dim);color:#fff}.command-result span{color:#4f4f49}.command-help{border-top:1px solid var(--line);padding:9px 12px;color:#4e4e48;font:8px var(--mono)}

@media (max-width: 1080px) {
  .topbar { grid-template-columns: 250px 1fr auto; }
  .sidebar { width:250px; }
  .content { margin-left:250px; }
  .hero-grid { grid-template-columns:1fr; }
  .agent-card { max-width:520px; }
  .policy-grid { grid-template-columns:repeat(2,1fr); }
  .policy-grid>div:nth-child(2n){border-right:0}.policy-grid>div:nth-child(4n){border-right:0}
  .herd-grid { grid-template-columns:repeat(2,1fr); }
  .accounting-grid { grid-template-columns:repeat(2,1fr); }
}

@media (max-width: 780px) {
  .topbar { grid-template-columns:1fr auto; }
  .topbar-center { display:none; }
  .brand { border-right:0; }
  .sidebar { display:none; }
  .content { margin-left:0; }
  .section, footer { width:min(100% - 32px,1120px); }
  .section { padding:72px 0; }
  .topbar-actions .yellow-btn { display:none; }
  .x-link { font-size:0; padding:9px 12px; }
  .x-link::after { content:"X ↗"; font-size:10px; }
  h1 { font-size:58px; }
  .loop-strip { grid-template-columns:1fr; }
  .loop-strip i { display:none; }
  .loop-strip div { border-bottom:1px solid var(--line); }
  .loop-strip div:last-of-type { border-bottom:0; }
  .three-col, .split-grid, .runtime-grid { grid-template-columns:1fr; }
  .policy-grid { grid-template-columns:1fr; }
  .policy-grid>div { border-right:0 !important; }
  .treasury-branches,.cow-wallets,.deploy-grid { grid-template-columns:1fr; }
  .deploy-grid span { border-right:0; }
  .execution-timeline { grid-template-columns:1fr; }.execution-timeline i{display:none}
  .herd-grid { grid-template-columns:1fr; }
  .security-list>div { grid-template-columns:40px 1fr; }.security-list p{grid-column:2}
  .accounting-grid { grid-template-columns:1fr; }
  .contract-row { grid-template-columns:1fr;gap:8px;padding:14px 16px }.contract-row.head{display:none}
  .api-row { grid-template-columns:50px 1fr }.api-row p{grid-column:2;padding-bottom:10px}
  .roadmap-list>div{grid-template-columns:90px 1fr}.roadmap-list p{grid-column:2}
  .closing-card{grid-template-columns:1fr}.closing-cow{height:340px}
  .repo-tree em { display:block;margin-left:34px;margin-top:2px; }
}

/* ===== v0.2 REBRAND / BINANCE AGENT OS ===== */
:root {
  --yellow: #f0b90b;
  --yellow-2: #ffd84a;
  --yellow-dim: rgba(240,185,11,.12);
}

.boot-screen {
  position:fixed; inset:0; z-index:9999; display:grid; place-items:center;
  background:var(--yellow); color:#070707;
  transition:opacity .42s ease, visibility .42s ease;
}
.boot-screen.is-done { opacity:0; visibility:hidden; pointer-events:none; }
.boot-inner { width:min(420px, calc(100% - 56px)); text-align:center; }
.boot-brand {
  font:900 clamp(42px, 8vw, 74px)/.9 var(--sans);
  letter-spacing:-.065em;
}
.boot-sub {
  margin-top:12px;
  font:800 10px/1 var(--mono);
  letter-spacing:.2em;
}
.boot-line {
  height:2px; margin-top:28px; overflow:hidden;
  background:rgba(0,0,0,.16);
}
.boot-line i {
  display:block; width:100%; height:100%; background:#070707;
  transform-origin:left; animation:bootline 5s cubic-bezier(.65,0,.35,1) both;
}
.boot-status {
  display:flex; justify-content:space-between; margin-top:8px;
  font:800 8px var(--mono); letter-spacing:.12em; opacity:.58;
}
@keyframes bootline { from { transform:scaleX(0) } to { transform:scaleX(1) } } to{transform:scaleX(1)} }

.topbar { background: rgba(240,185,11,.96); border-bottom-color:#0d0d0d; color:#090909; }
.brand { border-right-color:rgba(0,0,0,.18); }
.brand-mark { border-color:#090909;color:#090909;background:transparent; }
.version { background:#090909;color:var(--yellow); }
.topbar-center { color:rgba(0,0,0,.68); }
.network-dot { background:#090909;box-shadow:none; }
.sep { color:rgba(0,0,0,.32); }
.icon-btn, .x-link { border-color:rgba(0,0,0,.25);background:transparent;color:#090909; }
.icon-btn:hover,.x-link:hover { background:#090909;color:var(--yellow);border-color:#090909; }
.yellow-btn { background:#090909;color:var(--yellow);border-color:#090909; }
.yellow-btn:hover { background:#fff;color:#090909; }

.content { background:radial-gradient(circle at 82% 0%,rgba(240,185,11,.055),transparent 28%),var(--bg); }
.hero-section {
  margin-top:26px; padding:64px 42px 0; border:1px solid #ad8709; border-bottom:0;
  background:
    radial-gradient(circle at 80% 28%, rgba(255,255,255,.38), transparent 17%),
    linear-gradient(135deg,#f0b90b 0%,#ffd83b 65%,#f0b90b 100%);
  color:#080808; overflow:hidden; position:relative;
}
.hero-section::after { content:"AGENT / OS";position:absolute;right:-12px;bottom:48px;font:900 clamp(62px,9vw,146px)/.8 var(--sans);letter-spacing:-.08em;color:rgba(0,0,0,.045);pointer-events:none; }
.hero-section .eyebrow { color:#171303; }
.hero-section h1 { color:#070707; }
.hero-section .lead { color:#2a2306; }
.hero-section .lead strong { color:#070707; }
.hero-section .tag { border-color:rgba(0,0,0,.3);color:#211b04;background:rgba(255,255,255,.08); }
.hero-section .tag.yellow { background:#080808;color:var(--yellow);border-color:#080808; }
.hero-section .quote-card { background:#080808;border-left:0;color:#fff;box-shadow:0 18px 50px rgba(80,60,0,.14); }
.hero-section .quote-card p { color:#dad9d2; }
.hero-section .quote-card em { color:#fff; }
.hero-section .quote-mark { color:var(--yellow); }
.hero-section .agent-card { border:1px solid #111;background:#080808;box-shadow:0 26px 70px rgba(96,70,0,.24), 0 0 64px rgba(255,226,85,.28);position:relative;z-index:2; }
.hero-section .agent-image-wrap { background:var(--yellow); }
.hero-section .agent-meta { color:#fff; }
.hero-section .loop-strip { margin-left:-42px;margin-right:-42px;margin-top:50px;border-left:0;border-right:0;border-bottom:0;background:#080808;position:relative;z-index:2; }

.section:not(.hero-section) { position:relative; }
.agent-os-section { background:linear-gradient(180deg,rgba(240,185,11,.05),rgba(240,185,11,.012)); }
.agent-os-head { display:grid;grid-template-columns:1fr auto;gap:28px;align-items:start; }
.os-link { display:inline-flex;align-items:center;justify-content:center;text-decoration:none;background:var(--yellow);color:#080808;border:1px solid var(--yellow);padding:12px 14px;font:900 9px var(--mono);letter-spacing:.05em;white-space:nowrap; }
.os-link:hover { background:#fff;border-color:#fff; }
.os-flow { display:grid;grid-template-columns:1fr auto 1fr auto 1.15fr auto 1fr;align-items:stretch;gap:9px;margin:12px 0 22px; }
.os-flow i { display:grid;place-items:center;color:#57574f;font-style:normal; }
.os-box { min-height:128px;border:1px solid var(--line);background:#080808;padding:18px;display:flex;flex-direction:column;justify-content:flex-end; }
.os-box small { color:#5e5e56;font-size:8px;letter-spacing:.08em;margin-bottom:auto; }
.os-box b { font-size:14px; }
.os-box span { color:#74746d;font:8px var(--mono);margin-top:5px; }
.os-box.primary { border-color:#5e4c07; }
.os-box.primary small,.os-box.primary b { color:var(--yellow); }
.os-box.agent-os { background:var(--yellow);border-color:var(--yellow);color:#070707;box-shadow:0 0 42px rgba(240,185,11,.1); }
.os-box.agent-os small,.os-box.agent-os span { color:rgba(0,0,0,.58); }
.os-grid { display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line); }
.os-grid article { padding:20px;border-right:1px solid var(--line);min-height:205px; }
.os-grid article:last-child { border-right:0; }
.os-grid article>span { color:var(--yellow);font:900 9px var(--mono); }
.os-grid h3 { margin:54px 0 8px;font-size:16px; }
.os-grid p { margin:0;color:#797971;font-size:12px; }
.os-terminal { margin-top:18px;border:1px solid #5a4907;background:#080808; }
.os-terminal-title { padding:11px 14px;border-bottom:1px solid var(--line);color:#77776f;font:800 9px var(--mono); }
.os-terminal-title span { color:var(--yellow);margin-right:8px; }
.os-terminal-body { padding:12px 16px; }
.os-terminal-body p { margin:0;display:grid;grid-template-columns:145px 1fr;gap:14px;padding:7px 0;border-bottom:1px solid #141414;font:9px var(--mono); }
.os-terminal-body p:last-child { border-bottom:0; }
.os-terminal-body b { color:#66665f;font-weight:700; }
.os-terminal-body span { color:#c7c7bf;overflow-wrap:anywhere; }
.yellow-text { color:var(--yellow)!important; }
.agent-os-note { margin-top:16px;border-left:2px solid var(--yellow);padding:15px 17px;background:#0a0a0a;color:#86867e;font-size:13px; }
.agent-os-note b { color:#f2f2eb; }

.closing-card { border-color:#725a08;box-shadow:0 0 50px rgba(240,185,11,.04); }
.closing-cow { background:var(--yellow); }
.closing-cow img { filter:saturate(1.05) contrast(1.02); }

@media (max-width:1080px){
  .os-flow{grid-template-columns:1fr 1fr}.os-flow i{display:none}.os-grid{grid-template-columns:repeat(2,1fr)}.os-grid article:nth-child(2){border-right:0}.os-grid article:nth-child(-n+2){border-bottom:1px solid var(--line)}
}
@media (max-width:780px){
  .hero-section{width:calc(100% - 24px);padding:48px 18px 0}.hero-section .loop-strip{margin-left:-18px;margin-right:-18px}.hero-section::after{display:none}
  .agent-os-head{grid-template-columns:1fr}.os-link{justify-self:start}.os-flow{grid-template-columns:1fr}.os-grid{grid-template-columns:1fr}.os-grid article{border-right:0;border-bottom:1px solid var(--line)!important}.os-grid article:last-child{border-bottom:0!important}.os-grid h3{margin-top:30px}.os-terminal-body p{grid-template-columns:1fr;gap:4px}
}
.os-doc-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.os-doc-links a{font:800 8px var(--mono);text-decoration:none;color:#77776f;border:1px solid var(--line);padding:8px 10px}.os-doc-links a:hover{color:#080808;background:var(--yellow);border-color:var(--yellow)}