:root {
  --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "Cascadia Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --max: 1480px;
  --radius: 2px;
  --transition: 160ms ease;
}

html[data-theme="dark"] {
  --bg: #080b0a;
  --bg-raised: #0d1210;
  --panel: #111713;
  --panel-2: #151c18;
  --text: #eef4ef;
  --muted: #8c9a91;
  --quiet: #637068;
  --line: #29342e;
  --line-strong: #435148;
  --accent: #ee9348;
  --accent-2: #58e699;
  --cyan: #67d7e9;
  --purple: #af87ff;
  --danger: #ff6174;
  --warning: #f2bd56;
  --shadow: rgba(0,0,0,.35);
  color-scheme: dark;
}

html[data-theme="light"] {
  --bg: #f3f0e8;
  --bg-raised: #fbfaf6;
  --panel: #ffffff;
  --panel-2: #ece9e0;
  --text: #182019;
  --muted: #59645c;
  --quiet: #7a827c;
  --line: #ccd1cb;
  --line-strong: #949d96;
  --accent: #9b470c;
  --accent-2: #006d43;
  --cyan: #006b82;
  --purple: #6842a0;
  --danger: #b4152e;
  --warning: #8a5a00;
  --shadow: rgba(42,52,45,.12);
  color-scheme: light;
}

html[data-theme="cmd"] {
  --bg: #000000;
  --bg-raised: #000000;
  --panel: #050505;
  --panel-2: #0b0b0b;
  --text: #e7e7e7;
  --muted: #a4a4a4;
  --quiet: #686868;
  --line: #23432f;
  --line-strong: #1aff62;
  --accent: #00ffff;
  --accent-2: #23ff68;
  --cyan: #00eaff;
  --purple: #e963ff;
  --danger: #ff4040;
  --warning: #fff13b;
  --shadow: rgba(0,255,65,.12);
  color-scheme: dark;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--bg); }
body { margin: 0; background: var(--bg); color: var(--text); font-family: var(--font-sans); line-height: 1.5; transition: background var(--transition), color var(--transition); }
a { color: inherit; }
button, input, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
::selection { background: var(--accent); color: var(--bg); }

.skip-link { position: fixed; top: -80px; left: 12px; z-index: 1000; padding: 10px 14px; background: var(--text); color: var(--bg); }
.skip-link:focus { top: 12px; }

.topbar { height: 72px; position: sticky; top: 0; z-index: 50; display: grid; grid-template-columns: minmax(230px,1fr) auto minmax(260px,1fr); align-items: stretch; background: color-mix(in srgb, var(--bg-raised) 94%, transparent); border-bottom: 1px solid var(--line); backdrop-filter: blur(14px); }
.brand { display: flex; align-items: center; gap: 11px; padding: 10px 24px; text-decoration: none; }
.brand-mark { display: grid; place-items: center; width: 32px; height: 38px; border: 1px solid var(--accent); color: var(--accent); font: 22px var(--font-mono); }
.brand strong, .brand small { display: block; }
.brand strong { font: 700 14px/1.2 var(--font-mono); letter-spacing: .16em; }
.brand small { color: var(--muted); font: 9px/1.4 var(--font-mono); letter-spacing: .12em; text-transform: uppercase; }
.topbar nav { display: flex; align-items: stretch; }
.topbar nav a { display: grid; place-items: center; padding: 0 18px; border-left: 1px solid var(--line); color: var(--muted); font: 11px var(--font-mono); letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }
.topbar nav a:last-child { border-right: 1px solid var(--line); }
.topbar nav a:hover { color: var(--text); background: var(--panel); }
.theme-switcher { display: flex; align-items: center; justify-content: flex-end; gap: 4px; padding: 0 20px; }
.theme-switcher button { border: 1px solid var(--line); background: transparent; color: var(--muted); padding: 8px 10px; cursor: pointer; font: 11px var(--font-mono); text-transform: uppercase; }
.theme-switcher button:hover, .theme-switcher button[aria-pressed="true"] { border-color: var(--accent); color: var(--accent); background: color-mix(in srgb, var(--accent) 8%, transparent); }

