@charset "UTF-8";
:root {
  --bg: #090b0e; --surface: #101216; --surface-2: #14171b; --ink: #f0eee8;
  --muted: #a7a9a9; --quiet: #82868a; --line: rgba(235,225,211,.14);
  --accent: #edc095; --accent-bright: #f6d6ad; --mint: #aec9b2;
  --sans: Arial, Helvetica, sans-serif; --serif: Georgia, 'Times New Roman', serif;
  --mono: 'SFMono-Regular', Consolas, 'Liberation Mono', monospace;
  --gutter: clamp(24px, 6.25vw, 110px); --max: 1460px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 110px; }
body { margin: 0; background: var(--bg); color: var(--ink); font-family: var(--sans); font-weight: 400; font-size: 16px; line-height: 1.6; -webkit-font-smoothing: antialiased; }
body.dialog-open { overflow: hidden; }
::selection { background: #d6ae86; color: #090b0e; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button, a, input, select, textarea, summary { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; color: inherit; }
button:disabled { cursor: not-allowed; }
button { -webkit-appearance: none; }
[hidden] { display: none !important; }
:focus-visible { outline: 2px solid var(--accent); outline-offset: 6px; }
button, input, textarea, select { border-radius: 0; }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { font-weight: 400; }
h1, h2 { line-height: 1.08; letter-spacing: -.052em; }
h2 { font-size: clamp(38px, 4.5vw, 70px); margin-bottom: 24px; }
h3 { line-height: 1.2; letter-spacing: -.035em; }
em { font-family: var(--serif); font-weight: 400; letter-spacing: -.05em; }
p { color: var(--muted); }
svg { display: block; }
svg[aria-hidden] { pointer-events: none; }
button svg, a svg { width: 21px; height: 21px; flex: 0 0 21px; }
.skip-link { position: fixed; top: -100px; left: 24px; background: var(--accent); color: var(--bg); padding: 12px 20px; z-index: 500; }
.skip-link:focus { top: 12px; }
.eyebrow, .tiny-label { font-family: var(--mono); font-size: 10px; font-weight: 400; letter-spacing: .13em; line-height: 1.7; }
.eyebrow { display: block; color: var(--accent); margin-bottom: 28px; }
.tiny-label { color: var(--muted); letter-spacing: .07em; }
.status-dot { display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: var(--accent); margin-right: 9px; box-shadow: 0 0 12px #edc09555; vertical-align: middle; flex-shrink: 0; }
.inline-link { display: inline-flex; align-items: center; gap: 14px; font-size: 13px; border-bottom: 1px solid var(--line); padding-bottom: 8px; transition: color .2s, border-color .2s; }
.inline-link:hover { color: var(--accent); border-color: var(--accent); }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 24px; min-height: 52px; padding: 14px 24px; font-size: 12px; line-height: 1.4; border: 1px solid transparent; border-radius: 3px; transition: background .25s, color .25s, border-color .25s, transform .25s; }
.button:hover { transform: translateY(-2px); }
.button-primary { background: var(--ink); color: #101215; border-color: var(--ink); }
.button-primary:hover { background: var(--accent-bright); border-color: var(--accent-bright); }
.button-quiet { background: transparent; color: var(--ink); border-color: var(--line); }
.button-quiet:hover { border-color: var(--accent); color: var(--accent); }
.text-button { border: 0; padding: 6px 0; background: transparent; font-size: 12px; color: var(--muted); }
.text-button:hover { color: var(--ink); }
.site-header { position: fixed; z-index: 100; top: 0; left: 0; right: 0; display: flex; align-items: center; justify-content: space-between; min-height: 100px; padding: 22px var(--gutter); border-bottom: 1px solid transparent; transition: background .3s, border .3s, min-height .3s; }
.site-header.scrolled, .page-atlas .site-header, .page-research .site-header, .page-privacy .site-header { background: rgba(9,11,14,.88); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); border-color: var(--line); min-height: 84px; }
.brand { display: inline-flex; align-items: center; gap: 12px; flex-shrink: 0; font-size: 12px; letter-spacing: .18em; line-height: 1.4; }
.brand-mark { flex: 0 0 41px; width: 41px; height: 41px; stroke: currentColor; stroke-width: 1; color: #e9d7c0; }
.brand-sub { display: block; color: var(--quiet); font: 8px/1.6 var(--mono); letter-spacing: .2em; margin-top: 4px; }
.desktop-nav { display: flex; align-items: center; gap: 38px; padding-left: 45px; }
.desktop-nav a { font-size: 11px; color: #c0c0ba; transition: color .2s; }
.desktop-nav a:hover, .desktop-nav a[aria-current] { color: var(--accent-bright); }
.header-actions { display: flex; align-items: center; gap: 15px; }
.header-cta { font-size: 11px; display: inline-flex; align-items: center; gap: 26px; border: 1px solid #c2b6a533; padding: 11px 17px; border-radius: 3px; background: #0d0e1022; transition: border-color .2s, background .2s; }
.header-cta:hover { border-color: #edc095aa; background: #edc09511; }
.menu-toggle { width: 42px; height: 42px; display: none; background: transparent; border: 1px solid var(--line); border-radius: 3px; align-items: center; flex-direction: column; justify-content: center; gap: 6px; }
.menu-toggle span { width: 17px; height: 1px; background: var(--ink); transition: transform .2s; }
.menu-toggle[aria-expanded=true] span:first-child { transform: translateY(3.5px) rotate(45deg); }
.menu-toggle[aria-expanded=true] span:last-child { transform: translateY(-3.5px) rotate(-45deg); }
.mobile-menu { position: absolute; top: 100%; left: 0; right: 0; display: flex; flex-direction: column; padding: 20px var(--gutter) 30px; background: #101216; border-bottom: 1px solid var(--line); }
.mobile-menu a { padding: 14px 0; font-size: 18px; border-bottom: 1px solid var(--line); }
main, .site-footer { position: relative; z-index: 1; }
.cosmic-backdrop { position: fixed; inset: 0; z-index: 0; pointer-events: none; overflow: hidden; }
#cosmic-canvas { position: absolute; width: 100%; height: 100%; inset: 0; opacity: 0; transition: opacity 1.3s ease; }
#cosmic-canvas.ready { opacity: 1; }
.cosmic-fallback { position: absolute; inset: -20%; background: radial-gradient(ellipse at 65% 49%, transparent 0 11%, #e1b58233 11.3%, transparent 12.1%, #cc936421 13%, transparent 17%), radial-gradient(ellipse at 65% 51%, #b27d341f, transparent 36%), #090b0e; transform: rotate(-15deg); }
.cosmic-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(9,11,14,.88) 0%, rgba(9,11,14,.62) 30%, transparent 66%), linear-gradient(0deg, #090b0e 0%, transparent 15%); }
.hero { min-height: max(850px, 100svh); height: 100svh; position: relative; padding: 205px var(--gutter) 150px; display: flex; align-items: center; }
.hero-content { width: min(760px, 61%); padding-bottom: 25px; }
.hero-eyebrow { margin-bottom: 28px; font-size: 10px; }
.hero h1 { font-size: clamp(64px, 7.6vw, 122px); letter-spacing: -.058em; line-height: 1.06; margin-bottom: 30px; text-shadow: 0 2px 25px #090b0e30; }
.hero h1 em { color: var(--accent-bright); }
.hero-description { font-size: clamp(16px, 1.35vw, 21px); line-height: 1.55; color: #cdcdc7; margin-bottom: 18px; }
.hero-detail { max-width: 380px; font-size: 12px; line-height: 1.8; color: #949997; margin-bottom: 26px; }
.hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.hero-actions .button-quiet { border-color: transparent; gap: 15px; padding-left: 15px; }
.status-link { color: #959c96; display: inline-block; font-size: 10px; margin-top: 27px; }
.status-link .status-dot { background: #a0bb9f; box-shadow: none; width: 4px; height: 4px; margin-right: 5px; }
.status-link:hover { color: var(--ink); }
.hero-orbit-label { position: absolute; left: 74%; top: 76%; display: flex; align-items: flex-start; gap: 14px; font: 9px/1.9 var(--mono); letter-spacing: .1em; color: #baa792; }
.crosshair { font-size: 22px; line-height: 1; font-weight: 200; }
.hero-orbit-label i { position: absolute; left: 8px; top: -85px; height: 66px; border-left: 1px solid #cdb49444; }
.hero-bottom { position: absolute; left: var(--gutter); right: var(--gutter); bottom: 31px; display: flex; justify-content: space-between; align-items: center; gap: 25px; font: 8px/1.4 var(--mono); letter-spacing: .12em; color: #99968e; }
.hero-bottom > span { display: inline-flex; align-items: center; gap: 12px; }
.hero-bottom > span i { width: 3px; height: 3px; border-radius: 50%; background: #86847c; }
.scroll-cue { display: flex; align-items: center; gap: 15px; }
.scroll-line { width: 1px; height: 35px; background: linear-gradient(to bottom, #d3b58a, transparent); transform-origin: top; animation: scroll-pulse 3s ease-in-out infinite; }
@keyframes scroll-pulse { 50% { opacity: .4; transform: scaleY(.7); } }
.story { position: relative; }
.story-rail { position: absolute; top: 0; left: var(--gutter); right: var(--gutter); display: flex; gap: 30px; align-items: center; font: 8px var(--mono); letter-spacing: .11em; color: var(--quiet); padding-top: 20px; }
.rail-line { height: 1px; flex: 1; background: var(--line); }
.rail-line i { display: block; height: 1px; background: var(--accent); width: 33%; transition: width .4s; }
.story-step { position: relative; min-height: 91svh; padding: 160px var(--gutter) 130px; display: flex; align-items: center; }
.story-copy { max-width: 535px; }
.story-copy h2 { font-size: clamp(44px, 5.8vw, 86px); margin-bottom: 28px; }
.story-copy h2 em { color: #d7c6b4; }
.story-copy p { max-width: 340px; font-size: 14px; line-height: 1.8; margin-bottom: 26px; }
.story-tags { display: flex; gap: 20px; margin-top: 44px; flex-wrap: wrap; }
.story-tags span { color: #aba095; font: 8px var(--mono); letter-spacing: .08em; }
.story-tags span + span { border-left: 1px solid var(--line); padding-left: 20px; }
.story-annotation { position: absolute; right: var(--gutter); top: 78%; width: 245px; }
.story-annotation > span { color: var(--accent); font: 8px var(--mono); letter-spacing: .1em; }
.annotation-rule { width: 120px; height: 1px; background: linear-gradient(90deg, #bc956766, transparent); margin: 13px 0; }
.story-annotation p { font: 10px/1.8 var(--mono); color: #94999d; }
.section-pad { padding: 120px var(--gutter); }
.section-heading { display: flex; justify-content: space-between; gap: 70px; align-items: end; max-width: var(--max); margin: 0 auto 55px; }
.section-heading h2 { margin-bottom: 0; }
.section-heading > p { max-width: 350px; margin-bottom: 5px; font-size: 14px; line-height: 1.8; }
.capture-section { background: #111316; position: relative; border-top: 1px solid var(--line); }
.capture-section:before { content: ''; position: absolute; pointer-events: none; height: 140px; top: -140px; left: 0; right: 0; background: linear-gradient(transparent, #111316); }
.capture-console { display: grid; grid-template-columns: .85fr 1.6fr; max-width: var(--max); margin: auto; border: 1px solid var(--line); background: #0d0f12; border-radius: 5px; overflow: hidden; }
.capture-tabs { border-right: 1px solid var(--line); }
.capture-tab { border: 0; border-bottom: 1px solid var(--line); width: 100%; display: grid; grid-template-columns: 30px 1fr 18px; text-align: left; align-items: center; gap: 10px; padding: 29px 27px; background: transparent; font-size: 14px; color: #adb1b1; min-height: 91px; transition: background .3s, color .3s; }
.capture-tab:last-child { border-bottom: 0; }
.capture-tab.active { background: linear-gradient(90deg,#edc09517,transparent); color: var(--accent-bright); box-shadow: inset 2px 0 var(--accent); }
.capture-tab:hover { background-color: #ffffff04; color: var(--ink); }
.tab-number { font: 9px var(--mono); color: #81827d; }
.tab-arrow { opacity: 0; color: var(--accent); }
.capture-tab.active .tab-arrow, .capture-tab:hover .tab-arrow { opacity: 1; }
.capture-panel { padding: 27px 38px 25px; min-width: 0; }
.panel-topline { display: flex; align-items: center; justify-content: space-between; gap: 20px; font: 9px var(--mono); letter-spacing: .07em; color: var(--quiet); }
.tag { display: inline-block; border: 1px solid #afc9b32e; border-radius: 3px; padding: 4px 8px; color: #b1c3b3; font: 8px/1.7 var(--mono); letter-spacing: .025em; white-space: nowrap; }
.tag-amber { color: #c6ae92; border-color: #c6ae9230; }
.signal-art { height: 137px; margin: 10px 0 20px; position: relative; overflow: hidden; color: #d2b48c; }
.signal-art svg { width: 100%; height: 100%; }
.capture-panel h3 { font-size: 29px; margin-bottom: 15px; }
.capture-panel > p { font-size: 12px; line-height: 1.8; max-width: 630px; margin-bottom: 19px; }
.capture-panel ul { list-style: none; margin: 0 0 25px; padding: 0; display: grid; gap: 7px; }
.capture-panel li { font-size: 11px; color: #c2c2b8; padding-left: 16px; position: relative; }
.capture-panel li:before { content: '+'; font: 12px var(--mono); color: var(--accent); position: absolute; left: 0; }
.coverage-note { border-top: 1px solid var(--line); padding-top: 16px; display: grid; grid-template-columns: 100px 1fr; gap: 15px; }
.coverage-note > span { font: 8px/1.8 var(--mono); letter-spacing: .07em; color: var(--accent); padding-top: 2px; }
.coverage-note p { font-size: 10px; line-height: 1.8; margin: 0; color: #919899; }
.section-footnote { max-width: var(--max); margin: 20px auto 0; display: flex; justify-content: space-between; gap: 15px; font-size: 10px; color: #a2a6a7; }
.section-footnote a { color: var(--accent); }
.inspector-section { background: #090b0e; }
.trace-console { border: 1px solid var(--line); border-radius: 5px; background: #0e1115; max-width: var(--max); margin: auto; overflow: hidden; }
.console-header { min-height: 59px; display: flex; align-items: center; gap: 22px; padding: 15px 24px; border-bottom: 1px solid var(--line); font: 9px var(--mono); letter-spacing: .06em; }
.console-header .text-button { margin-left: auto; font: 10px var(--mono); }
.console-header .status-dot { background: #adbeb2; box-shadow: none; width: 4px; height: 4px; }
.trace-controls { display: flex; justify-content: space-between; align-items: center; padding: 20px 24px 0; gap: 16px; }
.signal-tabs { display: flex; gap: 6px; }
.signal-tabs button { border: 1px solid transparent; background: transparent; color: #939b9f; font-size: 10px; border-radius: 3px; padding: 7px 13px; }
.signal-tabs button.active { border-color: #dac5a33d; background: #dbc3a30e; color: var(--accent-bright); }
.trace-controls > .tiny-label { font-size: 8px; }
.trace-body { display: grid; grid-template-columns: 1fr 280px; padding: 25px 24px; gap: 30px; }
.trace-matrix-wrap { min-width: 0; }
.axis-caption, .matrix-bottom { display: flex; justify-content: space-between; align-items: center; gap: 12px; font: 7px/1.7 var(--mono); letter-spacing: .08em; color: #a0a4a6; }
.axis-caption { margin-bottom: 10px; }
#trace-matrix { width: 100%; height: 290px; display: block; cursor: crosshair; touch-action: pan-y; }
.matrix-bottom { margin-top: 10px; }
.heatmap-legend { display: flex; align-items: center; gap: 6px; }
.heatmap-legend i { display: inline-block; width: 54px; height: 4px; background: linear-gradient(to right,#18252c,#b89776,#ffe1ad); }
.heatmap-legend > span { color: #7e898f; letter-spacing: 0; margin-left: 5px; }
.range-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin-top: 24px; }
.range-grid label { color: #aeb5b7; font: 9px var(--mono); }
.range-grid output { color: var(--ink); float: right; }
input[type=range] { width: 100%; accent-color: var(--accent); display: block; margin: 13px 0 0; height: 16px; cursor: pointer; }
.trace-detail { border-left: 1px solid var(--line); padding-left: 27px; }
.trace-detail .eyebrow { font-size: 8px; margin-bottom: 17px; }
.observation-number { color: var(--accent-bright); font-size: 53px; letter-spacing: -.04em; line-height: 1; margin-bottom: 13px; font-variant-numeric: tabular-nums; }
.trace-detail > .tiny-label { font-size: 7px; letter-spacing: .06em; }
.detail-pairs { margin-top: 22px; }
.detail-pairs > div { display: flex; justify-content: space-between; gap: 20px; font: 9px/1.8 var(--mono); padding: 8px 0; border-bottom: 1px solid #ffffff08; }
.detail-pairs span { color: #90999e; }
.detail-pairs strong { font-weight: 400; color: #cbd1d0; }
.sparkline-wrap { margin-top: 20px; }
.sparkline-wrap .tiny-label { font-size: 7px; letter-spacing: .02em; }
#trace-sparkline { width: 100%; height: 56px; color: var(--accent); margin-top: 8px; }
.coordinate-bar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 15px; padding: 15px 24px; background: #0b0d10; border-top: 1px solid var(--line); }
.coordinate-bar code { font: 9px/1.6 var(--mono); color: #a7aba7; overflow-wrap: anywhere; }
.coordinate-bar > div { display: flex; gap: 22px; }
.coordinate-bar .text-button { font: 9px var(--mono); }
.illustration-note { font-size: 10px; margin: 20px auto 0; max-width: var(--max); color: #94999c; }
.shadow-section { background: #111316; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.flow-architecture { display: flex; align-items: center; max-width: var(--max); margin: auto; padding: 35px 0; }
.flow-node { width: 27%; background: #0e1013; border: 1px solid var(--line); padding: 24px 27px 25px; border-radius: 4px; position: relative; }
.node-label { display: block; font: 8px var(--mono); letter-spacing: .08em; color: var(--quiet); }
.flow-node h3 { font-size: 25px; margin: 15px 0 10px; }
.flow-node p { font-size: 12px; line-height: 1.8; margin-bottom: 0; }
.flow-connector { width: 9.5%; position: relative; display: flex; align-items: center; color: var(--accent); overflow: hidden; }
.flow-connector span { position: absolute; top: -15px; left: 0; right: 0; text-align: center; font: 7px var(--mono); letter-spacing: .1em; }
.flow-connector i { display: block; height: 1px; width: 100%; background: #edc09544; position: relative; }
.flow-connector i:before { content:''; position: absolute; height: 1px; width: 25px; background: var(--accent); animation: stream 3s linear infinite; }
.flow-connector b { font-size: 17px; font-weight: 400; position: absolute; right: 0; }
@keyframes stream { from { transform: translateX(-25px); } to { transform: translateX(190px); } }
.mini-orbit { width: 100px; height: 66px; border: 1px solid #c3b19788; border-radius: 50%; transform: rotate(-20deg); margin-top: 31px; position: relative; }
.mini-orbit:before { content: ''; position: absolute; width: 100px; height: 66px; inset: 0; border: 1px solid #c3b19788; border-radius: 50%; transform: rotate(70deg); }
.mini-orbit:after { content: ''; position: absolute; border: 1px solid #c3b19788; width: 40px; height: 40px; top: 12px; left: 29px; border-radius: 50%; }
.mini-stream { width: 120px; height: 66px; display: flex; gap: 8px; align-items: center; margin-top: 31px; }
.mini-stream i { flex: 1; height: 50px; border: 1px solid #dac7a45a; background: linear-gradient(0deg,#d2b89112,transparent); transform: skewY(-25deg); }
.mini-stream i:nth-child(2n) { height: 65px; }
.mini-grid { display: grid; grid-template-columns: repeat(4,11px); grid-template-rows: repeat(4,11px); gap: 4px; margin-top: 31px; height: 66px; }
.mini-grid i { background: #bc956754; border: 1px solid #dac7a447; }
.mini-grid i:nth-child(3n) { background: #d6b48c; }
.oneway-note { display: flex; gap: 16px; justify-content: center; align-items: baseline; margin: 10px auto 85px; max-width: 720px; }
.oneway-note > span { color: var(--accent); }
.oneway-note p { font-size: 11px; line-height: 1.9; margin-bottom: 0; }
.oneway-note strong { font-weight: 400; color: #d7cec1; }
.mode-section { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; border-top: 1px solid var(--line); padding-top: 60px; max-width: var(--max); margin: auto; align-items: center; }
.mode-section h3 { font-size: 36px; margin-bottom: 25px; }
.mode-section .eyebrow { font-size: 8px; margin-bottom: 20px; }
.mode-switch { display: inline-flex; background: #090b0e; padding: 4px; border: 1px solid var(--line); border-radius: 4px; }
.mode-switch button { font-size: 10px; border: 1px solid transparent; border-radius: 2px; padding: 9px 14px; color: #a2a6a7; background: transparent; }
.mode-switch button.active { color: var(--accent-bright); border-color: #e2bd8e33; background: #e2bd8e0d; }
#mode-description { margin: 20px 0; font-size: 12px; max-width: 420px; min-height: 58px; }
.mode-section .tag { color: #a9aaa5; border-color: var(--line); font-size: 7px; }
.mode-visual { border: 1px solid var(--line); background: #0b0e11; border-radius: 4px; padding: 20px; }
.mode-visual-header, .mode-visual-footer { display: flex; justify-content: space-between; gap: 15px; font: 7px var(--mono); color: #a3a39a; letter-spacing: .08em; }
.mode-visual-header span:last-child { color: #938b80; }
.stream-lines { height: 220px; display: flex; flex-direction: column; justify-content: space-around; gap: 8px; margin: 23px 0; overflow: hidden; }
.stream-row { height: 10px; display: flex; align-items: center; gap: 4px; position: relative; }
.stream-row i { display: block; height: 2px; width: 8%; background: #e5bf8b55; transition: height .5s, opacity .5s, background .5s; }
.stream-row:nth-child(2n) i { background: #79959c55; }
.stream-row i:nth-child(4n+1) { background: #e5bf8bcc; }
.stream-row i:nth-child(3n) { opacity: .2; }
.mode-visual.forensic .stream-row i { height: 9px; opacity: .75; }
.mode-visual.forensic .stream-row:nth-child(2n) i { height: 5px; }
.stream-row:after { content: ''; position: absolute; top: 0; bottom: 0; width: 20%; background: linear-gradient(90deg,transparent,#f6d6ad44,transparent); animation: data-pass 7s linear infinite; }
.stream-row:nth-child(3n):after { animation-delay: -3s; }
.stream-row:nth-child(2n):after { animation-delay: -5s; }
@keyframes data-pass { from { left: -20%; } to { left: 100%; } }
.evidence-section { background: #e8e5dd; color: #202322; }
.evidence-section p { color: #626760; }
.evidence-section .eyebrow { color: #756148; }
.evidence-intro { text-align: center; max-width: 920px; margin: auto; }
.evidence-intro p { font-size: 14px; line-height: 1.8; max-width: 570px; margin: 26px auto 50px; }
.evidence-stats { display: grid; grid-template-columns: repeat(3,1fr); max-width: 1050px; margin: 0 auto 20px; padding: 35px 0; border-top: 1px solid #272b2529; border-bottom: 1px solid #272b2529; }
.evidence-stats > div { padding: 0 35px; }
.evidence-stats > div + div { border-left: 1px solid #272b2529; }
.evidence-stats strong { font-size: 61px; font-weight: 400; letter-spacing: -.06em; line-height: 1.2; white-space: nowrap; }
.evidence-stats strong span { font-size: 14px; letter-spacing: -.03em; margin-left: 5px; }
.evidence-stats p { font-size: 11px; margin: 10px 0 0; }
.stats-note { max-width: 970px; margin: 20px auto 55px; font-size: 10px; text-align: center; }
.stats-note a { color: #363e34; text-decoration: underline; text-underline-offset: 3px; }
.status-cards { max-width: var(--max); margin: auto; display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid #272b2529; }
.status-cards article { padding: 29px; display: flex; flex-direction: column; align-items: start; }
.status-cards article + article { border-left: 1px solid #272b2529; }
.status-pill { display: inline-block; padding: 5px 8px; font: 7px/1.7 var(--mono); letter-spacing: .04em; border-radius: 2px; }
.status-cards .available { color: #475341; background: #53694312; border: 1px solid #53694333; }
.status-cards .developing { color: #756347; background: #c39a6420; border: 1px solid #a283572f; }
.status-cards .planned { color: #5f6260; background: #6d747211; border: 1px solid #50594a28; }
.status-cards h3 { font-size: 29px; margin: 29px 0 17px; }
.status-cards p { font-size: 12px; line-height: 1.8; margin-bottom: 27px; }
.status-cards .inline-link { margin-top: auto; font-size: 11px; border-color: #272b2540; }
.status-cards .inline-link:hover { color: #846239; }
.faq-section { background: #0e1013; display: grid; grid-template-columns: 1fr 1.1fr; gap: 90px; }
.faq-intro h2 { font-size: clamp(34px,3.7vw,58px); }
.faq-intro .inline-link { margin-top: 22px; font-size: 12px; }
.faq-list { border-top: 1px solid var(--line); }
.faq-list details { border-bottom: 1px solid var(--line); }
.faq-list summary { display: flex; list-style: none; justify-content: space-between; align-items: center; gap: 30px; padding: 25px 0; cursor: pointer; font-size: 13px; line-height: 1.6; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary:after { content: '+'; font-size: 19px; font-weight: 300; color: var(--accent); }
.faq-list details[open] summary:after { content: '−'; }
.faq-list details p { margin: 0 30px 25px 0; font-size: 12px; line-height: 1.9; }
.closing-section { position: relative; isolation: isolate; min-height: 660px; overflow: hidden; display: flex; justify-content: center; text-align: center; align-items: center; padding: 100px var(--gutter); background: #090b0e; }
.closing-content { position: relative; z-index: 1; }
.closing-content h2 { font-size: clamp(64px,7vw,105px); }
.closing-content p { font-size: 13px; line-height: 1.8; margin-bottom: 30px; }
.closing-secondary { display: block; margin-top: 22px; color: var(--muted); font-size: 10px; }
.closing-orbit { position: absolute; width: 120%; height: 100%; top: -15%; left: -10%; opacity: .25; transform: rotate(-20deg); background: radial-gradient(ellipse at center, #b2814930, transparent 62%); }
.closing-orbit i { position: absolute; inset: 15%; border: 1px solid #d2a56b66; border-radius: 50%; }
.closing-orbit i:nth-child(2) { inset: 13%; border-color: #d2a56b25; }
.closing-orbit i:nth-child(3) { inset: 18%; border-color: #d2a56b44; }
.site-footer { background: #090b0e; padding: 55px var(--gutter) 24px; border-top: 1px solid var(--line); }
.footer-top { display: flex; justify-content: space-between; align-items: start; gap: 25px; margin-bottom: 52px; }
.footer-top > p { font-size: 32px; line-height: 1.15; letter-spacing: -.035em; color: var(--ink); margin-bottom: 0; }
.footer-links { display: flex; align-items: center; justify-content: space-between; gap: 25px; margin-bottom: 35px; font-size: 10px; color: var(--muted); }
.footer-links nav { display: flex; align-items: center; flex-wrap: wrap; gap: 27px; }
.footer-links .text-button { font-size: 10px; }
.footer-links a:hover { color: var(--accent); }
.footer-bottom { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 25px; padding-top: 22px; border-top: 1px solid var(--line); color: #969b9c; font: 8px var(--mono); letter-spacing: .02em; }
.motion-toggle { display: inline-flex; align-items: center; gap: 8px; border: 0; background: transparent; color: #a8aaa4; font: 8px var(--mono); padding: 5px; }
.motion-toggle:hover { color: var(--accent); }
.motion-icon { font-size: 11px; }
.toast { position: fixed; bottom: 25px; left: 50%; transform: translate(-50%, 20px); background: #eee7da; color: #202323; border: 1px solid #eee7da; border-radius: 3px; padding: 13px 20px; font-size: 12px; max-width: calc(100% - 32px); opacity: 0; pointer-events: none; z-index: 300; transition: opacity .2s, transform .2s; }
.toast.show { opacity: 1; transform: translate(-50%,0); }
.brief-dialog { width: min(760px, calc(100% - 32px)); max-height: calc(100svh - 48px); padding: 0; color: var(--ink); background: #111417; border: 1px solid #736a5f; border-radius: 5px; overscroll-behavior: contain; }
.brief-dialog::backdrop { background: #020306bb; backdrop-filter: blur(8px); }
.dialog-inner { padding: 40px; position: relative; }
.dialog-close { position: absolute; right: 20px; top: 16px; background: transparent; border: 0; font-size: 30px; color: var(--muted); padding: 5px 10px; }
.dialog-inner .eyebrow { margin-bottom: 22px; font-size: 9px; padding-right: 20px; }
.dialog-inner h2 { font-size: 45px; margin-bottom: 20px; }
.dialog-inner > p { font-size: 12px; line-height: 1.8; max-width: 500px; }
#brief-form { display: grid; gap: 15px; margin-top: 26px; }
#brief-form label { display: flex; flex-direction: column; gap: 7px; font-size: 11px; color: #c7c9c8; }
#brief-form label > span { display: inline; color: var(--quiet); }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
#brief-form input, #brief-form select, #brief-form textarea { background: #090c10; color: var(--ink); border: 1px solid #41474a; border-radius: 3px; padding: 11px 12px; width: 100%; font-size: 12px; }
#brief-form textarea { resize: vertical; min-height: 100px; max-height: 280px; }
#brief-form input::placeholder, #brief-form textarea::placeholder { color: #909a9e; }
.form-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 7px; }
.form-actions .button { font-size: 11px; }
.form-status { font-size: 11px; color: var(--accent); margin: 0; }
.fine-print { font-size: 10px; color: #949b9d; line-height: 1.8; margin-bottom: 0; }
.js-ready .reveal { opacity: 0; transform: translateY(25px); transition: opacity .8s ease, transform .8s ease; }
.js-ready .reveal.visible { opacity: 1; transform: translateY(0); }
.document-main { padding: 160px var(--gutter) 90px; max-width: 1680px; margin: auto; }
.document-hero { padding: 55px 0 75px; border-bottom: 1px solid var(--line); }
.document-hero h1 { font-size: clamp(55px,7.4vw,112px); margin-bottom: 35px; }
.document-hero h1 em { color: #d9c4ae; }
.document-lede { max-width: 780px; font-size: 18px; line-height: 1.8; }
.document-meta { display: flex; flex-wrap: wrap; gap: 28px; font: 9px/1.7 var(--mono); color: #aaa89d; margin-top: 30px; }
.document-meta a { color: var(--accent); }
.document-layout { display: grid; grid-template-columns: 220px 1fr; gap: 70px; padding-top: 70px; }
.document-nav { position: sticky; top: 135px; align-self: start; display: flex; flex-direction: column; gap: 17px; }
.document-nav .tiny-label { font-size: 8px; margin-bottom: 12px; }
.document-nav a { color: #b3b9ba; font-size: 12px; }
.document-nav a:hover { color: var(--accent); }
.document-content { min-width: 0; }
.document-content section { margin-bottom: 80px; scroll-margin-top: 135px; }
.document-content h2 { font-size: 43px; }
.document-content p { font-size: 14px; line-height: 1.95; margin-bottom: 22px; }
.document-content p a { text-decoration: underline; text-underline-offset: 4px; color: #d5c3ad; }
.document-content h3 { font-size: 25px; }
.document-callout { padding: 25px 28px; border-left: 2px solid #c4a477; background: #12161a; margin: 32px 0; }
.document-callout strong { font-size: 14px; font-weight: 400; color: var(--accent-bright); }
.document-callout p { font-size: 12px; margin: 12px 0 0; }
.coordinate-example { background: #141619; padding: 27px; border: 1px solid var(--line); margin-top: 25px; }
.coordinate-example span { display: block; color: var(--accent); font: 8px var(--mono); margin-bottom: 17px; letter-spacing: .07em; }
.coordinate-example code { font: 12px/2 var(--mono); display: block; overflow-wrap: anywhere; }
.coordinate-example small { display: block; color: var(--quiet); margin-top: 15px; font-size: 10px; }
.coverage-table-wrap { overflow-x: auto; margin-top: 30px; border: 1px solid var(--line); }
.coverage-table { border-collapse: collapse; width: 100%; min-width: 550px; text-align: left; }
.coverage-table caption { text-align: left; font-size: 11px; padding: 17px 20px; color: var(--muted); border-bottom: 1px solid var(--line); }
.coverage-table th, .coverage-table td { padding: 20px; border-bottom: 1px solid var(--line); vertical-align: top; font-size: 11px; line-height: 1.85; }
.coverage-table td { color: #a5b0b3; }
.coverage-table th { font-weight: 400; color: #dfd2bf; }
.coverage-table thead th { font: 9px var(--mono); text-transform: uppercase; background: #15181a; }
.coverage-table tbody th { width: 23%; }
.coverage-table tr:last-child > * { border-bottom: 0; }
.principle-grid { display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid var(--line); margin-top: 30px; }
.principle-grid article { padding: 23px; }
.principle-grid article + article { border-left: 1px solid var(--line); }
.principle-grid span { color: var(--accent); font: 9px var(--mono); }
.principle-grid h3 { margin: 22px 0 14px; }
.principle-grid p { font-size: 12px; margin-bottom: 0; }
.record-card { background: #101418; border: 1px solid var(--line); padding: 25px; margin: 25px 0; }
.record-header { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; font: 8px/1.9 var(--mono); letter-spacing: .03em; color: var(--accent); margin-bottom: 20px; }
.record-card dl { margin: 0; }
.record-card dl > div { display: grid; grid-template-columns: 110px 1fr; gap: 25px; padding: 14px 0; border-top: 1px solid var(--line); font-size: 12px; }
.record-card dt { color: #d5d7d2; }
.record-card dd { margin: 0; color: #adb5b8; line-height: 1.8; }
.record-card p { font-size: 12px; margin-bottom: 0; }
.record-card .inline-link { margin-top: 20px; }
.status-stack { display: grid; gap: 18px; }
.status-stack article { border: 1px solid var(--line); padding: 30px; }
.status-stack .available { border: 1px solid #aec9b238; color: #aec9b2; }
.status-stack .developing { border: 1px solid #c6ae9238; color: #c6ae92; }
.status-stack .planned { border: 1px solid #bac1c738; color: #bac1c7; }
.status-stack h3 { margin: 24px 0 15px; }
.status-stack p { font-size: 13px; margin-bottom: 0; }
.question-list article { display: flex; align-items: start; gap: 24px; padding: 28px 0; border-top: 1px solid var(--line); }
.question-list article > span { font: 10px var(--mono); color: var(--accent); padding-top: 5px; }
.question-list h3 { font-size: 22px; margin-bottom: 12px; }
.question-list p { font-size: 13px; margin-bottom: 0; }
.reference-links { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 28px 0 22px; }
.reference-links a { border: 1px solid var(--line); padding: 25px; display: flex; flex-direction: column; gap: 25px; transition: border-color .2s; }
.reference-links a:hover { border-color: var(--accent); }
.reference-links span { color: var(--accent); font: 8px/1.8 var(--mono); }
.reference-links strong { font-size: 20px; line-height: 1.5; letter-spacing: -.03em; font-weight: 400; }
.reference-links span:last-child { margin-top: auto; }
.document-content .fine-print { font-size: 10px; }
.privacy-content { max-width: 850px; margin: 65px auto 0; }
.privacy-content h2 { font-size: 30px; margin-top: 45px; }
.privacy-content code { font-size: 12px; overflow-wrap: anywhere; }
.notfound { padding: 240px var(--gutter) 160px; min-height: 80svh; }
.notfound h1 { font-size: clamp(48px,7vw,100px); }
.notfound p { margin-bottom: 30px; }
body.motion-paused *, body.motion-paused *:before, body.motion-paused *:after { animation-play-state: paused !important; }
@media (min-width: 1600px) { .hero-content { margin-left: max(0px, calc((100vw - 1600px) / 2)); } }
@media (max-width: 1150px) {
  .desktop-nav { gap: 25px; padding-left: 0; } .brand { font-size: 10px; letter-spacing: .14em; }
  .hero { min-height: 800px; padding-top: 170px; } .hero-content { width: 67%; }
  .hero h1 { font-size: 8.3vw; } .hero-bottom .hero-coordinate { display: none; }
  .story-copy { max-width: 490px; } .story-copy h2 { font-size: 6.3vw; } .story-annotation { right: 4vw; width: 200px; }
  .section-heading { gap: 40px; } .section-heading > p { max-width: 290px; font-size: 12px; }
  .capture-console { grid-template-columns: .9fr 1.4fr; } .capture-tab { padding: 29px 19px; font-size: 12px; gap: 8px; grid-template-columns: 20px 1fr 12px; } .capture-panel { padding: 25px; }
  .trace-body { grid-template-columns: 1fr 225px; gap: 24px; } .trace-detail { padding-left: 24px; }
  .trace-controls > .tiny-label { display: none; } .flow-node { padding: 23px; }
  .flow-node h3 { font-size: 22px; } .mode-section { gap: 45px; } .mode-section h3 { font-size: 32px; }
  .status-cards article { padding: 25px; } .status-cards h3 { font-size: 25px; }
  .faq-section { gap: 50px; } .document-layout { grid-template-columns: 170px 1fr; gap: 40px; }
}
@media (max-width: 850px) {
  .desktop-nav { display: none; } .menu-toggle { display: flex; } .site-header { min-height: 86px; padding-top: 18px; padding-bottom: 18px; }
  .hero h1 { font-size: 9.3vw; } .hero-content { width: 75%; } .hero-detail { max-width: 330px; } .hero-orbit-label { left: 75%; font-size: 7px; }
  .section-pad { padding-top: 85px; padding-bottom: 85px; } .section-heading { display: block; } .section-heading > p { max-width: 460px; font-size: 13px; margin-top: 24px; }
  .section-heading h2 { font-size: 48px; } .capture-console { grid-template-columns: 1fr; }
  .capture-tabs { display: grid; grid-template-columns: 1fr 1fr; border-right: none; border-bottom: 1px solid var(--line); }
  .capture-tab { padding: 18px 23px; min-height: 67px; border-bottom: 1px solid var(--line); }
  .capture-tab:nth-child(2n-1) { border-right: 1px solid var(--line); } .capture-tab:nth-last-child(-n+2) { border-bottom: 0; }
  .capture-tab.active { box-shadow: inset 2px 0 var(--accent); } .capture-panel { padding: 25px 28px; } .signal-art { height: 115px; }
  .trace-body { grid-template-columns: 1fr; } .trace-detail { border-left: 0; border-top: 1px solid var(--line); padding: 24px 0 0; display: grid; grid-template-columns: 1fr 1fr; column-gap: 20px; }
  .trace-detail .eyebrow { grid-column: 1; } .observation-number { grid-column: 1; } .trace-detail > .tiny-label { grid-column: 1; } .detail-pairs { grid-column: 2; grid-row: 1/5; margin-top: 0; }
  .sparkline-wrap { grid-column: 1; } .console-header { flex-wrap: wrap; gap: 10px 15px; } .console-header .tag { font-size: 7px; }
  .flow-node { padding: 20px 18px; } .flow-node h3 { font-size: 20px; } .flow-node p { font-size: 10px; }
  .mini-orbit { transform: scale(.8) rotate(-20deg); transform-origin: left; } .mini-stream { width: 100px; } .mode-section { gap: 30px; }
  .evidence-stats > div { padding: 0 22px; } .evidence-stats strong { font-size: 49px; } .evidence-stats strong span { font-size: 12px; }
  .status-cards { grid-template-columns: 1fr; } .status-cards article + article { border-left: 0; border-top: 1px solid #272b2529; }
  .status-cards article { display: grid; grid-template-columns: 1fr 1fr; column-gap: 30px; } .status-cards .status-pill { justify-self: start; grid-column: 1/-1; } .status-cards h3 { margin-bottom: 0; } .status-cards p { margin: 27px 0 20px; } .status-cards .inline-link { grid-column: 2; justify-self: start; }
  .faq-section { grid-template-columns: 1fr; gap: 45px; } .faq-intro .inline-link { margin-top: 0; } .faq-intro h2 { font-size: 45px; }
  .footer-links { align-items: start; flex-direction: column; gap: 17px; } .footer-links nav { gap: 25px; }
  .document-main { padding-top: 130px; } .document-hero { padding-top: 45px; } .document-layout { display: block; padding-top: 45px; } .document-nav { position: static; flex-direction: row; flex-wrap: wrap; gap: 15px 22px; padding-bottom: 35px; border-bottom: 1px solid var(--line); margin-bottom: 60px; }
  .document-nav .tiny-label { width: 100%; margin-bottom: 0; } .document-nav a { font-size: 11px; }
}
@media (max-width: 600px) {
  :root { --gutter: 24px; } html { scroll-padding-top: 100px; }
  .site-header, .site-header.scrolled { min-height: 78px; padding: 16px 20px; }
  .brand { gap: 8px; font-size: 10px; } .brand-mark { flex: 0 0 32px; width: 32px; height: 32px; } .brand-sub { font-size: 6px; letter-spacing: .16em; }
  .header-cta { display: none; } .menu-toggle { border: 0; }
  .cosmic-shade { background: linear-gradient(0deg,#090b0e 1%,transparent 30%), linear-gradient(180deg,#090b0e15 0%,#090b0e66 43%,#090b0eb3 83%); }
  .hero { height: auto; min-height: 880px; padding: 128px 24px 135px; align-items: start; }
  .hero-content { width: 100%; padding-bottom: 0; } .hero-eyebrow { font-size: 8px; margin-bottom: 24px; }
  .hero h1 { font-size: clamp(52px,12.7vw,77px); margin-bottom: 26px; line-height: 1.1; }
  .hero-description { font-size: 17px; max-width: 300px; line-height: 1.65; }
  .hero-detail { font-size: 11px; max-width: 280px; margin-top: 200px; margin-bottom: 22px; color: #b6b7af; }
  .hero-actions { gap: 8px; } .hero-actions .button { min-height: 48px; font-size: 10px; padding: 12px 16px; gap: 16px; }
  .hero-actions .button-quiet { padding-left: 9px; gap: 10px; }
  .status-link { font-size: 8px; margin-top: 20px; } .hero-orbit-label { top: 48%; left: auto; right: 20px; font-size: 6px; gap: 7px; } .hero-orbit-label i { height: 35px; top: -43px; }
  .hero-bottom { left: 24px; right: 24px; bottom: 22px; gap: 15px; font-size: 6px; }
  .hero-bottom > span { max-width: 126px; text-align: right; display: block; line-height: 1.9; } .hero-bottom > span i { display: none; } .scroll-cue { gap: 10px; }
  .story-step { min-height: 850px; padding: 140px 24px 110px; align-items: start; } .story-copy { max-width: 100%; }
  .story-copy h2 { font-size: clamp(43px,10vw,60px); } .story-copy p { max-width: 310px; font-size: 12px; }
  .story .eyebrow { font-size: 8px; margin-bottom: 25px; } .story-copy .inline-link { font-size: 11px; }
  .story-tags { margin-top: 27px; gap: 13px; } .story-tags span { font-size: 6px; } .story-tags span + span { padding-left: 13px; }
  .story-annotation { right: 24px; top: auto; bottom: 50px; width: 220px; text-align: right; } .annotation-rule { margin-left: auto; }
  .story-annotation > span { font-size: 7px; } .story-annotation p { font-size: 9px; }
  .story-rail { gap: 18px; font-size: 7px; top: 15px; } .rail-label { max-width: 130px; line-height: 1.8; }
  .eyebrow { font-size: 8px; margin-bottom: 22px; } .section-pad { padding: 75px 24px; }
  .section-heading { margin-bottom: 35px; } .section-heading h2 { font-size: clamp(33px,8.7vw,48px); } .section-heading > p { font-size: 12px; line-height: 1.85; }
  .capture-tab { min-height: 66px; padding: 14px 12px; gap: 6px; grid-template-columns: 16px 1fr; font-size: 10px; } .tab-arrow { display: none; } .tab-number { font-size: 7px; }
  .capture-panel { padding: 22px 20px; } .panel-topline { font-size: 7px; gap: 8px; } .tag { font-size: 7px; padding: 4px 6px; }
  .signal-art { height: 105px; margin: 15px 0; } .capture-panel h3 { font-size: 25px; } .capture-panel > p { font-size: 11px; }
  .capture-panel li { font-size: 10px; } .coverage-note { display: block; } .coverage-note > span { display: block; margin-bottom: 8px; } .coverage-note p { font-size: 10px; }
  .section-footnote { flex-direction: column; font-size: 9px; gap: 8px; }
  .console-header { padding: 17px 16px; } .console-header > span:first-child { font-size: 8px; } .console-header .tag { order: 3; } .console-header .text-button { font-size: 9px; }
  .trace-controls { padding: 17px 12px 0; } .signal-tabs { gap: 1px; width: 100%; justify-content: space-between; } .signal-tabs button { font-size: 9px; padding: 7px 9px; }
  .trace-body { padding: 20px 16px; gap: 23px; } #trace-matrix { height: 205px; } .axis-caption { font-size: 6px; } .axis-caption > span:last-child { font-size: 5px; }
  .matrix-bottom { font-size: 6px; } .heatmap-legend > span { display: none; } .range-grid { gap: 20px; }
  .trace-detail { grid-template-columns: .85fr 1.15fr; gap: 0 14px; } .trace-detail .eyebrow { font-size: 6px; margin-bottom: 12px; } .observation-number { font-size: 46px; }
  .trace-detail > .tiny-label { font-size: 5px; } .detail-pairs > div { font-size: 7px; gap: 8px; padding: 6px 0; }
  .sparkline-wrap .tiny-label { font-size: 5px; } .sparkline-wrap { margin-top: 15px; } #trace-sparkline { height: 40px; }
  .coordinate-bar { padding: 16px; gap: 12px; } .coordinate-bar code { font-size: 8px; } .coordinate-bar .text-button { font-size: 9px; }
  .illustration-note { font-size: 9px; line-height: 1.8; }
  .flow-architecture { flex-direction: column; padding: 5px 0; } .flow-node { width: 100%; padding: 22px; display: grid; grid-template-columns: 1fr 1fr; }
  .node-label { grid-column: 1/-1; font-size: 7px; } .flow-node h3 { grid-column: 1; grid-row: 2; font-size: 24px; margin-top: 20px; }
  .flow-node p { grid-column: 1; font-size: 11px; } .mini-orbit, .mini-stream, .mini-grid { grid-column: 2; grid-row: 2/4; justify-self: center; margin-top: 22px; }
  .flow-connector { width: 1px; height: 40px; background: #edc09555; overflow: visible; } .flow-connector span { top: 14px; left: 15px; font-size: 6px; width: 70px; text-align: left; }
  .flow-connector i { width: 1px; height: 100%; overflow: hidden; } .flow-connector i:before { display: none; } .flow-connector b { transform: rotate(90deg); right: -6px; bottom: -9px; }
  .oneway-note { margin: 25px 0 45px; gap: 12px; } .oneway-note p { font-size: 10px; }
  .mode-section { grid-template-columns: 1fr; padding-top: 45px; gap: 32px; } .mode-section h3 { font-size: 32px; } #mode-description { min-height: auto; font-size: 12px; }
  .stream-lines { height: 150px; } .mode-visual { padding: 18px; } .mode-visual-header, .mode-visual-footer { font-size: 6px; }
  .evidence-intro { text-align: left; } .evidence-intro h2 { font-size: 37px; } .evidence-intro p { font-size: 12px; margin: 23px 0 30px; }
  .evidence-stats { padding: 25px 0; } .evidence-stats > div { padding: 0 12px; } .evidence-stats > div:first-child { padding-left: 0; } .evidence-stats > div:last-child { padding-right: 0; }
  .evidence-stats strong { font-size: 40px; } .evidence-stats strong span { display: block; font-size: 10px; letter-spacing: 0; margin-top: 4px; margin-left: 0; } .evidence-stats p { font-size: 8px; line-height: 1.7; }
  .stats-note { text-align: left; font-size: 9px; margin-bottom: 35px; line-height: 1.85; }
  .status-cards article { display: block; padding: 25px; } .status-cards h3 { font-size: 28px; margin: 23px 0 15px; } .status-cards p { font-size: 12px; margin: 0 0 23px; }
  .faq-intro h2 { font-size: 38px; } .faq-intro .inline-link { font-size: 11px; } .faq-list summary { font-size: 12px; gap: 20px; padding: 22px 0; } .faq-list details p { font-size: 11px; margin-right: 10px; }
  .closing-section { min-height: 565px; padding: 80px 24px; } .closing-content h2 { font-size: 65px; } .closing-content p { font-size: 12px; } .closing-orbit { width: 180%; left: -40%; height: 90%; top: 0; }
  .site-footer { padding: 38px 24px 22px; } .footer-top { margin-bottom: 40px; } .footer-top > p { font-size: 23px; }
  .footer-links { font-size: 9px; gap: 24px; } .footer-links nav { gap: 20px; } .footer-links .text-button { font-size: 9px; }
  .footer-bottom { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; font-size: 7px; } .footer-bottom > span:nth-child(2) { text-align: right; } .footer-bottom a { text-align: right; } .motion-toggle { justify-self: start; padding-left: 0; }
  .dialog-inner { padding: 30px 23px; } .dialog-close { top: 10px; right: 9px; } .dialog-inner h2 { font-size: 36px; } .dialog-inner .eyebrow { font-size: 7px; }
  .form-row { grid-template-columns: 1fr; } #brief-form { gap: 12px; } #brief-form input, #brief-form textarea, #brief-form select { font-size: 16px; } .form-actions .button { font-size: 10px; padding: 12px 17px; }
  .document-main { padding-top: 115px; padding-bottom: 50px; } .document-hero { padding-top: 25px; padding-bottom: 42px; } .document-hero h1 { font-size: 49px; } .document-lede { font-size: 14px; }
  .document-meta { font-size: 8px; gap: 12px 22px; } .document-content h2 { font-size: 34px; } .document-content p { font-size: 12px; }
  .document-layout { padding-top: 32px; } .document-nav { margin-bottom: 45px; gap: 14px; } .document-nav a { font-size: 10px; }
  .document-callout { padding: 20px; } .coordinate-example { padding: 20px; } .coordinate-example code { font-size: 10px; }
  .coverage-table th, .coverage-table td { padding: 15px; font-size: 10px; } .principle-grid { grid-template-columns: 1fr; } .principle-grid article + article { border-left: 0; border-top: 1px solid var(--line); }
  .principle-grid h3 { margin-top: 14px; } .record-card { padding: 20px; } .record-header { font-size: 7px; } .record-card dl > div { grid-template-columns: 85px 1fr; gap: 15px; font-size: 10px; }
  .status-stack article { padding: 23px; } .question-list { gap: 20px; } .question-list h3 { font-size: 21px; } .reference-links { grid-template-columns: 1fr; }
  .document-content section { margin-bottom: 60px; } .notfound { padding-top: 190px; padding-bottom: 100px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *:before, *:after { animation: none !important; transition-duration: .01ms !important; }
  .js-ready .reveal { opacity: 1; transform: none; }
}
@media print {
  .site-header, .cosmic-backdrop, .site-footer, .brief-dialog, .closing-section, .toast, .document-nav, .hero-orbit-label, .hero-bottom, .story-rail { display: none !important; }
  body, .section-pad, .capture-section, .shadow-section, .evidence-section, .faq-section { background: white !important; color: black !important; }
  p, h1, h2, h3, a, .eyebrow, em { color: black !important; }
  .document-main { padding: 0; } .document-layout { display: block; } .document-hero { padding: 15px 0; }
  .hero, .story-step { min-height: 0; height: auto; padding: 30px 0; } .hero-content { width: 100%; }
  .story-annotation { display: none; } .hero h1, .document-hero h1 { font-size: 45px; }
  .js-ready .reveal { opacity: 1; transform: none; } .section-pad { padding: 30px 0; }
}