@font-face{font-family:Inter;src:url('assets/inter-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('assets/inter-500.woff2') format('woff2');font-weight:500 900;font-display:swap}
:root{--blue:var(--zuzora-brand-primary);--ink:var(--zuzora-brand-ink);--muted:var(--zuzora-brand-muted);--paper:var(--zuzora-brand-paper);--soft:#f1f4f9;--line:#dce2ec;--amber:#805116;--amber-bg:#fff2db;--gutter:clamp(32px,4.7vw,80px);--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px;scrollbar-color:#aebbd2 #f1f4f9}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none;text-underline-offset:5px}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #e59717;outline-offset:5px}::selection{background:#b9cbff;color:#0c2459}h1,h2,h3,h4,p{margin:0}button{border:0}svg{flex-shrink:0}.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.page-width{width:calc(100% - var(--gutter)*2);max-width:1440px;margin-inline:auto}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:20px;top:-100px;padding:15px;background:var(--ink);color:#fff;z-index:10}.skip-link:focus{top:15px}
.site-header{height:108px;display:flex;align-items:center;justify-content:space-between}.site-header .zuzora-wordmark,.site-footer .zuzora-wordmark{font-size:27px}.site-header nav{display:flex;align-items:center;gap:38px;font-size:14px}.site-header nav a{display:inline-flex;align-items:center;gap:10px}.site-header nav a:hover{text-decoration:underline}.nav-contact{color:var(--blue)}.nav-contact .icon{width:18px;height:18px}
.hero{padding:70px 0 78px}.hero h1{font-size:clamp(64px,6.7vw,96px);font-weight:500;line-height:1.06;letter-spacing:-.04em}.hero h1 span{color:var(--blue);white-space:nowrap}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;margin-top:49px;gap:40px}.hero-bottom>p{font-size:23px;line-height:1.5;letter-spacing:-.02em}.hero-actions{display:flex;align-items:center;gap:32px;padding-bottom:5px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;padding:17px 22px;border-radius:4px;font-size:15px;font-weight:500;min-height:55px;transition:background .18s,color .18s}.primary{background:var(--blue);color:#fff}.primary:hover{background:var(--zuzora-brand-primary-hover)}.button .icon{width:21px;height:21px}.text-link{display:inline-flex;align-items:center;gap:15px;font-size:15px;font-weight:500}.text-link:hover{text-decoration:underline}
.work-section{background:var(--blue);color:#fff;padding:62px 0 36px;scroll-margin-top:0}.work-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;padding-bottom:57px}.work-heading h2{font-size:48px;font-weight:400;line-height:1.12;letter-spacing:-.035em}.work-heading h2 span{color:#dfe8ff}.work-heading>p{font-size:18px;line-height:1.55;color:#dfe8ff;padding-bottom:5px}.example-heading{display:flex;justify-content:space-between;align-items:center;padding-bottom:22px;gap:24px}.example-heading h3{font-size:20px;font-weight:500;letter-spacing:-.02em}.example-heading>p{font-size:15px;color:#e3ebff}.ap-demo{background:#fff;color:var(--ink);border-radius:12px;overflow:hidden;box-shadow:0 22px 50px rgba(12,36,89,.2)}.demo-toolbar{height:66px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.workspace-name{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:500}.demo-mark{font-family:var(--zuzora-font-wordmark);font-size:22px;font-weight:850;line-height:1;color:var(--blue)}.demo-label{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:11px}.label-dot{width:3px;height:3px;border-radius:50%;background:#68768d}.review-workspace{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(340px,1fr)}.document-workspace{padding:25px 32px 17px;background:var(--soft)}.document-tabs{display:flex;gap:5px;margin-bottom:21px}.document-tabs button{background:transparent;color:var(--muted);padding:10px 12px;border-radius:4px;font-size:12px;white-space:nowrap}.document-tabs button[aria-selected=true]{background:#fff;color:var(--blue);box-shadow:0 2px 5px rgba(12,25,44,.04)}.document-tabs button:hover{color:var(--blue)}.document-tabs button span{font-size:10px;margin-left:5px;color:var(--muted)}.paper{background:#fff;padding:29px 29px 24px;box-shadow:0 8px 24px rgba(12,25,44,.065);min-height:356px}.paper-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.supplier{font-size:18px;font-weight:500;letter-spacing:-.025em}.supplier>span{display:block;font-size:10px;letter-spacing:0;font-weight:400;color:var(--muted);margin-top:6px}.document-type{font-size:10px;letter-spacing:.08em;color:var(--muted);padding-top:4px}.paper-meta{display:grid;grid-template-columns:1fr 1fr;margin-top:24px;font-size:11px}.paper-meta>div{display:flex;flex-direction:column;gap:5px}.field-label{color:var(--muted);font-size:10px;line-height:1.4}.paper-to{display:flex;flex-direction:column;gap:5px;font-size:11px;margin-top:21px;position:relative}.po-reference{position:absolute;right:0;bottom:0;color:var(--muted);font-size:10px}.line-table{width:100%;border-collapse:collapse;font-size:11px;margin-top:24px;font-variant-numeric:tabular-nums}.line-table th{font-size:9px;font-weight:400;color:var(--muted);padding:0 0 9px;text-align:right;border-bottom:1px solid var(--line)}.line-table th:first-child,.line-table td:first-child{text-align:left}.line-table td{padding:14px 0;text-align:right;vertical-align:top;border-bottom:1px solid var(--line)}.line-table td:first-child>span{display:block;font-size:9px;color:var(--muted);margin-top:5px}.line-table .quantity{background:var(--amber-bg);color:var(--amber);padding:4px 7px;border-radius:3px;display:inline-block;margin-top:-4px;min-width:27px}.line-table .quantity.match{background:#eaf0fb;color:#123e9d}.line-table td:nth-child(2){width:48px}.line-table td:nth-child(3){width:76px}.line-table td:nth-child(4){width:79px}.paper-total{display:flex;justify-content:flex-end;align-items:center;gap:32px;font-size:10px;padding-top:16px;font-variant-numeric:tabular-nums}.paper-total strong{font-size:16px;font-weight:500}.paper-note{font-size:8px;color:var(--muted);margin-top:23px}.source-caption{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted);margin-top:15px}.source-caption .icon{width:13px;height:13px}.finding-panel{padding:34px 37px 25px}.finding-top{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px}.finding-status{display:flex;gap:7px;align-items:center;color:var(--amber)}.finding-status>span{width:5px;height:5px;background:#af720d;border-radius:50%}.finding-count{color:var(--muted)}.finding-panel h4{font-size:clamp(30px,3vw,42px);line-height:1.12;letter-spacing:-.035em;font-weight:500;margin-top:29px}.difference-line{display:flex;align-items:center;gap:15px;margin-top:22px}.difference-line strong{font-size:23px;font-weight:500;font-variant-numeric:tabular-nums}.difference-line>span{color:var(--muted);font-size:12px}.finding-description{color:var(--muted);font-size:13px;line-height:1.55;margin-top:17px;max-width:30ch}.matched-fields{display:flex;gap:12px;margin-top:22px;font-size:10px;color:var(--muted)}.matched-fields>span{display:flex;align-items:center;gap:4px}.matched-fields .icon{width:13px;height:13px;color:#2e7259}.review-button{margin-top:28px;width:100%;font-size:13px;min-height:47px;padding:12px 17px}.hold-note{color:var(--muted);font-size:10px;margin-top:11px;text-align:center}.demo-footer{display:flex;justify-content:space-between;padding:17px 28px;font-size:11px;border-top:1px solid var(--line);gap:20px}.demo-footer>span:last-child{color:var(--muted)}
.evidence-panel{display:grid;grid-template-columns:1fr 1.45fr;gap:30px 44px;padding:37px 32px 28px;border-top:1px solid var(--line);background:#fff;scroll-margin-top:30px}.evidence-panel[hidden]{display:none}.evidence-intro h4{font-size:27px;font-weight:500;letter-spacing:-.03em;margin-bottom:14px}.evidence-intro p{font-size:13px;line-height:1.6;color:var(--muted);max-width:38ch}.evidence-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding:15px 14px;background:transparent;border-bottom:1px solid var(--line);gap:16px;text-align:left;font-size:12px}.evidence-row.mismatch{background:var(--amber-bg);border-radius:4px;border-bottom-color:transparent}.evidence-row>span{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:1}.evidence-row>span .icon{width:16px;height:16px}.evidence-row small{font-size:10px;color:var(--muted);font-weight:400}.evidence-row strong{font-size:20px;font-weight:500;white-space:nowrap;min-width:105px;font-variant-numeric:tabular-nums}.evidence-row>svg{width:15px;height:15px;color:var(--muted)}.evidence-row:hover{background:#e9effc}.evidence-row.mismatch:hover{background:#fce6bf}.supplier-draft{grid-column:1/-1;border-top:1px solid var(--line);padding-top:18px}.supplier-draft summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;font-size:13px;font-weight:500}.supplier-draft summary::-webkit-details-marker{display:none}.supplier-draft summary .icon{width:18px;height:18px}.supplier-draft[open] summary .icon{transform:rotate(45deg)}.supplier-draft>div{max-width:76ch;margin-top:18px;font-size:13px;line-height:1.7}.supplier-draft>div>span{display:block;color:var(--muted);font-size:11px;margin-top:12px}.evidence-panel.revealing{animation:evidence-enter .5s var(--ease)}@keyframes evidence-enter{from{opacity:.5;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.example-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:25px;font-size:13px;color:#e3ebff}.example-footer a{display:flex;align-items:center;gap:10px;color:#fff}.example-footer a:hover{text-decoration:underline}.example-footer .icon{width:18px;height:18px}
.supporting{padding-top:45px;padding-bottom:25px}.support-row{display:flex;justify-content:space-between;gap:45px;align-items:center;padding:47px 0;border-bottom:1px solid var(--line)}.support-row h2{font-size:29px;line-height:1.2;letter-spacing:-.03em;font-weight:500;margin-bottom:14px}.support-row p{font-size:15px;line-height:1.65;color:var(--muted)}.support-row .text-link{margin-top:20px;color:var(--blue)}.support-row:first-child>.text-link{margin-top:0;flex-shrink:0}.proof{text-align:left;min-width:300px;padding-right:44px}.proof-values{display:flex;gap:24px;align-items:center;font-size:54px;line-height:1.2;letter-spacing:-.035em;font-variant-numeric:tabular-nums}.proof-values>span{color:var(--muted)}.proof-values span>span,.proof-values strong>span{font-size:20px;margin-left:5px;letter-spacing:-.02em}.proof-values strong{color:var(--blue);font-weight:500}.proof-values>.icon{width:35px;height:35px;color:#6d7b91}.proof>p{font-size:12px;margin-top:10px}.proof>small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.partnership{padding-top:80px;padding-bottom:95px;display:flex;justify-content:space-between;align-items:flex-end;gap:60px}.partnership h2{font-size:39px;font-weight:400;line-height:1.2;letter-spacing:-.035em}.partnership h2 span{color:var(--muted)}.partnership>div{max-width:300px}.partnership p{font-size:14px;line-height:1.7;color:var(--muted);margin-bottom:23px}.partnership .button{font-size:13px}.site-footer{border-top:1px solid var(--line);padding:32px 0;display:flex;justify-content:space-between;align-items:center;gap:24px}.site-footer>span{font-size:12px;color:var(--muted)}.site-footer>small{font-size:10px;color:var(--muted)}
.document-tabs button{font-size:13px}.document-tabs button span{font-size:11px}.paper-meta,.paper-to{font-size:12px}.field-label,.po-reference,.document-type,.supplier>span{font-size:11px}.line-table{font-size:13px}.line-table th,.line-table td:first-child>span{font-size:11px}.line-table td:nth-child(2){width:54px}.line-table td:nth-child(3){width:86px}.line-table td:nth-child(4){width:92px}.paper-total{font-size:12px}.paper-total strong{font-size:18px}.paper-note,.source-caption,.hold-note{font-size:11px}.matched-fields{font-size:11px}.finding-top,.demo-footer{font-size:12px}.evidence-row{font-size:13px}.evidence-row small{font-size:11px}.proof>small,.site-footer>small{font-size:11px}
@media(min-width:1700px){.hero{padding-top:95px;padding-bottom:100px}.hero-bottom{margin-top:65px}}
@media(max-width:1100px){.hero h1{font-size:6.5vw}.hero-bottom>p{font-size:20px}.hero-actions{gap:22px}.finding-panel{padding-inline:26px}.document-workspace{padding-inline:22px}.paper{padding-inline:22px}.document-tabs button{padding-inline:8px}.document-tabs button span{display:none}.matched-fields{gap:8px}.partnership h2{font-size:32px}.proof{padding-right:0;min-width:275px}}
@media(max-width:800px){.site-header{height:85px}.site-header nav{gap:18px}.site-header nav>a:nth-child(2){display:none}.hero{padding-top:44px;padding-bottom:50px}.hero h1{font-size:8.5vw}.hero h1 span{white-space:normal}.hero-bottom{display:block;margin-top:28px}.hero-actions{margin-top:28px;gap:22px}.hero-actions .text-link{font-size:12px}.work-heading h2{font-size:35px}.work-heading>p{display:none}.example-heading{display:block}.example-heading>p{margin-top:9px;line-height:1.5}.review-workspace{grid-template-columns:1fr}.finding-panel h4 br{display:none}.finding-panel h4{line-height:1.25}.finding-panel h4 br::after{content:' '}.finding-panel{padding:28px}.evidence-panel{grid-template-columns:1fr}.demo-label{font-size:10px}.demo-toolbar{padding-inline:20px}.demo-footer{display:block;line-height:1.8}.demo-footer>span{display:block}.example-footer{display:block;line-height:1.6}.example-footer a{margin-top:14px}.support-row{display:block}.support-row>.text-link{margin-top:20px!important}.proof{margin-top:28px}.partnership{display:block;padding-block:55px}.partnership>div{margin-top:30px}.site-footer>span{display:none}.site-footer>small{text-align:right}.evidence-row>span small{display:block}.evidence-row strong{min-width:92px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
