:root {
  --paper: #f3f1ea;
  --paper-light: #f8f7f2;
  --wash: #e9e6de;
  --ink: #171816;
  --ink-soft: #222421;
  --muted: #74756f;
  --line: #c8c7bf;
  --line-dark: rgba(23, 24, 22, .2);
  --red: #c95045;
  --sage: #9eaa96;
  --night: #191b19;
  --night-line: rgba(243, 241, 234, .28);
  --mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --display: Arial, "Helvetica Neue", Helvetica, sans-serif;
  --gutter: clamp(20px, 5vw, 78px);
}

* { box-sizing: border-box; }

html { background: var(--paper); scroll-behavior: smooth; }

body {
  margin: 0;
  color: var(--ink);
  background: var(--paper);
  font-family: var(--sans);
  overflow-x: hidden;
}

a { color: inherit; text-decoration: none; }

button { font: inherit; }

a:focus-visible,
button:focus-visible {
  outline: 2px solid var(--red);
  outline-offset: 4px;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.skip-link {
  position: fixed;
  z-index: 100;
  top: 12px;
  left: 12px;
  padding: 10px 12px;
  color: var(--paper-light);
  background: var(--ink);
  transform: translateY(-150%);
}

.skip-link:focus { transform: none; }

.site-header {
  position: sticky;
  z-index: 20;
  top: 0;
  border-bottom: 1px solid var(--line-dark);
  background: rgba(243, 241, 234, .94);
  backdrop-filter: blur(12px);
}

.site-header nav {
  min-height: 78px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 24px;
  padding: 0 var(--gutter);
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  width: max-content;
  line-height: 1;
}

.brand > span:last-child {
  display: grid;
  gap: 5px;
}

.brand strong {
  font: 700 16px/1 var(--display);
  letter-spacing: -.06em;
}

.brand small,
.eyebrow,
.index,
.section-index,
.field-topline,
figcaption,
.study-head,
.study-foot,
.state-studies span,
.state-studies small,
.contact-states span,
.contact-states small,
.svg-label,
.acquire-meta dt,
.acquire-meta dd,
.site-footer small {
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.brand small { color: var(--muted); }

.brand-mark {
  position: relative;
  display: block;
  width: 27px;
  height: 27px;
  border: 1.5px solid var(--ink);
  border-radius: 50%;
}

.brand-mark:before,
.brand-mark:after,
.brand-mark i,
.brand-mark b {
  position: absolute;
  display: block;
  content: "";
}

.brand-mark:before { left: 4px; right: 4px; bottom: 6px; height: 1.5px; background: var(--ink); }
.brand-mark:after { top: 5px; bottom: 5px; right: 6px; width: 1.5px; background: var(--red); }
.brand-mark i { left: 8px; bottom: 7px; width: 6px; height: 6px; background: var(--red); border-radius: 50%; }
.brand-mark b { top: 6px; left: 8px; width: 7px; height: 7px; border-top: 1px solid var(--ink); border-right: 1px solid var(--ink); }

.nav-index {
  display: flex;
  align-items: center;
  gap: clamp(14px, 2vw, 29px);
  color: var(--muted);
  font-size: 12px;
}

.nav-index a,
.nav-acquire,
.text-link { transition: color .2s ease, border-color .2s ease; }

.nav-index a:hover { color: var(--ink); }

.nav-acquire {
  justify-self: end;
  padding-bottom: 4px;
  border-bottom: 1px solid var(--ink);
  font-size: 12px;
}

.nav-acquire:hover { color: var(--red); border-color: var(--red); }

.nav-acquire b,
.button b,
.text-link b { color: var(--red); font-size: 17px; font-weight: 400; }

.menu-toggle { display: none; }

.section-rule { border-top: 1px solid var(--line-dark); }

.section-index {
  display: flex;
  align-items: center;
  gap: 11px;
  color: var(--muted);
  line-height: 1.2;
}

.section-index i {
  display: block;
  flex: 1;
  height: 1px;
  background: var(--line);
}

.section-index span:first-child { color: var(--red); }

.index,
.eyebrow { margin: 0 0 25px; color: var(--muted); }

.eyebrow { display: flex; align-items: center; gap: 8px; }
.eyebrow i { color: var(--red); font-style: normal; }

h1,
h2,
h3,
p { margin-top: 0; }

h1,
h2,
h3 {
  font-family: var(--display);
  letter-spacing: -.075em;
}

h1,
h2 { font-weight: 600; line-height: .91; }

h2 { font-size: clamp(46px, 6.2vw, 92px); margin-bottom: 0; }

h1 em,
h2 em { color: var(--red); font-style: normal; }

.hero {
  min-height: calc(100svh - 78px);
  padding: 25px var(--gutter) 58px;
  background:
    radial-gradient(circle at 87% 18%, rgba(158, 170, 150, .14), transparent 23%),
    var(--paper);
}

.hero-copy {
  max-width: 950px;
  margin: clamp(42px, 5vh, 60px) auto 26px;
  text-align: center;
}

.hero-copy .eyebrow { justify-content: center; }

.hero h1 {
  margin: 0 auto;
  font-size: clamp(53px, 7.2vw, 104px);
  line-height: .83;
  letter-spacing: -.095em;
}

.hero h1 span,
.hero h1 em { display: block; }

.hero h1 em { font-weight: 400; }

.domain-name {
  margin: 28px 0 10px;
  font-size: clamp(18px, 2vw, 24px);
  letter-spacing: -.05em;
}

.hero-lede {
  max-width: 480px;
  margin: 0 auto;
  color: var(--muted);
  line-height: 1.6;
}

.hero-actions {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 22px;
  margin-top: 30px;
}

.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 22px;
  min-height: 48px;
  padding: 0 17px;
  border: 1px solid var(--ink);
  font-size: 12px;
  transition: background .25s ease, color .25s ease, border-color .25s ease;
}

.button-dark { color: var(--paper-light); background: var(--ink); }
.button-dark b { color: var(--paper-light); }
.button-dark:hover { border-color: var(--red); background: var(--red); }

.button-light { color: var(--paper); background: transparent; border-color: var(--paper); }
.button-light b { color: var(--red); }
.button-light:hover { color: var(--night); background: var(--paper); }

.text-link { padding-bottom: 4px; border-bottom: 1px solid var(--ink); font-size: 12px; }
.text-link:hover { color: var(--red); border-color: var(--red); }

.axiom-field {
  max-width: 1250px;
  margin: 0 auto;
  padding: 16px 16px 13px;
  border: 1px solid var(--ink);
  background: rgba(248, 247, 242, .45);
}

.field-topline,
figcaption {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  color: var(--muted);
}

.field-topline { padding: 1px 1px 14px; }

.field-svg {
  display: block;
  width: 100%;
  height: auto;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  overflow: visible;
}

.mobile-field { display: none; }

.field-construction,
.construction {
  stroke: var(--line);
  stroke-width: 1;
  opacity: .8;
}

.field-plane,
.study-plane,
.state-plane { stroke: var(--sage); stroke-width: 1.3; }

.support-line,
.study-line,
.state-line { stroke: var(--ink); stroke-width: 2; }

.gravity-line,
.gravity-arrow { stroke: var(--muted); stroke-width: 1; }

.gravity-arrow { fill: none; }

.body-rect,
.study-body,
.state-body,
.constraint-body { fill: var(--paper); stroke: var(--ink); stroke-width: 2; }

.body-cross { stroke: var(--muted); stroke-width: 1; stroke-dasharray: 2 6; }

.boundary-line,
.study-boundary { stroke: var(--red); stroke-width: 2; }

.boundary-cap,
.study-stop,
.invalid-stop,
.final-stop { stroke: var(--red); stroke-width: 2; }

.invalid-path,
.study-ghost,
.study-ghost,
.candidate-path { stroke: var(--muted); stroke-width: 1.8; stroke-dasharray: 5 10; fill: none; }

.invalid-path { animation: path-pulse 10s ease-in-out infinite; }

.valid-path,
.study-valid { stroke: var(--sage); stroke-width: 2.5; fill: none; stroke-linecap: round; stroke-dasharray: 1000; stroke-dashoffset: 1000; animation: path-reveal 10s 2s ease-in-out infinite; }

.contact-ring { fill: none; stroke: var(--sage); stroke-width: 1.2; }
.contact-dot,
.red-mark,
.study-dot,
.red-dot,
.constraint-red,
.sage-dot { fill: var(--red); }
.sage-dot { fill: var(--sage); }

.svg-label { fill: var(--muted); font-size: 10px; }
.svg-note { fill: var(--muted); }
.red-text { fill: var(--red); }
.sage-text { fill: var(--sage); }

.hero-axiom {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: baseline;
  gap: 20px;
  max-width: 1250px;
  margin: 18px auto 0;
}

.hero-axiom span,
.hero-axiom small {
  font: 10px var(--mono);
  letter-spacing: .09em;
  text-transform: uppercase;
}

.hero-axiom span { color: var(--red); }
.hero-axiom strong { font: 500 clamp(16px, 2vw, 23px)/1 var(--display); letter-spacing: -.05em; }
.hero-axiom small { color: var(--muted); }

@keyframes path-reveal {
  0%, 16% { stroke-dashoffset: 1000; opacity: .25; }
  36%, 82% { stroke-dashoffset: 0; opacity: 1; }
  100% { stroke-dashoffset: -100; opacity: .4; }
}

@keyframes path-pulse {
  0%, 18%, 82%, 100% { opacity: .55; }
  24%, 32% { opacity: .18; }
}

[data-reveal] {
  opacity: 0;
  transform: translateY(22px);
  transition: opacity .7s ease, transform .7s cubic-bezier(.2, .8, .2, 1);
}

[data-reveal].is-visible { opacity: 1; transform: none; }

.before,
.studies,
.cause,
.applications,
.simulation,
.name {
  padding: clamp(90px, 12vw, 170px) var(--gutter);
}

.split-heading,
.section-intro,
.constraint-top,
.geometry-layout,
.world-layout,
.applications-head {
  display: grid;
  grid-template-columns: 1.35fr .65fr;
  gap: clamp(35px, 9vw, 150px);
  align-items: end;
  max-width: 1300px;
  margin: 82px auto 0;
}

.split-heading .index,
.section-intro .index,
.constraint-top .index,
.geometry-layout .index,
.world-layout .index,
.applications-head .index { margin-bottom: 23px; }

.split-heading > p,
.section-intro > p,
.constraint-top > p,
.geometry-lede,
.world-copy > p:last-child,
.applications-head > p,
.support-copy > p:last-child,
.persistence-copy > p:not(.index) {
  max-width: 390px;
  margin: 0 0 3px;
  color: var(--muted);
  line-height: 1.65;
}

.rule-words {
  max-width: 1300px;
  margin: 90px auto 0;
  border-top: 1px solid var(--ink);
}

.rule-words > div {
  display: grid;
  grid-template-columns: 10% 1fr;
  gap: 20px;
  align-items: baseline;
  padding: 18px 0;
  border-bottom: 1px solid var(--ink);
  transition: padding .25s ease, background .25s ease;
}

.rule-words > div:hover { padding-left: 14px; background: linear-gradient(90deg, rgba(158, 170, 150, .15), transparent 45%); }
.rule-words span { color: var(--red); font: 11px var(--mono); }
.rule-words strong { font: 500 clamp(31px, 5.3vw, 78px)/.9 var(--display); letter-spacing: -.09em; }
.rule-words strong i { color: var(--muted); font-style: normal; }

.study-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  max-width: 1300px;
  margin: 90px auto 0;
  border-top: 1px solid var(--ink);
  border-left: 1px solid var(--ink);
}

