:root {
  --site-accent: #7c86ff;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  background: var(--r-color-canvas);
  scroll-behavior: smooth;
  scroll-padding-top: calc(var(--r-header-height) + 3rem);
}

body {
  margin: 0;
  min-width: 20rem;
  overflow-x: hidden;
  background: var(--r-color-canvas);
  color: var(--r-color-ink);
  font-family: var(--r-font-body);
  font-size: var(--r-text-md);
  line-height: var(--r-leading-body);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

body::selection,
body *::selection {
  background: var(--r-color-ink);
  color: var(--r-color-canvas);
}

img,
svg {
  display: block;
  max-width: 100%;
}

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

button,
input,
textarea,
select {
  font: inherit;
}

button:disabled {
  opacity: 1;
}

:focus-visible {
  border-radius: var(--r-radius-xs);
  outline: 2px solid var(--r-color-ink);
  outline-offset: 4px;
}

[tabindex="-1"]:focus {
  outline: none;
}

.skip-link {
  position: fixed;
  z-index: 100;
  top: var(--r-space-3);
  left: var(--r-space-3);
  padding: var(--r-space-3) var(--r-space-4);
  transform: translateY(-200%);
  background: var(--r-color-ink);
  color: var(--r-color-canvas);
  font-family: var(--r-font-mono);
  font-size: var(--r-text-xs);
  letter-spacing: var(--r-tracking-label);
  text-transform: uppercase;
  transition: transform var(--r-duration-fast) var(--r-ease-out);
}

.skip-link:focus {
  transform: translateY(0);
}

.page-grid {
  position: fixed;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgb(255 255 255 / 2.5%) 1px, transparent 1px),
    linear-gradient(90deg, rgb(255 255 255 / 2.5%) 1px, transparent 1px);
  background-size: 5rem 5rem;
  mask-image: linear-gradient(to bottom, black 0, transparent 58rem);
}

.system-line,
.site-header,
main,
.site-footer {
  position: relative;
  z-index: 1;
}

.system-line {
  display: flex;
  min-height: 1.875rem;
  align-items: center;
  justify-content: center;
  gap: var(--r-space-4);
  border-bottom: 1px solid var(--r-color-line);
  background: #030404;
  color: var(--r-color-ink-faint);
  font-family: var(--r-font-mono);
  font-size: 0.59375rem;
  letter-spacing: 0.16em;
  line-height: 1;
  text-align: center;
}

.system-line span:nth-child(3) {
  color: var(--r-color-ink-muted);
}

.site-header {
  position: sticky;
  z-index: 20;
  top: 0;
  display: grid;
  min-height: var(--r-header-height);
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  padding: 0 var(--r-page-gutter);
  border-bottom: 1px solid rgb(255 255 255 / 10%);
  background: rgb(7 8 8 / 87%);
  backdrop-filter: blur(18px);
}

.brand {
  width: auto;
}

.brand-wordmark {
  display: inline-flex;
  align-items: baseline;
  color: var(--r-color-ink);
  font-family: var(--r-font-display);
  font-size: clamp(1.3rem, 2vw, 1.6rem);
  font-weight: 800;
  letter-spacing: -0.04em;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}

.brand-os {
  color: var(--site-accent);
}

.desktop-navigation {
  display: flex;
  align-items: center;
  gap: clamp(1.25rem, 3vw, 3rem);
  color: var(--r-color-ink-muted);
  font-family: var(--r-font-mono);
  font-size: var(--r-text-2xs);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.desktop-navigation a,
.site-footer nav a {
  transition: color var(--r-duration-fast) var(--r-ease-out);
}

.desktop-navigation a:hover,
.site-footer nav a:hover {
  color: var(--r-color-ink);
}

.header-cta {
  display: inline-flex;
  min-height: 2.75rem;
  align-items: center;
  justify-self: end;
  gap: var(--r-space-4);
  padding: 0 var(--r-space-5);
  border: 1px solid var(--r-color-line-strong);
  color: var(--r-color-ink);
  font-family: var(--r-font-mono);
  font-size: var(--r-text-2xs);
  letter-spacing: var(--r-tracking-label);
  text-transform: uppercase;
  transition:
    border-color var(--r-duration-fast) var(--r-ease-out),
    background var(--r-duration-fast) var(--r-ease-out),
    color var(--r-duration-fast) var(--r-ease-out);
}

.header-cta:hover {
  border-color: var(--r-color-ink);
  background: var(--r-color-ink);
  color: var(--r-color-canvas);
}

.mobile-navigation {
  display: none;
  justify-self: end;
}

.hero {
  width: min(100%, var(--r-page-max));
  margin: 0 auto;
  padding: clamp(4.75rem, 10vw, 9rem) var(--r-page-gutter) 0;
}

.hero-copy {
  position: relative;
}

.release-pill {
  display: inline-flex;
  margin: 0 0 var(--r-space-6);
  padding: 0.45rem 0.7rem;
  border: 1px solid var(--r-color-line-strong);
  color: var(--r-color-ink-muted);
  font-family: var(--r-font-mono);
  font-size: var(--r-text-2xs);
  letter-spacing: var(--r-tracking-label);
}

.eyebrow {
  display: flex;
  align-items: center;
  gap: var(--r-space-4);
  margin: 0 0 var(--r-space-6);
  color: var(--r-color-ink-muted);
  font-family: var(--r-font-mono);
  font-size: var(--r-text-2xs);
  font-weight: 600;
  letter-spacing: var(--r-tracking-label);
  line-height: 1.4;
  text-transform: uppercase;
}

.eyebrow::before {
  width: 1.75rem;
  height: 1px;
  background: currentColor;
  content: "";
}

.eyebrow-index {
  display: inline-flex;
  min-height: 1.75rem;
  align-items: center;
  padding: 0 var(--r-space-3);
  border: 1px solid var(--r-color-line-strong);
  color: var(--r-color-ink);
}

.hero h1,
.error-page h1 {
  max-width: 13ch;
  margin: 0;
  font-family: var(--r-font-display);
  font-size: var(--r-text-display);
  font-stretch: condensed;
  font-weight: 700;
  letter-spacing: var(--r-tracking-tight);
  line-height: var(--r-leading-tight);
  text-transform: uppercase;
}

.hero h1 span,
.error-page h1 span {
  display: block;
}

.hero h1 .muted-line,
.error-page h1 span {
  color: var(--r-color-ink-faint);
}

.hero-intro {
  display: grid;
  max-width: 61rem;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: clamp(2rem, 6vw, 6rem);
  margin: clamp(2.5rem, 6vw, 5rem) 0 0 auto;
}

.hero-intro > p {
  max-width: 36rem;
  margin: 0;
  color: var(--r-color-ink-muted);
  font-size: clamp(1.05rem, 1.5vw, 1.3rem);
  line-height: 1.7;
}

.hero-lede {
  max-width: 42rem;
  margin: var(--r-space-8) 0 0;
  color: var(--r-color-ink-muted);
  font-size: clamp(1.05rem, 1.8vw, 1.35rem);
}

.hero-copy > .hero-actions {
  margin-top: var(--r-space-8);
}

.hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--r-space-3);
}

.button {
  display: inline-flex;
  min-height: 3.5rem;
  align-items: center;
  justify-content: space-between;
  gap: var(--r-space-8);
  padding: 0 var(--r-space-5);
  border: 1px solid var(--r-color-line-strong);
  font-family: var(--r-font-mono);
  font-size: var(--r-text-2xs);
  font-weight: 600;
  letter-spacing: var(--r-tracking-label);
  line-height: 1;
  text-transform: uppercase;
  transition:
    background var(--r-duration-fast) var(--r-ease-out),
    border-color var(--r-duration-fast) var(--r-ease-out),
    color var(--r-duration-fast) var(--r-ease-out),
    transform var(--r-duration-fast) var(--r-ease-out);
}

.button:hover {
  transform: translateY(-2px);
}

.button-primary {
  border-color: var(--r-color-ink);
  background: var(--r-color-ink);
  color: var(--r-color-canvas);
}

.button-primary:hover {
  background: transparent;
  color: var(--r-color-ink);
}

.button-secondary {
  background: rgb(255 255 255 / 2%);
  color: var(--r-color-ink);
}

.button-secondary:hover {
  border-color: var(--r-color-ink);
  background: rgb(255 255 255 / 7%);
}

.button-arrow {
  font-size: var(--r-text-md);
}

.system-facts {
  display: grid;
  margin-top: clamp(4rem, 9vw, 8rem);
  grid-template-columns: repeat(3, minmax(9rem, 1fr)) minmax(16rem, 2fr);
  border-top: 1px solid var(--r-color-line);
  border-bottom: 1px solid var(--r-color-line);
}

.system-facts > div,
.system-facts > p {
  min-height: 7.5rem;
  margin: 0;
  padding: var(--r-space-5);
  border-right: 1px solid var(--r-color-line);
}

.screenshot-showcase {
  margin-top: clamp(4rem, 9vw, 7rem);
}

.showcase-heading {
  display: grid;
  grid-template-columns: minmax(8rem, 0.35fr) 1fr auto;
  align-items: end;
  gap: var(--r-space-6);
  margin-bottom: var(--r-space-5);
  color: var(--r-color-ink-faint);
  font-family: var(--r-font-mono);
  font-size: var(--r-text-2xs);
  letter-spacing: var(--r-tracking-label);
}

