:root {
  --ink: #071017;
  --ink-2: #0d1921;
  --ink-3: #13222b;
  --paper: #f3efe6;
  --paper-2: #e8e2d7;
  --white: #fbfaf6;
  --amber: #f3b63f;
  --cyan: #7ed8d2;
  --red: #c75749;
  --slate: #8d9ba4;
  --dark-muted: #9aa8af;
  --paper-muted: #59656b;
  --line-light: rgba(190, 208, 215, .2);
  --line-dark: rgba(7, 16, 23, .18);
  --serif: Georgia, "Times New Roman", serif;
  --sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --shell: 1380px;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 8rem; }
body { margin: 0; color: var(--ink); background: var(--paper); font: 1rem/1.6 var(--sans); -webkit-font-smoothing: antialiased; }
img, svg { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
p, h1, h2, h3, blockquote, figure { margin: 0; }
ul, ol { margin: 0; padding: 0; }
.shell { width: min(calc(100% - 3rem), var(--shell)); margin-inline: auto; }
.skip-link { position: fixed; z-index: 200; left: 1rem; top: -5rem; padding: .75rem 1rem; color: var(--ink); background: var(--amber); font-weight: 800; }
.skip-link:focus { top: 1rem; }
a:focus-visible { outline: 3px solid var(--cyan); outline-offset: 4px; }

.eyebrow { font: 700 .72rem/1.5 var(--mono); letter-spacing: .22em; text-transform: uppercase; }
.eyebrow.light { color: #c7d0d4; }
.eyebrow.dark { color: #46545b; }
.section-paper { padding: 7.5rem 0; background: var(--paper); }
.section-dark { padding: 7.5rem 0; color: var(--white); background: var(--ink); }

/* Header */
.site-header { position: sticky; z-index: 100; top: 0; color: var(--white); background: rgba(7, 16, 23, .96); border-bottom: 1px solid var(--line-light); backdrop-filter: blur(16px); }
.header-inner { min-height: 82px; display: flex; align-items: center; gap: 2rem; }
.brand { flex: 0 0 auto; display: inline-flex; align-items: center; gap: .75rem; }
.brand-symbol { position: relative; display: grid; place-items: center; width: 30px; height: 30px; }
.brand-symbol::before, .brand-symbol::after, .brand-symbol i::before, .brand-symbol i::after { content: ""; position: absolute; left: 50%; top: 50%; background: var(--amber); transform-origin: center; }
.brand-symbol::before { width: 1px; height: 30px; transform: translate(-50%, -50%); }
.brand-symbol::after { width: 30px; height: 1px; transform: translate(-50%, -50%); }
.brand-symbol i::before { width: 1px; height: 24px; transform: translate(-50%, -50%) rotate(45deg); }
.brand-symbol i::after { width: 1px; height: 24px; transform: translate(-50%, -50%) rotate(-45deg); }
.brand-word { font: 400 1.55rem/1 var(--serif); letter-spacing: -.03em; }
.brand-category { margin-left: .45rem; padding-left: 1rem; color: #aeb9be; border-left: 1px solid var(--line-light); font: 700 .56rem/1.5 var(--mono); letter-spacing: .16em; text-transform: uppercase; }
.global-nav { min-width: 0; margin-left: auto; display: flex; align-items: center; gap: clamp(.85rem, 1.5vw, 1.75rem); }
.global-nav a, .sign-in { color: #c4cdd1; font: 700 .63rem/1 var(--mono); letter-spacing: .12em; text-transform: uppercase; white-space: nowrap; transition: color .2s ease; }
.global-nav a:hover, .sign-in:hover { color: var(--amber); }
.header-actions { display: flex; align-items: center; gap: 1rem; }
.outline-button { display: inline-flex; align-items: center; justify-content: center; gap: .9rem; min-height: 42px; padding: 0 1rem; color: var(--amber); border: 1px solid var(--amber); font: 700 .65rem/1 var(--mono); letter-spacing: .12em; text-transform: uppercase; transition: background .2s ease, color .2s ease; }
.outline-button:hover { color: var(--ink); background: var(--amber); }

/* Hero */
.hero { position: relative; isolation: isolate; min-height: 680px; overflow: hidden; color: var(--white); background: var(--ink); }
.hero::before { content: ""; position: absolute; z-index: -3; inset: 0; background: radial-gradient(circle at 72% 44%, rgba(30, 73, 84, .32), transparent 36%), linear-gradient(90deg, #071017 0%, #08141c 52%, #071017 100%); }
.hero-grid-pattern { position: absolute; z-index: -2; inset: 0; opacity: .22; background-image: linear-gradient(rgba(126,216,210,.13) 1px, transparent 1px), linear-gradient(90deg, rgba(126,216,210,.13) 1px, transparent 1px), radial-gradient(circle at 70% 45%, transparent 0 20%, rgba(126,216,210,.12) 20.15% 20.35%, transparent 20.5% 28%, rgba(126,216,210,.09) 28.15% 28.35%, transparent 28.5%); background-size: 52px 52px, 52px 52px, 100% 100%; mask-image: linear-gradient(90deg, transparent 3%, #000 30%, #000 94%, transparent); }
.hero-grid-pattern::after { content: ""; position: absolute; inset: 7% 5% 8% 36%; opacity: .28; background: repeating-radial-gradient(ellipse at 66% 50%, transparent 0 22px, rgba(243,182,63,.17) 23px 24px, transparent 25px 41px); transform: rotate(-7deg); }
.hero-layout { min-height: 680px; display: grid; grid-template-columns: minmax(380px, .82fr) minmax(560px, 1.18fr); align-items: center; gap: 3.5rem; padding-block: 5.5rem; }
.hero-copy { position: relative; z-index: 2; }
.hero-copy h1 { max-width: 700px; margin-top: 1.45rem; font: 400 clamp(3.4rem, 5.5vw, 6.2rem)/.93 var(--serif); letter-spacing: -.055em; }
.hero-copy h1 em { color: var(--paper); font-weight: 400; }
.hero-copy h1::after { content: ""; display: block; width: 48px; height: 3px; margin-top: 1.8rem; background: var(--amber); }
.hero-summary { max-width: 610px; margin-top: 1.7rem; color: #c4cdd1; font: 400 1.08rem/1.7 var(--serif); }
.hero-actions, .access-actions { margin-top: 2rem; display: flex; align-items: center; gap: 1.4rem; flex-wrap: wrap; }
.primary-button { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; gap: .9rem; padding: .25rem 1.25rem; color: var(--ink); background: var(--amber); font: 800 .68rem/1 var(--mono); letter-spacing: .1em; text-transform: uppercase; transition: transform .2s ease, background .2s ease; }
.primary-button:hover { background: #ffd16d; transform: translateY(-2px); }
.text-link { display: inline-flex; align-items: center; gap: .45rem; font: 700 .69rem/1.3 var(--mono); letter-spacing: .08em; text-transform: uppercase; border-bottom: 1px solid currentColor; padding-bottom: .25rem; }
.text-link.light { color: #cbd4d7; }
.hero-principle { margin-top: 2rem; display: flex; align-items: center; gap: .65rem; color: #99a6ac; font: 600 .69rem/1 var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.hero-principle span { width: 7px; height: 7px; border: 1px solid var(--cyan); transform: rotate(45deg); }
.hero-edge-note { position: absolute; right: 1.25rem; top: 45%; color: #829097; font: 700 .55rem/1.8 var(--mono); letter-spacing: .18em; text-transform: uppercase; writing-mode: vertical-rl; transform: rotate(180deg); }

.hero-visual { position: relative; min-height: 520px; border: 1px solid rgba(126,216,210,.14); background: linear-gradient(135deg, rgba(13,29,38,.72), rgba(7,16,23,.24)); box-shadow: inset 0 0 80px rgba(0,0,0,.22); }
.hero-visual::before, .hero-visual::after { content: ""; position: absolute; pointer-events: none; }
.hero-visual::before { inset: 4.5rem 2rem 3.5rem; background-image: linear-gradient(rgba(126,216,210,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(126,216,210,.08) 1px, transparent 1px); background-size: 40px 40px; mask-image: radial-gradient(circle at center, #000, transparent 76%); }
.hero-visual::after { width: 10px; height: 10px; right: 24px; bottom: 24px; border-right: 1px solid var(--amber); border-bottom: 1px solid var(--amber); }
.visual-meta { height: 47px; padding: 0 1rem; display: flex; align-items: center; justify-content: space-between; color: #9dabb1; border-bottom: 1px solid var(--line-light); font: 700 .58rem/1 var(--mono); letter-spacing: .14em; }
.question-card { position: absolute; z-index: 3; left: 4%; top: 28%; width: 34%; padding: 1rem; background: rgba(7,16,23,.92); border: 1px solid #58717c; box-shadow: 0 18px 35px rgba(0,0,0,.25); }
.question-card span { display: block; margin-bottom: .65rem; color: var(--amber); font: 700 .58rem/1 var(--mono); letter-spacing: .14em; }
.question-card strong { color: #ecf0ef; font: 400 clamp(.92rem, 1.2vw, 1.1rem)/1.42 var(--serif); }
.lineage-lines { position: absolute; left: 0; right: 0; top: 40px; width: 100%; height: calc(100% - 85px); overflow: visible; }
.root-list { position: absolute; z-index: 2; right: 3.5%; top: 19%; width: 31%; display: grid; gap: .55rem; }
.root { display: flex; align-items: center; gap: .75rem; padding: .7rem .8rem; background: rgba(9,22,29,.9); border: 1px solid rgba(164,185,193,.32); }
.root > i { flex: 0 0 auto; width: 8px; height: 8px; border-radius: 50%; }
.root-observed > i { background: var(--cyan); box-shadow: 0 0 0 4px rgba(126,216,210,.12); }
.root-unknown > i { background: var(--slate); }
.root b, .root small { display: block; }
.root b { color: #dae1e2; font-size: .72rem; }
.root small { margin-top: .1rem; color: #829097; font: 600 .56rem/1.3 var(--mono); letter-spacing: .05em; text-transform: uppercase; }
.visual-legend { position: absolute; left: 1rem; right: 1rem; bottom: 0; min-height: 44px; display: flex; align-items: center; gap: 1.2rem; color: #8d9ba2; border-top: 1px solid var(--line-light); font: 600 .56rem/1 var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.visual-legend span { display: inline-flex; align-items: center; gap: .45rem; }
.visual-legend i { width: 7px; height: 7px; border-radius: 50%; }
.legend-observed { background: var(--cyan); }
.legend-gap { background: var(--slate); }
.visual-legend .question-status { margin-left: auto; color: var(--amber); }

/* Method */
.section-title-row, .dark-section-head { display: grid; grid-template-columns: 1fr minmax(300px, 510px); align-items: end; gap: 4rem; padding-bottom: 3rem; border-bottom: 1px solid var(--line-dark); }
.section-title-row h2, .dark-section-head h2, .difference-title h2, .doctrine-layout h2, .access-layout h2 { margin-top: .9rem; font: 400 clamp(2.5rem, 4vw, 4.5rem)/1 var(--serif); letter-spacing: -.045em; }
.section-title-row > p { color: var(--paper-muted); font: 400 1.03rem/1.75 var(--serif); }
.pipeline { position: relative; list-style: none; margin-top: 3.75rem; display: grid; grid-template-columns: repeat(5, 1fr); gap: clamp(1.2rem, 2.5vw, 3rem); }
.pipeline::before { content: ""; position: absolute; left: 8%; right: 8%; top: 75px; border-top: 1px dashed rgba(7,16,23,.25); }
.pipeline li { position: relative; text-align: center; }
.step-no { position: absolute; z-index: 2; top: 3px; left: 7%; width: 26px; height: 20px; display: grid; place-items: center; color: var(--ink); background: var(--paper); font: 700 .66rem/1 var(--mono); }
.step-orbit { position: relative; z-index: 1; width: 145px; height: 145px; margin: 0 auto 1.2rem; overflow: hidden; border: 1px solid #9ca6a8; border-radius: 50%; background: var(--ink); box-shadow: inset 0 0 30px rgba(126,216,210,.15); }
.step-orbit::before { content: ""; position: absolute; inset: 16%; border: 1px solid rgba(126,216,210,.2); border-radius: 50%; }
.step-orbit::after { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(126,216,210,.1) 1px, transparent 1px), linear-gradient(90deg, rgba(126,216,210,.1) 1px, transparent 1px); background-size: 21px 21px; }
.step-orbit span, .step-orbit i, .step-orbit b { position: absolute; z-index: 2; display: block; border-radius: 50%; }
.ingest-icon span { width: 46px; height: 46px; left: 50px; top: 49px; border: 1px solid var(--amber); }
.ingest-icon i { width: 10px; height: 10px; left: 68px; top: 68px; background: var(--amber); box-shadow: -38px -24px 0 var(--cyan), 40px -15px 0 var(--slate), 29px 38px 0 var(--cyan), -34px 32px 0 var(--slate); }
.ingest-icon b { inset: 25px; border: 1px dashed rgba(243,182,63,.4); }
.atomize-icon span, .atomize-icon i, .atomize-icon b { width: 58px; height: 7px; left: 43px; background: #d7dedf; border-radius: 0; }
.atomize-icon span { top: 47px; box-shadow: 0 14px 0 #72848d, 0 28px 0 #d7dedf, 0 42px 0 #72848d; }
.atomize-icon i { width: 14px; top: 47px; background: var(--amber); box-shadow: 26px 14px 0 var(--cyan), 5px 28px 0 var(--amber), 39px 42px 0 var(--cyan); }
.atomize-icon b { display: none; }
.roots-icon span { width: 14px; height: 14px; left: 65px; top: 65px; background: var(--amber); box-shadow: -39px -31px 0 var(--cyan), 44px -24px 0 var(--cyan), -34px 38px 0 var(--slate), 39px 39px 0 var(--slate); }
.roots-icon i { left: 36px; top: 36px; width: 73px; height: 73px; border: 1px solid rgba(126,216,210,.55); }
.roots-icon b { inset: 22px; border: 1px dashed rgba(141,155,164,.45); }
.graph-icon span { width: 12px; height: 12px; left: 64px; top: 63px; background: var(--amber); box-shadow: -38px 9px 0 var(--cyan), 37px -25px 0 var(--slate), 34px 34px 0 var(--cyan), -28px -35px 0 var(--slate); }
.graph-icon i { width: 90px; height: 1px; left: 27px; top: 73px; background: rgba(126,216,210,.65); transform: rotate(-18deg); border-radius: 0; }
.graph-icon b { width: 83px; height: 1px; left: 31px; top: 71px; background: rgba(243,182,63,.5); transform: rotate(45deg); border-radius: 0; }
.publish-icon span { width: 70px; height: 82px; left: 37px; top: 31px; border: 1px solid #b1bdc1; border-radius: 0; }
.publish-icon span::before { content: ""; position: absolute; left: 12px; top: 18px; width: 44px; height: 4px; background: var(--amber); box-shadow: 0 13px 0 #778990, 0 26px 0 #778990, 0 39px 0 #778990; }
.publish-icon i { width: 7px; height: 7px; right: 25px; top: 23px; background: var(--cyan); }
.publish-icon b { display: none; }
.pipeline h3 { font: 700 .79rem/1.2 var(--mono); letter-spacing: .1em; text-transform: uppercase; }
.pipeline p { margin-top: .65rem; color: var(--paper-muted); font: 400 .9rem/1.55 var(--serif); }

/* Regions */
.dark-section-head { border-color: var(--line-light); }
.dark-section-head > p { color: var(--dark-muted); font: 400 1.02rem/1.72 var(--serif); }
.region-grid { margin-top: 3.75rem; display: grid; grid-template-columns: 1.55fr repeat(3, .72fr); gap: 1rem; }
.live-publication { min-width: 0; color: var(--ink); background: var(--paper); display: flex; flex-direction: column; }
.publication-preview { height: 300px; display: grid; grid-template-columns: 1.4fr .75fr; gap: 2px; overflow: hidden; background: var(--ink-3); }
.publication-preview > a, .preview-stack a { overflow: hidden; }
.publication-preview img { width: 100%; height: 100%; object-fit: cover; object-position: top; filter: saturate(.7) contrast(.92); transition: transform .35s ease, filter .35s ease; }
.publication-preview a:hover img { transform: scale(1.025); filter: saturate(1) contrast(1); }
.preview-stack { display: grid; grid-template-rows: 1fr 1fr; gap: 2px; }
.publication-copy { flex: 1; display: grid; grid-template-columns: 1fr auto; align-items: start; gap: 1rem; padding: 1.6rem; }
.card-kicker, .planned-copy p { color: #536168; font: 700 .59rem/1 var(--mono); letter-spacing: .15em; }
.publication-copy h3, .planned-copy h3 { margin-top: .4rem; font: 400 clamp(2rem, 3vw, 3rem)/1 var(--serif); letter-spacing: -.04em; }
.status-live { align-self: center; display: inline-flex; align-items: center; gap: .5rem; padding: .55rem .7rem; color: #4b3509; background: var(--amber); font: 800 .57rem/1 var(--mono); letter-spacing: .1em; text-transform: uppercase; white-space: nowrap; }
.status-live i { width: 7px; height: 7px; background: #2d601f; border-radius: 50%; box-shadow: 0 0 0 3px rgba(45,96,31,.13); }
.publication-copy > p { grid-column: 1 / -1; max-width: 620px; color: var(--paper-muted); font: 400 .95rem/1.6 var(--serif); }
.card-link { grid-column: 1 / -1; justify-self: start; padding-bottom: .25rem; border-bottom: 1px solid var(--ink); font: 800 .64rem/1.2 var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.planned-region { min-width: 0; display: flex; flex-direction: column; color: #c4cbd0; background: #24323a; border: 1px solid #52616a; opacity: .74; }
.planned-map { position: relative; height: 300px; overflow: hidden; background-color: #18262e; background-image: linear-gradient(rgba(141,155,164,.12) 1px, transparent 1px), linear-gradient(90deg, rgba(141,155,164,.12) 1px, transparent 1px), repeating-radial-gradient(ellipse at 53% 50%, transparent 0 18px, rgba(141,155,164,.16) 19px 20px); background-size: 28px 28px, 28px 28px, 100% 100%; }
.planned-map::after { content: ""; position: absolute; inset: 12%; border: 1px dashed #73828a; border-radius: 47% 53% 42% 58% / 54% 43% 57% 46%; transform: rotate(var(--shape-rotate, 0deg)); }
.map-middle-east { --shape-rotate: -13deg; }
.map-colombia { --shape-rotate: 17deg; }
.map-europe { --shape-rotate: -4deg; }
.planned-map span { position: absolute; left: 50%; top: 50%; width: 12px; height: 12px; background: #7d8b92; border-radius: 50%; transform: translate(-50%, -50%); box-shadow: 0 0 0 12px rgba(125,139,146,.08); }
.planned-copy { flex: 1; padding: 1.3rem; }
.planned-copy h3 { margin-top: .65rem; color: #e0e4e5; font-size: clamp(1.6rem, 2vw, 2.1rem); }
.planned-copy span { margin-top: 1.2rem; display: block; padding: .65rem .55rem; color: #d6dcde; background: #35434a; border: 1px solid #56656c; text-align: center; font: 700 .55rem/1.35 var(--mono); letter-spacing: .06em; text-transform: uppercase; }
.capture-note { margin-top: 1.5rem; color: #839198; font: 600 .63rem/1.55 var(--mono); letter-spacing: .04em; }

/* Differentiation */
.difference-title { max-width: 970px; }
.difference-title h2 em { font-weight: 400; }
.difference-title > p:last-child { max-width: 850px; margin-top: 1.5rem; color: var(--paper-muted); font: 400 1.02rem/1.75 var(--serif); }
.inspection-board { margin-top: 3.75rem; display: grid; grid-template-columns: 1.4fr .72fr 1fr; border: 1px solid var(--line-dark); background: rgba(255,255,255,.22); }
.roots-panel, .states-panel, .debt-panel { min-width: 0; padding: 1.4rem; }
.states-panel, .debt-panel { border-left: 1px solid var(--line-dark); }
.panel-label { color: #4c5960; font: 800 .61rem/1 var(--mono); letter-spacing: .14em; }
.claim-graph svg { width: 100%; height: auto; }
.root-key { display: flex; justify-content: center; gap: 1.5rem; color: #677278; font: 600 .6rem/1 var(--mono); text-transform: uppercase; }
.root-key span { display: flex; align-items: center; gap: .45rem; }
.root-key i { width: 8px; height: 8px; border-radius: 50%; }
.key-independent { background: var(--cyan); }
.key-repeat { background: #9ca5a9; }
.states-panel ul, .debt-panel ul { list-style: none; }
.states-panel ul { margin-top: 2rem; display: grid; gap: 1.4rem; }
.states-panel li { display: flex; align-items: center; gap: .85rem; }
.states-panel li > i { flex: 0 0 auto; width: 17px; height: 17px; border-radius: 50%; box-shadow: 0 0 0 6px rgba(7,16,23,.04); }
.state-observed { background: var(--cyan); }
.state-inferred { background: var(--amber); }
.state-hypothesis { background: #a8afb1; }
.state-unknown { background: var(--red); }
.states-panel b, .states-panel small { display: block; }
.states-panel b { font-size: .84rem; }
.states-panel small { color: var(--paper-muted); font-size: .7rem; }
.debt-scale { margin-top: 2.25rem; height: 12px; padding: 2px; background: repeating-linear-gradient(90deg, #d4cfc5 0 1px, transparent 1px 8%); border: 1px solid #c6c0b5; }
.debt-scale span { display: block; width: 55%; height: 100%; background: linear-gradient(90deg, #d79524, var(--amber)); }
.debt-panel > p { margin-top: 1.4rem; color: var(--paper-muted); font: 400 .88rem/1.55 var(--serif); }
.debt-panel ul { margin-top: 1.5rem; display: grid; gap: .9rem; }
.debt-panel li { display: flex; align-items: center; gap: .65rem; color: #57636a; font-size: .69rem; }
.debt-panel li i { width: 9px; height: 9px; border-radius: 50%; box-shadow: 0 0 0 4px rgba(7,16,23,.04); }
.debt-red { background: var(--red); }
.debt-blue { background: #718892; }
.debt-gray { background: #aaa9a3; }
.difference-notes { margin-top: 1.4rem; display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line-dark); border-bottom: 1px solid var(--line-dark); }
.difference-notes article { position: relative; padding: 1.75rem 2rem 1.8rem 3.5rem; }
.difference-notes article + article { border-left: 1px solid var(--line-dark); }
.difference-notes article > span { position: absolute; left: 1.2rem; top: 1.8rem; color: #936917; font: 800 .7rem/1 var(--mono); }
.difference-notes h3 { font: 400 1.2rem/1.25 var(--serif); }
.difference-notes p { margin-top: .65rem; color: var(--paper-muted); font-size: .81rem; line-height: 1.55; }
.difference-notes a { display: inline-block; margin-top: .75rem; padding-bottom: .2rem; border-bottom: 1px solid var(--ink); font: 800 .59rem/1.2 var(--mono); letter-spacing: .07em; text-transform: uppercase; }

/* Doctrine, access, footer */
.doctrine { position: relative; overflow: hidden; }
.doctrine::before { content: ""; position: absolute; inset: 0; opacity: .23; background-image: repeating-radial-gradient(ellipse at 12% 56%, transparent 0 25px, rgba(126,216,210,.17) 26px 27px), repeating-radial-gradient(ellipse at 89% 48%, transparent 0 31px, rgba(243,182,63,.12) 32px 33px); }
.doctrine-layout { position: relative; display: grid; grid-template-columns: .9fr 1.15fr 1fr; gap: 3.5rem; align-items: start; }
.doctrine-layout blockquote { padding-left: 2rem; border-left: 2px solid var(--amber); }
.doctrine-layout blockquote p { font: 400 clamp(1.4rem, 2.2vw, 2.2rem)/1.35 var(--serif); }
.doctrine-layout blockquote footer { margin-top: 1.2rem; color: #95a3a9; font: 700 .63rem/1 var(--mono); letter-spacing: .09em; text-transform: uppercase; }
.capability-status { display: grid; gap: 1.2rem; }
.capability-status > div { position: relative; padding: 1.2rem 1.2rem 1.2rem 2.8rem; background: rgba(255,255,255,.035); border: 1px solid var(--line-light); }
.capability-status b { font: 700 .72rem/1 var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.capability-status p { margin-top: .65rem; color: #98a6ac; font-size: .78rem; line-height: 1.55; }
.availability { position: absolute; left: 1rem; top: 1.35rem; width: 8px; height: 8px; border-radius: 50%; }
.live-dot { background: var(--cyan); box-shadow: 0 0 0 4px rgba(126,216,210,.1); }
.development-dot { background: var(--amber); box-shadow: 0 0 0 4px rgba(243,182,63,.1); }
.access { padding: 6.5rem 0; color: var(--white); background: var(--ink-2); border-top: 1px solid var(--line-light); }
.access-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: end; }
.access-layout > div:last-child > p { max-width: 650px; color: #aab5ba; font: 400 1rem/1.75 var(--serif); }
.site-footer { color: #bac4c8; background: #050c11; border-top: 1px solid var(--line-light); }
.footer-main { padding: 4.2rem 0; display: grid; grid-template-columns: 1.5fr repeat(3, 1fr); gap: 3rem; }
.footer-brand-block .brand-word { color: var(--white); }
.footer-brand-block > p { margin-top: 1rem; color: #7f8e95; font: 400 1rem/1 var(--serif); }
.footer-main > div:not(:first-child) { display: grid; align-content: start; gap: .6rem; }
.footer-main a { justify-self: start; color: #9ba8ae; font-size: .75rem; }
.footer-main a:hover { color: var(--amber); }
.footer-label { margin-bottom: .35rem; color: var(--white); font: 700 .61rem/1 var(--mono); letter-spacing: .13em; text-transform: uppercase; }
.footer-bottom { min-height: 66px; display: flex; align-items: center; justify-content: space-between; gap: 2rem; color: #6f7d84; border-top: 1px solid var(--line-light); font: 600 .58rem/1.4 var(--mono); letter-spacing: .05em; text-transform: uppercase; }

@media (max-width: 1180px) {
  .brand-category { display: none; }
  .global-nav { overflow-x: auto; scrollbar-width: none; }
  .global-nav::-webkit-scrollbar { display: none; }
  .hero-layout { grid-template-columns: .78fr 1.22fr; gap: 2rem; }
  .hero-copy h1 { font-size: clamp(3.2rem, 5vw, 4.6rem); }
  .question-card { width: 37%; }
  .root-list { width: 34%; right: 2%; }
  .region-grid { grid-template-columns: repeat(3, 1fr); }
  .live-publication { grid-column: 1 / -1; }
  .planned-map { height: 230px; }
  .inspection-board { grid-template-columns: 1.3fr .8fr; }
  .debt-panel { grid-column: 1 / -1; border-left: 0; border-top: 1px solid var(--line-dark); }
  .doctrine-layout { grid-template-columns: 1fr 1fr; }
  .capability-status { grid-column: 1 / -1; grid-template-columns: 1fr 1fr; }
}

@media (max-width: 880px) {
  .shell { width: min(calc(100% - 2rem), var(--shell)); }
  .site-header { position: relative; }
  .header-inner { min-height: auto; padding-block: 1rem; display: grid; grid-template-columns: 1fr auto; }
  .global-nav { grid-column: 1 / -1; grid-row: 2; width: 100%; padding: .85rem 0 .2rem; border-top: 1px solid var(--line-light); }
  .sign-in { display: none; }
  .hero-layout { min-height: 0; grid-template-columns: 1fr; padding-block: 4rem; }
  .hero-visual { min-height: 520px; }
  .hero-edge-note { display: none; }
  .section-paper, .section-dark { padding: 5rem 0; }
  .section-title-row, .dark-section-head, .access-layout { grid-template-columns: 1fr; gap: 1.5rem; }
  .pipeline { grid-template-columns: repeat(2, 1fr); }
  .pipeline::before { display: none; }
  .pipeline li:last-child { grid-column: 1 / -1; max-width: 320px; justify-self: center; }
  .publication-preview { height: 270px; }
  .inspection-board { grid-template-columns: 1fr; }
  .states-panel, .debt-panel { border-left: 0; border-top: 1px solid var(--line-dark); }
  .states-panel ul { grid-template-columns: 1fr 1fr; }
  .difference-notes { grid-template-columns: 1fr; }
  .difference-notes article + article { border-left: 0; border-top: 1px solid var(--line-dark); }
  .doctrine-layout { grid-template-columns: 1fr; }
  .capability-status { grid-column: auto; grid-template-columns: 1fr; }
  .footer-main { grid-template-columns: 1.3fr repeat(3, 1fr); gap: 1.5rem; }
}

@media (max-width: 640px) {
  html { scroll-padding-top: 1rem; }
  .header-actions .outline-button { min-height: 38px; padding-inline: .8rem; }
  .brand-word { font-size: 1.35rem; }
  .global-nav { gap: 1.3rem; }
  .hero-copy h1 { font-size: clamp(2.9rem, 15vw, 4rem); }
  .hero-summary { font-size: 1rem; }
  .hero-visual { min-height: 590px; }
  .visual-meta { font-size: .5rem; }
  .question-card { left: 5%; top: 14%; width: 90%; }
  .lineage-lines { top: 100px; height: 320px; transform: translateX(-12%); }
  .root-list { top: 57%; left: 5%; right: 5%; width: 90%; grid-template-columns: 1fr 1fr; }
  .root { padding: .55rem; }
  .root b { font-size: .62rem; }
  .root small { font-size: .48rem; }
  .visual-legend { gap: .65rem; font-size: .48rem; }
  .section-title-row h2, .dark-section-head h2, .difference-title h2, .doctrine-layout h2, .access-layout h2 { font-size: 2.55rem; }
  .pipeline { grid-template-columns: 1fr; gap: 2.4rem; }
  .pipeline li:last-child { grid-column: auto; }
  .step-orbit { width: 132px; height: 132px; }
  .region-grid { grid-template-columns: 1fr; }
  .live-publication { grid-column: auto; }
  .publication-preview { height: 240px; }
  .publication-copy { grid-template-columns: 1fr; }
  .status-live { justify-self: start; }
  .planned-region { display: grid; grid-template-columns: 115px 1fr; }
  .planned-map { height: auto; min-height: 160px; }
  .planned-copy h3 { font-size: 1.65rem; }
  .states-panel ul { grid-template-columns: 1fr; }
  .root-key { flex-direction: column; align-items: center; }
  .doctrine-layout blockquote { padding-left: 1.2rem; }
  .footer-main { grid-template-columns: 1fr 1fr; }
  .footer-brand-block { grid-column: 1 / -1; padding-bottom: 1rem; }
  .footer-bottom { padding-block: 1.2rem; flex-direction: column; align-items: flex-start; justify-content: center; }
}

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