.ticker { height: 35px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; border-bottom: 1px solid var(--line); background: var(--panel); overflow: hidden; font: 10px var(--font-mono); letter-spacing: .08em; }
.ticker-label { align-self: stretch; display: grid; place-items: center; padding: 0 16px; background: var(--accent); color: var(--bg); font-weight: 800; }
.ticker-track { display: flex; gap: 0; white-space: nowrap; overflow: hidden; }
.ticker-track span { padding: 0 25px; color: var(--muted); border-right: 1px solid var(--line); }
.ticker-track span::before { content: '◆'; margin-right: 8px; color: var(--accent-2); font-size: 7px; }
.live-clock { padding: 0 16px; color: var(--accent-2); }

main { overflow: hidden; }
section { max-width: var(--max); margin: 0 auto; padding: 110px 42px; border-left: 1px solid var(--line); border-right: 1px solid var(--line); }
section + section { border-top: 1px solid var(--line); }
.eyebrow { margin: 0 0 15px; color: var(--accent); font: 700 11px var(--font-mono); letter-spacing: .15em; text-transform: uppercase; }
h1,h2,h3,p { margin-top: 0; }
h1 { max-width: 780px; margin-bottom: 24px; font-size: clamp(48px, 6.5vw, 98px); line-height: .96; letter-spacing: -.055em; }
h1 em { display: block; color: var(--accent); font-style: normal; }
h2 { margin-bottom: 0; font-size: clamp(31px, 4vw, 57px); line-height: 1.02; letter-spacing: -.045em; }
h3 { letter-spacing: -.02em; }

.hero { min-height: calc(100vh - 107px); display: grid; grid-template-columns: minmax(0,.92fr) minmax(540px,1.08fr); align-items: center; gap: 55px; }
.hero-copy { padding: 40px 0; }
.hero-deck { max-width: 680px; color: var(--muted); font-size: 18px; }
.hero-actions { display: flex; gap: 10px; margin: 32px 0 50px; }
.button { min-height: 42px; display: inline-flex; justify-content: center; align-items: center; padding: 9px 16px; border: 1px solid var(--line-strong); border-radius: var(--radius); background: transparent; color: var(--text); cursor: pointer; font: 700 11px var(--font-mono); letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }
.button:hover { border-color: var(--accent); color: var(--accent); }
.button.primary { border-color: var(--accent); background: var(--accent); color: var(--bg); }
.button.primary:hover { filter: brightness(1.08); }
.hero-metrics { display: grid; grid-template-columns: repeat(4,1fr); margin: 0; border-top: 1px solid var(--line); }
.hero-metrics div { padding: 19px 10px 5px 0; border-right: 1px solid var(--line); }
.hero-metrics div + div { padding-left: 14px; }
.hero-metrics dt { font: 700 28px var(--font-mono); color: var(--accent-2); }
.hero-metrics dd { margin: 2px 0 0; color: var(--quiet); font: 10px var(--font-mono); text-transform: uppercase; }