.showcase-heading p,
.showcase-heading h2 {
  margin: 0;
}

.showcase-heading h2 {
  max-width: 28rem;
  color: var(--r-color-ink);
  font-family: var(--r-font-display);
  font-size: clamp(1.8rem, 4vw, 3.25rem);
  letter-spacing: -0.04em;
  line-height: 0.95;
  text-transform: uppercase;
}

.showcase-primary,
.showcase-grid figure {
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--r-color-line-strong);
  background: var(--r-color-surface);
}

.showcase-primary img,
.showcase-grid img {
  width: 100%;
  height: auto;
}

.showcase-primary figcaption,
.showcase-grid figcaption {
  padding: var(--r-space-4) var(--r-space-5);
  border-top: 1px solid var(--r-color-line);
  color: var(--r-color-ink-muted);
  font-family: var(--r-font-mono);
  font-size: var(--r-text-2xs);
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.showcase-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--r-space-4);
  margin-top: var(--r-space-4);
}

.system-facts > div {
  display: flex;
  align-items: center;
  gap: var(--r-space-4);
}

.system-facts strong {
  color: var(--r-color-ink);
  font-family: var(--r-font-display);
  font-size: 2.75rem;
  font-weight: 500;
  letter-spacing: -0.05em;
  line-height: 1;
}

.system-facts span,
.system-facts p {
  color: var(--r-color-ink-faint);
  font-family: var(--r-font-mono);
  font-size: 0.625rem;
  letter-spacing: 0.13em;
  line-height: 1.55;
  text-transform: uppercase;
}

.system-facts > p {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  border-right: 0;
  text-align: right;
}

.control-plane {
  position: relative;
  margin: clamp(2.5rem, 6vw, 5rem) 0 0;
  overflow: hidden;
  border: 1px solid var(--r-color-line-strong);
  background: #090a0a;
  box-shadow: var(--r-shadow-high);
}

.control-plane[hidden] {
  display: none;
}

.control-plane::after {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(115deg, rgb(255 255 255 / 3%), transparent 27%);
  content: "";
}

.control-plane figcaption,
.visual-topline,
.terminal-top {
  display: flex;
  min-height: 2.5rem;
  align-items: center;
  justify-content: space-between;
  padding: 0 var(--r-space-4);
  border-bottom: 1px solid var(--r-color-line);
  color: var(--r-color-ink-faint);
  font-family: var(--r-font-mono);
  font-size: 0.5625rem;
  letter-spacing: 0.14em;
  line-height: 1;
}

.control-plane figcaption span:first-child,
.visual-topline span:first-child {
  color: var(--r-color-ink-muted);
}

.window-bar {
  display: grid;
  min-height: 3rem;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  padding: 0 var(--r-space-4);
  border-bottom: 1px solid var(--r-color-line);
  background: var(--r-color-surface);
  color: var(--r-color-ink-faint);
  font-family: var(--r-font-mono);
  font-size: 0.5625rem;
  letter-spacing: 0.08em;
}

.window-controls {
  display: flex;
  gap: var(--r-space-2);
}

.window-controls i {
  width: 0.5rem;
  height: 0.5rem;
  border: 1px solid var(--r-color-line-strong);
  border-radius: 50%;
}

.encrypted-label {
  justify-self: end;
  color: var(--r-color-ink-muted);
}

.product-shell {
  display: grid;
  min-height: 38rem;
  grid-template-columns: 4rem 13.5rem minmax(28rem, 1fr) 16rem;
  background: #0a0b0b;
}

.product-rail,
.channel-list,
.conversation {
  border-right: 1px solid var(--r-color-line);
}

.product-rail {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: var(--r-space-4) 0;
  background: #060707;
}

.product-rail > img {
  width: 2rem;
  height: 2rem;
}

.rail-icons {
  display: flex;
  flex-direction: column;
  gap: var(--r-space-3);
}

.rail-icons span,
.rail-avatar {
  display: grid;
  width: 2rem;
  height: 2rem;
  place-items: center;
  border: 1px solid transparent;
  color: var(--r-color-ink-faint);
  font-family: var(--r-font-mono);
  font-size: var(--r-text-xs);
}

.rail-icons .active {
  border-color: var(--r-color-line-strong);
  background: var(--r-color-surface-raised);
  color: var(--r-color-ink);
}

.rail-avatar {
  border-color: var(--r-color-line-strong);
  border-radius: 50%;
  color: var(--r-color-ink-muted);
  font-size: 0.5rem;
}

.channel-list {
  padding: var(--r-space-5) var(--r-space-4);
  background: #0d0f0f;
}

.workspace-title {
  display: flex;
  min-height: 3.75rem;
  flex-direction: column;
  justify-content: center;
  padding-bottom: var(--r-space-4);
  border-bottom: 1px solid var(--r-color-line);
  font-family: var(--r-font-mono);
  font-size: 0.625rem;
  font-weight: 600;
  letter-spacing: 0.12em;
}

.workspace-title small {
  margin-top: var(--r-space-1);
  color: var(--r-color-ink-faint);
  font-size: 0.5rem;
}

.channel-list > p {
  margin: var(--r-space-6) var(--r-space-2) var(--r-space-2);
  color: var(--r-color-ink-faint);
  font-family: var(--r-font-mono);
  font-size: 0.5rem;
  letter-spacing: 0.16em;
}

.channel-list ul {
  display: grid;
  gap: var(--r-space-1);
  margin: 0;
  padding: 0;
  list-style: none;
}

.channel-list li {
  display: flex;
  min-height: 2rem;
  align-items: center;
  gap: var(--r-space-2);
  padding: 0 var(--r-space-2);
  color: var(--r-color-ink-faint);
  font-size: 0.6875rem;
}

.channel-list li.selected {
  background: var(--r-color-surface-soft);
  color: var(--r-color-ink);
}

.channel-list li b {
  margin-left: auto;
  font-family: var(--r-font-mono);
  font-size: 0.5rem;
}

.replicant-list li {
  font-family: var(--r-font-mono);
  font-size: 0.5625rem;
  letter-spacing: 0.08em;
}

.replicant-list i,
.run-inspector header i {
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 50%;
  background: var(--r-color-positive);
  box-shadow: 0 0 0.75rem rgb(189 201 191 / 45%);
}

.replicant-list small {
  margin-left: auto;
  color: var(--r-color-ink-faint);
  font-size: 0.4375rem;
}

.conversation {
  display: grid;
  min-width: 0;
  grid-template-rows: auto 1fr auto;
  background: #0b0d0d;
}

.conversation > header {
  display: flex;
  min-height: 4.75rem;
  align-items: center;
  justify-content: space-between;
  padding: 0 var(--r-space-5);
  border-bottom: 1px solid var(--r-color-line);
}

.conversation > header > div {
  display: flex;
  align-items: center;
  gap: var(--r-space-3);
}

.channel-hash {
  color: var(--r-color-ink-faint);
  font-family: var(--r-font-mono);
  font-size: var(--r-text-xl);
}

.conversation header strong,
.conversation header small {
  display: block;
}

.conversation header strong {
  font-size: 0.75rem;
}

.conversation header small {
  margin-top: var(--r-space-1);
  color: var(--r-color-ink-faint);
  font-size: 0.5625rem;
}

.member-count {
  color: var(--r-color-ink-faint);
  font-family: var(--r-font-mono);
  font-size: 0.5rem;
  letter-spacing: 0.12em;
}

.message-list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--r-space-8);
  padding: var(--r-space-8) var(--r-space-6);
}

.message {
  display: grid;
  grid-template-columns: 2.25rem 1fr;
  gap: var(--r-space-3);
}

.agent-glyph {
  display: grid;
  width: 2.25rem;
  height: 2.25rem;
  place-items: center;
  border: 1px solid var(--r-color-line-strong);
  background: var(--r-color-surface-raised);
  color: var(--r-color-ink);
  font-family: var(--r-font-mono);
  font-size: 0.5625rem;
  letter-spacing: 0.08em;
}

.agent-glyph.inverse {
  background: var(--r-color-ink);
  color: var(--r-color-canvas);
}

.agent-glyph.compact {
  width: 1.875rem;
  height: 1.875rem;
  font-size: 0.5rem;
}

.message-meta {
  display: flex;
  align-items: baseline;
  gap: var(--r-space-2);
  margin: 0 0 var(--r-space-2);
  font-family: var(--r-font-mono);
  font-size: 0.5625rem;
  letter-spacing: 0.08em;
}

.message-meta span {
  color: var(--r-color-ink-faint);
  font-size: 0.4375rem;
}

.message > div > p:not(.message-meta) {
  max-width: 38rem;
  margin: 0;
  color: #c5c8c3;
  font-size: 0.6875rem;
  line-height: 1.75;
}

.message > div > p a {
  border-bottom: 1px solid var(--r-color-line-strong);
  color: var(--r-color-ink);
}

.message code {
  padding: 0.125rem 0.25rem;
  background: var(--r-color-surface-soft);
  color: var(--r-color-ink);
  font-family: var(--r-font-mono);
  font-size: 0.625rem;
}