.study {
  min-height: 510px;
  padding: 20px 22px 23px;
  border-right: 1px solid var(--ink);
  border-bottom: 1px solid var(--ink);
}

.study-head { display: flex; justify-content: space-between; gap: 20px; color: var(--red); }
.study-head small { color: var(--muted); }

.study-visual {
  display: grid;
  place-items: center;
  min-height: 250px;
  margin: 25px -2px 16px;
  background: radial-gradient(circle at 55% 48%, rgba(158, 170, 150, .13), transparent 44%);
}

.study-visual svg { width: 100%; max-width: 560px; height: auto; }
.study-visual text,
.state-studies text { font: 9px var(--mono); fill: var(--muted); letter-spacing: .07em; }
.study-visual .red-text { fill: var(--red); }
.study h3 { margin: 0 0 9px; font-size: clamp(33px, 4vw, 56px); font-weight: 500; }
.study > p { max-width: 360px; margin: 0; color: var(--muted); line-height: 1.55; }
.study-foot { display: block; margin-top: 36px; color: var(--muted); }

.support {
  display: grid;
  grid-template-columns: minmax(260px, .75fr) minmax(540px, 1.25fr);
  gap: clamp(40px, 9vw, 150px);
  padding: clamp(105px, 14vw, 200px) var(--gutter);
  background: var(--wash);
}

