/* The proof layer extends the existing orange, graphite and paper palette. */
.process-proof{padding-block:75px 85px}
.proof-heading-row{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:end;margin-bottom:30px}
.proof-heading-row h2,.personal-copy h2{font-size:clamp(32px,4.2vw,58px);line-height:1.08;letter-spacing:-1.8px;margin:18px 0 0}
.proof-heading-row h2 span,.personal-copy h2 span{color:#72776e}
.proof-heading-row>p{font-size:17px;line-height:1.65;max-width:440px;margin:0}
.process-reveal{border:1px solid #bfc1b9;border-radius:8px;overflow:hidden;background:#e6e7e1}
.reveal-labels{display:flex;justify-content:space-between;padding:18px 28px;background:#ededE8;font-size:14px;font-weight:650;border-bottom:1px solid #c4c8bc}
.reveal-labels span:last-child{color:#365226;text-align:right}
.reveal-canvas{position:relative;height:470px;isolation:isolate;overflow:hidden}
.reveal-layer{position:absolute;inset:0}
.reveal-before{background:#e3e3dd}
.reveal-before article{position:absolute;background:#fafaf6;border:1px solid #c5c5bd;box-shadow:0 15px 30px #3332;padding:24px;width:42%;overflow-wrap:anywhere}
.reveal-before small,.joined-case small{font-size:12px;letter-spacing:.08em;line-height:1.5;display:block}
.reveal-before h3{font-size:clamp(20px,2.3vw,30px);letter-spacing:-.6px;line-height:1.2;margin:18px 0 12px}
.reveal-before p{font-size:16px;line-height:1.6;margin-bottom:0}
.loose-message{left:9%;top:47px;transform:rotate(-5deg);z-index:2}
.message-reference{display:block;margin-top:22px;color:#75776d;font-size:12px}
.reveal-before .loose-quote{right:8%;top:125px;transform:rotate(6deg)}
.loose-quote strong{display:block;font-size:36px;margin-top:22px;font-weight:600;letter-spacing:-1px}
.reveal-before .loose-question{left:20%;bottom:40px;width:44%;transform:rotate(-2deg);background:#f3c694;z-index:3;padding-right:70px}
.loose-question h3{font-size:24px;margin:10px 0 0}
.loose-question>span{position:absolute;right:24px;top:30px;font-size:52px;color:#865528}
.reveal-after{clip-path:inset(0 0 0 calc(100% - var(--reveal)));background:#dfe8d4;display:flex;align-items:center;justify-content:center}
.joined-case{width:75%;max-width:740px;min-width:0;background:#fafbf6;border:1px solid #aebd9e;box-shadow:0 24px 42px #334a2320;border-radius:4px;padding:28px 32px;transform:rotate(-1deg)}
.joined-case header{display:flex;justify-content:space-between;gap:15px;align-items:center}
.joined-status{font-size:12px;color:#375528;border:1px solid #afc19f;padding:6px 10px;border-radius:30px;white-space:nowrap}
.joined-case h3{font-size:clamp(24px,3.2vw,39px);line-height:1.13;letter-spacing:-1px;margin:28px 0 10px;overflow-wrap:anywhere}
.joined-match{font-size:15px;color:#456535;margin:0 0 27px}
.joined-case dl{display:grid;grid-template-columns:.8fr 1.25fr 1fr;gap:18px;margin:0 0 25px}
.joined-case dt{font-size:13px;color:#65705d;margin-bottom:7px}
.joined-case dd{font-size:16px;line-height:1.4;font-weight:600;margin:0;overflow-wrap:anywhere}
.joined-case footer{padding-top:20px;border-top:1px solid #d0dac7;display:flex;gap:25px;align-items:center}
.joined-case footer strong{font-size:25px;white-space:nowrap;letter-spacing:-.6px}
.joined-case footer span{font-size:14px;line-height:1.45;color:#58614f;max-width:260px}
.reveal-divider{position:absolute;left:calc(100% - var(--reveal));top:0;bottom:0;width:2px;background:#fb542b;pointer-events:none;z-index:4}
.reveal-divider>span{position:absolute;top:50%;left:1px;transform:translate(-50%,-50%);width:47px;height:47px;display:grid;place-items:center;background:#fb542b;color:#191919;border-radius:50%;font-size:26px;box-shadow:0 4px 20px #2223}
.reveal-controls{padding:22px 28px;background:#f0f1eb;border-top:1px solid #c5cbbd;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px}
.reveal-controls label{font-size:14px;font-weight:600;max-width:160px;line-height:1.5}
.reveal-controls input{width:100%;min-width:0;accent-color:#ed5029;cursor:ew-resize;height:36px;background:transparent}
.reveal-buttons{display:flex;gap:7px;flex-wrap:wrap}
.reveal-buttons button{font:inherit;font-size:14px;padding:10px 12px;border:1px solid #c1c7b9;border-radius:4px;background:transparent;cursor:pointer;line-height:1.4}
.reveal-buttons button[aria-pressed=true]{background:#25381e;color:#f6f8f0;border-color:#25381e}
.proof-foot{display:flex;justify-content:space-between;align-items:baseline;gap:30px;padding-top:20px}
.proof-foot p{font-size:13px;line-height:1.6;color:#73786a;max-width:540px;margin:0}
.proof-foot a{font-size:15px;white-space:normal}
.personal-proof{background:#e7e8e2;padding:80px 0}
.personal-layout{display:grid;grid-template-columns:minmax(230px,.72fr) minmax(0,1.28fr);gap:clamp(35px,7vw,110px);align-items:center}
.founder-photo{margin:0;position:relative;max-width:380px;aspect-ratio:4/5;transform:rotate(-2deg);border-radius:5px;box-shadow:0 12px 30px #1e201a20}
.founder-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 64%;border-radius:5px;background:#bbbdb4}
.founder-photo figcaption{position:absolute;bottom:18px;left:18px;right:18px;background:#f9f9f0ef;padding:14px 17px;font-size:16px;font-weight:600;transform:rotate(2deg)}
.personal-copy{min-width:0}
.personal-copy h2{font-size:clamp(32px,3.8vw,52px);margin-bottom:27px}
.personal-copy p{font-size:17px;line-height:1.7;max-width:600px;margin:0 0 19px}
.personal-copy .text-link{display:inline-block;margin-top:9px}
.expertise-line{font-size:14px;padding-top:20px;border-top:1px solid #bfc4b6;line-height:1.6}
.work-sample{grid-column:1/-1;border-top:1px solid #b8c0ae;display:grid;grid-template-columns:1fr 1.35fr;column-gap:70px;padding-top:35px}
.work-sample>.eyebrow{grid-column:1/-1;margin-bottom:18px}
.work-sample h3{font-size:clamp(27px,3vw,40px);line-height:1.16;letter-spacing:-1px;margin:0;grid-row:2/4}
.work-sample p{font-size:16px;line-height:1.7;margin:0 0 18px}
.work-sample .text-link{justify-self:start}
.work-sample small{grid-column:2;font-size:12px;color:#707867;margin-top:18px;line-height:1.5}
.approval-compare{margin-bottom:20px;border:1px solid #aebca1;border-radius:6px;background:#e3e9db;color:#293a21;overflow:hidden}
.approval-compare[hidden],.completion-receipt[hidden]{display:none}
.approval-compare>summary{display:flex;justify-content:space-between;gap:20px;padding:18px 22px;cursor:pointer;align-items:center;font-size:14px;line-height:1.5}
.approval-compare>summary>span:first-child{font-size:12px;letter-spacing:.06em}
.approval-compare>summary b{display:inline-block;margin-left:10px;font-size:20px;transition:transform .2s}
.approval-compare[open]>summary b{transform:rotate(90deg)}
.compare-body{display:grid;grid-template-columns:.85fr 1.15fr;gap:32px;padding:10px 22px 15px}
.compare-choices{display:flex;gap:12px;align-items:stretch}
.compare-choices button{flex:1;min-width:0;text-align:left;padding:16px;background:#f4f5ef;border:1px solid #acb99f;border-radius:5px;font:inherit;color:inherit;cursor:pointer;transition:background .2s,transform .2s;overflow-wrap:anywhere}
.compare-choices button[aria-pressed=true]{background:#263b1d;color:#f0f5e9;border-color:#263b1d;box-shadow:0 5px 0 #172411}
.compare-choices button:not(:disabled):hover{transform:translateY(-3px)}
.compare-choices button span,.compare-choices button small{display:block;font-size:13px;line-height:1.5}
.compare-choices button strong{display:block;font-size:clamp(22px,2.7vw,33px);font-weight:600;letter-spacing:-.8px;margin:10px 0}
.compare-choices button:disabled{cursor:default}
.compare-explanation{min-width:0}
.compare-explanation>p:first-child{font-size:15px;margin:0 0 12px}
.compare-route{display:flex;list-style:none;margin:0;padding:0;gap:8px;flex-wrap:wrap;align-items:center}
.compare-route li{font-size:14px;line-height:1.4;max-width:180px;padding:9px 12px;border-bottom:2px solid #9cac8e;animation:proof-arrive .35s both;overflow-wrap:anywhere}
.compare-route .extra-approval{background:#f2c399;border-bottom-color:#c46c35;animation-delay:.08s}
.compare-explanation .compare-rule{font-size:13px;line-height:1.5;margin:13px 0 0;color:#56674b}
.compare-hint{font-size:13px;line-height:1.5;margin:0;padding:0 22px 19px;color:#596d4c}
.demo-finished .narrative-scene{display:none!important}
.demo-finished .request-cta{display:none}
.completion-receipt{color:#26371c;background:#f2f5e9;border:1px solid #b5c7a1;border-radius:8px;overflow:hidden;animation:proof-arrive .45s ease both;scroll-margin-top:110px}
.receipt-top{display:flex;align-items:center;justify-content:space-between;padding:16px 30px;background:#dce9cc;border-bottom:1px solid #bdcea9;font-size:12px;letter-spacing:.09em}
.receipt-top>span:last-child{font-size:21px;font-weight:700;letter-spacing:0}
.receipt-layout{display:grid;grid-template-columns:1fr 1fr;gap:55px;padding:35px 36px 25px}
.receipt-main{min-width:0}
.receipt-main h2{font-size:clamp(27px,3.1vw,44px);font-weight:500;letter-spacing:-1.2px;line-height:1.12;margin:0 0 30px;overflow-wrap:anywhere}
.receipt-value{font-size:clamp(28px,3.5vw,51px);font-weight:600;letter-spacing:-1.2px;line-height:1.15;overflow-wrap:anywhere}
.receipt-value-label{font-size:14px;line-height:1.55;margin:10px 0 0;color:#586b48;max-width:340px}
.receipt-deliverables ul{padding:0;list-style:none;margin:14px 0 24px}
.receipt-deliverables li{display:flex;gap:13px;align-items:flex-start;padding:12px 0;border-bottom:1px solid #d3ddc8;font-size:16px;line-height:1.5;animation:proof-arrive .4s both}
.receipt-deliverables li:nth-child(2){animation-delay:.12s}.receipt-deliverables li:nth-child(3){animation-delay:.24s}
.receipt-deliverables li>span{color:#4d7836;font-size:18px;flex-shrink:0}
.receipt-owner{display:flex;flex-direction:column;gap:7px}
.receipt-owner>span{font-size:12px;letter-spacing:.08em;color:#627853}
.receipt-owner strong{font-size:20px;line-height:1.4}
.receipt-next{margin:0 36px 28px;padding:17px 20px;background:#e2e9d9;border-left:3px solid #859c6a}
.receipt-next strong{font-size:14px}.receipt-next p{font-size:16px;line-height:1.6;margin:7px 0 0}
.receipt-footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:23px 30px;background:#e7edde;border-top:1px solid #c5d1b8}
.receipt-footer p{font-size:12px;line-height:1.5;margin:0;max-width:330px;color:#5e6e50}
.receipt-footer .button{font-size:15px;white-space:normal;text-align:center;flex-shrink:0;max-width:100%}
.completion-held .receipt-top{background:#efdbc9}.completion-held .receipt-next{background:#ede5d8;border-color:#ae8058}
.demo-finished .demo-result-drawer{background:transparent}
@keyframes proof-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:850px){.reveal-controls{grid-template-columns:1fr 2fr}.reveal-buttons{grid-column:1/-1;justify-content:center}.joined-case{width:85%}.proof-heading-row{gap:30px}.compare-body{grid-template-columns:1fr;gap:23px}.compare-choices{max-width:470px}.receipt-layout{gap:25px;padding:28px}.receipt-footer{flex-direction:column;align-items:stretch}.receipt-footer p{max-width:none}.work-sample{column-gap:35px}.personal-layout{gap:40px}.receipt-next{margin-inline:28px}}
@media(max-width:600px){.process-proof{padding-block:50px}.proof-heading-row{grid-template-columns:1fr;gap:20px}.proof-heading-row h2,.personal-copy h2{letter-spacing:-1px}.reveal-labels{padding:16px;font-size:13px;gap:18px}.reveal-canvas{height:490px}.reveal-before article{padding:18px;width:73%}.loose-message{left:7%;top:32px}.reveal-before h3{font-size:23px}.reveal-before .loose-quote{right:7%;top:205px;width:67%}.loose-quote strong{font-size:29px;margin-top:14px}.reveal-before .loose-question{width:70%;left:7%;bottom:25px;padding-right:45px}.loose-question h3{font-size:20px}.loose-question>span{font-size:32px;right:13px}.reveal-before p{font-size:14px}.joined-case{padding:22px;width:86%;transform:rotate(-1deg)}.joined-case header{display:block}.joined-status{display:inline-block;margin-top:12px}.joined-case h3{font-size:27px;margin-top:22px}.joined-case dl{grid-template-columns:1fr;gap:12px;margin-bottom:20px}.joined-case dl>div{display:flex;justify-content:space-between;gap:15px}.joined-case dt{margin:0;flex-shrink:0}.joined-case dd{font-size:14px;text-align:right}.joined-case footer{display:block;padding-top:17px}.joined-case footer strong{font-size:25px;display:block}.joined-case footer span{display:block;margin-top:8px;font-size:13px}.joined-match{font-size:14px;margin-bottom:20px}.reveal-controls{padding:17px;gap:13px;grid-template-columns:1fr}.reveal-controls label{max-width:none}.reveal-buttons{justify-content:space-between}.reveal-buttons button{font-size:13px;max-width:58%}.proof-foot{flex-direction:column;gap:14px}.personal-proof{padding-block:55px}.personal-layout{grid-template-columns:1fr;gap:30px}.founder-photo{max-width:270px;width:77%;margin-left:8px}.personal-copy p{font-size:16px}.work-sample{grid-template-columns:1fr;padding-top:28px;gap:16px}.work-sample h3{grid-row:auto}.work-sample>.eyebrow{margin-bottom:0}.work-sample p{margin:0}.work-sample small{grid-column:1;margin:0}.approval-compare>summary{display:block;padding:16px}.approval-compare>summary>span{display:block}.approval-compare>summary>span+span{margin-top:5px}.compare-body{padding:8px 16px 14px;gap:22px}.compare-hint{padding:0 16px 16px}.compare-route li{max-width:100%}.compare-choices button{padding:13px}.compare-choices button strong{font-size:26px}.receipt-layout{grid-template-columns:1fr;gap:28px;padding:25px 20px}.receipt-main h2{margin-bottom:24px;font-size:31px}.receipt-value{font-size:37px}.receipt-deliverables li{font-size:15px}.receipt-top{padding:15px 20px}.receipt-next{margin:0 20px 24px;padding:15px}.receipt-next p{font-size:15px}.receipt-footer{padding:20px}.receipt-footer .button{width:100%}.completion-receipt{scroll-margin-top:145px}}
@media(prefers-reduced-motion:reduce){.compare-route li,.completion-receipt,.receipt-deliverables li{animation:none}.compare-choices button,.approval-compare>summary b{transition:none}}