/* Cool technical palette test: preserve the editorial layout while separating the brand from warm-paper references. */
:root {
  --paper: #eef3f7;
  --paper-bright: #f8fafc;
  --paper-deep: #dde6ee;
  --ink: #17212b;
  --ink-soft: #5d6b78;
  --rule: #c4d0da;
  --purple: #2e5ce6;
  --purple-dark: #1f3f9d;
  --purple-wash: #dce6ff;
  --acid: #76e4d4;
  --grain: url("public/textures/paper-grain.svg");
  --flat-grain: url("public/textures/cool-paper-grain.svg");
  --display: "DM Sans", sans-serif;
  --editorial: "Instrument Serif", Georgia, serif;
  --body: "DM Sans", sans-serif;
}

html { background: var(--paper); }
body { color: var(--ink); background: var(--paper); }
body::before {
  content: "";
  position: fixed;
  z-index: 100;
  inset: 0;
  pointer-events: none;
  opacity: .18;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.09'/%3E%3C/svg%3E");
  mix-blend-mode: multiply;
}
body::before { display: none; }

.shell { width: min(1240px, calc(100% - 64px)); }
.site-header {
  height: 78px;
  color: var(--ink);
  background: rgba(238,243,247,.92);
  border-bottom: 1px solid var(--rule);
  backdrop-filter: blur(18px);
}
.nav { height: 78px; }
.brand { gap: 2px; color: var(--ink); }
.brand-icon { width: 28px; height: 28px; }
.brand-icon img { filter: invert(1); }
.brand-name {
  color: var(--ink);
  font-family: var(--body);
  font-size: 21px;
  font-weight: 500;
  letter-spacing: -.035em;
}
.context-core b,
.blog-coming-mark span {
  font-family: var(--body);
  letter-spacing: -.035em;
}
.nav-links { gap: 30px; color: var(--ink-soft); }
.nav-links > a { color: inherit; font-weight: 500; }
.nav-links > a:hover,
.nav-links > a.active:not(.button) { color: var(--ink); }
.nav-links > a.active:not(.button)::after { height: 1px; margin-top: 7px; background: var(--purple); }
.button { border-radius: 2px; box-shadow: none; }
.button-small { padding: 11px 18px; }
.button-light { color: white; background: var(--purple); border: 1px solid var(--purple); }
.button-light:hover { background: var(--purple-dark); border-color: var(--purple-dark); }
.button-primary { color: white; background: var(--purple); border: 1px solid var(--purple-dark); box-shadow: 4px 4px 0 var(--purple-dark); }
.button-primary:hover { color: white; background: var(--purple-dark); border-color: var(--purple-dark); box-shadow: 2px 2px 0 var(--purple-dark); }

