:root {
  --bg: #0a0a0a;
  --surface: #111111;
  --card: #161616;
  --card-hover: #1e1e1e;
  --border: #282828;
  --text: #f1f1f1;
  --muted: #a3a3a3;
  --subtle: #737373;
  --orange: #ff6b00;
  --orange-light: #ff9347;
  --orange-wash: rgba(255, 107, 0, .12);
  --green: #31c46d;
  --blue: #73a7ff;
  --red: #ff6b6b;
  --r: 12px;
  --max: 1180px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
* { box-sizing: border-box; }
html { background: var(--bg); color: var(--text); scroll-behavior: smooth; }
body { background: var(--bg); color: var(--text); margin: 0; min-width: 320px; line-height: 1.55; }
a { color: var(--orange); text-decoration: none; }
a:hover { color: var(--orange-light); }
.skip-link { position: absolute; left: -999px; top: auto; }
.skip-link:focus { left: 12px; top: 12px; z-index: 9999; background: var(--orange); color: #111; padding: 8px 12px; border-radius: 8px; }
.nav { position: sticky; top: 0; z-index: 10; background: rgba(10,10,10,.96); border-bottom: 2px solid var(--orange); backdrop-filter: blur(10px); }
.nav-inner { max-width: var(--max); min-height: 64px; padding: 0 22px; margin: auto; display: flex; align-items: center; gap: 20px; }
.brand { display: inline-flex; gap: 2px; align-items: center; color: var(--text); font-weight: 900; font-size: 1.2rem; letter-spacing: -.04em; white-space: nowrap; }
.brand-mark { display: grid; place-items: center; width: 32px; height: 32px; margin-right: 8px; color: #111; background: var(--orange); border-radius: 8px; font: 800 .76rem/1 ui-monospace, monospace; letter-spacing: -.12em; }
.brand .accent { color: var(--orange); }
.nav-toggle { display: none; margin-left: auto; color: var(--text); background: transparent; border: 1px solid var(--border); border-radius: 8px; padding: 7px 10px; font: inherit; cursor: pointer; }
.nav-links { display: flex; justify-content: flex-end; align-items: center; gap: 3px; margin-left: auto; }
.nav-links a { color: var(--muted); padding: 7px 9px; font-size: .84rem; font-weight: 650; border-radius: 7px; white-space: nowrap; }
.nav-links a:hover, .nav-links a[aria-current="page"] { color: var(--text); background: var(--orange-wash); }
.nav-links .nav-cta { color: #fff; background: var(--orange); }
.nav-links .nav-cta:hover { background: var(--orange-light); color: #fff; }
.hero { position: relative; overflow: hidden; padding: 72px 20px 54px; text-align: center; background: radial-gradient(circle at 50% 115%, rgba(255,107,0,.25), transparent 45%), linear-gradient(#111,#0a0a0a); border-bottom: 1px solid var(--border); }
.hero::after { content:""; position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(rgba(255,107,0,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,107,0,.04) 1px,transparent 1px); background-size: 38px 38px; mask-image: linear-gradient(to bottom,black,transparent 80%); }
.hero > * { position: relative; z-index: 1; }
.eyebrow { display: inline-block; margin: 0 0 14px; padding: 4px 10px; border: 1px solid rgba(255,107,0,.45); border-radius: 999px; color: var(--orange-light); font: 700 .72rem/1.2 ui-monospace, monospace; letter-spacing: .09em; text-transform: uppercase; }
h1 { max-width: 850px; margin: 0 auto 14px; font-size: clamp(2rem,5vw,3.8rem); letter-spacing: -.055em; line-height: 1.05; }
h1 .accent { color: var(--orange); }
.hero p { max-width: 650px; margin: auto; color: var(--muted); font-size: 1.04rem; }
.shell { width: min(var(--max), calc(100% - 40px)); margin: auto; }
.section { padding: 46px 0; }
.section + .section { border-top: 1px solid var(--border); }
.section-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 20px; }
h2 { margin: 0; font-size: clamp(1.25rem,3vw,1.6rem); letter-spacing: -.03em; }
.section-label { color: var(--subtle); font-size: .84rem; }
.chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px; }
.chip { appearance: none; border: 1px solid var(--border); background: transparent; color: var(--muted); font: 650 .79rem/1 Inter,sans-serif; padding: 7px 12px; border-radius: 99px; cursor: pointer; }
.chip:hover, .chip[aria-pressed="true"] { background: var(--orange); color: #171717; border-color: var(--orange); }
.news-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.news-card, .panel, .polybuck-card { background: var(--card); border: 1px solid var(--border); border-radius: var(--r); }
.news-card { padding: 19px; min-height: 206px; display: flex; flex-direction: column; transition: transform .15s,border-color .15s,background .15s; }
.news-card:hover { transform: translateY(-2px); border-color: var(--orange); background: var(--card-hover); }
.news-meta { display: flex; justify-content: space-between; gap: 9px; margin-bottom: 11px; color: var(--subtle); font: 700 .68rem/1.2 ui-monospace,monospace; letter-spacing: .05em; text-transform: uppercase; }
.news-source { color: var(--orange-light); }
.news-card h3 { margin: 0 0 10px; color: var(--text); font-size: 1rem; line-height: 1.35; letter-spacing: -.02em; }
.news-card p { margin: 0; color: var(--muted); font-size: .84rem; }
.news-card .read { display: inline-block; margin-top: auto; padding-top: 16px; font-size: .78rem; font-weight: 750; }
.loading, .empty { grid-column: 1/-1; padding: 48px 20px; text-align: center; color: var(--muted); border: 1px dashed var(--border); border-radius: var(--r); }
.panel { padding: 23px; }
.panel h2, .panel h3 { margin-top: 0; }
.grid-2 { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.grid-3 { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.callout { padding: 20px; border: 1px solid rgba(255,107,0,.55); border-radius: var(--r); background: linear-gradient(135deg,rgba(255,107,0,.12),rgba(255,107,0,.025)); }
.callout p { color: var(--muted); margin: 8px 0 0; }
.placeholder { color: var(--orange-light); font: 700 .78rem/1.45 ui-monospace,monospace; }
.footer { margin-top: 54px; padding: 42px 20px 24px; border-top: 1px solid var(--border); background: var(--surface); }
.footer-inner { max-width: var(--max); margin: auto; display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 32px; }
.footer h2, .footer h3 { font-size: 1rem; margin: 0 0 8px; }.footer p { color: var(--subtle); max-width: 440px; font-size:.83rem; }
.footer h4 { margin: 0 0 9px; color: var(--muted); font-size: .7rem; text-transform: uppercase; letter-spacing: .12em; }.footer a { display:block; padding: 3px 0; color: var(--subtle); font-size:.84rem; }.footer a:hover { color:var(--orange); }
.footer-bottom { max-width: var(--max); margin: 26px auto 0; padding-top: 16px; border-top:1px solid var(--border); color: var(--subtle); font-size: .74rem; }
.polymeter { display:grid; grid-template-columns: 1fr auto; gap: 12px; padding: 17px 0; border-bottom: 1px solid var(--border); }.polymeter:last-child{border-bottom:0}.polymeter h3{margin:0 0 4px;font-size:1rem}.polymeter p{margin:0;color:var(--muted);font-size:.83rem}.read-pill{align-self:center;padding:7px 10px;border-radius:999px;font:800 .72rem/1 ui-monospace,monospace;letter-spacing:.05em}.skip{background:rgba(255,107,0,.18);color:var(--orange-light)}.hold{background:rgba(115,167,255,.15);color:var(--blue)}.disagree{background:rgba(255,107,107,.15);color:var(--red)}
.polymeter-stats{display:flex;gap:16px;flex-wrap:wrap;margin-top:9px;color:var(--subtle);font:.73rem/1.4 ui-monospace,monospace}.polymeter-stats b{color:var(--text)}
.poly-art{min-height:260px;display:grid;place-items:center;text-align:center;border:1px solid var(--border);border-radius:var(--r);background:radial-gradient(circle at 60% 30%,rgba(255,107,0,.24),transparent 10%),linear-gradient(135deg,#111,#1d1208 55%,#111);position:relative;overflow:hidden}.poly-art::after{content:"";position:absolute;inset:-45%;background:repeating-linear-gradient(55deg,transparent 0 22px,rgba(255,107,0,.09) 23px 24px);transform:rotate(-8deg)}.poly-art p{z-index:1;padding:14px;border:1px dashed var(--orange);border-radius:7px;color:var(--orange-light);font:700 .78rem/1.4 ui-monospace,monospace;background:rgba(10,10,10,.65)}
.mini-list { margin: 0; padding-left: 19px; color: var(--muted); font-size: .9rem; }.mini-list li { margin: 8px 0; }
@media (max-width: 920px) { .nav-links a { padding: 7px 6px; font-size: .76rem; }.news-grid,.grid-3 { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 720px) { .nav-inner{min-height:56px;padding:0 14px}.nav-toggle{display:block}.nav-links{display:none;position:absolute;top:56px;left:0;right:0;z-index:10;padding:12px 14px 16px;flex-direction:column;align-items:stretch;background:#0a0a0a;border-bottom:2px solid var(--orange)}.nav-links.open{display:flex}.nav-links a{padding:9px 10px;font-size:.9rem}.nav-links .nav-cta{display:none}.hero{padding:48px 16px 38px}.shell{width:min(100% - 28px,var(--max))}.section{padding:32px 0}.section-head{align-items:flex-start;flex-direction:column;gap:5px}.news-grid,.grid-2,.grid-3{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr 1fr;gap:24px}.footer-inner > :first-child{grid-column:1/-1}.polymeter{grid-template-columns:1fr}.read-pill{justify-self:start}.chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px}.chip{flex:0 0 auto} }