/* source: work-documents.css */
/* Cliff's work papers: one editorial system for findings, decisions and records. */
.output-preview{--document-ink:#243d34;--document-muted:#52665b;--document-paper:#fffcf4;--document-rule:#ccd4c8;--document-gold:#b18d52}
.output-preview .op-document-label{display:block;font-size:12px;line-height:1.5;font-weight:600;letter-spacing:.07em}
.output-preview .op-edition,.output-preview .op-sample,.output-preview .op-document-footer,.output-preview .op-document-footer>span:last-child,.output-preview .op-section-heading>span,.output-preview .op-person,.output-preview .op-invoice-facts dt,.output-preview .op-record-history li time{font-size:12px}
.output-preview .op-section-heading>span{white-space:normal}
.output-preview .op-document-header h2{font-weight:540}
.output-preview .op-document-header h2 em{color:#46786b}
.output-preview .op-sample{margin-top:20px;border:0;background:transparent;padding:0;color:var(--document-muted)}
.output-preview .op-document-footer{color:#465b4c}
.output-preview .op-document-footer>span:last-child{color:#526250}
.output-preview .op-invoice-facts dd{font-size:14px}
.output-preview .op-report .op-summary-finding{color:#f9f6e9}
.output-preview .op-report .op-summary-finding .op-document-label{color:#e4d1a6;margin-bottom:10px}
.output-preview .op-report .op-summary-finding p{font-size:18px;line-height:1.5;letter-spacing:-.02em;margin:0;max-width:34ch;color:#fffbed}
.output-preview .op-report .op-chart-bar--late>i{background:#b68a4d}
.output-preview .op-chart-definition{font-size:12px;line-height:1.6;color:var(--document-muted);margin:20px 0 0;padding-top:15px;border-top:1px solid var(--document-rule)}
.output-preview .op-chart-bar>small,.output-preview .op-big-number span{font-size:12px}
.output-preview .op-decisions li{padding-block:20px}
.output-preview .op-decisions li strong{font-size:16px;line-height:1.4}
.output-preview .op-decisions li p{font-size:14px;line-height:1.6;margin-top:7px;color:#526250}
.output-preview .op-decision-action{display:block;font-size:12px;line-height:1.5;color:#30594a;font-weight:600;margin-top:10px}
.output-preview .op-decision-number{font-size:13px;font-weight:600;color:#8b6c35}

/* Sales: evidence beside the letter, with a clear judgement and visible unknowns. */
#op-sales .op-sales-provenance,#op-sales .op-sales-title-row>span,#op-sales .op-sales-kicker,#op-sales .op-sales-checked,#op-sales .op-sales-letter-meta dt,#op-sales .op-sales-letter-meta dd,#op-sales .op-sales-review-state{font-size:12px}
#op-sales .op-sales-cover{min-height:245px;grid-template-columns:1.05fr 1fr}
#op-sales .op-sales-finding{border-top:0;border-left:3px solid #b18d52}
#op-sales .op-sales-finding h3{margin-top:12px}
#op-sales .op-sales-finding .op-sales-kicker{letter-spacing:.055em}
#op-sales .op-sales-finding h3>span{font-size:52px}
#op-sales .op-sales-context{font-size:14px}
#op-sales .op-sales-verdict{display:grid;grid-template-columns:110px minmax(0,1fr);gap:8px 20px;margin:0 34px;padding:25px 0;border-bottom:1px solid #c9c3b2;align-items:start}
#op-sales .op-sales-verdict>.op-document-label{color:#447669;padding-top:3px}
#op-sales .op-sales-verdict>p{font-size:20px;font-weight:500;line-height:1.4;letter-spacing:-.025em;color:#2b4738;margin:0;max-width:46ch}
#op-sales .op-fit-status{grid-column:2;font-size:12px;line-height:1.5;color:#4c6351}
#op-sales .op-fit-status::before{content:'✓';margin-right:7px;color:#387662}
#op-sales .op-sales-body{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:30px;padding-top:27px}
#op-sales .op-sales-body h3{font-size:25px;margin-bottom:22px}
#op-sales .op-research-findings{margin:0;padding:0;list-style:none;border-top:1px solid #bba478}
#op-sales .op-research-findings li{padding:16px 0 17px;border-bottom:1px solid #ded4c2}
#op-sales .op-research-findings li>span{display:block;font-size:12px;line-height:1.5;color:#73634b;margin-bottom:6px}
#op-sales .op-research-findings strong{display:block;font-size:16px;line-height:1.4;font-weight:600;color:#2a4536;letter-spacing:-.015em}
#op-sales .op-research-findings p{font-size:14px;line-height:1.55;color:#52604e;margin:7px 0 0}
#op-sales .op-sales-letter{padding:20px 22px 22px;border-top:3px solid #4a7f71;background:#fffdf7;box-shadow:0 7px 16px -12px #273c3030}
#op-sales .op-sales-letter>p{font-size:15px;line-height:1.65;letter-spacing:-.01em}
#op-sales .op-sales-letter-meta{margin-bottom:18px}
#op-sales .op-sales-letter-meta dd{color:#344d3a}
#op-sales .op-sales-review-state{align-items:flex-start;color:#675a43}
#op-sales .op-sales-review-state>span{margin-top:6px}

/* Delivery: a useful job record instead of another decorative cover. */
dialog.output-preview[data-output-kind=delivery]{width:min(820px,calc(100vw - 28px))}
.output-preview .op-delivery{background:var(--document-paper)}
.output-preview .op-delivery .op-document-header h2{font-size:45px}
.output-preview .op-delivery-ticket{display:grid;grid-template-columns:155px minmax(0,1fr);background:#284b3c;color:#fff8e9;margin-top:27px;border-top:3px solid #b18d52}
.output-preview .op-delivery-date{padding:26px 22px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid #698575}
.output-preview .op-delivery-date>span{font-size:12px;line-height:1.5;letter-spacing:.1em;color:#e7d8b6}
.output-preview .op-delivery-date>strong{font-size:77px;line-height:1.1;letter-spacing:-.065em;font-weight:500;padding-right:4px;color:#fff8e9}
.output-preview .op-delivery-slot{padding:27px 30px}
.output-preview .op-delivery-slot>.op-document-label{color:#d9c596}
.output-preview .op-delivery-slot>strong{display:block;font-size:40px;line-height:1.2;font-weight:500;letter-spacing:-.04em;margin-top:5px;color:#fff8e9}
.output-preview .op-delivery-slot>p{font-size:14px;line-height:1.5;margin:8px 0 15px;color:#e1e7d5}
.output-preview .op-delivery-status{display:inline-flex;align-items:center;gap:7px;font-size:12px;line-height:1.4;padding:5px 8px;border:1px solid #859b80;color:#eef4df}
.output-preview .op-delivery-status>i{font-style:normal}
.output-preview .op-delivery-changes{padding:29px 0 0}
.output-preview .op-delivery-changes .op-section-heading{display:block}
.output-preview .op-delivery-changes .op-section-heading>span{display:block;margin-top:7px;color:#61705e}
.output-preview .op-delivery-changes dl{margin:20px 0 0}
.output-preview .op-delivery-changes dl>div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:18px;border-top:1px solid var(--document-rule);padding:17px 0}
.output-preview .op-delivery-changes dt{font-size:13px;line-height:1.5;color:var(--document-muted);font-weight:500}
.output-preview .op-delivery-changes dd{font-size:15px;line-height:1.5;margin:0;color:var(--document-ink)}
.output-preview .op-previous{display:block;font-size:12px;color:#687464;text-decoration:line-through;margin-bottom:5px}
.output-preview .op-delivery-changes dd>strong{font-weight:550}
.output-preview .op-receipt-pending{display:block;font-size:12px;font-weight:600;color:#826526;margin-bottom:5px}
.output-preview .op-delivery-trail{padding:25px 0 30px;border-top:1px solid var(--document-rule)}
.output-preview .op-delivery-trail ol{margin:20px 0 0;padding:0;list-style:none}
.output-preview .op-delivery-trail li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:20px;padding:0 0 22px;position:relative}
.output-preview .op-delivery-trail li:last-child{padding-bottom:0}
.output-preview .op-delivery-trail li::before{content:'';position:absolute;left:51px;top:7px;bottom:-6px;border-left:1px solid #bdcbbd}
.output-preview .op-delivery-trail li:last-child::before{bottom:6px}
.output-preview .op-delivery-trail time{font-size:12px;line-height:1.7;font-variant-numeric:tabular-nums;color:#507869;position:relative}
.output-preview .op-delivery-trail time::after{content:'';position:absolute;right:-7px;top:6px;width:5px;height:5px;background:#4a7f71;border:2px solid var(--document-paper);box-sizing:content-box;border-radius:50%}
.output-preview .op-delivery-trail strong{display:block;font-size:15px;line-height:1.4;font-weight:550;color:var(--document-ink)}
.output-preview .op-delivery-trail p{font-size:14px;line-height:1.5;color:var(--document-muted);margin:5px 0 0}
.delivery-evidence .dispatch-next{padding-block:6px;gap:14px}
.delivery-evidence .dispatch-next>span{display:block;font-size:12px;line-height:1.5}
.delivery-evidence .dispatch-next strong{display:block;margin-left:0;font-size:12px}
.delivery-evidence .dispatch-next button{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;padding:5px 0;border:0;background:none;font:inherit;font-size:12px;font-weight:600;line-height:1.4;color:#244f39;cursor:pointer;text-align:left;white-space:nowrap}
.delivery-evidence .dispatch-next button>span{font-size:19px;font-weight:400}
.delivery-evidence .dispatch-next button:hover{text-decoration:underline;text-underline-offset:4px}
.delivery-evidence .dispatch-next button:focus-visible{outline:2px solid #356d5e;outline-offset:4px}

@media(max-width:600px){
 .output-preview .op-report .op-summary-finding p{font-size:14px;line-height:1.5}
 .output-preview .op-report .op-summary-finding .op-document-label{font-size:12px;margin-bottom:7px;letter-spacing:.04em}
 .output-preview .op-report .op-report-summary{grid-template-columns:76px minmax(0,1fr);gap:14px;padding:19px 14px}
 .output-preview .op-report .op-big-number strong{font-size:60px}
 .output-preview .op-section-heading h3{font-size:18px}
 .output-preview .op-chart-definition{margin-top:16px;font-size:12px}
 .output-preview .op-decisions li strong{font-size:15px}
 .output-preview .op-decisions li p{font-size:13px;line-height:1.6}
 .output-preview .op-decision-action{font-size:12px;margin-top:8px}
 .output-preview .op-document-footer{font-size:12px;line-height:1.6}
 #op-sales .op-sales-header{padding:22px 20px}
 #op-sales .op-sales-title-row>span{font-size:12px}
 #op-sales .op-sales-cover{grid-template-columns:.84fr 1.16fr;min-height:170px}
 #op-sales .op-sales-image{height:auto;min-height:170px}
 #op-sales .op-sales-finding{padding:22px 16px}
 #op-sales .op-sales-finding .op-sales-kicker{font-size:12px;letter-spacing:.025em}
 #op-sales .op-sales-finding h3{font-size:15px;line-height:1.4;margin-top:14px}
 #op-sales .op-sales-finding h3>span{font-size:33px}
 #op-sales .op-sales-context{font-size:12px;margin-top:11px}
 #op-sales .op-sales-verdict{grid-template-columns:1fr;gap:8px;margin-inline:20px;padding:21px 0}
 #op-sales .op-sales-verdict>p{font-size:19px;line-height:1.45}
 #op-sales .op-fit-status{grid-column:1;font-size:12px}
 #op-sales .op-sales-body{grid-template-columns:1fr;padding:24px 20px 28px;gap:28px}
 #op-sales .op-sales-body h3{font-size:24px;margin-block:9px 18px}
 #op-sales .op-research-findings li{padding-block:15px}
 #op-sales .op-research-findings strong{font-size:15px}
 #op-sales .op-research-findings p{font-size:14px}
 #op-sales .op-sales-letter{padding:19px 17px}
 #op-sales .op-sales-letter>p{font-size:15px}
 #op-sales .op-sales-review-state{font-size:12px}
 dialog.output-preview[data-output-kind=delivery]{width:calc(100vw - 24px)}
 .output-preview .op-delivery .op-document-header h2{font-size:33px;line-height:1.1}
 .output-preview .op-delivery-ticket{grid-template-columns:88px minmax(0,1fr);margin-top:22px}
 .output-preview .op-delivery-date{padding:18px 9px}
 .output-preview .op-delivery-date>strong{font-size:58px}
 .output-preview .op-delivery-date>span{font-size:12px;letter-spacing:.06em}
 .output-preview .op-delivery-slot{padding:21px 15px}
 .output-preview .op-delivery-slot>.op-document-label{font-size:12px;letter-spacing:.03em}
 .output-preview .op-delivery-slot>strong{font-size:30px;margin-top:7px;white-space:nowrap}
 .output-preview .op-delivery-slot>p{font-size:12px;margin:6px 0 12px}
 .output-preview .op-delivery-status{font-size:12px;padding:4px 5px;gap:5px}
 .output-preview .op-delivery-changes dl>div{grid-template-columns:1fr;gap:7px;padding-block:15px}
 .output-preview .op-delivery-changes dd{font-size:14px}
 .output-preview .op-delivery-trail li{gap:18px}
 .output-preview .op-delivery-trail strong{font-size:14px}
 .output-preview .op-delivery-trail p{font-size:13px}
 .delivery-evidence .dispatch-next{gap:10px;padding-inline:12px}
 .delivery-evidence .dispatch-next>span{font-size:11px}
 .delivery-evidence .dispatch-next strong{font-size:11px}
}
@media(max-width:360px){
 #op-sales .op-sales-header,#op-sales .op-sales-body{padding-inline:16px}
 #op-sales .op-sales-verdict{margin-inline:16px}
 #op-sales .op-sales-finding{padding-inline:12px}
 #op-sales .op-sales-finding h3>span{font-size:29px}
 .output-preview .op-delivery-ticket{grid-template-columns:74px minmax(0,1fr)}
 .output-preview .op-delivery-date>strong{font-size:49px}
 .output-preview .op-delivery-slot{padding-inline:12px}
 .output-preview .op-delivery-slot>strong{font-size:27px}
 .output-preview .op-delivery .op-document-header h2{font-size:30px}
 .output-preview .op-report .op-report-summary{grid-template-columns:1fr;gap:13px}
 .output-preview .op-report .op-big-number{display:flex;align-items:baseline;gap:10px}
 .output-preview .op-report .op-big-number span{margin:0}
}

/* source: outcome-covers.css */
/* Finished work leads; dates and source details support it. */
.outcome-cover{--cover-ink:#254637;--cover-teal:#46796b;--cover-muted:#526356;--cover-paper:#faf7ed}
.lead-evidence.outcome-cover .research-masthead{background:#f0ebdc;padding:12px 19px;border-bottom:1px solid #b49a66}
.lead-evidence.outcome-cover .research-masthead h4{font-size:22px;letter-spacing:-.035em}
.lead-evidence.outcome-cover .research-masthead>span{font-size:12px;color:#5c604d}
.lead-evidence.outcome-cover .research-body{grid-template-columns:.4fr .6fr;min-height:188px}
.lead-evidence.outcome-cover .research-finding{padding:20px 22px;background:var(--cover-paper);display:flex;flex-direction:column;justify-content:center}
.lead-evidence.outcome-cover .research-context{font-size:12px;line-height:1.45;color:var(--cover-muted)}
.lead-evidence.outcome-cover .research-outcome{font-size:36px;line-height:1.07;letter-spacing:-.045em;font-weight:550;color:var(--cover-ink);margin-top:10px;max-width:none}
.lead-evidence.outcome-cover .research-outcome>span{display:block;color:var(--cover-teal)}
.lead-evidence.outcome-cover .research-sources{font-size:12px!important;line-height:1.5!important;margin-top:12px!important;color:#36533e}
.lead-evidence.outcome-cover .research-sources>span{color:#68624d}
.lead-evidence.outcome-cover .research-follow-up{padding:13px 19px 14px;border-top-color:#d7d5c4}
.lead-evidence.outcome-cover .research-follow-up::before{background:#518374}
.lead-evidence.outcome-cover .research-follow-up>span{font-size:11px;color:#4c6a59;letter-spacing:.065em}
.lead-evidence.outcome-cover .research-follow-up>p{font-size:14px!important;line-height:1.5!important;color:#334b3d}
.lead-evidence.outcome-cover .research-preview-link{background:#f1eddf;font-size:13px;padding-inline:19px;color:#284d3b}
.delivery-evidence.outcome-cover .dispatch-masthead{background:#f0ebdc;color:#2d4939;border-bottom:1px solid #b49a66;font-size:12px;padding:12px 18px;letter-spacing:.035em}
.delivery-evidence.outcome-cover .dispatch-masthead>span:last-child{font-size:12px;color:#526356;letter-spacing:0}
.delivery-evidence.outcome-cover .dispatch-body{grid-template-columns:.4fr .6fr;min-height:198px}
.delivery-evidence.outcome-cover .dispatch-status{padding:20px 22px;background:var(--cover-paper);display:flex;flex-direction:column;justify-content:center}
.delivery-evidence.outcome-cover .dispatch-context{display:block;font-size:11px;line-height:1.4;letter-spacing:.075em;color:#716044}
.delivery-evidence.outcome-cover .dispatch-outcome{font-size:36px;line-height:1.07;letter-spacing:-.045em;font-weight:550;margin-top:9px;color:var(--cover-ink)}
.delivery-evidence.outcome-cover .dispatch-confirmation{font-size:12px;line-height:1.5;color:#526356;margin-top:10px}
.delivery-evidence.outcome-cover .dispatch-work-done{display:flex;align-items:center;gap:7px;padding-top:10px;margin:10px 0 0!important;border-top:1px solid #d9ddcd;font-size:12px!important;line-height:1.4!important;font-weight:550;color:#305b45}
.delivery-evidence.outcome-cover .dispatch-work-done>i{font-style:normal;color:#46796b}
.delivery-evidence.outcome-cover .dispatch-next{border-top:1px solid #b49a66;background:#f1eddf}
.delivery-evidence.outcome-cover .dispatch-next button{font-size:13px;white-space:normal}
@container work-evidence (max-width:450px){
 .lead-evidence.outcome-cover .research-masthead{padding:10px 13px;gap:10px}
 .lead-evidence.outcome-cover .research-masthead h4{font-size:20px}
 .lead-evidence.outcome-cover .research-masthead>span{font-size:11px;max-width:73px}
 .lead-evidence.outcome-cover .research-body{grid-template-columns:.3fr .7fr;min-height:157px}
 .lead-evidence.outcome-cover .research-finding{padding:14px 14px}
 .lead-evidence.outcome-cover .research-context{font-size:12px}
 .lead-evidence.outcome-cover .research-outcome{font-size:29px;margin-top:8px;line-height:1.08}
 .lead-evidence.outcome-cover .research-sources{margin-top:9px!important;font-size:12px!important;line-height:1.45!important}
 .lead-evidence.outcome-cover .research-follow-up{padding:11px 13px 12px}
 .lead-evidence.outcome-cover .research-follow-up>p{font-size:13px!important;line-height:1.45!important}
 .lead-evidence.outcome-cover .research-preview-link{padding-inline:13px;font-size:12px}
 .delivery-evidence.outcome-cover .dispatch-masthead{padding:10px 13px;gap:8px;font-size:11px;letter-spacing:.025em}
 .delivery-evidence.outcome-cover .dispatch-masthead>span:last-child{font-size:11px}
 .delivery-evidence.outcome-cover .dispatch-body{grid-template-columns:.3fr .7fr;min-height:173px}
 .delivery-evidence.outcome-cover .dispatch-status{padding:13px 14px}
 .delivery-evidence.outcome-cover .dispatch-context{font-size:11px;letter-spacing:.04em}
 .delivery-evidence.outcome-cover .dispatch-outcome{font-size:29px;margin-top:8px;line-height:1.08}
 .delivery-evidence.outcome-cover .dispatch-confirmation{font-size:12px;margin-top:8px}
 .delivery-evidence.outcome-cover .dispatch-work-done{font-size:12px!important;padding-top:8px;margin-top:9px!important}
 .delivery-evidence.outcome-cover .dispatch-next{gap:10px;padding:6px 12px}
 .delivery-evidence.outcome-cover .dispatch-next button{font-size:12px;gap:8px}
}
@container work-evidence (max-width:300px){
 .lead-evidence.outcome-cover .research-body,.delivery-evidence.outcome-cover .dispatch-body{grid-template-columns:.25fr .75fr}
 .lead-evidence.outcome-cover .research-finding,.delivery-evidence.outcome-cover .dispatch-status{padding-inline:12px}
 .lead-evidence.outcome-cover .research-outcome,.delivery-evidence.outcome-cover .dispatch-outcome{font-size:26px}
 .delivery-evidence.outcome-cover .dispatch-masthead{flex-wrap:wrap;gap:3px 12px;padding-block:8px}
 .delivery-evidence.outcome-cover .dispatch-next>span{font-size:11px;max-width:105px}
 .delivery-evidence.outcome-cover .dispatch-next strong{font-size:11px}
}

/* source: identity-system.css */
/* Cliff's approved signature: paper, forest ink and the open C. */
:root{--signature-paper:#faf8f2;--signature-ink:#203e34;--signature-teal:#4cb8ad;--signature-gold:#e6be4c}
.home-page .home-team-story{background:#203e34;position:relative;padding-block:70px}
.home-page .home-team-story .home-story-copy h2{font-weight:530;letter-spacing:-.048em}
.home-page .home-team-story .home-story-grid{gap:32px 56px}
.home-page .channel-showcase .demo-stage{border-radius:0;padding:0;background:transparent;border:0;box-shadow:none}
.home-page .demo-stage .demo-toolbar{padding:0 2px 12px}
.home-page .demo-stage .scenario{color:#465c4e;font-size:14px}
.home-page .demo-stage .scenario:hover{color:#203e34;background:#dfe6d8}
.home-page .demo-stage .scenario.active{background:#203e34;color:#fffdf5;border-color:#203e34}
.home-page .demo-stage .scenario.active:hover{background:#203e34;color:#fffdf5}
.cliff-folio-mark{height:35px;width:156px;border-radius:8px 8px 0 0;letter-spacing:-.035em;font-size:15px;background:#eadfbe;border-color:#bfae7a;left:22px}
.cliff-folio-mark img{width:23px;height:23px}
.home-page .hero .channel-showcase{margin-top:44px}
.home-page .demo-stage .simple-conversation{box-shadow:0 16px 36px -28px #203e3440;border-radius:0 0 8px 8px;border-top:0}
.waitlist-section{position:relative;isolation:isolate;background:#203e34}
.waitlist-section::after{content:'';pointer-events:none;position:absolute;z-index:-1;inset:-135px -150px auto auto;width:430px;height:430px;border:80px solid #476e61;border-right-color:transparent;border-radius:50%;transform:rotate(-5deg);opacity:.34}
.closing-brand-symbol{width:102px;flex-basis:102px}
.site-footer{border-top:1px solid #d6dbc9}
.inner-page .page-hero h1{font-weight:570;letter-spacing:-.045em}
.inner-page .page-hero h1>span{font-weight:460}
.sol-area-toggle{border-color:#b5c8ba;color:#2e6c5f}
.sol-story .sol-dialogue{border-radius:6px;box-shadow:0 8px 0 -4px #cdd0b5}
.sol-story .sol-attachment{border-radius:3px}
.sol-operations{background:#203e34}
.sol-operations .sol-copy h2 span{color:#ead7a9}
.compare-handover-sheet{border-top-color:#b59a63}
.compare-handover-sheet .compare-evidence{border-radius:5px;box-shadow:0 8px 0 -4px #d4d7c4}
.compare-directory-list a:hover{background:#f0eddf}
.legal-summary{background:#f1e9d4;border-color:#c7b68e;border-radius:4px;border-top:3px solid #4cb8ad}
.legal-document h2{font-weight:550;letter-spacing:-.035em}
@media(max-width:760px){
.home-page .home-team-story{padding-block:42px 46px}
.home-page .home-team-story .home-story-grid{gap:18px}
.home-page .channel-showcase .demo-stage{padding:0;border-radius:0;box-shadow:none}
.home-page .demo-stage .demo-toolbar{padding:0 0 8px}
.home-page .hero .channel-showcase{margin-top:30px}
.cliff-folio-mark{width:132px;height:29px;left:13px;font-size:13px}
.cliff-folio-mark img{width:20px;height:20px}
.closing-brand-symbol{width:48px;flex-basis:48px}
.waitlist-section::after{width:260px;height:260px;border-width:53px;right:-100px;top:-52px;opacity:.28}
}
/* Keep the real interface intact: title and one complete record on phones. */
.product-text-channel svg{flex:0 0 24px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media(min-width:761px){
 .home-page .simple-conversation .rich-reply:is([data-output-kind="delivery"],[data-output-kind="invoice"],[data-output-kind="summary"]){width:100%;max-width:680px;margin-left:0}
 .home-page .simple-conversation .rich-reply[data-output-kind="summary"]{max-width:600px}
}
@media(max-width:600px){
.home-workspace-image picture,.product-page #workspace-work .workspace-main-picture{height:auto;aspect-ratio:390/610}
.home-workspace-image img,.product-page #workspace-work .workspace-main-picture img{transform:translateY(-7%)}
.product-page #workspace-responsibilities .workspace-main-picture{height:auto;aspect-ratio:390/580}
.product-page #workspace-responsibilities .workspace-main-picture img{transform:translateY(-7%)}
}

/* source: site-motion.css */
/* A quiet, site-wide alternative to playback controls inside the demonstration. */
.site-motion-preference{display:inline-flex;align-items:center;gap:7px;min-height:44px;cursor:pointer;font:400 12px/1.4 Geist,Arial,sans-serif;color:#4b6455}
.site-motion-preference[hidden]{display:none}
.site-motion-preference input{width:14px;height:14px;margin:0;accent-color:#284735;cursor:pointer}
.site-motion-preference input:focus-visible{outline:2px solid #317863;outline-offset:3px}
html[data-motion=reduced]{scroll-behavior:auto!important}
html[data-motion=reduced] *,html[data-motion=reduced] *::before,html[data-motion=reduced] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html[data-motion=reduced] .demo-stage .wo-bar>i,html[data-motion=reduced] .demo-stage .finance-aging-track{transform:none!important;clip-path:none!important}

/* source: floating-waitlist.css */
/* Uses the same forest, paper and type as the page's primary invitation. */
/* Leave room to scroll the last content and keyboard targets above the dock. */
html:has([data-floating-waitlist]) { scroll-padding-bottom: calc(108px + env(safe-area-inset-bottom)); }
body:has([data-floating-waitlist]) .footer-bottom { padding-bottom: calc(108px + env(safe-area-inset-bottom)); }
body:has([data-floating-waitlist]) main :is(a, button, summary, input, select, textarea, [tabindex]) { scroll-margin-bottom: calc(108px + env(safe-area-inset-bottom)); }
.floating-waitlist {
  position: fixed;
  z-index: 45;
  left: 50%;
  transform: translateX(-50%);
  bottom: calc(20px + env(safe-area-inset-bottom));
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 26px;
  box-sizing: border-box;
  width: 270px;
  max-width: calc(100% - 32px);
  min-height: 68px;
  padding: 15px 26px;
  border: 6px solid #faf8f2;
  border-radius: 999px;
  background: #203e34;
  color: #faf8f2;
  box-shadow: 0 2px 5px #10251b14, 0 10px 30px #10251b30, 0 0 0 1px #203e341a;
  font: 550 16px/1.4 'Geist', sans-serif;
  letter-spacing: -.015em;
  cursor: pointer;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: opacity 160ms ease, visibility 160ms;
}
.floating-waitlist.is-visible { visibility: visible; opacity: 1; pointer-events: auto; }
.floating-waitlist:hover { background: #476e61; }
.floating-waitlist:focus-visible { outline: 3px solid #d87b40; outline-offset: 7px; }
.floating-waitlist > span { font-size: 20px; font-weight: 400; line-height: 1; }
@media (max-width: 760px) {
  .floating-waitlist { width: calc(100% - 32px); max-width: 400px; min-height: 68px; padding: 15px 24px; bottom: calc(12px + env(safe-area-inset-bottom)); }
}
@media (prefers-reduced-motion: reduce) { .floating-waitlist { transition: none; } }
html[data-motion="reduced"] .floating-waitlist { transition: none; }

/* source: identity-outputs.css */
/* Local identity concept: Cliff's signed research folio and dispatch record. */
.outcome-cover.cliff-output {
  --output-paper:#f8f3e7;
  --output-forest:#203e34;
  --output-gold:#e6d0a0;
  background:var(--output-paper);
}
.cliff-output .cliff-output-signature {
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.cliff-output .cliff-output-signature img {
  display:block;
  width:22px;
  height:22px;
  flex:0 0 22px;
  object-fit:contain;
}
.lead-evidence.outcome-cover.cliff-output .research-masthead,
.delivery-evidence.outcome-cover.cliff-output .dispatch-masthead {
  padding:12px 18px;
  background:var(--output-paper);
  border-bottom:1px solid #b8a276;
  color:var(--output-forest);
}
.lead-evidence.outcome-cover.cliff-output .research-masthead h4 {
  font-size:21px;
  font-weight:550;
  letter-spacing:-.035em;
}
.lead-evidence.outcome-cover.cliff-output .research-masthead>span,
.delivery-evidence.outcome-cover.cliff-output .dispatch-masthead>span:last-child {
  color:#5c654e;
  font-size:12px;
}
.lead-evidence.outcome-cover.cliff-output .research-body,
.delivery-evidence.outcome-cover.cliff-output .dispatch-body {
  grid-template-columns:44% 56%;
  min-height:204px;
}
.cliff-output .research-photograph,
.cliff-output .dispatch-photograph {
  border-right:1px solid #b8a276;
}
.cliff-output .research-photograph img {object-position:49% 53%;}
.cliff-output .dispatch-photograph img {object-position:46% 68%;}
.lead-evidence.outcome-cover.cliff-output .research-finding {
  padding:23px 24px;
  background:var(--output-forest);
}
.lead-evidence.outcome-cover.cliff-output .research-context {
  color:#e6e7d8;
  font-size:12px;
}
.lead-evidence.outcome-cover.cliff-output .research-outcome {
  color:#fffaf0;
  font-size:36px;
  font-weight:530;
  letter-spacing:-.05em;
  line-height:1.04;
  margin-top:13px;
}
.lead-evidence.outcome-cover.cliff-output .research-outcome>span {color:var(--output-gold);}
.lead-evidence.outcome-cover.cliff-output .research-sources {
  color:#f0f0e2;
  margin-top:15px!important;
  font-size:14px!important;
}
.lead-evidence.outcome-cover.cliff-output .research-sources>span {color:#d9dfcf;}
.lead-evidence.outcome-cover.cliff-output .research-follow-up {
  padding:14px 18px 14px 21px;
  background:#fffdf6;
  border-top:0;
}
.lead-evidence.outcome-cover.cliff-output .research-follow-up::before {
  left:0;
  top:15px;
  bottom:15px;
  width:3px;
  background:#4cb8ad;
}
.lead-evidence.outcome-cover.cliff-output .research-follow-up>span {font-size:12px;color:#526951;}
.lead-evidence.outcome-cover.cliff-output .research-follow-up>p {font-size:14px!important;line-height:1.45!important;}
.lead-evidence.outcome-cover.cliff-output .research-preview-link {
  padding:10px 18px;
  min-height:44px;
  background:var(--output-paper);
  border-top:1px solid #d5c9ae;
}
.delivery-evidence.outcome-cover.cliff-output .dispatch-status {
  padding:19px 24px 18px;
  background:#e9d5ac;
}
.delivery-evidence.outcome-cover.cliff-output .dispatch-context {
  color:#435541;
  font-size:12px;
  letter-spacing:.075em;
  padding-bottom:10px;
  border-bottom:1px solid #ad9970;
}
.delivery-evidence.outcome-cover.cliff-output .dispatch-outcome {
  margin-top:13px;
  color:#203e34;
  font-size:38px;
  line-height:1.04;
  font-weight:530;
  letter-spacing:-.05em;
}
.delivery-evidence.outcome-cover.cliff-output .dispatch-confirmation {
  color:#40543f;
  font-size:12px;
  margin-top:10px;
}
.delivery-evidence.outcome-cover.cliff-output .dispatch-work-done {
  align-items:flex-start;
  gap:7px;
  padding-top:10px;
  margin-top:11px!important;
  border-top:1px solid #b9a47b;
  color:#203e34;
  font-size:12px!important;
  line-height:1.4!important;
}
.delivery-evidence.outcome-cover.cliff-output .dispatch-work-done i {color:#285a49;}
.delivery-evidence.outcome-cover.cliff-output .dispatch-work-done small {
  display:block;
  font-size:12px;
  font-weight:400;
  line-height:1.4;
  color:#4c5b45;
}
.delivery-evidence.outcome-cover.cliff-output .dispatch-next {
  padding:8px 18px;
  background:var(--output-paper);
  border-top:1px solid #b8a276;
}
.delivery-evidence.outcome-cover.cliff-output .dispatch-next>span {font-size:12px;}
.delivery-evidence.outcome-cover.cliff-output .dispatch-next strong {font-size:12px;}
.delivery-evidence.outcome-cover.cliff-output .dispatch-next button {min-height:44px;}

@container work-evidence (max-width:450px) {
  .cliff-output .cliff-output-signature {gap:8px;}
  .cliff-output .cliff-output-signature img {width:18px;height:18px;flex-basis:18px;}
  .lead-evidence.outcome-cover.cliff-output .research-masthead,
  .delivery-evidence.outcome-cover.cliff-output .dispatch-masthead {padding:10px 12px;gap:8px;}
  .lead-evidence.outcome-cover.cliff-output .research-masthead h4 {font-size:18px;}
  .lead-evidence.outcome-cover.cliff-output .research-masthead>span {font-size:12px;max-width:84px;line-height:1.4;}
  .delivery-evidence.outcome-cover.cliff-output .dispatch-masthead {font-size:12px;letter-spacing:.025em;}
  .delivery-evidence.outcome-cover.cliff-output .dispatch-masthead>span:last-child {font-size:12px;}
  .lead-evidence.outcome-cover.cliff-output .research-body,
  .delivery-evidence.outcome-cover.cliff-output .dispatch-body {grid-template-columns:37% 63%;min-height:174px;}
  .lead-evidence.outcome-cover.cliff-output .research-finding {padding:17px 14px;}
  .lead-evidence.outcome-cover.cliff-output .research-context {font-size:12px;}
  .lead-evidence.outcome-cover.cliff-output .research-outcome {font-size:28px;margin-top:10px;}
  .lead-evidence.outcome-cover.cliff-output .research-sources {font-size:13px!important;margin-top:11px!important;line-height:1.5!important;}
  .lead-evidence.outcome-cover.cliff-output .research-follow-up {padding:11px 13px 12px 16px;}
  .lead-evidence.outcome-cover.cliff-output .research-follow-up>p {font-size:14px!important;}
  .lead-evidence.outcome-cover.cliff-output .research-follow-up::before {top:12px;bottom:12px;}
  .lead-evidence.outcome-cover.cliff-output .research-preview-link {padding:9px 13px;font-size:12px;}
  .delivery-evidence.outcome-cover.cliff-output .dispatch-status {padding:13px 14px;}
  .delivery-evidence.outcome-cover.cliff-output .dispatch-context {font-size:12px;padding-bottom:8px;letter-spacing:.025em;}
  .delivery-evidence.outcome-cover.cliff-output .dispatch-outcome {font-size:29px;margin-top:10px;}
  .delivery-evidence.outcome-cover.cliff-output .dispatch-confirmation {font-size:12px;margin-top:8px;}
  .delivery-evidence.outcome-cover.cliff-output .dispatch-work-done {font-size:12px!important;padding-top:8px;margin-top:9px!important;gap:5px;}
  .delivery-evidence.outcome-cover.cliff-output .dispatch-work-done small {font-size:12px;}
  .delivery-evidence.outcome-cover.cliff-output .dispatch-next {padding:5px 12px;gap:8px;}
  .delivery-evidence.outcome-cover.cliff-output .dispatch-next strong {display:block;font-size:12px;margin-left:0;}
  .delivery-evidence.outcome-cover.cliff-output .dispatch-next button {font-size:12px;}
}
@container work-evidence (max-width:300px) {
  .cliff-output .cliff-output-signature {gap:6px;}
  .cliff-output .cliff-output-signature img {width:16px;height:16px;flex-basis:16px;}
  .lead-evidence.outcome-cover.cliff-output .research-masthead h4 {font-size:17px;}
  .lead-evidence.outcome-cover.cliff-output .research-body,
  .delivery-evidence.outcome-cover.cliff-output .dispatch-body {grid-template-columns:34% 66%;}
  .lead-evidence.outcome-cover.cliff-output .research-finding,
  .delivery-evidence.outcome-cover.cliff-output .dispatch-status {padding-inline:11px;}
  .lead-evidence.outcome-cover.cliff-output .research-outcome,
  .delivery-evidence.outcome-cover.cliff-output .dispatch-outcome {font-size:27px;}
}

/* The same quiet maker's mark on reports and connected records. */
.cliff-stationery-signature{display:inline-flex;align-items:center;gap:8px;min-width:0}
.cliff-stationery-mark{display:block;width:22px;height:22px;flex:0 0 22px;object-fit:contain}
.work-output.cliff-stationery{background:#faf7ed;border-color:#cbbd9b;border-radius:4px}
.work-output.cliff-stationery .wo-heading{padding:11px 18px;border-bottom:1px solid #cbbd9b;background:#f8f3e7;min-height:45px}
.work-output.cliff-stationery .wo-kicker{color:#435d4d;letter-spacing:.065em}
.work-output.cliff-stationery .wo-sample{color:#5a6758}
.work-output.cliff-stationery .wo-title-row{padding-top:14px}
.work-output.cliff-stationery .wo-total{background:#203e34;border-left-color:#d6b873}
.work-output.cliff-stationery .wo-bar>i{background:#508778}
.work-output.cliff-stationery .wo-bar--peak>i{background:#b18c4d}
.work-output.cliff-stationery .wo-report-foot,
.work-output.cliff-stationery .wo-invoice-foot{background:#f2ecdb;border-top-color:#cbbd9b}
.work-output--invoice.cliff-stationery .wo-invoice-main{border-left-color:#b99b62}
.work-output--invoice.cliff-stationery .wo-invoice-quote{background:#edf1e6;border-left:3px solid #508778}
.output-preview .cliff-stationery-signature{gap:9px}
.output-preview .op-edition{padding-bottom:15px;border-bottom:1px solid #cbbd9b;min-height:38px;color:#435d4d}
.output-preview .op-edition>.cliff-stationery-signature:last-child{justify-content:flex-end}
.output-preview .op-document-header h2 em{color:#4d8073}
#op-sales .op-sales-provenance .cliff-stationery-mark,
#op-campaign .op-campaign-provenance .cliff-stationery-mark{width:22px;height:22px;flex:0 0 22px}
#op-sales .op-sales-header,#op-campaign .op-campaign-header{border-bottom:1px solid #cbbd9b}
#op-campaign .op-campaign-provenance.cliff-stationery-signature{display:flex;color:#56644e}
#op-campaign .op-campaign-provenance.cliff-stationery-signature>span{color:inherit}
@container work-output (max-width:420px){
 .work-output.cliff-stationery .wo-heading{padding:9px 13px;min-height:39px}
 .work-output.cliff-stationery .cliff-stationery-mark{width:18px;height:18px;flex-basis:18px}
 .work-output.cliff-stationery .cliff-stationery-signature{gap:6px}
 .work-output.cliff-stationery .wo-title-row{padding-top:11px}
 .work-output.cliff-stationery .wo-kicker{font-size:12px;letter-spacing:.045em}
 .work-output.cliff-stationery .wo-sample{font-size:12px}
}
@media(max-width:600px){
 .output-preview .op-edition{padding-bottom:12px;gap:10px;letter-spacing:.04em}
 .output-preview .cliff-stationery-mark,
 #op-sales .op-sales-provenance .cliff-stationery-mark,
 #op-campaign .op-campaign-provenance .cliff-stationery-mark{width:20px;height:20px;flex-basis:20px}
 .output-preview .cliff-stationery-signature{gap:7px}
}

/* source: output-polish.css */
/* Returned work: useful records with Cliff's paper, ink and signature. */
.delivery-evidence.dispatch-record{border:1px solid #c7c7b6;border-radius:4px;background:#faf7ed;font-variant-numeric:tabular-nums}
.delivery-evidence.outcome-cover.cliff-output.dispatch-record .dispatch-masthead{padding:10px 17px;font-size:13px;letter-spacing:0;background:#f6f0e2;border-bottom:1px solid #d5cbb6}
.delivery-evidence.outcome-cover.cliff-output.dispatch-record .dispatch-masthead>span:last-child{font-size:12px;color:#52665b}
.dispatch-record .dispatch-ticket{display:grid;grid-template-columns:75px minmax(0,1fr) 110px;align-items:stretch;gap:20px;padding:19px 17px}
.dispatch-record .dispatch-calendar{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:55px;padding:10px 5px;background:#294c3c;color:#fcf8e9;border-top:3px solid #c4a168;border-radius:2px}
.dispatch-record .dispatch-calendar>span{font-size:12px;line-height:1.4;letter-spacing:.05em;color:#e9dec3}
.dispatch-record .dispatch-calendar>strong{font-size:40px;font-weight:550;line-height:1.2;letter-spacing:-.04em;color:#fff9ea}
.dispatch-record .dispatch-calendar>strong,.dispatch-record .dispatch-calendar>span{white-space:nowrap;overflow-wrap:normal;word-break:normal}
.dispatch-record .dispatch-window{min-width:0;align-self:center}
.dispatch-record .dispatch-window>h4{font-size:15px;line-height:1.35;font-weight:550;letter-spacing:-.015em;margin:0;color:#345642}
.dispatch-record .dispatch-window>strong{display:block;font-size:38px;line-height:1.12;font-weight:550;letter-spacing:-.04em;color:#203e34;margin-top:6px}
.dispatch-record .dispatch-window>p{font-size:13px!important;line-height:1.5!important;font-weight:400;color:#52665b;margin:7px 0 0!important}
.dispatch-record .dispatch-window>p>span+span::before{content:" · ";white-space:pre}
.dispatch-record .dispatch-record-photo{position:relative;overflow:hidden;border-radius:2px;min-height:107px}
.dispatch-record .dispatch-record-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:45% 70%}
.dispatch-record .dispatch-record-state{display:flex;align-items:center;flex-wrap:wrap;gap:8px 22px;padding:11px 17px;border-top:1px solid #ded7c6;background:#f2f3e9;font-size:13px;line-height:1.4;color:#355741}
.dispatch-record .dispatch-record-state>span{display:inline-flex;gap:7px;align-items:center}
.dispatch-record .dispatch-record-state>span:last-child{color:#6a5b38}
.dispatch-record .dispatch-record-state i{font-style:normal;font-size:14px;color:inherit}
.delivery-evidence.outcome-cover.cliff-output.dispatch-record .dispatch-next{padding:6px 17px;gap:15px;border-top:1px solid #d5cbb6;background:#faf7ed}
.delivery-evidence.outcome-cover.cliff-output.dispatch-record .dispatch-next>span,.delivery-evidence.outcome-cover.cliff-output.dispatch-record .dispatch-next strong{font-size:12px;line-height:1.5;max-width:none}
.delivery-evidence.outcome-cover.cliff-output.dispatch-record .dispatch-next button{min-height:44px;font-size:13px;gap:12px}

.work-output--summary.weekly-record{background:#faf7ed;font-variant-numeric:tabular-nums}
.work-output--summary.weekly-record .wo-heading{padding:10px 17px;min-height:44px;gap:10px}
.work-output--summary.weekly-record .wo-kicker{font-size:14px;line-height:1.3;font-weight:550;letter-spacing:-.015em;text-transform:none;color:#2a4938}
.work-output--summary.weekly-record .wo-sample{font-size:12px;color:#52665b}
.work-output--summary.weekly-record .wo-week{grid-template-columns:minmax(110px,.85fr) minmax(0,1.6fr);gap:24px;padding:16px 17px;align-items:center}
.work-output--summary.weekly-record .wo-total{padding:0;background:none;border:0;color:#203e34}
.work-output--summary.weekly-record .wo-total strong{font-size:58px;line-height:1;font-weight:550;color:#203e34}
.work-output--summary.weekly-record .wo-total>span{font-size:13px;line-height:1.4;color:#52665b;margin-top:5px}
.work-output--summary.weekly-record .wo-total>.wo-week-change{font-size:12px;line-height:1.4;color:#355b46;font-weight:550;margin-top:7px;white-space:nowrap}
.work-output--summary.weekly-record .wo-chart{height:89px;gap:12px}
.work-output--summary.weekly-record .wo-bar>span,.work-output--summary.weekly-record .wo-bar>small{font-size:12px;color:#42604d}
.work-output--summary.weekly-record .wo-bar>i{height:calc(var(--jobs)*6px);background:#508778;max-width:40px;border-radius:2px 2px 0 0}
.work-output--summary.weekly-record .wo-bar--peak>i{background:#b18c4d}
.weekly-record .wo-monday-decision{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:10px 18px;align-items:center;padding:13px 17px;border-top:1px solid #d9d1bd;background:#eee7d3}
.weekly-record .wo-monday-decision>span:first-child{font-size:12px;line-height:1.5;font-weight:600;letter-spacing:.03em;color:#766039}
.weekly-record .wo-monday-decision>p{margin:0!important;font-size:14px!important;line-height:1.45!important;color:#2f4a37}
.weekly-record .wo-monday-decision>p>strong{display:block;font-size:14px;font-weight:600}
.weekly-record .wo-monday-decision>p>span{display:block;font-size:13px;color:#52604a;margin-top:2px}
.weekly-record .wo-decision-count{font-size:12px;line-height:1.4;color:#6a5c3f;text-align:right}
.work-output--summary.weekly-record .wo-report-foot{display:flex;align-items:center;padding:5px 17px;background:#faf7ed;gap:12px}
.work-output--summary.weekly-record .wo-report-foot>span{font-size:12px;color:#52665b}
.work-output--summary.weekly-record .wo-report-foot button{min-height:44px;font-size:13px;margin:0;width:auto;white-space:nowrap;border:0}

/* One functional title and date, so the opened record starts with substance. */
.output-preview :is(.op-report,.op-delivery).op-document{padding:24px 34px 0}
.output-preview :is(.op-report,.op-delivery) .op-edition{font-size:12px;letter-spacing:.025em;min-height:30px;padding-bottom:12px;color:#435d4d}
.output-preview :is(.op-report,.op-delivery) .op-edition>span:last-child{font-weight:400;letter-spacing:0;color:#52665b}
.output-preview :is(.op-report,.op-delivery) .op-document-header h2{font-size:30px;font-weight:600;line-height:1.15;letter-spacing:-.035em;margin:16px 0 7px;color:#263d31}
.output-preview :is(.op-report,.op-delivery) .op-document-header>p{font-size:13px;line-height:1.5;color:#52665b;margin:0}
.output-preview .op-report .op-report-summary{grid-template-columns:125px minmax(0,1fr);gap:22px;margin-top:20px;padding:20px 22px}
.output-preview .op-report .op-big-number strong{font-size:62px}
.output-preview .op-report .op-big-number span{font-size:13px;line-height:1.4}
.output-preview .op-report .op-big-number .op-week-change{font-size:12px;color:#e9d8a8;margin-top:8px;font-weight:550;white-space:nowrap}
.output-preview .op-report .op-summary-finding .op-document-label{font-size:12px;margin-bottom:7px;letter-spacing:.04em}
.output-preview .op-report .op-summary-finding p{font-size:16px;line-height:1.5;letter-spacing:-.01em;max-width:42ch}
.output-preview .op-report .op-decisions li p{font-size:14px}
.output-preview .op-report .op-chart-bar>span,.output-preview .op-report .op-chart-bar>small{font-size:13px}
.output-preview .op-delivery .op-delivery-ticket{margin-top:20px;grid-template-columns:115px minmax(0,1fr)}
.output-preview .op-delivery .op-delivery-date{padding:20px 14px}
.output-preview .op-delivery .op-delivery-date>strong{font-size:58px}
.output-preview .op-delivery .op-delivery-slot{padding:22px 25px}
.output-preview .op-delivery .op-delivery-slot>strong{font-size:36px}
.output-preview .op-delivery .op-delivery-slot>p{font-size:14px;margin:7px 0 12px}
.output-preview :is(.op-report,.op-delivery) .op-document-footer{margin-inline:-34px;padding-inline:34px}
.output-preview :is(.op-report,.op-delivery) .op-document-footer>span:last-child{font-size:12px}
.output-preview .op-report .op-summary-finding .op-document-label{color:#e9d8a8}

@container work-evidence (max-width:600px){
 .dispatch-record .dispatch-ticket{grid-template-columns:65px minmax(0,1fr);gap:16px;padding:16px}
 .dispatch-record .dispatch-record-photo{display:none}
 .dispatch-record .dispatch-window>strong{font-size:34px}
}
@container work-evidence (max-width:400px){
 .delivery-evidence.outcome-cover.cliff-output.dispatch-record .dispatch-masthead{padding:9px 12px;gap:8px;font-size:13px}
 .dispatch-record .dispatch-ticket{grid-template-columns:55px minmax(0,1fr);gap:13px;padding:15px 12px}
 .dispatch-record .dispatch-calendar>strong{font-size:34px}
 .dispatch-record .dispatch-window>h4{font-size:14px;line-height:1.35}
 .dispatch-record .dispatch-window>strong{font-size:30px;margin-top:5px}
 .dispatch-record .dispatch-window>p{font-size:13px!important;line-height:1.45!important;margin-top:6px!important}
 .dispatch-record .dispatch-window>p>span{display:block}
 .dispatch-record .dispatch-window>p>span+span::before{content:none}
 .dispatch-record .dispatch-record-state{font-size:13px;line-height:1.4;padding:10px 12px;gap:7px 15px}
 .delivery-evidence.outcome-cover.cliff-output.dispatch-record .dispatch-next{padding:5px 12px;gap:10px}
 .delivery-evidence.outcome-cover.cliff-output.dispatch-record .dispatch-next button{font-size:13px;gap:9px}
}
@container work-evidence (max-width:290px){
 .dispatch-record .dispatch-ticket{grid-template-columns:55px minmax(0,1fr);gap:10px}
 .dispatch-record .dispatch-window>strong{font-size:28px}
 .dispatch-record .dispatch-record-state{gap:6px 12px}
 .delivery-evidence.outcome-cover.cliff-output.dispatch-record .dispatch-next{display:grid;grid-template-columns:1fr}
 .delivery-evidence.outcome-cover.cliff-output.dispatch-record .dispatch-next>span{display:flex;flex-wrap:wrap;gap:5px;padding-top:4px}
 .delivery-evidence.outcome-cover.cliff-output.dispatch-record .dispatch-next button{border-top:1px solid #e1dac8;justify-content:space-between}
}
@container work-output (max-width:450px){
 .work-output--summary.weekly-record .wo-heading{padding:10px 12px;gap:8px;align-items:center}
 .work-output--summary.weekly-record .wo-kicker{font-size:13px;line-height:1.3}
 .work-output--summary.weekly-record .wo-sample{font-size:12px}
 .work-output--summary.weekly-record .wo-week{grid-template-columns:100px minmax(0,1fr);gap:15px;padding:14px 12px}
 .work-output--summary.weekly-record .wo-total strong{font-size:52px}
 .work-output--summary.weekly-record .wo-total>span{font-size:13px;line-height:1.4}
 .work-output--summary.weekly-record .wo-chart{height:85px;gap:8px}
 .weekly-record .wo-monday-decision{grid-template-columns:minmax(0,1fr) auto;gap:3px 12px;padding:11px 12px}
 .weekly-record .wo-monday-decision>span:first-child{grid-column:1;font-size:12px}
 .weekly-record .wo-monday-decision>p{grid-column:1}
 .weekly-record .wo-decision-count{grid-column:2;grid-row:1 / 3;align-self:center}
 .work-output--summary.weekly-record .wo-report-foot{padding:4px 12px;gap:8px}
 .work-output--summary.weekly-record .wo-report-foot button{font-size:13px;gap:12px}
}
@container work-output (max-width:290px){
 .work-output--summary.weekly-record .wo-heading{align-items:flex-start}
 .work-output--summary.weekly-record .wo-sample{max-width:45px;white-space:normal;text-align:right}
 .work-output--summary.weekly-record .wo-week{grid-template-columns:94px minmax(0,1fr);gap:10px}
 .work-output--summary.weekly-record .wo-chart{gap:6px}
 .work-output--summary.weekly-record .wo-total strong{font-size:48px}
 .work-output--summary.weekly-record .wo-report-foot{display:block;padding-top:8px}
 .work-output--summary.weekly-record .wo-report-foot button{width:100%;margin-top:2px}
}
@media(max-width:600px){
 .output-preview :is(.op-report,.op-delivery).op-document{padding:18px 19px 0}
 .output-preview :is(.op-report,.op-delivery) .op-edition{font-size:12px;gap:9px;padding-bottom:10px}
 .output-preview :is(.op-report,.op-delivery) .op-document-header h2{font-size:25px;line-height:1.16;margin:13px 0 6px}
 .output-preview :is(.op-report,.op-delivery) .op-document-header>p{font-size:13px}
 .output-preview .op-report .op-report-summary{grid-template-columns:75px minmax(0,1fr);gap:15px;margin-top:17px;padding:17px 15px}
 .output-preview .op-report .op-big-number strong{font-size:52px}
 .output-preview .op-report .op-big-number span{font-size:13px;line-height:1.4}
 .output-preview .op-report .op-summary-finding p{font-size:14px;line-height:1.5}
 .output-preview .op-report .op-chart-section{padding-block:21px}
 .output-preview .op-report .op-decisions{padding-top:21px}
 .output-preview .op-report .op-decisions li{padding-block:17px}
 .output-preview .op-report .op-decisions li p{font-size:14px;line-height:1.55}
 .output-preview .op-report .op-chart-definition{font-size:13px;line-height:1.5}
 .output-preview .op-delivery .op-delivery-ticket{grid-template-columns:76px minmax(0,1fr);margin-top:17px}
 .output-preview .op-delivery .op-delivery-date{padding:16px 9px}
 .output-preview .op-delivery .op-delivery-date>strong{font-size:48px}
 .output-preview .op-delivery .op-delivery-slot{padding:17px 14px}
 .output-preview .op-delivery .op-delivery-slot>strong{font-size:30px}
 .output-preview .op-delivery .op-delivery-slot>p{font-size:13px;line-height:1.45}
 .output-preview .op-delivery .op-delivery-changes{padding-top:22px}
 .output-preview .op-delivery .op-delivery-trail p{font-size:14px}
 .output-preview :is(.op-report,.op-delivery) .op-document-footer{margin-inline:-19px;padding-inline:19px}
}
@media(max-width:360px){
 .output-preview :is(.op-report,.op-delivery).op-document{padding-inline:15px}
 .output-preview :is(.op-report,.op-delivery) .op-document-header h2{font-size:24px}
 .output-preview :is(.op-report,.op-delivery) .op-edition{align-items:flex-start;flex-wrap:wrap;gap:7px}
 .output-preview .op-report .op-report-summary{grid-template-columns:1fr;gap:13px;padding:16px}
 .output-preview .op-report .op-big-number{display:flex;align-items:baseline;gap:8px 10px;flex-wrap:wrap}
 .output-preview .op-report .op-big-number span{margin:0}
 .output-preview .op-report .op-big-number .op-week-change{flex-basis:100%;margin-top:0}
 .output-preview .op-delivery .op-delivery-ticket{grid-template-columns:63px minmax(0,1fr)}
 .output-preview .op-delivery .op-delivery-slot{padding-inline:11px}
 .output-preview .op-delivery .op-delivery-slot>strong{font-size:28px}
 .output-preview :is(.op-report,.op-delivery) .op-document-footer{margin-inline:-15px;padding-inline:15px}
}

/* Keep the compact date tile intact at narrow widths. */
.output-preview .op-delivery-date>strong,.output-preview .op-delivery-date>span{white-space:nowrap;overflow-wrap:normal}
.output-preview .op-delivery-date>strong{padding-right:0}
@media(max-width:600px){.output-preview .op-delivery .op-delivery-date>strong{font-size:42px}}
@media(max-width:360px){.output-preview .op-delivery .op-delivery-date>strong{font-size:36px}}

/* Keep the comparison note inside its column when reports are read on a phone. */
@media(max-width:600px){
 .output-preview .op-report .op-big-number .op-week-change{white-space:normal;max-width:100%;line-height:1.4}
}

/* source: finance-output.css */
/* A legible finance ledger: draft bill entry and open receivables stay distinct. */
.finance-preview{background:#faf7ed;border:1px solid #cbbd9b;border-radius:4px;font-variant-numeric:tabular-nums}
.finance-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;border-bottom:1px solid #cbbd9b;color:#203e34;font-size:12px;line-height:1.4}
.finance-preview-heading>span:first-child{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600}.finance-preview-heading img{flex:0 0 26px}
.finance-preview-receivables{padding:17px 20px 15px;background:#203e34;color:#fffcf1}
.finance-preview-label{font-size:12px;line-height:1.5;letter-spacing:.06em;color:#e5d2a7;font-weight:500}
.finance-preview-balance{display:flex;align-items:center;gap:20px;margin:6px 0 15px}.finance-preview-balance>strong{font-size:42px;font-weight:550;letter-spacing:-.045em;line-height:1.1;color:#fffcf1}.finance-preview-balance>span{font-size:14px;line-height:1.4;color:#f0f1e4}
.finance-aging-track{display:flex;gap:3px;height:8px;overflow:hidden;border-radius:1px}.finance-aging-track>span{flex:var(--share);background:#9db7a6}.finance-aging-track>span:last-child{background:#e6c37c}
.finance-aging-key{display:flex;justify-content:space-between;gap:10px;margin-top:9px;font-size:12px;line-height:1.4;color:#f0f1e4}.finance-aging-key>span{display:flex;gap:6px;align-items:center}.finance-aging-key i{width:6px;height:6px;flex:0 0 6px;background:#9db7a6}.finance-aging-key>span:last-child i{background:#e6c37c}
.finance-preview-bills{display:flex;align-items:center;gap:12px;padding:15px 20px;border-bottom:1px solid #d7cbb0}
.finance-entered-mark{display:grid;place-items:center;width:30px;height:36px;flex:0 0 30px;border:1px solid #bac9ba;border-top:3px solid #508778;background:#f1f3e7;color:#285541;font-size:20px;font-weight:400}
.finance-preview-bills strong{display:block;font-size:16px;font-weight:600;line-height:1.4;color:#203e34}.finance-preview-bills div>span{display:block;margin-top:3px;font-size:13px;line-height:1.4;color:#4e604f}
.finance-preview-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:5px 20px;background:#f2ecdb}.finance-preview-foot>span{display:flex;align-items:center;gap:7px;font-size:12px;color:#4b614e}
.finance-preview button[data-output-preview]{min-height:44px;font-size:13px;line-height:1.4;gap:18px;border:0}.finance-preview button[data-output-preview]:hover{text-decoration:underline;text-underline-offset:4px}
.output-preview .op-finance{background:#fffcf4;padding:24px 34px 0;font-variant-numeric:tabular-nums}
.finance-document-heading{border-bottom:1px solid #cbbd9b;padding-bottom:18px}.finance-document-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#52644f;font-size:12px;line-height:1.5}.finance-document-topline>span:first-child{display:flex;align-items:center;gap:9px}
.finance-document-heading h2{font-size:32px;line-height:1.2;letter-spacing:-.035em;font-weight:550;color:#203e34;margin:16px 0 7px}.finance-document-heading>p{font-size:13px;line-height:1.5;color:#53634e;margin:0}
.finance-section{padding:24px 0;border-bottom:1px solid #d8d2bf}.finance-section:last-of-type{border:0}.finance-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:16px}.finance-section-head h3{font-size:21px;line-height:1.3;font-weight:550;letter-spacing:-.025em;margin:0;color:#203e34}.finance-section-head>span{font-size:12px;line-height:1.5;color:#53634e;text-align:right}
.finance-report-totals{display:grid;grid-template-columns:1fr 1fr;background:#203e34;border-top:3px solid #d0ae6e;color:#fff9e9}.finance-report-totals>div{padding:18px 20px}.finance-report-totals>div+div{border-left:1px solid #617b62}.finance-report-totals span{display:block;font-size:13px;line-height:1.4;color:#edeedd}.finance-report-totals strong{white-space:nowrap;overflow-wrap:normal;display:block;font-size:36px;line-height:1.2;letter-spacing:-.045em;font-weight:550;margin:5px 0;color:#fff9e9}.finance-report-totals>div:last-child strong{color:#e9cc91}
.finance-aging-list{display:grid;grid-template-columns:repeat(4,1fr);padding:17px 0;margin:0;border-bottom:1px solid #d8d2bf;gap:12px}.finance-aging-list dt{font-size:12px;line-height:1.5;color:#566650}.finance-aging-list dd{font-size:17px;line-height:1.5;font-weight:550;color:#203e34;margin:3px 0 0}
.finance-customer-list{padding:0;margin:0;list-style:none}.finance-customer-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 16px;padding:16px 0;border-bottom:1px solid #e1ddce}.finance-customer-list li:last-child{border:0;padding-bottom:0}.finance-customer-list strong{font-size:15px;line-height:1.4;color:#2c4835;font-weight:550}.finance-customer-list .finance-money{text-align:right;font-size:17px;font-weight:550;line-height:1.3;white-space:nowrap;color:#203e34}.finance-customer-list small{display:block;font-size:12px;line-height:1.5;color:#586650;margin-top:3px}.finance-customer-list p{grid-column:1/-1;font-size:14px;line-height:1.5;color:#4b5d49;margin:2px 0 0}.finance-customer-list .finance-attention{color:#7b5a22;font-weight:600}
.finance-current-details{margin-top:18px;border:1px solid #d8d2bf;padding:0 14px}.finance-current-details>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;list-style:none;min-height:48px;color:#31543f;font-size:14px;line-height:1.4;font-weight:550}.finance-current-details>summary::-webkit-details-marker{display:none}.finance-current-details>summary:after{content:'+';font-size:20px;font-weight:400}.finance-current-details[open]>summary:after{content:'−'}.finance-current-details[open]{padding-bottom:16px}.finance-current-details summary:focus-visible,.finance-bill summary:focus-visible{outline:2px solid #356d5e;outline-offset:4px}
.finance-payables-intro{display:flex;align-items:center;gap:14px;background:#edf1e6;padding:15px 17px;margin-bottom:17px;border-left:3px solid #508778}.finance-payables-intro strong{display:block;font-size:16px;line-height:1.4;color:#203e34;font-weight:550}.finance-payables-intro p{font-size:13px;line-height:1.5;color:#4d5e48;margin:4px 0 0}
.finance-bill{border-top:1px solid #d8d2bf}.finance-bill:last-of-type{border-bottom:1px solid #d8d2bf}.finance-bill summary{list-style:none;display:grid;grid-template-columns:minmax(0,1fr) auto 14px;align-items:center;gap:10px;padding:15px 0;cursor:pointer}.finance-bill summary::-webkit-details-marker{display:none}.finance-bill summary:after{content:'+';font-size:21px;font-weight:400;color:#42634c}.finance-bill[open] summary:after{content:'−'}.finance-bill summary strong{font-size:15px;line-height:1.5;color:#203e34;font-weight:550}.finance-bill summary small{display:block;font-size:12px;line-height:1.5;color:#52644e;margin-top:3px}.finance-bill summary>span:last-of-type{text-align:right;font-size:16px;line-height:1.4;font-weight:550;color:#203e34}.finance-bill summary>span:last-of-type small{font-weight:500;color:#73551f}
.finance-bill dl{display:grid;grid-template-columns:1fr 1fr;gap:14px 20px;margin:0 0 18px;padding:16px;background:#f2eee1}.finance-bill dt{font-size:12px;line-height:1.5;color:#56644d}.finance-bill dd{font-size:14px;line-height:1.5;color:#273f30;margin:3px 0 0}.finance-bill-note{font-size:13px;line-height:1.5;color:#53634e;margin:13px 0 0}
.finance-document-footer{display:flex;align-items:flex-start;gap:10px;background:#f2ecdb;padding:16px 34px;margin:0 -34px;font-size:12px;line-height:1.5;color:#4c604b;border-top:1px solid #cbbd9b}.finance-document-footer img{flex:0 0 22px}
@container work-output (max-width:450px){
 /* Supplier names get the full first row; the check sits beside the amount. */
 .finance-preview .finance-draft-strip>li>span{grid-column:1/-1;font-size:12px;line-height:1.4;color:#4e604f}
 .finance-preview .finance-draft-strip svg{grid-row:2}
 .finance-preview-heading{padding:10px 13px}.finance-preview-heading>span:first-child{font-size:14px;gap:8px}.finance-preview-receivables{padding:14px 13px}.finance-preview-balance{gap:14px;margin-bottom:12px}.finance-preview-balance>strong{font-size:35px}.finance-preview-balance>span{font-size:13px}.finance-aging-key{gap:7px;flex-wrap:wrap}.finance-preview-bills{padding:12px 13px;gap:10px}.finance-preview-bills strong{font-size:15px}.finance-preview-foot{padding:4px 13px}.finance-preview-foot>span{font-size:12px}.finance-preview-foot>span img{display:none}.finance-preview button[data-output-preview]{font-size:13px;gap:10px}
}
@container work-output (max-width:300px){.finance-preview .finance-draft-strip>li>span{padding-right:0}.finance-preview .finance-draft-strip svg{top:auto;bottom:6px}.finance-preview-foot>span{display:none}.finance-preview button[data-output-preview]{width:100%}.finance-preview-balance>strong{font-size:32px}.finance-preview-balance{gap:12px}}
@media(max-width:600px){
 .output-preview .op-finance{padding:20px 18px 0}.finance-document-heading{padding-bottom:16px}.finance-document-heading h2{font-size:27px;margin-top:13px}.finance-document-topline{gap:8px}.finance-section{padding:20px 0}.finance-section-head{gap:10px;margin-bottom:14px}.finance-section-head h3{font-size:20px}.finance-section-head>span{max-width:110px}.finance-report-totals>div{padding:14px 12px}.finance-report-totals strong{font-size:29px}.finance-report-totals span{font-size:12px}.finance-aging-list{grid-template-columns:1fr 1fr;gap:12px 16px;padding-block:15px}.finance-aging-list dd{font-size:16px}.finance-customer-list li{gap:5px 10px;padding-block:14px}.finance-customer-list strong{font-size:14px}.finance-customer-list .finance-money{font-size:16px}.finance-payables-intro{padding:13px}.finance-payables-intro strong{font-size:15px}.finance-bill summary{gap:8px}.finance-bill summary strong{font-size:14px}.finance-bill summary>span:last-of-type{font-size:15px}.finance-bill dl{gap:12px 15px;padding:13px}.finance-document-footer{padding:15px 18px;margin-inline:-18px}
}
@media(max-width:360px){.finance-report-totals strong{font-size:22px}.finance-document-heading h2{font-size:25px}}

/* Section navigation stays available while reading either half of the brief. */
.finance-section-nav{position:sticky;top:65px;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:9px 0;background:#fffcf4;border-bottom:1px solid #d8d2bf}
.finance-section-nav button{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:10px 13px;border:1px solid #cbbd9b;border-radius:3px;background:#f2ecdb;color:#203e34;font-size:14px;font-weight:550;line-height:1.4;text-align:left}
.finance-section-nav button:hover{background:#e9e4d5}.finance-section-nav button:focus-visible{outline:2px solid #356d5e;outline-offset:2px}.finance-section-nav button>span{font-size:17px;font-weight:450}
.finance-section-head h3:focus-visible{outline:2px solid #508778;outline-offset:5px}
@media(max-width:600px){.finance-section-nav{top:63px}.finance-section-nav button{font-size:13px;padding-inline:11px;gap:8px}}

/* source: handover.css */
/* The folded paper resolves to the proportions and colours of Cliff's mark. */
.hero-handover{position:absolute;isolation:isolate;width:340px;height:190.4px;left:50%;right:auto;bottom:calc(100% - 2px);margin:0;transform:translateX(-50%);pointer-events:none;z-index:1}
.hero-handover>img{position:absolute;bottom:0;left:0;width:100%;height:auto;display:block;z-index:2;object-fit:contain}
.hero-handover .paper-signature{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1}
.hero-handover [data-paper-fold]{fill:#9e9679;opacity:.27}
.hero-handover [data-paper-edge]{fill:none;stroke:#a89b78;stroke-width:2.5;opacity:.9}
.hero-handover [data-paper-lines]{fill:none;stroke:none;opacity:0}
.home-page .hero .channel-showcase{margin-top:202px}
.hero-copy .subcopy{max-width:685px}
.hero-paper-toggle{position:absolute;right:-32px;bottom:7px;z-index:3;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid transparent;border-radius:50%;background:transparent;color:#456052;pointer-events:auto;cursor:pointer}
.hero-paper-toggle svg{width:16px;height:16px;fill:currentColor}
.hero-paper-toggle:hover{background:#e9ede3;border-color:#cbd4c6}
.hero-paper-toggle:focus-visible{outline:2px solid #317863;outline-offset:2px}
.hero-paper-toggle .paper-play-icon{display:none}
.hero-paper-toggle[aria-pressed="true"] .paper-play-icon{display:block}
.hero-paper-toggle[aria-pressed="true"] .paper-pause-icon{display:none}
.hero-paper-toggle[hidden]{display:none!important}
@media(max-width:760px){
 .home-page .hero .channel-showcase{margin-top:168px}
 .hero-handover{width:286px;height:160.16px;bottom:calc(100% + 2px)}
}
@media(max-width:360px){
 .home-page .hero .channel-showcase{margin-top:154px}
 .hero-handover{width:264px;height:147.84px}
 .hero-paper-toggle{right:-22px;bottom:4px}
}
@media(prefers-reduced-motion:reduce){
 .hero-handover,.hero-handover *{animation:none!important;transition:none!important}
 .hero-paper-toggle{display:none}
}

/* A tighter opening retains the complete centred handover and brings work into view. */
@media(min-width:761px){
 .home-page .hero{padding-top:20px}
 .home-page .hero h1{font-size:clamp(56px,5vw,70px);line-height:1.04;margin-top:8px}
 .home-page .hero .channel-showcase{margin-top:156px}
 .hero-handover{width:270px;height:151.2px}
 .home-page .hero-copy .hero-benefits{margin-top:16px;max-width:640px}
 .home-page .hero-benefit span{max-width:640px;font-size:16px;line-height:1.45}
 .home-page .hero-benefit strong{font-size:19px}
 .home-page .hero .waitlist-invitation{margin-top:16px}
}

/* Keep the signature centred while letting the first update enter the mobile opening. */
@media(max-width:760px){
 .home-page .hero{padding-top:12px}
 .home-page .hero .channel-showcase{margin-top:128px}
 .home-page .hero-handover{width:216px;height:120.96px;bottom:calc(100% + 2px)}
 .home-page .hero-copy .hero-benefits{margin-top:12px}
 .home-page .hero .waitlist-invitation{margin-top:12px}
}
@media(max-width:360px){
 .home-page .hero .channel-showcase{margin-top:128px}
 .home-page .hero-handover{width:216px;height:120.96px}
}

/* source: hero-benefits.css */
/* A single quiet editorial line changes; every slide reserves its natural height. */
.hero-copy .hero-benefits{max-width:590px;margin:20px auto 0;color:#526055}
.hero-benefit-slides{display:grid;align-items:start}
.hero-benefit{grid-area:1/1;margin:0;opacity:0;visibility:hidden;transition:opacity .32s ease,visibility .32s;pointer-events:none;text-wrap:pretty}
.hero-benefit[data-benefit-active=true]{opacity:1;visibility:visible}
.hero-benefit strong{display:block;font-size:20px;line-height:1.4;font-weight:550;letter-spacing:-.025em;color:#294e3b}
.hero-benefit span{display:block;max-width:560px;margin:5px auto 0;font-size:17px;line-height:1.55}
@media(max-width:760px){
 .hero-copy .hero-benefits{max-width:35ch;margin-top:17px}
 .hero-benefit strong{font-size:18px;line-height:1.4}
 .hero-benefit span{font-size:16px;line-height:1.5;margin-top:5px}
}
@media(prefers-reduced-motion:reduce){.hero-benefit{transition:none}}
html[data-motion=reduced] .hero-benefit{transition:none}

/* source: conversation-motion.css */
/* Conversation beats keep the complete sample readable and reserve its layout. */
.conversation-update-content{position:relative}
.conversation-typing{display:none;position:absolute;left:0;top:30px;align-items:center;gap:4px;height:14px}
.conversation-typing i{display:block;width:5px;height:5px;border-radius:50%;background:#6c8372;animation:cliff-typing-dot .7s ease-in-out infinite}
.conversation-typing i:nth-child(2){animation-delay:.1s}
.conversation-typing i:nth-child(3){animation-delay:.2s}
.demo-stage #demo-message,.demo-stage .rich-reply,.demo-stage .chat-thread>.human-message{opacity:1;transform:none;transition:opacity .28s ease,transform .32s cubic-bezier(.22,.61,.36,1)}
.demo-stage[data-conversation-phase=waiting] #demo-message,
.demo-stage[data-conversation-phase=waiting] .rich-reply,
.demo-stage[data-conversation-phase=waiting] .chat-thread>.human-message,
.demo-stage[data-conversation-phase=typing] #demo-message,
.demo-stage[data-conversation-phase=typing] .rich-reply,
.demo-stage[data-conversation-phase=typing] .chat-thread>.human-message,
.demo-stage[data-conversation-phase=update] .rich-reply,
.demo-stage[data-conversation-phase=update] .chat-thread>.human-message,
.demo-stage[data-conversation-phase=output] .chat-thread>.human-message,
.demo-stage[data-conversation-phase=reaction] .chat-thread>.human-message{opacity:0;transform:translateY(5px);pointer-events:none;transition:none}
.demo-stage[data-conversation-phase=typing] .conversation-typing{display:flex}
.conversation-human-typing{display:none;position:absolute;left:0;top:27px;align-items:center;gap:4px;min-height:18px}
.conversation-human-typing i{display:block;width:4px;height:4px;border-radius:50%;background:#6c8372;animation:cliff-typing-dot .85s ease-in-out infinite}
.conversation-human-typing i:nth-child(2){animation-delay:.13s}
.conversation-human-typing i:nth-child(3){animation-delay:.26s}
.human-message .chat-content{position:relative}
.demo-stage #demo-reply{opacity:1;transform:none;transition:opacity .22s ease,transform .22s cubic-bezier(.2,.7,.25,1)}
.demo-stage[data-conversation-phase=human-typing] #demo-reply{opacity:0;transform:translateY(3px);pointer-events:none;transition:none}
/* A brief departure closes one exchange before the next teammate appears. */
.demo-stage .chat-thread{opacity:1;transform:none;transition:opacity .2s ease,transform .22s ease}
.demo-stage[data-conversation-phase=handover] .chat-thread{opacity:0;transform:translateY(-3px);pointer-events:none}
.demo-stage[data-conversation-phase=human-typing] .conversation-human-typing{display:flex}
.demo-stage[data-platform=email] .conversation-typing,.demo-stage[data-platform=email] .conversation-human-typing{display:none}
.demo-stage[data-platform=email][data-conversation-phase=human-typing] .human-message{opacity:0}
@keyframes cliff-typing-dot{0%,75%,100%{opacity:.35;transform:translateY(0)}35%{opacity:1;transform:translateY(-2px)}}
.demo-stage[data-conversation-phase=output] .wo-bar>i{transform-origin:50% 100%;animation:cliff-report-bar .55s cubic-bezier(.22,.61,.36,1) both}
.demo-stage[data-conversation-phase=output] .wo-bar:nth-child(2)>i{animation-delay:.035s}
.demo-stage[data-conversation-phase=output] .wo-bar:nth-child(3)>i{animation-delay:.07s}
.demo-stage[data-conversation-phase=output] .wo-bar:nth-child(4)>i{animation-delay:.105s}
.demo-stage[data-conversation-phase=output] .wo-bar:nth-child(5)>i{animation-delay:.14s}
@keyframes cliff-report-bar{from{transform:scaleY(.12)}to{transform:scaleY(1)}}
@keyframes cliff-report-track{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}
@media(max-width:760px){
 .conversation-typing{top:27px}
}
@media(prefers-reduced-motion:reduce){
 .demo-stage #demo-message,.demo-stage #demo-reply,.demo-stage .rich-reply,.demo-stage .chat-thread,.demo-stage .chat-thread>.human-message{transition:none!important;transform:none!important}
 .conversation-typing i,.conversation-human-typing i{animation:none}
 .demo-stage .wo-bar>i,.demo-stage .finance-aging-track{animation:none!important;transform:none!important;clip-path:none!important}
}

/* source: demo-social.css */
/* Small, channel-native acknowledgements and a predictable presentation tour. */
.chat-reactions{display:flex;align-items:center;gap:5px;min-height:23px;margin-top:9px}
.chat-reaction{display:inline-flex;align-items:center;gap:5px;padding:2px 7px;border:1px solid #d9d8e8;border-radius:12px;background:#f1f0fa;color:#4d4966;font:500 12px/1.4 Geist,Arial,sans-serif;white-space:nowrap}
.chat-reaction [data-reaction-emoji]{display:inline-block;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:16px;line-height:1.2;transform-origin:50% 75%}
.chat-reaction [data-reaction-count]{display:inline-block;font-variant-numeric:tabular-nums}
.demo-stage[data-platform=slack] .chat-reaction{border-color:#a8c9df;background:#edf5fb;color:#315a72;border-radius:12px}
.demo-stage[data-platform=whatsapp] .chat-reaction{background:#fff;border-color:#e2e8df;box-shadow:0 1px 3px #24452b12;color:#425648;border-radius:12px}
.demo-stage[data-platform=messages] .chat-reaction{background:#eeeef1;border-color:#e4e4e9;color:#565960;border-radius:13px}
.demo-stage[data-platform=email] .chat-reactions{display:none}
.demo-stage:is([data-platform=whatsapp],[data-platform=messages]) [data-reaction-count]{display:none}
.demo-stage:is([data-conversation-phase=waiting],[data-conversation-phase=typing],[data-conversation-phase=update],[data-conversation-phase=output]) .chat-reactions{opacity:0;pointer-events:none}
.demo-stage[data-conversation-phase=reaction] .chat-reaction{animation:cliff-reaction-arrive .24s ease-out both}
.demo-stage[data-conversation-phase=reaction] [data-reaction-emoji]{animation:cliff-emoji-pop .48s cubic-bezier(.2,.8,.3,1) both}
.demo-stage[data-conversation-phase=reaction] [data-reaction-count]{animation:cliff-reaction-count .2s .14s ease-out both}
@keyframes cliff-reaction-arrive{from{opacity:0;transform:translateY(2px) scale(.92)}to{opacity:1;transform:none}}
@keyframes cliff-emoji-pop{0%{transform:scale(.65) rotate(-8deg)}55%{transform:scale(1.2) rotate(4deg)}80%{transform:scale(.97) rotate(-1deg)}100%{transform:none}}
@keyframes cliff-reaction-count{from{opacity:0;transform:translateY(2px)}to{opacity:1;transform:none}}
/* The conversation advances itself; motion preference lives in the footer. */
.has-demo-motion{position:relative;min-height:48px}
.demo-stage[data-channel-transition=true] .channel-context{animation:cliff-channel-shift .3s ease-out}
@keyframes cliff-channel-shift{from{opacity:.45}to{opacity:1}}
@media(max-width:760px){
 .has-demo-motion .channel-context-detail{display:none}
 .chat-reactions{margin-top:7px;min-height:22px}
 .chat-reaction{font-size:11px;padding:2px 6px}
}
@media(prefers-reduced-motion:reduce){
 .demo-stage .chat-reaction,.demo-stage [data-reaction-emoji],.demo-stage [data-reaction-count],.demo-stage[data-channel-transition=true] .channel-context{animation:none!important}
}

/* source: team-channel-story.css */
/* Two people, their own channels, one shared job. */
.home-team-conversation.team-channel-story{background:#fffefb;border:1px solid #d4d9c9;border-radius:12px;box-shadow:0 12px 35px -23px #071b1170;overflow:hidden;color:#263f34}
.team-story-job{display:flex;align-items:center;gap:8px;padding:13px 18px;font:500 12px/1.5 Geist,Arial,sans-serif;background:#f4f0e5;border-bottom:1px solid #dedccb}
.team-story-job>span:nth-child(2)>span{margin:0 5px;color:#9a9b88}
.team-story-job-dot{width:6px;height:6px;border-radius:50%;background:#60917b;flex:none}
.team-story-sample{margin-left:auto;font-size:10px;letter-spacing:.035em;color:#6b7564}
.team-story-tabs{display:grid;grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr);gap:5px;align-items:center;padding:12px 14px;background:#fffefb;border-bottom:1px solid #dddccc}
.team-story-tabs[hidden],.team-story-panel[hidden]{display:none!important}
.team-story-tabs>button{display:flex;gap:9px;align-items:center;min-width:0;min-height:62px;padding:9px 11px;background:transparent;border:1px solid transparent;border-radius:8px;color:#445b4d;text-align:left;font:inherit;cursor:pointer;transition:background .18s,border-color .18s,color .18s}
.team-story-tabs>button>img{width:34px;height:34px;border-radius:50%;object-fit:cover;flex:none}
.team-story-tabs>button>span:last-child{display:block;min-width:0;flex:1}
.team-story-tabs strong{display:block;font-size:14px;line-height:1.4;font-weight:600;white-space:nowrap;overflow-wrap:normal}
.team-story-tabs small{display:block;font-size:11px;line-height:1.6;white-space:normal;overflow-wrap:normal;color:#647369}
.team-story-tabs>button[aria-selected=true]{background:#edf1e8;border-color:#bacab6;color:#213f31}
.team-story-tabs>button:hover{background:#f1f3ec}
.team-story-tabs>button:focus-visible{outline:2px solid #477b65;outline-offset:2px}
.team-story-bridge{position:relative;display:grid;place-items:center;isolation:isolate}
.team-story-bridge:before{content:'';position:absolute;left:-5px;right:-5px;height:1px;background:#b7c1af;z-index:-1}
.team-story-bridge img{width:26px;height:26px;border-radius:50%;background:#fffefb;box-shadow:0 0 0 4px #fffefb}
.team-story-channel{display:flex;align-items:center;gap:8px;min-height:47px;padding:12px 19px;background:#f2f1f8;border-bottom:1px solid #e1dfe9;font-size:12px;line-height:1.5}
.team-story-channel>img{flex:none;width:20px;height:20px;object-fit:contain}
.team-story-channel>strong{font-size:12px;font-weight:550;color:#2f4139}
.team-story-channel>span{margin-left:auto;font-size:11px;color:#63706a}
.team-story-thread{display:grid;align-content:start;gap:17px;padding:20px 19px;min-height:272px;font-family:Geist,Arial,sans-serif}
.team-story-message{display:flex;align-items:flex-start;gap:10px;min-width:0}
.team-story-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;flex:0 0 34px}
.team-story-cliff{display:grid;place-items:center;border-radius:8px;background:#edf1e7}
.team-story-cliff img{width:26px;height:26px;object-fit:contain}
.team-story-message-body{min-width:0;flex:1}
.team-story-meta{display:flex;align-items:baseline;gap:8px;margin:0 0 5px;font-size:12px;line-height:1.4;color:#354d40}
.team-story-meta strong{font-weight:600}
.team-story-meta time{font-size:10px;white-space:nowrap;color:#6d776e}
.team-story-message-body p{margin:0;font-size:14px;line-height:1.55;color:#30483c}
.team-story-receipt{display:flex;gap:10px;align-items:center;margin-top:12px;padding:11px 12px;border:1px solid #d8dece;border-left:3px solid #709981;border-radius:5px;background:#faf8f0;box-shadow:0 2px 3px #2b422508}
.team-story-check{display:grid;place-items:center;width:24px;height:24px;flex:none;border-radius:50%;background:#e1ebdb;color:#49745c;font-size:14px}
.team-story-receipt strong{display:block;font-size:12px;font-weight:550;line-height:1.4;color:#304f3b}
.team-story-receipt div>span{display:block;font-size:11px;line-height:1.5;color:#64715e;margin-top:2px}
.team-story-reaction{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:24px;margin-top:7px;padding:1px 8px;border:1px solid #d9d9ec;border-radius:7px;background:#f1f0f9;font-size:12px;line-height:1;vertical-align:top}
.team-story-reaction-count{font-size:11px;margin-left:3px;color:#595d72}
.team-story-whatsapp .team-story-channel{background:#e9efe7;border-bottom-color:#d3ded0}
.team-story-whatsapp .team-story-thread{background:#f1f2e9;gap:12px}
.team-story-whatsapp .team-story-message-body{padding:10px 12px;border:1px solid #dde2d5;border-radius:3px 10px 10px;background:#fffefb;box-shadow:0 1px 2px #25442b08}
.team-story-whatsapp .team-story-human .team-story-message-body{background:#e2efdb;border-color:#d3e4ca;border-radius:10px 3px 10px 10px}
.team-story-whatsapp .team-story-receipt{padding:9px 10px;margin-top:9px;background:#f8f8ee}
.team-story-whatsapp .team-story-reaction{background:#fffefb;border-color:#ced9c6;border-radius:12px;min-width:29px;padding-inline:6px}
.team-channel-story[data-enhanced] .team-story-panel:not([hidden]){animation:team-story-arrive .28s ease-out both}
@keyframes team-story-arrive{from{opacity:.55;transform:translateY(3px)}to{opacity:1;transform:none}}
@media(min-width:761px) and (max-width:950px){
 .home-page .home-team-story .home-story-grid{grid-template-columns:minmax(0,1fr);gap:28px;max-width:660px}
 .home-page .home-team-story .home-story-copy{grid-column:auto;grid-row:auto;max-width:540px;margin-inline:auto;text-align:center}
 .home-page .home-team-story .team-channel-story{grid-column:auto;grid-row:auto;width:100%;max-width:540px;margin-inline:auto}
}
@media(max-width:760px){
 .team-story-job{padding:11px 14px}
 .team-story-tabs{padding:10px;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);gap:2px}
 .team-story-tabs>button{padding:8px 7px;gap:7px;min-height:60px}
 .team-story-tabs>button>img{width:29px;height:29px}
 .team-story-tabs strong{font-size:13px}
 .team-story-tabs small{font-size:11px}
 .team-story-bridge img{width:24px;height:24px}
 .team-story-channel{padding:11px 14px}
 .team-story-thread{padding:18px 14px;min-height:290px;gap:16px}
 .team-story-avatar{width:30px;height:30px;flex-basis:30px}
 .team-story-message{gap:8px}
 .team-story-cliff img{width:24px;height:24px}
 .team-story-message-body p{font-size:13px;line-height:1.6}
 .team-story-meta time{font-size:10px}
 .team-story-receipt{padding:10px 9px;gap:8px}
 .team-story-whatsapp .team-story-message-body{padding:9px 10px}
 .team-story-whatsapp .team-story-receipt{padding:8px;gap:7px}
 .team-story-whatsapp .team-story-check{width:20px;height:20px;font-size:12px}
}
@media(max-width:360px){
 .team-story-tabs>button{gap:5px;padding-inline:5px}
 .team-story-tabs>button>img{width:25px;height:25px}
 .team-story-tabs{grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);padding-inline:8px}
 .team-story-tabs small{font-size:11px}
 .team-story-bridge img{width:18px;height:18px;box-shadow:0 0 0 2px #fffefb}
 .team-story-bridge:before{left:1px;right:1px}
 .team-story-thread{padding-inline:12px;min-height:315px}
 .team-story-whatsapp .team-story-avatar{display:none}
 .team-story-receipt strong{font-size:11px}
 .team-story-receipt div>span{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.team-channel-story[data-enhanced] .team-story-panel:not([hidden]){animation:none}.team-story-tabs>button{transition:none}}

/* A distinct sample identity for Dwayne, matching a native initials avatar. */
.team-story-initial{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:50%;background:#e0e7d3;color:#355740;font:600 14px/1 Geist,Arial,sans-serif}
@media(max-width:760px){.team-story-tabs .team-story-initial{width:29px;height:29px;flex-basis:29px}.team-story-avatar.team-story-initial{width:30px;height:30px;flex-basis:30px}}
@media(max-width:360px){.team-story-tabs .team-story-initial{width:25px;height:25px;flex-basis:25px;font-size:12px}}

/* source: department-flow.css */
/* The people around the job form one quiet navigation row. */
.hero .demo-stage .demo-story-context{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 18px;background:#fafaf5;border-bottom:1px solid #d8ddcf;color:#294a38}
.hero .demo-stage .demo-story-heading{display:flex;flex-direction:column;gap:3px;min-width:0}
.hero .demo-stage #demo-story-job{font:550 14px/1.35 Geist,Arial,sans-serif;letter-spacing:-.015em;color:#284b38}
.hero .demo-stage #demo-story-progress{font:400 12px/1.4 Geist,Arial,sans-serif;color:#59684f}
.hero .demo-stage .demo-story-people{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;flex:0 1 380px;min-width:0}
.hero .demo-stage[data-story-count="3"] .demo-story-people{grid-template-columns:repeat(3,minmax(0,1fr));flex-basis:470px}
.hero .demo-stage .demo-story-person[hidden]{display:none!important}
.hero .demo-stage .demo-story-person{display:flex;align-items:center;gap:8px;min-width:0;min-height:46px;padding:5px 7px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;text-align:left;color:#52634f;font:inherit;cursor:pointer;transition:color .18s,border-color .18s}
.hero .demo-stage .demo-story-person>span:last-child{display:block;min-width:0}
.hero .demo-stage .demo-story-person [data-story-photo],.hero .demo-stage .demo-story-person [data-story-initial]{display:block;width:30px;height:30px;flex:0 0 30px;border-radius:50%;object-fit:cover;background:#e4eada}
.hero .demo-stage .demo-story-person [data-story-initial]{display:grid;place-items:center;font-size:13px;font-weight:600;line-height:1;color:#42654e}
.hero .demo-stage .demo-story-person [hidden]{display:none!important}
.hero .demo-stage .demo-story-person [data-story-name]{display:block;font-size:13px;font-weight:550;line-height:1.35;letter-spacing:-.01em}
.hero .demo-stage .demo-story-person [data-story-role]{display:block;font-size:12px;line-height:1.35;color:#59684f;margin-top:1px;white-space:normal}
.hero .demo-stage .demo-story-person[aria-pressed=true]{border-bottom-color:#4c7459;color:#203e34}
.hero .demo-stage .demo-story-person:hover{color:#183b28;border-bottom-color:#91a88a}
.hero .demo-stage .demo-story-person:focus-visible{outline:2px solid #356d54;outline-offset:2px}
.hero .demo-stage #demo-initial.chat-avatar.person-initial{display:grid;place-items:center;border-radius:50%;border:1px solid #cbd6c3;background:#e4eada;color:#355b43;font:600 16px/1 Geist,Arial,sans-serif;box-sizing:border-box}
.hero .demo-stage #demo-initial[hidden],.hero .demo-stage #demo-avatar[hidden]{display:none!important}

/* Shared stationery; each task has its own composition and useful evidence. */
.hero .demo-stage .handoff-output{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:'masthead masthead' 'body art' 'facts art' 'next open';grid-template-rows:auto auto 1fr auto;min-height:282px;margin:0;background:#fffdf5;border:1px solid #c8c9b8;border-radius:5px;overflow:hidden;box-shadow:0 2px 0 #e9e8dd;font-family:Geist,Arial,sans-serif;font-variant-numeric:tabular-nums;color:#284735}
.hero .demo-stage .handoff-masthead{grid-area:masthead;display:flex;align-items:center;gap:9px;min-width:0;padding:10px 16px;border-bottom:1px solid #d8d8c8;background:#f7f6ed}
.hero .demo-stage .handoff-masthead>span:first-child{display:flex;align-items:center;gap:8px;min-width:0}
.hero .demo-stage .handoff-masthead img{display:block;width:23px;height:23px;flex:0 0 23px;object-fit:contain}
.hero .demo-stage #handoff-title{font-size:14px;font-weight:550;line-height:1.35;letter-spacing:-.01em}
.hero .demo-stage #handoff-tag{margin-left:auto;font-size:11px;line-height:1.35;white-space:nowrap;padding:3px 0 3px 8px;color:#56664c}
.hero .demo-stage .handoff-body{grid-area:body;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;gap:7px;padding:18px 20px 10px}
.hero .demo-stage #handoff-eyebrow{display:block;margin:0;font-size:11px;font-weight:500;line-height:1.4;letter-spacing:.065em;text-transform:uppercase;color:#627253}
.hero .demo-stage #handoff-headline{display:block;margin:0;font-size:27px;font-weight:550;line-height:1.12;letter-spacing:-.035em;color:#294b37;text-wrap:balance}
.hero .demo-stage #handoff-summary{margin:0;font-size:13px;line-height:1.45;color:#52634c;max-width:35ch}
.hero .demo-stage #handoff-facts{grid-area:facts;display:flex;flex-direction:column;justify-content:center;list-style:none;padding:0 20px 16px;margin:0;min-width:0;background:transparent}
.hero .demo-stage #handoff-facts>li{display:flex;align-items:baseline;justify-content:space-between;gap:12px;min-width:0;padding:6px 0;border-bottom:1px solid #e0dfd1}
.hero .demo-stage #handoff-facts>li:last-child{border-bottom:0}
.hero .demo-stage #handoff-facts>li>small{font-size:12px;line-height:1.4;color:#5e6b54}
.hero .demo-stage #handoff-facts>li>strong{font-size:13px;font-weight:550;line-height:1.4;color:#2d503b;text-align:right;overflow-wrap:anywhere}
.hero .demo-stage .handoff-next{grid-area:next;display:flex;align-items:center;gap:8px;min-width:0;padding:10px 16px;border-top:1px solid #d5d7c5;background:#f3f3e9}
.hero .demo-stage .handoff-next>span[aria-hidden]{width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:#658367}
.hero .demo-stage #handoff-next-text{margin:0;font-size:12px;line-height:1.45;color:#4d6046}
.hero .demo-stage .handoff-open{grid-area:open;display:flex;align-items:center;justify-content:flex-end;gap:13px;min-height:46px;min-width:0;padding:9px 16px;border:0;border-top:1px solid #d5d7c5;border-radius:0;background:#f3f3e9;color:#294f38;font:550 13px/1.4 Geist,Arial,sans-serif;text-align:right;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.hero .demo-stage .handoff-open>span[aria-hidden]{font-size:19px;text-decoration:none;flex:none}
.hero .demo-stage .handoff-open:hover{background:#e8ecdf;color:#183b28}
.hero .demo-stage .handoff-open:focus-visible{outline:2px solid #356d54;outline-offset:-4px}
.hero .demo-stage .handoff-art{grid-area:art;min-width:0;overflow:hidden}
.hero .demo-stage .handoff-art[hidden]{display:none!important}

/* Campaign approval: the three deliverables stay visibly related. */
.hero .demo-stage .handoff-art--marketing{display:grid;grid-template-columns:1.05fr 1fr;gap:12px;padding:18px;background:#ebe8d8;align-items:stretch}
.handoff-campaign-poster{position:relative;min-height:186px;overflow:hidden;background:#d4c3a1;box-shadow:0 3px 10px #544e3b18}
.handoff-campaign-poster>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.handoff-campaign-poster>span,.handoff-campaign-poster>strong{position:relative;display:block;margin:14px 10px 0;color:#233e29;font-size:10px;font-weight:650;letter-spacing:.13em;line-height:1.15}
.handoff-campaign-poster>strong{font-size:23px;letter-spacing:-.045em;font-weight:600;margin-top:12px}
.handoff-campaign-copy{display:grid;grid-template-rows:1fr 1fr;gap:10px}
.handoff-campaign-copy>div{padding:11px;background:#fffdf5;box-shadow:0 2px 5px #544e3b10;overflow:hidden}
.handoff-campaign-copy span{display:block;font-size:11px;letter-spacing:.04em;color:#5c6551}
.handoff-campaign-copy i{display:block;width:90%;height:3px;background:#dbddcc;margin-top:6px}
.handoff-campaign-copy i:nth-of-type(2){width:70%}
.handoff-campaign-copy i:nth-of-type(3){width:50%}
.handoff-campaign-copy b{display:block;margin-top:10px;font-size:11px;font-weight:500;color:#325238}
.handoff-campaign-copy strong{display:block;margin-top:9px;font-size:15px;line-height:1.05;letter-spacing:-.04em;color:#284c37}

/* A site brief uses the actual project scene, with the scope beside it. */
.hero .demo-stage .handoff-output[data-handoff-kind=sales]{grid-template-areas:'masthead masthead' 'art body' 'art facts' 'next open'}
.hero .demo-stage .handoff-art--sales{position:relative;min-height:216px;background:#ddd8cd}
.handoff-art--sales>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:50% 60%}
.handoff-site-overlay{position:absolute;top:14px;left:14px;display:flex;flex-direction:column;gap:6px;padding:12px 15px;background:#fffdf3ed;color:#324a36;box-shadow:0 2px 8px #26342710}
.handoff-site-overlay>span{font-size:11px;font-weight:550;letter-spacing:.04em}
.handoff-site-overlay>strong{font-size:40px;line-height:1;font-weight:550;letter-spacing:-.06em}
.handoff-site-overlay small{font-size:19px;letter-spacing:-.02em}
.handoff-site-caption{position:absolute;bottom:0;left:0;right:0;padding:9px 14px;background:#233d2fe8;color:#f6f6e9;font-size:12px;line-height:1.35}
.hero .demo-stage [data-handoff-kind=sales] #handoff-headline{font-size:25px}

/* Arrival instructions read as a bay plan, not another report dashboard. */
.hero .demo-stage [data-handoff-kind=delivery] .handoff-body{background:#f2ead5}
.hero .demo-stage [data-handoff-kind=delivery] #handoff-facts{background:#f2ead5}
.hero .demo-stage [data-handoff-kind=delivery] #handoff-headline{font-size:35px;letter-spacing:-.045em}
.hero .demo-stage .handoff-art--delivery{padding:18px 22px;background:#fcf9ed;color:#455542}
.handoff-dock-caption{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.handoff-dock-caption span{font-size:11px;letter-spacing:.04em;color:#68715d}
.handoff-dock-caption strong{font-size:13px;font-weight:550}
.handoff-dock-plan{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;border-top:6px solid #bcc4ad;margin-top:22px;padding-top:0}
.handoff-dock{display:flex;align-items:center;justify-content:center;position:relative;height:67px;border:1px solid #b9c2a9;border-top:0;background:repeating-linear-gradient(0deg,#f0f0e2 0 10px,#d6dcca 11px 12px);color:#75816a;font-size:28px;font-weight:550}
.handoff-dock--selected{background:#375c43;color:#f9f5e4;border-color:#375c43}
.handoff-dock small{display:none}
.handoff-dock-route{display:flex;align-items:center;position:relative;gap:9px;margin-top:40px;font-size:11px;letter-spacing:.04em;color:#627253}
.handoff-dock-route i{position:absolute;width:22%;height:29px;right:50%;bottom:3px;border-right:2px dashed #728d67;border-bottom:2px dashed #728d67;border-bottom-right-radius:12px}
.handoff-dock-route b{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);font-size:26px;color:#4f7453;font-weight:400}

/* Availability is a dated shift and a three-step status, awaiting assignment. */
.hero .demo-stage .handoff-output[data-handoff-kind=summary]{grid-template-areas:'masthead masthead' 'body body' 'art art' 'next open';grid-template-rows:auto auto 1fr auto}
.hero .demo-stage [data-handoff-kind=summary] .handoff-body{padding-block:14px 12px;gap:5px}
.hero .demo-stage [data-handoff-kind=summary] #handoff-headline{font-size:25px}
.hero .demo-stage [data-handoff-kind=summary] #handoff-summary{max-width:none}
.hero .demo-stage [data-handoff-kind=summary] #handoff-facts{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hero .demo-stage .handoff-art--summary{display:grid;grid-template-columns:142px 1fr;align-items:stretch;gap:24px;margin:0 20px 18px;background:#f0f3e8;border:1px solid #d1d9c6}
.handoff-shift-date{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:13px 10px;background:#31513c;color:#fbf8e9}
.handoff-shift-date>span{font-size:11px;line-height:1.3}
.handoff-shift-date>span:first-child{font-size:11px;letter-spacing:.03em;color:#e6e6c7}
.handoff-shift-date>strong{font-size:43px;font-weight:500;line-height:1;letter-spacing:-.06em}
.handoff-shift-status{display:flex;flex-direction:column;justify-content:center;gap:13px;padding:12px 12px 12px 0}
.handoff-shift-status>div{display:flex;align-items:center;gap:10px;font-size:13px;color:#52654a;line-height:1.3}
.handoff-shift-status>div>span:first-child{width:17px;height:17px;flex:0 0 17px;display:grid;place-items:center;border:1px solid #a8ba9b;border-radius:50%;font-size:10px}
.handoff-shift-status strong{font-size:15px;font-weight:550;color:#2d523b}
.handoff-status-complete{background:#e3e9d8;color:#55724b}
.handoff-status-current{background:#416b4c;border-color:#416b4c!important;color:#fff}
.handoff-status-pending{border-style:dashed!important}

/* The overdue follow-up is a clear amount and an invoice timeline. */
.hero .demo-stage [data-handoff-kind=invoice] .handoff-masthead{background:#f7f1e6}
.hero .demo-stage [data-handoff-kind=invoice] #handoff-tag{color:#885339}
.hero .demo-stage [data-handoff-kind=invoice] #handoff-headline{font-size:35px;color:#8b472e}
.hero .demo-stage [data-handoff-kind=invoice] #handoff-eyebrow{color:#8b6249}
.hero .demo-stage [data-handoff-kind=invoice] #handoff-facts>li:nth-child(2)>strong{color:#8b472e}
.hero .demo-stage .handoff-art--invoice{padding:18px 22px;background:#f2ebdc;border-left:1px solid #e0d6c2}
.handoff-invoice-meta{display:flex;justify-content:space-between;gap:9px;color:#795c45;font-size:10px;line-height:1.4}
.handoff-invoice-meta>span{font-size:11px;letter-spacing:.02em}
.handoff-invoice-meta>strong{font-weight:550}
.handoff-overdue-age{display:flex;align-items:center;gap:11px;margin:17px 0;color:#9b5134}
.handoff-overdue-age>strong{font-size:54px;font-weight:500;line-height:1;letter-spacing:-.06em}
.handoff-overdue-age>span{font-size:13px;line-height:1.35}
.handoff-invoice-track{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;font-size:11px;color:#6b604e}
.handoff-invoice-track>span{position:relative;padding-top:10px}
.handoff-invoice-track>span:before{content:'';position:absolute;top:0;width:4px;height:4px;background:#a36140;border-radius:50%}
.handoff-invoice-track>span:last-child{text-align:right}
.handoff-invoice-track>span:last-child:before{right:0}
.handoff-invoice-track small{display:block;font-size:10px;line-height:1.4;margin-top:2px}
.handoff-invoice-track i{height:1px;background:#c8946b;flex:1;margin-top:2px}
.handoff-payment-date{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #d6c8af;margin-top:16px;padding-top:10px;font-size:11px;color:#716047}
.handoff-payment-date strong{font-size:12px;font-weight:550;color:#884a31}

/* The proposal has a considered cover; the freight bill has an auditable ledger. */
.hero .demo-stage .handoff-art--proposal{position:relative;padding:15px 29px 17px;background:#dce3d1}
.handoff-proposal-sheet{position:relative;max-width:230px;margin:auto;padding:12px;background:#244936;color:#fffbee;box-shadow:0 5px 12px #263d2826;transform:rotate(-2deg)}
.handoff-proposal-top,.handoff-proposal-foot{display:flex;justify-content:space-between;gap:5px;font-size:11px;font-weight:500;line-height:1.3;letter-spacing:.025em}
.handoff-proposal-sheet>strong{display:block;margin-top:13px;font-size:30px;font-weight:500;line-height:.94;letter-spacing:-.05em}
.handoff-proposal-sheet>p{margin:10px 0;font-size:11px;line-height:1.35;color:#f3f0d8}
.handoff-proposal-sheet>img{display:block;width:100%;height:64px;object-fit:cover;object-position:center 64%}
.handoff-proposal-foot{padding-top:8px;font-size:10px;color:#e0e4cf}
.handoff-proposal-note{position:absolute;right:12px;bottom:17px;padding:9px 11px;box-shadow:0 2px 7px #3b4f291a;background:#f7e6aa;color:#5b512f;transform:rotate(3deg)}
.handoff-proposal-note>span{display:block;font-size:10px;letter-spacing:.04em}
.handoff-proposal-note>strong{display:block;font-size:12px;font-weight:550;margin-top:3px}
.hero .demo-stage [data-handoff-kind=proposal] #handoff-headline{font-size:29px}
.hero .demo-stage .handoff-art--payable{display:flex;align-items:center;padding:18px;background:#e6edf0}
.handoff-bill-sheet{width:100%;padding:14px;background:#fffefa;box-shadow:0 3px 9px #25465217;border-top:3px solid #4a94aa;color:#314b50}
.handoff-bill-top{display:flex;align-items:center;gap:6px;font-size:11px;letter-spacing:0;color:#50727a}
.handoff-bill-top>img{width:23px;height:23px;flex:0 0 23px}
.handoff-bill-top>strong{margin-left:auto;font-size:10px;font-weight:550;letter-spacing:0}
.handoff-bill-supplier{padding:12px 0 11px;border-bottom:1px solid #d6e0dc}
.handoff-bill-supplier>strong{display:block;font-size:15px;font-weight:550;line-height:1.3;letter-spacing:-.02em}
.handoff-bill-supplier>span{display:block;font-size:11px;color:#647c77;line-height:1.3;margin-top:3px}
.handoff-bill-line{display:flex;justify-content:space-between;gap:10px;font-size:12px;line-height:1.4;padding-top:8px;color:#57706d}
.handoff-bill-line>strong{font-weight:400;color:#34534d}
.handoff-bill-total{display:flex;justify-content:space-between;align-items:baseline;gap:8px;border-top:1px solid #d6e0dc;margin-top:9px;padding-top:9px;font-size:12px}
.handoff-bill-total>strong{font-size:29px;font-weight:550;letter-spacing:-.045em;line-height:1}
.handoff-bill-total>strong>span{font-size:17px;letter-spacing:-.02em}
.handoff-bill-bottom{display:flex;justify-content:space-between;gap:6px;margin-top:11px;font-size:11px;line-height:1.4;color:#667e76}
.hero .demo-stage [data-handoff-kind=payable] #handoff-headline{font-size:31px}
.hero .demo-stage [data-handoff-kind=payable] #handoff-tag{font-size:10px;letter-spacing:.02em;color:#526f75}

@media(max-width:900px){
 .hero .demo-stage .demo-story-context{padding-inline:14px;gap:13px}
 .hero .demo-stage .demo-story-people{flex-basis:340px}
 .hero .demo-stage .handoff-body{padding-inline:16px}
 .hero .demo-stage #handoff-facts{padding-inline:16px}
 .hero .demo-stage .handoff-art--marketing{padding:14px;gap:8px}
 .handoff-campaign-poster>strong{font-size:20px}
}
@media(max-width:760px){
 .hero .demo-stage .demo-story-context{display:block;position:relative;padding:3px 10px;background:#fafaf5}
 .hero .demo-stage .demo-story-heading{display:flex;flex-direction:row;align-items:baseline;justify-content:space-between;gap:10px;padding:2px 5px}
 .hero .demo-stage #demo-story-job{font-size:12px;line-height:1.4;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .hero .demo-stage #demo-story-progress{font-size:11px;line-height:1.4;white-space:nowrap;flex:none}
 .hero .demo-stage .demo-story-people{gap:10px}
 .hero .demo-stage .demo-story-person{min-height:54px;gap:7px;padding:4px 5px}
 .hero .demo-stage .demo-story-person [data-story-photo],.hero .demo-stage .demo-story-person [data-story-initial]{width:28px;height:28px;flex-basis:28px}
 .hero .demo-stage .demo-story-person [data-story-name]{font-size:13px}
 .hero .demo-stage .demo-story-person [data-story-role]{font-size:12px}
 .hero .demo-stage[data-story-count="3"] .demo-story-people{gap:3px}
 .hero .demo-stage[data-story-count="3"] .demo-story-person{gap:5px;padding-inline:3px;min-height:54px}
 .hero .demo-stage[data-story-count="3"] .demo-story-person [data-story-photo],.hero .demo-stage[data-story-count="3"] .demo-story-person [data-story-initial]{width:23px;height:23px;flex-basis:23px}
 .hero .demo-stage .handoff-output{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:'masthead masthead' 'body body' 'art facts' 'next next' 'open open';grid-template-rows:auto auto 1fr auto auto;min-height:0;box-shadow:0 2px 0 #e9e8dd}
 .hero .demo-stage .handoff-masthead{padding:8px 11px;gap:7px}
 .hero .demo-stage .handoff-masthead img{width:21px;height:21px;flex-basis:21px}
 .hero .demo-stage #handoff-title{font-size:13px}
 .hero .demo-stage #handoff-tag{font-size:12px;line-height:1.4;padding-left:4px;white-space:normal;text-align:right}
 .hero .demo-stage .handoff-body{padding:12px 12px 10px;gap:4px}
 .hero .demo-stage #handoff-eyebrow{font-size:12px;line-height:1.4;letter-spacing:.04em;color:#52634c}
 .hero .demo-stage #handoff-headline{font-size:23px;line-height:1.12;text-wrap:initial}
 .hero .demo-stage #handoff-summary{display:none}
 .hero .demo-stage #handoff-facts{padding:3px 11px 9px;justify-content:center}
 .hero .demo-stage #handoff-facts>li{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:4px 0}
 .hero .demo-stage #handoff-facts>li>small{font-size:12px;line-height:1.4;color:#52634c}
 .hero .demo-stage #handoff-facts>li>strong{font-size:12px;line-height:1.4;text-align:left;overflow-wrap:normal}
 .hero .demo-stage .handoff-next{padding:8px 11px}
 .hero .demo-stage #handoff-next-text{font-size:13px;line-height:1.4}
 .hero .demo-stage .handoff-open{padding:8px 11px;justify-content:space-between;font-size:13px;min-height:44px}
 .hero .demo-stage .handoff-art--marketing{padding:8px;gap:6px;min-height:128px}
 .handoff-campaign-poster{min-height:120px}
 .handoff-campaign-poster>span{font-size:10px;letter-spacing:.04em;margin:9px 7px 0}
 .handoff-campaign-poster>strong{font-size:16px;margin:9px 7px 0}
 .handoff-campaign-copy{gap:6px}
 .handoff-campaign-copy>div{padding:6px}
 .handoff-campaign-copy span{font-size:11px;line-height:1.3;letter-spacing:0}
 .handoff-campaign-copy i{height:2px;margin-top:4px}
 .handoff-campaign-copy b{display:none}
 .handoff-campaign-copy strong{display:none}
 .hero .demo-stage .handoff-output[data-handoff-kind=sales]{grid-template-areas:'masthead masthead' 'body body' 'art facts' 'next next' 'open open'}
 .hero .demo-stage [data-handoff-kind=sales] #handoff-headline{font-size:22px}
 .hero .demo-stage .handoff-art--sales{min-height:142px}
 .handoff-site-overlay{top:8px;left:8px;gap:4px;padding:8px}
 .handoff-site-overlay>span{display:none}
 .handoff-site-overlay>strong{font-size:29px}
 .handoff-site-overlay small{font-size:13px}
 .handoff-site-caption{padding:7px 8px;font-size:12px;line-height:1.4}
 .hero .demo-stage .handoff-output[data-handoff-kind=delivery]{grid-template-areas:'masthead masthead' 'body body' 'art art' 'facts facts' 'next next' 'open open'}
 .hero .demo-stage [data-handoff-kind=delivery] .handoff-body{padding-bottom:11px}
 .hero .demo-stage [data-handoff-kind=delivery] #handoff-headline{font-size:27px}
 .hero .demo-stage .handoff-art--delivery{padding:8px 15px 8px}
 .handoff-dock-caption{gap:6px}
 .handoff-dock-caption span{display:none}
 .handoff-dock-caption strong{font-size:13px}
 .handoff-dock-plan{gap:15px;margin-top:8px;border-top-width:4px}
 .handoff-dock{height:36px;font-size:22px}
 .handoff-dock small{bottom:-18px;font-size:8px}
 .handoff-dock-route{margin-top:23px;font-size:12px;line-height:1.4;letter-spacing:0;color:#52634c}
 .handoff-dock-route i{height:20px;width:26%}
 .handoff-dock-route b{font-size:20px;bottom:9px}
 .hero .demo-stage [data-handoff-kind=delivery] #handoff-facts{flex-direction:row;gap:9px;padding:8px 11px;background:#f2ead5}
 .hero .demo-stage [data-handoff-kind=delivery] #handoff-facts>li{flex:1;border:0;padding:0}
 .hero .demo-stage .handoff-output[data-handoff-kind=summary]{grid-template-areas:'masthead masthead' 'body body' 'art art' 'next next' 'open open';grid-template-rows:auto auto 1fr auto auto}
 .hero .demo-stage [data-handoff-kind=summary] .handoff-body{padding:12px}
 .hero .demo-stage [data-handoff-kind=summary] #handoff-headline{font-size:22px}
 .hero .demo-stage .handoff-art--summary{grid-template-columns:85px 1fr;gap:12px;margin:0 11px 12px}
 .handoff-shift-date{gap:5px;padding:10px 7px}
 .handoff-shift-date>span:first-child{font-size:12px;letter-spacing:0}
 .handoff-shift-date>span{font-size:12px;line-height:1.4}
 .handoff-shift-date>strong{font-size:37px}
 .handoff-shift-status{gap:10px;padding:10px 8px 10px 0}
 .handoff-shift-status>div{gap:7px;font-size:12px;line-height:1.4}
 .handoff-shift-status strong{font-size:13px;line-height:1.4}
 .handoff-shift-status>div>span:first-child{width:14px;height:14px;flex-basis:14px;font-size:9px}
 .hero .demo-stage .handoff-output[data-handoff-kind=invoice]{grid-template-areas:'masthead masthead' 'body body' 'art facts' 'next next' 'open open'}
 .hero .demo-stage [data-handoff-kind=invoice] #handoff-headline{font-size:29px}
 .hero .demo-stage .handoff-art--invoice{padding:10px 11px;border-left:0;border-right:1px solid #e0d6c2}
 .handoff-invoice-meta{font-size:12px;line-height:1.4;flex-wrap:wrap;gap:3px}
 .handoff-invoice-meta>span{display:none}
 .handoff-overdue-age{gap:7px;margin:10px 0}
 .handoff-overdue-age>strong{font-size:37px}
 .handoff-overdue-age>span{font-size:12px;line-height:1.4}
 .handoff-invoice-track{font-size:12px;line-height:1.4;gap:7px}
 .handoff-invoice-track small{display:none}
 .handoff-payment-date{display:none}
 .hero .demo-stage .handoff-art--proposal{padding:12px;min-height:155px}
 .handoff-proposal-sheet{padding:8px;transform:rotate(-2deg)}
 .handoff-proposal-top{font-size:11px;letter-spacing:0}
 .handoff-proposal-top>span:first-child{display:none}
 .handoff-proposal-sheet>strong{font-size:24px;margin-top:9px}
 .handoff-proposal-sheet>p{display:none}
 .handoff-proposal-sheet>img{height:46px;margin-top:10px}
 .handoff-proposal-foot{display:none}
 .handoff-proposal-note{display:none}
 .hero .demo-stage [data-handoff-kind=proposal] #handoff-headline{font-size:24px}
 .hero .demo-stage .handoff-art--payable{padding:9px}
 .handoff-bill-sheet{padding:8px;border-top-width:2px}
 .handoff-bill-top{font-size:12px;line-height:1.4;gap:5px;flex-wrap:wrap}
 .handoff-bill-top>img{width:18px;height:18px;flex-basis:18px}
 .handoff-bill-top>strong{font-size:12px;line-height:1.4;flex-basis:100%;margin:3px 0 0}
 .handoff-bill-supplier{padding:8px 0 7px}
 .handoff-bill-supplier>strong{font-size:14px}
 .handoff-bill-supplier>span{font-size:12px;line-height:1.4;color:#52665b}
 .handoff-bill-line{display:none}
 .handoff-bill-total{font-size:12px;line-height:1.4;margin-top:7px;padding-top:7px;gap:4px;flex-wrap:wrap}
 .handoff-bill-total>strong{font-size:24px}
 .handoff-bill-total>strong>span{display:none}
 .handoff-bill-bottom{display:none}
 .hero .demo-stage [data-handoff-kind=payable] #handoff-headline{font-size:24px}
 .hero .demo-stage [data-handoff-kind=payable] #handoff-tag{font-size:12px;white-space:normal;max-width:105px;text-align:right}
}
@media(max-width:360px){
 .hero .demo-stage .demo-story-context{padding-inline:7px}
 .hero .demo-stage .demo-story-person{gap:5px;padding-inline:3px}
 .hero .demo-stage .demo-story-person [data-story-photo],.hero .demo-stage .demo-story-person [data-story-initial]{width:25px;height:25px;flex-basis:25px}
 .hero .demo-stage[data-story-count="3"] .demo-story-person{gap:4px;padding-inline:1px}
 .hero .demo-stage[data-story-count="3"] .demo-story-person [data-story-photo],.hero .demo-stage[data-story-count="3"] .demo-story-person [data-story-initial]{width:20px;height:20px;flex-basis:20px}
 .hero .demo-stage .handoff-masthead{flex-wrap:wrap;row-gap:3px}
 .hero .demo-stage #handoff-tag{margin-left:auto}
 .hero .demo-stage #handoff-title{font-size:12px}
 .hero .demo-stage .handoff-art--marketing{grid-template-columns:1fr;padding:7px}
 .handoff-campaign-poster{min-height:118px}
 .handoff-campaign-poster>span{font-size:10px;margin-left:9px}
 .handoff-campaign-poster>strong{font-size:21px;margin-left:9px}
 .handoff-campaign-copy{display:none}
 .hero .demo-stage .handoff-art--summary{gap:9px;grid-template-columns:76px 1fr}
 .handoff-shift-status>div{font-size:12px;gap:5px}
 .handoff-shift-status strong{font-size:12px}
}
@media(prefers-reduced-motion:no-preference){
 .hero .demo-stage[data-conversation-phase=output] .handoff-art{animation:cliff-handoff-ink .35s ease-out both}
}
@keyframes cliff-handoff-ink{from{opacity:.4}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.hero .demo-stage .demo-story-person{transition:none}}


/* The expanded handover keeps every fact together as a readable record. */
.output-preview .handoff-document{font-family:Geist,Arial,sans-serif;color:#294a38}
.output-preview .handoff-document[hidden]{display:none!important}
.output-preview .handoff-document .cliff-stationery-signature{display:inline-flex;align-items:center;gap:8px;min-width:0}
.output-preview .handoff-document .cliff-stationery-signature>img{display:block;width:22px;height:22px;flex:0 0 22px;object-fit:contain}
.output-preview .handoff-document .op-document-header h2{font-size:36px;line-height:1.13;letter-spacing:-.035em;margin:20px 0 9px;color:#294a38}
.output-preview .handoff-document .op-document-header>p{font-size:13px;line-height:1.5;margin:0;color:#60705a}
.output-preview .handoff-document .op-kickoff-section{padding:23px 0;border-bottom:1px solid #ded9c4}
.output-preview .handoff-document .op-kickoff-section:last-child{border-bottom:0;padding-bottom:0}
.output-preview .handoff-document .op-kickoff-section h3{margin:0 0 9px;font-size:20px;font-weight:550;line-height:1.3;letter-spacing:-.02em;color:#294a38}
.output-preview .handoff-document .op-kickoff-section>p{margin:0;font-size:14px;line-height:1.6;color:#53634e}
.output-preview .handoff-document .op-kickoff-scope{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:19px 0 0;padding:15px 0;background:#f3efdf;border-block:1px solid #d9d3bb}
.output-preview .handoff-document .op-kickoff-scope>div{display:block;min-width:0;padding:0 17px;border-right:1px solid #d9d3bb}
.output-preview .handoff-document .op-kickoff-scope>div:last-child{border-right:0}
.output-preview .handoff-document .op-kickoff-scope dt{display:block;margin:0 0 6px;font-size:12px;line-height:1.4;color:#69725d}
.output-preview .handoff-document .op-kickoff-scope dd{display:block;margin:0;font-size:15px;font-weight:550;line-height:1.45;color:#294a38;overflow-wrap:anywhere}
.output-preview .handoff-expanded{padding:24px 0;border-bottom:1px solid #ded9c4}
.output-preview .handoff-expanded[hidden]{display:none!important}
.output-preview .handoff-expanded-caption{display:flex;justify-content:space-between;gap:10px;font-size:10px;line-height:1.4;color:#69725d}
.output-preview .handoff-expanded-caption>span:first-child{letter-spacing:.07em}
.output-preview .handoff-expanded>h3{font-size:27px;line-height:1.15;letter-spacing:-.035em;margin:17px 0;color:#294a38;font-weight:550}
.output-preview .handoff-proposal-scope{display:grid;grid-template-columns:1fr 1fr;background:#edf0e2;border:1px solid #d4dcc8}
.output-preview .handoff-proposal-scope>img{width:100%;height:100%;max-height:200px;object-fit:cover}
.output-preview .handoff-proposal-scope>dl{margin:0;padding:17px;display:grid;gap:13px}
.output-preview .handoff-expanded dt{font-size:11px;line-height:1.4;color:#687762}
.output-preview .handoff-expanded dd{font-size:14px;line-height:1.4;font-weight:500;margin:3px 0 0;color:#294a38}
.output-preview .handoff-open-items{margin:18px 0 0;display:grid;gap:0}
.output-preview .handoff-open-items>div{display:grid;grid-template-columns:130px 1fr;align-items:baseline;gap:15px;border-top:1px solid #dfdfd0;padding:11px 0}
.output-preview .handoff-open-items>div:last-child{padding-bottom:0}
.output-preview .handoff-open-items dd{margin:0;font-size:13px;font-weight:400}
.output-preview .handoff-bill-metadata{display:grid;grid-template-columns:1fr 1fr;gap:13px 20px;margin:18px 0;padding:17px;background:#edf1eb;border-block:1px solid #d7dfd3}
.output-preview .handoff-bill-table{width:100%;border-collapse:collapse;font-size:14px;color:#294a38;font-variant-numeric:tabular-nums}
.output-preview .handoff-bill-table caption{text-align:left;font-size:12px;line-height:1.5;color:#64735b;margin-bottom:13px}
.output-preview .handoff-bill-table th,.output-preview .handoff-bill-table td{padding:11px 12px;text-align:left;border-bottom:1px solid #dedfcf}
.output-preview .handoff-bill-table th{font-weight:400}
.output-preview .handoff-bill-table th:last-child,.output-preview .handoff-bill-table td:last-child{text-align:right}
.output-preview .handoff-bill-table thead{background:#f1efdf;color:#65705a;font-size:11px}
.output-preview .handoff-bill-table tfoot{font-size:20px;background:#e9eddd}
.output-preview .handoff-bill-table tfoot th{font-size:14px;font-weight:550}
.output-preview .handoff-bill-review{font-size:12px;line-height:1.6;margin:14px 0 0;color:#65705a}
@media(max-width:760px){
 .output-preview .handoff-document .op-document-header h2{font-size:28px;margin-top:16px}
 .output-preview .handoff-document .op-kickoff-section{padding:19px 0}
 .output-preview .handoff-document .op-kickoff-section h3{font-size:19px}
 .output-preview .handoff-document .op-kickoff-section>p{font-size:13px}
 .output-preview .handoff-document .op-kickoff-scope{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 0;padding:13px 0;margin-top:16px}
 .output-preview .handoff-document .op-kickoff-scope>div{padding-inline:13px}
 .output-preview .handoff-document .op-kickoff-scope>div:nth-child(2){border-right:0}
 .output-preview .handoff-document .op-kickoff-scope>div:last-child{grid-column:1/-1;padding-top:12px;border-top:1px solid #d9d3bb}
 .output-preview .handoff-document .op-kickoff-scope dd{font-size:14px}
 .output-preview .handoff-expanded{padding:19px 0}
 .output-preview .handoff-expanded-caption{font-size:12px;line-height:1.4;color:#52634c;flex-wrap:wrap;gap:4px}
 .output-preview .handoff-expanded>h3{font-size:25px;margin-block:13px}
 .output-preview .handoff-proposal-scope{grid-template-columns:1fr}
 .output-preview .handoff-proposal-scope>img{height:130px;max-height:none}
 .output-preview .handoff-proposal-scope>dl{padding:13px;gap:10px}
 .output-preview .handoff-expanded dt{font-size:12px;line-height:1.4;color:#52634c}
 .output-preview .handoff-expanded dd{font-size:13px}
 .output-preview .handoff-open-items>div{grid-template-columns:85px 1fr;gap:12px}
 .output-preview .handoff-bill-metadata{padding:13px;gap:12px 13px}
 .output-preview .handoff-bill-table{font-size:13px}
 .output-preview .handoff-bill-table thead{font-size:12px;line-height:1.4;color:#52634c}
 .output-preview .handoff-bill-table th,.output-preview .handoff-bill-table td{padding-inline:10px}
}
@media(max-width:360px){
 .output-preview .handoff-document .op-document-header h2{font-size:25px}
 .output-preview .handoff-document .op-kickoff-scope{grid-template-columns:1fr;gap:0;padding:0}
 .output-preview .handoff-document .op-kickoff-scope>div{padding:11px 13px;border-right:0;border-bottom:1px solid #d9d3bb}
 .output-preview .handoff-document .op-kickoff-scope>div:last-child{border:0;padding-top:11px}
 .output-preview .handoff-document .op-kickoff-scope dt{margin-bottom:4px}
}

/* source: kickoff-output.css */
/* A client brief: a meeting to walk into, with the useful questions already found. */
.kickoff-brief{margin:16px 0;border:1px solid #c7c4b1;border-radius:4px;background:#faf7ed;color:#294735;overflow:hidden;font-variant-numeric:tabular-nums}
.kickoff-brief-masthead{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:41px;padding:9px 16px;border-bottom:1px solid #d4cbb6;background:#f2ecdc;font-size:13px;line-height:1.4;font-weight:550}
.kickoff-brief-masthead>span:last-child{font-size:12px;letter-spacing:.05em;color:#5d6553;font-weight:450;white-space:nowrap}
.kickoff-brief-title{padding:16px 17px 13px;border-left:3px solid #c1a574}
.kickoff-brief-title h3{font-size:28px;line-height:1.15;letter-spacing:-.035em;font-weight:550;margin:0;color:#284735}
.product-thread .kickoff-brief-title p{font-size:14px;line-height:1.5;color:#3c5846;margin:5px 0 0}
.kickoff-brief-title p>span{display:block;font-size:13px;line-height:1.5;color:#57644e;margin-top:3px}
.kickoff-brief-meeting{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 17px;background:#edf0e6;border-block:1px solid #d9dbcc;font-size:13px;line-height:1.4}
.kickoff-brief-meeting>span:first-child{font-weight:550}
.kickoff-brief-meeting>span:last-child{font-size:12px;color:#426450;white-space:nowrap}
.kickoff-brief-meeting i{font-style:normal;margin-right:5px}
.kickoff-brief-questions{padding:13px 17px 14px}
.kickoff-brief-label{display:block;font-size:12px;line-height:1.4;letter-spacing:.035em;color:#6d5c39;font-weight:550}
.kickoff-brief-questions ol{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:7px;counter-reset:kickoff-question}
.kickoff-brief-questions li{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:baseline;gap:8px;font-size:14px;line-height:1.45;color:#2f4a38;counter-increment:kickoff-question}
.kickoff-brief-questions li::before{content:counter(kickoff-question,decimal-leading-zero);font-size:12px;line-height:1.5;color:#897044;font-variant-numeric:tabular-nums}
.kickoff-brief-open{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;padding:9px 17px;border:0;border-top:1px solid #d4cbb6;background:#f6f1e4;color:#2d4c39;font:inherit;font-size:13px;line-height:1.4;font-weight:550;text-align:left;cursor:pointer}
.kickoff-brief-open>span{font-size:18px;line-height:1}
.kickoff-brief-open:hover{background:#ede6d5;text-decoration:underline;text-underline-offset:3px}
.kickoff-brief-open:focus-visible{outline:2px solid #3f7769;outline-offset:-4px}
.product-channel-section .product-thread .chat-meta time,.product-channel-section .product-demo-header div>span,.product-channel-section .product-demo-day{font-size:12px}

dialog.output-preview[data-output-kind=kickoff]{width:min(780px,calc(100vw - 28px))}
.output-preview .op-kickoff{padding:26px 32px 0;background:#faf7ed;color:#294735}
.op-kickoff-header{border-bottom:1px solid #c9b991;padding-bottom:22px}
.op-kickoff-edition{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;line-height:1.5;color:#57634f}
.op-kickoff-edition>span:last-child{white-space:nowrap}
.op-kickoff-header h2{font-size:38px;font-weight:550;line-height:1.12;letter-spacing:-.04em;margin:22px 0 7px;color:#284735}
.op-kickoff-header>p{font-size:15px;line-height:1.5;margin:0;color:#53634e}
.op-kickoff-meeting{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px 20px;padding:19px 0;border-bottom:1px solid #d4d7c8}
.op-kickoff-meeting>div>span{display:block;font-size:12px;line-height:1.5;color:#647057}
.op-kickoff-meeting strong{display:block;font-size:20px;line-height:1.35;letter-spacing:-.02em;font-weight:550;color:#2e4a38;margin-top:3px}
.op-kickoff-meeting>span{font-size:12px;line-height:1.5;color:#3f6a50;background:#e8eee1;padding:7px 10px}
.op-kickoff-section{padding:25px 0;border-bottom:1px solid #d4d7c8}
.op-kickoff-section h3{font-size:22px;line-height:1.2;font-weight:550;letter-spacing:-.025em;margin:0 0 16px;color:#2e4a38}
.op-kickoff-scope{display:grid;grid-template-columns:1fr 1fr;gap:16px 25px;margin:0}
.op-kickoff-scope>div{min-width:0}
.op-kickoff-scope dt{font-size:12px;line-height:1.5;color:#6c634c;margin:0 0 5px}
.op-kickoff-scope dd{font-size:15px;line-height:1.55;color:#344d3b;margin:0}
.op-kickoff-decisions{list-style:none;padding:0;margin:0;counter-reset:kickoff-decision}
.op-kickoff-decisions li{display:grid;grid-template-columns:26px minmax(0,1fr);gap:14px;padding:17px 0;border-top:1px solid #ddd4bf;counter-increment:kickoff-decision}
.op-kickoff-decisions li::before{content:counter(kickoff-decision,decimal-leading-zero);font-size:13px;line-height:1.5;color:#8a7043;font-weight:550;font-variant-numeric:tabular-nums;padding-top:1px}
.op-kickoff-decisions strong{font-size:17px;line-height:1.4;font-weight:550;letter-spacing:-.015em;color:#2c4837}
.op-kickoff-decisions p{font-size:14px;line-height:1.6;color:#53624d;margin:6px 0 0}
.op-kickoff-sources{padding-bottom:27px;border:0}
.op-kickoff-sources>p{font-size:13px;line-height:1.5;color:#667159;margin:-7px 0 16px}
.op-kickoff-source{border-top:1px solid #d3c9b1;background:#fffdf6}
.op-kickoff-source:last-child{border-bottom:1px solid #d3c9b1}
.op-kickoff-source summary{display:flex;justify-content:space-between;align-items:center;gap:18px;list-style:none;cursor:pointer;padding:14px 16px;color:#344f3c;font-size:14px;line-height:1.5;font-weight:550;min-height:52px}
.op-kickoff-source summary::-webkit-details-marker{display:none}
.op-kickoff-source summary::after{content:'+';font-size:20px;font-weight:400;line-height:1;flex:0 0 14px;text-align:center;color:#59745c}
.op-kickoff-source[open] summary::after{content:'−'}
.op-kickoff-source summary:focus-visible{outline:2px solid #3f7769;outline-offset:-4px}
.op-kickoff-source summary>span>small{display:block;font-size:12px;font-weight:400;color:#6c735f;margin-top:2px}
.op-kickoff-source blockquote{margin:0 16px 17px;padding:0 0 0 13px;border-left:2px solid #bca674;color:#53624e;font-size:14px;line-height:1.65;font-style:normal}
.op-kickoff-footer{margin:0 -32px;padding:16px 32px;background:#eeecde;border-top:1px solid #d7d0bb;display:flex;gap:11px;align-items:flex-start;font-size:12px;line-height:1.55;color:#53624d}
.op-kickoff-footer img{width:22px;height:22px;flex:0 0 22px;object-fit:contain;margin-top:1px}

@media(max-width:760px){
 .kickoff-brief{margin-block:13px}
 .kickoff-brief-masthead{padding:8px 12px;min-height:39px}
 .kickoff-brief-title{padding:12px 12px 11px}
 .kickoff-brief-title h3{font-size:25px}
 .kickoff-brief-meeting{padding:9px 12px;font-size:13px}
 .kickoff-brief-questions{padding:11px 12px 12px}
 .kickoff-brief-questions ol{margin-top:8px;gap:6px}
 .kickoff-brief-open{padding-inline:12px}
}
@media(max-width:600px){
 dialog.output-preview[data-output-kind=kickoff]{width:calc(100vw - 24px)}
 .output-preview .op-kickoff{padding:19px 19px 0}
 .op-kickoff-header{padding-bottom:18px}
 .op-kickoff-header h2{font-size:30px;margin-top:18px}
 .op-kickoff-header>p{font-size:14px}
 .op-kickoff-meeting{grid-template-columns:1fr;gap:10px;padding-block:16px}
 .op-kickoff-meeting strong{font-size:18px}
 .op-kickoff-meeting>span{justify-self:start;padding:5px 8px}
 .op-kickoff-section{padding-block:21px}
 .op-kickoff-section h3{font-size:21px;margin-bottom:14px}
 .op-kickoff-scope{grid-template-columns:1fr;gap:14px}
 .op-kickoff-scope dd{font-size:14px;line-height:1.6}
 .op-kickoff-decisions li{grid-template-columns:22px minmax(0,1fr);gap:10px;padding-block:15px}
 .op-kickoff-decisions strong{font-size:16px}
 .op-kickoff-source summary{padding:13px 12px;gap:12px}
 .op-kickoff-source blockquote{margin-inline:12px}
 .op-kickoff-footer{margin-inline:-19px;padding:15px 19px}
}
@media(max-width:360px){
 .kickoff-brief-masthead .cliff-stationery-signature{gap:6px}
 .kickoff-brief-title h3{font-size:23px}
 .kickoff-brief-title p>span{font-size:12px}
 .kickoff-brief-meeting{gap:7px;font-size:12px}
 .kickoff-brief-questions li{gap:5px;grid-template-columns:18px minmax(0,1fr)}
 .output-preview .op-kickoff{padding-inline:15px}
 .op-kickoff-edition{align-items:flex-start;flex-wrap:wrap;gap:8px}
 .op-kickoff-header h2{font-size:27px}
 .op-kickoff-footer{margin-inline:-15px;padding-inline:15px}
}

/* source: outcome-motion.css */
/* Small, specific signs of finished work. The complete record stays readable. */
.dispatch-record .dispatch-window>h4{display:flex;align-items:center;gap:7px}
.dispatch-confirmed-mark{width:18px;height:18px;flex:0 0 18px;fill:#e4eddf;stroke:#39634e;stroke-width:1.35}
.dispatch-confirmed-mark path{fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.dispatch-record-state :is(.dispatch-notes-mark,.dispatch-pending-mark){width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.dispatch-record-state .dispatch-notes-tick{stroke-width:1.7}
.dispatch-record .dispatch-window>strong{width:fit-content;position:relative}
.dispatch-record .dispatch-window>strong:after{content:"";display:block;height:2px;background:#bfcbaf;position:absolute;inset:auto 0 -3px;transform-origin:left center}
.finance-preview .finance-draft-entry{display:block;padding-top:11px;padding-bottom:12px;background:#f6f3e8}
.finance-draft-summary{display:flex;justify-content:space-between;align-items:baseline;gap:6px 16px;flex-wrap:wrap}
.finance-preview .finance-draft-summary>strong{font-size:14px;line-height:1.4}
.finance-preview .finance-draft-summary>span{font-size:12px;line-height:1.4;margin:0}
.finance-draft-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;list-style:none;margin:9px 0 0;padding:0}
.finance-draft-strip>li{position:relative;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0 7px;padding:7px 9px;border:1px solid #cdd4c2;border-top:2px solid #7b9b87;border-radius:2px;background:#fffdf5;box-shadow:0 2px 0 #e5e3d5;color:#385941}
.finance-draft-strip>li>span{grid-column:1;font-size:11px;line-height:1.4;color:#56634f;white-space:nowrap}
.finance-preview .finance-draft-strip>li>strong{grid-column:1;font-size:14px;line-height:1.4;letter-spacing:-.015em;font-weight:550;white-space:nowrap}
.finance-draft-strip svg{grid-column:2;grid-row:1/3;width:17px;height:17px;fill:none;stroke:#3d7b5d;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.weekly-record .wo-monday-decision{box-shadow:inset 3px 0 #b79558}

@container work-output (max-width:450px){
 .finance-preview .finance-draft-entry{padding:10px 13px 12px}
 .finance-draft-summary{display:block}
 .finance-preview .finance-draft-summary>strong{font-size:14px}
 .finance-preview .finance-draft-summary>span{font-size:12px;margin-top:2px}
 .finance-draft-strip{gap:6px;margin-top:8px}
 .finance-draft-strip>li{padding:6px 7px;gap:0 4px}
 .finance-draft-strip>li>span{font-size:11px}
 .finance-preview .finance-draft-strip>li>strong{font-size:13px}
 .finance-draft-strip svg{width:14px;height:14px}
}
@container work-output (max-width:300px){
 .finance-draft-strip>li{display:block;padding:5px 6px}
 .finance-draft-strip svg{position:absolute;right:5px;top:5px;width:12px;height:12px}
 .finance-draft-strip>li>span{display:block;padding-right:10px;font-size:11px}
 .finance-preview .finance-draft-strip>li>strong{font-size:12px;margin-top:1px}
}
@container work-evidence (max-width:400px){
 .dispatch-record .dispatch-window>h4{gap:5px}
 .dispatch-confirmed-mark{width:16px;height:16px;flex-basis:16px}
}

/* Follow the chat's result beat; no perpetual loops or moving click targets. */
@media(prefers-reduced-motion:no-preference){
 .demo-stage[data-conversation-phase=output] .campaign-poster{animation:cliff-draft-enter .4s ease-out both}
 .demo-stage[data-conversation-phase=output] .campaign-email{animation:cliff-draft-enter .4s .1s ease-out both}
 .demo-stage[data-conversation-phase=output] .campaign-landing{animation:cliff-draft-enter .4s .2s ease-out both}
 .demo-stage[data-conversation-phase=output] .dispatch-calendar{animation:cliff-date-settle .4s cubic-bezier(.2,.7,.25,1) both}
 .demo-stage[data-conversation-phase=output] .dispatch-window>strong:after{animation:cliff-confirm-rule .5s .12s ease-out both}
 .demo-stage[data-conversation-phase=output] .dispatch-confirmed-mark path{animation:cliff-output-check .35s .2s ease-out both}
 .demo-stage[data-conversation-phase=output] .dispatch-notes-tick{animation:cliff-output-check .4s .65s ease-out both}
 .demo-stage[data-conversation-phase=output] .dispatch-record-state>span:first-child{animation:cliff-record-ink .45s .45s ease-out both}
 .demo-stage[data-conversation-phase=output] .finance-draft-strip>li{animation:cliff-draft-enter .35s ease-out both}
 .demo-stage[data-conversation-phase=output] .finance-draft-strip>li:nth-child(2){animation-delay:.12s}
 .demo-stage[data-conversation-phase=output] .finance-draft-strip>li:nth-child(3){animation-delay:.24s}
 .demo-stage[data-conversation-phase=output] .finance-draft-strip svg path{animation:cliff-output-check .28s .2s ease-out both}
 .demo-stage[data-conversation-phase=output] .finance-draft-strip>li:nth-child(2) svg path{animation-delay:.32s}
 .demo-stage[data-conversation-phase=output] .finance-draft-strip>li:nth-child(3) svg path{animation-delay:.44s}
 .demo-stage[data-conversation-phase=output] .finance-aging-track{animation:cliff-report-track .6s .35s cubic-bezier(.22,.61,.36,1) both}
 .demo-stage[data-conversation-phase=output] .finance-preview-balance>strong{animation:cliff-finance-focus .55s .65s ease-out both}
 .demo-stage[data-conversation-phase=output] .wo-monday-decision{animation:cliff-monday-focus .6s .6s ease-out both}
}
@keyframes cliff-date-settle{from{opacity:.45;transform:translateY(3px)}to{opacity:1;transform:none}}
@keyframes cliff-confirm-rule{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes cliff-output-check{from{stroke-dasharray:1;stroke-dashoffset:1}to{stroke-dasharray:1;stroke-dashoffset:0}}
@keyframes cliff-record-ink{from{color:#7b8871}to{color:#355741}}
@keyframes cliff-draft-enter{from{opacity:.35;transform:translateY(3px)}to{opacity:1;transform:none}}
@keyframes cliff-finance-focus{0%{color:#fffcf1}45%{color:#ebce94}100%{color:#fffcf1}}
@keyframes cliff-monday-focus{from{box-shadow:inset 0 0 #b79558;background:#faf7ed}to{box-shadow:inset 3px 0 #b79558;background:#eee7d3}}
@media(prefers-reduced-motion:reduce){
 .demo-stage .dispatch-calendar,.demo-stage .dispatch-window>strong:after,.demo-stage .dispatch-confirmed-mark path,.demo-stage .dispatch-notes-tick,.demo-stage .dispatch-record-state>span,.demo-stage .finance-draft-strip>li,.demo-stage .finance-draft-strip svg path,.demo-stage .finance-preview-balance>strong,.demo-stage .wo-monday-decision{animation:none!important;transform:none!important}
}