.support-copy { align-self: start; max-width: 440px; }
.support-copy h2 { margin-bottom: 28px; }

.state-studies {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-self: end;
  border-top: 1px solid var(--ink);
  border-bottom: 1px solid var(--ink);
}

.state-studies article {
  min-width: 0;
  min-height: 345px;
  display: flex;
  flex-direction: column;
  padding: 16px 14px 13px;
  border-right: 1px solid var(--ink);
}

.state-studies article:last-child { border-right: 0; }
.state-studies span { color: var(--red); }
.state-studies strong { margin-top: 18px; font: 500 17px var(--display); letter-spacing: -.05em; }
.state-studies svg { width: 100%; height: auto; margin: auto 0 14px; }
.state-studies small { color: var(--muted); font-size: 8px; }
.ghost-state .state-body { stroke: var(--muted); stroke-dasharray: 5 5; opacity: .65; }
.ghost-state .state-plane { opacity: .55; }

.dark-band {
  color: var(--paper);
  background: var(--night);
}

.dark-band .section-index,
.dark-band .index { color: rgba(243, 241, 234, .56); }
.dark-band .section-index span:first-child { color: var(--red); }
.dark-band .section-index i { background: var(--night-line); }

.contact,
.dynamics {
  padding: 25px var(--gutter) clamp(100px, 13vw, 180px);
}

.dark-band h2 { color: var(--paper); }
.dark-band .split-heading > p,
.dark-band .section-intro > p { color: rgba(243, 241, 234, .58); }
.contact-states {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  max-width: 1300px;
  margin: 86px auto 0;
  border-top: 1px solid var(--night-line);
  border-bottom: 1px solid var(--night-line);
}

.contact-states article { padding: 17px 18px 13px; border-right: 1px solid var(--night-line); }
.contact-states article:last-child { border-right: 0; }
.contact-states span { color: rgba(243, 241, 234, .65); }
.contact-states svg { display: block; width: 100%; height: auto; margin: 34px 0 18px; }
.contact-states small { color: rgba(243, 241, 234, .46); font-size: 8px; }
.dark-line { stroke: var(--paper); stroke-width: 1.4; opacity: .7; }
.dark-body { fill: var(--night); stroke: var(--paper); stroke-width: 1.7; }
.dark-ring { fill: none; stroke: var(--sage); stroke-width: 1.7; }
.dark-ghost { stroke: rgba(243, 241, 234, .4); stroke-width: 1.4; stroke-dasharray: 4 8; }
.dark-valid { stroke: var(--sage); stroke-width: 2; }
.dark-red-dot { fill: var(--red); }

.constraint {
  padding: 25px var(--gutter) clamp(100px, 13vw, 180px);
  background: var(--paper-light);
}

.constraint-top { margin-top: 82px; }
.constraint-field {
  display: grid;
  grid-template-columns: minmax(440px, 1fr) minmax(190px, .34fr);
  gap: 40px;
  max-width: 1300px;
  margin: 90px auto 0;
  padding: 18px 0 0;
  border-top: 1px solid var(--ink);
}