.message-attachment {
  display: grid;
  max-width: 27rem;
  min-height: 3.75rem;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: var(--r-space-3);
  margin-top: var(--r-space-4);
  padding: 0 var(--r-space-3);
  border: 1px solid var(--r-color-line);
  background: var(--r-color-surface);
}

.file-glyph {
  display: grid;
  width: 1.75rem;
  height: 2.125rem;
  place-items: center;
  border: 1px solid var(--r-color-line-strong);
  font-family: var(--r-font-mono);
  font-size: 0.375rem;
}

.message-attachment strong,
.message-attachment small {
  display: block;
}

.message-attachment strong {
  font-size: 0.625rem;
}

.message-attachment small {
  margin-top: var(--r-space-1);
  color: var(--r-color-ink-faint);
  font-family: var(--r-font-mono);
  font-size: 0.4375rem;
  letter-spacing: 0.08em;
}

.run-summary {
  display: flex;
  flex-wrap: wrap;
  gap: var(--r-space-2);
  margin-top: var(--r-space-4);
}

.run-summary span {
  display: inline-flex;
  min-height: 1.625rem;
  align-items: center;
  gap: var(--r-space-2);
  padding: 0 var(--r-space-2);
  border: 1px solid var(--r-color-line);
  color: var(--r-color-ink-faint);
  font-family: var(--r-font-mono);
  font-size: 0.4375rem;
  letter-spacing: 0.08em;
}

.run-summary span:first-child {
  color: var(--r-color-ink-muted);
}

.run-summary i {
  width: 0.3125rem;
  height: 0.3125rem;
  border-radius: 50%;
  background: var(--r-color-positive);
}

.composer {
  display: flex;
  min-height: 4.5rem;
  align-items: center;
  justify-content: space-between;
  margin: 0 var(--r-space-5) var(--r-space-5);
  padding: 0 var(--r-space-4);
  border: 1px solid var(--r-color-line-strong);
  color: var(--r-color-ink-faint);
  font-size: 0.625rem;
}

.composer div {
  display: flex;
  gap: var(--r-space-1);
}

kbd {
  display: inline-grid;
  min-width: 1.25rem;
  height: 1.25rem;
  place-items: center;
  border: 1px solid var(--r-color-line);
  background: var(--r-color-surface-raised);
  color: var(--r-color-ink-faint);
  font-family: var(--r-font-mono);
  font-size: 0.5rem;
  box-shadow: none;
}

.run-inspector {
  padding: var(--r-space-5);
  background: #090b0b;
}

.run-inspector > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: var(--r-space-4);
  border-bottom: 1px solid var(--r-color-line);
  color: var(--r-color-ink-faint);
  font-family: var(--r-font-mono);
  font-size: 0.5rem;
  letter-spacing: 0.14em;
}

.run-identity {
  display: flex;
  align-items: center;
  gap: var(--r-space-3);
  margin-top: var(--r-space-6);
}

.run-identity strong,
.run-identity small {
  display: block;
  font-family: var(--r-font-mono);
  font-size: 0.5625rem;
  letter-spacing: 0.08em;
}

.run-identity small {
  margin-top: var(--r-space-1);
  color: var(--r-color-ink-faint);
  font-size: 0.4375rem;
}

.run-task {
  margin: var(--r-space-5) 0;
  color: var(--r-color-ink-muted);
  font-size: 0.6875rem;
  line-height: 1.7;
}

.run-timeline {
  display: grid;
  margin: 0 0 var(--r-space-6);
}

.run-timeline > div {
  position: relative;
  display: grid;
  min-height: 3.375rem;
  grid-template-columns: 1rem 1fr;
  gap: var(--r-space-2);
}

.run-timeline > div:not(:last-child)::before {
  position: absolute;
  top: 0.75rem;
  bottom: -0.25rem;
  left: 0.1875rem;
  width: 1px;
  background: var(--r-color-line);
  content: "";
}

.run-timeline i {
  position: relative;
  z-index: 1;
  width: 0.4375rem;
  height: 0.4375rem;
  margin-top: 0.3125rem;
  border: 1px solid var(--r-color-line-strong);
  border-radius: 50%;
  background: var(--r-color-surface);
}

.run-timeline .complete i {
  border-color: var(--r-color-positive);
  background: var(--r-color-positive);
}

.run-timeline .active i {
  background: var(--r-color-ink);
  box-shadow: 0 0 0 0.25rem rgb(243 244 239 / 8%);
  animation: signal-pulse 1.8s ease-in-out infinite;
}

.run-timeline strong,
.run-timeline small {
  display: block;
  font-family: var(--r-font-mono);
  font-size: 0.46875rem;
  letter-spacing: 0.08em;
}

.run-timeline small {
  margin-top: var(--r-space-1);
  color: var(--r-color-ink-faint);
  font-size: 0.40625rem;
}

.usage-list {
  margin: 0;
  border-top: 1px solid var(--r-color-line);
}

.usage-list > div {
  display: flex;
  min-height: 2rem;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--r-color-line);
  font-family: var(--r-font-mono);
  font-size: 0.4375rem;
}

.usage-list dt {
  color: var(--r-color-ink-faint);
}

.usage-list dd {
  margin: 0;
  color: var(--r-color-ink-muted);
}

.run-inspector button {
  width: 100%;
  min-height: 2.5rem;
  margin-top: var(--r-space-5);
  border: 1px solid var(--r-color-line-strong);
  background: transparent;
  color: var(--r-color-ink-muted);
  font-family: var(--r-font-mono);
  font-size: 0.5rem;
  letter-spacing: var(--r-tracking-label);
}

.section-cue {
  display: flex;
  min-height: 8rem;
  align-items: center;
  justify-content: space-between;
  color: var(--r-color-ink-faint);
  font-family: var(--r-font-mono);
  font-size: var(--r-text-2xs);
  letter-spacing: var(--r-tracking-label);
  text-transform: uppercase;
}

.section-cue span:last-child {
  font-size: var(--r-text-xl);
}

.section-shell {
  display: grid;
  width: min(100%, var(--r-page-max));
  margin: 0 auto;
  grid-template-columns: clamp(5rem, 10vw, 9rem) minmax(0, 1fr);
  padding-right: var(--r-page-gutter);
  padding-left: var(--r-page-gutter);
}

.section-marker {
  padding-top: var(--r-space-2);
  border-right: 1px solid var(--r-color-line);
}

.section-marker span,
.section-marker p {
  display: block;
  margin: 0;
  color: var(--r-color-ink-faint);
  font-family: var(--r-font-mono);
  font-size: var(--r-text-2xs);
  letter-spacing: var(--r-tracking-label);
}

.section-marker span {
  margin-bottom: var(--r-space-6);
  color: var(--r-color-ink);
}

.section-marker p {
  writing-mode: vertical-rl;
}

.manifesto {
  padding-top: clamp(7rem, 14vw, 13rem);
  padding-bottom: clamp(7rem, 14vw, 13rem);
  border-top: 1px solid var(--r-color-line);
}

.manifesto-copy,
.harness-content,
.team-content,
.security-content {
  min-width: 0;
  padding-left: clamp(2rem, 6vw, 7rem);
}

.manifesto h2,
.section-heading h2,
.feature-copy h2,
.inspect-heading h2,
.security-heading h2,
.launch-section h2 {
  margin: 0;
  font-family: var(--r-font-display);
  font-size: var(--r-text-2xl);
  font-weight: 700;
  letter-spacing: -0.055em;
  line-height: 0.96;
  text-transform: uppercase;
}

.manifesto h2 span,
.section-heading h2 span,
.feature-copy h2 span,
.inspect-heading h2 span,
.security-heading h2 span,
.launch-section h2 span {
  color: var(--r-color-ink-faint);
}

.manifesto-columns {
  display: grid;
  max-width: 58rem;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(2rem, 6vw, 6rem);
  margin: clamp(3rem, 7vw, 6rem) 0 0 auto;
}

.manifesto-columns p,
.split-heading > p,
.feature-copy > p:not(.feature-number),
.security-heading > p:last-child {
  margin: 0;
  color: var(--r-color-ink-muted);
  font-size: var(--r-text-lg);
  line-height: 1.8;
}

.capability-band {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-top: 1px solid var(--r-color-line);
  border-bottom: 1px solid var(--r-color-line);
  background: var(--r-color-surface);
}

.capability-band div {
  display: flex;
  min-height: 8rem;
  align-items: center;
  gap: var(--r-space-4);
  padding: var(--r-space-5) var(--r-page-gutter);
  border-right: 1px solid var(--r-color-line);
  color: var(--r-color-ink-muted);
  font-family: var(--r-font-mono);
  font-size: var(--r-text-2xs);
  letter-spacing: 0.11em;
}

.capability-band div:last-child {
  border-right: 0;
}

.capability-band span {
  color: var(--r-color-ink-faint);
}

.harness-section,
.team-section,
.security-section {
  padding-top: clamp(7rem, 13vw, 12rem);
  padding-bottom: clamp(7rem, 13vw, 12rem);
}

.split-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(17rem, 0.8fr);
  gap: clamp(3rem, 8vw, 9rem);
  align-items: end;
}

.split-heading > p {
  max-width: 31rem;
  padding-bottom: var(--r-space-2);
}