.hero {
  min-height: 640px;
  padding: 158px 0 96px;
  color: var(--ink);
  background-color: var(--paper);
  background-image:
    linear-gradient(rgba(23,33,43,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(23,33,43,.055) 1px, transparent 1px);
  background-size: 48px 48px, 48px 48px;
}
.hero::before {
  opacity: .48;
  background-image: radial-gradient(rgba(23,33,43,.24) .55px, transparent .7px);
  background-size: 6px 6px;
  mask-image: linear-gradient(to bottom, black 0 74%, transparent 96%);
}
.hero-glow { display: none; }
.hero-copy { color: var(--ink); }
.hero h1 {
  max-width: 1120px;
  margin-bottom: 26px;
  color: var(--ink);
  font-size: clamp(64px,7vw,100px);
  font-weight: 500;
  line-height: .92;
  letter-spacing: -.045em;
}
.hero h1 em { color: var(--ink); }
.hero h1 .rotating-context-line {
  color: var(--purple);
  font-family: var(--editorial);
  font-style: italic;
  font-weight: 400;
  letter-spacing: -.035em;
}
.hero h1 .hero-word-line { min-height: .86em; }
.hero h1 .hero-word-line .rotating-context-line { min-width: 0; display: inline-block; text-align: center; }
.hero-copy > p {
  max-width: 690px;
  margin-bottom: 0;
  color: var(--ink-soft);
  font-size: 18px;
  line-height: 1.55;
}
.hero-actions { margin: 30px 0; }
.trust-line { margin-top: 0; color: #6d6871; font-size: 11px; letter-spacing: .035em; }
.trust-mark { color: var(--purple); border-color: #aaa2d9; }

.hero-stage {
  height: 356px;
  margin-top: 36px;
  padding-top: 40px;
  overflow: hidden;
  background: rgba(248,250,252,.76);
  border: 1px solid var(--rule);
  border-radius: 3px;
  box-shadow: 8px 8px 0 rgba(23,24,33,.1);
}
.hero-stage::before {
  content: "CONTEXT WORKSPACE  /  LIVE";
  position: absolute;
  z-index: 4;
  width: auto;
  height: auto;
  left: 16px;
  top: 13px;
  transform: none;
  color: #6d6871;
  background: none;
  filter: none;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 9px;
  letter-spacing: .12em;
}
.hero-stage::after {
  left: 0;
  top: 34px;
  bottom: auto;
  width: 100%;
  height: 1px;
  transform: none;
  background: var(--rule);
}
.stage-routes { top: 53px; }
.stage-routes path { stroke: rgba(63,57,74,.25); }
.stage-route-main { stroke: rgba(49,84,199,.4); }
.stage-label strong { color: var(--ink); font-size: 17px; }
.stage-label span { color: #747079; font-size: 10px; }
.source-constellation,
.plecta-engine,
.artifact-stack { height: 236px; }
.source-halo { border-color: rgba(70,66,76,.18); box-shadow: none; }
.source-tile {
  background: var(--paper-bright);
  border-color: #bdb6aa;
  border-radius: 5px;
  box-shadow: 5px 5px 0 rgba(23,24,33,.09);
  backdrop-filter: none;
}
.source-tile::after { background: none; }
.source-tile svg { stroke-width: 1.85; }
.engine-orbit { border-color: rgba(62,56,74,.25); }
.orbit-two { border-color: rgba(49,84,199,.23); }
.engine-plane { border-radius: 20px; }
.plane-back,
.plane-middle { display: none; }
.plane-front { width: 104px; height: 104px; top: 67px; background: transparent; border: 0; border-radius: 0; box-shadow: none; transform: none; }
.plane-front img { width: 74px; height: 74px; filter: none; transform: none; }
.artifact-card {
  background: var(--paper-bright);
  border-color: #a9a196;
  border-radius: 5px;
  box-shadow: 5px 5px 0 rgba(23,24,33,.09);
}
.artifact-card i { background: #cbc5bb; }
.artifact-front small { color: #26765d; }
.artifact-front small b { color: #26765d; border-color: #78a895; background: #e3f1eb; }
.source-conversation svg { stroke: var(--purple); }

/* Hold the context diagram in one deliberate state. */
.hero-stage .engine-orbit,
.hero-stage .engine-flow-dot,
.hero-stage .stage-particle,
.hero-stage .artifact-front i { animation: none; }
.hero-stage .engine-flow-dot { opacity: 1; }
.hero-stage .engine-flow-dot.flow-a { transform: rotate(212deg) translateX(96px); }
.hero-stage .engine-flow-dot.flow-b { transform: rotate(294deg) translateX(96px); --flow-color: #2e5ce6; --flow-glow: rgba(46,92,230,.26); }
.hero-stage .engine-flow-dot.flow-c { transform: rotate(26deg) translateX(96px); }
.hero-stage .engine-flow-dot.flow-d { transform: rotate(118deg) translateX(96px); --flow-color: #7e96df; --flow-glow: rgba(92,121,207,.24); }
.hero-stage .stage-particle { opacity: 0; }
.hero-stage .stage-input-particle.flow-a { left: 31%; top: 38%; opacity: 1; transform: scale(.84); }
.hero-stage .stage-output-particle.flow-b { left: 72%; top: 42%; opacity: 1; transform: scale(.84); --flow-color: #2e5ce6; --flow-glow: rgba(46,92,230,.24); }
.hero-stage .artifact-front i:first-of-type { background: #738bd6; box-shadow: none; transform: none; }

.logo-ticker {
  height: 164px;
  background: var(--paper-bright);
  border-top: 1px solid var(--rule);
  border-bottom: 1px solid var(--rule);
}
.ticker-heading {
  color: #68656b;
  font-family: var(--body);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
}
.logo-set img { filter: none; opacity: 1; }

.section-kicker {
  display: block;
  margin-bottom: 22px;
  color: var(--purple);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .14em;
}
.workflow-proof-heading .section-kicker,
.value-heading .section-kicker,
.home-workflow .section-kicker {
  margin-bottom: 20px;
  font-family: var(--body);
  font-size: 17px;
  font-weight: 500;
  letter-spacing: -.01em;
}

.workflow-proof {
  scroll-margin-top: 78px;
  background: var(--paper);
  border-bottom: 1px solid var(--rule);
}
.workflow-proof.section { padding: 136px 0 150px; }
.workflow-proof-heading {
  max-width: 900px;
  margin: 0 0 62px;
}
.workflow-proof-heading h2 {
  max-width: 850px;
  font-size: clamp(56px, 6vw, 78px);
  line-height: .98;
  letter-spacing: -.055em;
}
.workflow-proof-heading p {
  max-width: 690px;
  margin-top: 24px;
}
.proof-canvas {
  width: min(1320px, calc(100vw - 48px));
  position: relative;
  left: 50%;
  overflow: hidden;
  background: var(--paper-bright);
  border: 1px solid #aab8c5;
  border-radius: 3px;
  box-shadow: 8px 8px 0 rgba(23,24,33,.1);
  translate: -50% 0;
}
.proof-bar {
  min-height: 46px;
  padding: 0 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  color: #6d6871;
  border-bottom: 1px solid var(--rule);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 10px;
  letter-spacing: .11em;
}
.proof-bar small { font: inherit; letter-spacing: .04em; }
.proof-grid {
  display: grid;
  grid-template-columns: 1fr .78fr 1.28fr;
}
.proof-grid > article {
  min-width: 0;
  min-height: 380px;
  padding: 34px 32px;
}
.proof-grid > article + article { border-left: 1px solid var(--rule); }
.proof-label {
  color: #77717a;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .12em;
}
.proof-grid h3 {
  margin: 20px 0 14px;
  color: var(--ink);
  font-family: var(--display);
  font-size: 23px;
  font-weight: 600;
  letter-spacing: -.035em;
}
.proof-source > p {
  color: var(--ink-soft);
  font-size: 15px;
  line-height: 1.62;
}
.proof-source ul {
  margin: 30px 0 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--rule);
}
.proof-source li {
  padding: 12px 0;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #55525a;
  border-bottom: 1px solid var(--rule);
  font-size: 12px;
  font-weight: 600;
}
.proof-source li > span {
  width: 7px;
  height: 7px;
  background: var(--purple);
  border-radius: 50%;
  box-shadow: 0 0 0 4px var(--purple-wash);
}
.proof-compare {
  text-align: center;
  background: #eef1f8;
}
.proof-compare > img {
  width: 50px;
  height: 50px;
  margin: 38px auto 0;
  display: block;
}
.proof-compare h3 { margin-top: 14px; }
.proof-compare > div {
  padding: 10px 0;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  color: #6b6870;
  border-top: 1px solid rgba(49,84,199,.16);
  font-size: 10px;
  text-align: left;
}
.proof-compare > div:last-child { border-bottom: 1px solid rgba(49,84,199,.16); }
.proof-compare > div b { color: var(--ink); font-weight: 600; }
.proof-output-row {
  min-height: 58px;
  padding: 10px 0;
  display: grid;
  grid-template-columns: 30px minmax(0,1fr) auto;
  align-items: center;
  gap: 12px;
  border-top: 1px solid var(--rule);
}
.proof-output-row:last-child { border-bottom: 1px solid var(--rule); }
.proof-output-row > img,
.proof-tool {
  width: 28px;
  height: 28px;
  padding: 5px;
  display: grid;
  place-items: center;
  object-fit: contain;
  color: white;
  background: var(--ink);
  border: 1px solid #bbb4a8;
  border-radius: 3px;
  font-family: var(--display);
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
}
.proof-output-row > img {
  width: 26px;
  height: 26px;
  padding: 1px;
  object-fit: contain;
  background: transparent;
  border: 0;
  border-radius: 0;
}
.proof-output-row > span { min-width: 0; display: grid; gap: 3px; }
.proof-output-row b { color: var(--ink); font-size: 12px; font-weight: 600; }
.proof-output-row small {
  overflow: hidden;
  color: #79747d;
  font-size: 9px;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.proof-output-row em {
  padding: 5px 7px;
  color: #26765d;
  background: #e3f1eb;
  border: 1px solid #a9c9bb;
  border-radius: 2px;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 8px;
  font-style: normal;
  text-transform: uppercase;
}
.proof-review {
  min-height: 62px;
  padding: 14px 18px;
  display: grid;
  grid-template-columns: 24px auto 1fr;
  align-items: center;
  gap: 10px;
  color: #55525a;
  background: #e6edf3;
  border-top: 1px solid var(--rule);
  font-size: 12px;
}
.proof-review > span {
  width: 20px;
  height: 20px;
  display: grid;
  place-items: center;
  color: white;
  background: var(--purple);
  border-radius: 50%;
  font-size: 10px;
}
.proof-review b { color: var(--ink); font-weight: 600; }
.proof-review p { margin-left: 4px; color: #747079; }

.proof-flow {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.proof-step {
  position: relative;
  min-width: 0;
  min-height: 430px;
  padding: 34px;
}
.proof-step-body {
  height: 350px;
  min-height: 350px;
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.proof-step-body .context-check-list,
.proof-step-body .review-output-list {
  height: auto;
  margin-top: 0;
  display: grid;
  grid-template-rows: repeat(4, 61px);
}
.proof-step + .proof-step { border-left: 1px solid var(--rule); }
.proof-step:not(:last-child)::after {
  content: "→";
  position: absolute;
  z-index: 2;
  width: 28px;
  height: 28px;
  right: -15px;
  top: 50%;
  display: grid;
  place-items: center;
  color: var(--purple);
  background: var(--paper-bright);
  border: 1px solid var(--rule);
  border-radius: 50%;
  font-size: 13px;
  transform: translateY(-50%);
}
.proof-step-heading {
  display: flex;
  align-items: center;
  gap: 12px;
}
.proof-step-heading > span {
  color: var(--purple);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 10px;
  font-weight: 600;
}
.proof-step-heading > b {
  color: var(--ink);
  font-size: 17px;
  font-weight: 600;
  letter-spacing: -.025em;
}
.proof-simple-list {
  margin: 34px 0 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--rule);
}
.proof-simple-list li {
  min-height: 64px;
  padding: 12px 0;
  display: grid;
  grid-template-columns: 82px minmax(0,1fr);
  align-items: center;
  gap: 14px;
  border-bottom: 1px solid var(--rule);
}
.proof-simple-list li span {
  color: #77727a;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 8px;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.proof-simple-list .proof-tool-label {
  display: flex;
  align-items: center;
  gap: 8px;
}
.proof-tool-label img {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  object-fit: contain;
}
.proof-output .proof-simple-list li { grid-template-columns: 32px minmax(0,1fr); }
.proof-tool-label small {
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
}
.proof-simple-list li b {
  color: var(--ink);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
}
.call-note-sheet {
  min-height: 304px;
  margin-top: 30px;
  padding: 20px;
  background: #fff;
  border: 1px solid #bcb5aa;
  box-shadow: 4px 4px 0 rgba(23,24,33,.07);
}
.call-note-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  color: #77727a;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 10px;
  letter-spacing: .07em;
}
.prompt-entry-status.is-thinking { color: var(--purple); }
.prompt-entry-status.is-thinking::before {
  content: "";
  width: 5px;
  height: 5px;
  margin-right: 5px;
  display: inline-block;
  vertical-align: 1px;
  background: currentColor;
  border-radius: 50%;
  animation: prompt-thinking 1s ease-in-out infinite;
}
.call-note-sheet h4 {
  margin: 24px 0 18px;
  color: var(--ink);
  font-size: 17px;
  font-weight: 600;
  letter-spacing: -.03em;
}
.call-meta { display: flex; gap: 14px; color: #7b767e; font-size: 9px; }
.call-meta span + span { padding-left: 14px; border-left: 1px solid var(--rule); }
.call-attendees { margin: 22px 0 26px; display: flex; }
.call-attendees i {
  width: 28px;
  height: 28px;
  margin-right: -6px;
  display: grid;
  place-items: center;
  color: #5f5b65;
  background: #e6edf3;
  border: 2px solid white;
  border-radius: 50%;
  font-size: 7px;
  font-style: normal;
  font-weight: 600;
}
.call-note-sheet > small {
  display: block;
  margin-bottom: 8px;
  color: #77727a;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 8px;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.call-note-sheet > p { color: var(--ink-soft); font-size: 12px; line-height: 1.55; }
.prompt-entry {
  min-height: 116px;
  margin-top: 20px;
  padding: 14px;
  display: flex;
  flex-direction: column;
  background: #f8fafc;
  border: 1px solid #c8d1da;
  border-radius: 2px;
}
.prompt-entry > small,
.prompt-match-item small {
  display: block;
  color: #77727a;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 9px;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.prompt-entry > small { margin-bottom: 10px; }
.prompt-entry p {
  min-height: 38px;
  color: var(--ink);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.45;
  letter-spacing: -.02em;
}
.prompt-entry-footer {
  min-height: 26px;
  margin-top: auto;
  padding-top: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border-top: 1px solid #d8dfe5;
}
.prompt-entry-status {
  min-width: 0;
  color: #26765d;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 9px;
  font-weight: 600;
  line-height: 1.25;
}
.prompt-submit {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  display: grid;
  place-items: center;
  color: white;
  background: var(--purple);
  border: 1px solid rgba(23,24,33,.16);
  border-radius: 3px;
  box-shadow: 0 2px 0 rgba(23,24,33,.13);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 13px;
  line-height: 1;
  transition: transform .15s ease, box-shadow .15s ease, opacity .2s ease;
}
.prompt-submit.is-sending { transform: translateY(2px); box-shadow: none; opacity: .82; }
.prompt-entry p > i {
  width: 1px;
  height: 1.05em;
  margin-left: 2px;
  display: inline-block;
  vertical-align: -.12em;
  background: var(--purple);
  opacity: 0;
}
.prompt-routing-card.is-typing .prompt-entry p > i {
  opacity: 1;
  animation: prompt-cursor .72s steps(1) infinite;
}
.prompt-match-list {
  margin-top: 16px;
  display: grid;
  gap: 8px;
}
.prompt-match-item {
  min-height: 54px;
  padding: 9px 10px;
  display: grid;
  grid-template-columns: 22px minmax(0,1fr) auto;
  align-items: center;
  gap: 9px;
  background: #f8fafc;
  border: 1px solid #c8d1da;
  border-radius: 2px;
  transition: opacity .35s ease, transform .35s ease, background .35s ease, border-color .35s ease;
}
.prompt-match-item > span:first-child {
  width: 20px;
  height: 20px;
  display: grid;
  place-items: center;
  color: #66717c;
  background: #e3e9ee;
  border-radius: 50%;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 8px;
  font-weight: 600;
}
.prompt-match-item > span:nth-child(2) { min-width: 0; display: grid; gap: 2px; }
.prompt-match-item b { color: var(--ink); font-size: 11px; font-weight: 600; line-height: 1.25; }
.prompt-match-item em { color: #77727a; font-size: 9px; font-style: normal; }
.prompt-match-item > i {
  padding: 4px 6px;
  color: #61707d;
  background: #eef2f5;
  border: 1px solid #ced6dd;
  border-radius: 2px;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 9px;
  font-style: normal;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.prompt-match-item.workflow-match-item {
  background: var(--purple-wash);
  border-color: rgba(49,84,199,.22);
}
.prompt-match-item.workflow-match-item > span:first-child { color: white; background: var(--purple); }
.prompt-match-item.workflow-match-item > i {
  color: var(--purple);
  background: var(--paper-bright);
  border-color: rgba(49,84,199,.2);
}
.prompt-routing-card.is-prompt-animated .prompt-match-item { opacity: 0; transform: translateY(6px); }
.prompt-routing-card.is-prompt-animated .prompt-match-item.is-matched { opacity: 1; transform: translateY(0); }
@keyframes prompt-cursor { 0%, 46% { opacity: 1; } 47%, 100% { opacity: 0; } }
@keyframes prompt-thinking { 0%, 100% { opacity: .3; transform: scale(.8); } 50% { opacity: 1; transform: scale(1); } }
.context-check-list,
.review-output-list {
  margin: 30px 0 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--rule);
}
.context-check-list li {
  min-height: 61px;
  padding: 10px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border-bottom: 1px solid var(--rule);
}
.context-check-list span { color: var(--ink); font-size: 11px; }
.context-check-list b { color: #26765d; font-size: 12px; font-weight: 600; text-align: right; }
.review-output-list li {
  min-height: 61px;
  padding: 10px 0;
  display: grid;
  grid-template-columns: 28px minmax(0,1fr);
  align-items: center;
  gap: 12px;
  border-bottom: 1px solid var(--rule);
}
.review-output-list img { width: 22px; height: 22px; object-fit: contain; }
.review-output-list li > span { min-width: 0; display: grid; gap: 3px; }
.review-output-list b { color: var(--ink); font-size: 13px; font-weight: 600; }
.review-output-list small { color: #77727a; font-size: 11px; line-height: 1.35; }
.transcript-card {
  margin-top: 32px;
  padding: 20px;
  background: white;
  border: 1px solid var(--rule);
  box-shadow: 4px 4px 0 rgba(23,24,33,.07);
}
.transcript-card > div { display: grid; gap: 4px; }
.transcript-card b { color: var(--ink); font-size: 13px; }
.transcript-card small {
  color: #7b767e;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 8px;
}
.transcript-card p {
  margin-top: 24px;
  color: var(--ink-soft);
  font-size: 13px;
  line-height: 1.55;
}
.proof-tags { margin-top: 14px; display: flex; flex-wrap: wrap; gap: 7px; }
.proof-tags span {
  padding: 6px 8px;
  color: #66626b;
  background: #e6edf3;
  border: 1px solid var(--rule);
  font-size: 8px;
}
.proof-changes { background: #eef1f8; }
.proof-change-list { margin-top: 32px; border-top: 1px solid rgba(49,84,199,.17); }
.proof-change-list > div {
  min-height: 54px;
  padding: 10px 0;
  display: grid;
  align-content: center;
  gap: 4px;
  border-bottom: 1px solid rgba(49,84,199,.17);
}
.proof-change-list span { color: #737079; font-size: 9px; }
.proof-change-list b { color: var(--ink); font-size: 12px; font-weight: 600; }
.proof-context-note {
  margin-top: 22px;
  display: flex;
  align-items: center;
  gap: 9px;
  color: #77727a;
  font-size: 10px;
  line-height: 1.45;
}
.proof-changes .proof-step-body { position: relative; }
.proof-changes .proof-context-note {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  margin-top: 0;
}
.proof-context-note img { width: 22px; height: 22px; }
.proof-output .proof-output-row:first-of-type { margin-top: 32px; }
.proof-output .proof-output-row {
  min-height: 68px;
  grid-template-columns: 34px minmax(0,1fr);
  gap: 14px;
}

.context-problem {
  color: var(--ink);
  background-color: var(--paper-deep);
  background-image:
    linear-gradient(rgba(23,33,43,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(23,33,43,.04) 1px, transparent 1px);
  background-size: 48px 48px;
  border-top: 1px solid var(--rule);
  border-bottom: 1px solid var(--rule);
}
.context-problem.section { padding: 140px 0; }
.context-problem-grid {
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  align-items: end;
  gap: 110px;
}
.context-problem .section-kicker { color: var(--purple); }
.context-problem .section-heading h2 {
  color: var(--ink);
  font-size: clamp(52px, 5.3vw, 72px);
  line-height: .99;
  letter-spacing: -.052em;
}
.context-problem-copy {
  padding-top: 25px;
  border-top: 1px solid var(--ink);
}
.context-problem-copy p {
  color: var(--ink-soft);
  font-size: 16px;
  line-height: 1.7;
}
.context-problem-copy p + p { margin-top: 22px; }

.home-process { background: var(--paper); }
.home-process.section { padding: 142px 0 150px; }
.home-process .section-heading.centered {
  max-width: 780px;
  margin: 0 auto 76px;
  text-align: center;
}
.home-process .section-heading h2 {
  font-size: clamp(54px, 5.5vw, 74px);
  line-height: .98;
  letter-spacing: -.055em;
}
.home-process .section-heading p { max-width: 640px; margin: 22px auto 0; }
.process-list { border-top: 1px solid var(--ink); }
.process-list article {
  padding: 34px 0;
  display: grid;
  grid-template-columns: 70px minmax(0,1fr) minmax(250px,.72fr);
  align-items: start;
  gap: 28px;
  border-bottom: 1px solid var(--rule);
}
.process-list article > span {
  color: var(--purple);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 11px;
  font-weight: 600;
}
.process-list h3 {
  margin: -4px 0 10px;
  color: var(--ink);
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -.035em;
}
.process-list p {
  max-width: 610px;
  color: var(--ink-soft);
  font-size: 14px;
  line-height: 1.65;
}
.process-list aside {
  padding: 12px 14px;
  color: #6d6871;
  background: var(--paper-bright);
  border: 1px solid var(--rule);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 9px;
  font-style: normal;
  line-height: 1.5;
}
.trust-rail {
  margin-top: 54px;
  display: grid;
  grid-template-columns: repeat(4,1fr);
  border: 1px solid var(--rule);
  background: var(--paper-bright);
}
.trust-rail > div { min-height: 104px; padding: 23px; display: grid; align-content: center; gap: 7px; }
.trust-rail > div + div { border-left: 1px solid var(--rule); }
.trust-rail b { color: var(--ink); font-size: 13px; font-weight: 600; }
.trust-rail span { color: #77717a; font-size: 10px; }

.home-value {
  background-color: var(--paper);
  border-top: 1px solid var(--rule);
  border-bottom: 1px solid var(--rule);
}
.home-value.section { padding: 142px 0 126px; }
.value-heading {
  max-width: 900px;
  margin-bottom: 72px;
}
.value-heading h2 {
  max-width: 860px;
  font-size: clamp(56px, 6vw, 78px);
  line-height: .98;
  letter-spacing: -.055em;
}
.value-heading p { max-width: 690px; margin-top: 24px; }
.value-outcomes {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  border-top: 1px solid var(--rule);
  border-bottom: 1px solid var(--rule);
}
.value-outcomes article { min-height: 270px; padding: 34px 40px 38px 0; }
.value-outcomes article + article { padding-left: 40px; border-left: 1px solid var(--rule); }
.value-step-label {
  display: block;
  margin-bottom: 42px;
  color: var(--purple);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.value-outcomes h3 {
  max-width: 270px;
  margin-bottom: 16px;
  color: var(--ink);
  font-size: 21px;
  font-weight: 600;
  line-height: 1.18;
  letter-spacing: -.035em;
}
.value-outcomes p { max-width: 310px; color: var(--ink-soft); font-size: 13px; line-height: 1.65; }
.signal-strip { padding: 0; background: var(--paper); }
.signal-grid { width: min(1240px, calc(100% - 64px)); border: 0; border-left: 1px solid var(--rule); border-right: 1px solid var(--rule); }
.signal-grid::before { display: none; }
.signal-grid article { min-height: 190px; padding: 38px; border-bottom: 1px solid var(--rule); }
.signal-grid article + article { border-left-color: var(--rule); }
.signal-grid span { color: var(--purple); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
.signal-grid p { color: var(--ink); font-size: 19px; }

.section { padding: 138px 0; }
.home-overview,
.home-outcomes,
.workflow-patterns { background: var(--paper); }
.home-overview.section { padding-top: 150px; padding-bottom: 150px; }
.overview-grid { grid-template-columns: 1.05fr .95fr; gap: 110px; }
.section-heading h2,
.workflow-copy h2,
.final-cta h2 { color: var(--ink); font-weight: 500; }
.home-overview .section-heading h2 {
  font-size: clamp(60px,6.3vw,84px);
  line-height: .96;
}
.home-overview .section-heading h2::first-line { font-family: var(--editorial); font-style: italic; font-weight: 400; }
.overview-copy { padding-top: 24px; border-top-color: var(--ink); }
.overview-copy p { color: var(--ink-soft); font-size: 16px; }
.overview-copy a { color: var(--ink); border-bottom: 1px solid var(--ink); }

.home-outcomes { border-top: 1px solid var(--rule); border-bottom: 1px solid var(--rule); background: var(--paper-bright); }
.home-outcomes::before { display: none; }
.home-outcomes .section-heading.centered,
.workflow-patterns .section-heading.centered { text-align: center; margin-inline: auto; }
.section-heading h2,
.workflow-copy h2,
.final-cta h2 { font-size: clamp(48px,5vw,68px); }
.section-heading p,
.workflow-copy > p { color: var(--ink-soft); font-size: 17px; }
.outcome-grid { border: 1px solid var(--rule); background: var(--paper); }
.outcome-grid article { min-height: 315px; padding: 38px 30px; }
.outcome-grid article + article { padding-left: 30px; border-left-color: var(--rule); }
.outcome-grid span { color: var(--purple); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
.outcome-grid h3 { font-size: 21px; }
.outcome-grid p { color: var(--ink-soft); font-size: 14px; }
.outcome-icon { border-color: var(--rule); background: var(--paper-bright); }

.workflow-patterns { background-image: linear-gradient(rgba(23,33,43,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(23,33,43,.04) 1px, transparent 1px); background-size: 48px 48px; }
.workflow-patterns::before { background: var(--rule); }
.pattern-grid { gap: 0 80px; border-top-color: var(--ink); }
.pattern-grid article { border-bottom-color: var(--rule); }
.pattern-grid::after,
.pattern-grid::before { background: linear-gradient(var(--purple), #bfb6ed); }
.pattern-grid article > span { background: var(--ink); }
.pattern-grid p { color: var(--ink-soft); }

.home-workflow {
  color: var(--ink);
  background-color: var(--paper);
  background-image:
    linear-gradient(rgba(23,33,43,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(23,33,43,.055) 1px, transparent 1px);
  background-size: 48px 48px, 48px 48px;
  border-top: 1px solid var(--rule);
  border-bottom: 1px solid var(--rule);
}
.home-workflow::before { display: none; }
.home-workflow.section { padding: 138px 0; }
.home-workflow-grid {
  grid-template-columns: 1.05fr .95fr;
  align-items: center;
  gap: 110px;
}
.home-workflow-grid > .section-heading { transform: translateY(-12px); }
.home-workflow-visual { border: 1px solid rgba(255,255,255,.28); border-radius: 3px; box-shadow: 6px 6px 0 rgba(49,84,199,.55); transform: none; }
.home-workflow .section-heading h2 { color: var(--ink); }
.home-workflow .section-heading p { color: var(--ink-soft); }
.home-workflow .button-primary { color: white; background: var(--purple); border-color: var(--ink); box-shadow: 4px 4px 0 var(--ink); }
.home-workflow .button-primary:hover { color: white; background: var(--purple-dark); border-color: var(--ink); box-shadow: 2px 2px 0 var(--ink); }
.start-card {
  background: var(--paper-bright);
  border: 1px solid #aab8c5;
  box-shadow: 8px 8px 0 rgba(23,24,33,.1);
}
.start-card-head {
  min-height: 46px;
  padding: 0 17px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  border-bottom: 1px solid var(--rule);
}
.start-card-head span { color: var(--ink); font-size: 12px; font-weight: 600; }
.start-card-head small {
  color: var(--purple);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 8px;
  font-weight: 600;
  letter-spacing: .1em;
}
.engagement-option { padding: 27px 28px 29px; }
.engagement-option + .engagement-option { border-top: 1px solid var(--rule); }
.engagement-label {
  display: block;
  margin-bottom: 15px;
  color: var(--purple);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .07em;
  text-transform: uppercase;
}
.engagement-option h3 { max-width: 390px; margin-bottom: 8px; color: var(--ink); font-size: 19px; font-weight: 600; line-height: 1.2; letter-spacing: -.03em; }
.engagement-option p { max-width: 390px; color: var(--ink-soft); font-size: 12px; line-height: 1.55; }
.engagement-button { margin-top: 20px; padding: 10px 15px; font-size: 11px; }
.engagement-secondary { color: var(--purple-dark); background: transparent; border: 1px solid var(--purple); box-shadow: none; }
.engagement-secondary:hover { color: var(--purple-dark); background: var(--purple-wash); border-color: var(--purple-dark); box-shadow: none; }
.site-page[data-page="work"] .work-hero .button.button-primary,
.site-page .final-cta .button.button-primary { color: var(--ink); background: var(--paper-bright); border-color: var(--paper-bright); box-shadow: none; }
.site-page[data-page="work"] .work-hero .button.button-primary:hover,
.site-page .final-cta .button.button-primary:hover { color: white; background: var(--purple); border-color: var(--purple); }

.site-page:not([data-page="home"]) { background: var(--paper); }
.site-page:not([data-page="home"]) .section:first-child { padding-top: 148px; }
.site-page:not([data-page="home"]) .section-heading h1,
.work-hero h1 { color: var(--ink); font-size: clamp(58px,6vw,84px); font-weight: 500; }
.work-hero {
  color: white;
  background-color: #11131d;
  background-image:
    radial-gradient(circle at 78% 12%, rgba(49,84,199,.42), transparent 35%),
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size: auto, 48px 48px, 48px 48px;
}
.site-page[data-page="work"] .work-hero .section-heading h1 { color: white; }
.work-hero .section-heading p { color: rgba(255,255,255,.68); }
.how-runtime,
.journey-stage { border-radius: 3px; }

.site-page[data-page="blog"] .blog-placeholder.section {
  min-height: calc(100vh - 78px);
  padding: 118px 0 96px;
  display: grid;
  place-items: center;
  background-color: var(--paper);
  background-image: var(--grain);
  background-size: 180px 180px;
  background-blend-mode: multiply;
}
.blog-placeholder-frame {
  --blog-grid: 72px;
  position: relative;
  min-height: 590px;
  display: grid;
  place-items: center;
  overflow: hidden;
  background-image:
    linear-gradient(rgba(37,34,43,.075) 1px, transparent 1px),
    linear-gradient(90deg, rgba(37,34,43,.075) 1px, transparent 1px);
  background-size: var(--blog-grid) var(--blog-grid);
  background-position:
    center calc(50% + (var(--blog-grid) / 2)),
    center center;
}
.blog-placeholder-copy {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  width: min(936px, calc(100% - 96px));
  height: 288px;
  padding: 0 32px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.blog-placeholder-copy::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -112px -156px;
  background-color: var(--paper);
  background-image: var(--grain);
  background-size: 180px 180px;
  -webkit-mask-image: radial-gradient(ellipse 60% 55% at center, #000 0 42%, rgba(0,0,0,.94) 54%, rgba(0,0,0,.55) 67%, transparent 84%);
  mask-image: radial-gradient(ellipse 60% 55% at center, #000 0 42%, rgba(0,0,0,.94) 54%, rgba(0,0,0,.55) 67%, transparent 84%);
}
.blog-placeholder-copy .section-kicker {
  display: block;
  margin-bottom: 26px;
  color: var(--ink-soft);
  font-family: var(--body);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: .015em;
}
.blog-placeholder-copy h1 {
  max-width: 980px;
  margin: 0 auto 24px;
  color: var(--ink);
  font-family: var(--display);
  font-size: clamp(56px,5.4vw,72px);
  font-weight: 500;
  line-height: .98;
  letter-spacing: -.06em;
}
.blog-placeholder-copy p {
  max-width: 680px;
  margin: 0 auto;
  color: var(--ink-soft);
  font-size: 18px;
  line-height: 1.6;
}
.frame-corner {
  position: absolute;
  z-index: 2;
  width: 19px;
  height: 19px;
  pointer-events: none;
}
.frame-corner-tl { left: 0; top: 0; border-left: 1px solid var(--ink); border-top: 1px solid var(--ink); }
.frame-corner-tr { right: 0; top: 0; border-right: 1px solid var(--ink); border-top: 1px solid var(--ink); }
.frame-corner-bl { left: 0; bottom: 0; border-left: 1px solid var(--ink); border-bottom: 1px solid var(--ink); }
.frame-corner-br { right: 0; bottom: 0; border-right: 1px solid var(--ink); border-bottom: 1px solid var(--ink); }

.final-cta {
  color: white;
  background-color: var(--ink);
  background-image: linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px), radial-gradient(circle at 50% 0, rgba(49,84,199,.34), transparent 43%);
  background-size: 48px 48px, 48px 48px, auto;
}
.final-cta h2 { color: white; }
.final-cta .cta-brand img { filter: none; }
.final-cta .cta-brand { gap: 2px; }
.final-cta .cta-brand img { width: 28px; height: 28px; }
.final-cta .cta-brand span {
  font-family: var(--body);
  font-size: 21px;
  font-weight: 500;
  letter-spacing: -.035em;
}
footer {
  color: var(--ink-soft);
  background: var(--paper-bright);
  border-top: 1px solid var(--rule);
}
footer .brand { color: var(--ink); }
footer .brand-name { color: var(--ink); }
footer .brand-icon img { filter: invert(1); }
footer a { color: var(--ink-soft); }
footer a:hover { color: var(--ink); }

.workflow-proof,
.home-value,
.logo-ticker,
footer {
  background-color: var(--paper);
  background-image: var(--flat-grain);
  background-size: 160px 160px;
  background-blend-mode: multiply;
}

.contact-panel { background: var(--paper-bright); border-left: 1px solid var(--rule); }

.legal-page.section {
  padding: 138px 0 112px;
  background-color: var(--paper);
  background-image:
    linear-gradient(rgba(23,33,43,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(23,33,43,.055) 1px, transparent 1px),
    var(--flat-grain);
  background-size: 48px 48px, 48px 48px, 160px 160px;
  background-blend-mode: normal, normal, multiply;
}
.legal-shell {
  max-width: 920px;
  padding: 0 68px 72px;
  overflow: hidden;
  background-color: var(--paper-bright);
  border: 1px solid #aab8c5;
  border-radius: 2px;
  box-shadow: 8px 8px 0 rgba(23,24,33,.1);
}
.legal-meta {
  min-height: 54px;
  margin: 0 -68px 54px;
  padding: 0 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  border-bottom: 1px solid var(--rule);
}
.legal-meta .kicker {
  margin: 0;
  color: var(--purple);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.legal-document[hidden] { display: none; }
.legal-document:not([hidden]) { animation: legal-document-in .2s ease both; }
@keyframes legal-document-in {
  from { opacity: 0; transform: translateY(5px); }
  to { opacity: 1; transform: translateY(0); }
}
.legal-nav { display: flex; align-items: center; gap: 6px; }
.legal-nav a {
  padding: 7px 10px;
  color: var(--ink-soft);
  border: 1px solid transparent;
  font-size: 11px;
  font-weight: 500;
  text-decoration: none;
}
.legal-nav a:hover,
.legal-nav a.active { color: var(--purple-dark); border-color: var(--rule); background: var(--purple-wash); }
.legal-shell h1 {
  max-width: 760px;
  margin: 0 0 13px;
  color: var(--ink);
  font-family: var(--display);
  font-size: clamp(54px, 6vw, 74px);
  font-weight: 500;
  line-height: 1;
  letter-spacing: -.055em;
}
.legal-shell .legal-updated {
  margin: 0 0 46px !important;
  color: var(--ink-soft) !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 10px !important;
  letter-spacing: .04em;
}
.legal-shell h2 {
  margin: 44px 0 12px;
  padding-top: 28px;
  color: var(--ink);
  border-top: 1px solid var(--rule);
  font-size: 21px;
  font-weight: 600;
  letter-spacing: -.025em;
}
.legal-shell p {
  max-width: 740px;
  margin: 0 0 18px;
  color: var(--ink-soft);
  font-size: 16px;
  line-height: 1.78;
}
.legal-shell a { color: var(--purple-dark); }
.legal-next {
  margin: 54px -68px -72px;
  min-height: 72px;
  padding: 0 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  background: var(--paper-deep);
  border-top: 1px solid var(--rule);
}
.legal-next span {
  color: var(--ink-soft);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 9px;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.legal-next a { color: var(--ink); font-size: 13px; font-weight: 600; text-decoration: none; }
.legal-next a:hover { color: var(--purple-dark); }
.legal-next b { margin-left: 6px; color: var(--purple); }

@media (max-width: 1100px) {
  .proof-review { grid-template-columns: 24px 1fr; }
  .proof-review p { grid-column: 2; margin-left: 0; }
  .proof-flow { grid-template-columns: 1fr; }
  .proof-step { min-height: 0; padding: 28px 22px; }
  .proof-step-heading,
  .proof-step > .call-note-sheet,
  .proof-step-body {
    width: min(100%, 760px);
    margin-right: auto;
    margin-left: auto;
  }
  .proof-step-body { height: auto; min-height: 0; }
  .proof-changes .proof-context-note { position: static; margin-top: 22px; }
  .proof-step-body .context-check-list,
  .proof-step-body .review-output-list { height: auto; display: block; }
  .proof-step + .proof-step { border-top: 1px solid var(--rule); border-left: 0; }
  .proof-step:not(:last-child)::after {
    content: "↓";
    left: 50%;
    right: auto;
    top: auto;
    bottom: -15px;
    transform: translateX(-50%);
  }
}

@media (max-width: 900px) {
  .shell { width: min(100% - 40px, 1240px); }
  .proof-canvas { width: 100%; left: auto; translate: none; }
  .menu-toggle span:not(.sr-only) { background: var(--ink); }
  .nav-links { color: white; background: var(--ink); }
  .nav-links > a:hover,
  .nav-links > a.active:not(.button) { color: white; }
  .home-workflow-grid { grid-template-columns: 1fr; align-items: stretch; gap: 54px; }
  .home-workflow-grid > .section-heading { transform: none; }
  .hero { min-height: 0; padding: 142px 0 96px; }
  .hero h1 { font-size: clamp(56px,9vw,76px); }
  .signal-grid { width: calc(100% - 40px); }
  .overview-grid { gap: 60px; }
  .home-overview .section-heading h2 { font-size: 58px; }
  .outcome-grid article { min-height: 270px; }
  .proof-grid { grid-template-columns: 1fr 1fr; }
  .proof-grid > article { min-height: 340px; }
  .proof-grid > article:nth-child(2) { border-left: 1px solid var(--rule); }
  .proof-grid > article:nth-child(3) { grid-column: 1 / -1; min-height: 0; border-top: 1px solid var(--rule); border-left: 0; }
  .proof-output-row { min-height: 62px; }
  .context-problem-grid { gap: 60px; }
  .process-list article { grid-template-columns: 52px minmax(0,1fr) minmax(210px,.65fr); }
  .trust-rail { grid-template-columns: 1fr 1fr; }
  .trust-rail > div:nth-child(3) { border-left: 0; }
  .trust-rail > div:nth-child(n+3) { border-top: 1px solid var(--rule); }
  .legal-page.section { padding: 112px 0 88px; }
}

@media (max-width: 700px) {
  .site-header,
  .nav { height: 78px; }
  .nav-links { color: white; background: var(--ink); }
  .menu-toggle span:not(.sr-only) { background: var(--ink); }
  .hero { padding: 118px 0 82px; background-size: 32px 32px, 32px 32px, auto; }
  .hero h1 { max-width: 370px; font-size: 48px; line-height: .98; }
  .hero h1 .rotating-context-line { display: block; text-align: center; }
  .hero-copy > p { font-size: 16px; }
  .signal-grid { width: calc(100% - 24px); grid-template-columns: 1fr; }
  .signal-grid article { min-height: 0; padding: 28px 22px; }
  .signal-grid article + article { border-left: 0; }
  .logo-ticker { height: 142px; }
  .section { padding: 98px 0; }
  .home-overview.section { padding-top: 104px; padding-bottom: 104px; }
  .home-overview .section-heading h2 { font-size: 48px; }
  .home-outcomes .section-heading.centered,
  .workflow-patterns .section-heading.centered { text-align: left; }
  .section-heading h2,
  .workflow-copy h2,
  .final-cta h2 { font-size: 44px; }
  .outcome-grid { grid-template-columns: 1fr; }
  .outcome-grid article,
  .outcome-grid article + article { min-height: 0; padding: 30px 24px; border-left: 0; border-top: 1px solid var(--rule); }
  .outcome-grid article:first-child { border-top: 0; }
  .pattern-grid { grid-template-columns: 1fr; }
  .home-workflow.section { padding: 96px 0; }
  .home-workflow-grid { gap: 38px; }
  .workflow-proof.section { padding: 92px 0 102px; }
  .workflow-proof-heading { margin-bottom: 42px; }
  .workflow-proof-heading h2,
  .context-problem .section-heading h2,
  .home-process .section-heading h2,
  .value-heading h2 { font-size: 44px; }
  .proof-bar { padding: 12px 14px; align-items: flex-start; flex-direction: column; gap: 5px; }
  .proof-grid { grid-template-columns: 1fr; }
  .proof-grid > article,
  .proof-grid > article:nth-child(2),
  .proof-grid > article:nth-child(3) { grid-column: auto; min-height: 0; padding: 28px 22px; border-left: 0; }
  .proof-grid > article + article { border-top: 1px solid var(--rule); }
  .proof-compare > img { margin-top: 28px; }
  .proof-output .proof-output-row { min-height: 58px; }
  .engagement-option { padding: 26px 22px 28px; }
  .context-problem.section { padding: 98px 0; }
  .context-problem-grid { grid-template-columns: 1fr; gap: 54px; }
  .home-process.section { padding: 98px 0 104px; }
  .home-process .section-heading.centered { margin-bottom: 54px; text-align: left; }
  .home-process .section-heading p { margin-left: 0; }
  .process-list article { grid-template-columns: 36px minmax(0,1fr); gap: 18px; }
  .process-list article aside { grid-column: 2; }
  .trust-rail { grid-template-columns: 1fr; }
  .trust-rail > div + div,
  .trust-rail > div:nth-child(3) { border-left: 0; border-top: 1px solid var(--rule); }
  .home-value.section { padding: 98px 0 88px; }
  .value-heading { margin-bottom: 52px; }
  .value-outcomes { grid-template-columns: 1fr; }
  .value-outcomes article,
  .value-outcomes article + article { min-height: 0; padding: 28px 0; border-left: 0; }
  .value-outcomes article + article { border-top: 1px solid var(--rule); }
  .value-outcomes h3,
  .value-outcomes p { max-width: none; }
  .value-step-label { margin-bottom: 24px; }
  .site-page[data-page="blog"] .blog-placeholder.section { padding: 102px 0 72px; }
  .blog-placeholder-frame {
    --blog-grid: 48px;
    min-height: 540px;
  }
  .blog-placeholder-copy { width: calc(100% - 32px); height: 384px; padding: 40px 22px; }
  .blog-placeholder-copy::before { inset: -72px -28px; }
  .blog-placeholder-copy h1 { font-size: 44px; }
  .blog-placeholder-copy p { font-size: 16px; }
  .frame-corner-tl { left: 0; top: 0; }
  .frame-corner-tr { right: 0; top: 0; }
  .frame-corner-bl { left: 0; bottom: 0; }
  .frame-corner-br { right: 0; bottom: 0; }
  .legal-page.section { padding: 96px 0 72px; background-size: 32px 32px, 32px 32px, 160px 160px; }
  .legal-shell { padding: 0 24px 48px; }
  .legal-meta { min-height: 52px; margin: 0 -24px 42px; padding: 0 14px; }
  .legal-shell h1 { font-size: 46px; }
  .legal-shell .legal-updated { margin-bottom: 36px !important; }
  .legal-shell h2 { margin-top: 36px; padding-top: 24px; font-size: 20px; }
  .legal-shell p { font-size: 15px; line-height: 1.72; }
  .legal-next { margin: 44px -24px -48px; padding: 0 16px; }
}

@media (prefers-reduced-motion: reduce) {
  body::before { display: none; }
  .legal-document:not([hidden]) { animation: none; }
}