:root{--hero-height:710px;--match:#21674d;--match-soft:#e9f5ed}
[hidden]{display:none!important}
.version-bar{height:48px;background:#f4f6f9;border-bottom:1px solid #dce2ec;display:flex;align-items:center;justify-content:space-between;padding:0 28px;gap:24px;font-size:12px}
.version-bar>div,.version-bar nav{display:flex;align-items:center;gap:14px}
.version-bar>div>span{color:var(--muted)}
.version-bar strong{font-weight:500}
.version-bar a{display:inline-flex;align-items:center;gap:5px}
.version-bar .icon{width:14px;height:14px}
.version-bar nav{gap:4px}
.version-bar nav a{padding:8px 17px;border-radius:4px}
.version-bar nav a[aria-current=page]{background:#dfe8ff;color:#123e9d}
.version-bar a:hover{text-decoration:underline}
.hero-controls button{border:0;padding:6px 0;background:transparent;font-size:12px;color:#36445c;display:flex;align-items:center;gap:6px}
.hero-controls button:disabled{opacity:.38;cursor:default}
.hero-controls button:hover:not(:disabled){color:var(--blue)}
.hero-v3{position:relative;isolation:isolate;height:var(--hero-height);overflow:hidden}
.hero-content{position:relative;z-index:1;padding-top:70px;pointer-events:none}
.hero-content h1{font-size:clamp(66px,5.6vw,84px);line-height:1.045;letter-spacing:-.04em;font-weight:500;width:fit-content;max-width:60%}
.hero-content h1 span{color:var(--blue)}
.hero-content>p{font-size:21px;line-height:1.5;letter-spacing:-.02em;margin-top:32px}
.hero-specialty{color:var(--blue);font-weight:500}
.hero-content .hero-actions{margin-top:30px;gap:30px;pointer-events:auto;width:fit-content;padding:0}
.hero-art{position:absolute;right:0;top:-50px;width:57%;height:700px;z-index:0;pointer-events:none;contain:layout style}
.hero-art>svg{width:100%;height:100%;display:block;overflow:visible}
.hero-baseline{position:absolute;bottom:28px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);z-index:2}
.hero-baseline label{display:flex;gap:7px;align-items:center;font-size:11px;cursor:pointer}
.hero-baseline input{accent-color:var(--blue)}
.work-heading{padding-bottom:46px}
.work-section{padding-bottom:37px}
.invoice-progress{display:flex;align-items:center;gap:15px;font-size:12px;color:var(--muted)}
.case-dots{display:flex;gap:5px}
.case-dots i{width:5px;height:5px;border-radius:50%;background:#d1d9e6}
.case-dots i.current{background:var(--blue)}
.line-table td:first-child #item-name{font-size:13px;color:var(--ink);margin:0;display:block}
.line-table td:first-child small{display:block;font-size:11px;color:var(--muted);margin-top:5px}
.finding-panel{padding-top:32px;padding-bottom:24px}
.finding-panel h4{font-size:clamp(30px,2.65vw,38px);margin-top:29px;line-height:1.15;min-height:88px}
.finding-status{font-size:12px;gap:6px}
.finding-status>.icon{width:15px;height:15px}
.is-matched .finding-status{color:var(--match)}
.is-matched .quantity{background:var(--match-soft);color:var(--match)}
.match-comparison{display:grid;grid-template-columns:1fr 24px 1fr;align-items:center;gap:14px;padding-block:20px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}
.match-comparison>div{display:flex;flex-direction:column;gap:8px}
.match-comparison>div:last-child{text-align:right}
.match-comparison>div>span{font-size:12px;color:var(--muted)}
.match-comparison strong{font-weight:500;font-size:23px;letter-spacing:-.02em}
.comparison-symbol{font-size:22px;color:var(--match);text-align:center}
.needs-review .comparison-symbol{color:var(--amber)}
.finding-description{max-width:40ch;font-size:13px;min-height:40px}
.matched-fields{margin-top:13px}
.review-button{margin-top:22px}
.case-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:13px;min-height:20px;gap:16px}
.case-navigation button{font-size:11px;background:transparent;color:var(--muted);padding:0;display:flex;align-items:center;gap:5px}
.case-navigation button:hover:not(:disabled){color:var(--blue)}
.case-navigation button:disabled{opacity:.38;cursor:default}
.case-navigation .icon{width:13px;height:13px}
.document-workspace{padding-bottom:20px}
.paper{min-height:385px}
.client-work{padding-top:83px}
.client-work>h2{font-size:48px;font-weight:400;line-height:1.15;letter-spacing:-.035em;margin-bottom:64px}
.client-story{display:grid;grid-template-columns:0.82fr 1.18fr;gap:80px;align-items:center;padding:0 0 76px;border-bottom:1px solid var(--line)}
.client-story+.client-story{padding-top:76px}
.story-copy h3{font-size:46px;line-height:1.08;letter-spacing:-.035em;font-weight:400;margin:0 0 25px}
.story-copy>p{color:var(--muted);font-size:16px;line-height:1.65;max-width:35ch}
.story-copy>p+p{margin-top:16px}
.client-person{display:flex;align-items:center;gap:12px;margin-top:28px}
.client-person img{object-fit:cover;border-radius:50%;width:48px;height:48px;filter:saturate(.85)}
.client-person>div{display:flex;flex-direction:column;gap:6px}
.client-person strong{font-size:13px;font-weight:500}
.client-person span{font-size:11px;color:var(--muted);line-height:1.4}
.story-copy>.text-link{color:var(--blue);margin-top:28px;font-size:14px}
.dashboard-preview{display:block;background:#f0f4fb;border-radius:12px;overflow:hidden;transition:background 180ms ease}
.dashboard-preview:hover{background:#e5edff}
.preview-top{display:flex;align-items:center;justify-content:space-between;padding:21px 24px;font-size:13px;font-weight:500;color:#123e9d}
.preview-top .icon{width:19px;height:19px}
.dashboard-image{margin-left:24px;margin-right:24px;overflow:hidden;box-shadow:0 12px 30px rgba(12,25,44,.12);border-radius:6px;background:#fff}
.dashboard-image img{display:block;width:100%;height:auto;aspect-ratio:1280/850;object-fit:cover}
.preview-caption{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;font-size:12px;color:#123e9d;gap:20px}
.preview-caption>span:last-child{display:flex;align-items:center;gap:9px}
.preview-caption .icon{width:17px;height:17px}
.finance-outcome{padding:32px 33px 30px;background:#f1f5ff;border-radius:12px;color:#0c2459}
.agent-work{display:flex;align-items:center;justify-content:space-between;gap:18px}
.agent-identity{display:flex;align-items:center;gap:12px}
.agent-mark{font-family:var(--zuzora-font-wordmark);font-weight:850;font-size:27px;color:var(--blue)}
.agent-identity>div{display:flex;flex-direction:column;gap:5px}
.agent-identity strong{font-size:13px;font-weight:500}
.agent-identity span{font-size:11px;color:#425d8b}
.agent-output{display:flex;align-items:center;gap:5px;font-size:11px;color:#21674d;white-space:nowrap}
.agent-output .icon{width:14px;height:14px}
.file-steps{display:flex;gap:13px;align-items:center;padding:23px 0 26px;border-bottom:1px solid #cfdbf5;margin-bottom:30px;color:#425d8b;font-size:11px}
.file-steps .icon{width:14px;height:14px}
.time-comparison{display:flex;justify-content:space-between;align-items:center;gap:25px;font-variant-numeric:tabular-nums}
.time-comparison>div{display:flex;flex-direction:column;gap:14px}
.time-comparison>div>span{font-size:12px;color:#425d8b}
.time-comparison strong{font-size:92px;letter-spacing:-.04em;line-height:1;font-weight:400;color:#6b80a7}
.time-comparison strong small{font-size:25px;margin-left:7px;letter-spacing:-.02em}
.time-comparison>div:last-child strong{color:var(--blue)}
.time-comparison>.icon{width:40px;height:40px;color:#7a92bd;margin-top:20px}
.finance-outcome>p{font-size:13px;color:#425d8b;margin-top:27px}
.client-reported{display:block;margin-top:6px;font-size:11px;color:#425d8b}
.closing{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:74px 0 81px}
.closing h2{font-size:42px;font-weight:400;line-height:1.15;letter-spacing:-.035em}
.document-tabs button span,.supplier>span,.document-type,.field-label,.po-reference,.line-table th,.paper-total,.paper-note,.source-caption,.matched-fields{font-size:11px}
@media(max-width:1250px){.client-story{gap:48px;grid-template-columns:.85fr 1.15fr}.story-copy h3{font-size:39px}.time-comparison strong{font-size:78px}.finance-outcome{padding:26px}.agent-output{display:none}.file-steps{gap:9px}.match-comparison{gap:8px}.match-comparison strong{font-size:21px}}
@media(max-width:1000px){.hero-content h1{font-size:6vw}.hero-content>p{font-size:19px}.hero-content .text-link{font-size:13px}.hero-art{right:-7%;width:62%}.client-story{gap:30px}.story-copy h3{font-size:35px}.story-copy>p{font-size:14px}.time-comparison strong{font-size:65px}.file-steps{font-size:10px;gap:7px}.version-bar{padding-inline:20px}.version-bar>div>a{display:none}.match-comparison strong{font-size:19px}}
@media(max-width:800px){.version-bar{padding-inline:18px;gap:12px;font-size:11px}.version-bar>div>span{display:none}.version-bar nav a{padding-inline:10px}.version-bar>div,.version-bar nav{gap:8px}.hero-controls button{font-size:11px}.hero-controls #hero-still{display:none}.hero-v3{height:830px}.hero-content{padding-top:30px}.hero-content h1{font-size:clamp(44px,8vw,65px);max-width:100%}.hero-content>p{font-size:18px;margin-top:25px}.hero-content .hero-actions{gap:22px;margin-top:23px}.hero-content .button{font-size:13px;padding:14px 17px;min-height:48px;gap:22px}.hero-art{top:345px;right:-15%;width:90%;height:430px}.hero-baseline{font-size:10px}.hero-baseline label{font-size:10px}.client-work{padding-top:50px}.client-work>h2{font-size:35px;margin-bottom:40px}.client-story{grid-template-columns:1fr;gap:35px;padding-bottom:45px}.client-story+.client-story{padding-top:45px}.story-copy h3{font-size:37px}.story-copy>p{font-size:15px;max-width:50ch}.client-person{margin-top:24px}.finance-outcome{padding:25px}.agent-output{display:flex}.time-comparison strong{font-size:78px}.closing{padding-block:48px;display:block}.closing h2{font-size:34px;margin-bottom:28px}.finding-panel h4{min-height:0}.finding-description{min-height:0}.match-comparison strong{font-size:25px}.paper{min-height:360px}.review-workspace{grid-template-columns:1fr}}
@media(max-width:1000px){.file-steps{font-size:11px}}
@media(max-width:800px){.hero-baseline,.hero-baseline label{font-size:11px}.client-story>*{min-width:0}.file-steps{flex-wrap:wrap}.agent-work{flex-wrap:wrap}.time-comparison{gap:16px}.time-comparison strong{font-size:62px}.time-comparison strong small{font-size:21px}.time-comparison>.icon{width:24px;height:24px}.finding-panel h4 br{display:initial}}
@media(max-width:520px){.site-header nav>a:first-child{display:none}.site-header nav{font-size:12px}.site-header .zuzora-wordmark{font-size:25px}.hero-baseline{align-items:flex-start;gap:20px}.hero-baseline>span{max-width:170px}.agent-output{font-size:11px}}
/* v4: a direct invitation to the owner, followed by the existing client proof. */
.preview-mode{font-size:11px;color:var(--muted)}
.case-dots i.approved{background:var(--match)}
.owner-invitation{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px;padding:7px 0 69px;margin-bottom:70px;border-bottom:1px solid var(--line);scroll-margin-top:56px}
.invitation-copy h2{font-size:clamp(40px,3.7vw,54px);font-weight:400;line-height:1.1;letter-spacing:-.035em}
.invitation-copy h2 span{color:var(--blue)}
.invitation-copy p{font-size:16px;line-height:1.65;color:var(--muted);margin-top:25px;max-width:48ch}
.invitation-action{min-width:0}
.lead-form>label{display:block;font-size:13px;color:var(--ink);font-weight:500;margin-bottom:11px}
.email-entry{display:flex;align-items:stretch;background:#f4f6fb;border:1px solid #c4cddc;border-radius:6px;padding:5px;gap:6px}
.email-entry:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #dfe8ff}
.email-entry input{font:inherit;min-width:0;flex:1;border:0;background:transparent;padding:12px 11px;outline:none;font-size:15px;color:var(--ink);caret-color:var(--blue)}
.email-entry input::placeholder{color:#65728a;opacity:1}
.email-entry input[aria-invalid=true]{color:#873522}
.email-entry .button{min-height:52px;padding:15px 20px;font-size:14px;gap:19px;white-space:nowrap}
.email-entry .button .icon{width:19px;height:19px}
.email-entry .button:disabled{opacity:.65;cursor:wait}
.lead-help{margin-top:13px;font-size:12px;color:var(--muted);line-height:1.5}
.lead-status{min-height:20px;margin-top:10px;font-size:12px;line-height:1.5;color:var(--muted)}
.lead-status[data-state=error],.lead-status[data-state=invalid]{color:#873522}
.lead-status[data-state=success]{color:var(--match)}
@media(max-width:1250px){.owner-invitation{gap:42px;grid-template-columns:1fr 1.1fr}.invitation-copy p{font-size:15px}.email-entry .button{font-size:13px;gap:12px;padding-inline:15px}}
@media(max-width:1000px){.owner-invitation{grid-template-columns:1fr;gap:31px}.invitation-action{max-width:610px}.invitation-copy h2{font-size:46px}}
@media(max-width:800px){.owner-invitation{padding-bottom:37px;margin-bottom:45px;gap:28px}.invitation-copy h2{font-size:37px}.invitation-copy p{font-size:15px;margin-top:20px}.preview-mode{display:none}.email-entry{display:block;padding:6px}.email-entry input{display:block;width:100%;min-height:50px;font-size:16px}.email-entry .button{width:100%;justify-content:space-between;font-size:14px}.workspace-name{font-size:13px;gap:8px}.demo-toolbar{height:auto;min-height:74px;padding-block:16px;gap:12px;align-items:flex-start}.invoice-progress{gap:7px;flex-shrink:0;font-size:11px}.workspace-name>span:last-child{max-width:130px}.case-dots{margin-top:5px}.invitation-copy p br{display:none}}