.harness-grid {
  display: grid;
  margin-top: clamp(4rem, 9vw, 8rem);
  grid-template-columns: repeat(4, 1fr);
  border-top: 1px solid var(--r-color-line-strong);
  border-bottom: 1px solid var(--r-color-line-strong);
}

.harness-grid article {
  position: relative;
  min-height: 29rem;
  padding: var(--r-space-6);
  border-right: 1px solid var(--r-color-line);
  background: linear-gradient(180deg, rgb(255 255 255 / 2%), transparent);
  transition: background var(--r-duration-base) var(--r-ease-out);
}

.harness-grid article:last-child {
  border-right: 0;
}

.harness-grid article:hover {
  background: var(--r-color-surface-raised);
}

.adapter-index {
  display: block;
  color: var(--r-color-ink-faint);
  font-family: var(--r-font-mono);
  font-size: 0.625rem;
  letter-spacing: var(--r-tracking-label);
  text-align: right;
}

.adapter-mark {
  display: grid;
  width: 4.5rem;
  height: 4.5rem;
  margin-top: var(--r-space-12);
  place-items: center;
  border: 1px solid var(--r-color-line-strong);
  color: var(--r-color-ink);
  font-family: var(--r-font-mono);
  font-size: var(--r-text-sm);
  letter-spacing: 0.12em;
}

.harness-grid h3 {
  min-height: 4.25rem;
  margin: var(--r-space-8) 0 var(--r-space-4);
  font-family: var(--r-font-display);
  font-size: clamp(1.5rem, 2vw, 2rem);
  letter-spacing: -0.035em;
  line-height: 1.05;
  text-transform: uppercase;
}

.harness-grid article > p {
  min-height: 6rem;
  margin: 0;
  color: var(--r-color-ink-muted);
  font-size: var(--r-text-sm);
  line-height: 1.7;
}

.harness-grid ul {
  display: grid;
  gap: var(--r-space-2);
  margin: var(--r-space-6) 0 0;
  padding: 0;
  color: var(--r-color-ink-faint);
  font-family: var(--r-font-mono);
  font-size: 0.5625rem;
  letter-spacing: 0.1em;
  list-style: none;
}

.harness-grid li::before {
  margin-right: var(--r-space-2);
  content: "+";
}

.contract-strip {
  display: flex;
  min-height: 6rem;
  align-items: center;
  gap: var(--r-space-4);
  color: var(--r-color-ink-faint);
  font-family: var(--r-font-mono);
  font-size: 0.5625rem;
  letter-spacing: 0.12em;
}

.contract-strip > span {
  margin-right: auto;
  color: var(--r-color-ink-muted);
}

.contract-strip p {
  margin: 0;
}

.contract-strip i {
  width: clamp(1rem, 3vw, 3rem);
  height: 1px;
  background: var(--r-color-line-strong);
}

.feature-section {
  display: grid;
  min-height: 52rem;
  grid-template-columns: minmax(0, 1.15fr) minmax(26rem, 0.85fr);
  border-top: 1px solid var(--r-color-line);
  border-bottom: 1px solid var(--r-color-line);
}

.feature-section.reverse {
  grid-template-columns: minmax(26rem, 0.85fr) minmax(0, 1.15fr);
}

.feature-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(4rem, 9vw, 9rem) var(--r-page-gutter);
}

.feature-copy > p:not(.feature-number) {
  max-width: 34rem;
  margin-top: var(--r-space-8);
}

.feature-number {
  margin: 0 0 var(--r-space-8);
  color: var(--r-color-ink-faint);
  font-family: var(--r-font-mono);
  font-size: var(--r-text-2xs);
  letter-spacing: var(--r-tracking-label);
}

.feature-list {
  max-width: 36rem;
  margin: var(--r-space-12) 0 0;
  padding: 0;
  border-top: 1px solid var(--r-color-line);
  list-style: none;
}

.feature-list li {
  display: grid;
  min-height: 3.75rem;
  grid-template-columns: 3rem 1fr;
  align-items: center;
  border-bottom: 1px solid var(--r-color-line);
  color: var(--r-color-ink-muted);
  font-family: var(--r-font-mono);
  font-size: 0.625rem;
  letter-spacing: 0.1em;
}

.feature-list span {
  color: var(--r-color-ink-faint);
}

.feature-visual {
  position: relative;
  min-width: 0;
  margin: clamp(2rem, 5vw, 5rem);
  overflow: hidden;
  border: 1px solid var(--r-color-line-strong);
  background: #090b0b;
  box-shadow: var(--r-shadow-high);
}

.memory-visual {
  display: grid;
  grid-template-rows: auto 1fr auto;
}

.memory-map {
  position: relative;
  min-height: 35rem;
  overflow: hidden;
  background:
    radial-gradient(circle at center, rgb(255 255 255 / 7%), transparent 45%),
    linear-gradient(rgb(255 255 255 / 3%) 1px, transparent 1px),
    linear-gradient(90deg, rgb(255 255 255 / 3%) 1px, transparent 1px);
  background-size:
    auto,
    2.5rem 2.5rem,
    2.5rem 2.5rem;
}

.memory-map svg {
  position: absolute;
  inset: 10% 8%;
  width: 84%;
  height: 80%;
  fill: #090b0b;
  stroke: var(--r-color-line-strong);
  stroke-width: 1.5;
}

.memory-map svg circle {
  fill: #111313;
  stroke: var(--r-color-ink-muted);
}

.memory-map svg circle:nth-of-type(3),
.memory-map svg circle:nth-of-type(6) {
  fill: var(--r-color-ink);
  stroke: var(--r-color-ink);
  filter: drop-shadow(0 0 0.75rem rgb(255 255 255 / 20%));
}

.memory-label {
  position: absolute;
  padding: var(--r-space-2) var(--r-space-3);
  border: 1px solid var(--r-color-line);
  background: rgb(7 8 8 / 90%);
  color: var(--r-color-ink-muted);
  font-family: var(--r-font-mono);
  font-size: 0.5rem;
  letter-spacing: 0.1em;
}

.label-one {
  top: 24%;
  left: 16%;
}

.label-two {
  top: 42%;
  left: 51%;
}

.label-three {
  right: 8%;
  bottom: 22%;
}

.memory-footer {
  display: flex;
  min-height: 3.25rem;
  align-items: center;
  gap: var(--r-space-6);
  padding: 0 var(--r-space-4);
  border-top: 1px solid var(--r-color-line);
  color: var(--r-color-ink-faint);
  font-family: var(--r-font-mono);
  font-size: 0.5rem;
  letter-spacing: 0.1em;
}

.memory-footer span:last-child {
  margin-left: auto;
}

.feature-light {
  background: var(--r-color-ink);
  color: var(--r-color-canvas);
}

.feature-light .feature-copy h2 span,
.feature-light .feature-number,
.feature-light .feature-list span {
  color: #6b6e6a;
}

.feature-light .feature-copy > p:not(.feature-number),
.feature-light .feature-list li {
  color: #444744;
}

.feature-light .feature-list,
.feature-light .feature-list li {
  border-color: #c8cac4;
}

.schedule-visual {
  align-self: center;
  min-height: 43rem;
  padding-bottom: var(--r-space-6);
  color: var(--r-color-ink);
}

.schedule-time {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: end;
  padding: clamp(2.5rem, 6vw, 5rem) clamp(1.5rem, 4vw, 4rem) var(--r-space-8);
}

.schedule-time strong {
  font-family: var(--r-font-display);
  font-size: clamp(5rem, 10vw, 9rem);
  font-weight: 600;
  letter-spacing: -0.08em;
  line-height: 0.78;
}

.schedule-time > span {
  margin: 0 0 0.25rem var(--r-space-4);
  color: var(--r-color-ink-muted);
  font-family: var(--r-font-mono);
  font-size: var(--r-text-sm);
  letter-spacing: var(--r-tracking-label);
}

.schedule-time small {
  grid-column: 1 / -1;
  margin-top: var(--r-space-5);
  color: var(--r-color-ink-faint);
  font-family: var(--r-font-mono);
  font-size: 0.5625rem;
  letter-spacing: 0.14em;
}

.schedule-rule {
  display: flex;
  min-height: 3.5rem;
  align-items: center;
  justify-content: space-between;
  margin: 0 clamp(1.5rem, 4vw, 4rem);
  border-top: 1px solid var(--r-color-line);
  border-bottom: 1px solid var(--r-color-line);
  font-family: var(--r-font-mono);
  font-size: 0.5625rem;
  letter-spacing: 0.1em;
}

.schedule-rule span {
  color: var(--r-color-ink-faint);
}

.schedule-history {
  margin: var(--r-space-6) clamp(1.5rem, 4vw, 4rem);
  padding: 0;
  list-style: none;
}

.schedule-history li {
  display: grid;
  min-height: 3.75rem;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: var(--r-space-3);
  border-bottom: 1px solid var(--r-color-line);
  font-family: var(--r-font-mono);
}

.schedule-history i {
  width: 0.4375rem;
  height: 0.4375rem;
  border-radius: 50%;
  background: var(--r-color-positive);
}

.schedule-history strong,
.schedule-history small {
  display: block;
  font-size: 0.5625rem;
  letter-spacing: 0.08em;
}

.schedule-history small {
  margin-top: var(--r-space-1);
  color: var(--r-color-ink-faint);
  font-size: 0.4375rem;
}

