/* mime / October 2026. The original DM type family, paper and clay palette. */
:root {
  --paper:#f5f2eb;
  --card:#fffdf8;
  --line:#dedbd2;
  --hairline:#e6e2d9;
  --ink:#242521;
  --muted:#686960;
  --faint:#79796f;
  --clay:#b85234;
  --claydeep:#964127;
  --claywash:#f5e6dc;
  --green:#426753;
  --greenwash:#eaf0e7;
  --shadow:0 16px 45px -28px #28251d35;
  --ease:cubic-bezier(.22,.61,.36,1)
}

* {
  box-sizing:border-box;
  margin:0;
  padding:0
}

html {
  scroll-behavior:smooth;
  scroll-padding-top:34px
}

body {
  background:var(--paper);
  color:var(--ink);
  font-family:'DM Sans',sans-serif;
  font-size:15px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility
}

::selection {
  background:#e9c7b3;
  color:#482b22
}

a {
  color:inherit;
  text-decoration-thickness:1px;
  text-underline-offset:4px
}

a:hover {
  color:var(--clay)
}

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

button,a,input,textarea,summary {
  -webkit-tap-highlight-color:transparent
}

button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible {
  outline:2px solid var(--clay);
  outline-offset:5px
}

button {
  cursor:pointer
}

button:disabled {
  cursor:wait;
  opacity:.55
}

h1,h2,h3,h4 {
  font-weight:400
}

p {
  overflow-wrap:anywhere
}

.wrap {
  max-width:1240px;
  margin:auto;
  padding:0 40px
}

main {
  min-height:45vh
}

.boot-loading {
  padding:100px 0;
  color:var(--muted)
}

.skip-link {
  position:fixed;
  left:20px;
  top:-80px;
  z-index:100;
  background:var(--ink);
  color:var(--paper);
  padding:12px 20px;
  border-radius:5px
}

.skip-link:focus {
  top:12px
}

.mono,.eyebrow,.step-label,.tiny-date {
  font-family:'DM Mono',monospace
}

.eyebrow,.step-label {
  font-size:10px;
  letter-spacing:.13em;
  text-transform:uppercase;
  color:var(--clay);
  line-height:1.5
}

.eyebrow {
  margin-bottom:15px
}

.step-label {
  margin-bottom:12px
}

.note {
  font-size:12px;
  color:var(--muted)
}

.mono {
  font-size:11px
}

.display {
  font-family:'DM Serif Display',serif;
  font-weight:400;
  letter-spacing:-.035em;
  line-height:1.08;
  white-space:pre-line;
  text-wrap:balance
}

h1.display {
  font-size:clamp(48px,6vw,80px)
}

h2.display {
  font-size:clamp(35px,4vw,51px)
}

.lede {
  font-size:18px;
  color:var(--muted);
  margin:22px 0 30px;
  max-width:52ch
}

.section-intro {
  color:var(--muted);
  font-size:16px;
  max-width:51ch;
  line-height:1.8;
  margin-top:22px
}

.section-heading {
  max-width:650px
}

.section-heading h2 {
  max-width:22ch
}

section {
  padding:74px 0;
  border-top:1px solid var(--line)
}

/* navigation */
header.bar {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:22px 0;
  border-bottom:1px solid var(--line)
}

.wordmark {
  font-family:'DM Serif Display',serif;
  font-size:37px;
  letter-spacing:-.055em;
  line-height:1
}

.wordmark small {
  font-family:'DM Sans',sans-serif;
  font-size:9px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--muted);
  margin-left:10px;
  vertical-align:3px
}

.bar nav {
  display:flex;
  align-items:center;
  gap:27px
}

.bar nav>a,.bar nav>button {
  font-size:12px;
  text-decoration:none;
  color:var(--muted);
  white-space:nowrap
}

.bar nav>a:hover {
  color:var(--ink)
}

.bar nav>a.nav-cta {
  display:flex;
  gap:20px;
  align-items:center;
  padding:10px 17px;
  border:1px solid var(--ink);
  border-radius:4px;
  color:var(--ink)
}

.bar nav>a.nav-cta:hover {
  background:var(--ink);
  color:var(--paper)
}

.bar nav .workspace-link {
  color:var(--ink)
}

/* shared controls */
button,.button-cta {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:28px;
  border:1px solid var(--ink);
  border-radius:5px;
  background:var(--ink);
  color:var(--card);
  padding:13px 22px;
  text-decoration:none;
  font-size:13px;
  font-weight:500;
  transition:background .18s var(--ease),transform .18s var(--ease),box-shadow .18s var(--ease)
}

button:hover,.button-cta:hover {
  background:#3c3f35;
  color:var(--card);
  box-shadow:0 4px 12px #2222220b
}

button:active,.button-cta:active {
  transform:translateY(1px)
}

.button-cta>span {
  font-size:19px;
  font-weight:400
}

.text-cta {
  display:inline-flex;
  align-items:center;
  gap:12px;
  font-size:13px;
  text-decoration:none;
  border-bottom:1px solid #aaa99c;
  padding:5px 0;
  align-self:center
}

.text-cta:hover {
  border-color:var(--clay)
}

button.ghost {
  background:transparent;
  border-color:var(--line);
  color:var(--ink);
  padding:9px 14px;
  font-size:12px;
  border-radius:4px
}

button.ghost:hover {
  background:#eae7dd;
  box-shadow:none
}

button.link {
  background:none;
  border:0;
  border-radius:0;
  padding:0;
  color:var(--muted);
  font-size:12px;
  text-decoration:underline;
  text-underline-offset:4px
}

button.link:hover {
  color:var(--ink);
  box-shadow:none
}

.status-tag,.chip {
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-family:'DM Mono',monospace;
  font-size:9px;
  line-height:1.5;
  letter-spacing:.025em;
  padding:4px 8px;
  border-radius:3px;
  background:#eeeee6;
  color:#606252;
  white-space:nowrap
}

.status-tag.clay {
  background:var(--claywash);
  color:var(--claydeep)
}

.status-tag.green {
  background:var(--greenwash);
  color:var(--green)
}

.source-dot {
  width:6px;
  height:6px;
  background:var(--clay);
  border-radius:50%;
  display:inline-block;
  flex-shrink:0
}

.check-mark {
  font-family:'DM Mono',monospace;
  color:var(--green)
}

/* first impression */
.landing-hero {
  display:grid;
  grid-template-columns:1.04fr 1fr;
  align-items:center;
  gap:65px;
  border:0;
  padding:85px 0 75px
}

.edition-label {
  display:flex;
  gap:9px;
  align-items:center;
  font-family:'DM Mono',monospace;
  color:var(--muted);
  font-size:10px;
  letter-spacing:.1em;
  text-transform:uppercase;
  margin-bottom:25px
}

.landing-hero h1 {
  max-width:14ch
}

.landing-hero h1>span {
  color:var(--clay)
}

.hero-description {
  font-size:17px;
  line-height:1.85;
  max-width:42ch;
  color:var(--muted);
  margin-top:25px
}

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

.hero-reassurance {
  font-size:11px;
  color:var(--muted);
  margin-top:15px
}

.hero-aside {
  display:flex;
  align-items:center;
  gap:11px;
  font-size:11px;
  color:var(--muted);
  margin-top:40px
}

.small-rule {
  display:inline-block;
  width:24px;
  height:1px;
  background:var(--clay)
}

.hero-product {
  position:relative;
  padding:18px 0
}

