@font-face{font-family:Manrope;src:url('assets/Manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
@font-face{font-family:Unbounded;src:url('assets/Unbounded.ttf') format('truetype');font-weight:200 900;font-display:swap}
:root{--paper:#fff;--ink:#1c1d20;--muted:#707478;--line:#d2d2d2;--gray:#e9eaeb;--accent:#455ce9;--ease:cubic-bezier(.7,0,.3,1);--body:Manrope,Arial,sans-serif;--heading:Unbounded,Manrope,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;-webkit-font-smoothing:antialiased}body.demo-expanded{overflow:hidden}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button,input,select{border-radius:0}p,h1,h2,h3,figure{margin:0}p{line-height:1.7}h1,h2,h3{font-family:var(--heading);font-weight:500;letter-spacing:-.045em}h2{font-size:clamp(30px,3.25vw,48px);line-height:1.3}h3{font-size:22px;line-height:1.4}::selection{background:#1c1d20;color:white}[hidden]{display:none!important}.wrap{width:min(1280px,84%);margin-inline:auto}.wrap-wide{width:min(1500px,94%);margin-inline:auto}.section-space{padding-block:100px}.section-label,.eyebrow,.meta-label{font-size:11px;line-height:1.5;font-weight:500;letter-spacing:.015em;color:var(--muted)}.section-label{display:block;margin-bottom:26px}.skip{position:fixed;top:10px;left:10px;z-index:100;padding:12px 22px;background:var(--ink);color:white;transform:translateY(-160%);border-radius:30px}.skip:focus{transform:none}.site-header{height:124px;display:flex;align-items:center;justify-content:space-between}.wordmark{font-family:var(--heading);font-size:24px;font-weight:500;letter-spacing:-1.4px}.site-header nav{display:flex;gap:36px;font-size:14px}.site-header nav a{position:relative;padding:8px 0}.site-header nav a:after{content:'';position:absolute;bottom:-3px;left:calc(50% - 2px);width:5px;height:5px;border-radius:50%;background:currentColor;transform:scale(0);transition:transform .3s var(--ease)}.site-header nav a:hover:after{transform:scale(1)}
.hero{padding-top:74px;padding-bottom:70px}.eyebrow{display:flex;justify-content:space-between;gap:20px;margin-bottom:34px}.eyebrow span:last-child{color:#999d9e}h1{font-size:clamp(37px,5.25vw,80px);line-height:1.24;letter-spacing:-.05em}.title-line{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}.title-line>span{display:block}.hero-summary{display:grid;grid-template-columns:1fr 1fr;gap:8%;margin-top:45px;padding-left:26%}.hero-summary p:first-child{font-size:19px;line-height:1.6}.hero-summary p:last-child{font-size:14px;color:var(--muted)}.hero-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px;margin-top:66px}.hero-meta>div{border-top:1px solid var(--line);padding-top:18px}.hero-meta h2{font-size:17px;line-height:1.5;letter-spacing:-.03em;margin-top:20px;max-width:310px}.hero-meta p{font-size:13px;line-height:1.8;margin-top:17px;color:var(--muted)}
.showcase{background:var(--gray);overflow:hidden}.showcase-top,.showcase-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:27px 38px;font-size:11px}.showcase-top{border-bottom:1px solid #1c1d2012}.scene-counter{font-variant-numeric:tabular-nums;color:#7b7e80}.flow-art{position:relative;min-height:520px;isolation:isolate}.scene{position:absolute;inset:0;overflow:hidden}.scene-label{position:absolute;left:4%;top:38px}.scene-label>span{font-size:10px;color:var(--muted)}.scene-label>strong{display:block;font-family:var(--heading);font-weight:500;font-size:26px;letter-spacing:-.05em;line-height:1.4;margin-top:13px}.intake-stack{position:absolute;width:340px;left:30%;top:112px}.mail-sheet,.calc-sheet,.review-board{background:white;border:1px solid #d3d5d6;box-shadow:0 22px 40px -32px #1c1d2088}.mail-sheet{position:relative;transform:rotate(-4deg);z-index:2}.sheet-top{padding:18px;display:flex;align-items:center;gap:10px;font-size:11px;border-bottom:1px solid #ededed}.glyph{display:inline-grid;place-items:center;width:27px;height:27px;background:#f1f2f3;border:1px solid #e1e3e4;font-family:Arial,sans-serif;font-size:16px;flex:none;border-radius:5px}.badge{font-size:8px;border-radius:20px;background:#eef1ec;color:#4a6540;padding:5px 8px;margin-left:auto;white-space:nowrap}.sheet-body{padding:22px}.sheet-body>small{font-size:9px;color:#888}.sheet-body h3{font-family:var(--body);font-size:16px;letter-spacing:-.03em;line-height:1.55;margin-top:11px}.sheet-body p{font-size:11px;margin-top:15px;color:#73767a;line-height:1.9}.file-chip{border:1px solid #e2e3e4;border-radius:4px;display:flex;align-items:center;gap:8px;padding:10px;font-size:9px;margin-top:20px}.file-chip small{margin-left:auto;color:#8f9497;font-size:7px}.source-chip{position:absolute;display:flex;gap:12px;align-items:center;width:235px;padding:15px 18px;background:#fff;border:1px solid #d1d2d3;border-radius:5px;font-size:11px;box-shadow:0 10px 30px -20px #0006}.source-chip small{display:block;font-size:8px;color:#8c9194;margin-top:3px}.source-form{top:-50px;left:87px;transform:rotate(10deg)}.source-crm{top:210px;left:-140px;transform:rotate(-10deg);z-index:3}.intake-destination{position:absolute;right:4%;top:222px;background:var(--ink);color:#fff;width:250px;padding:27px;box-shadow:0 25px 50px -28px #0008}.destination-icon{font-size:27px;display:block;margin-bottom:26px}.intake-destination small{font-size:9px;color:#adb1b3}.intake-destination strong{display:block;font-size:16px;letter-spacing:-.04em;margin-top:6px}.intake-destination p{font-size:10px;margin-top:12px;color:#bfc2c4}.destination-check{position:absolute;right:20px;top:22px;background:#fff;color:var(--ink);height:25px;width:25px;display:grid;place-items:center;border-radius:50%;font-size:13px}
.extract-note{position:absolute;width:225px;left:9%;top:207px;padding:21px;background:#dedfe0;border:1px solid #ccc;transform:rotate(-5deg);font-size:11px}.extract-note>small{margin-left:9px;color:#73777b}.extract-note p{padding-top:13px}.extract-note mark{background:#fff;padding:1px 4px;color:var(--ink);font-size:10px}.calc-sheet{position:absolute;width:510px;left:39%;top:90px;transform:rotate(2deg)}.calc-row{margin-inline:22px;display:grid;grid-template-columns:1fr 60px 90px;gap:12px;padding:20px 0;border-bottom:1px solid #eee;font-size:11px;align-items:center}.calc-row>span:last-child{text-align:right}.calc-row b{font-weight:500}.calc-header{font-size:8px;color:#8b8f91;padding-block:12px}.calc-total{padding:24px;display:flex;align-items:center;justify-content:space-between;background:#f7f8f7}.calc-total small{font-size:9px;color:#808587}.calc-total strong{font-size:25px;letter-spacing:-1px}.catalog-chip{position:absolute;right:9%;top:400px;display:flex;align-items:center;gap:12px;padding:18px 22px;background:var(--ink);color:white;font-size:11px;min-width:260px;transform:rotate(-3deg)}.catalog-chip .glyph{background:#fff1;color:white;border-color:#fff3}.catalog-chip small{font-size:8px;display:block;color:#bfc1c3;margin-top:4px}.catalog-chip>span:last-child{margin-left:auto}
.review-board{position:absolute;left:29%;right:6%;top:124px;transform:rotate(-1deg)}.amber{background:#f7eee0;color:#8b6328}.review-columns{display:grid;grid-template-columns:1fr 1.1fr;font-size:10px}.review-columns small{font-size:9px;color:#919697}.review-source,.review-result{padding:24px}.review-source{border-right:1px solid #e4e5e5}.review-source p{font-size:10px;margin-top:17px;line-height:2}.review-result>div{display:flex;justify-content:space-between;gap:15px;padding-block:14px;border-bottom:1px solid #eee;font-size:10px}.review-result b{font-size:10px;font-weight:500}.review-warning{background:#f7eee0;margin-inline:-10px;padding-inline:10px}.review-result p{font-size:8px;color:#999;margin-top:12px}.review-callout{position:absolute;top:410px;left:13%;padding:18px 26px;background:white;border:1px solid #d1d2d3;box-shadow:0 12px 30px -20px #0005;font-size:11px;transform:rotate(-3deg)}.review-callout>span{display:inline-grid;place-items:center;height:24px;width:24px;background:#f7eee0;border-radius:50%;margin-right:11px}
.finished-paper{position:absolute;top:35px;left:36%;width:310px;height:442px;padding:30px;background:#fff;box-shadow:0 24px 50px -28px #0007;transform:rotate(-4deg)}.document-brand{font-family:var(--heading);font-size:14px;letter-spacing:-.04em;display:flex;justify-content:space-between;margin-bottom:27px}.document-brand span{font-size:9px;font-family:var(--body);letter-spacing:0}.finished-paper>small{font-size:8px;color:#999}.finished-paper h3{font-size:17px;line-height:1.5;margin-top:12px;max-width:190px}.paper-rule{width:100%;height:3px;background:#e9eaeb;margin-top:15px}.paper-rule.short{width:60%;margin-top:7px}.paper-items{display:grid;grid-template-columns:1fr auto;gap:15px 10px;font-size:8px;margin-top:25px;padding-block:15px;border-bottom:1px solid #e6e6e6}.paper-items>span:nth-child(even){text-align:right}.paper-total{display:flex;justify-content:space-between;margin-top:20px;font-size:10px}.paper-total strong{font-size:17px}.finished-paper>small:last-child{display:block;margin-top:10px;font-size:7px}.exports{position:absolute;right:5%;top:172px;width:245px}.export-ready{display:flex;gap:12px;align-items:center;font-size:12px;margin-bottom:24px}.export-ready>span{width:33px;height:33px;display:grid;place-items:center;background:#1c1d20;color:white;border-radius:50%}.export-ready small{display:block;font-size:8px;color:#777;margin-top:5px}.export-format{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding:16px;background:white;border:1px solid #d3d4d5;font-size:11px}.export-format small{font-size:8px;color:#929698}
.showcase-bottom{position:relative;z-index:1;border-top:1px solid #1c1d2012}.showcase-bottom p{font-size:13px}.showcase-bottom>span{font-size:10px;color:#7d8285}.phase-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #c9ccce;background:#e1e2e3}.phase-tabs button{display:flex;align-items:center;gap:16px;text-align:left;padding:24px;background:transparent;border:0;border-right:1px solid #c9ccce;font-size:12px;position:relative;transition:background .3s,color .3s}.phase-tabs button:last-child{border-right:0}.phase-tabs button>span{font-size:9px;color:#8a8d8f}.phase-tabs button.active{background:var(--ink);color:white}.phase-tabs button.active>span{color:#a5a8ab}.phase-tabs button:not(.active):hover{background:#f6f6f6}
.scene.entering .motion-piece{animation:scene-rise 1.1s var(--ease) both}.scene.entering .scene-label{animation:label-rise .8s var(--ease) both}.scene.entering .source-form{animation:form-fan 1.25s var(--ease) both}.scene.entering .source-crm{animation:crm-fan 1.35s var(--ease) both}.scene.entering .intake-destination{animation-delay:.2s}.scene.entering .calc-sheet{animation:calc-enter 1.1s var(--ease) both}.scene.entering .extract-note{animation:extract-enter .9s var(--ease) both}.scene.entering .calc-row:not(.calc-header){animation:row-enter .7s var(--ease) both}.scene.entering .calc-row:nth-child(3){animation-delay:.25s}.scene.entering .calc-row:nth-child(4){animation-delay:.4s}.scene.entering .calc-row:nth-child(5){animation-delay:.55s}.scene.entering .catalog-chip{animation-delay:.65s}.scene.entering .review-board{animation:review-enter .95s var(--ease) both}.scene.entering .review-warning{animation:warning-enter 1.2s .45s var(--ease) both}.scene.entering .review-callout{animation-delay:.6s}.scene.entering .finished-paper{animation:paper-enter 1.3s var(--ease) both}.scene.entering .exports{animation-delay:.45s}.scene.entering .export-format{animation:row-enter .7s var(--ease) both;animation-delay:.7s}.scene.entering .export-format:nth-child(3){animation-delay:.85s}.scene.entering .export-format:nth-child(4){animation-delay:1s}
@keyframes scene-rise{from{opacity:0;translate:0 80px;scale:.9}to{opacity:1;translate:0 0;scale:1}}@keyframes label-rise{from{opacity:0;translate:0 25px}to{opacity:1;translate:0 0}}@keyframes form-fan{from{opacity:0;transform:translate(-50px,70px) rotate(-4deg)}to{opacity:1;transform:rotate(10deg)}}@keyframes crm-fan{from{opacity:0;transform:translate(110px,-60px) rotate(-4deg)}to{opacity:1;transform:rotate(-10deg)}}@keyframes calc-enter{from{opacity:0;transform:translate(-140px,50px) rotate(-7deg) scale(.85)}to{opacity:1;transform:rotate(2deg)}}@keyframes extract-enter{from{opacity:0;transform:translate(100px,-70px) rotate(7deg)}to{opacity:1;transform:rotate(-5deg)}}@keyframes row-enter{from{opacity:0;translate:-30px 0}to{opacity:1;translate:0 0}}@keyframes review-enter{from{opacity:0;transform:translateY(90px) scale(.8) rotate(4deg)}to{opacity:1;transform:rotate(-1deg)}}@keyframes warning-enter{from{background:#fff;opacity:0;translate:20px 0}to{background:#f7eee0;opacity:1;translate:0 0}}@keyframes paper-enter{from{opacity:0;transform:translate(0,180px) rotate(12deg) scale(.6)}to{opacity:1;transform:rotate(-4deg)}}
.before-after{display:grid;grid-template-columns:1fr 1fr;gap:7%}.before,.after{padding-top:30px;border-top:1px solid var(--line)}.before-after h2{font-size:clamp(22px,2.1vw,31px);line-height:1.4}.before-path,.after-path{display:flex;flex-wrap:wrap;gap:9px;margin-block:30px 24px;font-size:11px}.before-path span,.after-path span{padding:8px 11px;background:#f0f1f1;border-radius:4px}.after-path span{background:var(--ink);color:white}.before-after p{font-size:14px;color:var(--muted);max-width:480px}.workflow{padding-top:30px}.workflow>h2{max-width:950px}.workflow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;margin-top:60px}.workflow-grid article{border-top:1px solid var(--line);padding-top:20px}.step-no{font-size:11px;color:#929798}.workflow-grid h3{font-size:16px;margin-block:28px 18px;line-height:1.5;letter-spacing:-.03em}.workflow-grid p{font-size:13px;color:var(--muted)}
.interface-section{padding-top:35px;background:#f3f4f4}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:55px}.round-link{width:68px;height:68px;display:grid;place-items:center;border:1px solid #bfc2c4;border-radius:50%;background:transparent;flex:none;font-size:27px;transition:background .35s,color .35s,transform .35s}.round-link:hover{background:var(--ink);color:white;transform:rotate(90deg)}.cabinet-stage{padding:40px;background:#dadcdd}.cabinet{background:#fafafa;border:1px solid #c7cacc;border-radius:10px;box-shadow:0 35px 70px -45px #1c1d2070;overflow:hidden;font-size:12px}.cabinet button,.cabinet input,.cabinet select,.cabinet h2,.cabinet h3{font-family:var(--body)}.cabinet-chrome{height:43px;background:#fff;display:flex;align-items:center;gap:20px;border-bottom:1px solid #e5e6e7;padding:0 18px;color:#898f93;font-size:10px}.window-dots{display:flex;gap:5px}.window-dots i{height:7px;width:7px;border:1px solid #c5c9cb;border-radius:50%}.demo-badge{margin-left:auto;font-size:9px;background:#f1f2f2;color:#72777a;padding:4px 9px;border-radius:4px}.cabinet-chrome button{background:none;border:0;font-size:10px}.cabinet-layout{display:grid;grid-template-columns:185px minmax(0,1fr);height:620px}.cabinet-sidebar{background:#f7f8f8;border-right:1px solid #e3e6e7;display:flex;flex-direction:column;padding:30px 14px 20px}.cabinet-brand{font-family:var(--heading);font-size:16px;line-height:1.4;letter-spacing:-.03em;padding-inline:10px}.cabinet-brand>span{display:block;color:#969b9d}.cabinet-sidebar nav{margin-top:37px;display:flex;flex-direction:column;gap:5px}.cabinet-sidebar nav>button{border:0;border-radius:5px;display:flex;align-items:center;gap:11px;text-align:left;background:transparent;padding:12px;font-size:11px;color:#7b8286;white-space:nowrap}.cabinet-sidebar nav>button.selected{background:var(--ink);color:#fff}.cabinet-sidebar nav>button:not(.selected):hover{background:#e9ebec}.cabinet-sidebar nav>button>span:first-child{font-size:15px}.nav-count{margin-left:auto;font-size:9px;opacity:.65}.cabinet-help{font-size:9px;color:#8a9194;padding:15px 10px 0;margin-top:auto}.status-dot{display:inline-block;width:5px;height:5px;background:#758e75;border-radius:50%;margin-right:4px}.cabinet-help button{display:block;margin-top:12px;background:none;border:0;color:#7e8589;font-size:9px;padding:0;text-decoration:underline;text-underline-offset:3px}.cabinet-main{overflow:auto;overscroll-behavior:contain;padding:30px;position:relative;min-width:0;scrollbar-width:thin;scrollbar-color:#b9bec0 transparent}.cabinet-main:focus-visible{outline-offset:-3px}.cabinet-main.view-enter .view-content{animation:cabinet-enter .6s var(--ease) both}.cabinet-status{min-height:35px;display:flex;align-items:center;gap:20px;justify-content:space-between;padding:9px 18px;border-top:1px solid #e5e7e8;color:#7e8589;background:#fff;font-size:8px}.demo-guide{display:flex;gap:32px;justify-content:space-between;padding-top:24px;color:#83898c;font-size:10px}.view-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.view-top h3{font-size:24px;letter-spacing:-1px;line-height:1.35}.view-top p{font-size:10px;color:#848c90;margin-top:7px}.view-top .badge{font-size:9px}.small-label{font-size:8px;color:#939a9e;letter-spacing:.05em;text-transform:uppercase}.cabinet .btn{border:1px solid #d5d9dc;border-radius:5px;background:white;padding:10px 14px;font-size:10px;white-space:nowrap;transition:background .2s,color .2s}.cabinet .btn:hover{background:#e9ebeb}.cabinet .btn.primary{background:var(--ink);color:white;border-color:var(--ink)}.cabinet .btn.primary:hover{background:#45474c}.cabinet .btn.subtle{border-color:transparent;background:transparent;color:#7b8388;padding-inline:0}.cabinet .btn.subtle:hover{color:var(--ink)}.filter-row{display:flex;align-items:center;gap:7px;margin-bottom:20px;flex-wrap:wrap}.filter-row button{border:1px solid #dde1e3;border-radius:20px;background:transparent;font-size:9px;padding:7px 12px}.filter-row button.selected{background:#fff;border-color:#1c1d20;color:#1c1d20}.request-list{display:grid;gap:12px}.request-item{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:15px;padding:22px;border:1px solid #e2e5e6;background:#fff;border-radius:6px;width:100%;text-align:left;transition:transform .3s var(--ease),box-shadow .3s}.request-item:hover{transform:translateY(-3px);box-shadow:0 10px 20px -18px #0008}.request-avatar{display:grid;place-items:center;width:36px;height:36px;background:#eef0ef;color:#7c8587;border-radius:50%;font-size:13px}.request-item strong{font-size:12px;font-weight:600;display:block}.request-item small{display:block;color:#8b9397;font-size:9px;margin-top:6px}.request-item .badge{font-size:8px}.request-list-footer{display:flex;gap:12px;margin-top:22px;color:#8b9297;font-size:9px}.request-list-footer>span{display:inline-flex;align-items:center;gap:7px}.demo-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px}.demo-summary>div{border:1px solid #e4e7e8;padding:16px;border-radius:5px}.demo-summary strong{display:block;font-size:22px;font-weight:500;line-height:1.5}.demo-summary span{font-size:9px;color:#90979c}.editor-grid{display:grid;grid-template-columns:.85fr 1.4fr;gap:15px}.source-panel,.draft-panel{border:1px solid #e1e5e7;border-radius:5px;background:white;padding:20px;min-width:0}.source-panel h4,.draft-panel h4{font-size:11px;font-weight:600;margin:0 0 18px}.source-contact{padding-bottom:16px;border-bottom:1px solid #eceeee;font-size:10px}.source-contact strong{display:block;margin-top:9px;font-weight:500}.source-contact span{display:block;color:#939a9e;font-size:8px;margin-top:3px}.source-text{font-size:10px;color:#6f797e;line-height:1.9;padding-top:18px}.source-text p+p{margin-top:14px}.source-panel .file-chip{font-size:8px;padding:9px;line-height:1.6}.source-panel .source-footnote{margin-top:22px;padding-top:15px;border-top:1px solid #eceeee;font-size:8px;color:#9ba1a4}.draft-panel label{display:block;font-size:9px;color:#7e878c;margin-bottom:6px}.draft-panel input,.draft-panel select,.doc-controls select{min-width:0;width:100%;border:1px solid #d9dee1;border-radius:4px;padding:8px;background:white;color:#414a50;font-size:10px}.draft-panel .draft-name{font-size:12px;font-weight:500;color:#424b4f}.line-editor{padding-top:16px;margin-top:16px;border-top:1px solid #e6e9ea}.line-editor-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}.line-editor-head>span{font-size:8px;color:#939b9f}.line-inputs{display:grid;grid-template-columns:.65fr 1fr 1fr;gap:9px;margin-top:12px}.line-inputs output{display:block;font-size:10px;padding-top:8px;color:#4d575c;white-space:nowrap}.draft-total{display:flex;align-items:center;justify-content:space-between;gap:20px;border-block:1px solid #dfe4e6;padding-block:16px;margin-top:21px;font-size:10px}.draft-total strong{font-size:20px;letter-spacing:-.6px}.draft-conditions{margin-top:20px}.notice{border:1px solid #e4d8bf;background:#faf5e9;border-radius:4px;padding:11px;color:#8c7856;font-size:9px;line-height:1.6;margin-top:18px}.approval-label{display:flex!important;align-items:flex-start;gap:9px;font-size:9px!important;line-height:1.6;margin-top:20px;color:#505b62!important}.approval-label input{width:13px!important;min-height:13px;flex:none;margin-top:2px;accent-color:var(--ink)}.draft-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:20px}.field-error{font-size:9px;color:#b34b35;margin-top:8px}.editor-bottom{font-size:8px;color:#9ba2a6;margin-top:18px}.doc-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-bottom:20px}.doc-controls label{font-size:9px;color:#858e94}.doc-controls select{width:auto;padding-right:25px}.document-preview{background:#e6e8e9;padding:25px;border-radius:5px}.preview-paper{padding:34px;background:#fff;border:1px solid #d9dfe1;max-width:600px;margin-inline:auto;font-size:10px;box-shadow:0 18px 35px -30px #0007}.preview-paper .doc-number{font-size:8px;color:#949a9e;text-align:right}.preview-paper h4{font-size:22px;letter-spacing:-1px;margin:20px 0 10px;font-weight:500}.preview-paper .doc-recipient{font-size:10px;color:#7d868c;margin-bottom:25px}.preview-paper table{border-collapse:collapse;width:100%;font-size:9px}.preview-paper th{text-align:left;font-size:8px;font-weight:500;color:#969ca0;background:#f5f6f6}.preview-paper td,.preview-paper th{padding:12px 6px;border-bottom:1px solid #e3e6e8}.preview-paper td:last-child,.preview-paper th:last-child{text-align:right;white-space:nowrap}.preview-paper .doc-total{display:flex;align-items:center;justify-content:space-between;padding:22px 0;font-size:11px}.preview-paper .doc-total strong{font-size:21px;font-weight:500}.preview-paper .doc-terms{border-top:1px solid #e7e9ea;padding-top:18px;color:#9ba1a5;font-size:9px;line-height:1.7}.empty-document{padding:55px 25px;background:#fff;border:1px solid #e2e5e6;border-radius:5px;text-align:center}.empty-document>span{font-size:35px;color:#adb4b7}.empty-document h4{font-size:16px;font-weight:500;margin:18px 0 10px}.empty-document p{font-size:10px;color:#929b9f;margin-bottom:24px}.connection-diagram{display:grid;grid-template-columns:1fr 40px 1fr;gap:16px;align-items:center;margin-top:25px}.connection-column{display:grid;gap:14px}.connection-node{border:1px solid #dfe4e6;background:white;padding:22px;border-radius:5px}.connection-node h4{font-size:12px;font-weight:500;margin:0 0 7px}.connection-node p{font-size:10px;color:#8d969a}.connection-joint{height:160px;border-block:1px solid #b9c1c5;border-right:1px solid #b9c1c5;position:relative}.connection-joint:after{content:'';position:absolute;width:25px;top:50%;right:-25px;height:1px;background:#b9c1c5}.connection-core{border-radius:6px;background:var(--ink);color:white;padding:35px 20px;font-size:17px;font-weight:500}.connection-core p{font-size:10px;color:#b6bdc0;margin-top:12px}.connection-outputs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.connection-outputs>div{background:white;border:1px solid #dfe4e6;padding:20px 12px;border-radius:5px;text-align:center;font-size:10px}.connection-outputs small{display:block;color:#939ca1;font-size:8px;margin-top:8px}.connection-explanation{font-size:10px;line-height:1.8;color:#8e989e;margin-top:24px}.cabinet.expanded{position:fixed;inset:18px;z-index:90;border:1px solid #aab0b4;background:#fafafa;box-shadow:0 0 0 100vmax #1c1d20cf;display:flex;flex-direction:column;border-radius:9px;width:auto}.cabinet.expanded .cabinet-layout{flex:1;height:auto;min-height:0}.cabinet.expanded .cabinet-chrome,.cabinet.expanded .cabinet-status{flex:none}.cabinet.expanded .cabinet-main{padding:42px}.cabinet.expanded .editor-grid{grid-template-columns:1fr 1.4fr}.cabinet.expanded .cabinet-layout{grid-template-columns:220px minmax(0,1fr)}@keyframes cabinet-enter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
.human-section{background:var(--ink);color:white;padding-block:85px}.human-inner{display:grid;grid-template-columns:1fr 2fr;gap:50px;width:89%}.human-inner>.section-label{color:#969b9e;margin-top:10px}.human-inner p{font-size:16px;color:#a6abad;max-width:670px;margin-top:30px;line-height:1.8}.human-checks{display:flex;flex-wrap:wrap;gap:20px;margin-top:33px;font-size:10px;color:#c8cccd}.human-checks span{padding-bottom:8px;border-bottom:1px solid #4e5053}.outcome{display:grid;grid-template-columns:1fr 2fr;gap:50px;padding-top:130px}.outcome>.section-label{margin-top:10px}.outcome-intro{font-size:15px;color:var(--muted);margin-top:28px;max-width:650px}.outcome-list{margin:38px 0 0}.outcome-list>div{display:grid;grid-template-columns:1fr 1.35fr;gap:30px;padding-block:25px;border-top:1px solid var(--line)}.outcome-list dt{font-size:14px;font-weight:500;line-height:1.6}.outcome-list dd{margin:0;font-size:13px;line-height:1.8;color:var(--muted)}.benefits{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding-top:35px;padding-bottom:150px}.benefits h2{font-size:clamp(28px,3vw,45px)}.benefit-list article{border-top:1px solid var(--line);padding-block:24px}.benefit-list h3{font-size:16px;letter-spacing:-.025em}.benefit-list p{font-size:14px;color:var(--muted);margin-top:15px}.contact-section{background:var(--ink);color:white;position:relative;padding-top:125px;overflow:hidden}.footer-curve{position:absolute;top:-2px;left:-5%;width:110%;height:50px;background:#fff;border-radius:0 0 50% 50%;transform-origin:top center}.contact-section h2{font-size:clamp(35px,4.7vw,68px);line-height:1.3}.contact-bottom{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-block:42px 85px}.contact-bottom p{color:#a8adaf;font-size:15px}.contact-cta{position:relative;border:1px solid #6b6f73;border-radius:60px;min-width:230px;padding:27px 37px;font-size:14px;text-align:center;overflow:hidden;isolation:isolate;transition:color .45s var(--ease)}.contact-cta:before{content:'';position:absolute;inset:-1px;border-radius:inherit;background:white;z-index:-1;transform:translateY(102%);transition:transform .55s var(--ease)}.contact-cta:hover{color:var(--ink)}.contact-cta:hover:before{transform:none}.contact-section footer{display:flex;align-items:center;gap:35px;border-top:1px solid #55585b;padding-block:35px}.contact-section footer>span{font-size:10px;color:#8e9498;margin-left:auto}.contact-section footer>a:last-child{font-size:11px}.contact-section :focus-visible{outline-color:#fff}.has-motion .reveal{opacity:0;transform:translateY(36px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.has-motion .reveal.visible{opacity:1;transform:none}.has-motion .title-line>span{animation:title-in 1.2s var(--ease) both}.has-motion .title-line:nth-child(2)>span{animation-delay:.13s}@keyframes title-in{from{transform:translateY(120%)}to{transform:translateY(0)}}
@media(min-width:1600px){.flow-art{min-height:570px}.scene-label{top:55px}.intake-stack{top:135px}.intake-destination{top:250px}.calc-sheet{top:115px}.extract-note{top:230px}.catalog-chip{top:430px}.review-board{top:140px}.review-callout{top:440px}.finished-paper{top:60px}.exports{top:200px}}
@media(max-width:1150px){.wrap{width:88%}.hero{padding-top:45px}.hero-summary{padding-left:15%}.hero-meta{gap:26px}.hero-meta h2{font-size:15px}.scene-label>strong{font-size:21px}.intake-stack{left:27%;width:310px;top:130px}.intake-destination{width:220px;right:3%;top:258px;padding:22px}.source-crm{left:-110px}.calc-sheet{left:34%;width:490px;top:130px}.extract-note{left:4%;width:200px;top:242px}.catalog-chip{right:5%;top:435px}.review-board{left:18%;right:4%;top:162px}.review-callout{left:6%;top:445px}.finished-paper{left:33%;width:280px}.exports{right:3%;width:215px;top:210px}.workflow-grid{grid-template-columns:repeat(2,1fr);gap:38px}.cabinet-stage{padding:25px}.cabinet-layout{grid-template-columns:160px minmax(0,1fr)}.cabinet-main{padding:22px}.cabinet-brand{font-size:14px}.editor-grid{grid-template-columns:1fr}.source-panel .source-text{display:none}.source-panel{padding:16px}.source-contact{padding-bottom:0;border:0}.source-panel h4{margin-bottom:8px}.source-panel .file-chip,.source-panel .source-footnote{display:none}.source-contact strong,.source-contact span{display:inline;margin-left:10px}.draft-panel{padding:20px}.source-contact .small-label{display:none}.cabinet.expanded .editor-grid{grid-template-columns:.8fr 1.4fr}.cabinet.expanded .source-panel .source-text{display:block}.cabinet.expanded .source-contact strong,.cabinet.expanded .source-contact span{display:block;margin-left:0}.cabinet.expanded .source-contact .small-label{display:block}.cabinet.expanded .source-panel{padding:20px}.cabinet.expanded .cabinet-main{padding:28px}.cabinet.expanded .cabinet-layout{grid-template-columns:180px minmax(0,1fr)}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.wrap-wide{width:calc(100% - 20px)}.site-header{height:92px}.wordmark{font-size:20px}.site-header nav{gap:19px;font-size:11px}.hero{padding-top:37px;padding-bottom:48px}.eyebrow{font-size:9px;margin-bottom:25px;max-width:440px}.eyebrow span:last-child{display:none}h1{font-size:clamp(29px,5.5vw,43px);line-height:1.35;letter-spacing:-.055em}.hero-summary{grid-template-columns:1fr;gap:20px;padding-left:0;margin-top:33px;max-width:460px}.hero-summary p:first-child{font-size:16px}.hero-summary p:last-child{font-size:12px;line-height:1.8}.desktop-break{display:none}.hero-meta{grid-template-columns:1fr;gap:26px;margin-top:38px}.hero-meta>div{display:grid;grid-template-columns:90px 1fr;gap:0 20px;padding-top:16px}.meta-label{font-size:10px;grid-row:1/3;margin-top:4px}.hero-meta h2{font-size:14px;margin-top:0;max-width:unset}.hero-meta p{font-size:12px;margin-top:12px;line-height:1.8}.showcase-top{padding:22px 20px;font-size:9px}.flow-art{min-height:610px}.scene-label{left:22px;top:25px}.scene-label>span{font-size:9px}.scene-label>strong{font-size:20px;margin-top:8px}.intake-stack{width:270px;left:calc(50% - 135px);top:190px}.source-form{width:200px;top:-25px;left:55px;padding:11px}.source-crm{left:-15px;top:235px;transform:rotate(-7deg);padding:10px;width:175px}.mail-sheet{transform:rotate(-3deg)}.sheet-body{padding:18px}.sheet-body h3{font-size:14px}.sheet-body p{font-size:10px}.sheet-top{padding:12px;font-size:10px}.badge{font-size:7px}.intake-destination{top:516px;right:22px;width:230px;padding:15px 18px;display:flex;align-items:center;gap:12px;box-shadow:none}.destination-icon{font-size:22px;margin:0}.intake-destination small,.intake-destination p,.destination-check{display:none}.intake-destination strong{font-size:12px;margin:0}.extract-note{top:158px;left:22px;width:158px;padding:13px;transform:rotate(-3deg);font-size:9px}.extract-note p{display:none}.extract-note .glyph{width:23px;height:23px}.extract-note>small{font-size:8px}.calc-sheet{left:calc(50% - 145px);top:235px;width:290px;transform:rotate(2deg)}.calc-row{margin-inline:16px;grid-template-columns:1fr 36px 60px;gap:5px;padding-block:16px;font-size:8px}.calc-header{font-size:7px;padding-block:11px}.calc-total{padding:19px 16px}.calc-total small{font-size:7px}.calc-total strong{font-size:20px}.catalog-chip{right:23px;top:535px;min-width:215px;padding:12px 16px;font-size:10px}.catalog-chip small{font-size:7px}.review-board{left:22px;right:22px;top:178px;transform:rotate(-1deg)}.review-board .sheet-top .glyph{display:none}.review-board .sheet-top{font-size:9px;gap:5px}.review-board .badge{padding:4px 6px;font-size:6px}.review-columns{grid-template-columns:1fr}.review-source,.review-result{padding:15px}.review-source{border-right:0;border-bottom:1px solid #e4e5e5}.review-source p{font-size:8px;line-height:1.8;margin-top:9px}.review-source .file-chip{display:none}.review-columns small{font-size:8px}.review-result>div{font-size:9px;padding-block:10px}.review-result b{font-size:8px}.review-result p{font-size:7px}.review-callout{left:32px;top:547px;padding:10px 14px;font-size:8px}.review-callout>span{width:20px;height:20px;margin-right:5px}.finished-paper{left:calc(50% - 110px);top:153px;width:220px;height:321px;padding:22px;transform:rotate(-4deg)}.document-brand{font-size:10px;margin-bottom:16px}.document-brand span{font-size:7px}.finished-paper h3{font-size:13px;line-height:1.5;margin-top:8px}.finished-paper>small{font-size:6px}.paper-rule{height:2px;margin-top:10px}.paper-items{font-size:6px;gap:11px 8px;padding-block:9px;margin-top:16px}.paper-total{margin-top:14px;font-size:8px}.paper-total strong{font-size:12px}.finished-paper>small:last-child{font-size:5px}.exports{top:513px;left:22px;right:22px;width:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.export-ready{position:absolute;top:-15px;left:0;transform:translateY(-100%);font-size:8px;gap:7px;margin-bottom:0}.export-ready>span{width:22px;height:22px;font-size:10px}.export-ready small{font-size:6px;margin-top:3px}.export-format{font-size:8px;padding:12px 10px;display:block;margin:0}.export-format small{font-size:6px;display:block;margin-top:5px}.showcase-bottom{padding:18px 20px;min-height:74px;gap:10px}.showcase-bottom p{font-size:10px;max-width:230px;line-height:1.6}.showcase-bottom>span{display:none}.phase-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.phase-tabs button{font-size:10px;padding:18px 16px;gap:9px;border-bottom:1px solid #bfc3c5}.phase-tabs button:nth-child(2){border-right:0}.phase-tabs button:nth-last-child(-n+2){border-bottom:0}.phase-tabs button>span{font-size:8px}.section-space{padding-block:65px}h2{font-size:clamp(24px,5.4vw,34px);line-height:1.4}.section-label{font-size:10px;margin-bottom:23px}.before-after{grid-template-columns:1fr;gap:37px}.before-after h2{font-size:23px}.before,.after{padding-top:24px}.before-after .section-label{margin-bottom:20px}.before-path,.after-path{font-size:10px;gap:7px;margin-block:23px 18px}.before-path span,.after-path span{padding:7px 9px}.before-after p{font-size:12px}.workflow{padding-top:0}.workflow-grid{grid-template-columns:1fr;gap:26px;margin-top:32px}.workflow-grid article{display:grid;grid-template-columns:35px 1fr;gap:0 12px;padding-top:20px}.workflow-grid .step-no{grid-row:1/3;font-size:10px;padding-top:4px}.workflow-grid h3{font-size:14px;margin-block:0 12px}.workflow-grid p{font-size:12px}.section-heading{margin-bottom:32px}.round-link{width:48px;height:48px;font-size:23px}.cabinet-stage{padding:10px;background:#dcdee0}.cabinet{border-radius:7px}.cabinet-chrome{padding-inline:12px;gap:12px;height:36px;font-size:8px}.window-dots{gap:4px}.window-dots i{width:5px;height:5px}.demo-badge{font-size:7px}.cabinet-layout{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);height:650px}.cabinet-sidebar{padding:0;border:0;border-bottom:1px solid #e1e5e7;display:block}.cabinet-brand,.cabinet-help{display:none}.cabinet-sidebar nav{margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:8px 5px}.cabinet-sidebar nav>button{font-size:8px;gap:3px;padding:10px 5px;justify-content:center;min-width:0}.cabinet-sidebar nav>button>span:first-child{display:none}.nav-count{display:none}.cabinet-main{padding:19px 13px}.view-top{gap:10px;margin-bottom:20px}.view-top h3{font-size:20px}.view-top p{font-size:9px;max-width:210px}.view-top .badge{font-size:7px}.request-item{grid-template-columns:28px 1fr;gap:10px;padding:17px 12px}.request-avatar{width:27px;height:27px;font-size:10px}.request-item strong{font-size:10px}.request-item small{font-size:8px;line-height:1.6}.request-item>.badge{grid-column:2;margin:0;justify-self:start;font-size:7px}.filter-row{gap:5px;margin-bottom:15px}.filter-row button{font-size:8px;padding:6px 9px}.request-list-footer{gap:10px;font-size:8px;flex-wrap:wrap}.demo-summary{gap:7px;margin-top:20px}.demo-summary>div{padding:12px 9px}.demo-summary strong{font-size:19px}.demo-summary span{font-size:7px}.cabinet-status{font-size:7px;padding:9px 12px;gap:0;min-height:36px}.cabinet-status>span:last-child{display:none}.demo-guide{display:grid;gap:10px;font-size:9px;padding-top:23px}.source-panel,.draft-panel{padding:15px}.source-panel h4{font-size:10px}.source-contact{font-size:9px;line-height:1.7}.source-contact strong,.source-contact span{display:block;margin-left:0}.source-contact .small-label{display:none}.draft-panel .draft-name{font-size:10px}.draft-panel label{font-size:8px}.line-inputs{gap:6px;grid-template-columns:.75fr 1fr 1fr}.draft-panel input,.draft-panel select{font-size:10px;padding:8px 6px}.line-inputs output{font-size:9px}.line-editor-head{font-size:9px}.line-editor-head>span{font-size:7px}.draft-total strong{font-size:19px}.draft-actions{flex-wrap:wrap;gap:12px}.cabinet .btn{font-size:9px;padding:9px 11px}.approval-label{font-size:8px!important}.notice{font-size:8px}.editor-bottom{font-size:7px}.doc-controls{gap:7px}.doc-controls label{font-size:8px}.doc-controls select{font-size:9px}.document-preview{padding:10px}.preview-paper{padding:18px 12px}.preview-paper h4{font-size:17px}.preview-paper .doc-recipient{font-size:8px}.preview-paper td,.preview-paper th{padding:10px 3px;font-size:7px}.preview-paper .doc-number{font-size:7px}.preview-paper .doc-total strong{font-size:18px}.preview-paper .doc-terms{font-size:8px}.connection-diagram{grid-template-columns:1fr;gap:15px}.connection-joint{display:none}.connection-column{gap:8px}.connection-node{padding:15px}.connection-node h4{font-size:10px}.connection-node p{font-size:8px}.connection-core{font-size:14px;padding:22px}.connection-core p{font-size:9px}.connection-outputs{gap:7px;margin-top:15px}.connection-outputs>div{padding:15px 5px;font-size:8px}.connection-outputs small{font-size:7px}.connection-explanation{font-size:9px}.cabinet.expanded{inset:7px}.cabinet.expanded .cabinet-layout{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.cabinet.expanded .editor-grid{grid-template-columns:1fr}.cabinet.expanded .cabinet-main{padding:20px 14px}.cabinet.expanded .source-panel .source-text{display:none}.cabinet.expanded .source-panel{padding:15px}.cabinet-chrome button{font-size:8px}.human-section{padding-block:58px}.human-inner{width:calc(100% - 34px);grid-template-columns:1fr;gap:3px}.human-inner>.section-label{margin-top:0}.human-inner p{font-size:13px;margin-top:23px}.human-checks{gap:12px;font-size:8px;margin-top:25px}.outcome{grid-template-columns:1fr;gap:3px;padding-top:65px}.outcome>.section-label{margin-top:0}.outcome-intro{font-size:13px;margin-top:25px}.outcome-list>div{grid-template-columns:1fr;gap:12px;padding-block:22px}.outcome-list dt{font-size:13px}.outcome-list dd{font-size:12px;line-height:1.8}.benefits{grid-template-columns:1fr;gap:32px;padding-top:0;padding-bottom:80px}.benefits h2{font-size:28px}.benefit-list article{padding-block:22px}.benefit-list h3{font-size:14px}.benefit-list p{font-size:12px}.contact-section{padding-top:83px}.footer-curve{height:28px}.contact-section h2{font-size:clamp(25px,5.9vw,38px);line-height:1.4}.contact-bottom{align-items:flex-start;flex-direction:column;gap:30px;padding-block:30px 60px}.contact-bottom p{font-size:12px;max-width:320px}.contact-cta{padding:23px 28px;font-size:12px;min-width:200px}.contact-section footer{gap:18px;padding-block:27px;flex-wrap:wrap}.contact-section footer>span{font-size:8px;margin-left:0}.contact-section footer>a:last-child{font-size:9px;margin-left:auto}.contact-section footer .wordmark{font-size:17px}}
@media(max-width:360px){h1{font-size:27px}.hero-meta>div{grid-template-columns:68px 1fr;gap:0 14px}.site-header nav{gap:13px}.cabinet-sidebar nav>button{font-size:7px}.intake-stack{width:245px;left:calc(50% - 122px)}.calc-sheet{width:265px;left:calc(50% - 132px)}.scene-label>strong{font-size:18px}.review-board{left:17px;right:17px}.review-callout{left:20px;font-size:7px}.phase-tabs button{font-size:9px;padding-inline:12px}.exports{left:15px;right:15px}.export-format{padding-inline:7px}.contact-section h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.has-motion .reveal{opacity:1;transform:none}.has-motion .title-line>span{transform:none}.magnetic{translate:none!important}}
/* Cabinet choreography follows the selected task, then comes to rest. */
.cabinet-main.view-enter .request-item{animation:request-enter .65s var(--ease) both}
.cabinet-main.view-enter .request-item:nth-child(2){animation-delay:.09s}
.cabinet-main.view-enter .request-item:nth-child(3){animation-delay:.18s}
.cabinet-main.view-enter .source-panel{animation:source-enter .8s var(--ease) both}
.cabinet-main.view-enter .draft-panel{animation:draft-enter .9s .08s var(--ease) both}
.cabinet-main.view-enter .preview-paper{animation:document-enter 1s var(--ease) both}
@keyframes request-enter{from{opacity:0;transform:translateX(38px)}to{opacity:1;transform:none}}
@keyframes source-enter{from{opacity:0;transform:translateX(-35px)}to{opacity:1;transform:none}}
@keyframes draft-enter{from{opacity:0;transform:translate(40px,30px)}to{opacity:1;transform:none}}
@keyframes document-enter{from{opacity:0;transform:translateY(65px) scale(.94)}to{opacity:1;transform:none}}
@media(min-width:961px) and (max-width:1150px){.editor-grid{grid-template-columns:.8fr 1.3fr}.source-panel .source-text{display:block}.source-panel .source-contact strong,.source-panel .source-contact span{display:block;margin-left:0}.source-panel .source-contact .small-label{display:block}.source-panel .file-chip,.source-panel .source-footnote{display:block}}
@media(prefers-reduced-motion:reduce){.cabinet-main.view-enter *{animation:none!important}}
/* Keep the sources and result in separate layout cells at every width. */
.flow-art{min-height:0}
.scene{position:relative;inset:auto;min-height:560px}
#scene-0{display:grid;grid-template-columns:minmax(145px,.8fr) minmax(270px,1.25fr) minmax(190px,.9fr);grid-template-rows:auto 1fr 1fr;gap:20px 4%;padding:32px 4% 38px;align-items:center}
#scene-0 .scene-label{position:static;grid-column:1/-1;grid-row:1}
#scene-0 .intake-stack{display:contents}
#scene-0 .source-chip{position:static;inset:auto;width:100%;transform:none;box-shadow:none}
#scene-0 .source-form{grid-column:1;grid-row:2;align-self:end}
#scene-0 .source-crm{grid-column:1;grid-row:3;align-self:start}
#scene-0 .mail-sheet{width:100%;grid-column:2;grid-row:2/4;transform:none}
#scene-0 .intake-destination{position:relative;inset:auto;width:100%;grid-column:3;grid-row:2/4;box-shadow:none}
#scene-0.entering .source-chip{animation:source-reveal .9s var(--ease) both}
#scene-0.entering .source-crm{animation-delay:.12s}
#scene-0.entering .mail-sheet{animation:scene-rise 1.05s .15s var(--ease) both}
#scene-1{display:grid;grid-template-columns:minmax(160px,.75fr) minmax(320px,1.6fr);grid-template-rows:auto 1fr auto;gap:25px 7%;padding:38px 5%;align-items:center}
#scene-1 .scene-label{position:static;grid-column:1;grid-row:1}
#scene-1 .extract-note{position:static;inset:auto;grid-column:1;grid-row:2/4;width:100%;max-width:225px;transform:none}
#scene-1 .calc-sheet{position:static;inset:auto;grid-column:2;grid-row:1/3;width:100%;transform:none}
#scene-1 .catalog-chip{position:static;inset:auto;grid-column:2;grid-row:3;justify-self:end;min-width:0;width:min(100%,300px);transform:none}
#scene-1.entering .extract-note{animation:source-reveal .9s var(--ease) both}
#scene-1.entering .calc-sheet{animation:scene-rise 1.05s .1s var(--ease) both}
#scene-1.entering .catalog-chip{animation:source-reveal .8s .65s var(--ease) both}
@keyframes source-reveal{from{opacity:0;translate:0 25px}to{opacity:1;translate:0 0}}
@media(max-width:1150px) and (min-width:761px){#scene-0{column-gap:3%}#scene-0 .source-chip{padding:15px 12px;font-size:10px}#scene-0 .source-chip small{font-size:7px}#scene-0 .intake-destination{padding:20px}#scene-0 .intake-destination p{font-size:9px}#scene-1{column-gap:5%}#scene-1 .scene-label>strong{font-size:20px}}
@media(max-width:760px){
.scene{min-height:610px}
#scene-0{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,auto);gap:22px 12px;padding:25px 22px 28px;min-height:0}
#scene-0 .scene-label{grid-column:1/-1;grid-row:1}
#scene-0 .source-form{grid-column:1;grid-row:2;align-self:stretch}
#scene-0 .source-crm{grid-column:2;grid-row:2;align-self:stretch}
#scene-0 .source-chip{padding:12px 10px;gap:7px;font-size:8px;border-radius:4px}
#scene-0 .source-chip small{font-size:6px;line-height:1.5}
#scene-0 .source-chip .glyph{width:20px;height:23px;font-size:12px}
#scene-0 .mail-sheet{grid-column:1/-1;grid-row:3;max-width:335px;justify-self:center}
#scene-0 .intake-destination{grid-column:1/-1;grid-row:4;max-width:335px;justify-self:center;padding:17px 18px}
#scene-1{grid-template-columns:1fr;grid-template-rows:repeat(4,auto);gap:23px;padding:25px 22px 28px;min-height:0}
#scene-1 .scene-label{grid-column:1;grid-row:1}
#scene-1 .extract-note{grid-column:1;grid-row:2;max-width:none;width:100%;padding:12px 15px}
#scene-1 .calc-sheet{grid-column:1;grid-row:3;max-width:370px;justify-self:center}
#scene-1 .catalog-chip{grid-column:1;grid-row:4;width:100%;max-width:370px;justify-self:center;padding:15px 18px}
}
@media(prefers-reduced-motion:reduce){#scene-0.entering *,#scene-1.entering *{animation:none!important}}
/* Blue accents and eased controls, matched to the portfolio's #455CE9. */
.wordmark-dot{display:inline-block;color:var(--accent);transition:transform .65s var(--ease)}
.site-header .wordmark:hover .wordmark-dot,.site-header .wordmark:focus-visible .wordmark-dot{transform:translateY(-1px)}
.meta-label{color:var(--accent);font-weight:600}
.scene-counter{color:var(--accent)}
.after>.section-label{color:var(--accent);font-weight:600}
.after-path span{background:#eef0fd;color:var(--accent);border:1px solid #d6dcfb}
.before-path span{border:1px solid transparent}
.magnetic{transition:translate .65s cubic-bezier(.22,1,.36,1)}
.magnetic:focus-visible{translate:0 0!important}
.site-header nav a{padding:12px 0;transition:translate .65s cubic-bezier(.22,1,.36,1),color .45s var(--ease)}
.nav-label{display:inline-block;transition:transform .55s var(--ease)}
.site-header nav a:hover,.site-header nav a:focus-visible{color:var(--accent)}
.site-header nav a:hover .nav-label,.site-header nav a:focus-visible .nav-label{transform:translateY(-2px)}
.site-header nav a:after{background:var(--accent);bottom:0;transition:transform .5s var(--ease)}
.site-header nav a:focus-visible:after{transform:scale(1)}
.phase-tabs button{isolation:isolate;transition:background .55s var(--ease),color .55s var(--ease)}
.phase-tabs button::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease)}
.phase-tabs button.active::before{transform:scaleX(1)}
.phase-tabs button.active>span{color:#acb7ff}
.phase-tabs button:not(.active):hover{background:#f3f4fd;color:var(--accent)}
.round-link{transition:background .55s var(--ease),border-color .55s var(--ease),color .55s var(--ease),transform .65s var(--ease)}
.round-link:hover,.round-link:focus-visible{background:var(--accent);border-color:var(--accent);color:white;transform:translateY(-2px)}
.contact-cta{transition:translate .65s cubic-bezier(.22,1,.36,1),color .55s var(--ease),border-color .55s var(--ease)}
.contact-cta::before{background:var(--accent);transition:transform .65s var(--ease)}
.contact-cta:hover,.contact-cta:focus-visible{color:white;border-color:var(--accent)}
.contact-cta:focus-visible::before{transform:none}
.cabinet .btn,.filter-row button,.cabinet-sidebar nav>button{transition:background .4s var(--ease),color .4s var(--ease),border-color .4s var(--ease)}
.cabinet .btn.primary:hover,.cabinet .btn.primary:focus-visible{background:var(--accent);border-color:var(--accent)}
.cabinet .btn:not(.primary):hover,.filter-row button:hover{background:#eef0fd;color:var(--accent);border-color:#d6dcfb}
.cabinet-sidebar nav>button:not(.selected):hover{background:#eef0fd;color:var(--accent)}
@media(hover:none){.site-header nav a:hover .nav-label{transform:none}}
@media(prefers-reduced-motion:reduce){.magnetic,.magnetic:focus-visible{translate:none!important}.nav-label,.wordmark-dot{transform:none!important}*,*::before,*::after{transition:none!important}}

/* Shared alignment for the introduction and the last two workflow scenes. */
.accent-text{color:var(--accent)}
.step-no{color:var(--accent)}
.hero-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:7%;padding-left:0;align-items:start}
.hero-summary p:first-child{font-size:18px;line-height:1.75}
.hero-summary p:last-child{font-size:14px;line-height:1.75}
#scene-2,#scene-3{display:grid;grid-template-columns:minmax(160px,.75fr) minmax(320px,1.6fr);gap:25px 7%;padding:38px 5%;align-items:start}
#scene-2{grid-template-rows:auto 1fr auto}
#scene-3{grid-template-rows:auto 1fr}
#scene-2 .scene-label,#scene-3 .scene-label{position:static;grid-column:1;grid-row:1}
#scene-2 .review-board{position:static;inset:auto;grid-column:2;grid-row:1/3;width:100%;transform:none;align-self:stretch;display:flex;flex-direction:column}
#scene-2 .review-columns{flex:1}
#scene-2 .sheet-top{flex:none}
#scene-2 .review-callout{position:static;inset:auto;grid-column:2;grid-row:3;justify-self:end;width:min(100%,340px);transform:none;padding:18px 20px;box-shadow:none;font-size:10px}
#scene-3 .finished-paper{position:static;inset:auto;grid-column:2;grid-row:1/3;width:100%;height:auto;min-height:440px;transform:none;padding:30px;align-self:start}
#scene-3 .finished-paper h3{font-size:23px;max-width:none}
#scene-3 .paper-items{font-size:10px;gap:18px 12px;padding-block:18px}
#scene-3 .paper-total{font-size:12px}
#scene-3 .paper-total strong{font-size:24px}
#scene-3 .exports{position:static;inset:auto;grid-column:1;grid-row:2;width:100%;display:grid;grid-template-columns:1fr;gap:10px;transform:none}
#scene-3 .export-ready{position:static;inset:auto;transform:none;margin:0 0 10px;font-size:11px}
#scene-3 .export-ready small{font-size:8px;line-height:1.6}
#scene-3 .export-format{margin:0;padding:16px;display:flex;font-size:10px;gap:12px}
#scene-3 .export-format small{font-size:8px;margin:0}
#scene-2.entering .review-board,#scene-3.entering .finished-paper{animation:scene-rise 1.05s .1s var(--ease) both}
#scene-2.entering .review-callout,#scene-3.entering .exports{animation:source-reveal .8s .65s var(--ease) both}
#scene-1 .calc-sheet{align-self:start}
.calc-total strong,.paper-total strong,.review-result>div:nth-of-type(2)>b,.draft-total strong,.doc-total strong{color:var(--accent)}
@media(max-width:1150px) and (min-width:761px){#scene-2,#scene-3{column-gap:5%}#scene-2 .scene-label>strong,#scene-3 .scene-label>strong{font-size:20px}#scene-3 .export-format{font-size:9px;padding:14px}#scene-3 .export-format small{font-size:7px}}
@media(max-width:760px){
  .hero-summary{grid-template-columns:1fr;gap:18px;padding-left:0;max-width:none}
  .hero-summary p:first-child{font-size:16px}
  .hero-summary p:last-child{font-size:12px}
  #scene-2,#scene-3{grid-template-columns:1fr;grid-template-rows:repeat(3,auto);gap:23px;padding:25px 22px 28px;min-height:0}
  #scene-2 .scene-label,#scene-3 .scene-label{grid-column:1;grid-row:1}
  #scene-2 .review-board{grid-column:1;grid-row:2;max-width:370px;justify-self:center}
  #scene-2 .review-callout{grid-column:1;grid-row:3;max-width:370px;width:100%;justify-self:center;padding:14px 15px;font-size:9px}
  #scene-3 .finished-paper{grid-column:1;grid-row:2;max-width:370px;justify-self:center;min-height:340px;padding:22px}
  #scene-3 .finished-paper h3{font-size:17px}
  #scene-3 .paper-items{font-size:8px;gap:13px 8px;padding-block:15px}
  #scene-3 .paper-total{font-size:10px}
  #scene-3 .paper-total strong{font-size:18px}
  #scene-3 .exports{grid-column:1;grid-row:3;max-width:370px;justify-self:center;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
  #scene-3 .export-ready{grid-column:1/-1;position:static;transform:none;margin:0 0 4px;font-size:10px}
  #scene-3 .export-ready>span{width:25px;height:25px}
  #scene-3 .export-ready small{font-size:7px}
  #scene-3 .export-format{display:block;padding:12px 9px;font-size:8px}
  #scene-3 .export-format small{display:block;font-size:6px;margin-top:5px}
}
@media(prefers-reduced-motion:reduce){#scene-2.entering *,#scene-3.entering *{animation:none!important}}

/* Benefits: emphasise the customer outcomes, keep the explanations neutral. */
.benefits>div>.section-label{color:var(--accent);font-weight:600}
.benefits h2{max-width:470px}
.benefit-list article{padding-block:25px}
.benefit-list article:last-child{padding-bottom:0}
.benefit-list h3{line-height:1.6}
.benefit-list p{margin-top:12px}
@media(max-width:760px){.benefit-list article{padding-block:22px}.benefit-list p{margin-top:12px}}