:root {
  color-scheme: dark;
  --bg: #0c0e12;
  --surface: #12141a;
  --card: #161820;
  --chip: #1c2028;
  --fg: #ece8e1;
  --mute: #9a958c;
  --line: #2a2d34;
  --line-soft: rgb(236 232 225 / 10%);
  --acc: #c4b49a;
  --accent: #c4b49a;
  --on-acc: #14120e;
  --on-accent: #14120e;
  --live: #6f9e96;
  --ok: #6f9e96;
  --warn: #e0a53d;
  --wide: 74rem;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }

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

body {
  margin: 0;
  overflow-x: hidden;
  background: var(--bg);
  color: var(--fg);
  font: 16px/1.55 ui-sans-serif, system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}

a { color: inherit; }
a:hover { text-underline-offset: 0.18em; }

:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 4px;
}

.skip {
  position: absolute;
  left: 1rem;
  top: -5rem;
  z-index: 10;
  padding: 0.5rem 0.8rem;
  border-radius: 0.35rem;
  background: var(--fg);
  color: var(--bg);
}

.skip:focus { top: 0.75rem; }

.bar,
main,
footer {
  width: min(100%, var(--wide));
  margin: 0 auto;
  padding-left: clamp(1.25rem, 4vw, 3rem);
  padding-right: clamp(1.25rem, 4vw, 3rem);
}

.bar {
  position: relative;
  display: flex;
  min-height: 4.75rem;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  border-bottom: 1px solid var(--line-soft);
}

.lockup {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  text-decoration: none;
}

.wordmark {
  font: 650 16px/1.2 ui-sans-serif, system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  letter-spacing: 0.22em;
  text-transform: lowercase;
}

.mark { display: block; flex: none; fill: currentColor; }

nav {
  display: flex;
  align-items: center;
  gap: clamp(0.85rem, 2.2vw, 1.75rem);
  font-size: 0.82rem;
}
nav a { color: var(--mute); text-decoration: none; }
nav a:hover { color: var(--fg); }
.nav-contact,
.nav-github {
  color: var(--fg);
}
.nav-github {
  padding-left: 1rem;
  border-left: 1px solid var(--line);
}
.nav-contact { font-weight: 720; }

.hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: clamp(1.5rem, 4vw, 2.5rem);
  padding-top: clamp(2.5rem, 6vw, 4.5rem);
  padding-bottom: clamp(1.5rem, 4vw, 2.5rem);
}

.hero > * { min-width: 0; }