.schedule-history b {
  color: var(--r-color-ink-faint);
  font-size: 0.5rem;
  font-weight: 400;
}

.schedule-command {
  display: flex;
  min-height: 3rem;
  align-items: center;
  gap: var(--r-space-3);
  margin: var(--r-space-6) clamp(1.5rem, 4vw, 4rem) 0;
  padding: 0 var(--r-space-4);
  border: 1px solid var(--r-color-line-strong);
  color: var(--r-color-ink-muted);
  font-family: var(--r-font-mono);
  font-size: 0.5625rem;
  letter-spacing: 0.1em;
}

.schedule-command span {
  color: var(--r-color-ink-faint);
}

.schedule-command kbd {
  margin-left: auto;
}

.team-section {
  border-bottom: 1px solid var(--r-color-line);
}

.permission-matrix {
  margin-top: clamp(4rem, 9vw, 8rem);
  border-top: 1px solid var(--r-color-line-strong);
  border-bottom: 1px solid var(--r-color-line-strong);
}

.matrix-row {
  display: grid;
  min-height: 4.5rem;
  grid-template-columns: minmax(12rem, 2fr) repeat(4, minmax(5rem, 1fr));
  align-items: stretch;
  border-bottom: 1px solid var(--r-color-line);
}

.matrix-row:last-child {
  border-bottom: 0;
}

.matrix-row > * {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--r-space-3);
  border-right: 1px solid var(--r-color-line);
  color: var(--r-color-ink-muted);
  font-family: var(--r-font-mono);
  font-size: 0.5625rem;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-align: center;
}

.matrix-row > *:first-child {
  justify-content: flex-start;
  color: var(--r-color-ink);
}

.matrix-row > *:last-child {
  border-right: 0;
}

.matrix-head {
  min-height: 2.75rem;
  background: var(--r-color-surface);
}

.matrix-head > * {
  color: var(--r-color-ink-faint);
  font-size: 0.5rem;
}

.team-principles,
.security-points {
  display: grid;
  margin-top: clamp(4rem, 8vw, 7rem);
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid var(--r-color-line);
}

.team-principles article,
.security-points article {
  min-height: 18rem;
  padding: var(--r-space-6);
  border-right: 1px solid var(--r-color-line);
}

.team-principles article:last-child,
.security-points article:last-child {
  border-right: 0;
}

.team-principles article > span,
.security-points article > span {
  color: var(--r-color-ink-faint);
  font-family: var(--r-font-mono);
  font-size: 0.5625rem;
  letter-spacing: var(--r-tracking-label);
}

.team-principles h3,
.security-points h3 {
  margin: var(--r-space-12) 0 var(--r-space-4);
  font-family: var(--r-font-display);
  font-size: var(--r-text-xl);
  letter-spacing: -0.025em;
  line-height: 1.1;
  text-transform: uppercase;
}

.team-principles p,
.security-points p {
  margin: 0;
  color: var(--r-color-ink-muted);
  font-size: var(--r-text-sm);
  line-height: 1.75;
}

.inspect-section {
  padding-top: clamp(7rem, 13vw, 12rem);
  background: #050606;
}

.inspect-heading > div:last-child {
  padding-left: clamp(2rem, 6vw, 7rem);
}

.inspect-grid {
  display: grid;
  margin-top: clamp(5rem, 10vw, 9rem);
  grid-template-columns: repeat(2, 1fr);
  border-top: 1px solid var(--r-color-line-strong);
}

.inspect-card {
  min-height: 35rem;
  padding: clamp(1.5rem, 4vw, 4rem);
  border-right: 1px solid var(--r-color-line);
  border-bottom: 1px solid var(--r-color-line);
  background: var(--r-color-surface);
}

.inspect-card:nth-child(2n) {
  border-right: 0;
}

.card-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: var(--r-space-4);
  border-bottom: 1px solid var(--r-color-line);
  color: var(--r-color-ink-faint);
  font-family: var(--r-font-mono);
  font-size: 0.5625rem;
  letter-spacing: var(--r-tracking-label);
}

.card-label b {
  color: var(--r-color-ink-muted);
  font-weight: 400;
}

.inspect-card > p {
  max-width: 34rem;
  margin: var(--r-space-8) 0 0;
  color: var(--r-color-ink-muted);
  font-size: var(--r-text-sm);
  line-height: 1.75;
}

.mini-run {
  display: grid;
  min-height: 7rem;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: var(--r-space-4);
  border-bottom: 1px solid var(--r-color-line);
}

.mini-run strong,
.mini-run small {
  display: block;
  font-family: var(--r-font-mono);
  font-size: 0.625rem;
  letter-spacing: 0.08em;
}

.mini-run small {
  margin-top: var(--r-space-1);
  color: var(--r-color-ink-faint);
  font-size: 0.46875rem;
}

.mini-progress {
  overflow: hidden;
  height: 0.1875rem;
  grid-column: 1 / -1;
  margin-top: -2rem;
  background: var(--r-color-line);
}

.mini-progress i {
  display: block;
  width: 76%;
  height: 100%;
  background: var(--r-color-ink-muted);
}

.mini-progress.second i {
  width: 42%;
}

.file-tree {
  margin: var(--r-space-8) 0 0;
  padding: 0;
  font-family: var(--r-font-mono);
  font-size: 0.625rem;
  list-style: none;
}

.file-tree li {
  display: flex;
  min-height: 3.25rem;
  align-items: center;
  gap: var(--r-space-3);
  border-bottom: 1px solid var(--r-color-line);
}

.file-tree li > span {
  display: inline-grid;
  width: 1.5rem;
  height: 1.5rem;
  place-items: center;
  border: 1px solid var(--r-color-line);
  color: var(--r-color-ink-faint);
  font-size: 0.4375rem;
}

.file-tree .nested {
  padding-left: var(--r-space-8);
}

.file-tree .twice {
  padding-left: var(--r-space-16);
  color: var(--r-color-ink-muted);
}

.file-tree small {
  margin-left: auto;
  color: var(--r-color-ink-faint);
  font-size: 0.46875rem;
}

.doc-search {
  display: flex;
  min-height: 3.5rem;
  align-items: center;
  gap: var(--r-space-3);
  margin-top: var(--r-space-8);
  padding: 0 var(--r-space-4);
  border: 1px solid var(--r-color-line-strong);
  color: var(--r-color-ink-faint);
  font-size: var(--r-text-sm);
}

.doc-search kbd {
  margin-left: auto;
}

.document-stack {
  position: relative;
  display: grid;
  min-height: 15rem;
  place-items: center;
  margin: var(--r-space-6) 0;
}

.document-stack i,
.document-stack > div {
  position: absolute;
  width: 45%;
  height: 12rem;
  border: 1px solid var(--r-color-line-strong);
  background: #111313;
  box-shadow: var(--r-shadow-low);
}

.document-stack i:first-child {
  transform: translate(-2rem, 0.5rem) rotate(-8deg);
}

.document-stack i:nth-child(2) {
  transform: translate(2rem, 0.5rem) rotate(8deg);
}

.document-stack > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: var(--r-color-ink);
  color: var(--r-color-canvas);
}

.document-stack span {
  display: grid;
  width: 2.5rem;
  height: 3rem;
  place-items: center;
  border: 1px solid #7b7e78;
  font-family: var(--r-font-mono);
  font-size: 0.5rem;
}

.document-stack strong,
.document-stack small {
  margin-top: var(--r-space-4);
  font-family: var(--r-font-mono);
  font-size: 0.5625rem;
  letter-spacing: 0.1em;
}

.document-stack small {
  margin-top: var(--r-space-2);
  color: #6f726d;
  font-size: 0.40625rem;
}

.query-line {
  margin-top: var(--r-space-8);
  padding: var(--r-space-4);
  border: 1px solid var(--r-color-line-strong);
  color: var(--r-color-ink-muted);
  font-family: var(--r-font-mono);
  font-size: 0.625rem;
  line-height: 1.6;
}

.query-line span {
  margin-right: var(--r-space-4);
  color: var(--r-color-ink-faint);
  font-size: 0.46875rem;
}

.query-table {
  margin-top: var(--r-space-4);
  border-top: 1px solid var(--r-color-line);
  font-family: var(--r-font-mono);
  font-size: 0.5625rem;
}

.query-table > div {
  display: grid;
  min-height: 3rem;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  border-bottom: 1px solid var(--r-color-line);
}

.query-table b,
.query-table span {
  font-weight: 400;
}

.query-table b {
  color: var(--r-color-ink-faint);
}

.query-table span:first-child {
  color: var(--r-color-positive);
}

.security-section {
  border-bottom: 1px solid var(--r-color-line);
}

.install-section {
  border-bottom: 1px solid var(--r-color-line);
  background:
    linear-gradient(rgb(255 255 255 / 2%) 1px, transparent 1px),
    linear-gradient(90deg, rgb(255 255 255 / 2%) 1px, transparent 1px), #050606;
  background-size: 5rem 5rem;
}

.install-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(20rem, 0.55fr);
  gap: clamp(3rem, 8vw, 8rem);
  align-items: end;
}

.install-heading h2 span {
  color: var(--r-color-ink-faint);
}

.install-heading > div:last-child > p:last-child {
  margin: var(--r-space-5) 0 0;
  color: var(--r-color-ink-muted);
  font-size: var(--r-text-sm);
  line-height: 1.75;
}