.constraint-field svg { width: 100%; height: auto; }
.constraint-guide { stroke: var(--line); stroke-width: 1; }
.constraint-boundary { stroke: var(--red); stroke-width: 2.4; }
.constraint-list { border-left: 1px solid var(--ink); }
.constraint-list > div { display: grid; grid-template-columns: 32px 1fr; gap: 8px; padding: 13px 0 13px 17px; border-bottom: 1px solid var(--line); }
.constraint-list span { color: var(--red); font: 10px var(--mono); }
.constraint-list strong { font: 500 21px var(--display); letter-spacing: -.05em; }
.constraint-list small { grid-column: 2; color: var(--muted); font: 9px var(--mono); }

.cause { background: var(--wash); }
.cause-study {
  display: grid;
  grid-template-columns: 1fr 105px 1fr;
  align-items: center;
  max-width: 1300px;
  margin: 90px auto 0;
  border-top: 1px solid var(--ink);
  border-bottom: 1px solid var(--ink);
}

.cause-state { min-width: 0; padding: 19px 24px 16px; }
.cause-state + .cause-state { border-left: 1px solid var(--ink); }
.cause-state > span { color: var(--red); font: 10px var(--mono); letter-spacing: .09em; }
.cause-state svg { display: block; width: 100%; margin: 23px 0 12px; }
.cause-state small { color: var(--muted); font: 9px var(--mono); letter-spacing: .08em; }
.intervention { display: grid; justify-items: center; gap: 10px; align-content: center; padding: 20px 10px; color: var(--red); }
.intervention span { font: 10px var(--mono); letter-spacing: .09em; }
.intervention i { width: 65px; height: 1px; background: var(--red); position: relative; }
.intervention i:after { position: absolute; right: 0; top: -3px; content: ""; width: 6px; height: 6px; border-top: 1px solid var(--red); border-right: 1px solid var(--red); transform: rotate(45deg); }
.intervention small { color: var(--muted); font: 8px var(--mono); }

.persistence {
  display: grid;
  grid-template-columns: minmax(270px, .72fr) minmax(550px, 1.28fr);
  gap: clamp(45px, 10vw, 170px);
  padding: clamp(105px, 14vw, 200px) var(--gutter);
  background: var(--paper-light);
}

.persistence-copy { align-self: start; }
.persistence-copy h2 { margin-bottom: 28px; }
.invariant-statement { display: grid; gap: 8px; margin-top: 60px; padding-left: 16px; border-left: 2px solid var(--red); }
.invariant-statement span { font: 500 clamp(25px, 3vw, 42px) var(--display); letter-spacing: -.08em; }
.invariant-statement small { color: var(--muted); font: 8px var(--mono); letter-spacing: .08em; }

.invariant-study { align-self: end; }
.invariant-line { display: flex; align-items: center; gap: 10px; margin-bottom: 15px; color: var(--sage); font: 9px var(--mono); letter-spacing: .12em; }
.invariant-line i { flex: 1; height: 1px; background: var(--sage); }
.invariant-states { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--ink); border-bottom: 1px solid var(--ink); }
.invariant-states article { padding: 14px; border-right: 1px solid var(--ink); }
.invariant-states article:last-child { border-right: 0; }
.invariant-states small { color: var(--red); font: 9px var(--mono); }
.invariant-states svg { display: block; width: 100%; margin: 13px 0 3px; }
.invariant-states strong { font: 11px var(--mono); letter-spacing: .06em; }
.invariant-key { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; margin-top: 16px; color: var(--muted); font: 8px var(--mono); letter-spacing: .06em; }

.geometry { padding: clamp(110px, 14vw, 190px) var(--gutter); }
.geometry-layout { margin-top: 0; align-items: center; }
.geometry-lede { margin-top: 30px !important; }
.corridor-study { padding-left: 25px; border-left: 1px solid var(--ink); }
.corridor-study svg { width: 100%; }
.corridor { stroke: var(--ink); stroke-width: 2; fill: rgba(158, 170, 150, .12); }
.corridor-inner { stroke: var(--line); stroke-width: 1; fill: none; }
.corridor-key { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding-top: 11px; border-top: 1px solid var(--line); color: var(--muted); font: 9px var(--mono); }
.corridor-key span { display: inline-flex; align-items: center; gap: 8px; }
.corridor-key i { display: inline-block; width: 24px; height: 2px; background: var(--sage); }
.corridor-key .dash-key { height: 1px; background: repeating-linear-gradient(90deg, var(--muted) 0 4px, transparent 4px 8px); }

.dynamics { padding-bottom: clamp(105px, 14vw, 190px); }
.dynamics .section-intro { margin-top: 82px; }
.time-study { max-width: 1300px; margin: 90px auto 0; padding: 15px 0 0; border-top: 1px solid var(--night-line); }
.time-axis { display: grid; grid-template-columns: auto 1fr auto 1fr auto 1fr auto; gap: 11px; align-items: center; color: rgba(243, 241, 234, .6); font: 9px var(--mono); }
.time-axis i { height: 1px; background: var(--night-line); }
.time-states { display: grid; grid-template-columns: repeat(4, 1fr); border-bottom: 1px solid var(--night-line); }
.time-states article { padding: 17px 16px 10px; border-right: 1px solid var(--night-line); }
.time-states article:last-child { border-right: 0; }
.time-states small { color: var(--red); font: 9px var(--mono); letter-spacing: .08em; }
.time-states svg { display: block; width: 100%; margin-top: 25px; }
.dark-valid-dot { fill: var(--sage); }
.time-note { margin: 14px 0 0; color: rgba(243, 241, 234, .45); font: 9px var(--mono); letter-spacing: .08em; }

