.hero { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); align-items: center;
  gap: var(--s10); padding-top: var(--s40); padding-bottom: var(--s20); min-height: min(100dvh, var(--hero-limit)); }
.hero-copy { display: grid; justify-items: start; gap: var(--s6); padding-bottom: var(--s4); }
.hero-copy h1 { margin-top: var(--s2); }
.hero-lead { max-width: var(--measure-hero); }
.hero .cta-row { margin-top: var(--s3); }
.hero-art { position: relative; }
.hero-art .core { aspect-ratio: var(--hero-art-ratio); }
.intro { padding-block: var(--s20) var(--s24); text-align: center; }
.intro .lead { max-width: var(--measure-intro); margin: var(--s6) auto var(--s12); }
.product-view { max-width: var(--product-width); margin: auto; }
.product-view .core { padding: var(--s4); background: var(--sheet); }
.product-view img { border-radius: var(--r-panel); }
.workflow { display: grid; grid-template-columns: 1.1fr 1fr 1fr; gap: var(--s12); margin-bottom: var(--s12); }
.workflow li { padding-left: var(--s6); border-left: var(--rule) solid var(--clay-tint); }
.workflow li:nth-child(2) { padding-top: var(--s8); }.workflow li:nth-child(3) { padding-top: var(--s16); }
.workflow p { color: var(--ink-2); margin-top: var(--s3); max-width: var(--measure-hero); }
.evidence-grid { display: grid; grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr); align-items: center; gap: var(--s20); }
.evidence-copy { display: grid; gap: var(--s5); }.evidence-copy p { color: var(--ink-2); }
.agent-view { max-width: var(--product-width); margin: auto; }
.agent-view .core { padding: var(--s4); background: var(--sheet); }
.agent-view img { border-radius: var(--r-panel); }
.agent-view + .caption { text-align: center; margin-bottom: var(--s12); }
.provider-logos { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s8) var(--s10); margin-bottom: var(--s16); }
.provider-logo { display: block; width: var(--provider-width); }
.provider-logo img { width: 100%; height: var(--provider-height); object-fit: contain; object-position: left center; }
.provider-openai img { height: var(--s16); }
.provider-anthropic { --provider-width: var(--provider-wide); }
.provider-dark { display: none; }
:root[data-theme='dark'] .provider-light { display: none; }
:root[data-theme='dark'] .provider-dark { display: block; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) .provider-light { display: none; }
  :root:not([data-theme='light']) .provider-dark { display: block; }
}
.owns { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--s10); }
.owns dt { font-size: var(--t-h3); margin-bottom: var(--s4); }.owns dd { color: var(--ink-2); }

.record-bar { padding: var(--s10) 0 var(--s16); }
.record-bar-title { margin-bottom: var(--s8); font-size: var(--t-small); }
.record-bar-nums { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--s10); }
.record-bar-nums > div { display: flex; flex-direction: column; gap: var(--s3); }
.record-bar-nums dd { order: -1; font-size: var(--t-numeral); letter-spacing: var(--track-display); line-height: var(--lh-head); }
.record-bar-nums dt { color: var(--ink-2); max-width: var(--measure-small); font-size: var(--t-small); }
.unit { font-size: var(--t-h3); margin-left: var(--s2); }
.ledger table { width: 100%; border-collapse: collapse; text-align: left; }
.ledger th { color: var(--ink-2); font-size: var(--t-meta); font-weight: var(--w-text); padding: 0 var(--s5) var(--s5) 0; }
.ledger td { vertical-align: top; padding: var(--s6) var(--s5) var(--s6) 0; border-top: var(--hair) solid var(--line); }
.ledger .said { width: 48%; padding-right: var(--s10); }.ledger .id { font-size: var(--t-meta); }
.ledger .r { text-align: right; white-space: nowrap; font-size: var(--t-meta); }
.ledger .ev { display: inline-flex; gap: var(--s2); align-items: center; }
.ledger-note, .source-note { color: var(--ink-2); margin-top: var(--s4); font-size: var(--t-small); }
.source-note summary { text-decoration: underline; text-underline-offset: var(--s1); }
.source-note p { margin-top: var(--s4); max-width: var(--measure-wide); }
.tape { display: inline-block; padding: var(--s1) var(--s2); background: var(--sheet-2); border-radius: var(--r-input); margin-right: var(--s2); }
.page-checks { padding-block: var(--s8); }
.checks-disclosure { border-radius: var(--r-panel); padding: var(--s6) var(--s8); background: var(--sheet-2); }
.checks-disclosure > summary { display: flex; justify-content: space-between; align-items: center; font-size: var(--t-h3); }
.checks-disclosure > summary::after { content: '+'; font-size: var(--t-h3); }
.checks-disclosure[open] > summary::after { content: '−'; }
.claims { display: grid; grid-template-columns: 1fr 1fr; gap: var(--s6) var(--s12); margin-block: var(--s8); }
.claims li { display: grid; grid-template-columns: var(--s4) minmax(0, 1fr); gap: var(--s2); }
.claim-mark { padding-top: var(--s2); }.claim-run { grid-column: 2; }.claim-text { font-size: var(--t-small); }
#faq { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: var(--s20); }
.faq details { border-bottom: var(--hair) solid var(--line); }
.faq summary { padding: var(--s6) var(--s8) var(--s6) 0; font-size: var(--t-lead); font-weight: var(--w-medium); position: relative; }
.faq summary::after { content: '+'; position: absolute; right: 0; color: var(--ink-2); }
.faq details[open] summary::after { content: '−'; }.answer { color: var(--ink-2); padding: 0 var(--s8) var(--s6) 0; }
.start { padding-block: var(--s8) var(--s24); }.start-panel .core { text-align: center; padding: var(--s24) var(--s8); }
.start .eyebrow { margin-bottom: var(--s8); }.start h2 { font-size: var(--t-display); }
.start .lead { margin: var(--s6) auto var(--s8); }.mcp { max-width: var(--measure); margin: var(--s8) auto 0; }
.mcp summary { color: var(--ink-2); font-size: var(--t-small); text-decoration: underline; text-underline-offset: var(--s1); }
.cmd-line { display: flex; align-items: center; gap: var(--s4); text-align: left; margin-top: var(--s6); padding: var(--s4);
  border-radius: var(--r-panel); background: var(--sheet-2); }.cmd-line code { flex: 1; min-width: 0; }