.hero-product:before {
  content:'';
  position:absolute;
  z-index:-1;
  inset:-10px -20px -12px -20px;
  background:repeating-linear-gradient(135deg,transparent,transparent 8px,#b8b4a322 8px,#b8b4a322 9px);
  border-radius:9px
}

.product-preview {
  border:1px solid #d7d5cb;
  border-radius:9px;
  background:var(--card);
  box-shadow:0 2px 4px #24241a06,0 20px 45px -22px #39372735;
  overflow:hidden;
  transform:rotate(-1deg);
  transition:transform .3s var(--ease)
}

.product-preview:hover {
  transform:rotate(0deg)
}

.preview-topbar {
  display:flex;
  align-items:center;
  gap:14px;
  padding:14px 19px;
  background:#f0eee6;
  border-bottom:1px solid var(--line);
  font-size:10px;
  color:var(--muted)
}

.preview-brand {
  font-family:'DM Serif Display',serif;
  font-size:22px;
  line-height:1;
  color:var(--ink);
  padding-right:14px;
  border-right:1px solid #d6d3c9;
  letter-spacing:-.05em
}

.preview-avatar {
  display:grid;
  place-items:center;
  margin-left:auto;
  width:22px;
  height:22px;
  border-radius:50%;
  background:#e4e6dc;
  font-family:'DM Mono',monospace;
  font-size:10px;
  color:#565e44
}

.preview-tabs {
  display:flex;
  gap:23px;
  margin:0 22px;
  border-bottom:1px solid var(--line)
}

.preview-tabs button {
  position:relative;
  padding:13px 0 11px;
  background:none;
  border:0;
  border-bottom:2px solid transparent;
  border-radius:0;
  font-size:10px;
  color:var(--muted);
  white-space:nowrap
}

.preview-tabs button:hover {
  box-shadow:none;
  color:var(--ink)
}

.preview-tabs button[aria-selected=true] {
  border-color:var(--clay);
  color:var(--ink)
}

.preview-panel {
  padding:24px 22px 21px;
  min-height:355px
}

.preview-heading {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:22px
}

.preview-heading .eyebrow {
  font-size:8px;
  margin-bottom:5px;
  letter-spacing:.1em;
  color:var(--muted)
}

.preview-heading h3 {
  font-family:'DM Serif Display',serif;
  font-size:25px;
  line-height:1.25;
  letter-spacing:-.025em
}

.tiny-date {
  font-size:8px;
  color:var(--muted);
  white-space:nowrap;
  align-self:flex-start;
  margin-top:3px
}

.preview-stats {
  display:flex;
  border-bottom:1px solid var(--line);
  padding-bottom:19px;
  margin-bottom:19px
}

.preview-stats>div {
  display:flex;
  flex-direction:column;
  flex:1;
  border-right:1px solid var(--line);
  padding-left:22px
}

.preview-stats>div:first-child {
  padding:0
}

.preview-stats>div:last-child {
  border:0
}

.preview-stats strong {
  font-family:'DM Serif Display',serif;
  font-weight:400;
  font-size:29px;
  line-height:1.15
}

.preview-stats span {
  font-size:9px;
  color:var(--muted);
  margin-top:3px
}

.preview-observation {
  background:#f3f1e9;
  border:1px solid #e7e2d7;
  border-radius:5px;
  padding:16px
}

.preview-row {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px
}

.preview-row .mono {
  font-size:9px;
  color:var(--muted)
}

.preview-observation h4 {
  font-family:'DM Serif Display',serif;
  font-size:20px;
  line-height:1.3;
  letter-spacing:-.02em;
  margin:12px 0 8px
}

.preview-observation p {
  font-size:11px;
  line-height:1.8;
  color:var(--muted)
}

.preview-footnote {
  display:flex;
  align-items:center;
  gap:7px;
  font-size:8px;
  color:var(--muted);
  border-top:1px solid var(--line);
  padding-top:11px;
  margin-top:13px
}

.preview-footnote .source-dot {
  width:4px;
  height:4px
}

.preview-bottom {
  display:flex;
  align-items:center;
  gap:9px;
  font-size:10px;
  color:var(--muted);
  margin-top:17px
}

.preview-caption {
  font-size:8px;
  display:flex;
  gap:7px;
  align-items:center;
  border-top:1px solid var(--line);
  padding:10px 18px;
  color:var(--muted);
  background:#f6f4ee
}

.preview-caption .source-dot {
  background:#939585;
  width:4px;
  height:4px
}

.sample-source {
  padding:16px;
  background:#f3f1e9;
  border:1px solid var(--line);
  border-radius:5px;
  margin-bottom:10px
}

.sample-source h4 {
  font-family:'DM Serif Display',serif;
  font-size:21px;
  margin:12px 0 8px
}

.sample-source p {
  font-size:11px;
  color:var(--muted);
  line-height:1.8
}

.sample-url {
  font-family:'DM Mono',monospace;
  font-size:9px;
  color:var(--muted);
  display:block;
  margin-top:13px
}

.evidence-pair {
  padding:12px 0;
  border-bottom:1px solid var(--line);
  display:grid;
  gap:3px
}

.evidence-pair>span {
  font-size:9px;
  color:var(--muted)
}

.evidence-pair strong {
  font-size:11px;
  font-weight:500
}

/* content rhythm */
.capability-strip {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  border-block:1px solid var(--line);
  padding:21px 0
}

.capability-strip>span {
  display:flex;
  gap:9px;
  align-items:center;
  font-size:10px;
  white-space:nowrap
}

.capability-strip .strip-caption {
  font-family:'DM Serif Display',serif;
  font-size:16px;
  white-space:normal;
  max-width:190px;
  line-height:1.4
}

.strip-number {
  font-family:'DM Mono',monospace;
  font-size:9px;
  color:var(--clay)
}

.product-section {
  border:0;
  padding:88px 0 75px
}

.feature-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:0;
  margin-top:46px
}

.feature-card {
  padding:8px 29px 7px 0;
  border-right:1px solid var(--line)
}

.feature-card+article {
  padding-left:29px
}

.feature-card:last-child {
  border:0;
  padding-right:0
}

.feature-card h3 {
  font-family:'DM Serif Display',serif;
  font-size:26px;
  letter-spacing:-.025em;
  line-height:1.2;
  max-width:19ch;
  margin:15px 0
}

.feature-card p:not(.eyebrow) {
  font-size:13px;
  line-height:1.9;
  color:var(--muted)
}

.feature-caption {
  display:block;
  font-size:10px;
  color:var(--muted);
  margin-top:23px
}

.feature-mark {
  height:52px;
  width:52px;
  position:relative;
  margin-bottom:30px;
  color:var(--clay)
}

.feature-mark i {
  position:absolute;
  display:block;
  border:1px solid currentColor
}

.mark-profile i:nth-child(1) {
  inset:4px 15px 4px 3px;
  border-radius:2px
}

.mark-profile i:nth-child(2) {
  inset:11px 8px 0 10px;
  border-radius:2px;
  background:var(--paper)
}

.mark-profile i:nth-child(3) {
  width:15px;
  height:1px;
  top:25px;
  left:19px;
  border:0;
  border-top:1px solid;
  box-shadow:0 6px currentColor
}

.mark-watch i {
  border-radius:50%;
  inset:3px
}

.mark-watch i:nth-child(2) {
  inset:12px
}

.mark-watch i:nth-child(3) {
  inset:21px;
  background:var(--clay)
}

.mark-decision i:nth-child(1) {
  width:23px;
  height:1px;
  left:4px;
  top:26px;
  border:0;
  border-top:1px solid;
  transform:rotate(-40deg)
}

.mark-decision i:nth-child(2) {
  width:23px;
  height:23px;
  left:17px;
  top:7px;
  border-width:1px 1px 0 0
}

.mark-decision i:nth-child(3) {
  width:7px;
  height:7px;
  left:1px;
  top:37px;
  border-radius:50%;
  background:var(--paper)
}

.context-section {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:90px;
  align-items:center
}

.comparison-card {
  background:#ecece2;
  border:1px solid #deded0;
  padding:25px;
  border-radius:7px
}

.comparison-card-head {
  margin-bottom:23px
}

.comparison-card-head .eyebrow {
  color:var(--muted);
  font-size:9px
}

.segmented-control {
  display:inline-flex;
  background:#f9f8f1;
  border:1px solid #d5d6c6;
  border-radius:4px;
  padding:3px;
  gap:3px
}

