/* Continuous, automatic enquiry storyboard. */
.hero{grid-template-columns:1fr;padding-block:60px 48px}.hero-copy{max-width:950px}.hero h1 .headline-line{display:inline}.hero h1 .headline-line+span:before{content:' '}.hero h1{max-width:1000px;font-size:clamp(3rem,5.2vw,5rem)}.hero-intro{max-width:690px}.hero-actions{margin-top:24px}.agent-demo{margin-bottom:65px}.demo-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:24px}.demo-heading h2{font-size:clamp(1.7rem,3vw,2.6rem);margin-top:10px}.demo-heading>p{font-size:.9rem}.demo-shell{border:1px solid #dfe5f0;background:#f4f6fb;border-radius:16px;overflow:hidden;box-shadow:0 24px 70px -50px #23387970}.demo-toolbar{padding:17px 24px;display:flex;gap:15px;justify-content:space-between;align-items:center;background:#ffffffb0;border-bottom:1px solid #dfe5f0}.demo-wordmark{display:flex;align-items:center;gap:12px;color:#2448df;font:800 1.7rem var(--display)}.demo-wordmark>span{font:600 .68rem var(--sans);letter-spacing:.1em;color:#65708a}.fiction-label{font-size:.7rem;color:#738096}.demo-stage{position:relative;height:600px;background-image:radial-gradient(#cdd5e480 .8px,transparent .8px);background-size:18px 18px;overflow:hidden}.workspace-label{position:absolute;top:24px;font:600 .64rem var(--sans);letter-spacing:.09em;color:#929bb0;opacity:0;transition:opacity .7s}.label-inbox{left:3%}.label-context{left:36%}.label-drafts{left:69%}.demo-card{position:absolute;padding:18px;background:#fff;border:1px solid #dce2ed;border-radius:10px;box-shadow:0 8px 25px -15px #243b6570;transition:transform 1.3s cubic-bezier(.22,1,.36,1),opacity .7s,border-color .7s;overflow:hidden}.incoming{top:65px;width:30%;left:3%;transform:translate(111%,30px);opacity:0}.mini-bar{display:flex;align-items:center;gap:8px;padding-bottom:12px;border-bottom:1px solid #edf0f5;font:600 .7rem var(--sans);color:#65728b}.mini-icon{display:grid;place-items:center;width:26px;height:26px;border-radius:7px;background:#eef2ff;color:#2448df;font-size:1rem}.status{margin-left:auto;padding:4px 6px;border-radius:4px;font-size:.6rem;white-space:nowrap}.new-status{color:#2448df;background:#edf1ff}.known{color:#4d7130;background:#eef6e5}.draft{color:#7e6840;background:#f7f2e5}.sender{display:flex;gap:9px;align-items:center;margin:15px 0}.avatar,.company-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#ede4f6;color:#6b4d8b;font:600 .65rem var(--sans);flex-shrink:0}.sender strong{font-size:.78rem;display:block}.sender small{font-size:.61rem;color:#78859b;display:block}.demo-card h3{font-size:.97rem;letter-spacing:-.025em;line-height:1.3;margin-bottom:12px}.email-copy p{font-size:.76rem;line-height:1.7;margin-bottom:12px;color:#52617c}.email-copy .signoff{font-size:.7rem;margin-bottom:0}.hl{background:transparent;color:inherit;border-radius:3px;transition:background .6s,box-shadow .6s}.read-confirm{font-size:.65rem;color:#2448df;border-top:1px solid #edf0f5;margin-top:12px;padding-top:10px;opacity:0;transition:opacity .5s}.scan-line{position:absolute;top:110px;left:0;width:100%;height:65px;background:linear-gradient(transparent,#4265fb1a);border-bottom:1px solid #557aff70;opacity:0}.client{left:36%;top:65px;width:30%;opacity:0;transform:translate(0,30px)}.client-name{display:flex;gap:10px;align-items:center;margin:15px 0}.client-name h3{margin-bottom:3px}.client-name p{font-size:.66rem}.company-avatar{background:#e5edff;color:#2448df;border-radius:8px}.history-panel{background:#f1edfa;padding:12px;border:1px solid #e5def4;border-radius:7px;transform:translateY(8px);opacity:0;transition:opacity .7s,transform .7s}.tiny-label{display:block;font-size:.55rem;font-weight:600;letter-spacing:.07em;color:#866ba7}.history-panel strong{display:block;font-size:.75rem;margin-top:5px;color:#50386d}.history-panel small{font-size:.64rem;color:#8a789c;display:block;margin-top:3px}.history-link{display:block;font-size:.59rem;color:#785598;margin-top:8px}.field{display:flex;justify-content:space-between;gap:6px;border-bottom:1px solid #edf0f5;padding:11px 0;font-size:.65rem;opacity:0;transform:translateX(-8px);transition:opacity .5s,transform .6s}.field>span{color:#8591a4}.field strong{font-weight:550;text-align:right;color:#3c4c68}.missing-panel{display:flex;align-items:center;gap:10px;padding:11px;background:#fff6e4;border:1px solid #efddb3;border-radius:6px;margin-top:13px;opacity:0;transform:scale(.97);transition:opacity .7s,transform .7s}.missing-panel>span{width:19px;height:19px;line-height:18px;text-align:center;border:1px solid #ba8d32;border-radius:50%;font-size:.7rem;color:#ac7c1e}.missing-panel strong{font-size:.68rem;display:block;color:#916816}.missing-panel small{font-size:.64rem;display:block;color:#937746}.quote,.reply{left:69%;width:28%;opacity:0;transform:translateY(30px)}.quote{top:65px}.quote h3{font-size:.8rem;margin:12px 0 5px}.quote-line{display:flex;gap:8px;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #eef0f5;font-size:.63rem;opacity:0;transform:translateY(7px);transition:opacity .5s,transform .6s}.quote-line small{display:block;font-size:.53rem;color:#8a95a8;margin-top:3px}.quote-line em{font-size:.55rem;font-style:normal;color:#818ba0;text-align:right;max-width:70px}.quote-line em.amber{color:#a47412}.quote-total{display:flex;justify-content:space-between;font-size:.6rem;padding-top:11px;color:#64728b;opacity:0;transition:opacity .7s}.quote-total strong{font-weight:500}.reply{top:337px}.reply .mini-bar{padding-bottom:9px}.reply-to{font-size:.61rem;padding-block:9px;color:#8c96a9}.typed-reply{font-size:.69rem;line-height:1.65;color:#455570;white-space:pre-line;display:inline}.typing-caret{display:inline-block;width:2px;height:12px;background:#2448df;vertical-align:middle}.connections{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.wire{fill:none;stroke:#9bb0ee;stroke-width:1.4;stroke-dasharray:4 7;opacity:0}.flying-token{position:absolute;z-index:5;left:22%;top:240px;padding:6px 10px;background:#2448df;color:white;border-radius:6px;font-size:.65rem;box-shadow:0 4px 18px #2448df30;opacity:0;pointer-events:none}.agent-pointer{position:absolute;top:180px;left:63%;z-index:8;color:#2448df;opacity:0;transition:left 1.2s cubic-bezier(.22,1,.36,1),top 1.2s cubic-bezier(.22,1,.36,1),opacity .6s}.agent-pointer>svg{width:20px;height:24px;display:block;margin-left:-12px;filter:drop-shadow(0 2px 1px #fff)}.agent-bubble{display:flex;align-items:center;gap:9px;background:#2448df;color:#fff;border-radius:30px;padding:8px 13px 8px 8px;box-shadow:0 7px 20px #2448df25;white-space:nowrap}.agent-orb{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#ffffff20;font-size:1.2rem}.agent-bubble strong{font-size:.69rem;display:block}.agent-action{font-size:.59rem;display:block;color:#dce5ff}.activity-dots{display:flex;gap:3px;margin-left:3px}.activity-dots i{display:block;width:3px;height:3px;border-radius:50%;background:#cddafa}.team-handoff{position:absolute;bottom:18px;left:50%;transform:translate(-50%,20px);opacity:0;z-index:9;display:flex;align-items:center;gap:12px;border:1px solid #a7c86b;background:#e9f9cd;padding:12px 17px 12px 10px;border-radius:12px;box-shadow:0 7px 20px #608b2815;transition:transform .8s,opacity .8s;white-space:nowrap}.team-avatar{width:35px;height:35px;display:grid;place-items:center;background:#3d622a;border-radius:50%;color:white;font-size:.56rem;font-weight:650}.team-handoff strong{display:block;font-size:.8rem;color:#335120}.team-handoff div>span{font-size:.63rem;color:#58713e;display:block}.handoff-check{color:#4f7a2b;font-size:1.2rem;margin-left:15px}.demo-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 24px;border-top:1px solid #e0e6f0;background:#ffffff90}.demo-caption{display:flex;align-items:center;gap:14px}.phase-number{font:600 .7rem var(--sans);color:#2448df}.phase-caption{font-size:.85rem;color:#42536d}.demo-pause{background:none;border:1px solid #d9e0ec;border-radius:20px;font:500 .65rem var(--sans);padding:7px 13px;color:#718097;cursor:pointer}.demo-pause:focus-visible{outline:2px solid #2448df;outline-offset:3px}.timeline-track{height:3px;background:#e7ecf6}.timeline-progress{height:100%;background:#2448df;width:0}.demo-note{font-size:.73rem;margin-top:13px;text-align:center;color:#7e899b}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.agent-demo[data-phase="0"] .incoming{opacity:1;transform:translate(111%,0)}
.agent-demo[data-phase="1"] .incoming{opacity:1;transform:translate(111%,0);border-color:#819bf2}
.agent-demo:not([data-phase="0"]) .agent-pointer{opacity:1}
.agent-demo[data-phase="1"] .agent-pointer{left:59%;top:300px}
.agent-demo[data-phase="2"] .agent-pointer{left:28%;top:210px}
.agent-demo[data-phase="3"] .agent-pointer{left:54%;top:225px}
.agent-demo[data-phase="4"] .agent-pointer{left:63%;top:180px}
.agent-demo[data-phase="5"] .agent-pointer{left:63%;top:437px}
.agent-demo[data-phase="6"] .agent-pointer{opacity:0}
.agent-demo.expanded .incoming{opacity:1;transform:none}.agent-demo.expanded .workspace-label{opacity:1}.agent-demo.expanded .client{opacity:1;transform:none}
.agent-demo.has-history .history-panel{opacity:1;transform:none}.agent-demo.has-fields .field{opacity:1;transform:none}.field-two{transition-delay:.18s}.field-three{transition-delay:.38s}.field-four{transition-delay:.58s}
.agent-demo.has-missing .missing-panel{opacity:1;transform:none}.agent-demo.has-fields .read-confirm{opacity:1}
.agent-demo.has-quote .quote{opacity:1;transform:none}.agent-demo.has-quote-lines .quote-line,.agent-demo.has-quote-lines .quote-total{opacity:1;transform:none}.q-two{transition-delay:.25s}.q-three{transition-delay:.5s}.quote-total{transition-delay:.7s}
.agent-demo.has-reply .reply{opacity:1;transform:none}.agent-demo.has-review .team-handoff{opacity:1;transform:translate(-50%,0)}.agent-demo.has-review .quote,.agent-demo.has-review .reply{border-color:#a8c773}.agent-demo.has-review .typing-caret{opacity:0}
.agent-demo.scanning .scan-line{opacity:1;animation:scan 5s linear forwards}.agent-demo .hl.lit{background:#e1e9ff;box-shadow:0 0 0 2px #e1e9ff}.agent-demo .missing-hl.lit{background:#ffedbe;box-shadow:0 0 0 2px #ffedbe}.agent-demo .history-hl.lit{background:#eee3fa;box-shadow:0 0 0 2px #eee3fa}
.agent-demo.transferring .token-one{animation:transfer 2s .15s both}.agent-demo.transferring .token-two{animation:transfer 2s .8s both;top:285px}.agent-demo.transferring .token-three{animation:transfer 2s 1.45s both;top:330px}
.agent-demo.expanded .wire-one{opacity:.8;animation:flow 1s linear infinite}.agent-demo.has-quote .wire-two,.agent-demo.has-reply .wire-three{opacity:.8;animation:flow 1s linear infinite}.agent-demo.has-review .wire{opacity:.2;animation:none}.activity-dots i{animation:blink 1.1s infinite}.activity-dots i:nth-child(2){animation-delay:.2s}.activity-dots i:nth-child(3){animation-delay:.4s}.typing-caret{animation:blink .75s infinite}.agent-demo.paused *{animation-play-state:paused!important;transition:none!important}
@keyframes scan{from{transform:translateY(0)}to{transform:translateY(280px)}}@keyframes transfer{0%{opacity:0;transform:translate(0,0) scale(.9)}20%{opacity:1}80%{opacity:1}100%{opacity:0;transform:translate(165px,35px) scale(.8)}}@keyframes flow{to{stroke-dashoffset:-22}}@keyframes blink{0%,100%{opacity:.35}50%{opacity:1}}
@media(min-width:761px) and (max-width:1100px){.demo-card{padding:12px}.email-copy p{font-size:.7rem}.demo-stage{height:625px}.reply{top:335px}.typed-reply{font-size:.64rem}.agent-bubble{transform:scale(.9);transform-origin:left top}.field{font-size:.59rem}.team-handoff{bottom:12px}.mini-bar{font-size:.6rem;gap:5px}.status{font-size:.5rem}.quote-line{font-size:.56rem}}
@media(max-width:760px){.hero{padding-block:38px}.hero h1 .headline-line{display:block}.hero h1 .headline-line+span:before{content:none}.demo-heading{display:block}.demo-heading>p{margin-top:14px}.demo-toolbar{padding:13px 15px;flex-wrap:wrap;gap:5px}.demo-wordmark>span{font-size:.56rem}.fiction-label{font-size:.6rem}.demo-stage{height:620px}.workspace-label,.connections{display:none}.incoming,.client,.quote,.reply{left:6%;width:88%;padding:17px}.incoming,.client{top:28px}.agent-demo[data-phase="0"] .incoming,.agent-demo[data-phase="1"] .incoming{transform:none}.agent-demo.expanded .incoming{transform:translate(-110%,0);opacity:0}.agent-demo.expanded .client{transform:none}.agent-demo.has-quote .client{transform:translate(-110%,0);opacity:0}.quote{top:22px}.reply{top:290px}.agent-pointer{left:42%!important;top:465px!important}.agent-demo[data-phase="3"] .agent-pointer{top:435px!important}.agent-demo[data-phase="4"] .agent-pointer{top:230px!important}.agent-demo[data-phase="5"] .agent-pointer{top:493px!important}.agent-bubble{padding:6px 10px 6px 6px}.agent-action{font-size:.53rem}.agent-bubble strong{font-size:.61rem}.activity-dots{display:none}.demo-bottom{padding:14px;gap:9px}.phase-caption{font-size:.74rem;min-height:40px}.demo-caption{gap:9px}.team-handoff{bottom:12px;white-space:normal;width:92%;padding:10px;gap:8px}.team-handoff strong{font-size:.73rem}.team-handoff div>span{font-size:.59rem}.handoff-check{display:none}.flying-token{left:10%}.mini-bar{font-size:.7rem}.typed-reply{font-size:.73rem}.quote-line{font-size:.68rem}.quote-line small{font-size:.6rem}.quote-line em{font-size:.59rem}}
@media(prefers-reduced-motion:reduce){.agent-demo *{animation:none!important;transition:none!important}}

.reply{top:350px}@media(max-width:760px){.demo-stage{height:680px}.reply{top:320px}.agent-demo[data-phase="5"] .agent-pointer{top:540px!important}}

/* Document workflow: a PDF-like invoice and a checked draft record. */
.invoice-paper .invoice-supplier{font-weight:600;color:#364565;margin-bottom:16px}.invoice-supplier>span{font-weight:400;color:#8591a6;font-size:.65rem}.invoice-item{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #edf0f5;font-size:.74rem;color:#65728a}.invoice-item strong{font-weight:550;color:#35435b}.invoice-total{font-size:.85rem;padding-block:14px;color:#263652}.invoice-due{margin-top:18px}.invoice-delivery{color:#8f793c!important;font-size:.62rem!important}.agent-demo[data-demo="invoice"] .incoming{min-height:465px}.agent-demo[data-demo="invoice"] .missing-panel{border-color:#e8c988}.agent-demo[data-demo="invoice"] .invoice-paper{padding-top:2px}
@media(max-width:760px){.agent-demo[data-demo="invoice"] .incoming{min-height:0}.invoice-item{padding:9px 0}}