/* design-identity.md — warm-paper brutalism */
:root{--paper:#f6f4ee;--card:#fffdf8;--ink:#111110;--mute:#66625a;--soft:#e4e0d5;--accent:#e8322a;--accent-ink:#ffffff;--highlight:#fdeeda;--ok:#1d7a3c}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--paper);color:var(--ink);font:400 17px/1.6 Archivo,sans-serif;position:relative}
/* breathing dot grid — two layers drifting slowly out of phase */
body::before,body::after{content:"";position:fixed;inset:-40px;pointer-events:none;z-index:-1;
  background-image:radial-gradient(#d9d4c6 1px,transparent 1px);background-size:22px 22px}
body::after{background-image:radial-gradient(#e3ddcd 1px,transparent 1px);background-position:11px 11px}
@media(prefers-reduced-motion:no-preference){
  body::before{animation:drift1 9s ease-in-out infinite alternate}
  body::after{animation:drift2 13s ease-in-out infinite alternate}
  @keyframes drift1{0%{transform:translate(0,0)}35%{transform:translate(12px,-8px)}70%{transform:translate(-8px,11px)}100%{transform:translate(6px,6px)}}
  @keyframes drift2{0%{transform:translate(0,0);opacity:1}30%{transform:translate(-11px,-7px);opacity:.45}65%{transform:translate(9px,9px);opacity:.9}100%{transform:translate(-6px,12px);opacity:.55}}
}
nav,.runhead,footer{position:relative;background:var(--paper)}
.mono{font-family:'Space Mono',monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.wrap{max-width:1120px;margin:0 auto;padding:0 40px}
a{color:inherit}
.r{color:var(--accent)}

nav{border-bottom:2px solid var(--ink);background:var(--paper)}
nav .wrap{display:flex;justify-content:space-between;align-items:center;padding:18px 40px}
.logo{font:400 22px 'Archivo Black';letter-spacing:-.02em}
.btn{border:2px solid var(--ink);background:var(--accent);color:var(--accent-ink);padding:14px 26px;
  font:400 15px 'Archivo Black';text-transform:uppercase;cursor:pointer;display:inline-block;text-decoration:none;
  box-shadow:4px 4px 0 var(--ink);white-space:nowrap;touch-action:manipulation;transition:transform .12s,box-shadow .12s}
/* 2026-09-22: a stray `box-shadow…}` line after this rule's closing brace made the parser swallow .btn:hover and the
   transition, so no button ever reacted to hover. The squish (design-identity.md) is back, hover-capable pointers only. */
@media(hover:hover){.btn:not(:disabled):hover{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.btn.ghost:not(:disabled):hover{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}}
.btn:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--ink)}
.btn.ghost:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--ink)}
.btn.ghost{background:var(--card);color:var(--ink);box-shadow:3px 3px 0 var(--ink);font-size:13px;padding:10px 18px}
.btn:disabled{opacity:.5;cursor:default}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* landing */
.hero{padding-block:100px 80px}
h1{font:400 68px/1.03 'Archivo Black';letter-spacing:-.025em;text-transform:uppercase;max-width:880px;text-wrap:balance}
.sub{max-width:580px;margin:32px 0 0;font-size:19px;line-height:1.55;color:#3b382f}
.sub b{font-weight:600;background:var(--highlight);padding:0 4px}
.runform{display:flex;gap:14px;max-width:640px;margin:40px 0 0}
.runform input{flex:1;border:2px solid var(--ink);background:var(--card);padding:16px 18px;font:400 16px 'Space Mono',monospace;color:var(--ink)}
.note{margin-top:15px;color:var(--mute)}
.err{margin-top:12px;color:var(--accent);font-weight:600;display:none}
.break{border:0;border-top:2px solid var(--ink)}

/* run layout */
.runhead{border-bottom:2px solid var(--ink);background:var(--paper)}
.runhead .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 40px}
.runhead .verdict{font-size:15px;color:#3b382f}
.runhead .ctabox{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}
.runhead .ctaprice{font-size:11px;color:var(--mute);text-align:right}
@media (max-width:860px){.runhead .ctabox{align-items:flex-start}.runhead .ctaprice{text-align:left}}
/* 2026-09-28: the run's proof in the first screen (public/run.html proofHtml) */
.runhead .rhmain{flex:1;min-width:0;max-width:720px}
.runhead .verdict b{color:var(--ink);font-weight:600}
.topb{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:7px}
.topb li{border-left:2px solid var(--ink);padding-left:10px;font-size:14.5px;line-height:1.4;overflow-wrap:anywhere}
.topb li b{font-weight:600;margin-right:8px}
.topb li span{color:var(--mute);font-size:13.5px}
.nproof{margin-top:12px;font-size:14px;line-height:1.5;color:#3b382f}
.nproof b{color:var(--ink);font-weight:600}
.runhead .ctaapprove{font-size:11px;line-height:1.55;color:var(--mute);text-align:right;max-width:330px}
@media (max-width:860px){.runhead .ctaapprove{text-align:left;max-width:none}.runhead .ctabox{width:100%}}
.afterdrafts{margin-top:32px}
.layout{display:grid;grid-template-columns:250px 1fr;gap:44px;padding:44px 0 120px}
.rail{position:sticky;top:24px;align-self:start;background:var(--card);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);padding:20px 22px}
.rail .step{display:flex;gap:10px;align-items:baseline;padding:11px 0;border-bottom:1px solid var(--soft);font-family:'Space Mono',monospace;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.rail .step.done{color:var(--ink)}
.rail .step.running{color:var(--ink)}
.rail .step .tick{width:14px;display:inline-block}
.rail .step.done .tick{color:var(--ok)}
.rail .step.running .tick{color:var(--accent);animation:blink 1s steps(2) infinite}
@keyframes blink{50%{opacity:.15}}
.rail .loglines{margin-top:18px;border-top:2px solid var(--ink);padding-top:12px}
.rail .loglines div{font-family:'Space Mono',monospace;font-size:11px;line-height:1.5;color:#4d4a42;padding:3px 0;letter-spacing:.02em}

/* top stepper */
.stepper{display:flex;align-items:center;gap:8px;padding:26px 0 6px;flex-wrap:wrap}
.sq{width:34px;height:34px;border:2px solid var(--ink);display:flex;align-items:center;justify-content:center;font:700 14px 'Space Mono',monospace;background:var(--card)}
.sq.done{background:var(--ink);color:var(--paper)}
.sq.active{box-shadow:3px 3px 0 var(--ink)}
.dash{width:22px;border-top:2px solid var(--ink)}
.dash.ghost{border-top-style:dashed;border-color:#b9b3a4}
.lockgroup{display:flex;align-items:center;gap:8px}
.sq.locked{border-style:dashed;border-color:#b9b3a4;color:#b9b3a4;background:transparent}
.locklabel{font-family:'Space Mono',monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#b9b3a4;margin-left:2px;max-width:120px;line-height:1.3}

/* content cards */
.panel{background:var(--card);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);padding:30px 32px;margin-top:28px}
main>.panel:first-child,main>.backlink:first-child{margin-top:0}
.panel h2{font:400 24px 'Archivo Black';letter-spacing:-.01em;text-transform:uppercase;margin-bottom:16px}
.panel h2 .r{color:var(--accent)}
.bignum{font:400 56px/1 'Archivo Black';letter-spacing:-.02em}
.bignum .r{color:var(--accent)}
.kv{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.chip{border:1.5px solid var(--ink);background:var(--paper);padding:4px 10px;font-family:'Space Mono',monospace;font-size:11.5px;letter-spacing:.04em}
.chip.ghosted{border-color:#b9b3a4;color:#b9b3a4}
.chip.hit{background:var(--ink);color:var(--paper)}
.complist{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px}
.comprow{display:flex;justify-content:space-between;align-items:center;border:1.5px solid var(--soft);background:var(--paper);padding:10px 14px;font-family:'Space Mono',monospace;font-size:13px}
.comprow .n{color:var(--mute);font-size:11px}
.gap{border:2px solid var(--ink);background:var(--paper);padding:20px 22px;margin-top:14px}
.gap .fmt{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;border:1.5px solid var(--ink);padding:2px 8px;background:var(--card)}
.gap h3{font:600 19px Archivo;margin:10px 0 6px}
.gap p{font-size:15px;color:#3b382f}
.gap .ev{margin-top:8px;font-family:'Space Mono',monospace;font-size:11px;color:var(--mute);letter-spacing:.03em}
.brief{border:2px solid var(--ink);background:var(--paper);padding:24px 26px;margin-top:16px}
.brief h3{font:400 21px 'Archivo Black';letter-spacing:-.01em}
.brief .angle{margin:10px 0;font-size:15.5px}
.brief .angle b{background:var(--highlight);padding:0 4px;font-weight:600}
.brief ol{margin:12px 0 0 20px;font-size:15px;color:#3b382f}
.brief ol li{padding:3px 0}
.brief .first{margin-top:14px;border-left:3px solid var(--accent);padding:6px 0 6px 14px;font-size:15px;font-style:italic;color:#3b382f}
.brief.teased{position:relative;max-height:120px;overflow:hidden}
.brief.teased::after{content:"";position:absolute;inset:auto 0 0 0;height:80px;background:linear-gradient(transparent,var(--paper))}
.tease-cta{margin-top:10px;font-family:'Space Mono',monospace;font-size:12px;color:var(--mute);letter-spacing:.06em;text-transform:uppercase}

/* focused complete state */
.focuswhy{margin-top:12px;max-width:600px;font-size:16.5px;color:#3b382f}
.gaprows{margin-top:20px}
.gaprow{display:flex;gap:16px;align-items:baseline;border:2px solid var(--ink);background:var(--paper);padding:14px 18px;margin-top:10px}
.gaprow .gn{font:400 20px 'Archivo Black';color:var(--accent);min-width:22px}
.gaprow h3{font:600 17px Archivo}
.gaprow .ev{display:block;margin-top:3px;color:var(--mute);font-size:11px;text-transform:uppercase;letter-spacing:.05em}
.receipts{margin-top:18px;color:var(--mute)}
.receipts a{color:var(--ink)}
.backlink{margin-top:26px}
.backlink a{color:var(--ink)}
.sq.done{cursor:pointer}

/* offer */
.offer{border:2px solid var(--ink);background:var(--card);box-shadow:6px 6px 0 var(--ink);padding:38px 40px;margin-top:44px}
.offer h2{font:400 34px 'Archivo Black';letter-spacing:-.02em;text-transform:uppercase}
.offer h2 .r{color:var(--accent)}
.offer p{max-width:600px;margin:16px 0 24px;font-size:16.5px;color:#3b382f}
.offer .micro{margin-top:14px;color:var(--mute);max-width:640px}
@media(max-width:600px){.offer h2{font-size:24px}}

/* sticky bar */
.sticky{position:fixed;left:0;right:0;bottom:0;background:var(--ink);color:var(--paper);border-top:2px solid var(--ink);transform:translateY(110%);transition:transform .25s;z-index:40}
.sticky.on{transform:none}
.sticky .wrap{display:flex;justify-content:space-between;align-items:center;padding:14px 40px;gap:20px}
.sticky .mono .r{color:#ff6a5e}

/* checkout modal */
.overlay{position:fixed;inset:0;background:rgba(17,17,16,.45);display:none;align-items:flex-start;justify-content:center;z-index:50;padding:40px 28px;overflow-y:auto}
.overlay.on{display:flex}
.modal{background:var(--card);border:2px solid var(--ink);box-shadow:8px 8px 0 var(--ink);max-width:860px;width:100%;position:relative;margin:auto}
.modal .x{position:absolute;top:-16px;right:-16px;border:2px solid var(--ink);background:var(--card);width:34px;height:34px;font:700 17px 'Space Mono';cursor:pointer;box-shadow:3px 3px 0 var(--ink);z-index:1}
.mgrid{display:grid;grid-template-columns:1fr 1.15fr}
.mleft{border-right:2px solid var(--ink);background:var(--paper);padding:40px 34px}
.mright{padding:40px 38px}
.modal h3{font:400 24px 'Archivo Black';text-transform:uppercase;letter-spacing:-.01em}
.mval{list-style:none;margin:18px 0 22px}
.mval li{padding:6px 0;font-size:15px;color:#3b382f}
.mval li::before{content:"→ ";color:var(--accent);font-weight:700}
.mtiles{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}
.mtile{border:1.5px solid var(--ink);background:var(--card);padding:10px 12px}
.mtile .mono{display:block;color:var(--mute);font-size:11px}
.mtile b{font:400 17px 'Archivo Black';letter-spacing:-.01em}
.mflow{margin:18px 0 8px}
.mstep{display:flex;gap:12px;align-items:baseline;padding:9px 0;border-bottom:1px solid var(--soft)}
.mstep:last-child{border-bottom:0}
.mstep .gn{font:400 17px 'Archivo Black';color:var(--accent);min-width:18px}
.mstep p{font-size:14.5px;color:#3b382f;line-height:1.45}
.mquote{border:1.5px solid var(--ink);background:var(--card);padding:18px 20px;margin-top:22px}
.mquote p{font-size:15px;font-style:italic;color:#3b382f}
.mquote>.mono{display:block;margin-top:10px;color:var(--mute);font-size:11px}
.mstat{border-top:1px solid var(--soft);margin-top:14px;padding-top:12px;font-size:14px;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.mstat b{font:400 18px 'Archivo Black';color:var(--accent)}
.mstat .mono{color:var(--mute);font-size:11px;margin-left:auto}
.mframe{border:1.5px solid var(--ink);background:var(--highlight);padding:14px 16px;margin:20px 0 6px;font-size:14.5px}
.mframe b{font-weight:600;display:block;margin-bottom:4px}
.mframe p{color:#3b382f}
.tiles{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin:8px 0 4px}
.tile{border:1.5px solid var(--ink);background:var(--card,#fffdf8);padding:10px 10px 9px}
.tile b{font:400 22px 'Archivo Black';display:block;line-height:1.1;margin-bottom:3px}
.tile span{font-size:12px;line-height:1.35;color:#3b382f;display:block}
@media(max-width:600px){.tiles{grid-template-columns:1fr}}
.modal label{display:block;font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);margin:16px 0 6px}
.mright label:first-child{margin-top:0}
.modal input{width:100%;border:2px solid var(--ink);background:var(--paper);padding:12px 14px;font:400 16px 'Space Mono',monospace}
.modal .row{display:flex;gap:12px}
.modal .btn{width:100%;margin-top:24px;text-align:center}
.modal .secure{margin-top:12px;text-align:center;color:var(--mute)}
.modal .secure a{color:var(--mute)}
.merr{margin-top:10px;color:var(--accent);font-weight:700;min-height:1em}
#stripewrap{min-height:420px;margin-top:4px}
.skel{color:var(--mute);padding:14px 0}
.gate{position:relative;margin-top:16px}
.gatecover{display:none;position:absolute;inset:0;background:rgba(246,244,238,.88);border:2px dashed var(--ink);align-items:center;justify-content:center;text-align:center;padding:20px;color:var(--ink);z-index:2}
.gate.locked .gatecover{display:flex}
.gate.locked #stripewrap{display:none}
.btn.claim{width:100%;margin-top:18px;font-size:17px;padding:16px 20px}
.claimnote{margin-top:10px;color:#3b382f}
.modal.paying .mright{padding:22px 20px}
.loadpanel{display:flex;align-items:center;gap:12px;border-style:dashed;box-shadow:none;color:var(--mute)}
main>.panel{transition:opacity .35s}
main>.panel.past{opacity:.45}
main>.panel.past:hover{opacity:1}
.loadpanel .cursor,.frame .cursor{display:inline-block;width:9px;height:15px;background:var(--accent);animation:blink 1s steps(2) infinite}
.demo-tag{position:absolute;top:-14px;left:18px;background:var(--accent);color:#fff;font:700 10px 'Space Mono';letter-spacing:.14em;padding:3px 10px;text-transform:uppercase}

footer{border-top:2px solid var(--ink);padding:24px 0;color:var(--mute);margin-top:40px}
footer .wrap{display:flex;justify-content:space-between;gap:10px 24px;flex-wrap:wrap}
footer a{color:var(--mute)}
/* 2026-10-02: footer links are tap targets at phone width (they were 17px tall): each is a 44px line */
@media(max-width:600px){footer a{display:inline-block;padding:12px 0;line-height:20px}}

/* ── landing sections ── */
section{padding:90px 0}
section.tight{padding:60px 0}
.h2{font:400 38px/1.1 'Archivo Black';letter-spacing:-.02em;text-transform:uppercase;text-wrap:balance}
.h2 .r{color:var(--accent)}
.process{border-bottom:2px solid var(--ink)}
.process .flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;gap:10px 14px;align-items:center;text-align:center;font-family:'Space Mono',monospace;font-size:13px;letter-spacing:.08em;text-transform:uppercase;line-height:1.5}
.process .flow .arrow{color:var(--accent)}
@media(max-width:860px){.process .flow{grid-template-columns:1fr;gap:6px}.process .flow .arrow{display:block;transform:rotate(90deg)}}
.process .stats{display:flex;justify-content:center;gap:44px;flex-wrap:wrap;margin-top:26px;color:var(--mute)}
.process .stats b{color:var(--ink);font-family:'Space Mono',monospace}

.frame{border:2px solid var(--ink);background:var(--card);box-shadow:6px 6px 0 var(--ink);margin-top:36px}
.frame .bar{word-break:break-all;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--ink);padding:10px 18px}
.frame .bar .dots span{display:inline-block;width:10px;height:10px;border:1.5px solid var(--ink);border-radius:50%;margin-right:5px}
.frame .body{display:grid;grid-template-columns:1fr 1fr;min-height:280px}
.frame .feed{border-right:2px solid var(--ink);padding:18px 20px;font-family:'Space Mono',monospace;font-size:12.5px;line-height:1.7;color:#3b382f}
.frame .feed div{opacity:0;animation:none}
.frame .feed div.on{opacity:1}
.frame .feed .cursor{display:inline-block;width:8px;height:14px;background:var(--accent);vertical-align:-2px;animation:blink 1s steps(2) infinite}
.frame .out{padding:18px 20px}
.frame .out .gapmini{border:1.5px solid var(--ink);background:var(--paper);padding:12px 14px;margin-bottom:10px;opacity:0;transform:translateY(6px);transition:opacity .3s,transform .3s}
.frame .out .gapmini.on{opacity:1;transform:none}
.frame .out .gapmini .fmt{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--ink);padding:1px 6px;background:var(--card)}
.frame .out .gapmini h4{font:600 15px Archivo;margin-top:6px}
.framecap{margin-top:14px;text-align:center;color:var(--mute)}

.evidence .card{background:var(--card);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);padding:36px 40px;margin-top:34px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:36px}
.evidence .big{font:400 52px/1 'Archivo Black';color:var(--accent);letter-spacing:-.02em}
.evidence .card p{margin-top:12px;font-size:15px;color:#3b382f}
.means{border:2px solid var(--ink);background:var(--highlight);padding:20px 26px;margin-top:22px;font-size:16.5px}
.means b{font-weight:600}

.how{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;margin-top:34px}
.how .card{background:var(--card);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);padding:26px 24px}
.how .n{font:400 30px 'Archivo Black';color:var(--accent)}
.how h3{font:600 18px Archivo;margin:10px 0 6px}
.how p{font-size:15px;color:#3b382f}

.pricing .offer{margin-top:34px}
.pricing ul{list-style:none;margin:18px 0 24px}
.pricing li{padding:7px 0;border-bottom:1px solid var(--soft);font-size:16px}
.pricing li::before{content:"→ ";color:var(--accent);font-weight:700}

.faq{max-width:760px}
.faq details{border:2px solid var(--ink);background:var(--card);margin-top:12px}
.faq summary{cursor:pointer;padding:16px 20px;font:600 16.5px Archivo;list-style:none;display:flex;justify-content:space-between;align-items:center}
.faq summary::after{content:"+";font:700 20px 'Space Mono'}
.faq details[open] summary::after{content:"–"}
.faq details p{padding:0 20px 16px;font-size:15.5px;color:#3b382f}

@media(max-width:860px){
  .wrap{padding-inline:22px}
  nav .wrap{padding:14px 22px}
  .hero{padding-block:64px 56px}
  h1{font-size:40px;line-height:1.06}
  .sub{font-size:17px;margin-top:24px}
  .runform{flex-direction:column;margin-top:32px}
  .btn{text-align:center;white-space:normal}
  .note{margin-top:14px}
  section{padding:64px 0}
  .h2{font-size:29px}
  .layout{grid-template-columns:1fr;gap:28px;padding:28px 0 110px}
  .rail{position:static}
  .complist{grid-template-columns:1fr}
  .panel{padding:22px 20px;box-shadow:4px 4px 0 var(--ink)}
  .offer{padding:26px 22px}
  .bignum{font-size:42px}
  .frame .body{grid-template-columns:1fr}
  .frame .feed{border-right:0;border-bottom:2px solid var(--ink)}
  .evidence .card{grid-template-columns:1fr;gap:26px;padding:26px 24px}
  .how{grid-template-columns:1fr}
  .process .stats{gap:18px}
  .sticky .wrap{flex-direction:column;gap:10px;padding:12px 22px}
  .runhead .wrap{flex-direction:column;align-items:flex-start;gap:12px;padding:14px 22px}
  .mgrid{grid-template-columns:1fr}
  .mleft{order:2;border-right:0;border-top:2px solid var(--ink);padding:28px 24px}
  .mright{padding:28px 24px}
  .modal .x{top:-14px;right:6px}
  footer{margin-top:24px}
}

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

/* ── sponsor radar additions ── */
.answers{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;margin-top:34px}
.answers .ans{background:var(--card);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);padding:20px 22px}
.answers .ans h3{font:600 16px Archivo;margin-bottom:8px}
.answers .ans p{font-size:15px;color:#3b382f}
.answers .ans p b{background:var(--highlight);padding:0 4px;font-weight:600}
.receipts-strip{border-bottom:2px solid var(--ink)}
.receipts-strip .grid{display:flex;justify-content:center;gap:56px;flex-wrap:wrap;align-items:baseline}
.receipts-strip .big{font:400 44px/1 'Archivo Black';color:var(--accent);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.receipts-strip .lbl{display:block;margin-top:8px;color:var(--mute)}
.receipts-strip .src{text-align:center;margin-top:22px;color:var(--mute)}
.stable{width:100%;border-collapse:collapse;margin-top:18px;font-size:14.5px}
.stable th{text-align:left;font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);padding:0 12px 8px 0;border-bottom:2px solid var(--ink);font-weight:400}
.stable td{padding:11px 12px 11px 0;border-bottom:1px solid var(--soft);vertical-align:top}
.stable td b{font-weight:600}
.stable .mono{font-size:11.5px;text-transform:none;letter-spacing:.02em;color:#3b382f}
.stable .ok{color:var(--ok);font-weight:700}
.stable .muted{color:var(--mute)}
.stable tr.locked td{color:#b9b3a4}
.stable tr.locked td b{color:#b9b3a4}
.stablewrap{overflow-x:auto}
.statline{display:flex;gap:14px;align-items:baseline;flex-wrap:wrap;margin-top:6px}
.statline .of{font:400 22px 'Archivo Black';color:var(--mute);letter-spacing:-.01em}
.bench{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:16px}
.bench .b{border:2px solid var(--ink);background:var(--paper);padding:14px 16px}
.bench .b .mono{display:block;color:var(--mute);font-size:11px}
.bench .b b{font:400 24px 'Archivo Black';letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.bench .b.mid{background:var(--highlight)}
.vs{border:2px solid var(--ink);background:var(--card);padding:14px 18px;margin-top:12px;font-size:15px}
.vs b{background:var(--highlight);padding:0 4px;font-weight:600}
.pitch{border:2px solid var(--ink);background:var(--paper);padding:22px 24px;margin-top:14px}
.pitch .to{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-family:'Space Mono',monospace;font-size:12px;letter-spacing:.04em;color:var(--mute);border-bottom:1px solid var(--soft);padding-bottom:10px}
.pitch .to b{color:var(--ink);font-weight:700}
.pitch .subj{margin:12px 0 8px;font-size:15.5px}
.pitch .subj b{background:var(--highlight);padding:0 4px;font-weight:600}
.pitch .body{font-size:15.5px;line-height:1.6;color:#2d2b25;white-space:pre-line}
.pitch .sig{margin-top:10px;font-family:'Space Mono',monospace;font-size:11.5px;color:var(--mute)}
.pitch.locked{position:relative;max-height:150px;overflow:hidden}
.pitch.locked::after{content:"";position:absolute;inset:auto 0 0 0;height:90px;background:linear-gradient(transparent,var(--paper))}
.consent{display:flex;gap:10px;align-items:flex-start;margin-top:16px;font-size:14px;color:#3b382f;font-family:Archivo;text-transform:none;letter-spacing:0}
.consent input{width:18px;height:18px;margin-top:2px;accent-color:var(--accent);flex:none}
.modal .btn.wide{width:100%;margin-top:18px;text-align:center}
.errpanel .runform{margin-top:18px;max-width:560px}
.runwait{text-align:center;padding:70px 20px}
.runwait .dom{font:400 34px 'Archivo Black';letter-spacing:-.02em;text-transform:none;margin-top:8px;word-break:break-all}
.runwait .bars{display:flex;gap:6px;justify-content:center;margin-top:22px}
.runwait .bars span{width:28px;height:3px;background:var(--accent);animation:blink 1.2s steps(2) infinite}
.runwait .bars span:nth-child(2){animation-delay:.3s}.runwait .bars span:nth-child(3){animation-delay:.6s}.runwait .bars span:nth-child(4){animation-delay:.9s}
.founder{max-width:680px;font-size:16.5px;color:#3b382f}
.founder p+p{margin-top:14px}
.founder .who{margin-top:16px;color:var(--mute)}
@media(max-width:860px){
  .answers{grid-template-columns:1fr}
  .receipts-strip .grid{gap:26px}
  .receipts-strip .big{font-size:34px}
  .bench{grid-template-columns:1fr}
  .stable{font-size:13.5px}
}

.stepper{gap:6px}.dash{width:16px}

/* ── v4 content edits (v1 skin) ── */
.hero{padding-block:110px 80px}
.band{border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);background:var(--paper);padding:20px 0}
.band .wrap{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 26px}
.band .lbl{color:var(--mute)}
.band .pl{display:inline-flex;align-items:center;gap:7px;font:600 15px Archivo;white-space:nowrap}
.band .pl svg{width:18px;height:18px;fill:var(--ink)}
.band .any{color:var(--mute);flex-basis:100%;text-align:center;margin-top:4px}
.clients{border-bottom:2px solid var(--ink);padding:44px 0}
.clientline{text-align:center;max-width:720px;margin:0 auto;font-size:16px;color:#3b382f}
.clientline b{font-weight:600}
.marks{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:22px 44px;margin-top:26px}
.marks img{height:26px;max-width:150px;object-fit:contain;filter:grayscale(1) contrast(1.1);opacity:.85;mix-blend-mode:multiply}
.marks .wm{font:700 25px/1 Archivo,sans-serif;letter-spacing:-.03em;color:#2f2d28;opacity:.85}
.marks img[alt="Pray.com"]{height:24px}
.process .flow span{max-width:100%;overflow-wrap:anywhere}
.how.four{grid-template-columns:1fr 1fr 1fr 1fr;gap:18px}
.how.four h3{margin-bottom:0}
.answers .ans .cite{margin-top:10px;color:var(--mute);font-size:10.5px;text-transform:none;letter-spacing:.03em}
.pricing li b{font-weight:700;background:var(--highlight);padding:0 4px}
@media(max-width:1000px){.how.four{grid-template-columns:1fr 1fr}}
@media(max-width:860px){.hero{padding-block:64px 56px}.how.four{grid-template-columns:1fr}.band .wrap{gap:10px 18px}.marks{gap:16px 28px}.marks img{height:22px}}
/* 2026-09-22: padding-inline, never the `padding` shorthand: `.wrap{padding:0 16px}` came after `.hero{padding-block}`
   with the same specificity, so on every phone <=400px the headline sat on the nav rule and the caption on the band. */
@media(max-width:400px){.wrap{padding-inline:16px}nav .wrap{padding:14px 16px}h1{font-size:30px}.h2{font-size:26px}}
/* break a long unbroken string (a domain in a panel title) only when it would overflow. `anywhere` on h1 also split
   "AUTOMATICALLY" mid-word in the 1001-1055px hero column. */
.h2,.panel h2,.offer h2{overflow-wrap:anywhere}
h1{overflow-wrap:break-word}
.marks img[alt="Milk Road"]{height:34px;filter:grayscale(1) brightness(.5) contrast(1.6);opacity:1}
.layout>*{min-width:0}
.rail .step{flex-wrap:wrap;overflow-wrap:anywhere}
.rail .loglines div,.panel,.gap,.pitch,.brief,.comprow{overflow-wrap:anywhere;min-width:0}
.comprow{flex-wrap:wrap}

/* ── run page 3-col: theater left, researching or emails in mid+right ── */
.wrap.runwrap{max-width:1360px}
.runwrap main{padding:36px 0 120px}
.rungrid{display:grid;grid-template-columns:minmax(220px,270px) minmax(210px,.9fr) minmax(300px,1.35fr);gap:22px;align-items:start}
.rungrid>*{min-width:0}
.rleft.theater{background:var(--card);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);padding:18px 18px 22px;position:sticky;top:16px}
.rleft .tk{color:var(--mute);display:block}
.rleft .dom{font:400 22px 'Archivo Black';letter-spacing:-.02em;margin:4px 0 12px;word-break:break-all}
.rleft .tstep{padding:10px 0}
.rleft .tlog{margin-left:18px}
.researching{grid-column:2/-1;min-width:0;max-width:100%;overflow:hidden;min-height:460px;border:2px solid var(--ink);background:var(--card);box-shadow:5px 5px 0 var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px 28px;text-align:center}
.researching h2{font:400 clamp(22px,4vw,36px)/1.1 'Archivo Black';letter-spacing:-.02em;text-transform:uppercase;margin:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word}
.researching.idle{min-height:280px;align-items:flex-start;text-align:left}
.researching.idle h2{text-transform:uppercase;font-size:24px;max-width:none}
.spin{width:34px;height:34px;border:3px solid var(--soft);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.rmid h2{font:400 24px 'Archivo Black';letter-spacing:-.01em;text-transform:uppercase;margin-bottom:10px}
.rmid .wlede{font-size:14.5px;line-height:1.5;color:#3b382f;margin-bottom:14px;max-width:42ch}
.rright .pitch.email{border:2px solid var(--ink);background:var(--card);box-shadow:5px 5px 0 var(--ink)}
.write-below{margin-top:22px}
@media(max-width:980px){
  .rungrid{grid-template-columns:1fr}
  .rleft.theater{position:static}
  .researching{grid-column:auto;min-height:280px}
  .researching h2{font-size:clamp(20px,6vw,28px)}
}
@media(prefers-reduced-motion:reduce){.spin{animation:none;border-top-color:var(--ink)}}
.tstep{border-top:1px solid var(--soft);padding:12px 0}
.tstep .thead{display:flex;gap:12px;align-items:baseline;font-size:16px}
.tstep .tick{width:16px;display:inline-block;font-family:'Space Mono',monospace;color:#b9b3a4}
.tstep.done .tick{color:var(--ok)}
.tstep.running .tick{color:var(--accent);animation:blink 1s steps(2) infinite}
.tstep.todo .tl,.tstep.todo .tn{color:#b9b3a4}
.tstep .tn{color:var(--mute)}
.tstep .tl{font-weight:600}
.tstep .cursor{display:inline-block;width:9px;height:15px;background:var(--accent);animation:blink 1s steps(2) infinite;align-self:center}
.tlog{margin:8px 0 0 28px}
.tlog div{font-family:'Space Mono',monospace;font-size:11.5px;line-height:1.55;color:#4d4a42;padding:2px 0;letter-spacing:.02em;overflow-wrap:anywhere}
.tlog .tt{color:#b9b3a4;margin-right:10px}
.receipts-row{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:18px;padding:10px 0;border-top:1px solid var(--soft);border-bottom:1px solid var(--soft);color:var(--mute);font-size:12px}
.receipts-row .rc{cursor:default;white-space:nowrap}
.receipts-row .rc.ok{color:var(--ink)}
.verdictline{font-size:21px;line-height:1.45;max-width:760px;color:#2d2b25}
.verdictline b{font-weight:600;background:var(--highlight);padding:0 4px}
.basis{margin-top:14px;max-width:720px;font-size:15.5px;color:#3b382f}
.basis b{font-weight:600}
.basis.mono{font-size:12px;text-transform:none;letter-spacing:.03em}
.rateform{margin-top:12px;max-width:640px}
.rateform input{font-size:13.5px;padding:12px 14px}
.rateform .btn.ghost{white-space:nowrap}
.finding{letter-spacing:.04em}
.pitchgrid{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;align-items:stretch;margin-top:6px}
.pitchgrid>.pitch,.pitchgrid>.why{height:100%;box-sizing:border-box}
.pitchgrid .pitch{margin-top:0}
.why{border:2px solid var(--ink);background:var(--highlight);padding:20px 22px}
.why .mono{display:block;color:var(--mute);margin-bottom:10px}
.why p{font-size:15px;color:#2d2b25}
.why p+p{margin-top:12px;border-top:1px solid rgba(17,17,16,.15);padding-top:12px}
.panel .more{margin-top:16px;color:var(--mute)}
.included{list-style:none;margin-top:4px}
.included li{padding:10px 0;border-bottom:1px solid var(--soft);font-size:16px;display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center}
.included li::before{content:"→";color:var(--accent);font-weight:700;font-family:'Space Mono',monospace}
.marks.inline{display:inline-flex;gap:18px;margin:0;align-items:center}
.marks.inline img{height:20px;max-width:110px}
.marks.inline img[alt="Milk Road"]{height:26px}
@media(max-width:860px){
  .runwrap main{padding:24px 0 110px}
  .theater .dom{font-size:26px}
  .pitchgrid{grid-template-columns:1fr}
  .verdictline{font-size:18px}
  .rateform{flex-direction:column}
  .receipts-row{gap:6px 14px}
}
.included li{display:block;position:relative;padding-left:22px}
.included li::before{position:absolute;left:0;top:10px}
.included li .marks.inline{margin-left:10px;vertical-align:middle;flex-wrap:wrap}

/* ── v6 run page: email-shaped pitch, ghost card, benchmark block, receipts ── */
.receipts-row .sep{color:#b9b3a4}
.benchbox{border:2px solid var(--ink);background:var(--paper);padding:16px 18px;margin-top:18px;max-width:720px}
.benchbox>.mono{display:block;color:var(--mute);font-size:11px;margin-bottom:6px}
.benchbox .bl{font-size:17px;line-height:1.45;color:#2d2b25}
.benchbox .bl b{font-weight:600;background:var(--highlight);padding:0 4px}
.benchbox .bs{margin-top:8px;color:var(--mute);font-size:11.5px;text-transform:none;letter-spacing:.03em}
.shareline{color:#3b382f}
.pitch.email{padding:0;font-family:Archivo,sans-serif}
.pitch.email .hdr{display:flex;gap:14px;padding:9px 20px;border-bottom:1px solid var(--soft);font-size:14px;align-items:baseline}
.pitch.email .hdr .k{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);width:58px;flex:none}
.pitch.email .hdr .v{color:var(--ink);overflow-wrap:anywhere}
.pitch.email .hdr .addr{color:var(--mute);font-family:'Space Mono',monospace;font-size:12.5px}
.pitch.email .hdr .ok{color:var(--ok);font-weight:700}
.pitch.email .ebody{padding:18px 20px 6px;font-size:15.5px;line-height:1.6;color:#2d2b25}
.pitch.email .ebody p+p{margin-top:14px}
.pitch.email .sig{margin:10px 20px 16px}
.pitch.ghost{position:relative;margin-top:14px;padding:0;color:#b9b3a4;user-select:none;max-width:calc(58.3% - 7px)}
.pitch.ghost .hdr{display:flex;gap:14px;padding:9px 20px;border-bottom:1px solid var(--soft);font-size:14px}
.pitch.ghost .hdr .k{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;width:58px;flex:none}
.pitch.ghost .ebody{padding:18px 20px 16px;font-size:15.5px;line-height:1.6}
.pitch.ghost .ebody p+p{margin-top:14px}
.pitch.ghost::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 20%,var(--paper) 95%)}
.pitch.ghost .lock{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);z-index:1;background:var(--ink);color:var(--paper);padding:6px 12px;white-space:nowrap;font-size:11px}
@media(max-width:860px){.pitch.ghost{max-width:100%}}
.stable .tier{font-family:'Space Mono',monospace;font-size:10.5px;letter-spacing:.04em;color:var(--mute)}
.stable .tier.adj{color:#8a8474}

/* checkout modal proof panel (v8): guarantee first, client wordmarks, one real quote, small by-line */
.mproof{border:1.5px solid var(--ink);background:var(--card);padding:18px 20px;margin-top:22px}
.mproof .guar{font:400 19px/1.25 'Archivo Black';color:var(--ink);margin:0 0 14px}
.mproof .ran{display:block;font-size:11px;color:var(--mute);margin-bottom:8px}
.mproof .marks.inline{gap:12px 18px;flex-wrap:wrap}
.mproof .marks.inline img{height:18px;max-width:92px}
.mproof .marks.inline img[alt="Milk Road"]{height:24px}.mproof .marks.inline img[alt="Kit"]{height:26px}
.mproof .mq{margin:14px 0 0;padding:10px 0 0;border-top:1px solid var(--soft)}
.mproof .mq p{font-size:14px;line-height:1.45;color:#3b382f;font-style:italic;margin:0 0 6px}
.mproof .mq cite{display:block;font-style:normal;font-size:11px;color:var(--mute)}
.mproof .by{display:block;margin-top:12px;font-size:11px;color:var(--mute)}

/* v10: sponsor table as a fixed grid (dates never wrap, who-signs-off on one line) */
.sgrid{margin-top:18px;font-size:14.5px;min-width:640px}
.srow{display:grid;grid-template-columns:1.4fr 1.6fr 80px 2fr;gap:0 12px;padding:11px 0;border-bottom:1px solid var(--soft);align-items:start}
.srow.head{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);padding:0 0 8px;border-bottom:2px solid var(--ink)}
.srow b{font-weight:600}
.srow .mono{font-size:11.5px;text-transform:none;letter-spacing:.02em;color:#3b382f}
.srow .date{white-space:nowrap}
.srow .who{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.srow .who .who1{overflow:hidden;text-overflow:ellipsis;display:inline-block;max-width:calc(100% - 22px);vertical-align:bottom}
.srow .ok{color:var(--ok);font-weight:700}
.srow .muted{color:var(--mute)}
.srow .tier{font-family:'Space Mono',monospace;font-size:10.5px;letter-spacing:.04em;color:var(--mute)}
.srow .tier.adj{color:#8a8474}
.smore{margin-top:12px;color:var(--mute)}
@media(max-width:860px){.sgrid{font-size:13.5px}}

/* v11 intake: four questions between the results and the offer (run page) + the same block on the dash */
.ranked{margin-top:10px;color:var(--accent);font-weight:700}
.fit{display:inline-block;margin-left:8px;border:1.5px solid var(--ink);background:var(--highlight);padding:1px 7px;font:700 10.5px 'Space Mono',monospace;letter-spacing:.06em;text-transform:uppercase;vertical-align:2px}
.fit.boost{background:var(--ink);color:var(--paper)}
.intake .lede{max-width:640px;font-size:16px;color:#3b382f;margin-bottom:6px}
.intake .q{margin-top:18px}
.intake .q.two{display:grid;grid-template-columns:1.4fr 1fr;gap:14px}
.intake .q.two .hint{grid-column:1/-1}
.intake label{display:block;font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);margin-bottom:6px}
.intake input,.intake textarea{display:block;width:100%;border:2px solid var(--ink);background:var(--paper);padding:12px 14px;font:400 15px 'Archivo',sans-serif;color:var(--ink);box-sizing:border-box}
.intake textarea{min-height:84px;resize:vertical}
.intake input:focus,.intake textarea:focus{outline:none;box-shadow:3px 3px 0 var(--accent)}
.intake .hint{display:block;margin-top:6px;font-size:13px;color:var(--mute)}
.intake .act{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:22px}
.intake .note{color:var(--mute)}
.intake .merr{min-height:1.2em;margin-top:8px;color:var(--accent)}
@media(max-width:700px){.intake .q.two{grid-template-columns:1fr}}

/* v12 intake: sponsor segment cards lead (krabat step 3), free text is the catch-all */
.segnote{max-width:720px;font-size:14px;color:#3b382f;margin:14px 0 0;padding:10px 14px;border-left:3px solid var(--accent);background:var(--card)}
.segs{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}
.segs.building{display:block;border:2px dashed var(--ink);padding:22px;text-align:center;color:var(--mute)}
.intake label.seg,.seg{position:relative;display:block;border:2px solid var(--ink);background:var(--paper);padding:18px 20px 16px;cursor:pointer;font:400 14px Archivo,sans-serif;text-transform:none;letter-spacing:0;color:var(--ink);margin:0;opacity:.62;transition:opacity .12s,box-shadow .12s,transform .12s}
.intake label.seg.on,.seg.on{opacity:1;background:var(--card);box-shadow:5px 5px 0 var(--ink);transform:translate(-1px,-1px)}
.seg:hover{opacity:1}
.seg input{position:absolute;opacity:0;width:1px;height:1px}
.seg input:focus-visible~.tick{outline:3px solid var(--accent);outline-offset:2px}
.seg .tick{position:absolute;top:16px;right:16px;width:22px;height:22px;border:2px solid var(--ink);background:var(--paper);display:grid;place-items:center;font:700 14px 'Space Mono',monospace}
.seg.on .tick{background:var(--ink);color:var(--paper)}
.seg.on .tick::after{content:'✓'}
.segbody{display:block;padding-right:36px}
.segname{display:block;font:600 18px/1.25 Archivo,sans-serif;color:var(--ink);text-transform:none;letter-spacing:0}
.segwhy{display:block;margin-top:8px;font:400 14px/1.5 Archivo,sans-serif;color:#3b382f;text-transform:none;letter-spacing:0}
.segex{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.segex span{border:1.5px solid var(--ink);padding:2px 8px;font:500 12.5px Archivo,sans-serif;background:var(--paper);text-transform:none;letter-spacing:0}
.segct{display:block;margin-top:12px;font:400 11px 'Space Mono',monospace;color:var(--mute);text-transform:none;letter-spacing:.03em}
.intake .q.opt{border-top:1px dashed var(--ink);padding-top:14px}
.intake .q.opt summary{cursor:pointer;color:var(--mute);font-size:12px;list-style:none}
.intake .q.opt summary::before{content:'▸ ';color:var(--accent)}
.intake .q.opt[open] summary::before{content:'▾ '}
.intake .q.opt .two{display:grid;grid-template-columns:1.4fr 1fr;gap:14px;margin-top:10px}
@media(max-width:760px){.segs{grid-template-columns:1fr}.intake .q.opt .two{grid-template-columns:1fr}}

/* ── v13 run page: 3 segment cards + show more, collapsed "Other options", "10 that will go out today" rows ── */
.segs .seg.hid{display:none}
.segs.all .seg.hid{display:block}
.segmore{display:inline-block;margin-top:12px;background:none;border:2px solid var(--ink);padding:8px 14px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);cursor:pointer}
.segmore:hover{background:var(--ink);color:var(--paper)}
.intake details.other{margin-top:22px;border-top:1px solid var(--soft);padding-top:6px}
.intake details.other>summary{cursor:pointer;list-style:none;padding:10px 0;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}
.intake details.other>summary::before{content:"+ ";color:var(--mute)}
.intake details[open].other>summary::before{content:"– "}
.intake details.other>summary::-webkit-details-marker{display:none}
.intake .need{color:var(--accent);text-transform:none;letter-spacing:.02em;font-weight:400}
.intake .q .two{display:grid;grid-template-columns:1.4fr 1fr;gap:14px}
.prows{margin-top:16px;border-top:2px solid var(--ink)}
.prow{border-bottom:1px solid var(--soft)}
.prow.head{display:grid;grid-template-columns:28px 1.1fr 1.3fr 1.6fr 92px;gap:12px;padding:8px 0;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);border-bottom:1px solid var(--ink)}
.prow .pmeta{display:grid;grid-template-columns:28px 1.1fr 1.3fr 1.6fr 92px;gap:12px;align-items:center;padding:12px 0;font-size:14px}
.prow .pn{color:var(--mute);font-size:11px}
.prow .pbrand b{display:block;font-weight:600}
.prow .pbrand .mono,.prow .pwho .mono{display:block;font-size:11.5px;color:var(--mute);overflow-wrap:anywhere}
.prow .pev{color:#3b382f;font-size:13.5px}
.prow .vp{background:none;border:1.5px solid var(--ink);padding:6px 8px;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);cursor:pointer;white-space:nowrap}
.prow .vp:hover{background:var(--ink);color:var(--paper)}
.prow.open .pmeta{background:var(--card)}
.prow .pbody{padding:4px 0 20px}
.prow .pbody .pitch.ghost{max-width:calc(58.3% - 7px)}
.today .more{margin-top:14px}
@media(max-width:860px){.prow.head{display:none}.prow .pmeta{grid-template-columns:24px 1fr 92px}.prow .pev{grid-column:2/-1}.prow .pbody .pitch.ghost{max-width:100%}}

/* ── v15: why-box fit line, pitch-shape footnote, "not a fit" row action ── */
.why p b.hl{font-weight:600;background:#fbe0b4;padding:0 4px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.today .shape{margin-top:10px;color:var(--mute);font-size:11px;text-transform:none;letter-spacing:.03em;max-width:720px}
.nofit{padding:0 0 10px 44px;font-size:11px}
.nofit .nfl,.nofit .nfc button{background:none;border:0;padding:0;color:var(--mute);cursor:pointer;font:inherit;font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.06em;text-transform:uppercase;text-decoration:underline;text-underline-offset:3px}
.nofit .nfl:hover,.nofit .nfc button:hover{color:var(--accent)}
.nofit .nfc{display:inline-flex;gap:14px;flex-wrap:wrap;align-items:center}
.nofit .nfc::before{content:'why?';color:var(--mute)}
.nofit .nfo{display:inline-flex;gap:6px}
.nofit .nfo input{border:1.5px solid var(--ink);background:var(--card);padding:3px 6px;font-size:12px;width:200px}
.witem.dropped{opacity:.35}

/* ── write-emails: 3 real drafts, list + preview ── */
.writegrid{display:grid;grid-template-columns:280px 1fr;gap:18px;margin-top:18px;align-items:start}
.wlist{display:flex;flex-direction:column;gap:8px}
.witem{text-align:left;background:var(--card);border:1.5px solid var(--ink);padding:12px 14px;cursor:pointer;font:inherit;color:inherit}
.witem.on{background:var(--ink);color:var(--paper)}
.witem .wbrand{display:block;font-weight:600;font-size:15px}
.witem .wsub{display:block;margin-top:4px;font-size:12.5px;opacity:.75;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.witem .wwho{display:block;margin-top:4px;font-family:'Space Mono',monospace;font-size:11px;opacity:.7}
.wprev .pitch.email{margin-top:0}
.wprev .why{margin-top:12px}
.write-cta{margin-top:20px}
.write .more,.write .shape{margin-top:12px}
@media(max-width:860px){.writegrid{grid-template-columns:1fr}}

.intake input::placeholder,.intake textarea::placeholder{color:#9a958a;font-style:italic}

.dash input::placeholder,.dash textarea::placeholder,#intakepanel input::placeholder,#intakepanel textarea::placeholder{color:#9a958a;font-style:italic}

/* admin (operator page) */
.agate{max-width:380px;margin-top:32px;display:grid;gap:10px}
.agate label{color:var(--mute)}
.agate input{border:2px solid var(--ink);background:var(--card);padding:14px 16px;font:400 16px 'Space Mono',monospace;color:var(--ink)}
.agate .btn{justify-self:start}
.atiles{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:28px}
.atile{background:var(--card);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);padding:16px 18px}
.atile b{font:400 34px 'Archivo Black';display:block;line-height:1.1;font-variant-numeric:tabular-nums}
.atile .mono{color:var(--mute);display:block;margin-top:4px}
.afilters{display:flex;gap:0;margin-top:32px;border:2px solid var(--ink);width:max-content;max-width:100%;overflow-x:auto}
.afilters button{border:0;border-right:2px solid var(--ink);background:var(--card);padding:10px 16px;font:inherit;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;color:var(--mute)}
.afilters button:last-child{border-right:0}
.afilters button.on{background:var(--ink);color:var(--paper)}
.ascroll{overflow-x:auto;border:2px solid var(--ink);background:var(--card);margin-top:14px;-webkit-overflow-scrolling:touch}
.atable{border-collapse:collapse;width:100%;min-width:1240px;font-size:14px}
.atable th{text-align:left;padding:10px 12px;border-bottom:2px solid var(--ink);color:var(--mute);vertical-align:bottom;white-space:nowrap}
.atable th small{display:block;font-size:10px;letter-spacing:.04em;text-transform:none;color:var(--mute)}
.atable td{padding:11px 12px;border-bottom:1px solid var(--soft);vertical-align:top;white-space:nowrap}
.atable tr:last-child td{border-bottom:0}
.atable .num{font-family:'Space Mono',monospace;font-size:13px;font-variant-numeric:tabular-nums}
.atable .dim{color:var(--mute)}
.atable .ok{color:var(--ok);font-weight:600}
.atable .snip{white-space:normal;min-width:320px;color:#3b382f}
.atable .bill{font-family:'Space Mono',monospace;font-size:12px}
.atable .bill.credits{color:var(--accent)}
.atable .bill.active{color:var(--ok)}
.atable .bill.canceled,.atable .bill.none{color:var(--mute)}
.atable .sent-positive{color:var(--ok);font-weight:600}
.atable .sent-negative{color:var(--accent)}
.atable .tgl{padding:6px 12px;font-size:11px;box-shadow:2px 2px 0 var(--ink)}
.atable .tgl.paused{background:var(--highlight)}
@media(max-width:1100px){.atiles{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.atiles{grid-template-columns:1fr 1fr}}

/* 2026-08-31 checkout proof modal (Ryan-approved mock: docs/screens/checkout-proof-mock.png) */
.modal.proof{max-width:1240px}
.modal.proof .mgrid{grid-template-columns:1.05fr 1fr 1fr}
.modal.proof .mleft{display:none}
.mbrands{border-right:2px solid var(--ink);background:var(--paper);padding:34px 28px}
.mletter{border-right:2px solid var(--ink);padding:34px 28px}
.msub{font-size:13.5px;color:var(--mute);margin:6px 0 14px}
.brow{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--soft);align-items:baseline}
.brow b{font-weight:600;font-size:14.5px}
.brow .who{font-size:12.5px;color:#3b382f}
.brow .bmail{font-size:10.5px;color:var(--mute);text-align:right;white-space:nowrap;text-transform:none;letter-spacing:0}
.brow .bok{color:var(--ok);font-weight:700}
.mmore{font-size:11px;color:var(--mute);padding-top:10px}
.mletter .letter{border:2px solid var(--ink);background:var(--card);box-shadow:4px 4px 0 var(--ink);padding:18px 20px;font-size:14.5px;line-height:1.55}
.mletter .letter p{margin:0 0 12px}
.mletter .letter p:last-child{margin-bottom:0}
.mletter .lmeta{font-size:11px;color:var(--mute);border-bottom:1px solid var(--soft);padding-bottom:10px;margin-bottom:12px;text-transform:none;letter-spacing:0}
.mletter .hl{background:var(--highlight);padding:0 3px}
.gline{font-size:11px;color:var(--mute);margin-top:12px}
.gline .ga{color:var(--accent);font-weight:700}
@media(max-width:1100px){.modal.proof{max-width:860px}.modal.proof .mgrid{grid-template-columns:1fr}.mbrands,.mletter{border-right:0;border-bottom:2px solid var(--ink)}}

/* ── homepage hero + the bands under it (2026-10-01, Ryan: "this looks really close, but something just feels off"). Everything is
   scoped to body.home so the run page, tools and guides keep the shared rules above. One spacing scale (the run page's: 4 8 12 16 24 32
   48 72) and one type scale: display 40 · body 18 · ui 16 · small 14 · mono 12 (display is fluid from 34 to 40 across the two-column widths, then 52 single
   column, 40, 34, 30 on phones). Three voices: Archivo Black (display, buttons), Archivo (everything read), Space Mono (the URL field and
   12px labels). Before: the headline was five all-caps lines, the email was a screenshot at 11px with a button on its last lines, the
   card started 110px under the headline (align-items:center), and three mono lines plus an optional field sat under the form. ── */
body.home{--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:72px;--fs-display:clamp(34px,calc(4vw - 6px),40px);--fs-body:18px;--fs-ui:16px;--fs-small:14px;--fs-mono:12px}
body.home .hero.two{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:var(--s7);align-items:start;padding-block:var(--s8)}
/* margin-top: the cap-height of the first line sits on the card's top border, not the line box (Archivo Black has ~.12em above its capitals) */
body.home .hero.two h1{font-size:var(--fs-display);line-height:1.05;max-width:none;text-wrap:balance;overflow-wrap:normal;margin-top:-.12em}
/* the turn is its own line: "You close the deal." is the only red on the left */
body.home .hero.two h1 .r{display:block;margin-top:var(--s2)}
body.home .hero.two .sub{max-width:none;margin:var(--s6) 0 0;font-size:var(--fs-body);line-height:1.55}
body.home .hero.two .runform{flex-direction:row;max-width:none;gap:var(--s3);margin:var(--s7) 0 0}
body.home .hero.two .runform input{min-width:0;height:56px;padding:0 var(--s4);font-size:var(--fs-ui)}
body.home .hero.two .btn{height:56px;padding:0 var(--s5);font-size:var(--fs-ui)}
body.home .hero.two .err{margin:var(--s3) 0 0;font:600 var(--fs-small)/1.4 Archivo,sans-serif}
body.home .hero.two .micro{margin:var(--s3) 0 0;font-size:var(--fs-small);line-height:1.5;color:var(--mute);text-wrap:balance}
/* the email: the real product at 14-16px, nothing laid over it */
body.home .hero-vis{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s5)}
body.home .mail{width:100%;background:var(--card);border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink)}
body.home .mail .mhead p{display:grid;grid-template-columns:64px minmax(0,1fr);gap:var(--s3);align-items:baseline;padding:var(--s2) var(--s4);border-bottom:1px solid var(--soft);font-size:var(--fs-small);line-height:1.45}
body.home .mail .mhead span{font:400 var(--fs-mono)/1 'Space Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
body.home .mail .mhead b{font-weight:500;overflow-wrap:anywhere}
body.home .mail .mhead i{display:block;font:400 var(--fs-mono)/1.6 'Space Mono',monospace;font-style:normal;color:var(--mute)}
body.home .mail .mhead .ok{color:var(--ok);font:700 var(--fs-small)/1 Archivo,sans-serif;margin-left:var(--s2)}
body.home .mail .mbody{padding:var(--s4);display:grid;gap:var(--s3);font-size:var(--fs-small);line-height:1.55;color:#2b2924}
body.home .mail .mbody p{text-wrap:pretty}
body.home .mail .mbody p:nth-child(2){text-wrap:balance}
body.home .mail mark{background:var(--highlight);color:inherit;padding:0 var(--s1);box-decoration-break:clone;-webkit-box-decoration-break:clone}
body.home .btn.ghost.demo{display:inline-flex;align-items:center;gap:var(--s3);height:44px;padding:0 var(--s4);font-size:var(--fs-small);box-shadow:4px 4px 0 var(--ink)}
body.home .demo .tri{width:0;height:0;border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent var(--accent)}
body.home nav .btn.ghost{font-size:var(--fs-small);padding-block:12.5px;margin-block:-2.5px} /* 2026-10-02: 39px tall at 390; 44px now, the negative margin keeps the bar's height */
body.home nav .acct{display:flex;gap:var(--s5);white-space:nowrap}
/* the demo dialog: the player loads on open and is dropped on close */
.demo-dlg{margin:auto;width:min(960px,calc(100vw - 32px),calc((100vh - 96px) * 1280 / 762));padding:0;border:2px solid var(--ink);background:var(--ink);box-shadow:8px 8px 0 var(--ink);overflow:visible}
.demo-dlg::backdrop{background:rgba(17,17,16,.6)}
.demo-dlg .vid{position:relative;aspect-ratio:1280/762;background:var(--ink)}
.demo-dlg .vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.demo-dlg .x{position:absolute;z-index:2;top:-22px;right:var(--s3);height:40px;padding:0 var(--s4);font-size:var(--fs-small)}
/* the bands under the hero: same scale, same spacing */
body.home .band{padding:var(--s5) 0}
body.home .band .wrap{gap:var(--s3) var(--s5)}
body.home .band .pl{font:600 var(--fs-ui) Archivo,sans-serif}
body.home .band .any{margin-top:0}
body.home .clients{padding:var(--s7) 0}
body.home .clientline{font-size:var(--fs-ui)}
body.home .marks{margin-top:var(--s5);gap:var(--s5) var(--s7)}
body.home section.tight.process{padding:var(--s7) 0}
body.home .process .flow{font-size:var(--fs-mono)}
@media(max-width:1000px){
  body.home{--fs-display:52px}
  body.home .hero.two{grid-template-columns:1fr;gap:var(--s7);padding-block:var(--s7)}
  body.home .hero-vis{max-width:560px}
}
@media(max-width:860px){body.home{--fs-display:40px}body.home .hero.two .sub{font-size:var(--fs-ui)}body.home .clients,body.home section.tight.process{padding:var(--s7) 0}}
@media(max-width:600px){body.home{--fs-display:34px}body.home .hero.two{padding-block:var(--s6) var(--s7)}body.home .hero.two .runform{flex-direction:column}body.home .hero.two .runform input,body.home .hero.two .btn{width:100%;flex:none}}
@media(max-width:480px){body.home nav .acct a:last-child{display:none}body.home .mail .mhead p{grid-template-columns:56px minmax(0,1fr);gap:var(--s2)}}
@media(max-width:400px){body.home{--fs-display:30px}}
@media(max-width:360px){body.home nav .btn.ghost{padding:13px 12px;margin-block:-5px;font-size:12px}}
/* 2026-09-22: at 320px the logo and the Log in button each wrapped to two lines */
.logo{white-space:nowrap}
@media(max-width:360px){.logo{font-size:18px}nav .btn.ghost{padding:8px 12px;font-size:12px}}

.budget-hint.thin,.est.thin{color:#a63d2f}

/* ── 2026-09-22 run page, value first. The done state was a 3-col grid led by a 1,100px step log, so the drafts and the
   email preview ended ~450px above it and the CTA floated alone under the whole grid. Now: receipts (done steps + the
   locked ones, experience-identity.md #2), the log folded under them, drafts | exact email, CTA under the drafts. ── */
.rleft .dom{word-break:normal;overflow-wrap:anywhere}
.tstep .tn{white-space:nowrap}
.receipts-row .rc.lock{color:#a7a193}
.receipts-row .rc.lock::before{content:"";display:inline-block;width:9px;height:9px;border:1.5px dashed #b9b3a4;margin-right:6px;vertical-align:-1px}
main>.receipts-row:first-child{margin-top:0}
details.runlog{margin-top:8px}
details.runlog>summary{cursor:pointer;list-style:none;color:var(--mute);font-size:11px;padding:4px 0;width:max-content;max-width:100%}
details.runlog>summary::-webkit-details-marker{display:none}
details.runlog>summary::before{content:"+ ";color:var(--accent)}
details.runlog[open]>summary::before{content:"– "}
details.runlog[open]{background:var(--card);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);padding:12px 18px 8px;max-width:760px}
.rungrid.done{grid-template-columns:minmax(260px,.85fr) minmax(320px,1.35fr);grid-template-areas:"mid right" "cta right";grid-template-rows:auto 1fr;margin-top:26px;row-gap:0}
.rungrid.done .rmid{grid-area:mid}
.rungrid.done .rright{grid-area:right}
.rungrid.done .rcta{grid-area:cta;align-self:start}
.rungrid.done .researching{grid-column:1/-1;grid-row:auto}
.rcta .write-cta{margin-top:20px}
.write-cta .micro{margin-top:14px;color:var(--mute);max-width:52ch;line-height:1.6}
.rcta .more{margin-top:12px;color:var(--mute)}
.benchbox+.verdictline{margin-top:18px}
.rmid h2,.panel h2,.offer h2,.researching h2,.modal h3,.errpanel h2{text-wrap:balance}
@media(max-width:980px){.rungrid.done{grid-template-columns:1fr;grid-template-areas:"mid" "right" "cta";grid-template-rows:auto;row-gap:18px}}
/* phones: every field 16px (iOS zooms the page on focus below that), a slimmer sticky bar that never hides the page end */
.intake input,.intake textarea,.rateform input,.nofit .nfo input{font-size:16px}
body.stickyon{padding-bottom:84px}
@media(max-width:860px){.sticky .mono{display:none}.sticky .wrap{padding:10px 16px}.sticky .btn{width:100%}body.stickyon{padding-bottom:72px}}
.receipts-row .locks{display:flex;flex-wrap:wrap;gap:6px 16px;flex-basis:100%;align-items:baseline}
.receipts-row .locks .lk{color:#a7a193;font-size:10.5px}
/* the run page lines up with the nav and the header strip now that the done state is two columns */
.wrap.runwrap{max-width:1120px}
/* "(optional)" inside an intake label rendered as a block at 13px, bigger than the label it annotates */
.intake label .hint{display:inline;margin:0;font-size:inherit;text-transform:none;letter-spacing:.02em}

/* `.offer p` (0,1,1) out-ranked `.mono`, so the offer micro rendered at 16.5px and ran 4-7 lines */
.offer p.micro{font-size:12px;line-height:1.7}
/* the drafts column is ~390px inside the 1120 wrap and "Start sending with $20 in free credits" is ~426px on one line */
.rungrid.done{grid-template-columns:minmax(300px,1fr) minmax(320px,1.3fr)}
.rcta .btn{white-space:normal;max-width:100%;text-align:center;text-wrap:balance}
@media(max-width:980px){.rungrid.done{grid-template-columns:1fr}}
/* 2026-09-22 running scan: the theater gets room for its log, the right panel lists what each finished step found */
.rungrid:not(.done){grid-template-columns:minmax(280px,330px) minmax(0,1fr)}
.rungrid:not(.done) .researching{grid-column:2;justify-content:flex-start;padding-top:56px;min-height:420px}
.researching .found{list-style:none;width:100%;max-width:560px;margin-top:10px;text-align:left}
.researching .found li{display:flex;gap:14px;align-items:baseline;padding:10px 0;border-top:1px solid var(--soft);animation:foundin .3s ease-out}
.researching .found li .mono{flex:0 0 96px;color:var(--mute);font-size:11px}
.researching .found li b{font-weight:600;font-size:16px;line-height:1.4;overflow-wrap:anywhere}
@keyframes foundin{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.researching .found li{animation:none}}
@media(max-width:980px){.rungrid:not(.done){grid-template-columns:1fr}.rungrid:not(.done) .researching{grid-column:auto;order:-1;min-height:0;padding:28px 20px}}

/* 2026-09-29: live numbers from our own sending (lib/public-stats.js) */
.live{border-bottom:2px solid var(--ink)}
.live .h2{margin-bottom:26px}
.livegrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.livegrid.n4{grid-template-columns:repeat(4,minmax(0,1fr))}
.livegrid .stat{border:2px solid var(--ink);background:var(--card);box-shadow:4px 4px 0 var(--ink);padding:16px 16px 14px;display:grid;gap:6px;align-content:start;min-width:0}
.livegrid .stat b{font:400 34px/1 'Archivo Black';letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap}
.livegrid .stat span{font-size:14.5px;line-height:1.4;color:var(--mute)}
.livenote{margin-top:18px;color:var(--mute);text-transform:none;letter-spacing:.02em;line-height:1.5}
@media(max-width:960px){.livegrid,.livegrid.n4{grid-template-columns:repeat(2,minmax(0,1fr))}.livegrid.n5 .stat:last-child{grid-column:1/-1}.livegrid .stat b{font-size:30px}}

/* 2026-10-02: "formerly Sponsor Radar" under the name until config.js FORMERLY_UNTIL (server.js inject, lib/site.js formerlyHtml). Small and quiet. */
.logo .formerly,.formerly{display:block;font:400 11px/1.3 'Space Mono',ui-monospace,monospace;letter-spacing:0;text-transform:none;color:var(--mute);margin-top:2px;white-space:nowrap}