.segmented-control button {
  background:transparent;
  color:var(--muted);
  border:0;
  font-size:10px;
  padding:7px 13px;
  border-radius:2px;
  box-shadow:none
}

.segmented-control button[aria-pressed=true] {
  background:#e1e4d4;
  color:#3f4d35
}

.comparison-firm {
  display:flex;
  gap:10px;
  align-items:center;
  padding-bottom:20px;
  border-bottom:1px solid #d7d9c9
}

.firm-monogram {
  display:grid;
  place-items:center;
  background:#dfe2d1;
  border:1px solid #d0d3c0;
  border-radius:4px;
  width:33px;
  height:33px;
  font-family:'DM Serif Display',serif;
  font-size:23px;
  color:#5a6546
}

.comparison-firm>div {
  display:grid;
  gap:1px;
  flex:1
}

.comparison-firm strong {
  font-size:12px;
  font-weight:500
}

.comparison-firm>div>span {
  font-size:9px;
  color:var(--muted)
}

.comparison-facts>div {
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:18px;
  border-bottom:1px solid #d7d9c9;
  padding:13px 0;
  font-size:10px
}

.comparison-facts dt {
  color:var(--muted);
  flex-shrink:0
}

.comparison-facts dd {
  text-align:right;
  max-width:24ch
}

.comparison-note {
  font-size:10px;
  line-height:1.8;
  color:var(--muted);
  margin-top:18px
}

/* paper and ink */
.evidence-section {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:85px;
  background:#2b3029;
  color:var(--paper);
  border:0;
  border-radius:7px;
  padding:53px 48px;
  margin:6px 0 0
}

.evidence-section .eyebrow {
  color:#d89b7e
}

.evidence-copy>p:not(.eyebrow) {
  font-size:13px;
  color:#c2c5b9;
  line-height:1.9;
  max-width:43ch;
  margin-top:23px
}

.evidence-copy .display {
  font-size:43px
}

.evidence-principles {
  margin-top:30px;
  display:grid;
  gap:12px
}

.evidence-principles p {
  font-size:12px;
  color:#e1e1d5;
  display:flex;
  gap:20px
}

.evidence-principles .mono {
  color:#a9ae99;
  font-size:9px;
  align-self:center
}

.evidence-illustration {
  align-self:center
}

.evidence-paper {
  background:#f5f2eb;
  color:var(--ink);
  padding:24px;
  border:1px solid #e2decf;
  border-radius:4px;
  transform:rotate(2deg);
  box-shadow:0 10px 20px #0002
}

.evidence-paper .eyebrow {
  color:var(--muted);
  font-size:8px;
  margin:0
}

.evidence-paper blockquote {
  font-family:'DM Serif Display',serif;
  font-size:25px;
  line-height:1.35;
  letter-spacing:-.02em;
  margin:28px 0 20px
}

.evidence-paper .status-tag {
  font-size:8px;
  background:#e7e9de;
  color:#586348
}

.evidence-divider {
  height:1px;
  background:var(--line);
  margin:22px 0 16px
}

.evidence-annotation {
  display:flex;
  gap:12px;
  font-size:11px;
  color:var(--muted)
}

.evidence-annotation>span {
  color:var(--clay);
  font-size:19px
}

.evidence-annotation strong {
  font-weight:500;
  color:var(--ink)
}

.dark-caption {
  font-size:9px;
  color:#bbc0ae;
  margin-top:24px;
  text-align:center
}

.workflow-section {
  border:0;
  padding-top:88px
}

.workflow-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:42px;
  list-style:none;
  margin-top:45px
}

.workflow-number {
  font-family:'DM Mono',monospace;
  font-size:12px;
  color:var(--clay);
  display:flex;
  align-items:center;
  gap:20px;
  margin-bottom:22px
}

.workflow-number:after {
  content:'';
  height:1px;
  background:var(--line);
  flex:1
}

.workflow-grid h3 {
  font-family:'DM Serif Display',serif;
  font-size:24px;
  letter-spacing:-.02em;
  line-height:1.25;
  margin-bottom:13px
}

.workflow-grid p {
  font-size:13px;
  line-height:1.85;
  color:var(--muted)
}

.agents-section {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:90px;
  align-items:center
}

.agents-section .text-cta {
  margin-top:23px
}

.agent-card {
  border:1px solid #d5d9cd;
  background:#ecede5;
  border-radius:6px;
  overflow:hidden
}

.agent-card-head {
  display:flex;
  align-items:center;
  gap:10px;
  padding:18px;
  background:#e2e5d9;
  border-bottom:1px solid #d4d9c9;
  font-size:11px
}

.agent-card-head>.status-tag {
  margin-left:auto;
  background:#f2f3ec;
  font-size:8px
}

.agent-symbol {
  font-family:'DM Mono',monospace;
  font-size:11px;
  color:#53634b
}

.agent-command {
  display:flex;
  align-items:center;
  gap:16px;
  font-size:11px;
  padding:19px 20px;
  border-bottom:1px solid #d9ddcf
}

.agent-command>span:first-child {
  font-family:'DM Mono',monospace;
  font-size:9px;
  color:#7e886f
}

.agent-command>code {
  font-family:'DM Mono',monospace;
  flex:1;
  font-size:10px
}

.agent-command>span:last-child {
  color:#6b795b
}

.agent-card-note {
  padding:16px 20px;
  font-size:9px;
  color:var(--muted)
}

.faq-section {
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:90px
}

.faq-section .section-heading h2 {
  font-size:42px
}

.faq-list details {
  border-bottom:1px solid var(--line);
  padding:0
}

.faq-list summary {
  position:relative;
  display:flex;
  justify-content:space-between;
  gap:30px;
  align-items:center;
  list-style:none;
  cursor:pointer;
  padding:19px 0;
  color:var(--ink);
  font-size:13px
}

.faq-list details:first-child summary {
  padding-top:0
}

.faq-list summary::-webkit-details-marker {
  display:none
}

.faq-list summary:after {
  content:'+';
  font-family:'DM Mono',monospace;
  font-size:16px;
  color:var(--clay);
  flex-shrink:0
}

.faq-list details[open] summary:after {
  content:'−'
}

.faq-list p {
  font-size:12px;
  line-height:1.9;
  color:var(--muted);
  padding:0 30px 22px 0
}

.closing-section {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:60px;
  padding:67px 0 80px
}

.closing-section .display {
  font-size:53px
}

.closing-section .section-intro {
  font-size:13px
}

.closing-action {
  text-align:center;
  max-width:300px
}

.closing-action .button-cta {
  min-width:240px
}

.closing-action>p {
  font-size:10px;
  color:var(--muted);
  margin:13px 0 17px
}

.early-access-price {
  font-size:10px;
  color:var(--muted);
  display:block;
  max-width:27ch;
  margin:auto
}

.site-footer {
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:35px;
  border-top:1px solid var(--line);
  padding:42px 0 32px;
  color:var(--muted);
  font-size:11px
}

.footer-brand {
  font-family:'DM Serif Display',serif;
  color:var(--ink);
  font-size:55px;
  letter-spacing:-.055em;
  line-height:1;
  text-decoration:none
}

.site-footer>div>p {
  margin-top:13px;
  font-size:10px
}

.footer-links {
  display:flex;
  align-items:flex-start;
  justify-content:center;
  gap:22px;
  padding-top:9px
}

.footer-links a,.footer-credit>a {
  text-decoration:none;
  font-size:10px
}

.footer-credit {
  text-align:right;
  padding-top:9px
}

.footer-credit>p {
  margin-top:7px!important
}

.footer-edition {
  display:block;
  font-size:9px;
  margin-top:8px;
  color:var(--faint)
}

/* existing authenticated forms and records */
.card {
  background:var(--card);
  border:1px solid var(--line);
  border-radius:7px;
  padding:25px;
  box-shadow:0 2px 5px #35322503
}