.install-status {
  display: inline-flex;
  margin: 0;
  padding: var(--r-space-2) var(--r-space-3);
  border: 1px solid var(--r-color-line-strong);
  color: var(--r-color-ink-muted);
  font-family: var(--r-font-mono);
  font-size: var(--r-text-2xs);
  letter-spacing: var(--r-tracking-label);
}

.install-panel {
  margin-top: clamp(4rem, 9vw, 8rem);
  border: 1px solid var(--r-color-line-strong);
  background: #030404;
  box-shadow: var(--r-shadow-high);
}

.install-panel-top {
  display: flex;
  min-height: 3rem;
  align-items: center;
  justify-content: space-between;
  gap: var(--r-space-4);
  padding: 0 var(--r-space-5);
  border-bottom: 1px solid var(--r-color-line);
  color: var(--r-color-ink-faint);
  font-family: var(--r-font-mono);
  font-size: var(--r-text-2xs);
  letter-spacing: var(--r-tracking-label);
}

.install-command {
  margin: 0;
  overflow-x: auto;
  padding: clamp(1.5rem, 4vw, 3rem);
  color: var(--r-color-ink);
  font-family: var(--r-font-mono);
  font-size: clamp(0.72rem, 1.25vw, 0.9rem);
  line-height: 1.95;
}

.install-panel > p {
  margin: 0;
  padding: var(--r-space-5);
  border-top: 1px solid var(--r-color-line);
  color: var(--r-color-ink-faint);
  font-family: var(--r-font-mono);
  font-size: var(--r-text-2xs);
  letter-spacing: 0.08em;
}

.install-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: var(--r-space-12);
  border-top: 1px solid var(--r-color-line);
  border-left: 1px solid var(--r-color-line);
}

.install-grid article {
  min-height: 15rem;
  padding: var(--r-space-6);
  border-right: 1px solid var(--r-color-line);
  border-bottom: 1px solid var(--r-color-line);
  background: rgb(7 8 8 / 82%);
}

.install-grid article > span {
  color: var(--r-color-ink-faint);
  font-family: var(--r-font-mono);
  font-size: var(--r-text-2xs);
  letter-spacing: var(--r-tracking-label);
}

.install-grid h3 {
  margin: var(--r-space-10) 0 var(--r-space-4);
  font-family: var(--r-font-display);
  font-size: var(--r-text-xl);
  letter-spacing: -0.03em;
  text-transform: uppercase;
}

.install-grid p {
  margin: 0;
  color: var(--r-color-ink-muted);
  font-size: var(--r-text-sm);
  line-height: 1.7;
}

.install-grid code {
  color: var(--r-color-ink);
  font-family: var(--r-font-mono);
  font-size: 0.8em;
}

.install-actions {
  margin-top: var(--r-space-10);
}

.security-heading {
  display: grid;
  max-width: 75rem;
  grid-template-columns: 1fr minmax(20rem, 0.55fr);
  gap: clamp(3rem, 8vw, 8rem);
  align-items: end;
}

.security-heading .eyebrow,
.security-heading h2 {
  grid-column: 1;
}

.security-heading > p:last-child {
  grid-row: 1 / 3;
  grid-column: 2;
}

.security-terminal {
  margin-top: clamp(4rem, 9vw, 8rem);
  border: 1px solid var(--r-color-line-strong);
  background: #050606;
  box-shadow: var(--r-shadow-high);
}

.terminal-row {
  display: grid;
  min-height: 4rem;
  grid-template-columns: 4rem 1fr auto;
  align-items: center;
  border-bottom: 1px solid var(--r-color-line);
  font-family: var(--r-font-mono);
  font-size: 0.625rem;
  letter-spacing: 0.1em;
}

.terminal-row > * {
  margin: 0;
  padding: 0 var(--r-space-5);
}

.terminal-row > span {
  color: var(--r-color-ink-faint);
}

.terminal-row > p {
  border-right: 1px solid var(--r-color-line);
  border-left: 1px solid var(--r-color-line);
  color: var(--r-color-ink-muted);
}

.terminal-row > strong {
  min-width: 14rem;
  color: var(--r-color-ink);
  font-size: inherit;
  font-weight: 500;
  text-align: right;
}

.terminal-prompt {
  display: flex;
  min-height: 4.5rem;
  align-items: center;
  gap: var(--r-space-4);
  padding: 0 var(--r-space-5);
  color: var(--r-color-ink-faint);
  font-family: var(--r-font-mono);
  font-size: 0.625rem;
}

.terminal-prompt p {
  margin: 0;
}

.terminal-prompt i {
  width: 0.5rem;
  height: 1rem;
  background: var(--r-color-ink-muted);
  animation: cursor-blink 1.1s steps(1) infinite;
}

.launch-section {
  position: relative;
  display: flex;
  min-height: 55rem;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: var(--r-space-24) var(--r-page-gutter);
  text-align: center;
}

.launch-grid {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgb(255 255 255 / 4%) 1px, transparent 1px),
    linear-gradient(90deg, rgb(255 255 255 / 4%) 1px, transparent 1px),
    radial-gradient(circle at center, rgb(255 255 255 / 8%), transparent 42%);
  background-size:
    5rem 5rem,
    5rem 5rem,
    auto;
  mask-image: radial-gradient(circle at center, black, transparent 70%);
}

.launch-mark,
.launch-section > *:not(.launch-grid) {
  position: relative;
  z-index: 1;
}

.launch-mark {
  margin-bottom: var(--r-space-8);
}

.launch-mark img {
  width: 4rem;
  height: 4rem;
}

.launch-section .eyebrow::before {
  display: none;
}

.launch-section h2 {
  font-size: clamp(3.25rem, 8vw, 7.5rem);
}

.launch-copy {
  max-width: 39rem;
  margin: var(--r-space-8) 0 0;
  color: var(--r-color-ink-muted);
  font-size: var(--r-text-lg);
}

.launch-actions {
  justify-content: center;
  margin-top: var(--r-space-10);
}

.release-note {
  margin: var(--r-space-8) 0 0;
  color: var(--r-color-ink-faint);
  font-family: var(--r-font-mono);
  font-size: 0.5625rem;
  letter-spacing: 0.12em;
}

.site-footer {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: var(--r-space-8);
  padding: var(--r-space-16) var(--r-page-gutter) var(--r-space-6);
  border-top: 1px solid var(--r-color-line);
  background: #030404;
}

.footer-brand {
  width: auto;
}

.site-footer > p {
  grid-column: 1;
  margin: var(--r-space-2) 0 0;
  color: var(--r-color-ink-faint);
  font-family: var(--r-font-mono);
  font-size: 0.5625rem;
  letter-spacing: 0.12em;
}