.command-center { border: 1px solid var(--line-strong); background: var(--panel); box-shadow: 18px 18px 0 var(--shadow); }
.window-bar, .terminal-title { min-height: 34px; display: flex; justify-content: space-between; align-items: center; padding: 0 11px; border-bottom: 1px solid var(--line-strong); background: var(--panel-2); color: var(--muted); font: 10px var(--font-mono); }
.win-icon { color: var(--accent-2); font-weight: 800; }
.window-actions { letter-spacing: .5em; }
.map-stage { position: relative; aspect-ratio: 1.85; overflow: hidden; }
.world { display: block; width: 100%; height: 100%; color: var(--line-strong); }
.world .land { fill: color-mix(in srgb, var(--text) 7%, var(--panel)); stroke: var(--line-strong); stroke-width: 1; }
.world .latam { fill: color-mix(in srgb, var(--accent) 15%, transparent); stroke: var(--accent); stroke-width: 1.5; }
.route path { fill: none; stroke: var(--cyan); stroke-width: 1; stroke-dasharray: 5 7; opacity: .55; }
.hotspot circle:first-child { fill: none; stroke-width: 1.5; animation: pulse-ring 2.8s infinite; transform-origin: center; }
.hotspot circle:nth-child(2) { stroke: none; }
.hotspot text { fill: var(--text); font: 10px var(--font-mono); letter-spacing: .08em; }
.hotspot text:last-child { fill: var(--muted); font-size: 8px; }
.hotspot.us circle { fill: var(--warning); stroke: var(--warning); }
.hotspot.ar circle { fill: var(--danger); stroke: var(--danger); }
.hotspot.global circle { fill: var(--accent-2); stroke: var(--accent-2); }
@keyframes pulse-ring { 0%,100% { opacity:.35; transform:scale(.7); } 50% { opacity:1; transform:scale(1.15); } }
.map-legend { position: absolute; left: 13px; bottom: 10px; display: flex; gap: 12px; padding: 7px 9px; background: color-mix(in srgb, var(--bg) 90%, transparent); border: 1px solid var(--line); color: var(--muted); font: 9px var(--font-mono); text-transform: uppercase; }
.dot { width: 7px; height: 7px; display: inline-block; margin-right: 5px; border-radius: 50%; }
.dot.critical { background: var(--danger); }.dot.elevated { background: var(--warning); }.dot.monitor { background: var(--accent-2); }
.mini-feed { border-top: 1px solid var(--line); }
.mini-feed article { display: grid; grid-template-columns: 52px 52px 1fr auto; gap: 8px; align-items: center; min-height: 43px; padding: 6px 10px; border-bottom: 1px solid var(--line); font: 10px var(--font-mono); }
.mini-feed time { color: var(--muted); }.mini-feed p { margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }.mini-feed b { color: var(--accent-2); }
.severity { padding: 3px 4px; text-align: center; font-size: 8px; }.severity.high { color: var(--danger); border: 1px solid var(--danger); }.severity.medium { color: var(--warning); border: 1px solid var(--warning); }.severity.watch { color: var(--cyan); border: 1px solid var(--cyan); }
.demo-flag { margin: 0; padding: 7px 10px; background: color-mix(in srgb, var(--warning) 10%, transparent); color: var(--warning); font: 8px var(--font-mono); letter-spacing: .05em; text-align: center; }

.section-heading { display: grid; grid-template-columns: 1fr minmax(290px,.62fr); gap: 50px; align-items: end; margin-bottom: 55px; }
.section-heading > p { max-width: 600px; margin: 0; color: var(--muted); font-size: 16px; }
.section-heading.compact { grid-template-columns: 1fr; }
.principles-grid { display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid var(--line); }
.principles-grid article { min-height: 255px; padding: 27px; border-right: 1px solid var(--line); }
.principles-grid article:last-child { border-right: 0; }
.principles-grid article > span { color: var(--accent); font: 11px var(--font-mono); }
.principles-grid h3 { margin: 52px 0 12px; font-size: 20px; }
.principles-grid p { margin: 0; color: var(--muted); font-size: 14px; }

.operating-model { padding-top: 75px; padding-bottom: 75px; background: var(--panel); }
.pipeline { display: grid; grid-template-columns: repeat(6,1fr); padding: 0; margin: 0; list-style: none; border: 1px solid var(--line); }
.pipeline li { position: relative; min-height: 170px; padding: 18px; border-right: 1px solid var(--line); }
.pipeline li:last-child { border-right: 0; }
.pipeline li:not(:last-child)::after { content: '›'; position: absolute; right: -8px; top: 68px; z-index: 2; padding: 0 2px; background: var(--panel); color: var(--accent); font: 22px var(--font-mono); }
.pipeline b { display: block; color: var(--quiet); font: 10px var(--font-mono); }
.pipeline strong { display: block; margin: 40px 0 7px; color: var(--accent-2); font: 15px var(--font-mono); text-transform: uppercase; }
.pipeline span { color: var(--muted); font-size: 12px; }