.card h3 {
  font-family:'DM Serif Display',serif;
  font-size:24px;
  margin:8px 0 12px;
  letter-spacing:-.02em
}

.card p {
  color:var(--muted);
  font-size:13px
}

.grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:22px;
  margin-top:30px
}

.hero {
  padding:70px 0
}

form.card {
  display:grid;
  gap:17px
}

label {
  display:block;
  font-family:'DM Mono',monospace;
  font-size:10px;
  color:var(--muted);
  letter-spacing:.06em;
  text-transform:uppercase;
  margin-bottom:7px
}

input,textarea,select {
  width:100%;
  border:1px solid #d6d4ca;
  border-radius:4px;
  background:#fffefa;
  color:var(--ink);
  padding:11px 13px;
  font-size:14px;
  transition:border-color .15s
}

input:focus,textarea:focus,select:focus {
  outline:0;
  border-color:var(--clay);
  box-shadow:0 0 0 3px #ba654017
}

input::placeholder,textarea::placeholder {
  color:#8e8c81
}

textarea {
  resize:vertical;
  min-height:110px;
  line-height:1.7
}

.error {
  display:block;
  padding:12px 14px;
  margin-top:12px;
  border:1px solid #d9a992;
  border-left:3px solid var(--clay);
  background:#f7eae2;
  color:#873c29;
  border-radius:3px;
  font-size:12px
}

.digest {
  font-size:13px;
  line-height:1.85;
  overflow-wrap:anywhere
}

.digest h2 {
  font-family:'DM Serif Display',serif;
  font-size:27px;
  margin:25px 0 12px;
  line-height:1.2;
  letter-spacing:-.02em
}

.digest h3 {
  font-family:'DM Sans',sans-serif;
  font-size:14px;
  font-weight:500;
  margin:22px 0 9px
}

.digest p {
  margin:9px 0
}

.digest li {
  list-style:none;
  padding-left:16px;
  position:relative;
  margin:8px 0
}

.digest li:before {
  content:'';
  width:4px;
  height:4px;
  background:var(--clay);
  border-radius:50%;
  position:absolute;
  left:0;
  top:.8em
}

.digest strong {
  font-weight:600
}

.digest a {
  color:var(--clay);
  word-break:break-word
}

table {
  width:100%;
  border-collapse:collapse;
  font-size:12px
}

th {
  text-align:left;
  font-family:'DM Mono',monospace;
  font-size:9px;
  font-weight:400;
  letter-spacing:.05em;
  text-transform:uppercase;
  color:var(--muted);
  padding:12px 16px;
  border-bottom:1px solid var(--line)
}

td {
  padding:12px 16px;
  border-bottom:1px solid var(--hairline);
  color:var(--muted);
  vertical-align:top;
  overflow-wrap:anywhere
}

td:first-child {
  color:var(--ink)
}

tr:last-child td {
  border-bottom:0
}

pre.log {
  font-family:'DM Mono',monospace;
  font-size:10px;
  line-height:1.9;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  background:#f0eee6;
  border:1px solid var(--line);
  border-radius:4px;
  padding:18px;
  margin-top:14px;
  color:var(--muted)
}

summary {
  cursor:pointer;
  list-style:none;
  font-size:12px
}

summary::-webkit-details-marker {
  display:none
}

.page-auth main>.hero {
  padding:65px 0 80px!important
}

.page-auth .hero>.display {
  font-size:44px!important;
  max-width:100%
}

.page-auth .hero>.lede {
  font-size:15px;
  margin-bottom:28px
}

.page-auth form.card {
  padding:28px
}

.page-auth .hero>.display:before {
  content:'mime / your workspace';
  display:block;
  font-family:'DM Mono',monospace;
  font-size:10px;
  letter-spacing:.12em;
  color:var(--clay);
  margin-bottom:20px
}

.page-auth .card button {
  margin-top:5px
}

.page-auth details {
  margin-top:23px!important
}

.page-workspace section {
  padding:34px 0
}

.page-workspace .display {
  max-width:100%
}

.table-scroll {
  overflow-x:auto
}

.table-scroll table {
  min-width:520px
}

@media(min-width:1600px) {
  .landing-hero {
    padding-block:105px
  }

  .hero-description {
    font-size:18px
  }

}

@media(max-width:1100px) {
  .wrap {
    padding-inline:30px
  }

  .landing-hero {
    gap:38px
  }

  .landing-hero h1 {
    font-size:67px
  }

  .capability-strip {
    flex-wrap:wrap;
    justify-content:flex-start;
    gap:14px 25px
  }

  .capability-strip .strip-caption {
    max-width:none;
    width:100%;
    font-size:17px;
    margin-bottom:4px
  }

  .context-section,.agents-section,.faq-section {
    gap:45px
  }

  .evidence-section {
    gap:40px;
    padding:40px 32px
  }

  .feature-card {
    padding-right:22px
  }

  .feature-card+article {
    padding-left:22px
  }

  .comparison-facts>div {
    display:grid;
    gap:5px
  }

  .comparison-facts dd {
    text-align:left;
    max-width:100%
  }

  .footer-links {
    gap:14px
  }

}

@media(max-width:800px) {
  .bar nav {
    gap:20px
  }

  .bar nav .secondary-nav {
    display:none
  }

  .landing-hero {
    grid-template-columns:1fr;
    gap:38px;
    padding:55px 0 45px
  }

  .landing-hero h1 {
    font-size:clamp(58px,10vw,80px);
    max-width:15ch
  }

  .hero-description {
    max-width:46ch;
    font-size:17px
  }

  .hero-aside {
    margin-top:28px
  }

  .hero-product {
    max-width:540px;
    width:100%;
    justify-self:center;
    padding:15px 0;
    margin:5px 0 15px
  }

  .product-preview {
    transform:rotate(-.6deg)
  }

  .hero-product:before {
    inset:0 -10px
  }

  .preview-panel {
    min-height:365px
  }

  .feature-card h3 {
    font-size:24px
  }

  .feature-card {
    padding-right:18px
  }

  .feature-card+article {
    padding-left:18px
  }

  .feature-caption {
    font-size:9px
  }

  .context-section,.agents-section,.faq-section {
    grid-template-columns:1fr;
    gap:35px
  }

  .context-section .section-heading {
    max-width:510px
  }

  .comparison-card {
    max-width:570px
  }

  .comparison-facts>div {
    display:flex
  }

  .comparison-facts dd {
    text-align:right
  }

  .evidence-section {
    grid-template-columns:1fr;
    gap:35px;
    padding:38px 32px
  }

  .evidence-copy .display {
    font-size:43px
  }

  .evidence-illustration {
    max-width:470px;
    justify-self:center;
    width:100%;
    padding-inline:10px
  }

  .workflow-grid {
    gap:24px
  }

  .workflow-grid h3 {
    font-size:22px
  }

  .agent-card {
    max-width:570px
  }

  .faq-section .section-heading h2 {
    font-size:42px
  }

  .closing-section {
    gap:30px
  }

  .closing-section .display {
    font-size:43px
  }

  .closing-action {
    max-width:230px
  }

  .closing-action .button-cta {
    min-width:210px
  }

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

  .footer-links {
    justify-content:flex-end;
    gap:20px
  }

  .footer-credit {
    grid-column:1/-1;
    display:flex;
    justify-content:space-between;
    align-items:center;
    text-align:left;
    gap:15px;
    border-top:1px solid var(--line);
    padding-top:20px;
    margin-top:7px
  }

  .footer-credit>p,.footer-credit>.footer-edition {
    margin:0!important
  }

  .site-footer>div>p {
    max-width:23ch
  }

}