.world { padding: 25px var(--gutter) clamp(100px, 13vw, 180px); background: var(--paper-light); }
.world-layout { margin-top: 82px; align-items: start; }
.world-copy > p:last-child { margin-top: 31px; }
.world-visual { display: grid; grid-template-columns: 1fr 52px 1fr; align-items: stretch; border-top: 1px solid var(--ink); border-bottom: 1px solid var(--ink); }
.world-half { min-width: 0; padding: 15px 12px 9px; }
.world-half > span { color: var(--muted); font: 9px var(--mono); letter-spacing: .08em; }
.world-half svg { display: block; width: 100%; margin-top: 19px; }
.world-divider { display: grid; place-items: center; align-content: center; gap: 12px; border-left: 1px solid var(--ink); border-right: 1px solid var(--ink); }
.world-divider span { color: var(--red); font: 34px var(--display); }
.world-divider small { writing-mode: vertical-rl; color: var(--muted); font: 8px var(--mono); letter-spacing: .08em; }
.physical-structure { background: rgba(158, 170, 150, .15); }
.world-vocabulary { display: flex; flex-wrap: wrap; gap: 0; margin-top: 60px; border-top: 1px solid var(--ink); border-bottom: 1px solid var(--ink); }
.world-vocabulary span { padding: 14px 18px; border-right: 1px solid var(--ink); font: 500 clamp(18px, 2.5vw, 32px) var(--display); letter-spacing: -.07em; }

.simulation { background: var(--wash); }
.simulation-study { display: grid; grid-template-columns: repeat(4, 1fr); max-width: 1300px; margin: 90px auto 0; border-top: 1px solid var(--ink); border-bottom: 1px solid var(--ink); }
.sim-step { padding: 15px 17px 11px; border-right: 1px solid var(--ink); }
.sim-step:last-child { border-right: 0; }
.sim-step > span { display: block; color: var(--red); font: 10px var(--mono); }
.sim-step strong { display: block; margin-top: 20px; font: 500 26px var(--display); letter-spacing: -.07em; }
.sim-step svg { display: block; width: 100%; margin-top: 25px; }

.reality { min-height: 850px; display: grid; place-items: center; padding: 25px var(--gutter) 100px; }
.reality-inner { width: 100%; max-width: 1300px; text-align: center; }
.reality-inner .index { text-align: left; }
.reality h2 { font-size: clamp(59px, 9vw, 132px); }
.reality-statement { margin: 55px auto 72px; }
.reality-statement p { margin: 0; font: 500 clamp(24px, 3.5vw, 50px)/1 var(--display); letter-spacing: -.08em; }
.reality-statement p + p { margin-top: 12px; }
.reality-statement em { color: var(--red); font-style: normal; }
.reality-check { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; max-width: 870px; margin: auto; border-top: 1px solid var(--night-line); border-bottom: 1px solid var(--night-line); }
.reality-check > div { padding: 14px 16px; text-align: left; }
.reality-check > div + div { border-left: 1px solid var(--night-line); }
.reality-check > div > span { display: block; color: rgba(243, 241, 234, .55); font: 9px var(--mono); letter-spacing: .08em; }
.reality-check svg { display: block; width: 100%; margin-top: 11px; }
.reality-check > b { padding: 0 15px; color: var(--red); font: 9px var(--mono); letter-spacing: .07em; }

.physical-ai { padding: clamp(110px, 14vw, 190px) var(--gutter); background: var(--red); }
.physical-ai-inner { display: grid; grid-template-columns: .85fr 1fr 1.15fr; gap: clamp(30px, 7vw, 100px); max-width: 1300px; margin: auto; }
.physical-ai .index { grid-column: 1 / -1; margin-bottom: 0; color: rgba(243, 241, 234, .7); }
.physical-ai h2 { color: var(--paper); }
.physical-ai-copy > p { max-width: 330px; margin: 33px 0 0; color: rgba(243, 241, 234, .82); line-height: 1.65; }
.staggered-words { display: grid; align-content: center; gap: 1px; color: var(--paper); }
.staggered-words span { display: block; font: 500 clamp(30px, 4.5vw, 66px)/.88 var(--display); letter-spacing: -.09em; }
.staggered-words span:nth-child(2) { padding-left: 13%; }
.staggered-words span:nth-child(3) { padding-left: 7%; color: var(--night); }
.staggered-words span:nth-child(4) { padding-left: 21%; }
.staggered-words span:nth-child(5) { padding-left: 12%; color: var(--night); }

.safety { padding: clamp(110px, 14vw, 190px) var(--gutter); background: var(--paper-light); }
.safety .section-intro { margin-top: 0; }
.safety-field { max-width: 1300px; margin: 90px auto 0; padding: 16px 0 0; border-top: 1px solid var(--ink); }
.safety-field svg { display: block; width: 100%; }
.safe-region { fill: rgba(158, 170, 150, .26); }
.safety-boundary { fill: none; stroke: var(--red); stroke-width: 2.4; }
.safety-guide { stroke: var(--line); stroke-width: 1; }