.source-section { max-width: none; padding-left: max(42px,calc((100vw - var(--max))/2 + 42px)); padding-right: max(42px,calc((100vw - var(--max))/2 + 42px)); }
.source-summary { display: grid; grid-template-columns: repeat(5,1fr); border: 1px solid var(--line); margin-bottom: 22px; }
.summary-item { padding: 17px 20px; border-right: 1px solid var(--line); }
.summary-item:last-child { border-right: 0; }
.summary-item b { display: block; color: var(--accent-2); font: 25px var(--font-mono); }
.summary-item span { color: var(--quiet); font: 9px var(--font-mono); letter-spacing: .08em; text-transform: uppercase; }
.source-controls { display: grid; grid-template-columns: 2fr repeat(3,1fr) auto; gap: 8px; align-items: end; margin-bottom: 16px; }
.source-controls label span { display: block; margin: 0 0 5px; color: var(--muted); font: 9px var(--font-mono); text-transform: uppercase; }
.source-controls input, .source-controls select { width: 100%; height: 42px; padding: 0 11px; border: 1px solid var(--line); border-radius: 0; background: var(--panel); color: var(--text); outline: none; font: 11px var(--font-mono); }
.source-controls input:focus, .source-controls select:focus { border-color: var(--accent); }
.table-wrap { max-height: 720px; overflow: auto; border: 1px solid var(--line); }
table { width: 100%; border-collapse: collapse; font: 10px var(--font-mono); }
th { position: sticky; top: 0; z-index: 2; padding: 13px 12px; background: var(--panel-2); color: var(--muted); letter-spacing: .08em; text-align: left; text-transform: uppercase; }
td { padding: 14px 12px; border-top: 1px solid var(--line); vertical-align: top; }
tbody tr:hover { background: color-mix(in srgb, var(--accent) 5%, transparent); }
.source-name { display: block; margin-bottom: 3px; color: var(--text); font-weight: 800; text-decoration: none; }
.source-name:hover { color: var(--accent); }
.source-cat, .source-note { color: var(--quiet); }
.source-note { display: block; margin-top: 5px; max-width: 430px; }
.state { display: inline-flex; padding: 3px 6px; border: 1px solid currentColor; font-size: 8px; white-space: nowrap; }
.state.ready { color: var(--accent-2); }.state.key { color: var(--cyan); }.state.contract { color: var(--warning); }.state.manual { color: var(--purple); }.state.blocked { color: var(--danger); }.state.review { color: var(--muted); }
.results-line { color: var(--quiet); font: 10px var(--font-mono); text-transform: uppercase; }
.link-button { border: 0; padding: 0; background: none; color: var(--accent); cursor: pointer; font: inherit; text-transform: uppercase; }

.model-section { background: var(--panel); }
.risk-layout { display: grid; grid-template-columns: .85fr 1.15fr; gap: 34px; }
.formula-panel { display: flex; flex-direction: column; justify-content: center; min-height: 430px; padding: 35px; border: 1px solid var(--line-strong); }
.formula { color: var(--muted); font: clamp(20px,2.5vw,34px) var(--font-mono); }
.formula > span { display: inline-grid; place-items: center; width: 64px; height: 64px; margin-right: 8px; border: 1px solid var(--accent); color: var(--accent); font-size: 40px; }
.formula-key { display: flex; flex-wrap: wrap; gap: 12px 19px; padding: 18px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); color: var(--muted); font: 10px var(--font-mono); text-transform: uppercase; }
.formula-key b { color: var(--accent-2); }
.formula-panel > p:last-child { margin: 28px 0 0; color: var(--muted); font-size: 13px; }
.risk-dimensions { border: 1px solid var(--line); }
.risk-dimensions article { display: grid; grid-template-columns: 47px 1fr 135px; gap: 16px; align-items: center; min-height: 71px; padding: 10px 16px; border-bottom: 1px solid var(--line); }
.risk-dimensions article:last-child { border-bottom: 0; }
.risk-dimensions i { color: var(--accent); font: normal 10px var(--font-mono); }
.risk-dimensions h3 { margin: 0; font-size: 15px; }.risk-dimensions p { margin: 3px 0 0; color: var(--quiet); font: 10px var(--font-mono); }
meter { width: 100%; height: 7px; background: var(--line); accent-color: var(--accent-2); }
meter::-webkit-meter-bar { background: var(--line); border: 0; border-radius: 0; }
meter::-webkit-meter-optimum-value { background: var(--accent-2); }
.demo-flag.wide { margin-top: 18px; border: 1px solid color-mix(in srgb,var(--warning) 50%,var(--line)); }

