/* Sales narratives: existing brand and rhythm tokens, readable without JavaScript. */
.sales-story{padding-top:var(--rv-space-8)}
.sales-wrap{width:min(100% - var(--pad)*2,var(--rail));margin-inline:auto}
.sales-hero{padding-block:var(--rv-space-12) var(--rv-space-8);display:grid;grid-template-columns:3fr 2fr;gap:var(--rv-space-8);align-items:end}
.sales-hero h1{max-width:15ch;text-wrap:balance}.sales-hero p:not(.rv-label){margin-top:var(--rv-space-4);font-size:var(--rv-body);color:var(--dim-ink)}
.sales-hero .rv-button{margin-top:var(--rv-space-4)}
.sales-map{padding:var(--rv-space-4);border-block:1px solid var(--hair-ink)}
.sales-map svg{width:100%;height:auto;display:block;color:var(--bone)}
.sales-map p{font-size:1rem!important;max-width:30ch!important}
.sales-index{display:flex;gap:var(--rv-space-4);flex-wrap:wrap;border-top:1px solid var(--hair-ink);padding-block:var(--rv-space-3);color:var(--dim-ink)}
.sales-index a{color:inherit;text-decoration:none;min-height:44px;display:flex;align-items:center;gap:var(--rv-space-1)}.sales-index a:hover{color:var(--bone)}.sales-index span{font-family:var(--mono);color:var(--red-ink)}
.sales-proof{background:linear-gradient(to right,var(--ink) 0 28%,var(--bone) 28% 100%);padding-block:var(--rv-space-8)}
.sales-proof-inner{display:grid;grid-template-columns:1fr 2fr;gap:var(--rv-space-8);align-items:center}.sales-proof h2{font-size:var(--rv-h3);max-width:14ch}.sales-proof p{color:var(--dim-bone);max-width:60ch;font-size:var(--rv-body)}
.sales-chapter{padding-block:var(--rv-space-12);background:var(--bone);color:var(--ink)}
.sales-chapter--dark{background:var(--ink);color:var(--bone)}
.sales-chapter-head{display:grid;grid-template-columns:1fr 1fr;gap:var(--rv-space-8);align-items:start;margin-bottom:var(--rv-space-6)}
.sales-step{font-family:var(--mono);font-size:1rem;color:var(--red-bone);margin-bottom:var(--rv-space-2)}.sales-chapter--dark .sales-step{color:var(--red-ink)}
.sales-chapter h2{max-width:18ch;text-wrap:balance}.sales-explain p{font-size:var(--rv-body);max-width:48ch;color:var(--dim-bone)}.sales-explain p+p{margin-top:var(--rv-space-3)}.sales-explain strong{color:var(--ink);font-weight:500}.sales-chapter--dark .sales-explain p{color:var(--dim-ink)}.sales-chapter--dark .sales-explain strong{color:var(--bone)}
.sales-screen{border:1px solid var(--hair-bone);background:var(--ink);overflow:hidden;border-radius:var(--rv-round)}.sales-screen img{width:100%;height:auto}.sales-chapter--dark .sales-screen{border-color:var(--hair-ink)}
.sales-screen-bar{display:flex;gap:var(--rv-space-2);padding:var(--rv-space-2) var(--rv-space-3);font-size:1rem;color:var(--bone);border-bottom:1px solid var(--hair-ink)}.sales-screen-bar span:first-child{color:var(--red-ink);font-family:var(--mono)}
.sales-note{padding-top:var(--rv-space-3);display:grid;grid-template-columns:1fr 1fr;gap:var(--rv-space-4);font-size:1rem}.sales-note p{max-width:48ch}.sales-note strong{display:block;font-weight:500;margin-bottom:var(--rv-space-1)}
.sales-pair{display:grid;grid-template-columns:1fr 1fr;gap:var(--rv-space-4);align-items:start}.sales-pair h3{margin-bottom:var(--rv-space-3)}.sales-pair p{margin-top:var(--rv-space-3);color:var(--dim-ink)}
.sales-handoff{padding-block:var(--rv-space-12);background:linear-gradient(var(--bone) 0 50%,var(--ink) 50% 100%)}
.sales-handoff-inner{background:var(--ink);border:1px solid var(--hair-ink);padding:var(--rv-space-8);color:var(--bone)}
.sales-handoff h2{max-width:22ch}.sales-delivery{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--rv-space-6);margin-top:var(--rv-space-8)}.sales-delivery li{border-top:1px solid var(--hair-ink);padding-top:var(--rv-space-3)}.sales-delivery span{color:var(--red-ink);font-family:var(--mono)}.sales-delivery h3{margin-block:var(--rv-space-3)}.sales-delivery p{color:var(--dim-ink)}
.sales-close{padding-block:var(--rv-space-8) var(--rv-space-12);display:grid;grid-template-columns:1fr 1fr;gap:var(--rv-space-8);align-items:center}.sales-close p{margin-bottom:var(--rv-space-4);font-size:var(--rv-body);color:var(--dim-ink)}.sales-close h2{max-width:16ch}.sales-story .rv-button svg{width:var(--rv-space-4);height:var(--rv-space-4);fill:none;stroke:currentColor;stroke-width:1.5}
.sales-story .rv-button:active{transform:scale(.97)}
.ai-document{border:1px solid var(--hair-bone);padding:var(--rv-space-6);background:var(--bone);color:var(--ink);border-radius:var(--rv-round)}.ai-document h3{margin-bottom:var(--rv-space-4)}.ai-document dl{display:grid;grid-template-columns:1fr 2fr;gap:var(--rv-space-3);font-size:var(--rv-body)}.ai-document dt{color:var(--dim-bone)}.ai-document dd{border-bottom:1px solid var(--hair-bone);padding-bottom:var(--rv-space-3)}.ai-document .sales-step{color:var(--red-bone)}.ai-document blockquote{margin:0;padding:var(--rv-space-4) 0;border-top:1px solid var(--hair-bone);font-family:var(--serif);font-size:var(--rv-h3);line-height:1.5}.ai-document .ai-status{display:inline-block;background:var(--ink);color:var(--bone);padding:var(--rv-space-1) var(--rv-space-2);margin-top:var(--rv-space-4)}
@media(max-width:800px){.sales-hero,.sales-chapter-head,.sales-close{grid-template-columns:1fr;gap:var(--rv-space-4)}.sales-hero{padding-top:var(--rv-space-8)}.sales-map{width:100%;max-width:calc(var(--rv-space-8)*5);padding:var(--rv-space-3);margin-inline:auto}.sales-map p{margin-top:var(--rv-space-2)!important}.sales-chapter{padding-block:var(--rv-space-8)}.sales-proof{background:var(--bone);color:var(--ink)}.sales-proof-inner{grid-template-columns:1fr;gap:var(--rv-space-3)}.sales-proof h2{max-width:none}.sales-pair,.sales-delivery{grid-template-columns:1fr}.sales-handoff-inner{padding:var(--rv-space-4)}.sales-delivery{gap:var(--rv-space-4);margin-top:var(--rv-space-6)}.sales-index{gap:var(--rv-space-1) var(--rv-space-3)}.sales-note{grid-template-columns:1fr}.sales-handoff{padding-block:var(--rv-space-8)}.sales-screen-bar{font-size:.875rem}.ai-document{padding:var(--rv-space-4)}.ai-document dl{grid-template-columns:1fr;gap:var(--rv-space-1)}.ai-document dd{margin-bottom:var(--rv-space-3)}}
@media(prefers-reduced-motion:reduce){.sales-story .rv-button{transition:none}}
/* Working scenes, drawn as objects and handoffs rather than screenshot galleries. */
.software-art{position:relative;border-block:1px solid var(--hair-bone);padding-block:var(--rv-space-4);color:var(--ink)}
.software-art>svg{display:block;width:100%;height:auto;overflow:visible}
.sa-paper{fill:var(--bone);stroke:var(--ink);stroke-width:1.5}.sa-dark{fill:var(--ink);stroke:var(--bone);stroke-width:1.5}.sa-red{fill:var(--red)}.sa-outline{fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round}.sa-rule{fill:none;stroke:var(--dim-bone);stroke-width:1.5}.sa-light-line{fill:none;stroke:var(--bone);stroke-width:1.5}.sa-white{fill:none;stroke:var(--bone);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.sa-red-line{fill:none;stroke:var(--red);stroke-width:2}.sa-route{fill:none;stroke:var(--red);stroke-width:2;stroke-dasharray:6 8}.sa-text,.sa-light-text,.sa-on-red{font:400 18px var(--sans);fill:var(--ink)}.sa-light-text,.sa-on-red{fill:var(--bone)}.sa-title{font:400 26px var(--serif);fill:var(--ink)}
.sales-chapter--dark .software-art{border-color:var(--hair-ink);color:var(--bone)}
.software-art-steps{display:flex;justify-content:space-between;gap:var(--rv-space-3);padding-block:var(--rv-space-3);border-top:1px solid var(--hair-bone);font-size:var(--rv-body)}.sales-chapter--dark .software-art-steps{border-color:var(--hair-ink)}
.software-art-steps li{flex:1}.software-art-steps span{display:none}
.software-evidence{display:flex;align-items:center;gap:var(--rv-space-4);max-width:40rem;margin:var(--rv-space-4) 0 0 auto;padding-top:var(--rv-space-4);border-top:1px solid var(--hair-bone)}.software-evidence img{width:35%;height:auto;flex-shrink:0;border:1px solid var(--hair-bone)}.software-evidence p{font-size:1rem;max-width:32ch;color:var(--dim-bone)}.sales-chapter--dark .software-evidence{border-color:var(--hair-ink)}.sales-chapter--dark .software-evidence p{color:var(--dim-ink)}
@media(prefers-reduced-motion:no-preference){.software-art.is-playing .sa-part{animation:software-place 950ms var(--ease) both;animation-delay:calc(var(--order)*360ms)}.software-art.is-playing .sa-route{animation:software-route 2200ms var(--ease) both}}
@keyframes software-place{from{opacity:0;translate:0 24px}to{opacity:1;translate:0 0}}
@keyframes software-route{from{stroke-dashoffset:130;opacity:0}to{stroke-dashoffset:0;opacity:1}}
@media(max-width:650px){.software-art{padding-block:var(--rv-space-2)}.software-art>svg{width:100%;overflow:visible}.software-art-steps{gap:var(--rv-space-2);font-size:.875rem;line-height:1.4}.software-evidence{gap:var(--rv-space-3);margin-top:var(--rv-space-2);padding-top:var(--rv-space-3)}.software-evidence img{width:32%}.software-evidence p{font-size:.875rem}.sales-index span{display:none}.sales-chapter-head{margin-bottom:var(--rv-space-4)}}
.sales-map--work{border:0;padding:0;color:var(--bone)}
.sales-handoff--concise .sales-handoff-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:var(--rv-space-8)}
.sales-handoff--concise p{font-size:var(--rv-body);color:var(--dim-ink);max-width:45ch}
@media(max-width:800px){.sales-map--work{max-width:100%;padding:0!important}.sales-map--work svg{max-width:calc(var(--rv-space-8)*6);margin:auto}.sales-handoff--concise .sales-handoff-inner{grid-template-columns:1fr;gap:var(--rv-space-4)}}