:root {
  color-scheme:light;
  --paper:#fbf9f5;
  --bg:var(--paper);
  --panel:#fffefa;
  --ink:#2a323c;
  --mut:#656963;
  --dim:var(--mut);
  --soft:var(--mut);
  --line:#ddd9cf;
  --gold:#eac784;
  --squash:#8b521f;
  --link:#8b521f;
  --butternut-ink:var(--link);
  --green:#267347;
  --add:var(--green);
  --amt:var(--ink);
  --red:#a33d35;
  --chip:#f0ece3;
  --chipline:var(--line);
  --sans:'Lexend',system-ui,sans-serif;
  --display:'Lexend Deca',var(--sans);
  --mono:'IBM Plex Mono',ui-monospace,monospace;
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:20px;
  --space-6:24px;
  --space-8:32px;
  --space-10:40px;
  --space-12:48px;
  --space-14:56px;
  --space-16:64px;
  --space-20:80px;
  --gutter:clamp(18px,3vw,32px);
  --section-space:clamp(48px,6vw,80px);
  --column-gap:clamp(32px,5vw,64px);
  --surface-warm:#f2e8d5;
  --surface-soft:#f2eee5;
  --line-warm:#dfccaa;
  --warm-ink:#684817;
  --terminal-ink:#f3f0e8;
  --terminal-muted:#bcc3c4;
  --terminal-line:#4b535b;
  --gold-hover:#e2bd73;
  --focus:#a26528}



* {
  box-sizing:border-box}

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

body {
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font:15px/1.7 var(--sans);
  -webkit-font-smoothing:antialiased}

::selection {
  background:var(--gold);
  color:var(--ink)}

a {
  color:var(--link);
  text-underline-offset:4px}

a:hover {
  text-decoration-thickness:2px}

img,svg {
  max-width:100%}

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

button,a,input,textarea,select {
  touch-action:manipulation}

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

h1,h2,h3 {
  font-family:var(--display);
  font-weight:700;
  line-height:1.14;
  letter-spacing:-.045em}

h1 {
  font-size:clamp(2rem,4.8vw,4.7rem);
  margin:0}

h2 {
  font-size:clamp(1.7rem,3.4vw,2.7rem);
  margin:0 0 var(--space-4)}

h3 {
  font-size:1.3rem;
  margin:0 0 var(--space-3)}

p {
  margin:0 0 var(--space-4)}

b,strong {
  font-weight:600}

.wrap {
  width:min(1160px,calc(100% - 2 * var(--gutter)));
  margin-inline:auto}

.skip {
  position:absolute;
  left:24px;
  top:-80px;
  background:var(--ink);
  color:white;
  padding:var(--space-3) var(--space-4);
  z-index:20}

.skip:focus {
  top:12px}

.top {
  border-bottom:1px solid var(--line);
  background:var(--paper)}

.top>.wrap {
  display:flex;
  align-items:center;
  gap:var(--space-6);
  min-height:88px}

.brand {
  display:inline-flex;
  align-items:center;
  gap:var(--space-3);
  font:800 28px/1 var(--display);
  letter-spacing:-1.5px;
  color:var(--ink);
  text-decoration:none;
  flex-shrink:0}

.brand img,.brand svg {
  width:34px;
  height:42px;
  object-fit:contain}

.links {
  display:flex;
  align-items:center;
  gap:var(--space-5);
  margin-left:auto;
  flex-wrap:wrap;
  min-width:0;
  justify-content:flex-end;
  font-size:13px}

.links>a { white-space:nowrap; }

.links>a:not(.btn) {
  color:var(--ink);
  text-decoration:none}

.links>a:hover {
  text-decoration:underline}

.tag,.eyebrow,.kick,.kicker {
  font:500 11px/1.6 var(--mono);
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--mut)}

.tag {
  border:1px solid var(--line);
  border-radius:4px;
  padding:3px var(--space-2);
  white-space:nowrap}

.btn,button,.big {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:var(--space-2);
  background:var(--gold);
  border:1px solid #c5a260;
  border-radius:6px;
  color:var(--ink);
  font-weight:600;
  font-size:13px;
  padding:var(--space-3) var(--space-5);
  text-decoration:none;
  cursor:pointer;
  min-height:44px}

.btn:hover,button:hover,.big:hover {
  background:var(--gold-hover);
  text-decoration:none}

.btn.secondary,.btn:not(.solid) {
  background:transparent;
  border-color:var(--line)}