@media(max-width:560px) {
  .wrap {
    padding-inline:24px
  }

  .bar nav {
    gap:16px
  }

  .bar nav>a,.bar nav>button {
    font-size:11px
  }

  .bar nav>a.nav-cta {
    padding:8px 12px;
    gap:14px
  }

  .wordmark {
    font-size:33px
  }

  .wordmark small {
    font-size:8px;
    margin-left:7px
  }

  .bar {
    padding-block:20px!important
  }

  .landing-hero {
    padding-top:45px;
    gap:30px
  }

  .edition-label {
    font-size:8px;
    letter-spacing:.07em;
    margin-bottom:23px
  }

  .landing-hero h1 {
    font-size:clamp(48px,13vw,67px);
    letter-spacing:-.04em
  }

  .hero-description {
    font-size:15px;
    line-height:1.85;
    margin-top:23px
  }

  .hero-actions {
    gap:20px
  }

  .button-cta {
    padding:12px 16px;
    gap:18px;
    font-size:12px
  }

  .text-cta {
    font-size:11px;
    gap:8px
  }

  .hero-reassurance {
    font-size:10px
  }

  .hero-aside {
    font-size:10px
  }

  .preview-topbar {
    padding:13px 15px
  }

  .preview-tabs {
    gap:18px;
    margin-inline:16px
  }

  .preview-tabs button {
    font-size:9px
  }

  .preview-panel {
    padding:22px 16px 18px;
    min-height:365px
  }

  .preview-heading {
    gap:6px
  }

  .preview-heading h3 {
    font-size:24px
  }

  .tiny-date {
    font-size:7px
  }

  .preview-stats>div {
    padding-left:16px
  }

  .preview-stats strong {
    font-size:27px
  }

  .preview-stats span {
    font-size:8px
  }

  .preview-observation {
    padding:13px
  }

  .preview-caption {
    font-size:7px;
    padding-inline:13px
  }

  .preview-observation h4 {
    font-size:20px
  }

  .capability-strip {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:15px 10px;
    padding-block:24px
  }

  .capability-strip .strip-caption {
    grid-column:1/-1;
    font-size:18px;
    max-width:22ch;
    margin-bottom:10px
  }

  .capability-strip>span {
    white-space:normal;
    font-size:9px;
    gap:7px
  }

  .strip-number {
    font-size:8px
  }

  .product-section {
    padding-top:55px
  }

  .feature-grid {
    grid-template-columns:1fr;
    margin-top:30px
  }

  .feature-card,.feature-card+article,.feature-card:last-child {
    border:0;
    border-bottom:1px solid var(--line);
    padding:24px 0
  }

  .feature-card:last-child {
    border:0;
    padding-bottom:0
  }

  .feature-card:first-child {
    padding-top:0
  }

  .feature-mark {
    float:right;
    margin:3px 5px 0 20px;
    transform:scale(.8);
    transform-origin:top right
  }

  .feature-card h3 {
    font-size:28px;
    max-width:23ch;
    margin:13px 0
  }

  .feature-card p:not(.eyebrow) {
    font-size:13px;
    max-width:45ch
  }

  .feature-caption {
    font-size:10px;
    margin-top:15px
  }

  .section-intro {
    font-size:14px;
    line-height:1.85;
    margin-top:20px
  }

  h2.display {
    font-size:38px
  }

  .section-heading .eyebrow {
    font-size:9px
  }

  .context-section,.agents-section,.faq-section,.workflow-section {
    padding-block:52px
  }

  .comparison-card {
    padding:20px
  }

  .comparison-firm>.status-tag {
    font-size:8px;
    padding:4px 6px
  }

  .comparison-facts>div {
    display:grid;
    gap:5px;
    padding-block:12px
  }

  .comparison-facts dd {
    text-align:left
  }

  .evidence-section {
    padding:32px 24px;
    margin-inline:-8px;
    gap:30px
  }

  .evidence-copy .display {
    font-size:36px
  }

  .evidence-copy>p:not(.eyebrow) {
    font-size:12px
  }

  .evidence-principles {
    margin-top:23px;
    gap:12px
  }

  .evidence-paper {
    padding:19px;
    transform:rotate(1deg)
  }

  .evidence-paper blockquote {
    font-size:24px;
    margin-block:23px 17px
  }

  .evidence-paper .status-tag {
    font-size:7px
  }

  .evidence-illustration {
    padding-inline:2px
  }

  .evidence-annotation {
    font-size:10px
  }

  .dark-caption {
    font-size:8px
  }

  .workflow-grid {
    grid-template-columns:1fr;
    gap:25px;
    margin-top:30px
  }

  .workflow-grid h3 {
    font-size:26px;
    margin-bottom:10px
  }

  .workflow-grid p {
    font-size:13px
  }

  .workflow-number {
    font-size:11px;
    margin-bottom:15px
  }

  .agent-card-head {
    gap:8px;
    padding:15px;
    font-size:10px
  }

  .agent-command {
    padding:17px 15px;
    gap:12px
  }

  .agent-command>code {
    font-size:9px
  }

  .faq-section .section-heading h2 {
    font-size:38px
  }

  .faq-list summary {
    font-size:13px;
    line-height:1.65
  }

  .faq-list p {
    font-size:12px
  }

  .closing-section {
    align-items:flex-start;
    flex-direction:column;
    padding:50px 0;
    gap:28px
  }

  .closing-section .display {
    font-size:44px
  }

  .closing-action {
    text-align:left;
    max-width:none
  }

  .closing-action .button-cta {
    min-width:210px
  }

  .closing-action>p {
    margin-bottom:10px
  }

  .early-access-price {
    margin:0;
    max-width:38ch;
    font-size:9px
  }

  .site-footer {
    padding-top:30px;
    gap:24px 16px
  }

  .footer-brand {
    font-size:47px
  }

  .footer-links {
    flex-direction:column;
    align-items:flex-end;
    justify-content:flex-start;
    gap:11px;
    padding-top:3px
  }

  .footer-credit {
    gap:10px;
    flex-wrap:wrap
  }

  .footer-edition {
    font-size:8px!important
  }

  .site-footer>div>p {
    font-size:9px
  }

  .card {
    padding:20px
  }

  .page-workspace table {
    font-size:11px
  }

  .page-workspace td,.page-workspace th {
    padding-inline:10px
  }

  .page-auth .hero>.display {
    font-size:38px!important
  }

  .page-auth form.card {
    padding:21px
  }

  .page-auth .hero>.lede {
    font-size:14px
  }

}

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

  *,*:before,*:after {
    animation-duration:.01ms!important;
    transition-duration:.01ms!important
  }

  .product-preview,.product-preview:hover {
    transform:none
  }

}

/* the decision workspace */
.workspace-heading {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:25px;
  padding:48px 0 32px
}

.workspace-heading .eyebrow {
  margin-bottom:13px
}

.workspace-heading h1.display {
  font-size:48px
}

.workspace-summary {
  display:grid;
  grid-template-columns:repeat(3,1fr) 1.2fr;
  border:1px solid var(--line);
  border-radius:5px;
  background:#efece3;
  padding:20px 25px
}

.workspace-summary>div {
  display:flex;
  align-items:center;
  gap:14px;
  border-right:1px solid #dcd9cd;
  padding:0 20px
}

.workspace-summary>div:first-child {
  padding-left:0
}

.workspace-summary>div:last-child {
  border:0
}

.workspace-summary strong {
  font-family:'DM Serif Display',serif;
  font-weight:400;
  font-size:31px;
  line-height:1.2
}

.workspace-summary span:not(.source-dot) {
  font-size:11px;
  color:var(--muted)
}

.workspace-summary .workspace-summary-note {
  font-size:11px;
  color:var(--muted);
  gap:9px;
  padding-right:0;
  line-height:1.6
}

.workspace-jump {
  display:flex;
  gap:27px;
  padding:18px 0;
  border-bottom:1px solid var(--line);
  flex-wrap:wrap
}

.workspace-jump a {
  font-size:11px;
  color:var(--muted);
  text-decoration:none
}

.workspace-jump a:hover {
  color:var(--clay)
}

.page-workspace .decision-desk {
  border:0;
  padding:37px 0
}

.desk-heading {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px
}

.desk-heading .eyebrow {
  margin-bottom:8px
}

.desk-heading h2.display {
  font-size:35px
}

