/* An animated workbench behind the smaller explanatory glass pane. */
.agent-identity{top:25%}.focus-window{left:75%;top:43%;width:min(360px,32%)}.focus-content{height:218px;padding:24px}.focus-step h3{font-size:29px}.focus-step .purpose-points li{font-size:20px}.focus-step li{font-size:17px}.workflow-demo{position:absolute;left:12%;top:38%;width:min(560px,52%);z-index:3;opacity:var(--identity-opacity,1);color:#273549;--paper-shadow:0 9px 27px #2b41600c,0 1px 3px #24385008}.demo-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1.1px;color:#7a8799;padding:0 8px 10px}.demo-top>div{display:flex;gap:6px}.demo-top button{width:27px;height:27px;background:#ffffffb0;border:1px solid #e4e8f0;border-radius:50%;color:#65758d;font-size:14px;letter-spacing:0}.demo-canvas{position:relative;height:276px;isolation:isolate}.demo-route{position:absolute;inset:0 3% auto;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.1px;color:#8692a3}.demo-paper{position:absolute;width:43%;left:3%;top:15%;padding:19px 18px;background:#fff;border:1px solid #dfe5ee;border-radius:11px;box-shadow:var(--paper-shadow);transition:transform 1s cubic-bezier(.2,.8,.2,1),opacity .7s,border-color .7s}.paper-eyebrow{display:block;font-size:9px;letter-spacing:.8px;color:#8b96a5;margin-bottom:12px}.demo-paper>strong{font-size:16px;font-weight:500;letter-spacing:-.4px;display:block}.demo-paper p{font-size:11px;line-height:1.5;color:#8190a3;margin-top:6px}.paper-line{display:block;height:4px;border-radius:2px;background:#e9edf3;width:85%;margin-top:13px}.paper-line:last-of-type{width:60%}.demo-check{display:grid;place-items:center;background:rgba(var(--agent-rgb),.08);color:var(--agent-color);border:1px solid rgba(var(--agent-rgb),.15);border-radius:50%;width:21px;height:21px;font-size:12px;flex-shrink:0}.demo-success{position:absolute;bottom:0;left:50%;transform:translate(-50%,8px);opacity:0;white-space:nowrap;padding:9px 14px;border-radius:20px;background:rgba(var(--agent-rgb),.07);color:var(--agent-color);font-size:12px;transition:opacity .7s,transform .7s}.workflow-demo[data-beat="3"] .demo-success{opacity:1;transform:translate(-50%,0)}.demo-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 9px 0;font-size:12px;color:#768599}.demo-beats{display:flex;gap:4px}.demo-beats i{width:4px;height:4px;background:#d8dfea;border-radius:50%}.demo-beats i.on{background:var(--agent-color)}.mail-extract{display:flex;flex-wrap:wrap;gap:5px;margin-top:18px}.mail-extract span{font-size:10px;background:#f5f7fb;color:#7c8ba0;padding:5px 6px;border-radius:5px;transition:background .7s,color .7s}.workflow-demo:not([data-beat="0"]) .mail-extract span{background:rgba(var(--agent-rgb),.07);color:var(--agent-color)}.mail-tag{display:flex;gap:6px;align-items:center;font-size:10px;color:var(--agent-color);margin-top:14px;opacity:0;transform:translateY(7px);transition:all .7s}.workflow-demo:not([data-beat="0"]) .mail-tag{opacity:1;transform:none}.calendar-demo{position:absolute;right:3%;top:15%;width:39%;border:1px solid #dfe5ee;border-radius:11px;background:#fff;box-shadow:var(--paper-shadow);padding:14px 15px;min-height:173px}.calendar-top{display:flex;justify-content:space-between;align-items:center}.calendar-top>span{font-size:9px;letter-spacing:1px;color:#8190a4}.calendar-top b{font-size:24px;font-weight:500;color:var(--agent-color)}.calendar-slots{display:grid;gap:8px;margin-top:12px}.calendar-slots>span{display:flex;justify-content:space-between;border-bottom:1px solid #edf0f5;font-size:10px;padding:5px;color:#8994a5}.calendar-slots i{font-style:normal;opacity:0;color:var(--agent-color);transition:opacity .5s}.workflow-demo[data-beat="2"] .picked-slot{background:rgba(var(--agent-rgb),.08);border-radius:5px}.workflow-demo[data-beat="2"] .calendar-slots i{opacity:1}.meeting-event{position:absolute;inset:73px 12px auto;padding:10px 9px;background:#eef2ff;border:1px solid #d4ddfb;border-radius:7px;transform:translateY(10px) scale(.85);opacity:0;transition:all .7s cubic-bezier(.2,.9,.3,1.1)}.meeting-event strong{font-size:12px;display:block;color:var(--agent-color)}.meeting-event>span:not(.demo-check){font-size:9px;display:block;margin-top:4px;color:#7284a8}.meeting-event .demo-check{position:absolute;right:7px;top:10px}.workflow-demo[data-beat="3"] .meeting-event{opacity:1;transform:none}.transfer-dot{position:absolute;left:45%;top:43%;width:6px;height:6px;border-radius:50%;background:var(--agent-color);opacity:0}.workflow-demo[data-beat="2"] .transfer-dot{animation:transfer 1.5s ease-in-out infinite}@keyframes transfer{0%{transform:translateX(0);opacity:0}20%{opacity:1}90%{opacity:1}100%{transform:translateX(50px);opacity:0}}
/* Quote: the approved price rows travel into a completed quote. */
.price-source{position:absolute;top:21%;left:3%;width:35%}.price-token{display:flex;justify-content:space-between;gap:8px;font-size:12px;padding:12px 10px;margin-bottom:8px;border:1px solid #e0e6f0;background:#fff;border-radius:7px;box-shadow:0 4px 14px #2b416006;transition:transform .9s,opacity .7s,border-color .7s}.price-token b{font-weight:500;color:var(--agent-color)}.source-caption{display:block;font-size:10px;color:#9aa4b3;margin-top:9px;text-align:center}.quote-paper{left:auto;right:3%;top:11%;width:48%;padding:16px}.quote-lines{margin-top:14px;display:grid;gap:8px}.quote-lines>div{display:flex;justify-content:space-between;font-size:10px;color:#748298;opacity:.15;transform:translateX(-12px);transition:opacity .7s,transform .9s}.quote-lines b{font-weight:500}.quote-total{border-top:1px solid #e5eaf1;margin-top:12px;padding-top:11px;display:flex;justify-content:space-between;font-size:11px;color:#7f8c9f;opacity:0;transition:opacity .7s}.quote-total strong{font-size:20px;font-weight:500;color:var(--agent-color)}.quote-stamp{font-size:9px;color:var(--agent-color);margin-top:12px;opacity:0;transition:opacity .5s}.workflow-demo[data-beat="1"] .price-token{border-color:rgba(var(--agent-rgb),.35);transform:translateX(8px)}.workflow-demo[data-beat="2"] .price-token,.workflow-demo[data-beat="3"] .price-token{transform:translate(70px,-3px) scale(.85);opacity:0}.token-b,.quote-lines>div:nth-child(2){transition-delay:.17s}.token-c,.quote-lines>div:nth-child(3){transition-delay:.34s}.workflow-demo[data-beat="2"] .quote-lines>div,.workflow-demo[data-beat="3"] .quote-lines>div{opacity:1;transform:none}.workflow-demo[data-beat="2"] .quote-total,.workflow-demo[data-beat="3"] .quote-total,.workflow-demo[data-beat="3"] .quote-stamp{opacity:1}
/* Agreements: shared fields fill the template; a signature is revealed. */
.terms-source{position:absolute;top:17%;left:3%;width:36%;display:grid;gap:9px}.term-chip{padding:10px 11px;border:1px solid #e2e7ef;background:#fff;border-radius:7px;transition:transform 1s,opacity .8s}.term-chip small{font-size:9px;display:block;color:#8c97a7;margin-bottom:4px}.term-chip strong{font-size:12px;font-weight:500}.agreement-paper{left:auto;right:3%;top:12%;width:48%;padding:17px}.agreement-fields{margin-top:16px;display:grid;gap:10px}.agreement-fields>div{display:flex;justify-content:space-between;gap:8px;font-size:10px}.agreement-fields span{color:#8c98a8}.agreement-fields b{font-weight:500;color:var(--agent-color);opacity:0;transform:translateX(-12px);transition:all .8s}.workflow-demo:not([data-beat="0"]) .agreement-fields b{opacity:1;transform:none}.workflow-demo:not([data-beat="0"]) .term-chip{transform:translateX(8px);border-color:rgba(var(--agent-rgb),.2)}.term-chip:nth-child(2),.agreement-fields>div:nth-child(2) b{transition-delay:.2s}.term-chip:nth-child(3),.agreement-fields>div:nth-child(3) b{transition-delay:.4s}.signature-line{margin-top:18px;border-top:1px solid #e4e9f0;padding-top:7px;position:relative;min-height:41px}.signature{font-family:Georgia,serif;font-size:20px;font-style:italic;display:block;color:var(--agent-color);clip-path:inset(0 100% 0 0);transition:clip-path 1.2s ease}.signature-line small{font-size:8px;color:#9ba4b2;display:block;margin-top:4px}.workflow-demo[data-beat="3"] .signature{clip-path:inset(0 0 0 0)}
/* Review: highlight an exception and hand the decision to the owner. */
.review-paper{top:13%;width:42%;overflow:hidden}.exception-term{position:relative;background:#f4f6fa;border:1px solid #edf0f5;border-radius:6px;padding:9px;margin-top:14px;transition:all .6s}.exception-term span{font-size:10px;display:block;color:#8d97a7}.exception-term strong{font-size:19px;font-weight:500;display:block;margin-top:3px}.exception-term i{position:absolute;right:9px;top:15px;display:grid;place-items:center;width:20px;height:20px;background:#c96c2d;color:white;font-style:normal;border-radius:50%;opacity:0}.scan-beam{position:absolute;inset:25% 0 auto;height:1px;background:var(--agent-color);box-shadow:0 0 14px 2px rgba(var(--agent-rgb),.1);opacity:0}.workflow-demo[data-beat="1"] .scan-beam{animation:scan-review 1.7s ease infinite}@keyframes scan-review{0%{top:25%;opacity:0}20%{opacity:1}90%{opacity:1}100%{top:95%;opacity:0}}.workflow-demo[data-beat="2"] .exception-term,.workflow-demo[data-beat="3"] .exception-term{background:#fff4e9;border-color:#f2cba8;color:#a54f1c}.workflow-demo[data-beat="2"] .exception-term i,.workflow-demo[data-beat="3"] .exception-term i{opacity:1}.review-rule{position:absolute;right:3%;top:17%;width:44%;border:1px solid #e3e8f0;border-radius:8px;padding:13px 15px;background:#fff}.review-rule span{font-size:8px;letter-spacing:.8px;color:#8c96a7;display:block}.review-rule strong{font-size:22px;font-weight:500;display:block;margin-top:6px}.review-alert{position:absolute;left:11%;right:1%;top:48%;padding:12px;display:flex;gap:9px;align-items:center;border:1px solid #edd5bd;background:#fff8f0;border-radius:8px;box-shadow:var(--paper-shadow);opacity:0;transform:translateY(8px);transition:all .7s}.alert-circle{color:#a55c2f;border:1px solid #e7ba92;width:23px;height:23px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.review-alert strong{font-size:11px;font-weight:500;color:#96511d}.review-alert p{font-size:9px;color:#ab8061;margin-top:4px}.workflow-demo[data-beat="2"] .review-alert{opacity:1;transform:none}.owner-review{position:absolute;right:2%;top:53%;width:47%;padding:12px;display:flex;gap:9px;align-items:center;background:white;border:1px solid #e4e9f0;border-radius:8px;box-shadow:var(--paper-shadow);opacity:0;transform:translateY(10px);transition:all .8s}.owner-avatar{width:27px;height:27px;border-radius:50%;background:#eae6df;color:#74634c;display:grid;place-items:center;font-size:9px;flex-shrink:0}.owner-review strong{font-size:12px;font-weight:500;display:block}.owner-review div>span{font-size:9px;color:#8e97a8;display:block;margin-top:4px}.workflow-demo[data-beat="3"] .owner-review{opacity:1;transform:none}
/* Finance: both reference and amount match before the invoice changes state. */
.invoice-paper{width:41%;top:13%}.invoice-amount{font-size:28px!important;color:var(--agent-color);margin-top:18px!important}.invoice-due{display:block;font-size:10px;color:#949dab;margin-top:12px;transition:opacity .5s}.paid-stamp{position:absolute;right:11px;bottom:12px;border:2px solid var(--agent-color);border-radius:4px;padding:5px 7px;font-size:13px;color:var(--agent-color);font-weight:600;transform:rotate(-12deg) scale(1.8);opacity:0;transition:all .7s cubic-bezier(.2,.9,.3,1.2)}.bank-payment{position:absolute;right:2%;top:24%;width:40%;border:1px solid #dfe6ef;border-radius:10px;background:#fff;padding:15px;box-shadow:var(--paper-shadow);opacity:0;transform:translate(20px,8px);transition:all .7s}.bank-symbol{position:absolute;right:12px;top:12px;color:var(--agent-color);font-size:22px}.bank-payment>span:not(.bank-symbol){font-size:8px;letter-spacing:.7px;color:#929cac}.bank-payment>strong{font-size:24px;font-weight:500;color:var(--agent-color);display:block;margin-top:10px}.bank-payment small{display:block;font-size:9px;color:#8b97a7;margin-top:9px}.workflow-demo:not([data-beat="0"]) .bank-payment{opacity:1;transform:none}.match-link{position:absolute;left:44%;width:14%;top:46%;display:flex;align-items:center;opacity:0;transform:scale(.8);transition:all .6s}.match-link>span:not(.demo-check){height:1px;background:var(--agent-color);flex:1}.workflow-demo[data-beat="2"] .match-link,.workflow-demo[data-beat="3"] .match-link{opacity:1;transform:none}.workflow-demo[data-beat="3"] .paid-stamp{opacity:1;transform:rotate(-12deg) scale(1)}.workflow-demo[data-beat="3"] .invoice-due{opacity:0}
/* Bookkeeping: the same three documents move from a messy stack to labeled bins. */
.receipt-tray{position:absolute;inset:0;z-index:2}.receipt{position:absolute;left:50%;top:12%;width:26%;padding:13px 12px 11px;border:1px solid #e1e6ed;background:#fff;box-shadow:var(--paper-shadow);clip-path:polygon(0 0,100% 0,100% 95%,94% 100%,88% 95%,82% 100%,76% 95%,70% 100%,64% 95%,58% 100%,52% 95%,46% 100%,40% 95%,34% 100%,28% 95%,22% 100%,16% 95%,10% 100%,4% 95%,0 98%);transform:translateX(-50%) rotate(var(--receipt-angle));transition:left 1.1s cubic-bezier(.2,.8,.2,1),top 1.1s,transform 1.1s,box-shadow .6s}.r1{--receipt-angle:-19deg;left:37%;top:19%}.r2{--receipt-angle:9deg;left:51%;top:9%;transition-delay:.16s;z-index:1}.r3{--receipt-angle:24deg;left:65%;top:21%;transition-delay:.32s}.receipt>span{font-size:8px;letter-spacing:.7px;color:#8d98a8;display:block;white-space:nowrap}.receipt strong{font-size:24px;font-weight:500;display:block;margin:11px 0 13px;color:#526276;transition:color .5s}.receipt i{display:block;background:#e5eaf1;height:3px;margin-top:5px;width:90%;border-radius:2px}.receipt i+i{width:65%}.receipt small{font-size:8px;display:block;color:#9da7b5;margin-top:10px}.receipt b{font-size:9px;color:var(--agent-color);display:block;margin-top:8px;opacity:0;transition:opacity .6s}.receipt-scanner{position:absolute;inset:8% 14% 29%;border:1px dashed rgba(var(--agent-rgb),.18);border-radius:13px;opacity:0;z-index:3;pointer-events:none;transition:opacity .5s}.receipt-scanner>span{position:absolute;left:0;right:0;height:1px;top:0;background:var(--agent-color);box-shadow:0 0 17px 4px rgba(var(--agent-rgb),.08)}.receipt-scanner b{position:absolute;bottom:-25px;left:50%;transform:translateX(-50%);font-size:10px;font-weight:400;color:var(--agent-color);white-space:nowrap}.workflow-demo[data-beat="1"] .receipt-scanner{opacity:1}.workflow-demo[data-beat="1"] .receipt-scanner>span{animation:receipt-read 1.9s ease-in-out infinite}@keyframes receipt-read{from{top:5%}to{top:95%}}.workflow-demo:not([data-beat="0"]) .receipt strong{color:var(--agent-color)}.sorting-bins{position:absolute;left:2%;right:2%;bottom:17%;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.sorting-bins>div{height:75px;border:1px solid #dbe5e1;background:rgba(var(--agent-rgb),.035);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:end;padding:10px 4px;opacity:0;transform:translateY(12px);transition:all .8s}.sorting-bins span{font-size:9px;letter-spacing:.8px;color:#75897e}.sorting-bins b{font-size:12px;font-weight:500;color:var(--agent-color);margin-top:4px;opacity:0;transition:opacity .5s}.workflow-demo[data-beat="2"] .sorting-bins>div,.workflow-demo[data-beat="3"] .sorting-bins>div{opacity:1;transform:none}.workflow-demo[data-beat="2"] .receipt,.workflow-demo[data-beat="3"] .receipt{top:7%;transform:translateX(-50%) rotate(0) scale(.86)}.workflow-demo[data-beat="2"] .r1,.workflow-demo[data-beat="3"] .r1{left:17.5%}.workflow-demo[data-beat="2"] .r2,.workflow-demo[data-beat="3"] .r2{left:50%}.workflow-demo[data-beat="2"] .r3,.workflow-demo[data-beat="3"] .r3{left:82.5%}.workflow-demo[data-beat="3"] .receipt{top:10%;transform:translateX(-50%) scale(.80)}.workflow-demo[data-beat="3"] .receipt b,.workflow-demo[data-beat="3"] .sorting-bins b{opacity:1}
.demo-paused *{animation-play-state:paused!important}
@media(min-width:1600px){.workflow-demo{left:17%;width:560px}.focus-window{left:72%;width:380px}}
@media(max-width:1100px) and (min-width:761px){.workflow-demo{left:8%;width:52%}.focus-window{left:77%;width:34%}.focus-content{padding:21px}.focus-step h3{font-size:26px}.focus-step .purpose-points li{font-size:18px}.focus-step li{font-size:16px}.step-nav{padding-inline:18px;gap:9px}.step-nav button{font-size:10px}}
@media(max-width:760px){.agent-identity{top:21%}.agent-identity h2{font-size:25px}.agent-identity>span{font-size:13px;margin-bottom:5px}.workflow-demo{top:32%;left:50%;transform:translateX(-50%);width:calc(100% - 48px);max-width:480px}.demo-top{padding:0 5px 4px;font-size:8px;letter-spacing:.8px}.demo-top button{height:22px;width:22px;font-size:12px}.demo-top>div{gap:5px}.demo-canvas{height:174px}.demo-route{font-size:7px;letter-spacing:.7px}.demo-paper{padding:11px 10px;top:12%}.paper-eyebrow{font-size:7px;margin-bottom:7px;letter-spacing:.5px}.demo-paper>strong{font-size:12px}.demo-paper p{font-size:9px;margin-top:4px}.mail-extract{margin-top:9px;gap:3px}.mail-extract span{font-size:8px;padding:3px 4px}.mail-tag{font-size:8px;margin-top:8px;gap:4px}.demo-check{width:16px;height:16px;font-size:9px}.calendar-demo{padding:9px 10px;min-height:125px;top:12%}.calendar-top>span{font-size:7px}.calendar-top b{font-size:19px}.calendar-slots{margin-top:7px;gap:4px}.calendar-slots>span{font-size:8px;padding:3px}.meeting-event{inset:51px 7px auto;padding:7px 6px}.meeting-event strong{font-size:10px}.meeting-event>span:not(.demo-check){font-size:7px;max-width:80%}.meeting-event .demo-check{right:5px;top:8px}.demo-success{font-size:9px;padding:6px 9px;bottom:-3px}.demo-bottom{font-size:10px;padding:9px 5px 0}.price-source{top:17%}.price-token{font-size:9px;padding:8px 6px;margin-bottom:5px}.source-caption{font-size:8px;margin-top:5px}.quote-paper{top:9%;padding:10px}.quote-lines{margin-top:8px;gap:5px}.quote-lines>div{font-size:8px}.quote-total{margin-top:7px;padding-top:6px;font-size:8px}.quote-total strong{font-size:16px}.quote-stamp{font-size:7px;margin-top:6px}.terms-source{top:14%;gap:5px}.term-chip{padding:6px 7px}.term-chip small{font-size:7px;margin-bottom:3px}.term-chip strong{font-size:9px}.agreement-paper{padding:10px;top:10%}.agreement-fields{margin-top:10px;gap:6px}.agreement-fields>div{font-size:8px;gap:5px}.signature-line{margin-top:9px;padding-top:4px;min-height:26px}.signature{font-size:15px}.signature-line small{font-size:6px;margin-top:2px}.review-paper{top:11%}.paper-line{height:3px;margin-top:8px}.exception-term{padding:6px;margin-top:9px}.exception-term span{font-size:8px}.exception-term strong{font-size:15px}.exception-term i{right:6px;top:13px;width:16px;height:16px;font-size:10px}.review-rule{top:14%;padding:8px 10px}.review-rule span{font-size:6px}.review-rule strong{font-size:18px;margin-top:4px}.review-alert{padding:8px;gap:6px}.alert-circle{width:18px;height:18px;font-size:11px}.review-alert strong{font-size:9px}.review-alert p{font-size:7px;margin-top:3px}.owner-review{padding:8px;gap:6px;width:47%;top:52%}.owner-avatar{width:21px;height:21px;font-size:8px}.owner-review strong{font-size:9px}.owner-review div>span{font-size:7px;line-height:1.4;margin-top:2px}.invoice-amount{font-size:22px!important;margin-top:10px!important}.invoice-due{font-size:8px;margin-top:9px}.paid-stamp{font-size:10px;padding:3px 5px;border-width:1px;right:7px;bottom:8px}.bank-payment{padding:10px;top:23%}.bank-payment>span:not(.bank-symbol){font-size:6px}.bank-symbol{font-size:16px;right:7px;top:7px}.bank-payment>strong{font-size:20px;margin-top:6px}.bank-payment small{font-size:7px;margin-top:6px}.match-link{top:44%}.receipt{padding:8px 8px 9px;width:27%}.receipt>span{font-size:6px;letter-spacing:.4px}.receipt strong{font-size:19px;margin:7px 0 8px}.receipt i{height:2px;margin-top:4px}.receipt small{font-size:6px;margin-top:6px}.receipt b{font-size:7px;margin-top:5px}.sorting-bins{bottom:16%;gap:6px}.sorting-bins>div{height:50px;padding:7px 3px}.sorting-bins span{font-size:7px;letter-spacing:.5px}.sorting-bins b{font-size:10px;margin-top:3px}.receipt-scanner b{font-size:8px;bottom:-20px}.focus-window{top:65%;left:60%;width:calc(100% - 68px);max-width:350px;border-radius:17px}.focus-bar{height:32px;font-size:10px;padding-inline:16px}.focus-bar>span:last-child{font-size:9px}.focus-content{height:132px;padding:15px 20px}.focus-step h3{font-size:23px}.focus-step .purpose-points{margin-top:13px;gap:8px}.focus-step .purpose-points li{font-size:16px}.focus-step ul{margin-top:12px;gap:5px}.focus-step li{font-size:14px}.step-nav{padding:0 17px 13px;gap:10px}.step-nav button{font-size:10px;padding-top:3px}.step-nav i{margin-top:6px}.focus-window .integration-logos{margin-top:12px;gap:10px}.focus-window .integration-logo{height:32px;width:32px;border-radius:9px}.focus-window .integration-logo img{width:20px;height:20px}.tool-tile{font-size:9px;gap:5px}.focus-window .integration-note{font-size:9px;margin-top:9px}}
@media(max-width:400px){.focus-window{left:56%;width:calc(100% - 55px)}.focus-step h3{font-size:22px}.focus-step .purpose-points li{font-size:15px}.demo-bottom{font-size:9px}.agent-identity h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){.workflow-demo *{animation:none!important;transition:none!important}}