.site-footer nav {
  display: flex;
  grid-row: 1 / 3;
  grid-column: 2;
  align-items: center;
  gap: clamp(1rem, 3vw, 3rem);
  color: var(--r-color-ink-muted);
  font-family: var(--r-font-mono);
  font-size: 0.5625rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.footer-base {
  display: flex;
  grid-column: 1 / -1;
  align-items: center;
  justify-content: space-between;
  margin-top: var(--r-space-12);
  padding-top: var(--r-space-5);
  border-top: 1px solid var(--r-color-line);
  color: var(--r-color-ink-faint);
  font-family: var(--r-font-mono);
  font-size: 0.5rem;
  letter-spacing: 0.12em;
}

.error-page {
  display: grid;
  min-height: 100svh;
  place-items: center;
  padding: var(--r-page-gutter);
  background:
    linear-gradient(rgb(255 255 255 / 3%) 1px, transparent 1px),
    linear-gradient(90deg, rgb(255 255 255 / 3%) 1px, transparent 1px),
    var(--r-color-canvas);
  background-size: 5rem 5rem;
}

.error-page main {
  max-width: 68rem;
}

.error-page main > img {
  margin-bottom: var(--r-space-8);
}

.error-page main > p:not(.eyebrow) {
  margin: var(--r-space-8) 0;
  color: var(--r-color-ink-muted);
}

@keyframes signal-pulse {
  0%,
  100% {
    box-shadow: 0 0 0 0.15rem rgb(243 244 239 / 5%);
  }
  50% {
    box-shadow: 0 0 0 0.35rem rgb(243 244 239 / 13%);
  }
}

@keyframes cursor-blink {
  0%,
  45% {
    opacity: 1;
  }
  46%,
  100% {
    opacity: 0;
  }
}

@media (max-width: 75rem) {
  .site-header {
    grid-template-columns: 1fr auto auto;
  }

  .desktop-navigation {
    display: none;
  }

  .header-cta {
    margin-right: var(--r-space-4);
  }

  .mobile-navigation {
    display: block;
    grid-row: 1;
    grid-column: 3;
  }

  .mobile-navigation summary {
    display: grid;
    width: 2.75rem;
    height: 2.75rem;
    place-content: center;
    gap: 0.4rem;
    border: 1px solid var(--r-color-line-strong);
    cursor: pointer;
    list-style: none;
  }

  .mobile-navigation summary::-webkit-details-marker {
    display: none;
  }

  .mobile-navigation summary span {
    width: 1rem;
    height: 1px;
    background: var(--r-color-ink);
  }

  .mobile-navigation[open] summary span:first-child {
    transform: translateY(0.2rem) rotate(45deg);
  }

  .mobile-navigation[open] summary span:last-child {
    transform: translateY(-0.2rem) rotate(-45deg);
  }

  .mobile-navigation nav {
    position: absolute;
    top: calc(100% + 1px);
    right: 0;
    left: 0;
    display: grid;
    padding: var(--r-space-4) var(--r-page-gutter);
    border-bottom: 1px solid var(--r-color-line-strong);
    background: #080909;
    box-shadow: var(--r-shadow-low);
  }

  .mobile-navigation nav a {
    padding: var(--r-space-4) 0;
    border-bottom: 1px solid var(--r-color-line);
    font-family: var(--r-font-mono);
    font-size: var(--r-text-xs);
    letter-spacing: var(--r-tracking-label);
    text-transform: uppercase;
  }

  .product-shell {
    grid-template-columns: 4rem 12rem minmax(28rem, 1fr);
  }

  .run-inspector {
    display: none;
  }

  .conversation {
    border-right: 0;
  }

  .harness-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .harness-grid article:nth-child(2) {
    border-right: 0;
  }

  .harness-grid article:nth-child(-n + 2) {
    border-bottom: 1px solid var(--r-color-line);
  }

  .feature-section,
  .feature-section.reverse {
    grid-template-columns: 1fr 1fr;
  }

  .feature-visual {
    margin: var(--r-space-8);
  }
}

@media (max-width: 56rem) {
  .system-line span:nth-last-child(-n + 2),
  .header-cta {
    display: none;
  }

  .site-header {
    grid-template-columns: 1fr auto;
  }

  .mobile-navigation {
    grid-column: 2;
  }

  .hero-intro,
  .manifesto-columns,
  .split-heading,
  .security-heading,
  .install-heading {
    grid-template-columns: 1fr;
  }

  .hero-intro {
    align-items: start;
  }

  .system-facts {
    grid-template-columns: repeat(3, 1fr);
  }

  .system-facts > p {
    min-height: 4rem;
    grid-column: 1 / -1;
    justify-content: flex-start;
    border-top: 1px solid var(--r-color-line);
    text-align: left;
  }

  .product-shell {
    grid-template-columns: 3.5rem minmax(28rem, 1fr);
  }

  .channel-list {
    display: none;
  }

  .product-rail {
    border-right: 1px solid var(--r-color-line);
  }

  .section-shell {
    grid-template-columns: 3rem minmax(0, 1fr);
  }

  .manifesto-copy,
  .harness-content,
  .team-content,
  .security-content,
  .install-content,
  .inspect-heading > div:last-child {
    padding-left: var(--r-space-8);
  }

  .capability-band {
    grid-template-columns: repeat(2, 1fr);
  }

  .capability-band div:nth-child(2) {
    border-right: 0;
  }

  .capability-band div:nth-child(-n + 2) {
    border-bottom: 1px solid var(--r-color-line);
  }

  .split-heading > p {
    padding-bottom: 0;
  }

  .contract-strip {
    flex-wrap: wrap;
    padding: var(--r-space-5) 0;
  }

  .contract-strip > span {
    width: 100%;
  }

  .feature-section,
  .feature-section.reverse {
    grid-template-columns: 1fr;
  }

  .feature-section.reverse .feature-copy {
    order: 2;
  }

  .feature-section.reverse .feature-visual {
    order: 1;
  }

  .feature-visual {
    min-height: 35rem;
    margin: var(--r-page-gutter);
  }

  .team-principles,
  .security-points,
  .install-grid {
    grid-template-columns: 1fr;
  }

  .team-principles article,
  .security-points article {
    min-height: 14rem;
    border-right: 0;
    border-bottom: 1px solid var(--r-color-line);
  }

  .team-principles article:last-child,
  .security-points article:last-child {
    border-bottom: 0;
  }

  .inspect-grid {
    grid-template-columns: 1fr;
  }

  .inspect-card {
    border-right: 0;
  }

  .security-heading > p:last-child {
    grid-row: auto;
    grid-column: auto;
  }

  .site-footer {
    grid-template-columns: 1fr;
  }

  .site-footer nav {
    grid-row: auto;
    grid-column: 1;
    flex-wrap: wrap;
    margin-top: var(--r-space-6);
  }
}

@media (max-width: 40rem) {
  :root {
    --r-header-height: 4.25rem;
  }

  .system-line {
    justify-content: flex-start;
    overflow: hidden;
    padding: 0 var(--r-page-gutter);
    white-space: nowrap;
  }

  .system-line span:nth-child(n + 3) {
    display: none;
  }

  .brand {
    width: auto;
  }

  .showcase-heading,
  .showcase-grid {
    grid-template-columns: 1fr;
  }

  .showcase-heading span {
    line-height: 1.6;
  }

  .hero {
    padding-top: var(--r-space-20);
  }

  .hero h1,
  .error-page h1 {
    font-size: clamp(3.2rem, 17vw, 5.5rem);
  }

  .hero-actions,
  .button {
    width: 100%;
  }

  .system-facts {
    grid-template-columns: 1fr;
  }

  .system-facts > div {
    min-height: 5.5rem;
    border-right: 0;
    border-bottom: 1px solid var(--r-color-line);
  }

  .system-facts > p {
    grid-column: auto;
  }

  .control-plane {
    margin-right: calc(var(--r-page-gutter) * -1);
    margin-left: calc(var(--r-page-gutter) * -1);
    border-right: 0;
    border-left: 0;
  }

  .control-plane figcaption span:last-child,
  .window-bar span:not(.encrypted-label),
  .product-rail {
    display: none;
  }

  .window-bar {
    grid-template-columns: 1fr auto;
  }

  .product-shell {
    min-height: 34rem;
    grid-template-columns: minmax(20rem, 1fr);
  }

  .conversation > header {
    padding: 0 var(--r-space-4);
  }

  .conversation header small,
  .member-count {
    display: none;
  }

  .message-list {
    justify-content: flex-start;
    gap: var(--r-space-6);
    padding: var(--r-space-6) var(--r-space-4);
  }

  .message:first-child {
    display: none;
  }

  .composer {
    margin: 0 var(--r-space-4) var(--r-space-4);
  }

  .section-shell {
    grid-template-columns: 1fr;
    padding-right: var(--r-page-gutter);
    padding-left: var(--r-page-gutter);
  }

  .section-marker {
    display: flex;
    gap: var(--r-space-3);
    margin-bottom: var(--r-space-8);
    padding: 0 0 var(--r-space-4);
    border-right: 0;
    border-bottom: 1px solid var(--r-color-line);
  }

  .section-marker span {
    margin: 0;
  }

  .section-marker p {
    writing-mode: initial;
  }

  .manifesto-copy,
  .harness-content,
  .team-content,
  .security-content,
  .install-content,
  .inspect-heading > div:last-child {
    padding-left: 0;
  }

  .manifesto-columns {
    gap: var(--r-space-5);
  }

  .capability-band {
    grid-template-columns: 1fr;
  }

  .capability-band div {
    min-height: 5rem;
    border-right: 0;
    border-bottom: 1px solid var(--r-color-line);
  }

  .harness-grid {
    grid-template-columns: 1fr;
  }

  .harness-grid article,
  .harness-grid article:nth-child(2) {
    min-height: 25rem;
    border-right: 0;
    border-bottom: 1px solid var(--r-color-line);
  }

  .harness-grid article:last-child {
    border-bottom: 0;
  }

  .contract-strip i {
    width: 0.5rem;
  }

  .feature-copy {
    padding-right: var(--r-page-gutter);
    padding-left: var(--r-page-gutter);
  }

  .feature-visual {
    min-height: 30rem;
    margin: 0;
    border-right: 0;
    border-left: 0;
  }

  .memory-map {
    min-height: 29rem;
  }

  .memory-footer span:nth-child(2) {
    display: none;
  }

  .schedule-time strong {
    font-size: 5rem;
  }

  .matrix-row {
    grid-template-columns: 8rem repeat(4, minmax(4rem, 1fr));
  }

  .permission-matrix {
    margin-right: calc(var(--r-page-gutter) * -1);
    margin-left: calc(var(--r-page-gutter) * -1);
    overflow-x: auto;
  }

  .matrix-row {
    min-width: 36rem;
  }

  .inspect-card {
    min-height: 30rem;
    padding: var(--r-space-6) var(--r-page-gutter);
  }

  .terminal-row {
    min-height: 4.5rem;
    grid-template-columns: 2.5rem 1fr;
  }

  .terminal-row > * {
    padding: 0 var(--r-space-3);
  }

  .terminal-row > p {
    border-right: 0;
  }

  .terminal-row > strong {
    min-width: 0;
    grid-column: 2;
    padding-top: 0;
    color: var(--r-color-ink-muted);
    text-align: left;
  }

  .install-panel-top {
    align-items: flex-start;
    padding-top: var(--r-space-4);
    padding-bottom: var(--r-space-4);
    flex-direction: column;
  }

  .install-grid article {
    min-height: 0;
  }

  .launch-section {
    min-height: 45rem;
  }

  .launch-section h2 {
    font-size: clamp(3rem, 15vw, 5.5rem);
  }

  .site-footer nav {
    display: grid;
  }

  .footer-base {
    align-items: flex-start;
    gap: var(--r-space-3);
    flex-direction: column;
  }
}

.docs-layout {
  display: grid;
  width: min(100%, var(--r-page-max));
  min-height: 70vh;
  grid-template-columns: minmax(12rem, 16rem) minmax(0, 1fr);
  gap: clamp(2rem, 6vw, 7rem);
  margin: 0 auto;
  padding: clamp(4rem, 8vw, 7rem) var(--r-page-gutter) 8rem;
}

.docs-index {
  position: sticky;
  top: calc(var(--r-header-height) + 3rem);
  align-self: start;
  padding-top: var(--r-space-3);
  border-top: 1px solid var(--r-color-line-strong);
  font-family: var(--r-font-mono);
  text-transform: uppercase;
}

.docs-index > p,
.docs-index > strong,
.docs-index a {
  display: block;
}

.docs-index > p {
  margin: 0 0 var(--r-space-5);
  color: var(--r-color-ink-faint);
  font-size: var(--r-text-2xs);
  letter-spacing: var(--r-tracking-label);
}

.docs-index > strong {
  margin-bottom: var(--r-space-6);
  font-size: var(--r-text-sm);
  letter-spacing: 0.08em;
}

.docs-index nav {
  display: grid;
  gap: var(--r-space-4);
  color: var(--r-color-ink-muted);
  font-size: var(--r-text-2xs);
  letter-spacing: 0.08em;
}

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

.docs-content {
  min-width: 0;
}

.docs-hero {
  padding-bottom: clamp(5rem, 10vw, 9rem);
}

.docs-hero h1 {
  max-width: 62rem;
  margin: 0;
  font-size: clamp(4rem, 8vw, 8.5rem);
  font-weight: 600;
  letter-spacing: -0.07em;
  line-height: 0.84;
  text-transform: uppercase;
}

.docs-hero h1 span {
  color: var(--r-color-ink-faint);
}

.docs-lede {
  max-width: 48rem;
  margin: var(--r-space-12) 0 0 auto;
  color: var(--r-color-ink-muted);
  font-size: clamp(1rem, 1.5vw, 1.25rem);
}

.docs-status {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-top: var(--r-space-16);
  border: 1px solid var(--r-color-line);
}

.docs-status span {
  min-height: 5rem;
  padding: var(--r-space-4);
  border-right: 1px solid var(--r-color-line);
  font-family: var(--r-font-mono);
  font-size: var(--r-text-2xs);
  letter-spacing: var(--r-tracking-label);
}

.docs-status span:last-child {
  border-right: 0;
}

.docs-section {
  display: grid;
  grid-template-columns: minmax(7rem, 9rem) minmax(0, 1fr);
  gap: clamp(2rem, 5vw, 5rem);
  padding: clamp(4rem, 8vw, 7rem) 0;
  border-top: 1px solid var(--r-color-line);
}

.docs-section-label {
  display: flex;
  align-items: flex-start;
  gap: var(--r-space-3);
  padding-top: var(--r-space-2);
  color: var(--r-color-ink-faint);
  font-family: var(--r-font-mono);
  font-size: var(--r-text-2xs);
  letter-spacing: var(--r-tracking-label);
}

.docs-section-label span {
  color: var(--r-color-ink);
}

.docs-section h2 {
  max-width: 48rem;
  margin: 0 0 var(--r-space-8);
  font-size: clamp(2.75rem, 5vw, 5.5rem);
  font-weight: 600;
  letter-spacing: -0.06em;
  line-height: 0.9;
  text-transform: uppercase;
}

.docs-section h2 + p,
.docs-section > div:last-child > p {
  max-width: 48rem;
  color: var(--r-color-ink-muted);
}

.concept-grid,
.role-table,
.harness-doc-grid,
.boundary-list,
.release-checks {
  margin-top: var(--r-space-12);
}

.concept-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 0;
  border-top: 1px solid var(--r-color-line);
  border-left: 1px solid var(--r-color-line);
}