.desk-tabs {
  display:flex;
  gap:28px;
  border-bottom:1px solid var(--line);
  margin:25px 0 0;
  overflow-x:auto;
  scrollbar-width:thin
}

.desk-tabs button {
  flex-shrink:0;
  background:none;
  border:0;
  border-bottom:2px solid transparent;
  border-radius:0;
  color:var(--muted);
  padding:13px 0;
  font-size:12px;
  box-shadow:none
}

.desk-tabs button[aria-selected=true] {
  color:var(--ink);
  border-color:var(--clay)
}

.desk-intro {
  color:var(--muted);
  font-size:12px;
  margin-top:20px;
  max-width:85ch;
  line-height:1.8
}

.desk-status {
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  color:var(--muted);
  font-size:10px;
  margin:14px 0 22px
}

.desk-status>.status-tag {
  font-size:9px
}

.desk-status>.refresh-notice {
  flex-basis:100%;
  margin:0
}

.refresh-notice {
  font-size:12px;
  color:var(--muted);
  line-height:1.8;
  background:#ebece2;
  border:1px solid #dce0d0;
  border-radius:4px;
  padding:11px 14px
}

.workspace-loading {
  display:flex;
  align-items:center;
  gap:10px;
  padding:35px 0;
  font-size:13px;
  color:var(--muted)
}

.workspace-empty {
  padding:35px;
  background:var(--card);
  border:1px solid var(--line);
  border-radius:6px
}

.workspace-empty h3 {
  font-family:'DM Serif Display',serif;
  font-size:27px;
  margin-bottom:12px
}

.workspace-empty p {
  color:var(--muted);
  font-size:13px
}

.recommendation-list {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  align-items:start
}

.recommendation-card {
  background:var(--card);
  border:1px solid var(--line);
  border-top:2px solid #bcbfac;
  padding:23px 21px;
  border-radius:5px;
  min-width:0
}

.recommendation-card:first-child {
  border-top-color:var(--clay)
}

.recommendation-top {
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:20px
}

.decision-number {
  font-family:'DM Mono',monospace;
  font-size:11px;
  color:var(--clay)
}

.decision-review {
  margin-left:auto;
  font-size:9px;
  color:var(--muted)
}

.recommendation-card h3,.backlog-card h3 {
  font-family:'DM Serif Display',serif;
  font-weight:400;
  font-size:25px;
  line-height:1.25;
  letter-spacing:-.025em;
  margin-bottom:14px
}

.decision-why {
  font-size:12px;
  color:var(--muted);
  line-height:1.85
}

.decision-action {
  background:#eeefe5;
  padding:14px;
  border-radius:3px;
  margin-top:20px
}

.decision-action>span,.decision-measure>span,.owner-inputs>span {
  font-family:'DM Mono',monospace;
  font-size:9px;
  color:#5e6851;
  letter-spacing:.035em;
  display:block;
  margin-bottom:7px
}

.decision-action p {
  font-size:12px;
  line-height:1.8
}

.decision-measure {
  margin:20px 0 16px
}

.decision-measure>span {
  color:var(--clay)
}

.decision-measure p {
  font-size:12px;
  line-height:1.8;
  color:var(--muted)
}

.decision-limit {
  font-size:10px;
  line-height:1.9;
  color:var(--muted);
  padding-bottom:17px
}

.source-disclosure,.decision-context,.outcome-disclosure {
  border-top:1px solid var(--line)
}

.source-disclosure>summary,.decision-context>summary,.outcome-disclosure>summary,.profile-editor>summary,.relevance-disclosure>summary,.record-disclosure>summary {
  padding:13px 0;
  display:flex;
  gap:12px;
  align-items:center;
  justify-content:space-between;
  list-style:none;
  line-height:1.7;
  font-size:11px
}

.source-disclosure>summary:after,.decision-context>summary:after,.outcome-disclosure>summary:after,.profile-editor>summary:after,.relevance-disclosure>summary:after,.record-disclosure>summary:after {
  content:'+';
  color:var(--clay);
  font-family:'DM Mono',monospace;
  font-size:14px;
  flex-shrink:0
}

.source-disclosure[open]>summary:after,.decision-context[open]>summary:after,.outcome-disclosure[open]>summary:after,.profile-editor[open]>summary:after,.relevance-disclosure[open]>summary:after,.record-disclosure[open]>summary:after {
  content:'−'
}

.source-entry {
  padding:14px;
  background:#f2f0e9;
  margin-bottom:10px;
  border:1px solid var(--line);
  border-radius:3px
}

.source-entry>a {
  font-size:11px;
  color:var(--clay)
}

.source-entry>p {
  font-size:11px;
  color:var(--muted);
  line-height:1.85;
  margin-top:9px;
  max-height:300px;
  overflow:auto;
  overflow-wrap:anywhere
}

.decision-context>p,.outcome-disclosure>p {
  font-size:11px;
  color:var(--muted);
  margin-bottom:13px;
  line-height:1.8
}

.outcome-form {
  display:grid;
  gap:10px;
  padding:12px 0 0
}

.outcome-form label {
  margin:0;
  font-size:9px
}

.outcome-form select,.outcome-form textarea {
  font-size:12px
}

.outcome-form button {
  justify-self:start;
  font-size:11px;
  padding:10px 15px
}

.saved-decision {
  border-left:2px solid var(--clay);
  padding:8px 12px;
  background:var(--claywash)
}

.relevance-disclosure {
  margin-top:24px;
  border:1px solid var(--line);
  border-radius:5px;
  padding:5px 20px
}

.relevance-disclosure>summary {
  font-size:12px
}

.relevance-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:15px;
  padding:12px 0 18px
}

.relevance-card {
  border:1px solid var(--line);
  padding:18px;
  border-radius:4px;
  background:var(--card)
}

.relevance-card h3 {
  font-family:'DM Serif Display',serif;
  font-size:23px
}

.relevance-card>p {
  font-size:12px;
  color:var(--muted);
  margin-top:11px
}

.relevance-card>p.note {
  font-size:10px
}

.relevance-offer {
  border-top:1px solid var(--line);
  padding:13px 0;
  margin-top:12px;
  font-size:12px
}

.relevance-offer>strong {
  font-size:12px;
  font-weight:500;
  margin-right:8px
}

.relevance-offer>.status-tag {
  font-size:8px
}

.relevance-offer>p {
  font-size:11px;
  color:var(--muted);
  margin-top:8px
}

.relevance-offer>p.note {
  font-size:10px
}

.report-card {
  background:var(--card);
  border:1px solid var(--line);
  border-radius:5px;
  padding:24px 30px
}

.report-card .digest {
  max-width:90ch
}

.report-card .digest>h2:first-child {
  margin-top:0
}

.report-card .digest li {
  font-size:12px
}

.profile-editor {
  border:1px solid var(--line);
  border-radius:5px;
  padding:4px 20px;
  background:#eeefe6;
  margin-top:20px
}

.profile-editor>summary {
  font-size:12px
}

.profile-edit-form {
  display:grid;
  gap:18px;
  max-width:720px;
  padding:12px 0 20px
}

.profile-edit-form textarea {
  font-size:13px
}

.profile-edit-form button {
  justify-self:start;
  font-size:12px
}

.backlog-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  align-items:start
}

.backlog-card {
  padding:23px 21px;
  background:var(--card);
  border:1px solid var(--line);
  border-radius:5px;
  min-width:0
}

.backlog-page {
  font-family:'DM Mono',monospace;
  font-size:9px;
  letter-spacing:.03em;
  color:var(--clay);
  margin-bottom:12px
}

.backlog-card .recommendation-top {
  margin-bottom:16px
}

.backlog-card h3 {
  font-size:25px
}

.owner-inputs {
  padding:15px;
  border:1px solid #e2d6c9;
  background:#f4ede4;
  border-radius:3px;
  margin-top:16px
}

.owner-inputs>span {
  color:#8a664a;
  font-size:8px
}