.applications { background: var(--wash); }
.applications-head { margin-top: 0; }
.application-list { list-style: none; padding: 0; margin: 88px auto 0; max-width: 1300px; border-top: 1px solid var(--ink); }
.application-list li { position: relative; display: grid; grid-template-columns: 9% 1fr 1fr; gap: 20px; align-items: baseline; padding: 15px 0; border-bottom: 1px solid var(--ink); transition: padding .25s ease, background .25s ease; }
.application-list li:before { position: absolute; left: -16px; content: ""; width: 7px; height: 7px; background: var(--red); opacity: 0; transition: opacity .2s ease; }
.application-list li:hover { padding-left: 13px; background: linear-gradient(90deg, rgba(201, 80, 69, .1), transparent 48%); }
.application-list li:hover:before { opacity: 1; }
.application-list b,
.application-list span { color: var(--muted); font: 10px var(--mono); letter-spacing: .07em; }
.application-list b { color: var(--red); }
.application-list strong { font: 500 clamp(21px, 3vw, 41px) var(--display); letter-spacing: -.07em; }

.trilogy { padding: clamp(110px, 14vw, 190px) var(--gutter); background: var(--paper-light); }
.trilogy-heading { max-width: 1300px; margin: auto; }
.trilogy-heading > p:last-child { max-width: 490px; margin: 31px 0 0; color: var(--muted); line-height: 1.6; }
.trilogy-planes { display: grid; grid-template-columns: 1fr .75fr 1fr; max-width: 1300px; min-height: 460px; margin: 83px auto 0; border-top: 1px solid var(--ink); border-bottom: 1px solid var(--ink); }
.trilogy-planes article { display: flex; flex-direction: column; min-height: 460px; padding: 20px; border-right: 1px solid var(--ink); background: var(--wash); }
.trilogy-planes article:last-child { border-right: 0; }
.trilogy-planes .axiom-plane { color: var(--paper); background: var(--night); }
.trilogy-planes span { color: var(--red); font: 10px var(--mono); }
.trilogy-planes strong { margin: auto 0 14px; font: 500 clamp(48px, 8vw, 108px)/.83 var(--display); letter-spacing: -.1em; }
.trilogy-planes small { font: 500 clamp(18px, 2vw, 28px)/1 var(--display); letter-spacing: -.06em; }
.trilogy-planes i { margin-top: 50px; color: var(--muted); font: 9px var(--mono); font-style: normal; letter-spacing: .06em; }
.axiom-plane i { color: rgba(243, 241, 234, .58); }

.name { background: var(--paper); }
.name-heading { max-width: 1300px; margin: auto; }
.name-columns { display: grid; grid-template-columns: 1fr 70px 1fr; max-width: 1300px; margin: 90px auto 0; border-top: 1px solid var(--ink); border-bottom: 1px solid var(--ink); }
.name-columns article { padding: 23px 22px 41px 0; }
.name-columns article:last-child { padding-left: 22px; border-left: 1px solid var(--ink); }
.name-columns article > span { font: 500 clamp(45px, 7vw, 102px) var(--display); letter-spacing: -.1em; }
.name-columns article p { max-width: 270px; margin: 26px 0 0; color: var(--muted); line-height: 1.55; }
.name-plus { display: grid; place-items: center; color: var(--red); font: 36px var(--display); border-left: 1px solid var(--ink); }
.name-lockup { max-width: 1300px; margin: 70px auto 0; }
.name-lockup > span,
.name-lockup > i,
.name-lockup > b { font: 500 clamp(27px, 4vw, 60px) var(--display); letter-spacing: -.09em; }
.name-lockup > i { color: var(--red); font-style: normal; }
.name-lockup > b { margin: 0 10px; font-weight: 400; color: var(--muted); }
.name-lockup > strong { display: block; margin-top: 15px; font: 500 clamp(39px, 7vw, 106px)/.86 var(--display); letter-spacing: -.1em; }
.name-lockup > p { margin: 23px 0 0; color: var(--muted); }

.acquire {
  position: relative;
  min-height: 920px;
  display: grid;
  align-items: center;
  padding: 75px var(--gutter) 35px;
  color: var(--paper);
  background: var(--night);
  overflow: hidden;
}

.acquire-field { position: absolute; inset: 0; opacity: .46; }
.final-field-svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.final-field-svg.mobile-field { display: none; }
.final-guide { stroke: rgba(243, 241, 234, .18); stroke-width: 1; }
.final-orbit { fill: none; stroke: rgba(158, 170, 150, .14); stroke-width: 1; }
.final-plane { fill: rgba(158, 170, 150, .15); stroke: var(--sage); stroke-width: 1; }
.final-line { stroke: rgba(243, 241, 234, .75); stroke-width: 1.5; }
.final-body { fill: var(--night); stroke: var(--paper); stroke-width: 2; }
.final-dot { fill: var(--sage); }
.final-invalid { stroke: rgba(243, 241, 234, .55); stroke-width: 1.8; stroke-dasharray: 5 9; }
.final-valid { stroke: var(--sage); stroke-width: 2; stroke-dasharray: 900; stroke-dashoffset: 900; animation: final-path 12s 1s ease-in-out infinite; }
.final-boundary { stroke: var(--red); stroke-width: 2.3; }
.final-label { fill: rgba(243, 241, 234, .62); font: 10px var(--mono); letter-spacing: .08em; }
.red-label { fill: var(--red); }
.sage-label { fill: var(--sage); }
.final-red-mark { fill: var(--red); }

@keyframes final-path {
  0%, 12% { stroke-dashoffset: 900; opacity: .25; }
  31%, 82% { stroke-dashoffset: 0; opacity: 1; }
  100% { stroke-dashoffset: -100; opacity: .35; }
}