.kicker,
.eyebrow,
.map-label,
.status {
  margin: 0 0 1rem;
  color: var(--mute);
  font-size: 0.7rem;
  font-weight: 720;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

h1 {
  max-width: 40rem;
  margin: 0;
  overflow-wrap: anywhere;
  font-size: clamp(2.35rem, 5.4vw, 4.15rem);
  font-weight: 560;
  letter-spacing: -0.045em;
  line-height: 1.05;
}

h1 .line-two { color: var(--accent); font-style: normal; }

.lede {
  max-width: 40rem;
  margin: 1.4rem 0 0;
  color: #d4cfc3;
  font-size: clamp(1rem, 1.6vw, 1.15rem);
  line-height: 1.55;
  overflow-wrap: break-word;
}

.ctas { display: flex; flex-wrap: wrap; gap: 0.75rem; margin: 1.75rem 0 0; }

.btn,
.ghost {
  display: inline-flex;
  min-height: 2.8rem;
  align-items: center;
  justify-content: center;
  gap: 0.7rem;
  padding: 0.7rem 1rem;
  border-radius: 0.4rem;
  font-size: 0.86rem;
  font-weight: 720;
  text-decoration: none;
  transition: border-color 140ms ease, background 140ms ease;
}

.btn { background: var(--accent); color: var(--on-accent); }
.btn:hover { background: #d4c4aa; }
.ghost { border: 1px solid var(--line); background: var(--surface); }
.ghost:hover { border-color: var(--mute); }

.promise {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 8.5rem));
  gap: 0.85rem 1.25rem;
  align-items: end;
  margin: 1.6rem 0 0;
  padding: 0;
}
.promise div { margin: 0; }
.promise dt {
  margin: 0;
  color: var(--mute);
  font: 0.68rem/1.3 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.promise dd {
  margin: 0.15rem 0 0;
  color: var(--fg);
  font: 500 1.65rem/1 ui-sans-serif, system-ui, sans-serif;
  letter-spacing: -0.04em;
}
.promise-note {
  max-width: 38rem;
  margin: 0.7rem 0 0;
  color: var(--mute);
  font-size: 0.78rem;
}

.trust {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem 1.25rem;
  margin: 1.75rem 0 0;
  padding: 1.15rem 0 0;
  border-top: 1px solid var(--line-soft);
  color: var(--mute);
  font: 0.72rem/1.5 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  list-style: none;
}

.trust li::before { content: "·"; margin-right: 0.45rem; color: var(--accent); }

.command-board {
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: 0.7rem;
  background: var(--surface);
}

.board-topline,
.frame-bar,
.terminal-bar {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  color: var(--mute);
  font: 0.66rem/1.4 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

.board-topline {
  justify-content: space-between;
  padding: 0.1rem 0.15rem 0.85rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.live-label {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  color: var(--live);
}

.live-dot {
  width: 0.42rem;
  height: 0.42rem;
  border-radius: 50%;
  background: var(--live);
}

.objective-strip,
.roster,
.lanes,
.intervene,
.handoff {
  padding: 0.85rem 0.9rem;
  border: 1px solid var(--line);
  border-radius: 0.5rem;
  background: var(--card);
}

.objective-strip { margin-bottom: 0.55rem; }
.objective-strip .map-label { display: block; margin-bottom: 0.3rem; }
.objective-strip strong { display: block; font-size: 0.98rem; }
.objective-strip p {
  margin: 0.4rem 0 0;
  color: var(--mute);
  font-size: 0.74rem;
}

.roster .map-label,
.lanes .map-label { display: block; margin-bottom: 0.55rem; }

.roster ul {
  display: grid;
  gap: 0.4rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.roster li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.7rem;
  padding: 0.55rem 0.6rem;
  border: 1px solid var(--line-soft);
  border-radius: 0.45rem;
  background: var(--chip);
}

.seat-mark {
  display: inline-flex;
  width: 1.85rem;
  height: 1.85rem;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--line);
  border-radius: 0.35rem;
  color: var(--mute);
  font: 700 0.58rem ui-monospace, monospace;
}

.seat-mark.live { border-color: var(--live); color: var(--live); }
.seat-mark.open { border-style: dashed; }
.roster strong,
.roster small { display: block; }
.roster strong { font-size: 0.8rem; }
.roster small { margin-top: 0.08rem; color: var(--mute); font-size: 0.68rem; }
.state {
  color: var(--mute);
  font: 0.62rem ui-monospace, monospace;
  text-transform: uppercase;
}
.state.live { color: var(--live); }

.lanes { margin-top: 0.55rem; }
.lanes ol {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.4rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.lanes li {
  min-width: 0;
  padding: 0.55rem 0.35rem;
  border: 1px solid var(--line);
  border-radius: 0.35rem;
  color: var(--mute);
  font-size: 0.68rem;
  text-align: center;
}

.intervene {
  margin-top: 0.55rem;
  border-color: rgb(224 165 61 / 42%);
}
.intervene .warn { color: var(--warn); }
.intervene p { margin: 0; color: var(--fg); font-size: 0.78rem; }

.handoff {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.7rem;
  margin-top: 0.55rem;
}
.handoff p { margin: 0; color: #d4cfc3; font-size: 0.74rem; }
.handoff p span { color: var(--accent); }
.handoff > strong {
  color: var(--mute);
  font: 0.6rem ui-monospace, monospace;
  text-transform: uppercase;
}
.map-foot {
  margin: 0.75rem 0.1rem 0.1rem;
  color: var(--mute);
  font-size: 0.68rem;
}

section:not(.hero) { padding: clamp(3.75rem, 8vw, 6.5rem) 0; border-top: 1px solid var(--line-soft); }
.section-heading { max-width: 46rem; }

.philosophy { max-width: 46rem; }
.philosophy h2 { max-width: 40rem; }
.philosophy > p:last-child {
  max-width: 40rem;
  margin: 1.15rem 0 0;
  color: var(--mute);
  font-size: 1.15rem;
}

.pillar-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.7rem;
  margin: 2.5rem 0 0;
  padding: 0;
  list-style: none;
}
.pillar-grid li {
  min-width: 0;
  padding: 1.2rem;
  border: 1px solid var(--line);
  border-radius: 0.5rem;
  background: var(--card);
}
.pillar-grid h3 { margin: 0 0 0.55rem; font-size: 1.05rem; }
.pillar-grid > li > p { margin: 0; color: var(--mute); font-size: 0.98rem; }
.pillar-grid .promise { margin-top: 1.1rem; }
.pillar-grid .promise-note { margin-top: 0.55rem; }

.dep-graph {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.4rem;
  margin: 1.1rem 0 0;
  padding: 0;
  list-style: none;
}
.dep-graph li {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  padding: 0.55rem 0.5rem;
  border: 1px solid var(--line);
  border-radius: 0.35rem;
  font: 0.72rem/1.3 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}
.dep-graph li span { color: var(--mute); text-transform: uppercase; letter-spacing: 0.06em; font-size: 0.62rem; }
.dep-graph .done { color: var(--live); }
.dep-graph .ready { border-color: rgb(196 180 154 / 42%); }
.dep-graph .wait { color: var(--mute); border-style: dashed; }

.product-flow {
  margin: 1.1rem 0 0;
  padding: 0 0 0 1.1rem;
  color: var(--mute);
  font-size: 0.88rem;
}
.product-flow li { margin: 0.35rem 0; }
.product-flow strong { color: var(--fg); }

h2 {
  margin: 0;
  overflow-wrap: anywhere;
  font-size: clamp(1.7rem, 4vw, 2.85rem);
  font-weight: 560;
  letter-spacing: -0.04em;
  line-height: 1.08;
}

.section-heading > p:last-child {
  max-width: 40rem;
  margin: 1.15rem 0 0;
  color: var(--mute);
  font-size: 1.02rem;
}

.surface-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.7rem;
  margin: 2.5rem 0 0;
  padding: 0;
  list-style: none;
}

.surface-grid li {
  min-width: 0;
  padding: 1.1rem;
  border: 1px solid var(--line);
  border-radius: 0.5rem;
  background: var(--card);
}

.surface-grid h3 { margin: 0 0 0.45rem; font-size: 1.02rem; }
.surface-grid p { margin: 0; color: var(--mute); font-size: 0.86rem; }
.surface-grid .span-2 { grid-column: span 2; }

.product-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(16rem, 0.65fr);
  gap: 2.5rem;
  align-items: end;
}
.product-heading > p { margin: 0; color: var(--mute); }
.product-frame { margin: 2.5rem 0 0; }
.frame-bar,
.terminal-bar {
  min-height: 2.4rem;
  padding: 0 0.9rem;
  border: 1px solid var(--line);
  border-bottom: 0;
  border-radius: 0.55rem 0.55rem 0 0;
  background: var(--surface);
}
.frame-bar span,
.terminal-bar span {
  width: 0.48rem;
  height: 0.48rem;
  border-radius: 50%;
  background: var(--line);
}
.frame-bar p,
.terminal-bar p { margin: 0 0 0 0.35rem; }
.product-frame img {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid var(--line);
}
figcaption { margin-top: 0.75rem; color: var(--mute); font-size: 0.76rem; }

.boundary {
  display: grid;
  grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.28fr);
  gap: clamp(2.5rem, 7vw, 5.5rem);
  align-items: start;
}
.layers {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.7rem;
}
.layers article {
  min-width: 0;
  min-height: 13rem;
  padding: 1.15rem;
  border: 1px solid var(--line);
  border-radius: 0.5rem;
  background: var(--card);
}
.layers .layer-current {
  grid-column: 1 / -1;
  border-color: rgb(196 180 154 / 38%);
}
.layers .status { color: var(--mute); }
.layers .layer-current .status { color: var(--accent); }
.layers h3 { margin: 2.2rem 0 0.55rem; font-size: 1.15rem; }
.layers p:last-of-type { margin: 0; color: var(--mute); font-size: 0.88rem; }
.layers ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin: 1.1rem 0 0;
  padding: 0;
  list-style: none;
}
.layers li {
  padding: 0.25rem 0.5rem;
  border: 1px solid var(--line);
  border-radius: 1rem;
  color: var(--mute);
  font-size: 0.68rem;
}