.owner-inputs ul {
  list-style:none
}

.owner-inputs li {
  font-size:11px;
  color:#6e6252;
  padding-left:12px;
  position:relative;
  margin-top:6px
}

.owner-inputs li:before {
  content:'·';
  position:absolute;
  left:0
}

.record-disclosure {
  border:1px solid var(--line);
  border-radius:5px;
  padding:3px 20px;
  background:#f2f0e9
}

.record-disclosure>summary {
  font-size:13px
}

.record-disclosure>.card,.record-disclosure>form {
  margin:15px 0
}

.record-disclosure>p {
  margin:10px 0
}

.run-card {
  padding:14px 18px!important
}

.run-card summary {
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  line-height:1.8
}

.run-card table {
  margin-top:15px
}

.token-actions {
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  margin-top:18px
}

.token-actions>a {
  font-size:11px;
  color:var(--muted)
}

.record-disclosure>.log {
  margin-bottom:15px
}

.page-workspace #rivals>.card {
  margin-bottom:16px
}

.page-workspace #rivals>.card:has(>input),.page-workspace #rivals>form.card {
  max-width:570px
}

.page-workspace #weekly-digest>.card {
  margin-top:15px
}

.page-workspace .chip {
  border:1px solid var(--line);
  padding:5px 9px;
  font-size:9px;
  color:var(--muted)
}

.page-workspace button.chip:hover {
  background:#e9e6dc;
  box-shadow:none
}

.preview-caption {
  font-size:9px
}

.page-workspace #rivals table td {
  max-width:400px
}

@media(max-width:1050px) {
  .workspace-summary {
    grid-template-columns:repeat(3,1fr)
  }

  .workspace-summary .workspace-summary-note {
    grid-column:1/-1;
    border-top:1px solid var(--line);
    padding:13px 0 0;
    margin-top:15px
  }

  .workspace-summary>div:nth-child(3) {
    border-right:0
  }

  .recommendation-list,.backlog-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }

  .recommendation-card:first-child:last-child {
    grid-column:1/-1
  }

  .workspace-heading h1.display {
    font-size:42px
  }

}

@media(max-width:700px) {
  .workspace-heading {
    padding-block:32px 25px;
    align-items:flex-start
  }

  .workspace-heading h1.display {
    font-size:37px
  }

  .workspace-heading .eyebrow {
    font-size:9px;
    max-width:32ch
  }

  .workspace-heading>.status-tag {
    font-size:8px;
    margin-top:4px
  }

  .workspace-summary {
    padding:16px
  }

  .workspace-summary>div {
    padding-inline:15px;
    flex-direction:column;
    align-items:flex-start;
    gap:4px
  }

  .workspace-summary strong {
    font-size:29px
  }

  .workspace-summary span:not(.source-dot) {
    font-size:9px
  }

  .workspace-summary .workspace-summary-note {
    flex-direction:row;
    align-items:center;
    font-size:10px
  }

  .workspace-jump {
    gap:13px 20px;
    padding-block:15px
  }

  .workspace-jump>a {
    font-size:10px
  }

  .desk-heading h2.display {
    font-size:32px
  }

  .desk-heading>.ghost {
    font-size:10px;
    padding:8px 10px;
    align-self:flex-end
  }

  .desk-heading .eyebrow {
    font-size:8px;
    max-width:25ch
  }

  .desk-tabs {
    gap:22px;
    margin-top:20px
  }

  .desk-tabs button {
    font-size:11px
  }

  .desk-intro {
    font-size:11px
  }

  .desk-status {
    gap:8px
  }

  .recommendation-list,.backlog-grid,.relevance-grid {
    grid-template-columns:1fr
  }

  .recommendation-card,.backlog-card {
    padding:22px
  }

  .recommendation-card h3,.backlog-card h3 {
    font-size:27px
  }

  .decision-why,.decision-action p,.decision-measure p {
    font-size:13px
  }

  .decision-limit {
    font-size:11px
  }

  .decision-review {
    font-size:10px
  }

  .source-disclosure>summary,.outcome-disclosure>summary,.decision-context>summary {
    font-size:12px
  }

  .relevance-card h3 {
    font-size:24px
  }

  .report-card {
    padding:22px 19px
  }

  .report-card .digest h2 {
    font-size:24px
  }

  .record-disclosure {
    padding-inline:15px
  }

  .record-disclosure>summary {
    font-size:12px
  }

  .token-actions {
    gap:10px
  }

  .token-actions>button {
    font-size:10px
  }

  .page-workspace .bar nav {
    gap:12px
  }

}