.acquire-content,
.acquire-meta { position: relative; z-index: 1; max-width: 1300px; }
.acquire-content { width: min(760px, 100%); margin: auto; text-align: center; }
.acquire-content .eyebrow { justify-content: center; color: rgba(243, 241, 234, .62); }
.acquire-content h2 { margin: 26px 0 27px; font-size: clamp(48px, 7.1vw, 111px); color: var(--paper); }
.acquire-content > p:not(.eyebrow) { max-width: 510px; margin: auto; color: rgba(243, 241, 234, .66); line-height: 1.6; }
.acquire-content .button { margin-top: 30px; }
.acquire-content > small { display: block; margin-top: 15px; color: rgba(243, 241, 234, .48); font: 9px var(--mono); letter-spacing: .08em; }
.acquire-meta { align-self: end; display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; width: 100%; margin: 90px auto 0; padding-top: 16px; border-top: 1px solid var(--night-line); }
.acquire-meta div { min-width: 0; }
.acquire-meta dt { color: rgba(243, 241, 234, .45); }
.acquire-meta dd { margin: 7px 0 0; color: var(--paper); line-height: 1.35; font-size: 10px; }

.site-footer {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 25px;
  align-items: start;
  padding: 30px var(--gutter) 22px;
  border-top: 1px solid var(--line-dark);
  background: var(--paper);
}

.site-footer strong { font: 700 14px var(--display); letter-spacing: -.05em; }
.site-footer p { margin: 8px 0 0; color: var(--muted); font: 10px var(--mono); letter-spacing: .05em; }
.site-footer > a { justify-self: end; padding-bottom: 4px; border-bottom: 1px solid var(--ink); font-size: 12px; }
.site-footer > a:hover { color: var(--red); border-color: var(--red); }
.site-footer small { grid-column: 1 / -1; padding-top: 13px; border-top: 1px solid var(--line); color: var(--muted); font-size: 9px; }

@media (max-width: 980px) {
  .site-header nav { grid-template-columns: 1fr auto; }
  .nav-index { display: none; position: absolute; top: 78px; left: 20px; right: 20px; flex-direction: column; align-items: stretch; gap: 0; padding: 7px 14px 14px; border: 1px solid var(--line); background: var(--paper-light); box-shadow: 0 16px 30px rgba(23, 24, 22, .1); }
  .nav-index.is-open { display: flex; }
  .nav-index a { padding: 12px 0; border-bottom: 1px solid var(--line); }
  .nav-index a:last-child { border-bottom: 0; }
  .nav-acquire { grid-column: 2; grid-row: 1; }
  .menu-toggle { display: grid; grid-column: 2; grid-row: 1; justify-self: end; gap: 4px; width: 38px; height: 38px; padding: 10px; border: 1px solid var(--line); background: transparent; }
  .menu-toggle span:not(.sr-only) { display: block; width: 16px; height: 1px; background: var(--ink); transition: transform .2s ease; }
  .menu-toggle + .nav-index + .nav-acquire { display: none; }
  .menu-toggle[aria-expanded="true"] span:first-child { transform: translateY(5px) rotate(45deg); }
  .menu-toggle[aria-expanded="true"] span:nth-child(2) { transform: translateY(-1px) rotate(-45deg); }
  .hero { min-height: auto; }
  .hero-copy { margin-top: 80px; }
  .support, .persistence { grid-template-columns: 1fr; }
  .support-copy, .persistence-copy { max-width: 700px; }
  .state-studies { width: 100%; }
  .physical-ai-inner { grid-template-columns: 1fr 1fr; }
  .physical-ai .index { grid-column: 1 / -1; }
  .physical-ai-copy { grid-column: 1; }
  .staggered-words { grid-column: 2; }
  .acquire { min-height: 850px; }
}