button:disabled { opacity:.55; cursor:not-allowed; }
button[aria-busy=true] { cursor:wait; }
button:active:not(:disabled),.btn:active { filter:brightness(.97); }
.btn.secondary:hover,.btn:not(.solid):hover { background:var(--chip); }

.hero {
  padding:var(--space-20) 0 var(--space-20)}

.hero-grid {
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);
  gap:var(--column-gap);
  align-items:center}

.hero h1 {
  max-width:12ch}

.accent {
  color:var(--squash)}

.hero .lede {
  font-size:16px;
  max-width:48ch;
  margin:var(--space-6) 0}

.lede,.sub {
  color:var(--mut);
  max-width:65ch}

.eyebrow {
  margin-bottom:var(--space-6)}

.button-row,.actions {
  display:flex;
  gap:var(--space-3);
  align-items:center;
  flex-wrap:wrap}

.micro,.fine,.hint,.sub,.prov,.lane,.st {
  color:var(--mut);
  font-size:12px}

.micro {
  margin-top:var(--space-4);
  font-family:var(--mono)}

.marketing-main>section {
  padding:var(--section-space) 0;
  border-top:1px solid var(--line)}

.kick {
  margin-bottom:var(--space-4)}

.section-head {
  display:flex;
  justify-content:space-between;
  gap:var(--space-10);
  align-items:baseline;
  margin-bottom:var(--space-10)}

.section-head p {
  max-width:40ch}

.steps-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:var(--space-12)}

.step-number {
  display:block;
  color:var(--squash);
  font:500 12px var(--mono);
  margin-bottom:var(--space-6)}

.step p {
  color:var(--mut);
  font-size:14px}

