: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; }
}

/* GitHub profile badge + payout onboarding. */
.setup-shell{max-width:1120px;margin-inline:auto}
.setup-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-block:8px 40px}
.app-main .setup-heading h1{font-size:clamp(34px,4vw,54px);line-height:1.13;letter-spacing:-.045em;margin:0 0 20px;max-width:810px}
.setup-heading .lede{max-width:690px;margin:0;font-size:17px}
.setup-progress{display:grid;flex-shrink:0;text-align:right;gap:4px;padding-bottom:4px}
.setup-progress strong{font:500 38px/1 var(--mono);letter-spacing:-2px}
.setup-progress strong span{color:var(--mut);font-size:22px;letter-spacing:-1px}
.setup-progress>span{color:var(--mut);font-size:11px;white-space:nowrap}
.setup-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--line);margin-bottom:40px}
.setup-steps a{display:flex;align-items:center;gap:12px;padding:22px 10px 22px 0;min-width:0;color:var(--mut);text-decoration:none;border-bottom:3px solid transparent;margin-bottom:-1px}
.setup-steps a>span{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;border:1px solid var(--line);border-radius:50%;font:12px var(--mono)}
.setup-steps strong,.setup-steps small{display:block;overflow-wrap:anywhere}
.setup-steps strong{font-size:13px;color:var(--ink);font-weight:500}
.setup-steps small{font-size:11px;margin-top:3px}
.setup-steps .is-done>span{background:#e8f1e8;color:var(--green);border-color:#b6d1bd}
.setup-steps [aria-current=step]{border-bottom-color:var(--gold)}
.setup-steps .is-current>span{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.setup-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:clamp(32px,5vw,64px);align-items:start}
.setup-grid>*{min-width:0}
.setup-section-heading{display:flex;align-items:center;gap:14px;margin-bottom:20px}
.setup-section-heading .kick{margin:0 0 4px}
.setup-section-heading h2{font-size:25px;line-height:1.25;margin:0!important;letter-spacing:-.035em}
.setup-index{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;background:var(--surface-warm);font:14px var(--mono);border-radius:5px}
.badge-instructions{list-style:none;counter-reset:badge-steps;padding:0;margin:32px 0 0;display:grid;gap:30px}
.badge-instructions>li{counter-increment:badge-steps;position:relative;padding-left:34px;min-width:0}
.badge-instructions>li::before{content:counter(badge-steps,decimal-leading-zero);position:absolute;left:0;top:1px;color:var(--butternut-ink);font:12px/1.8 var(--mono)}
.badge-instructions h3{font-size:16px;line-height:1.5;margin:0 0 8px;letter-spacing:-.02em}
.badge-instructions p{margin:0 0 16px;font-size:13px;line-height:1.85}
.badge-instructions .hint{font-size:11px;margin-top:10px;color:var(--mut)}
.badge-instructions .btn{font-size:12px;min-height:44px;padding:11px 15px}
.badge-instructions .button-row{gap:14px;align-items:center}
.badge-instructions .button-row form{margin:0;display:block;gap:0}
.badge-instructions .button-row>a{font-size:12px}
.setup-help{margin-top:18px;border-block:1px solid var(--line);padding:12px 0;font-size:12px}
.setup-help summary{cursor:pointer;min-height:24px;line-height:1.8;color:var(--link)}
.setup-help>div{padding:14px 0 4px}
.setup-help p{font-size:12px;margin:0 0 12px}
.setup-help a{display:inline-flex;align-items:center;min-height:40px}
.repo-sketch{border:1px solid var(--line);border-radius:5px;background:var(--panel);padding:16px;margin:16px 0;color:var(--ink)}
.sketch-label{font:10px/1.6 var(--mono);color:var(--mut);overflow-wrap:anywhere}
.sketch-repo-name{display:flex;gap:10px;margin:12px 0 18px;padding:9px;border:1px solid var(--line);font:12px var(--mono);overflow-wrap:anywhere;flex-wrap:wrap}
.sketch-repo-name strong{font-weight:500}
.sketch-radio{color:var(--green);margin-right:5px}
.sketch-check{margin-left:20px;color:var(--green)}
.badge-instructions .code-label{margin-bottom:0;border:1px solid var(--line);border-bottom:0;background:var(--surface-soft);padding:7px 10px;border-radius:5px 5px 0 0;gap:8px;min-width:0}
.code-label label{display:block;font-size:10px;color:var(--mut);margin:0}
.badge-instructions textarea.badge-markdown{display:block;width:100%;min-height:106px;margin:0;padding:14px;background:var(--panel);border:1px solid var(--line);border-radius:0 0 5px 5px;font:11px/1.85 var(--mono);color:var(--ink);resize:vertical;overflow-wrap:anywhere}
.setup-preview{position:sticky;top:102px}
.setup-preview>.kick{font-size:10px;margin-top:0}
.github-profile-sketch{border:1px solid var(--line);border-radius:7px;background:var(--panel);overflow:hidden;margin-bottom:24px}
.github-sketch-top{display:flex;gap:10px;align-items:center;padding:12px 16px;background:#f0eee8;border-bottom:1px solid var(--line);font:10px/1.6 var(--mono);color:var(--mut);overflow-wrap:anywhere}
.github-sketch-top>span:first-child{font-size:17px;color:var(--ink)}
.github-sketch-body{padding:22px}
.github-person{display:flex;gap:13px;align-items:center;margin-bottom:22px}
.github-initial{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--gold);font:24px var(--display)}
.github-person strong{display:block;font-size:14px;font-weight:500}
.github-person div>span{display:block;font-size:10px;color:var(--mut);margin-top:2px}
.github-readme{border-top:1px solid var(--line);padding-top:16px}
.github-readme h3{font-size:21px;line-height:1.4;letter-spacing:-.035em;margin:20px 0 8px;overflow-wrap:anywhere}
.github-readme p{font-size:11px;color:var(--mut);margin:0 0 18px}
.setup-badge-image{display:block;width:auto;max-width:100%;height:30px;margin:0}
.github-readme>a{display:inline-flex;align-items:center;min-height:44px}
.sketch-caption{display:block;margin-top:12px;font-size:10px;color:var(--mut);line-height:1.75}
.setup-readiness{border-block:1px solid var(--line);padding-block:20px;margin-bottom:14px}
.setup-readiness>.kick{margin:0 0 14px;font-size:10px}
.setup-readiness>div{display:flex;align-items:center;gap:8px;font-size:11px;padding-block:7px}
.setup-readiness small{margin-left:auto;color:var(--mut);font-size:10px}
.check-done{color:var(--green);font-size:14px;min-width:15px}
.check-pending{color:var(--mut);font-size:15px;min-width:15px}
.setup-readiness>p:last-child{font-size:10px;line-height:1.8;color:var(--mut);margin:16px 0 0}
.setup-preview>a{font-size:11px;display:inline-flex;align-items:center;min-height:44px}
.setup-feedback{background:#f8eee1;border:1px solid #dfccaa;padding:16px;border-radius:5px;margin:16px 0}
.setup-feedback strong{font-size:13px}
.setup-feedback p{font-size:12px;margin:6px 0 0}
.setup-found{display:flex;align-items:center;gap:12px;background:#edf4ec;border:1px solid #c7d9c8;border-radius:5px;padding:18px;margin-block:24px}
.setup-found>span{display:grid;place-items:center;flex-shrink:0;width:27px;height:27px;background:#d7e7d6;color:var(--green);border-radius:50%}
.setup-found strong{font-size:13px;color:var(--green)}
.setup-found p{font-size:11px;margin:4px 0 0;color:var(--mut)}
.setup-found>a{margin-left:auto;font-size:11px}
.setup-route{display:flex;align-items:center;justify-content:space-between;border-block:1px solid var(--line);padding:22px 0;gap:10px;margin-block:28px;font:11px var(--mono);flex-wrap:wrap}
.setup-route b{color:var(--mut);font-weight:400}
.setup-guide>p{font-size:13px;line-height:1.9}
.setup-complete{padding-block:12px}
.setup-complete-mark{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#e1efdf;color:var(--green);font-size:28px;margin-bottom:28px}
.setup-complete>.kick{color:var(--green)}
.app-main .setup-complete h2{font-size:clamp(28px,3vw,40px);line-height:1.18;letter-spacing:-.04em;margin:0 0 24px}
.setup-ready-badge{padding:20px 0 24px;border-bottom:1px solid var(--line);margin-bottom:22px}
.setup-complete>.button-row{margin-block:28px 22px}
.setup-complete>.hint{font-size:11px;color:var(--mut)}
.setup-complete>a:last-child{font-size:12px;display:inline-flex;align-items:center;min-height:44px}
.setup-demo-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:-12px 0 26px;padding:12px;background:var(--surface-soft);border:1px dashed var(--line);border-radius:5px}
.setup-demo-controls>span{margin-right:auto;font-size:10px;color:var(--mut)}
.setup-demo-controls button{background:var(--panel);border:1px solid var(--line);min-height:36px;padding:7px 10px;font:10px var(--sans);color:var(--ink);border-radius:4px;cursor:pointer}
.setup-demo-controls button[aria-pressed=true]{background:var(--gold);border-color:var(--gold)}
@media(max-width:800px){.setup-heading{align-items:flex-start}.setup-progress{padding-top:10px}.setup-grid{grid-template-columns:minmax(0,1fr)}.setup-preview{position:static;max-width:560px;width:100%;border-top:1px solid var(--line);padding-top:28px}.setup-steps a{gap:8px}.setup-steps strong{font-size:11px}.setup-steps small{font-size:10px}.setup-steps a>span{width:27px;height:27px}.setup-heading .lede{font-size:15px}}
@media(max-width:480px){.setup-heading{gap:16px;margin-bottom:28px}.app-main .setup-heading h1{font-size:31px}.setup-progress strong{font-size:27px}.setup-progress>span{font-size:9px}.setup-progress strong span{font-size:16px}.setup-steps{margin-bottom:30px}.setup-steps a{display:grid;gap:8px;align-content:start;padding:16px 6px 16px 0}.setup-steps small{font-size:9px}.setup-section-heading h2{font-size:23px}.badge-instructions>li{padding-left:28px}.badge-instructions textarea.badge-markdown{font-size:16px;min-height:156px}.badge-instructions .code-label label{font-size:10px}.setup-found{flex-wrap:wrap}.setup-found>a{margin-left:39px}.setup-demo-controls button{min-height:44px}.setup-route{font-size:10px}.github-sketch-body{padding:18px}.setup-complete>.button-row .btn{width:100%;text-align:center}}