.start {
  display: grid;
  grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr);
  gap: clamp(2.5rem, 7vw, 5.5rem);
  align-items: start;
}
.start-copy > p:not(.eyebrow, .start-links) {
  max-width: 34rem;
  margin: 1.15rem 0 0;
  color: var(--mute);
}
.start-links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.55rem;
  margin: 1.5rem 0 0;
}
.start-links a { color: var(--fg); font-size: 0.82rem; text-decoration-color: var(--line); }
.terminal { min-width: 0; }

.seat-tabs { position: relative; }
.seat-tabs > input { position: absolute; opacity: 0; pointer-events: none; }

.tab-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  padding: 0.65rem 0.75rem 0;
  border-left: 1px solid var(--line);
  border-right: 1px solid var(--line);
  background: var(--card);
}

.tab-row label {
  display: inline-flex;
  min-height: 2rem;
  align-items: center;
  padding: 0.25rem 0.6rem;
  border: 1px solid var(--line);
  border-radius: 0.35rem;
  color: var(--mute);
  font-size: 0.72rem;
  cursor: pointer;
}

#seat-claude:checked ~ .tab-row label[for="seat-claude"],
#seat-codex:checked ~ .tab-row label[for="seat-codex"],
#seat-cursor:checked ~ .tab-row label[for="seat-cursor"],
#seat-grok:checked ~ .tab-row label[for="seat-grok"],
#seat-custom:checked ~ .tab-row label[for="seat-custom"] {
  background: var(--accent);
  border-color: var(--accent);
  color: var(--on-accent);
}