.terminal {
  min-width:0;
  background:var(--ink);
  color:var(--terminal-ink);
  border:1px solid #414a52;
  border-radius:10px;
  overflow:hidden;
  text-align:left;
  box-shadow:0 16px 40px -26px #2a323c66}

.terminal-head,.diff-head {
  padding:var(--space-3) var(--space-5);
  border-bottom:1px solid var(--terminal-line);
  font:11px var(--mono);
  color:#bbc1c1;
  display:flex;
  align-items:center;
  justify-content:space-between}

.terminal pre,.diff pre {
  margin:0;
  padding:var(--space-6);
  font:12px/2.15 var(--mono);
  white-space:pre-wrap;
  overflow-wrap:anywhere}

.terminal .fail {
  color:#f2a09a}

.terminal .pass {
  color:#94d6ac}

.terminal .neutral {
  color:var(--terminal-muted)}

.terminal .term-rule {
  display:block;
  border-top:1px solid var(--terminal-line);
  margin:var(--space-4) 0}

.term-foot {
  padding:var(--space-4) var(--space-5);
  font:11px var(--mono);
  border-top:1px solid var(--terminal-line);
  color:#edcf92}

.machine {
  background:#2a323c;
  color:var(--paper)}

.machine .kick {
  color:#edcf92}

.machine .lede {
  color:#bbc1c1}

.machine-grid {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:var(--column-gap);
  align-items:center}

.machine .terminal {
  background:#252d35;
  box-shadow:none}

.machine a {
  color:#edcf92}

.editorial-row {
  display:grid;
  grid-template-columns:210px 1fr auto;
  gap:var(--space-8);
  align-items:baseline;
  padding:var(--space-6) 0;
  border-top:1px solid var(--line)}

.editorial-row:last-child {
  border-bottom:1px solid var(--line)}

.editorial-row p {
  color:var(--mut);
  max-width:58ch;
  margin:0}

.editorial-row h3 {
  margin:0}

.editorial-row .ic {
  font:11px var(--mono);
  color:var(--squash)}

.pricing-grid {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:var(--column-gap);
  align-items:start}

.receipt {
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:8px;
  padding:var(--space-6) var(--space-8);
  font:13px/1.7 var(--mono)}

.mrow {
  display:flex;
  justify-content:space-between;
  gap:var(--space-5);
  padding:var(--space-3) 0}

.mrow.tot {
  border-top:1px solid var(--line);
  margin-top:var(--space-3);
  padding-top:var(--space-4);
  font-weight:600}

.mrow.hl {
  color:var(--green);
  background:#edf3eb;
  padding:var(--space-3);
  margin:var(--space-3) calc(-1 * var(--space-3)) calc(-1 * var(--space-3));
  border-radius:4px}

.receipt .fine {
  font:11px/1.7 var(--mono);
  margin-top:var(--space-5)}

.cta {
  text-align:center}

.cta .lede {
  margin:var(--space-4) auto var(--space-6)}

.cta img {
  width:74px;
  height:86px;
  margin-bottom:var(--space-5)}

.cta .big {
  font-size:15px;
  padding:var(--space-4) var(--space-6)}

footer {
  border-top:1px solid var(--line);
  padding:var(--space-8) 0;
  color:var(--mut);
  font-size:12px}

footer>.wrap {
  display:flex;
  justify-content:space-between;
  gap:var(--space-6);
  flex-wrap:wrap}

footer a {
  color:var(--mut)}

.footer-links {
  display:flex;
  gap:var(--space-6)}

.docs {
  display:grid;
  grid-template-columns:210px minmax(0,1fr);
  gap:var(--space-16);
  align-items:start;
  padding-top:var(--space-14)}

.side {
  position:sticky;
  top:28px;
  padding-bottom:var(--space-8)}

.side .grp {
  margin-bottom:var(--space-6)}

.side .t {
  font:11px var(--mono);
  text-transform:uppercase;
  letter-spacing:.12em;
  color:var(--mut);
  margin-bottom:var(--space-3)}

.side a {
  display:block;
  color:var(--ink);
  font-size:12px;
  text-decoration:none;
  padding:var(--space-2) 0}

.side a:hover {
  color:var(--link)}

.doc-body {
  max-width:780px;
  padding-bottom:var(--space-16)}

.doc-body section {
  padding:var(--space-10) 0;
  border-top:1px solid var(--line)}

.doc-body section:first-child {
  border:0;
  padding-top:0}

.doc-body p,.doc-body li {
  max-width:70ch;
  color:var(--mut)}

.doc-body h2 {
  font-size:2rem}

.doc-body h3 {
  font-size:1.4rem}

.doc-body code,code {
  font:12px/1.6 var(--mono);
  background:var(--chip);
  padding:3px var(--space-2);
  border-radius:3px;
  overflow-wrap:anywhere}

.doc-body pre {
  background:var(--ink);
  color:var(--paper);
  padding:var(--space-5);
  border-radius:6px;
  overflow:auto;
  font:12px/1.8 var(--mono)}

.doc-body pre code {
  background:transparent;
  color:inherit;
  padding:0}

.doc-body li {
  margin:var(--space-3) 0}

.callout {
  border-left:3px solid var(--gold);
  background:var(--chip);
  padding:var(--space-4) var(--space-5);
  font-size:13px;
  margin:var(--space-6) 0}

.callout.add {
  border-color:var(--green)}

.app-main {
  padding-top:var(--space-14);
  padding-bottom:var(--space-20);
  min-height:70vh}

.app-main.narrow {
  max-width:780px}

.app-main h1 {
  font-size:clamp(2rem,4vw,3rem);
  margin-bottom:var(--space-4)}

.app-main h2 {
  font-size:20px;
  margin:0 0 var(--space-4);
  letter-spacing:-.025em}

.app-main>h2 { margin-top:var(--space-10); }

.app-main>.lede {
  margin-bottom:var(--space-8)}

.page-heading {
  display:flex;
  align-items:start;
  justify-content:space-between;
  gap:var(--space-8);
  margin-bottom:var(--space-8)}

.page-heading .lede {
  margin:0}

.panel {
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:8px;
  overflow-x:auto}

.panel table {
  min-width:620px}

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

th {
  text-align:left;
  font:500 10px var(--mono);
  text-transform:uppercase;
  letter-spacing:.08em;
  color:var(--mut);
  padding:var(--space-4) var(--space-5);
  background:var(--chip)}

td {
  padding:19px var(--space-5);
  border-top:1px solid var(--line);
  vertical-align:middle}

td.amt {
  font:600 18px var(--mono);
  white-space:nowrap}

td.act {
  text-align:right;
  white-space:nowrap}

.act a {
  margin-left:var(--space-4)}

.empty {
  padding:var(--space-8);
  color:var(--mut);
  text-align:center}

.tag-internal,.status,.vpill {
  display:inline-block;
  font:11px/1.5 var(--mono);
  border:1px solid var(--line);
  border-radius:4px;
  padding:var(--space-1) var(--space-2);
  background:var(--chip)}

.status.success,.vpill.ok {
  background:#edf3eb;
  color:var(--green);
  border-color:#c6d8c4}

.status.pending {
  background:#faf0d8;
  color:#795715;
  border-color:#e9d6a8}

.status.error {
  background:#f9eae7;
  color:var(--red);
  border-color:#e8cac6}

.card {
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:8px;
  padding:var(--space-8)}

.card p:last-child {
  margin-bottom:0}

form { display:flex; flex-direction:column; gap:var(--space-6); }
form>:is(h1,h2,h3,p),.app-main form>:is(h1,h2,h3,p) { margin-block:0; }
form:has(>button)+form { margin-top:var(--space-6); }
form .row { align-items:start; }
.mono { font-family:var(--mono); }
.app-main>:is(.card,form,.panel)+:is(.card,form,.panel) { margin-top:var(--space-6); }
.doc-outline { display:none; }
.test-assist { border-block:1px solid var(--line); padding-block:var(--space-6); display:grid; gap:var(--space-3); }
.test-assist-actions { display:flex; flex-wrap:wrap; gap:var(--space-3); align-items:center; }
.test-assist-actions>input { width:140px; min-width:0; }
.test-assist-actions>[role=status] { flex-basis:100%; }


label {
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
  font-size:14px;
  font-weight:500}

label .hint {
  font-weight:400}

input,textarea,select {
  width:100%;
  background:var(--panel);
  border:1px solid #c8c5bc;
  border-radius:5px;
  color:var(--ink);
  font:13px/1.6 var(--mono);
  padding:var(--space-3) var(--space-4);
  min-height:44px}

textarea {
  min-height:150px;
  resize:vertical}

input[type=checkbox],input[type=radio] {
  width:18px;
  min-height:18px;
  height:18px;
  accent-color:#99662e;
  flex-shrink:0}

.row {
  display:flex;
  gap:var(--space-5);
  flex-wrap:wrap}

.row>label,.row>div {
  flex:1;
  min-width:min(180px,100%)}

.ok {
  color:var(--green)}

.top-profile,.card>.top {
  display:flex;
  align-items:center;
  gap:var(--space-5);
  border:0;
  background:none}

.card>.top img {
  width:72px;
  height:72px;
  object-fit:cover;
  border-radius:50%}

.card>.top h1 {
  font-size:clamp(26px,3vw,32px);
  overflow-wrap:anywhere;
  margin-bottom:var(--space-2)}
.card>.top>.who { min-width:0; }

.h {
  font:12px var(--mono);
  color:var(--mut)}

.stats {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0;
  margin:var(--space-8) 0;
  border-block:1px solid var(--line)}

.stat {
  flex:1;
  padding:var(--space-4) var(--space-4)}

.stat+.stat {
  border-left:1px solid var(--line)}

.stat b {
  display:block;
  font:600 clamp(18px,3vw,24px) var(--mono);
  overflow-wrap:anywhere}

.stat span {
  font:12px/1.6 var(--mono);
  color:var(--mut)}

.how {
  font-size:13px;
  color:var(--mut)}

.how div {
  margin-bottom:var(--space-2)}

.pitch {
  margin-top:var(--space-8)}

.choice {
  display:flex;
  flex-direction:row;
  align-items:start;
  gap:var(--space-4);
  border:1px solid var(--line);
  border-radius:6px;
  padding:var(--space-4)}

.choice:has(input:checked) {
  border-color:#a77b3d;
  background:#fbf3e1}

.choice span {
  flex:1}

.choice strong {
  display:block}

.choice small {
  display:block;
  font-size:12px;
  color:var(--mut);
  font-weight:400;
  margin-top:var(--space-2)}

.evidence {
  padding:var(--space-4);
  border:1px solid var(--line);
  background:var(--chip);
  border-radius:5px;
  overflow-wrap:anywhere;
  font:12px/1.8 var(--mono)}

details {
  margin-top:var(--space-4)}

summary {
  cursor:pointer;
  min-height:44px;
  align-content:center;
  font-size:14px}

details pre {
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  font:11px/1.7 var(--mono)}

.timeline {
  padding-left:var(--space-6)}

.timeline li {
  margin:var(--space-4) 0}

.keyvalue {
  display:grid;
  grid-template-columns:150px minmax(0,1fr);
  gap:var(--space-4);
  font-size:13px}

.keyvalue dt {
  color:var(--mut)}

.keyvalue dd {
  margin:0;
  overflow-wrap:anywhere}


@media(max-width:900px) {
  .top>.wrap {
  gap:var(--space-4)}

.links {
  gap:var(--space-4)}

.hide-sm {
  display:none}

.hero-grid,.machine-grid,.pricing-grid {
  grid-template-columns:1fr;
  gap:var(--space-10)}

.hero h1 {
  max-width:17ch}

.hero .lede {
  max-width:55ch}

.hero {
  padding:var(--space-14) 0}

.steps-grid {
  gap:var(--space-6)}

.section-head {
  display:block}

.editorial-row {
  grid-template-columns:150px 1fr}

.editorial-row .ic {
  grid-column:2}

.docs {
  gap:var(--space-10);
  grid-template-columns:165px minmax(0,1fr)}

}


@media(max-width:600px) {
  .wrap {
  width:min(1160px,calc(100% - 2 * var(--gutter)))}

.top>.wrap {
  min-height:76px;
  flex-wrap:wrap;
  padding-block:var(--space-4);
  row-gap:var(--space-3)}

.brand {
  font-size:25px}

.top .tag {
  display:none}

.links {
  gap:var(--space-4);
  font-size:11px}

.links .btn {
  padding:var(--space-2) var(--space-3);
  font-size:11px;
  min-height:44px}

.top .links {
  flex-wrap:wrap}

.hero-grid {
  gap:var(--space-8)}

.hero h1 {
  font-size:clamp(2.4rem,10vw,3.7rem)}

.marketing-main>section {
  padding:var(--section-space) 0}

.steps-grid {
  grid-template-columns:1fr;
  gap:var(--space-6)}

.step-number {
  margin-bottom:var(--space-3)}

.step {
  border-top:1px solid var(--line);
  padding-top:var(--space-5)}

.editorial-row {
  grid-template-columns:1fr;
  gap:var(--space-3)}

.editorial-row .ic {
  grid-column:1}

.terminal pre {
  padding:var(--space-4);
  font-size:11px}

.docs {
  display:block;
  padding-top:var(--space-6)}

.side {
  position:static;
  display:flex;
  gap:var(--space-6);
  overflow:auto;
  border-bottom:1px solid var(--line);
  margin-bottom:var(--space-8)}

.side .grp {
  flex-shrink:0;
  min-width:105px;
  margin-bottom:0}

.page-heading {
  display:block}

.page-heading .actions {
  margin-top:var(--space-5)}

.app-main {
  padding-top:var(--space-10)}

.card {
  padding:var(--space-6)}

.keyvalue {
  grid-template-columns:1fr;
  gap:var(--space-2)}

.keyvalue dd {
  margin-bottom:var(--space-3)}

.stats {
  flex-wrap:wrap}

.stat {
  min-width:0}

.receipt {
  padding:var(--space-5);
  font-size:11px}

footer>.wrap {
  display:block}

.footer-links {
  margin-top:var(--space-5);
  flex-wrap:wrap}

}


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

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

}
/* Profiles, contact and runnable acceptance. */
.profile-work { margin-top:var(--space-8); }
.work-proof { display:flex; justify-content:space-between; gap:var(--space-5); padding:var(--space-4) 0; border-bottom:1px solid var(--line); }
.work-proof strong { display:block; }
.empty-work { padding:var(--space-5) 0; color:var(--mut); }
input[readonly] { background:var(--bg); color:var(--mut); font-family:var(--mono); }
.contact-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--column-gap); align-items:start; }
.contact-email { display:inline-block; font-size:clamp(18px,2vw,26px); font-weight:500; margin-bottom:var(--space-4); overflow-wrap:anywhere; }
.contact-grid hr { border:0; border-top:1px solid var(--line); margin:var(--space-8) 0; }
.contact-grid form { margin:0; }
@media(max-width:700px) { .contact-grid { grid-template-columns:1fr; gap:var(--space-8); } .work-proof { gap:var(--space-3); } }

/* Launch pages share the warm workbench, with room for the story and the evidence. */
.hero-solver { margin-top:var(--space-4); font-size:13px; }
.proof-strip { display:flex; gap:var(--space-10); padding-block:var(--space-6); border-top:1px solid var(--line); border-bottom:1px solid var(--line); font:12px/1.6 var(--mono); }
.proof-strip span { flex:1; }
.proof-strip b { display:block; font:500 14px/1.7 var(--sans); }
.example-teaser,.intent-split { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:var(--space-16); align-items:start; }
.intent-split .terminal { min-width:0; }
.intent-split .terminal pre { white-space:pre-wrap; overflow-wrap:anywhere; }
.example-teaser h2 { max-width:15ch; }
.example-spec { background:var(--surface-warm); padding:var(--space-8); border:1px solid var(--line-warm); }
.example-spec .example-amount { font:500 36px/1.2 var(--mono); margin:var(--space-5) 0 var(--space-2); }
.example-spec .example-amount { display:block; }
.example-amount>span { display:block; font:12px/1.7 var(--mono); color:var(--warm-ink); margin-top:var(--space-1); }
.example-spec h3 { font-size:23px; max-width:24ch; }
.example-states { list-style:none; padding:0; margin:var(--space-6) 0; }
.example-states li { display:flex; justify-content:space-between; gap:var(--space-4); padding:var(--space-3) 0; border-top:1px solid var(--line-warm); font:12px/1.6 var(--mono); }
.example-states b { color:var(--green); }
.fail-text { color:var(--red); }
.board-example { display:flex; justify-content:space-between; align-items:center; gap:var(--space-6); border-block:1px solid var(--line); padding:var(--space-6) 0; margin:var(--space-8) 0; }
.board-example p { margin:0; }
.board-example .kick { margin-bottom:var(--space-2); }
.board-example .hint { margin-top:var(--space-2); }
.founder-strip { display:flex; justify-content:space-between; align-items:center; gap:var(--space-16); }
.founder-strip h2 { max-width:20ch; }
.founder-strip p { max-width:58ch; }
.launch-page { padding-top:var(--space-16); }
.launch-heading { margin-bottom:var(--space-12); }
.launch-heading h1 { margin:0; max-width:21ch; font-size:clamp(36px,5.2vw,66px); }
.launch-heading .lede { max-width:61ch; margin:var(--space-6) 0 0; font-size:18px; }
.launch-page h2 { font-size:clamp(25px,3vw,35px); max-width:25ch; }
.launch-page h3 { font-size:19px; }
.launch-page p { max-width:70ch; }
.launch-section { margin-top:var(--space-16); padding:var(--space-12) 0 0; border-top:1px solid var(--line); }
.launch-end { padding:var(--space-10) 0 0; margin-top:var(--space-16); border-top:1px solid var(--line); }
.contact-path { padding:0 0 var(--space-8); margin-bottom:var(--space-8); border-bottom:1px solid var(--line); }
.contact-path:last-child { border:0; margin-bottom:0; padding-bottom:0; }
.contact-path h2 { font-size:27px; }
.contact-path .hint { margin-top:var(--space-3); }
.contact-path .contact-email { margin-bottom:var(--space-3); }
.social-links,.contact-help { display:flex; flex-wrap:wrap; gap:var(--space-3) var(--space-6); font-size:13px; }
.contact-compose h2 { font-size:27px; margin:0; }
.form-heading>.kick { margin-bottom:var(--space-3); }
.contact-compose label .hint { display:inline; font-weight:400; }
.contact-help { padding-top:var(--space-6); border-top:1px solid var(--line); }
.about-grid { display:grid; grid-template-columns:240px minmax(0,1fr); gap:var(--column-gap); }
.founder-note { border-top:2px solid var(--ink); padding-top:var(--space-6); }
.founder-initials { display:grid; place-items:center; width:84px; height:84px; border-radius:50%; background:var(--gold); font:700 28px var(--display); margin-bottom:var(--space-8); }
.founder-note h2 { font-size:26px; }
.founder-note a { display:block; margin-top:var(--space-3); font-size:13px; }
.editorial-copy h2 { font-size:clamp(28px,3.5vw,42px); }
.principle-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--space-10); margin-top:var(--space-10); }
.principle-list article { border-top:1px solid var(--line); padding-top:var(--space-5); }
.principle-list span { display:block; font:13px var(--mono); margin-bottom:var(--space-5); color:var(--link); }
.principle-list h3 { font-size:20px; }
.section-jumps,.api-capabilities { display:flex; gap:var(--space-4) var(--space-8); flex-wrap:wrap; margin-bottom:var(--space-8); }
.section-jumps { font-size:13px; }
.faq-row { display:grid; grid-template-columns:1fr 1.25fr; gap:var(--space-16); border-top:1px solid var(--line); padding:var(--space-8) 0; scroll-margin-top:30px; }
.faq-row h3 { font-size:21px; max-width:25ch; }
.faq-row p { margin-bottom:var(--space-3); }
.faq-row a { font-size:13px; }
.example-label { display:flex; align-items:center; gap:var(--space-4); margin-bottom:var(--space-8); }
.example-label p { font-size:12px; color:var(--mut); margin:0; }
.walk-steps { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); border-block:1px solid var(--line); margin-bottom:var(--space-10); }
.walk-step { display:block; border:0; border-radius:0; color:var(--ink); background:transparent; padding:var(--space-4) var(--space-3); font-size:12px; line-height:1.6; text-align:left; min-height:76px; }
.walk-step span { display:block; font:12px var(--mono); margin-bottom:var(--space-2); color:var(--mut); }
.walk-step[aria-pressed=true] { background:var(--gold); }
.walk-step:hover { background:#f1e5cf; }
.walk-panel { display:none; grid-template-columns:minmax(0,1fr) minmax(0,1.05fr); gap:var(--column-gap); align-items:start; }
.walkthrough[data-active="0"] [data-walk-panel="0"],.walkthrough[data-active="1"] [data-walk-panel="1"],.walkthrough[data-active="2"] [data-walk-panel="2"],.walkthrough[data-active="3"] [data-walk-panel="3"],.walkthrough[data-active="4"] [data-walk-panel="4"],.walkthrough[data-active="5"] [data-walk-panel="5"] { display:grid; }
.walk-panel h2 { font-size:clamp(28px,3vw,38px); }
.walk-panel .terminal pre { font-size:12px; white-space:pre-wrap; overflow-wrap:anywhere; }
.example-next { padding:var(--space-8); background:var(--surface-warm); margin-top:var(--space-10); }
.example-next>a { display:inline-block; margin-right:var(--space-5); margin-top:var(--space-2); }
.proof-fields { display:flex; gap:var(--space-3) var(--space-8); flex-wrap:wrap; margin-block:var(--space-6); font:12px var(--mono); }
.proof-fields span { padding-bottom:var(--space-2); border-bottom:1px solid var(--line); }
.guide-grid { display:grid; grid-template-columns:220px minmax(0,1fr); gap:var(--space-16); margin-top:var(--space-12); }
.guide-rail { position:sticky; top:30px; display:grid; gap:var(--space-4); align-self:start; font-size:12px; }
.guide-section { margin-bottom:var(--space-12); padding:0 0 var(--space-10); border-top:0; border-bottom:1px solid var(--line); scroll-margin-top:30px; }
.guide-section:last-child { border-bottom:0; margin-bottom:0; }
.code-label { display:flex; align-items:center; justify-content:space-between; font:11px var(--mono); margin-top:var(--space-6); }
.copy-button { background:transparent; color:var(--link); padding:var(--space-2) var(--space-3); border:1px solid var(--line); font-size:13px; min-width:64px; min-height:44px; }
.launch-code { background:var(--ink); color:#f6f1e6; padding:var(--space-6); margin:var(--space-2) 0 var(--space-6); font:12px/1.8 var(--mono); overflow:auto; border-radius:4px; }
.launch-code code { color:inherit; background:transparent; padding:0; }
.endpoint-list { margin:var(--space-6) 0; }
.endpoint-list dt { font:12px/1.7 var(--mono); overflow-wrap:anywhere; padding-top:var(--space-4); border-top:1px solid var(--line); }
.endpoint-list dd { margin:var(--space-2) 0 var(--space-6); color:var(--mut); font-size:13px; }
.numbered-guide { padding-left:var(--space-6); }
.numbered-guide li { padding-left:var(--space-2); margin-bottom:var(--space-4); }
.scope-note { padding:var(--space-6) 0; border-block:1px solid var(--line-warm); color:var(--warm-ink); }
.scope-note ol { padding-left:var(--space-5); margin:0; }
.scope-note li { padding:var(--space-2) 0; }
.intent-lede { font-size:19px; margin-bottom:var(--space-10); }
.fit-comparison,.runtime-table { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--column-gap); }
.fit-comparison article,.runtime-table>div { padding:var(--space-8) 0; border-top:2px solid var(--line); }
.fit-comparison h2 { font-size:28px; }
.fit-comparison ul { padding-left:var(--space-5); }
.fit-comparison li { margin-bottom:var(--space-3); }
.runtime-table pre { overflow:auto; font-size:12px; }
.footer-groups { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--space-10); }
.footer-groups strong { display:block; margin-bottom:var(--space-3); color:var(--ink); font-size:12px; }
.footer-groups a { display:block; margin-top:var(--space-2); font-size:13px; }
footer>.wrap { align-items:start; gap:var(--space-10); }
.footer-links { flex-wrap:wrap; }
.work-proof> :first-child { min-width:0; overflow-wrap:anywhere; }
.work-proof strong { flex-shrink:0; }
.example-spec .hint { color:var(--warm-ink); }
.walk-step[aria-pressed=true] span { color:var(--warm-ink); }
.scope-note .kick { color:var(--warm-ink); }
@media(max-width:1100px) { .top .tag { display:none; } }
@media(max-width:900px) {
  .example-teaser,.intent-split,.walk-panel { gap:var(--space-8); }
  .about-grid { grid-template-columns:220px 1fr; gap:var(--space-10); }
  .guide-grid { grid-template-columns:170px minmax(0,1fr); gap:var(--space-8); }
  .faq-row { gap:var(--space-8); }
  .contact-grid { gap:var(--space-8); }
  .footer-groups { gap:var(--space-6); }
}
@media(max-width:700px) {
  .top>.wrap { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto; align-items:center; gap:var(--space-2) var(--space-3); padding-block:var(--space-3); }
  .top .brand { grid-column:1 / 3; grid-row:1; }
  .top .links { display:contents; }
  .top .links>.btn { grid-column:3; grid-row:1; margin:0; min-height:44px; padding:var(--space-3); font-size:13px; }
  .top .links>a:not(.btn):not(.hide-sm):not(.demo-account) { display:flex; align-items:center; justify-content:flex-start; min-height:44px; font-size:14px; grid-row:2; }
  .docs { display:block; padding-top:var(--space-6); }
  .docs>.side { display:none; }
  .doc-outline { display:block; margin:0 0 var(--space-8); padding:var(--space-3) var(--space-4); border:1px solid var(--line); }
  .doc-outline>summary { min-height:44px; align-content:center; font-size:14px; }
  .doc-outline-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--space-6); padding-top:var(--space-4); }
  .doc-outline-links .t { font:12px var(--mono); color:var(--mut); margin-bottom:var(--space-2); }
  .doc-outline-links a { display:flex; align-items:center; min-height:44px; font-size:14px; }
    .guide-rail a,.section-jumps a,.contact-help a,.social-links a { display:inline-flex; align-items:center; min-height:44px; font-size:14px; }
  .footer-groups { gap:var(--space-6); }
  .footer-groups strong { font-size:14px; margin-bottom:var(--space-2); }
  .footer-groups a,.footer-links a { display:flex; align-items:center; min-height:44px; font-size:14px; margin-top:0; }
  .button-row>a:not(.btn) { min-height:44px; display:inline-flex; align-items:center; }
  input:not([type=checkbox]):not([type=radio]),textarea,select { font-size:16px; }
  .row { gap:var(--space-6); }
  .stat { padding:var(--space-4) var(--space-3); }
  .work-proof { flex-wrap:wrap; align-items:baseline; }
  .work-proof> :first-child { flex:1 1 160px; }
  .board-example { display:block; }
  .board-example .btn { margin-top:var(--space-4); }
  .proof-strip { gap:var(--space-4); font-size:12px; }
  .proof-strip b { font-size:12px; }
  .example-teaser,.intent-split,.about-grid,.guide-grid,.fit-comparison,.runtime-table,.faq-row { grid-template-columns:1fr; gap:var(--space-6); }
  .walkthrough .walk-panel { grid-template-columns:1fr; gap:var(--space-8); }
  .walk-steps { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .walk-panel { min-height:0; }
  .walk-panel .terminal { width:100%; min-width:0; }
  .launch-page { padding-top:var(--space-10); }
  .launch-heading { margin-bottom:var(--space-8); }
  .launch-heading .lede { font-size:16px; }
  .launch-section { margin-top:var(--space-10); padding-top:var(--space-8); }
  .launch-end { margin-top:var(--space-10); }
  .principle-list { grid-template-columns:1fr; gap:var(--space-5); }
  .principle-list span { margin-bottom:var(--space-3); }
  .founder-strip { display:block; }
  .founder-note { max-width:360px; }
  .guide-rail { position:static; display:flex; flex-wrap:wrap; gap:var(--space-2) var(--space-6); padding-bottom:var(--space-4); border-bottom:1px solid var(--line); }
  .guide-rail a { flex-shrink:0; }
  .example-label { display:block; }
  .example-label p { margin-top:var(--space-3); }
  .example-next,.example-spec { padding:var(--space-6); }
  footer>.wrap { display:grid; grid-template-columns:1fr; gap:var(--space-6); }
  .footer-groups { margin-top:0; }
  .faq-row { padding-block:var(--space-6); }
}
@media(max-width:430px) {
  .proof-strip { flex-direction:column; }
  .proof-strip span { display:flex; gap:var(--space-3); align-items:baseline; }
  .footer-groups { grid-template-columns:1fr 1fr; gap:var(--space-8) var(--space-4); }
  .contact-email { font-size:20px; }
}