/* Developer connections */
.bar nav a[aria-current=page] { color:var(--clay); }
.developers-page { padding-bottom:30px; }
.developers-page .workspace-heading { padding-bottom:18px; }
.developers-intro { font-size:16px; color:var(--muted); max-width:70ch; line-height:1.9; }
.developer-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); list-style:none; margin:30px 0; border-block:1px solid var(--line); }
.developer-steps li { padding:18px 20px 18px 0; font-size:12px; display:flex; gap:12px; align-items:center; }
.developer-steps .mono { color:var(--clay); font-size:10px; }
.developer-grid { display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); gap:24px; align-items:start; }
.page-workspace .developer-panel { border:1px solid var(--line); background:var(--card); border-radius:5px; padding:28px; min-width:0; }
.developer-panel h2.display { font-size:33px; margin-bottom:24px; }
.developer-panel .eyebrow { margin-bottom:10px; }
.key-create-form { display:grid; gap:19px; }
.key-create-form label,.key-test-form label { font-size:9px; margin-bottom:8px; }
.key-create-form input,.key-create-form select,.key-test-form input { font-size:13px; }
.key-create-form>.note { font-size:11px; line-height:1.9; }
.key-create-form>button { justify-self:start; font-size:12px; }
.key-options { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); gap:16px; }
.key-options>div { min-width:0; }
.key-options select { font-size:11px; }
.connection-url { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px 12px; margin-bottom:16px; align-items:center; }
.connection-url>span { grid-column:1/-1; font-family:'DM Mono',monospace; font-size:9px; color:var(--muted); }
.connection-url>code { font-family:'DM Mono',monospace; font-size:11px; color:var(--ink); overflow-wrap:anywhere; }
.connection-url>button { font-size:10px; padding:7px 10px; }
.connection-auth { font-size:10px; color:var(--muted); line-height:1.9; margin-top:4px; }
.connection-auth code { font-size:10px; overflow-wrap:anywhere; }
.developer-panel .desk-tabs { margin-top:17px; gap:25px; }
.developer-panel .desk-tabs button { font-size:11px; }
.connection-code { font-family:'DM Mono',monospace; font-size:10px; line-height:1.9; white-space:pre-wrap; overflow-wrap:anywhere; padding:18px; background:#efeee7; border:1px solid var(--line); border-radius:4px; margin:18px 0 14px; }
.example-copy-row { display:flex; justify-content:flex-end; margin-bottom:12px; }
.example-copy-row>button { font-size:11px; padding:8px 12px; }
#connection-example>.note { font-size:10px; line-height:1.9; }
.page-workspace .issued-key { border:1px solid #c6d2bb; background:#eaf0e3; padding:27px 30px; border-radius:5px; margin:0 0 26px; }
.issued-key h2 { font-size:36px; margin-bottom:13px; }
.issued-key>p:not(.eyebrow) { font-size:13px; color:var(--muted); }
.issued-key>.note { margin-top:18px; font-size:11px; }
.secret-field { display:flex; gap:12px; margin-top:20px; max-width:800px; }
.secret-field input { font-family:'DM Mono',monospace; font-size:13px; min-width:0; }
.secret-field>button { flex-shrink:0; font-size:11px; }
.issued-key .token-actions button { font-size:12px; }
.page-workspace .developer-test { margin:24px 0 12px; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.15fr); gap:42px; }
.developer-test>div>p:not(.eyebrow) { font-size:13px; color:var(--muted); max-width:36ch; line-height:1.9; }
.developer-test h2 { max-width:14ch; }
.key-test-form { display:grid; gap:14px; align-content:start; }
.key-test-form label { margin:0; }
.key-test-form button { font-size:12px; justify-self:start; }
.key-test-form>.note { font-size:10px; line-height:1.9; }
.connection-result:empty { display:none; }
.connection-result>p { font-size:12px; line-height:1.8; }
.connection-success { color:var(--green); padding:13px 16px; border:1px solid #cfdbc9; background:var(--greenwash); border-radius:4px; }
.page-workspace .developer-keys-section { border:0; padding-top:27px; }
.developer-keys-section>.note { font-size:11px; margin-top:13px; max-width:100ch; }
.developer-keys-section>.desk-heading { margin-bottom:18px; }
.developer-keys-section>.desk-heading .display { font-size:33px; }
.developer-keys-section>.desk-heading button { font-size:11px; }
.developer-key { border:1px solid var(--line); border-radius:4px; padding:20px 23px; background:var(--card); display:grid; grid-template-columns:minmax(0,1fr) auto; gap:0 20px; margin:14px 0; }
.developer-key h3 { font-family:'DM Serif Display',serif; font-weight:400; font-size:24px; overflow-wrap:anywhere; }
.developer-key .preview-row { justify-content:flex-start; gap:15px; flex-wrap:wrap; }
.developer-key .status-tag { font-size:9px; }
.key-prefix { margin:8px 0; color:var(--muted); }
.key-meta { font-size:11px; color:var(--muted); line-height:1.9; }
.key-revoke { align-self:center; max-width:270px; }
.key-revoke button { font-size:11px; }
.key-revoke>p { font-size:11px; color:var(--muted); line-height:1.8; }
.key-revoke .token-actions { margin-top:12px; }
.developer-key>p[role=status]:empty { display:none; }
.developer-key>p[role=status] { grid-column:1/-1; margin-top:14px; }
button.danger { background:var(--claydeep); border-color:var(--claydeep); color:white; }
.key-history { margin-top:22px; }
.key-history>summary { font-size:12px; color:var(--muted); padding:12px 0; }
.key-history .developer-key { background:#eeece5; }
.key-empty { padding:24px; border:1px dashed #c8c8b9; border-radius:5px; margin-top:20px; }
.key-empty h3 { font-family:'DM Serif Display',serif; font-size:26px; font-weight:400; margin-bottom:8px; }
.key-empty>p { font-size:12px; color:var(--muted); }
.developer-reference { display:flex; justify-content:space-between; gap:30px; align-items:center; border-top:1px solid var(--line); padding:22px 0; }
.developer-reference>p { max-width:75ch; color:var(--muted); font-size:12px; line-height:1.9; }
.developer-reference>a { flex-shrink:0; font-size:12px; }
.developer-connect-card { display:flex; align-items:center; justify-content:space-between; gap:35px; padding:30px; background:#eaece0; border:1px solid #d9ddce; border-radius:5px; }
.developer-connect-card h2.display { font-size:34px; margin-bottom:15px; }
.developer-connect-card p { font-size:13px; color:var(--muted); max-width:65ch; }
.developer-connect-card>a { flex-shrink:0; font-size:11px; }
@media(max-width:1000px) {
  .developer-grid { grid-template-columns:1fr; }
  .developer-grid>.developer-panel { padding:26px; }
  .key-options { max-width:650px; }
  .developer-grid .connection-code { max-width:none; }
  .developer-connect-card { align-items:flex-start; flex-direction:column; }
}
@media(max-width:700px) {
  .developers-page .workspace-heading { flex-direction:column; gap:17px; }
  .developers-page .workspace-heading>a { font-size:11px; }
  .developers-intro { font-size:14px; }
  .developer-steps { grid-template-columns:1fr; padding-block:8px; margin-block:24px; }
  .developer-steps li { padding-block:10px; font-size:12px; }
  .page-workspace .developer-test { grid-template-columns:1fr; gap:25px; }
  .developer-test h2 { max-width:none; }
  .developer-test>div>p:not(.eyebrow) { max-width:none; }
  .page-workspace .developer-panel { padding:23px; }
  .developer-panel h2.display { font-size:31px; }
  .developer-reference { flex-direction:column; align-items:flex-start; gap:17px; }
  .developer-key { padding:20px; grid-template-columns:1fr; gap:16px; }
  .key-revoke { max-width:none; }
  .developer-keys-section>.desk-heading { gap:15px; flex-wrap:wrap; }
  .developer-keys-section>.desk-heading .display { font-size:31px; }
  .page-workspace .issued-key { padding:23px; }
  .issued-key h2 { font-size:32px; }
  .secret-field { flex-wrap:wrap; }
  .secret-field input { flex-basis:100%; }
  .key-options { grid-template-columns:1fr; }
  .developer-connect-card { padding:24px; }
  .developer-connect-card h2.display { font-size:31px; }
}
@media(max-width:560px) {
  .bar.signed-in { flex-wrap:wrap; gap:12px; }
  .bar.signed-in nav { width:100%; justify-content:space-between; gap:10px; }
  .bar.signed-in nav>a,.bar.signed-in nav>button { padding-block:5px; font-size:12px; }
  .developers-page .workspace-heading h1 { font-size:42px; }
  .developer-keys-section>.desk-heading button { font-size:10px; }
  .developer-steps li { font-size:11px; }
  .connection-url>code { font-size:10px; }
  .connection-code { font-size:9px; padding:14px; }
}
.agent-connect-actions { display:flex; align-items:center; flex-wrap:wrap; gap:20px; margin-top:25px; }
.agent-connect-actions>.button-cta { font-size:11px; gap:20px; padding:12px 16px; }
.agents-section .agent-connect-actions>.text-cta { margin-top:0; font-size:11px; }
.agent-key-note { font-size:10px; line-height:1.9; color:var(--muted); margin-top:16px; max-width:55ch; }

/* Decision context uses the same typography and quiet form rhythm. */
.page-workspace .research-desk{margin:48px 0;padding:30px;border:1px solid var(--line);border-radius:18px;background:var(--card)}
.context-choice{display:grid;gap:8px;margin:20px 0}
.context-choice select,.context-field input,.context-field select,.context-field textarea,.research-block input,.research-block textarea{width:100%;min-width:0;max-width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:7px;background:var(--paper);color:var(--ink)}
.context-choice select{white-space:normal;text-overflow:ellipsis}
.context-field label,.research-block label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}
.context-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:20px 0}
.context-form button,.context-form>.note{justify-self:start;grid-column:1/-1}
.context-form>.context-history{grid-column:1/-1;min-width:0}
.context-field:has(textarea){grid-column:1/-1}
.context-field select[multiple]{min-height:110px}
.context-editor,.research-block{border-top:1px solid var(--line);padding:18px 0;margin-top:8px;min-width:0}
.context-editor>summary,.research-block>summary{cursor:pointer;font-weight:500}
.research-block h3{font-size:20px;margin-bottom:10px}
.context-record{border-left:2px solid var(--line);padding:12px 16px;margin:14px 0;overflow-wrap:anywhere}
.context-record blockquote{margin:12px 0;padding-left:14px;border-left:2px solid var(--clay)}
.research-block>input,.research-block>button{margin:10px 0}
.brief-answer{margin-top:18px}
.captured-text{white-space:pre-wrap;overflow-wrap:anywhere;max-height:380px;overflow:auto;padding:16px;background:var(--paper);font-size:13px;margin:12px 0}
.capture-panel{min-width:0}
.source-entry textarea{display:block;width:100%;padding:12px;margin:10px 0;border:1px solid var(--line);background:var(--paper)}
@media(max-width:620px){.page-workspace .research-desk{padding:20px 16px;margin:28px 0}.context-form{grid-template-columns:minmax(0,1fr)}.research-desk .desk-heading{align-items:flex-start;gap:14px;flex-direction:column}.research-desk .desk-heading button{font-size:12px}}