.horizon-grid { display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid var(--line); }
.horizon-grid article { min-height: 350px; padding: 26px; border-right: 1px solid var(--line); }
.horizon-grid article:last-child { border-right: 0; }
.horizon-grid header { display: flex; justify-content: space-between; color: var(--muted); font: 10px var(--font-mono); }
.horizon-grid header span { color: var(--accent); }
.horizon-grid h3 { margin: 80px 0 12px; font-size: 24px; }
.horizon-grid p { color: var(--muted); font-size: 14px; }
.horizon-grid ul { padding: 18px 0 0; margin: 25px 0 0; border-top: 1px solid var(--line); list-style: none; color: var(--quiet); font: 10px var(--font-mono); text-transform: uppercase; }
.horizon-grid li { margin: 7px 0; }.horizon-grid li::before { content: '› '; color: var(--accent-2); }
.warning-design { display: grid; grid-template-columns: .55fr 1.45fr; gap: 35px; align-items: center; margin-top: 35px; padding: 28px; background: var(--panel); border-left: 3px solid var(--accent); }
.warning-design h3 { margin: 0; font-size: 22px; }
.alert-schema { display: flex; flex-wrap: wrap; gap: 8px; }
.alert-schema span { padding: 7px 9px; border: 1px solid var(--line); color: var(--muted); font: 9px var(--font-mono); text-transform: uppercase; }

.social-section { background: var(--panel); }
.narrative-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; }
.narrative-grid article { min-height: 225px; padding: 22px; border: 1px solid var(--line); }
.narrative-grid strong { color: var(--accent-2); font: 10px var(--font-mono); }
.narrative-grid h3 { margin: 63px 0 10px; font-size: 18px; }
.narrative-grid p { margin: 0; color: var(--muted); font-size: 13px; }
.guardrail { display: grid; grid-template-columns: 180px 1fr; gap: 20px; margin-top: 15px; padding: 18px 22px; border: 1px solid var(--danger); color: var(--muted); font-size: 13px; }
.guardrail b { color: var(--danger); font: 11px var(--font-mono); text-transform: uppercase; }

.roles-section { padding-top: 75px; padding-bottom: 75px; }
.roles-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 1px; background: var(--line); border: 1px solid var(--line); }
.roles-grid article { min-height: 190px; padding: 24px; background: var(--bg); }
.roles-grid span { color: var(--accent); font: 9px var(--font-mono); }
.roles-grid h3 { margin: 43px 0 8px; font-size: 18px; }.roles-grid p { margin: 0; color: var(--muted); font-size: 13px; }

.roadmap-section { background: var(--panel); }
.roadmap { padding: 0; margin: 0; border: 1px solid var(--line); list-style: none; }
.roadmap li { display: grid; grid-template-columns: 120px 1fr 75px; gap: 28px; align-items: center; min-height: 128px; padding: 20px 24px; border-bottom: 1px solid var(--line); }
.roadmap li:last-child { border-bottom: 0; }
.roadmap time, .roadmap > li > span { color: var(--accent); font: 9px var(--font-mono); }
.roadmap > li > span { text-align: right; }.roadmap h3 { margin: 0 0 7px; font-size: 19px; }.roadmap p { margin: 0; color: var(--muted); font-size: 13px; }
.success-metrics { display: grid; grid-template-columns: 1fr repeat(4,1fr); align-items: center; margin-top: 20px; border: 1px solid var(--line); }
.success-metrics h3, .success-metrics span { margin: 0; padding: 18px; border-right: 1px solid var(--line); }
.success-metrics span:last-child { border-right: 0; }.success-metrics h3 { font-size: 13px; }.success-metrics span { color: var(--muted); font: 9px var(--font-mono); text-transform: uppercase; }.success-metrics b { display: block; margin-bottom: 5px; color: var(--accent-2); font-size: 16px; }