.footer { display: grid; grid-template-columns: 1fr auto; padding-block: var(--s8) var(--s12); gap: var(--s5); }
.footer-brand { width: fit-content; }.wordmark-footer { width: var(--s40); }.footer p { color: var(--ink-2); font-size: var(--t-small); grid-column: 1; }
.footer-controls { grid-column: 2; grid-row: 1 / 3; display: flex; align-items: center; gap: var(--s8); color: var(--ink-2); font-size: var(--t-small); }
.theme-toggle { display: inline-flex; align-items: center; gap: var(--s2); background: none; border: 0; padding: var(--s3); border-radius: var(--r-full); }
@media (max-width: 1023px) {
  .hero { gap: var(--s6); }.hero .cta-row { gap: var(--s4); }.hero .text-link { font-size: var(--t-small); }
  .evidence-grid { gap: var(--s8); }
  .owns { grid-template-columns: 1fr 1fr; gap: var(--s8); }#faq { gap: var(--s12); }
  .ledger .id { max-width: var(--measure-id); overflow-wrap: anywhere; }
}
@media (max-width: 767px) {
  .hero { grid-template-columns: 1fr; min-height: auto; gap: var(--s10); padding-top: var(--s28); padding-bottom: var(--s8); }
  .hero-copy { gap: var(--s5); }.hero-art { transform: none; }.hero-art .core { aspect-ratio: 1.4; }
  .hero-lead { max-width: 32ch; }.hero .cta-row { gap: var(--s4); }
  .intro { padding-block: var(--s16); }.intro .lead { margin-bottom: var(--s8); }.product-view .core { padding: var(--s1); }
  .workflow, .evidence-grid, #faq { grid-template-columns: 1fr; gap: var(--s8); }
  .workflow li:nth-child(n) { padding-top: 0; }.workflow p { max-width: none; }.workflow { margin-bottom: var(--s8); }
  .section-head { margin-bottom: var(--s8); }
  .owns { gap: var(--s8) var(--s6); }.owns dd { font-size: var(--t-small); }
  .record-bar { padding-block: 0 var(--s10); }.record-bar-nums { gap: var(--s5); }
  .record-bar-nums dd { font-size: var(--t-h2); }.record-bar-nums dt { font-size: var(--t-meta); }.unit { font-size: var(--t-body); }
  .ledger thead, .ledger tr > :nth-child(4), .ledger tr > :nth-child(5) { display: none; }
  .ledger tr { display: grid; grid-template-columns: 1fr auto; padding-block: var(--s5); border-top: var(--hair) solid var(--line); gap: var(--s3); }
  .ledger td { border: 0; padding: 0; }.ledger .id { grid-column: 1; max-width: none; }
  .ledger .said { grid-column: 1 / -1; grid-row: 2; width: auto; padding: 0; }.ledger .r { grid-column: 2; grid-row: 1; }
  .checks-disclosure { padding: var(--s5); }.claims { grid-template-columns: 1fr; }
  .start-panel .core { padding: var(--s16) var(--s5); }.start { padding-bottom: var(--s12); }
  .footer { grid-template-columns: 1fr; }.footer-controls { grid-column: 1; grid-row: auto; justify-content: space-between; }
  .cmd-line { flex-direction: column; align-items: stretch; }
}

.hero [data-reveal].reveal-ready { opacity: 1; }

.section-head .eyebrow { width: fit-content; margin-bottom: var(--s5); }

.evidence-single { grid-template-columns: minmax(0, 1fr); max-width: var(--measure-wide); }
.owns.caption { display: block; }
.intro .product-view { margin-top: var(--s12); }

.capability-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--s12); padding: var(--s12); }
.capability-grid p { color: var(--ink-2); margin-top: var(--s3); max-width: 30ch; }
.capability-symbol { display: block; font-size: var(--t-h2); color: var(--clay); margin-bottom: var(--s6); }
.agent-brands { display: flex; flex-wrap: wrap; gap: var(--s8) var(--s12); padding-block: var(--s8); margin-bottom: var(--s8); font-size: var(--t-h2); font-weight: var(--w-medium); }
.stack-view .core { padding: var(--s12); }
.stack-heading { display: flex; justify-content: space-between; gap: var(--s6); margin-bottom: var(--s12); }
.stack-parts { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--s6); }
.stack-parts li { display: grid; gap: var(--s2); border-top: var(--hair) solid var(--line); padding-top: var(--s6); }
.stack-parts span { color: var(--ink-2); font-size: var(--t-small); }
@media(max-width: 767px) {
 .capability-grid { gap: var(--s8); padding: var(--s6); }
 .capability-grid h3 { font-size: var(--t-lead); }
 .capability-grid p { font-size: var(--t-small); }
 .stack-view .core { padding: var(--s6); }
 .stack-parts { grid-template-columns: 1fr 1fr; }
 .agent-brands { font-size: var(--t-h3); }
}

#yours .provider-logos { margin-top: var(--s6); }