/* Proposal layer only. Original concept and all production files are unchanged. */
:root{--paper:#fff;--surface:#f1f2f3;--ink:#181818;--green:#087b55;--muted:#61656a;--line:#d9dde0;--stage:#181818;--stage-text:#fff;--stage-muted:#b9bec3;--stage-accent:#62d4ab;--lift:0 24px 48px #18181818,0 4px 12px #1818180a}
html[data-palette=graphite]{--paper:#f7f7f8;--surface:#e9ebed;--ink:#181818;--stage:#181818;--stage-accent:#62d4ab;--lift:0 24px 48px #18181826,0 4px 12px #1818180a}
html[data-palette=cobalt]{--paper:#fff;--surface:#f1f3f7;--ink:#181818;--green:#315be0;--muted:#5e6572;--line:#d6dce5;--stage:#181818;--stage-accent:#a6bdff}
body{padding-bottom:80px}
.chapter{max-width:1536px;padding-block:96px}
.chapter h2{font-weight:500}
.eyebrow{font-weight:600;letter-spacing:.08em}
.button{border-radius:8px;box-shadow:0 4px 12px #18181812;background:var(--ink);transition:transform .5s var(--curve),background .3s var(--curve),box-shadow .3s var(--curve)}
.button:hover{background:var(--green);box-shadow:0 8px 24px #18181820;transform:translateY(-2px)}
.hero{isolation:isolate;padding:32px 64px 0;gap:32px;grid-template-columns:1fr 1.05fr;min-height:0}
.hero-copy{position:relative;z-index:2;padding:0 0 32px;align-self:center}
.hero .eyebrow{margin-bottom:24px}
.hero h1{font-size:96px;letter-spacing:-.07em;line-height:1;margin-left:-4px;margin-bottom:16px}
.hero-definition{font-size:20px;line-height:28px;color:var(--muted);margin-bottom:16px}
.hero h2{font-size:36px;line-height:40px;max-width:560px;letter-spacing:-.045em}
.hero-lead{font-size:16px;line-height:24px;margin-top:16px}
.hero .button{margin-top:24px}
.hero-art{border-radius:16px 16px 0 0;background:var(--surface);height:568px;overflow:visible;align-self:end;margin:0 0 0 16px;box-shadow:var(--lift)}
.hero-art>img{height:100%;width:100%;min-height:0;max-height:none;aspect-ratio:auto;object-position:50% 28%;border-radius:16px 16px 0 0}
.hero-art-label{left:24px;right:auto;top:24px;background:var(--stage);color:var(--stage-text);border:none;padding:8px 16px;border-radius:4px}
.hero-art figcaption{display:none}
.call-ticket{position:absolute;bottom:40px;left:-48px;width:280px;padding:24px;border:1px solid #ffffffb3;border-radius:12px;background:#fff;box-shadow:0 16px 40px #18181820;color:var(--ink)}
.call-ticket>span,.call-ticket small{display:block;font-size:12px;line-height:20px;color:var(--muted)}
.call-ticket>strong{display:block;font-size:20px;line-height:28px;font-weight:600;margin-top:8px;letter-spacing:-.025em}
.call-ticket>div{display:flex;align-items:center;gap:12px;margin:24px 0 16px;padding-top:16px;border-top:1px solid var(--line);font-size:12px;line-height:20px}
.call-ticket b{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--green);color:#fff;font-size:12px;font-weight:500}
.hero-offer{gap:32px;margin-top:24px;padding-top:16px;border-top:1px solid var(--line);max-width:480px}
.hero-offer strong{font-size:36px;line-height:40px;font-weight:600}
.hero-offer span{max-width:120px}
.hero-audience{margin-top:16px}
.hero-connection{height:96px;margin-top:0;z-index:-1}
.hero-connection>span{background:var(--paper)}
.hero-connection svg{opacity:.65}
.voice-section{padding-top:64px}
.voice-desk{border:none;overflow:visible;background:none;gap:0;align-items:center;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);border-radius:16px}
.voice-record{position:relative;background:var(--stage);color:var(--stage-text);padding:48px 64px 48px 40px;border-radius:16px;box-shadow:var(--lift);min-height:480px}
.voice-record .micro-label{color:var(--stage-accent)}
.record-number{color:var(--stage-muted)}
.spoken-line{font-size:30px;line-height:36px;letter-spacing:-.035em;margin-top:32px}
.voice-record .source-note{color:var(--stage-muted)}
.voice-record audio{color-scheme:dark}
.voice-record.is-playing #audio-status{color:var(--stage-accent)}
.reply-desk{position:relative;z-index:1;margin-left:-24px;padding:32px;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:12px;box-shadow:var(--lift)}
.reply-choices{grid-template-columns:1fr 1fr;gap:8px}
.reply-choices button{background:var(--surface);border:1px solid transparent;padding:12px;font-size:14px;line-height:24px;border-radius:8px;transition:background .3s var(--curve),color .3s var(--curve),transform .5s var(--curve)}
.reply-choices button:hover{background:#e4e6e9;transform:translateY(-2px)}
.reply-choices button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
.reply-choices button[aria-pressed=true]>span{color:#c4c9ce}
.reply-result{border:1px solid var(--line);padding:24px;margin-top:24px;border-radius:8px;min-height:228px;background:var(--paper)}
.reply-result .micro-label{color:var(--green)}
.result-section,.base-section,.calculator-section,.pilot-section{background:var(--surface);max-width:none}
.source-gallery{border-radius:16px;background:#fff;padding:24px;box-shadow:var(--lift)}
.source-image{border-radius:8px;border-color:#e2e5e8}
.source-image:hover .image-open{background:var(--surface)}
.source-image img{border-radius:0}
.reading-point>span{background:var(--paper)}
.switchboard-section{padding-top:96px;padding-bottom:80px}
.switchboard{padding:40px;background:var(--stage);color:var(--stage-text);border-radius:16px;box-shadow:var(--lift);margin-bottom:40px}
.switch-origin{border:1px solid #4c5156;background:#272727;color:#fff;border-radius:12px}
.switch-origin .micro-label{color:var(--stage-accent)}
.switch-branch{border-color:#484c50;color:var(--stage-muted)}
.switch-branch[aria-pressed=true]{color:#fff}
.switch-branch:hover{color:#fff}
.switch-branch .branch-socket{border-color:#555b61;color:#ccd0d4}
.switch-branch[aria-pressed=true] .branch-socket{background:var(--stage-accent);color:#181818;border-color:var(--stage-accent);box-shadow:0 0 0 8px #ffffff08}
.switch-branch[aria-pressed=true] .branch-wire{background:var(--stage-accent)}
.switch-branches:before,.switch-branches:after,.branch-wire{background:#54595e}
.origin-socket{background:var(--stage-accent);border-color:var(--stage-accent)}
.outcome-ledger{border-top:0;padding:32px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.scenario-manuscript,.import-ledger,.pilot-form,.calculator-panel{background:#fff;border-color:var(--line);border-radius:12px;box-shadow:var(--lift)}
.scenario-manuscript mark{background:var(--surface);color:var(--green)}
.script-excerpt{background:var(--surface)}
.human-section{background:var(--stage);color:var(--stage-text)}
.human-section .eyebrow{color:var(--stage-accent)}
.billing-rule{background:var(--stage);color:var(--stage-text);border-radius:12px}
.billing-rule-price small{color:var(--stage-muted)}
.calculator-total{background:var(--stage);color:var(--stage-text);border-radius:8px;padding:24px}
.calculator-total>strong{color:var(--stage-text)}
.calculator-total>span{color:var(--stage-muted)}
.integration-node{background:#fff;border-radius:12px;box-shadow:0 8px 24px #1818180a}
.integration-pending{background:var(--surface);box-shadow:none}
.pilot-checklist li{border-color:var(--line)}
.pilot-form input,.pilot-form textarea{border-color:var(--line)}
.pilot-amount>strong{color:var(--ink)}
html[data-palette=graphite] .source-gallery,html[data-palette=graphite] .calculator-panel{background:var(--stage);color:#fff;border-color:#454a50}
html[data-palette=graphite] .source-gallery .micro-label,html[data-palette=graphite] .source-gallery figcaption,html[data-palette=graphite] .calculator-panel .source-note,html[data-palette=graphite] .calculator-panel>p{color:var(--stage-muted)}
html[data-palette=graphite] .source-gallery button{color:#c9ced2;border-color:#51565b}
html[data-palette=graphite] .source-gallery button[aria-pressed=true]{color:#181818;background:#fff}
html[data-palette=graphite] .calculator-panel input[type=number]{color:#181818;background:#fff}
html[data-palette=graphite] .calculator-panel>.button{background:#fff;color:#181818}
html[data-palette=cobalt] .signal-dot{background:var(--green)}
.art-controls{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:60;display:flex;align-items:center;gap:24px;padding:8px 12px;background:#fff;border:1px solid #d9dde0;border-radius:12px;box-shadow:0 8px 32px #18181826;color:#181818;font-size:12px;line-height:20px;max-width:calc(100vw - 32px)}
.art-controls>a{font-weight:600;white-space:nowrap}
.art-controls>span{color:#61656a;white-space:nowrap}
.art-controls>div{display:flex;gap:4px}
.art-controls button{padding:8px 12px;border-radius:8px;white-space:nowrap;transition:background .3s var(--curve),color .3s var(--curve)}
.art-controls button[aria-pressed=true]{background:#181818;color:#fff}
.art-controls button:hover{background:#e9ebed;color:#181818}
@media(min-width:1536px){.hero h1{font-size:128px}.hero h2{font-size:60px}.hero-art{height:720px}}
@media(max-width:1100px) and (min-width:768px){.hero{padding-inline:40px;gap:24px}.hero h1{font-size:96px}.hero h2{font-size:36px;line-height:40px}.hero-art{height:640px;margin-left:0}.call-ticket{left:-24px;width:240px;padding:24px}.voice-record{padding:32px 48px 32px 32px}.spoken-line{font-size:24px;line-height:32px}.reply-desk{padding:24px}.reply-choices{grid-template-columns:1fr}.hero-offer{gap:24px}.switchboard{padding:32px}}
@media(max-width:767px){body{padding-bottom:96px}.chapter{padding-block:64px}.hero{display:block;padding:32px 24px 0;min-height:0}.hero-copy{padding:0}.hero h1{font-size:96px;line-height:1;margin-left:-4px;margin-bottom:16px}.hero-definition{font-size:18px;line-height:28px;margin-bottom:16px}.hero h2{font-size:36px;line-height:40px}.hero-lead{font-size:16px;line-height:24px;margin-top:16px}.hero .button{margin-top:24px}.hero-offer{margin-top:24px;padding-top:16px;gap:32px}.hero-offer p{display:flex}.hero-offer strong{font-size:30px;line-height:36px}.hero-offer span{font-size:12px;line-height:20px}.hero-audience{margin-top:16px}.hero-art{height:440px;margin:32px 0 0;border-radius:12px;overflow:hidden}.hero-art>img{border-radius:12px;height:100%;aspect-ratio:auto;max-height:none;object-position:50% 28%}.hero-art-label{top:16px;left:16px;font-size:12px}.call-ticket{width:224px;left:16px;bottom:16px;padding:16px}.call-ticket>strong{font-size:18px;line-height:28px}.call-ticket>div{margin:16px 0 8px;padding-top:12px}.call-ticket small{display:none}.voice-section{padding-top:64px}.voice-desk{display:block}.voice-record{min-height:0;padding:24px 24px 48px;border-radius:12px}.spoken-line{font-size:24px;line-height:32px;margin-top:24px}.reply-desk{margin:-24px 0 0 16px;padding:24px;border-radius:12px}.reply-choices{grid-template-columns:1fr}.reply-result{padding:16px;min-height:0}.reply-result h3{font-size:20px;line-height:28px}.source-gallery{padding:16px;border-radius:12px}.switchboard{padding:24px}.switch-origin{padding:24px}.outcome-ledger{padding:24px}.calculator-panel,.pilot-form{padding:24px}.billing-rule{padding:24px}.art-controls{bottom:8px;gap:8px;padding:8px;max-width:calc(100vw - 16px);width:max-content}.art-controls>a{font-size:12px}.art-controls>span{display:none}.art-controls button{padding:8px;font-size:12px}.art-controls>div{gap:0}}
@media(max-width:359px){.hero{padding-inline:16px}.hero h1{font-size:72px}.hero h2{font-size:30px;line-height:36px}.hero-offer{gap:24px}.hero-offer p{display:block}.hero-art{height:400px}.reply-desk{margin-left:8px;padding:16px}.voice-record{padding:16px 16px 40px}.spoken-line{font-size:20px;line-height:28px}.call-ticket{width:208px}.art-controls>a{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button:hover,.reply-choices button:hover{transform:none}*{animation:none!important;transition:none!important}}