.cmd-section { background: var(--bg); }
.terminal { max-width: 1060px; margin: 0 auto; border: 1px solid #7d7d7d; background: #000; color: #ddd; box-shadow: 18px 18px 0 var(--shadow); font: 14px/1.45 var(--font-mono); }
.terminal-title { background: #202020; color: #f0f0f0; border-color: #555; }
.terminal-output { min-height: 310px; max-height: 470px; overflow: auto; padding: 17px 18px 5px; }
.terminal-output p { margin: 0 0 5px; white-space: pre-wrap; word-break: break-word; }
.terminal-output b { color: #21ff64; }.term-green { color: #21ff64; }.term-cyan { color: #00eaff; }.term-yellow { color: #fff13b; }.term-red { color: #ff4040; }.term-dim { color: #888; }
.terminal-input { display: flex; align-items: center; gap: 7px; padding: 2px 18px 18px; }
.terminal-input label { white-space: nowrap; }
.terminal-input input { flex: 1; min-width: 0; border: 0; outline: 0; background: transparent; color: #fff; caret-color: #fff; font: inherit; }
.cursor { width: 8px; height: 16px; margin-left: -12px; background: #ddd; pointer-events: none; animation: blink 1s steps(1) infinite; }
@keyframes blink { 50% { opacity: 0; } }

.comparison { display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid var(--line); }
.comparison article { min-height: 260px; padding: 26px; border-right: 1px solid var(--line); }.comparison article:last-child { border-right: 0; }
.comparison h3 { color: var(--accent); font: 17px var(--font-mono); }.comparison p { min-height: 80px; color: var(--muted); font-size: 14px; }.comparison b, .comparison span { display: block; font-size: 12px; }.comparison b { color: var(--accent-2); font: 10px var(--font-mono); text-transform: uppercase; }.comparison span { margin-top: 7px; color: var(--muted); }

.references { padding-top: 75px; }
.reference-list { display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid var(--line); }
.reference-list a { min-height: 76px; display: flex; align-items: center; padding: 15px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); color: var(--muted); font: 10px var(--font-mono); text-decoration: none; }
.reference-list a:nth-child(4n) { border-right: 0; }.reference-list a:hover { color: var(--accent); background: var(--panel); }
.method-note { max-width: 940px; margin: 30px 0 0; color: var(--quiet); font-size: 12px; }

footer { max-width: var(--max); min-height: 130px; display: grid; grid-template-columns: 1fr 2fr auto; gap: 30px; align-items: center; margin: 0 auto; padding: 25px 42px; border: 1px solid var(--line); border-top: 0; }
footer .brand { padding: 0; } footer p { margin: 0; color: var(--quiet); font-size: 11px; } footer > a { color: var(--accent); font: 10px var(--font-mono); text-decoration: none; }
.noscript { position: fixed; bottom: 0; width: 100%; padding: 10px; background: var(--danger); color: #fff; text-align: center; }

html[data-theme="cmd"] body { font-family: var(--font-mono); text-shadow: 0 0 8px rgba(0,255,65,.08); }
html[data-theme="cmd"] body::before { content: ''; position: fixed; inset: 0; z-index: 100; pointer-events: none; background: repeating-linear-gradient(to bottom, transparent 0, transparent 2px, rgba(255,255,255,.025) 3px); mix-blend-mode: screen; }
html[data-theme="cmd"] h1, html[data-theme="cmd"] h2, html[data-theme="cmd"] h3 { font-family: var(--font-mono); letter-spacing: -.04em; }
html[data-theme="cmd"] h1::before { content: 'C:\\SIGNASTRAT\\OSINT> '; display: block; margin-bottom: 15px; color: var(--accent-2); font: 12px var(--font-mono); letter-spacing: .05em; }
html[data-theme="cmd"] h1 em { color: var(--accent-2); }
html[data-theme="cmd"] .topbar { background: #000; border-bottom-color: var(--accent-2); }
html[data-theme="cmd"] .brand-mark { border-color: var(--accent-2); color: var(--accent-2); }
html[data-theme="cmd"] .ticker-label { background: #b50000; color: #fff; }
html[data-theme="cmd"] .command-center, html[data-theme="cmd"] .formula-panel { box-shadow: 13px 13px 0 rgba(0,255,65,.08); }
html[data-theme="cmd"] .button.primary { border-color: var(--accent-2); background: var(--accent-2); color: #000; }
html[data-theme="cmd"] .eyebrow { color: var(--cyan); }
html[data-theme="cmd"] section { border-color: #173423; }
html[data-theme="cmd"] .principles-grid article > span, html[data-theme="cmd"] .roadmap time { color: var(--warning); }

@media (max-width: 1120px) {
  .topbar { grid-template-columns: 1fr auto; }.topbar nav { display:none; }
  .hero { grid-template-columns: 1fr; padding-top: 75px; }.command-center { max-width: 850px; }
  .principles-grid, .narrative-grid, .roles-grid { grid-template-columns: repeat(2,1fr); }.principles-grid article:nth-child(2) { border-right:0; }.principles-grid article:nth-child(-n+2) { border-bottom:1px solid var(--line); }
  .pipeline { grid-template-columns: repeat(3,1fr); }.pipeline li:nth-child(3) { border-right:0; }.pipeline li:nth-child(-n+3) { border-bottom:1px solid var(--line); }
  .source-controls { grid-template-columns: 2fr repeat(2,1fr); }.source-controls label:nth-child(4), .source-controls .button { grid-column:auto; }
  .risk-layout { grid-template-columns:1fr; }.formula-panel { min-height:320px; }
  .success-metrics { grid-template-columns:repeat(2,1fr); }.success-metrics h3 { grid-column:1/-1; border-bottom:1px solid var(--line); }
}

@media (max-width: 760px) {
  .topbar { height: 63px; }.brand { padding:8px 12px; }.brand small { display:none; }.theme-switcher { padding:0 8px; }.theme-switcher button span { display:none; }
  .ticker { grid-template-columns:auto 1fr; }.live-clock { display:none; }
  section { padding:74px 18px; }
  .hero { min-height:auto; gap:35px; }.hero-copy { padding:0; } h1 { font-size:clamp(43px,14vw,68px); }.hero-deck { font-size:16px; }
  .hero-metrics { grid-template-columns:repeat(2,1fr); }.hero-metrics div:nth-child(2) { border-right:0; }.hero-metrics div:nth-child(-n+2) { border-bottom:1px solid var(--line); }
  .command-center { box-shadow:9px 9px 0 var(--shadow); }.world { min-width:620px; transform:translateX(-110px); }.map-stage { aspect-ratio:1.2; }.mini-feed article { grid-template-columns:45px 46px 1fr; }.mini-feed b { display:none; }
  .section-heading { grid-template-columns:1fr; gap:20px; margin-bottom:35px; }
  .principles-grid, .narrative-grid, .roles-grid, .horizon-grid, .comparison { grid-template-columns:1fr; }.principles-grid article, .narrative-grid article, .roles-grid article, .horizon-grid article, .comparison article { border-right:0; border-bottom:1px solid var(--line); }.principles-grid article:last-child, .horizon-grid article:last-child, .comparison article:last-child { border-bottom:0; }
  .principles-grid article { min-height:210px; }.principles-grid h3 { margin-top:35px; }
  .pipeline { grid-template-columns:repeat(2,1fr); }.pipeline li:nth-child(3) { border-right:1px solid var(--line); }.pipeline li:nth-child(2n) { border-right:0; }.pipeline li:not(:last-child)::after { display:none; }
  .source-summary { grid-template-columns:repeat(2,1fr); }.summary-item { border-bottom:1px solid var(--line); }.summary-item:nth-child(2n) { border-right:0; }
  .source-controls { grid-template-columns:1fr 1fr; }.source-controls label:first-child { grid-column:1/-1; }
  table { min-width:940px; }.table-wrap { max-height:620px; }
  .risk-dimensions article { grid-template-columns:42px 1fr; }.risk-dimensions meter { grid-column:2; }
  .horizon-grid article { min-height:300px; }.horizon-grid h3 { margin-top:55px; }
  .warning-design, .guardrail { grid-template-columns:1fr; }
  .roadmap li { grid-template-columns:1fr auto; gap:10px; }.roadmap li div { grid-column:1/-1; grid-row:2; }.roadmap > li > span { grid-column:2; grid-row:1; }
  .success-metrics { grid-template-columns:1fr; }.success-metrics h3, .success-metrics span { border-right:0; border-bottom:1px solid var(--line); }
  .terminal { font-size:11px; box-shadow:8px 8px 0 var(--shadow); }.terminal-output { min-height:330px; }.terminal-input label { font-size:10px; }
  .reference-list { grid-template-columns:repeat(2,1fr); }.reference-list a:nth-child(4n) { border-right:1px solid var(--line); }.reference-list a:nth-child(2n) { border-right:0; }
  footer { grid-template-columns:1fr; padding:28px 18px; }
}

@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { scroll-behavior:auto!important; animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; }
}