@media (max-width: 760px) {
  .site-header nav { min-height: 70px; }
  .nav-index { top: 70px; }
  .brand strong { font-size: 15px; }
  .brand small { font-size: 8px; }
  .nav-acquire { display: none; }
  .section-index { gap: 8px; font-size: 8px; }
  .section-index i { min-width: 10px; }
  .hero { padding-top: 18px; }
  .hero-copy { margin-top: 68px; margin-bottom: 44px; }
  .hero h1 { font-size: clamp(51px, 12vw, 84px); }
  .field-topline, figcaption { font-size: 8px; }
  .field-topline span:last-child, figcaption span:last-child { text-align: right; }
  .desktop-field { display: none; }
  .mobile-field { display: block; }
  .hero-axiom { grid-template-columns: 1fr auto; gap: 8px 14px; }
  .hero-axiom strong { grid-column: 1 / -1; grid-row: 2; }
  .hero-axiom small { grid-column: 2; grid-row: 1; }
  .split-heading, .section-intro, .constraint-top, .geometry-layout, .world-layout, .applications-head { grid-template-columns: 1fr; gap: 32px; margin-top: 58px; }
  h2 { font-size: clamp(42px, 12vw, 68px); }
  .rule-words, .study-grid, .contact-states, .cause-study, .simulation-study { margin-top: 58px; }
  .rule-words > div { grid-template-columns: 35px 1fr; padding: 16px 0; }
  .rule-words strong { font-size: clamp(31px, 9vw, 54px); }
  .rule-words strong i { display: block; margin-top: 4px; }
  .study-grid { grid-template-columns: 1fr; }
  .study { min-height: 0; padding: 18px 17px 22px; }
  .study-visual { min-height: 190px; }
  .study-foot { margin-top: 27px; }
  .state-studies, .contact-states, .simulation-study { grid-template-columns: 1fr; }
  .state-studies article, .contact-states article, .sim-step { min-height: 255px; border-right: 0; border-bottom: 1px solid var(--ink); }
  .state-studies article:last-child, .contact-states article:last-child, .sim-step:last-child { border-bottom: 0; }
  .contact-states article { border-bottom-color: var(--night-line); }
  .constraint-field { grid-template-columns: 1fr; gap: 25px; margin-top: 58px; }
  .constraint-list { border-left: 0; border-top: 1px solid var(--ink); }
  .cause-study { grid-template-columns: 1fr; }
  .cause-state { padding: 17px 15px; }
  .cause-state + .cause-state { border-left: 0; border-top: 1px solid var(--ink); }
  .intervention { grid-row: 2; padding: 18px; border-top: 1px solid var(--ink); border-bottom: 1px solid var(--ink); }
  .invariant-states { grid-template-columns: 1fr; }
  .invariant-states article { border-right: 0; border-bottom: 1px solid var(--ink); }
  .invariant-states article:last-child { border-bottom: 0; }
  .invariant-key { display: grid; grid-template-columns: 1fr 1fr; }
  .corridor-study { padding-left: 0; border-left: 0; border-top: 1px solid var(--ink); padding-top: 22px; }
  .time-axis { grid-template-columns: repeat(4, auto); justify-content: space-between; }
  .time-axis i { display: none; }
  .time-states { grid-template-columns: 1fr 1fr; }
  .time-states article:nth-child(2) { border-right: 0; }
  .time-states article:nth-child(-n + 2) { border-bottom: 1px solid var(--night-line); }
  .world-layout { gap: 50px; }
  .world-visual { grid-template-columns: 1fr; }
  .world-divider { min-height: 48px; grid-template-columns: auto 1fr; border: 0; border-top: 1px solid var(--ink); border-bottom: 1px solid var(--ink); padding: 8px 13px; }
  .world-divider small { writing-mode: initial; }
  .world-vocabulary { margin-top: 48px; }
  .world-vocabulary span { flex: 1 0 33%; padding: 12px; border-bottom: 1px solid var(--ink); font-size: 25px; }
  .physical-ai-inner { grid-template-columns: 1fr; }
  .physical-ai-copy, .staggered-words { grid-column: 1; }
  .staggered-words { margin-top: 35px; }
  .safety .section-intro { margin-top: 0; }
  .safety-field { margin-top: 55px; }
  .application-list { margin-top: 58px; }
  .application-list li { grid-template-columns: 35px 1fr; gap: 9px; }
  .application-list span { grid-column: 2; }
  .application-list strong { font-size: 27px; }
  .trilogy-planes { grid-template-columns: 1fr; min-height: 0; margin-top: 58px; }
  .trilogy-planes article { min-height: 300px; border-right: 0; border-bottom: 1px solid var(--ink); }
  .trilogy-planes article:last-child { border-bottom: 0; }
  .name-columns { grid-template-columns: 1fr; margin-top: 58px; }
  .name-columns article, .name-columns article:last-child { padding: 22px 17px 34px; border-left: 0; border-bottom: 1px solid var(--ink); }
  .name-plus { min-height: 56px; border-left: 0; border-bottom: 1px solid var(--ink); }
  .name-lockup { margin-top: 54px; }
  .name-lockup > strong { font-size: clamp(36px, 10vw, 68px); }
  .acquire { min-height: 900px; padding-top: 55px; }
  .acquire-field { opacity: .68; }
  .acquire-field .desktop-field { display: none; }
  .acquire-field .mobile-field { display: block; }
  .acquire-content { margin-top: 32px; }
  .acquire-content h2 { font-size: clamp(43px, 11vw, 72px); }
  .acquire-meta { grid-template-columns: 1fr 1fr; gap: 18px 20px; margin-top: 60px; }
  .site-footer { grid-template-columns: 1fr; }
  .site-footer > a { justify-self: start; }
}

@media (max-width: 430px) {
  :root { --gutter: 18px; }
  .brand-mark { width: 24px; height: 24px; }
  .brand strong { font-size: 14px; }
  .brand small { font-size: 7px; letter-spacing: .04em; }
  .hero h1 { font-size: clamp(47px, 13vw, 62px); }
  .hero-actions { align-items: stretch; flex-direction: column; gap: 13px; }
  .button { width: 100%; justify-content: space-between; }
  .field-topline { display: block; line-height: 1.55; }
  .field-topline span:last-child { display: block; margin-top: 5px; text-align: left; }
  figcaption { display: block; line-height: 1.5; }
  figcaption span { display: block; }
  figcaption span:last-child { margin-top: 4px; text-align: left; }
  .hero-axiom { grid-template-columns: 1fr; }
  .hero-axiom small { grid-column: 1; grid-row: auto; }
  .hero-axiom strong { grid-row: auto; }
  .section-index span:nth-last-child(1) { display: none; }
  .section-index i:last-of-type { display: none; }
  .invariant-key { grid-template-columns: 1fr; }
  .world-vocabulary span { flex-basis: 50%; }
  .world-vocabulary span:nth-child(2n) { border-right: 0; }
  .reality { min-height: 760px; }
  .reality-check { grid-template-columns: 1fr; }
  .reality-check > div + div { border-left: 0; border-top: 1px solid var(--night-line); }
  .reality-check > b { padding: 14px 16px; text-align: left; border-top: 1px solid var(--night-line); }
  .acquire { min-height: 840px; }
  .acquire-meta { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *:before, *:after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  [data-reveal] { opacity: 1; transform: none; }
  .nav-index { transition: none; }
}