.panel {
  display: none;
  margin: 0;
  padding: 1.2rem;
  overflow-x: auto;
  border: 1px solid var(--line);
  border-radius: 0 0 0.55rem 0.55rem;
  background: #0a0d11;
  color: #ece8e1;
  font: 0.76rem/1.7 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

#seat-claude:checked ~ .panel-claude,
#seat-codex:checked ~ .panel-codex,
#seat-cursor:checked ~ .panel-cursor,
#seat-grok:checked ~ .panel-grok,
#seat-custom:checked ~ .panel-custom { display: block; }

.terminal .comment { color: #8a8478; }
code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }

footer {
  display: flex;
  flex-wrap: wrap;
  min-height: 6.5rem;
  align-items: center;
  justify-content: space-between;
  gap: 1rem 2rem;
  border-top: 1px solid var(--line-soft);
  color: var(--mute);
  font-size: 0.76rem;
}
footer p { margin: 0; }
footer > a:last-child { text-decoration: none; }
footer > a:last-child:hover { color: var(--fg); }

.product-jumps {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem 1.1rem;
  margin: 1.35rem 0 0;
  padding: 0;
}
.product-jumps a {
  color: var(--accent);
  font-size: 0.82rem;
  font-weight: 650;
  text-decoration: none;
  text-underline-offset: 0.18em;
}
.product-jumps a:hover { text-decoration: underline; }

.feature {
  padding-top: clamp(2.5rem, 6vw, 4.5rem);
  padding-bottom: clamp(2.5rem, 6vw, 4.5rem);
  border-top: 1px solid var(--line-soft);
}
.feature .section-heading { max-width: 46rem; }

.workflow-map {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.85rem;
  margin: 2.2rem 0 0;
  padding: 0;
  list-style: none;
}
.workflow-map li {
  position: relative;
  display: flex;
  min-height: 8.5rem;
  flex-direction: column;
  justify-content: space-between;
  padding: 1.1rem 1rem;
  border: 1px solid var(--line);
  border-radius: 0.5rem;
  background: var(--card);
}
.workflow-map .wid {
  color: var(--mute);
  font: 0.72rem/1.3 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  letter-spacing: 0.04em;
}
.workflow-map strong { margin: 0.7rem 0 auto; font-size: 1.05rem; }
.workflow-map .wstate {
  color: var(--mute);
  font-size: 0.72rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.workflow-map .done { border-color: rgb(111 158 150 / 45%); }
.workflow-map .ready { border-color: rgb(196 180 154 / 42%); }
.workflow-map .wait { border-style: dashed; color: var(--mute); }
.workflow-map .edge { display: none; }

.turns-panel {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 14rem));
  gap: 1.25rem 2rem;
  margin: 2.2rem 0 0;
  padding: 0;
}
.turns-panel div { margin: 0; }
.turns-panel dt {
  margin: 0;
  color: var(--mute);
  font: 0.72rem/1.3 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.turns-panel dd {
  margin: 0.35rem 0 0;
  font-size: clamp(3rem, 8vw, 4.5rem);
  font-weight: 520;
  letter-spacing: -0.04em;
  line-height: 1;
}

.horizon {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.7rem;
  margin: 2.2rem 0 0;
  padding: 0;
  list-style: none;
}
.horizon li {
  min-width: 0;
  padding: 1.15rem;
  border: 1px solid var(--line);
  border-radius: 0.5rem;
  background: var(--card);
}
.horizon li:first-child {
  border-color: rgb(196 180 154 / 38%);
}
.horizon span {
  color: var(--accent);
  font-size: 0.7rem;
  font-weight: 720;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.horizon h3 { margin: 0.65rem 0 0.45rem; font-size: 1.05rem; }
.horizon p { margin: 0; color: var(--mute); font-size: 0.92rem; }

.roadmap-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.7rem;
  margin: 2.2rem 0 0;
  padding: 0;
  list-style: none;
}
.roadmap-grid li {
  min-width: 0;
  padding: 1.15rem;
  border: 1px solid var(--line);
  border-radius: 0.5rem;
  background: var(--card);
}
.roadmap-grid li:first-child {
  grid-column: 1 / -1;
  border-color: rgb(196 180 154 / 38%);
}
.roadmap-grid span {
  color: var(--accent);
  font-size: 0.7rem;
  font-weight: 720;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.roadmap-grid h3 { margin: 0.65rem 0 0.45rem; font-size: 1.05rem; }
.roadmap-grid p { margin: 0; color: var(--mute); font-size: 0.92rem; }

.capture {
  padding-top: 0.5rem;
  padding-bottom: clamp(2.5rem, 6vw, 4.5rem);
  border-top: 0;
}
.ia-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.7rem;
  margin: 1.75rem 0 0;
  padding: 0;
  list-style: none;
}
.ia-strip li {
  min-width: 0;
  padding: 1rem 1rem 1.05rem;
  border: 1px solid var(--line);
  border-radius: 0.5rem;
  background: var(--card);
}
.ia-strip h3 { margin: 0 0 0.4rem; font-size: 1.02rem; }
.ia-strip p { margin: 0; color: var(--mute); font-size: 0.86rem; }

.ui-tabs {
  display: flex;
  gap: 0;
  margin: 0;
  padding: 0 0.9rem;
  border-left: 1px solid var(--line);
  border-right: 1px solid var(--line);
  background: var(--surface);
  color: var(--mute);
  font-size: 0.78rem;
}
.ui-tabs span {
  padding: 0.55rem 0.85rem 0.65rem;
  border-bottom: 2px solid transparent;
}
.ui-tabs .on {
  color: var(--fg);
  border-bottom-color: var(--accent);
  font-weight: 650;
}

.capture .command-board {
  width: 100%;
  margin-top: 1.5rem;
}

@media (max-width: 940px) {
  .hero { grid-template-columns: 1fr; }
  .command-board { width: min(100%, 36rem); }
  .pillar-grid { grid-template-columns: 1fr; }
  .surface-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .surface-grid .span-2 { grid-column: span 2; }
  .product-heading,
  .boundary,
  .start { grid-template-columns: 1fr; }
  .product-heading > p { max-width: 40rem; }
  .lanes ol { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .workflow-map { grid-template-columns: 1fr; }
  .horizon,
  .roadmap-grid { grid-template-columns: 1fr; }
  .ia-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 620px) {
  .bar, main, footer { padding-left: 1rem; padding-right: 1rem; }
  .trust li { overflow-wrap: anywhere; }
  nav a:not(.nav-contact) { display: none; }
  .product-jumps {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.45rem 0.75rem;
  }
  .product-jumps a { white-space: nowrap; }
  nav {
    position: absolute;
    right: 1rem;
    top: 50%;
    gap: 0.85rem;
    transform: translateY(-50%);
  }
  .nav-github {
    border-left: 0;
    padding-left: 0;
  }
  .dep-graph { grid-template-columns: 1fr; }
  .hero { gap: 2.4rem; padding-top: 3.25rem; padding-bottom: 3.25rem; }
  h1 { font-size: 1.85rem; letter-spacing: -0.035em; }
  h2 { font-size: clamp(1.45rem, 7.5vw, 2.05rem); }
  .lede { font-size: 1rem; }
  .ctas { flex-direction: column; align-items: stretch; }
  .btn, .ghost { width: 100%; }
  .promise { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .trust { display: grid; grid-template-columns: 1fr 1fr; }
  .workflow-map,
  .horizon,
  .roadmap-grid { grid-template-columns: 1fr; }
  .workflow-map li { min-height: 0; }
  .turns-panel { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ia-strip { grid-template-columns: 1fr 1fr; }
  .command-board { width: 100%; padding: 0.75rem; }
  .handoff { grid-template-columns: 1fr; }
  .surface-grid { grid-template-columns: 1fr; }
  .surface-grid .span-2 { grid-column: auto; }
  .lanes ol { grid-template-columns: 1fr 1fr; }
  .layers { grid-template-columns: 1fr; }
  .layers .layer-current { grid-column: auto; }
  .start { grid-template-columns: minmax(0, 1fr); }
  .terminal pre { font-size: 0.68rem; }
  footer { align-items: flex-start; flex-direction: column; justify-content: center; }
}