.concept-grid div {
  min-height: 12rem;
  padding: var(--r-space-6);
  border-right: 1px solid var(--r-color-line);
  border-bottom: 1px solid var(--r-color-line);
}

.concept-grid dt,
.harness-doc-grid h3 {
  font-size: var(--r-text-xl);
  font-weight: 600;
  letter-spacing: -0.03em;
  text-transform: uppercase;
}

.concept-grid dd {
  margin: var(--r-space-8) 0 0;
  color: var(--r-color-ink-muted);
  font-size: var(--r-text-sm);
}

.role-table {
  border: 1px solid var(--r-color-line);
  font-family: var(--r-font-mono);
  font-size: var(--r-text-xs);
}

.role-table > div {
  display: grid;
  min-height: 4.5rem;
  grid-template-columns: minmax(7rem, 0.35fr) 1fr;
  border-bottom: 1px solid var(--r-color-line);
}

.role-table > div:last-child {
  border-bottom: 0;
}

.role-table span,
.role-table strong {
  display: flex;
  align-items: center;
  padding: var(--r-space-4) var(--r-space-5);
}

.role-table span:first-child,
.role-table strong:first-child {
  border-right: 1px solid var(--r-color-line);
  color: var(--r-color-ink);
  text-transform: uppercase;
}

.role-table span:last-child {
  color: var(--r-color-ink-muted);
}

.docs-callout {
  padding: var(--r-space-6);
  border-left: 2px solid var(--r-color-ink);
  background: rgb(255 255 255 / 3%);
  color: var(--r-color-ink) !important;
  font-family: var(--r-font-mono);
  font-size: var(--r-text-xs);
}

.harness-doc-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-top: 1px solid var(--r-color-line);
  border-left: 1px solid var(--r-color-line);
}

.harness-doc-grid article {
  min-height: 14rem;
  padding: var(--r-space-6);
  border-right: 1px solid var(--r-color-line);
  border-bottom: 1px solid var(--r-color-line);
}

.harness-doc-grid small {
  color: var(--r-color-ink-faint);
  font-family: var(--r-font-mono);
  font-size: var(--r-text-2xs);
  letter-spacing: var(--r-tracking-label);
}

.harness-doc-grid h3 {
  margin: var(--r-space-5) 0 var(--r-space-8);
}

.harness-doc-grid p {
  margin: 0;
  color: var(--r-color-ink-muted);
  font-size: var(--r-text-sm);
}

.boundary-list {
  padding: 0;
  border-top: 1px solid var(--r-color-line);
  list-style: none;
}

.boundary-list li {
  display: grid;
  grid-template-columns: minmax(12rem, 0.7fr) 1fr;
  gap: var(--r-space-8);
  padding: var(--r-space-6) 0;
  border-bottom: 1px solid var(--r-color-line);
}

.boundary-list strong {
  text-transform: uppercase;
}

.boundary-list span {
  color: var(--r-color-ink-muted);
}

.architecture-map {
  margin: var(--r-space-10) 0 0;
  overflow-x: auto;
  padding: var(--r-space-8);
  border: 1px solid var(--r-color-line);
  background: #050606;
  color: var(--r-color-ink-muted);
  font-family: var(--r-font-mono);
  font-size: var(--r-text-sm);
  line-height: 1.9;
}

.docs-release {
  padding-bottom: 0;
}

.release-checks {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-top: 1px solid var(--r-color-line);
  border-left: 1px solid var(--r-color-line);
}

.release-checks span {
  min-height: 4rem;
  padding: var(--r-space-5);
  border-right: 1px solid var(--r-color-line);
  border-bottom: 1px solid var(--r-color-line);
  color: var(--r-color-ink-muted);
  font-family: var(--r-font-mono);
  font-size: var(--r-text-2xs);
  letter-spacing: var(--r-tracking-label);
}

.docs-release .hero-actions {
  margin-top: var(--r-space-10);
}

@media (max-width: 64rem) {
  .docs-layout {
    grid-template-columns: 1fr;
  }

  .docs-index {
    position: static;
  }

  .docs-index nav {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 40rem) {
  .docs-layout {
    padding-top: var(--r-space-16);
  }

  .docs-index nav,
  .docs-status,
  .concept-grid,
  .harness-doc-grid,
  .release-checks {
    grid-template-columns: 1fr;
  }

  .docs-hero h1 {
    font-size: clamp(3.25rem, 16vw, 5rem);
  }

  .docs-status span {
    min-height: 4rem;
    border-right: 0;
    border-bottom: 1px solid var(--r-color-line);
  }

  .docs-status span:last-child {
    border-bottom: 0;
  }

  .docs-section {
    grid-template-columns: 1fr;
    gap: var(--r-space-8);
  }

  .docs-section h2 {
    font-size: clamp(2.75rem, 14vw, 4.5rem);
  }

  .concept-grid div,
  .harness-doc-grid article {
    min-height: 0;
  }

  .role-table > div,
  .boundary-list li {
    grid-template-columns: 1fr;
  }

  .role-table span:first-child,
  .role-table strong:first-child {
    border-right: 0;
    border-bottom: 1px solid var(--r-color-line);
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

@media (forced-colors: active) {
  .page-grid,
  .launch-grid {
    display: none;
  }

  .replicant-list i,
  .run-summary i,
  .schedule-history i,
  .run-inspector header i {
    border: 1px solid currentColor;
  }
}