/* The same device, request and document carry one continuous story. */
.flow-demo{--flow-blue:#285eff;--flow-light:#b7cfff;--flow-ease:cubic-bezier(.22,1,.36,1);margin:0;padding:22px 24px 18px;border-radius:22px;background:linear-gradient(145deg,#1e3547 0%,#122937 70%);box-shadow:0 32px 75px #152e3c24,inset 0 1px #ffffff16;overflow:hidden;min-width:0}
.sector-contabilidade .flow-demo{background:linear-gradient(145deg,#1d3940,#102b2d 80%)}
.flow-brand-row{display:flex;align-items:center;gap:8px;color:#e1e9f2;font-size:10px;line-height:1.4;position:relative}
.flow-brand-row .sector-mark{width:27px;height:27px}.flow-brand-row .mark-left{stroke:#eff4f8}.flow-brand-row small{margin-left:auto;color:#cad8e6;font-size:8px;text-align:right;max-width:87px;line-height:1.5}
.flow-demo h2{font-size:23px;line-height:1.35;font-weight:600;max-width:410px;margin:16px 0 13px;letter-spacing:-.025em;color:#f4f7fb;position:relative}
.flow-audience{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0 13px;border-top:1px solid #c0d1e327;font-size:10px;color:#ccdae5;line-height:1.5;position:relative}.flow-audience>span{font-size:9px;white-space:nowrap;color:#c6d7f5;font-weight:700;letter-spacing:.03em}
.flow-animated{display:none}.flow-demo.is-enhanced:not([data-motion-state="reduced"]) .flow-animated{display:block}.flow-demo.is-enhanced:not([data-motion-state="reduced"]) .flow-static{display:none}
.flow-rail{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:relative;isolation:isolate}
.flow-rail::before{content:'';height:1px;background:#c4d6e530;position:absolute;left:11%;right:11%;top:16px;z-index:-1}
.flow-rail::after{content:'';height:1px;background:#9bbbff;position:absolute;left:11%;width:78%;top:16px;transform:scaleX(var(--journey-progress,0));transform-origin:left;z-index:-1}
.flow-rail li{display:flex;align-items:center;flex-direction:column;gap:8px;color:#c4d4e1;transition:color .3s}.flow-rail li>span{display:grid;place-items:center;background:#1b3344;border:1px solid #abc7e448;width:33px;height:33px;border-radius:10px;transition:background .4s,box-shadow .4s,border-color .4s}.flow-rail svg{width:16px;height:16px;stroke-width:1.6}.flow-rail b{font-size:9px;font-weight:600;letter-spacing:.015em}
.flow-rail li.is-active{color:#fff}.flow-rail li.is-active>span{background:#285eff;border-color:#749cff;box-shadow:0 0 0 4px #6c96ff12}.flow-rail li.is-done>span{color:#d7e6ff;border-color:#799cdd;background:#294862}
.flow-theatre{height:384px;position:relative;isolation:isolate;display:grid;place-items:center;margin:4px -5px 0;perspective:1100px}
.flow-orbit{position:absolute;border:1px solid #9bbcf612;border-radius:50%;width:360px;height:300px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-15deg);z-index:-1;pointer-events:none}.orbit-two{width:430px;height:240px;transform:translate(-50%,-50%) rotate(24deg)}
.flow-device-shadow{position:absolute;left:50%;top:90%;width:250px;height:16px;filter:blur(12px);background:#00000075;border-radius:50%;transform:translateX(-50%);transition:width .8s var(--flow-ease)}
.flow-device{width:244px;height:351px;border-radius:31px;padding:8px;border:2px solid #859cab;background:linear-gradient(145deg,#cad6df,#4d667a 30%,#102b3e 95%);position:relative;transform:translateY(1px);box-shadow:0 15px 35px #00000040,inset 0 0 0 2px #233e50;transition:width .85s var(--flow-ease),height .85s var(--flow-ease),border-radius .8s var(--flow-ease),transform .85s var(--flow-ease),border-color .8s;will-change:width,height,transform}
.flow-screen{position:relative;overflow:hidden;border-radius:22px;background:#f7f9fc;width:100%;height:100%;transition:border-radius .8s var(--flow-ease);color:#162f41}
.flow-camera{position:absolute;left:50%;top:12px;transform:translateX(-50%);width:44px;height:6px;border-radius:20px;background:#0b2334;z-index:8;transition:width .8s,top .8s,height .8s}
.flow-laptop-base{position:absolute;top:100%;height:15px;left:-7%;right:-7%;opacity:0;transform:scaleX(.6) translateY(-8px);transform-origin:center top;background:linear-gradient(#e2e8ed,#8498a8);clip-path:polygon(6% 0,94% 0,100% 68%,97% 100%,3% 100%,0 68%);transition:opacity .3s,transform .8s var(--flow-ease)}.flow-laptop-base i{display:block;width:55px;height:4px;border-radius:0 0 4px 4px;background:#6b8294;position:absolute;left:50%;top:0;transform:translateX(-50%)}
.flow-demo:is([data-state="system"],[data-state="result"]) .flow-device{width:calc(100% - 36px);height:284px;border-radius:11px;padding:9px;transform:translateY(6px);border-color:#96abbc}
.flow-demo:is([data-state="system"],[data-state="result"]) .flow-screen{border-radius:5px}
.flow-demo:is([data-state="system"],[data-state="result"]) .flow-camera{width:4px;height:4px;top:2px}
.flow-demo:is([data-state="system"],[data-state="result"]) .flow-laptop-base{opacity:1;transform:scaleX(1) translateY(0);transition-delay:.2s}
.flow-demo:is([data-state="system"],[data-state="result"]) .flow-device-shadow{width:340px}
.flow-phone-pane,.flow-system-pane,.flow-call-pane{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateY(7px);transition:opacity .23s,transform .4s var(--flow-ease),visibility 0s .23s;pointer-events:none}
.flow-demo[data-state="message"] .flow-phone-pane,.flow-demo[data-state="call"] .flow-call-pane,.flow-demo:is([data-state="system"],[data-state="result"]) .flow-system-pane{opacity:1;visibility:visible;transform:none;transition-delay:.42s,.35s,0s}
.flow-phone-top{display:flex;align-items:center;gap:8px;padding:19px 12px 12px;background:#ecf1f7;border-bottom:1px solid #c9d5df}.flow-phone-top>span{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;color:#215d52;background:#dfede7;flex-shrink:0}.flow-phone-top svg{width:15px;height:15px}.flow-phone-top strong{display:block;font-size:10px;line-height:1.5;color:#163247}.flow-phone-top small{display:block;font-size:7.5px;line-height:1.5;color:#4a6476;margin-top:2px}
.flow-phone-messages{display:grid;gap:9px;padding:13px 11px 20px;background:radial-gradient(ellipse at 0 100%,#e1eaf8,transparent 80%);min-height:calc(100% - 64px);align-content:start}
.flow-bubble{border-radius:10px;padding:8px 10px;border:1px solid #dae3eb;background:#fff;box-shadow:0 3px 8px #243d5905;transform:translateY(8px);opacity:0;transition:opacity .4s,transform .5s var(--flow-ease);min-width:0}
.flow-bubble.is-assistant{background:#e8effc;border-color:#c8d7f0;margin-left:12px;border-bottom-right-radius:3px}.flow-bubble.is-client{margin-right:12px;border-bottom-left-radius:3px}.flow-bubble>span{display:block;font-size:7px;font-weight:700;color:#375470;margin-bottom:3px;line-height:1.4}.flow-bubble p{font-size:11px;line-height:1.7;color:#193548;text-wrap:initial;overflow-wrap:anywhere}
.flow-demo[data-state="message"][data-reveal="1"] .flow-phone-messages [data-reveal-at="0"],.flow-demo[data-state="message"][data-reveal="2"] .flow-phone-messages [data-reveal-at="0"],.flow-demo[data-state="message"][data-reveal="2"] .flow-phone-messages [data-reveal-at="1"],.flow-demo[data-state="message"][data-reveal="3"] .flow-phone-messages .flow-bubble{opacity:1;transform:none}
.flow-phone-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:6px 11px;background:#f1f5fa;border-top:1px solid #d2dfe9;color:#50677b;font-size:8px}.flow-phone-bottom svg{width:12px;height:12px;color:#276f60}
.flow-system-top{display:flex;align-items:center;gap:7px;padding:9px 11px;border-bottom:1px solid #d6e0e8;background:#edf2f8}.flow-system-top .sector-mark{width:17px;height:17px;flex-shrink:0}.flow-system-top .mark-left{stroke:#173248}.flow-system-top .mark-right{stroke:#2862df}.flow-system-top strong{font-size:9px;line-height:1.5;letter-spacing:-.01em}.flow-system-top>span{margin-left:auto;font-size:7px;color:#45617b;border:1px solid #bfd0df;border-radius:4px;padding:3px 5px;white-space:nowrap}
.flow-system-layout{display:flex;height:calc(100% - 37px)}.flow-sidebar{width:38px;flex-shrink:0;padding:15px 10px;display:flex;flex-direction:column;gap:20px;border-right:1px solid #d3e0ea;background:#e9f0f8;color:#416586}.flow-sidebar svg{width:15px;height:15px}.flow-system-body{min-width:0;padding:14px 13px;width:100%}.flow-system-title small{font-size:7px;letter-spacing:.035em;color:#43607c;display:block;line-height:1.5}.flow-system-title h3{font-size:14px;line-height:1.4;letter-spacing:-.025em;margin-top:4px;color:#193446}
.flow-documents{margin-top:12px;display:grid;gap:7px}.flow-doc-row{display:flex;align-items:center;gap:6px;border:1px solid #d5e0ea;background:#fff;border-radius:6px;padding:7px 8px;min-width:0;transition:background .4s,border-color .4s}
.flow-doc-symbol{display:flex;color:#5d7690;flex-shrink:0}.flow-doc-symbol svg{width:14px;height:14px}.flow-doc-name{font-size:9px;line-height:1.5;font-weight:600;color:#254459;min-width:0}.flow-doc-state{font-size:7px;line-height:1.5;padding:3px 5px;white-space:nowrap;background:#e8f4ec;color:#205e44;border-radius:4px;margin-left:auto;flex-shrink:0;font-weight:700}.flow-doc-state.is-pending{background:#fff0dc;color:#765110}.flow-after{display:none}.flow-demo[data-state="result"] .flow-before{display:none}.flow-demo[data-state="result"] .flow-after{display:flex}.flow-demo[data-state="result"] .is-changing{background:#f2f9f5;border-color:#82b69a}
.flow-system-events{margin-top:10px;display:grid;gap:5px}.flow-system-events>p{display:flex;align-items:center;gap:6px;font-size:8px;line-height:1.5;color:#405c73;min-width:0}.flow-system-events>p.flow-after{display:none}.flow-demo[data-state="result"] .flow-system-events>.flow-before{display:none}.flow-demo[data-state="result"] .flow-system-events>.flow-after{display:flex}.flow-system-events svg{width:11px;height:11px}.flow-system-events>p>span{overflow-wrap:anywhere}
.flow-handoff{margin-top:10px;padding-top:8px;border-top:1px solid #cfdce6;font-size:8px;line-height:1.6;gap:6px;color:#234562;align-items:flex-start}.flow-handoff svg{width:12px;height:12px;margin-top:1px}
.flow-call-pane{background:linear-gradient(#18334b,#12313c);color:#eff5fc}.sector-contabilidade .flow-call-pane{background:linear-gradient(#1d3946,#173b3d)}
.flow-call-top{display:flex;align-items:center;justify-content:center;gap:5px;padding:21px 7px 0;font-size:7px;color:#c5d9ed}.flow-call-top svg{width:10px;height:10px;color:#9dbcff}
.flow-call-contact{display:flex;flex-direction:column;align-items:center;text-align:center;padding:8px 10px 7px}.flow-call-contact>.sector-mark{width:37px;height:37px;padding:5px;background:#ffffff0b;border:1px solid #9bbee334;border-radius:50%;margin-bottom:6px;box-shadow:0 0 0 5px #a0bdff05}.flow-call-contact>.sector-mark .mark-left{stroke:#e4eef6}.flow-call-contact strong{display:block;font-size:11px;color:#f0f5fc;letter-spacing:-.015em;line-height:1.4}.flow-call-contact div>span{display:block;font-size:7px;line-height:1.5;color:#c6d8ec;margin-top:4px}
.flow-wave{display:flex;align-items:center;justify-content:center;gap:3px;height:22px;margin:7px 0 1px}.flow-wave i{height:6px;width:2px;background:#9ec2ff;border-radius:4px;animation:flow-voice .65s ease-in-out infinite alternate;animation-play-state:paused}.flow-wave i:nth-child(2n){height:11px;animation-delay:-.4s}.flow-wave i:nth-child(3n){height:17px;animation-delay:-.2s}.flow-wave i:nth-child(4n){height:14px;animation-delay:-.6s}.flow-demo.is-running[data-state="call"] .flow-wave i{animation-play-state:running}
.flow-call-messages{padding:0 11px;display:grid;gap:7px}.flow-call-messages .flow-bubble{padding:7px 9px;background:#ffffff0b;border:1px solid #9fbdd335;box-shadow:none}.flow-call-messages .flow-bubble.is-assistant{background:#36517357;border-color:#759dd452;margin-left:6px}.flow-call-messages .flow-bubble.is-client{margin-right:6px;background:#cedce60d}.flow-call-messages .flow-bubble>span{color:#c1d2e4;font-size:7px}.flow-call-messages .flow-bubble p{color:#f0f5fc;font-size:10px;line-height:1.65}
.flow-demo[data-state="call"][data-reveal="1"] .flow-call-messages [data-reveal-at="0"],.flow-demo[data-state="call"][data-reveal="2"] .flow-call-messages [data-reveal-at="0"],.flow-demo[data-state="call"][data-reveal="2"] .flow-call-messages [data-reveal-at="1"],.flow-demo[data-state="call"][data-reveal="3"] .flow-call-messages .flow-bubble{opacity:1;transform:none}
.flow-call-bottom{display:flex;align-items:center;justify-content:center;gap:6px;position:absolute;bottom:10px;left:5px;right:5px;color:#c5d8eb;font-size:7px;line-height:1.5}.flow-call-bottom svg{display:grid;place-items:center;width:20px;height:20px;padding:5px;border-radius:50%;color:#d6f0e8;background:#377b7140}
.flow-same-request{position:absolute;top:13px;right:0;display:flex;align-items:center;gap:6px;border:1px solid #a2bcdd45;border-radius:7px;padding:7px 8px;font-size:8px;color:#d6e5f5;background:#203b4bea;transform:translateX(6px);box-shadow:0 5px 12px #001a2c30;transition:top .8s,right .8s,transform .8s;z-index:10;pointer-events:none}.flow-same-request svg{width:12px;height:12px;color:#a8c9ff}.flow-same-request b{font-weight:700;letter-spacing:.03em}.flow-demo:is([data-state="system"],[data-state="result"]) .flow-same-request{top:28px;right:10px;transform:none}
.flow-file-packet{position:absolute;bottom:47px;left:50%;display:flex;gap:6px;align-items:center;max-width:190px;padding:8px 10px;border:1px solid #92bcff;border-radius:7px;box-shadow:0 10px 20px #00243640;background:#285eff;color:white;font-size:9px;line-height:1.5;opacity:0;transform:translate(-50%,15px) scale(.9);pointer-events:none;z-index:12}.flow-file-packet svg{width:16px;height:16px}.flow-demo[data-file-sent="true"] .flow-file-packet{animation:flow-file-transfer 1.2s var(--flow-ease) both}
.flow-notification{position:absolute;left:50%;bottom:32px;display:flex;align-items:center;gap:7px;background:#eaf6ef;border:1px solid #a0c4b3;color:#224c3d;border-radius:8px;padding:9px 13px;font-size:9px;font-weight:700;line-height:1.6;white-space:nowrap;opacity:0;transform:translate(-50%,10px);transition:opacity .4s,transform .6s var(--flow-ease);box-shadow:0 8px 18px #02273130;z-index:10}.flow-notification svg{width:15px;height:15px}.flow-demo[data-state="result"][data-reveal="3"] .flow-notification{opacity:1;transform:translate(-50%,0);transition-delay:.3s}
.flow-captions{display:grid;grid-template-columns:minmax(0,1fr);position:relative;border-top:1px solid #c7d6e029;padding-top:15px;margin-top:1px;min-height:95px}.flow-caption{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(7px);transition:opacity .25s,transform .4s var(--flow-ease),visibility 0s .25s}.flow-caption h3{font-size:14px;line-height:1.45;font-weight:600;color:#f1f6fb;letter-spacing:-.015em;text-wrap:initial}.flow-caption p{font-size:10px;line-height:1.8;margin-top:6px;color:#c8d9e8;text-wrap:initial}
.flow-demo[data-state="message"] [data-caption="0"],.flow-demo[data-state="system"] [data-caption="1"],.flow-demo[data-state="reply"] [data-caption="2"],.flow-demo[data-state="call"] [data-caption="3"],.flow-demo[data-state="upload"] [data-caption="4"],.flow-demo[data-state="result"] [data-caption="5"]{opacity:1;visibility:visible;transform:none;transition-delay:.2s,.15s,0s}
.flow-footnote{position:relative;font-size:8px;line-height:1.7;color:#bcd0e0;margin-top:14px;border-top:1px solid #bbd1e222;padding-top:11px}
.flow-phone-bottom{min-height:25px;gap:9px;color:#52708a}.flow-compose-line{height:2px;width:95px;margin-right:auto;display:block;border-radius:4px;background:#c2d0dc}.flow-phone-bottom svg{color:#53758c}
.flow-known-received{font-size:8px;line-height:1.6;color:#436077;margin-top:8px;padding-bottom:6px;border-bottom:1px solid #d3dee8}
.flow-call-contact{display:grid;grid-template-columns:32px minmax(0,1fr);gap:3px 8px;text-align:left;padding:10px 13px 7px}
.flow-call-contact>.sector-mark{width:31px;height:31px;margin:0}
.flow-call-contact .flow-wave{grid-column:1/-1;height:20px;margin:4px 0 0}
.flow-static{list-style:none;padding:8px 0 0;margin:0;display:grid;gap:20px;position:relative}.flow-static li{display:flex;gap:13px;align-items:flex-start}.flow-static li>span{display:grid;place-items:center;width:31px;height:31px;border:1px solid #9ec0e346;border-radius:9px;flex-shrink:0;background:#1b3a50;color:#c4d8ff}.flow-static svg{width:16px;height:16px}.flow-static h3{font-size:13px;line-height:1.5;color:#f3f7fc;letter-spacing:-.01em}.flow-static p{font-size:10px;line-height:1.8;color:#c5d9e8;margin-top:5px}
@keyframes flow-voice{from{transform:scaleY(.5)}to{transform:scaleY(1.25)}}
@keyframes flow-file-transfer{0%{opacity:0;transform:translate(-50%,12px) scale(.86)}20%{opacity:1;transform:translate(-50%,-1px) scale(1)}65%{opacity:1;transform:translate(-50%,-28px) scale(1)}100%{opacity:0;transform:translate(-50%,-105px) scale(.75)}}
@media(min-width:1200px){.hero-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.07fr);gap:52px}.flow-hero-visual{padding-top:0;padding-bottom:0}.flow-demo{padding:24px 26px 20px}.flow-demo h2{font-size:25px}.flow-theatre{height:396px}.flow-device{width:255px;height:361px}.flow-bubble p{font-size:12px}.flow-bubble>span{font-size:8px}.flow-phone-top strong{font-size:11px}.flow-phone-top small{font-size:8px}.flow-system-top strong{font-size:11px}.flow-system-top>span{font-size:9px}.flow-system-top .sector-mark{width:21px;height:21px}.flow-system-title h3{font-size:17px}.flow-system-title small{font-size:8px}.flow-doc-name{font-size:11px}.flow-doc-state{font-size:8px}.flow-system-events>p{font-size:9px}.flow-handoff{font-size:9px}.flow-call-messages .flow-bubble p{font-size:11px}.flow-call-contact strong{font-size:12px}.flow-call-contact div>span{font-size:8px}.flow-caption h3{font-size:15px}.flow-caption p{font-size:11px}.flow-captions{min-height:103px}.flow-footnote{font-size:9px}}
@media(max-width:1199px) and (min-width:801px){.flow-demo{padding:20px 17px 16px}.flow-demo h2{font-size:21px}.flow-brand-row>span{font-size:9px}.flow-audience{font-size:9px}.flow-theatre{margin-inline:-8px}.flow-system-body{padding:12px 10px}.flow-sidebar{width:27px;padding-inline:6px}.flow-doc-row{gap:5px;padding-inline:6px}.flow-doc-name{font-size:8px}.flow-doc-state{font-size:7px;padding-inline:4px}.flow-system-top{padding-inline:9px}.flow-system-top strong{font-size:8px}.flow-system-top>span{font-size:7px}.flow-system-events>p{font-size:7px}.flow-handoff{font-size:7px}.flow-same-request{font-size:7px;right:0}}
@media(max-width:800px){.hero-layout{gap:24px}.sector-hero-copy{display:contents}.sector-hero-copy>.kicker{grid-row:1}.sector-hero-copy>h1{grid-row:2;margin-top:0}.flow-hero-visual{grid-row:3;padding:0;max-width:600px;width:100%;justify-self:center}.sector-hero-copy>.hero-lead{grid-row:4;margin-top:0;max-width:100%;font-size:14px}.sector-hero-copy>.sector-actions{grid-row:5;margin-top:0}.sector-hero-copy>.hero-delivery{grid-row:6;margin-top:-9px;max-width:100%}.flow-demo{padding:22px 22px 18px}.flow-theatre{height:394px}.flow-device{width:255px;height:361px}.flow-demo h2{font-size:24px;max-width:100%}.flow-bubble p{font-size:12px}.flow-call-messages .flow-bubble p{font-size:11px}.flow-system-top strong{font-size:11px}.flow-system-title h3{font-size:17px}.flow-doc-name{font-size:11px}.flow-doc-state{font-size:9px}.flow-system-events>p{font-size:10px}.flow-handoff{font-size:10px}.flow-system-body{padding:13px 15px}.flow-system-title small{font-size:8px}.flow-same-request{right:0}.flow-caption p{font-size:11px}.flow-footnote{font-size:9px}.flow-sidebar{width:38px}.flow-system-events{margin-top:9px}.flow-documents{margin-top:9px}}
@media(max-width:600px){.hero-layout{gap:21px}.sector-hero{padding-top:36px}.sector-hero-copy>h1{font-size:38px;line-height:1.13}.sector-hero h1>.hero-rotator{font-size:26px;margin-top:12px}.hero-word-track{height:19px;margin-top:3px}.flow-demo{padding:19px 15px 16px;border-radius:18px}.flow-brand-row>span{font-size:9px;max-width:138px}.flow-brand-row small{font-size:7px;max-width:67px}.flow-brand-row .sector-mark{width:23px;height:23px}.flow-demo h2{font-size:21px;line-height:1.4;margin-top:13px;margin-bottom:11px}.flow-audience{font-size:9px;padding-top:9px;padding-bottom:12px}.flow-audience>span{font-size:8px}.flow-rail b{font-size:8px}.flow-rail li{gap:6px}.flow-rail li>span{width:30px;height:30px;border-radius:8px}.flow-rail::before,.flow-rail::after{top:15px}.flow-rail svg{width:14px;height:14px}.flow-theatre{height:394px;margin:3px -2px 0}.flow-demo:is([data-state="system"],[data-state="result"]) .flow-device{width:calc(100% - 22px);height:287px}.flow-sidebar{display:none}.flow-system-top{padding:10px 9px;gap:6px}.flow-system-top strong{font-size:10px}.flow-system-top>span{font-size:8px;padding-inline:4px}.flow-system-top .sector-mark{width:19px;height:19px}.flow-system-body{padding:12px 11px}.flow-system-title h3{font-size:16px}.flow-doc-name{font-size:10px}.flow-doc-state{font-size:8px;padding-inline:4px}.flow-doc-row{padding:7px 6px;gap:5px}.flow-doc-symbol svg{width:13px;height:13px}.flow-system-events>p{font-size:9px}.flow-handoff{font-size:9px}.flow-same-request{right:-2px;top:12px;font-size:7px;padding:6px 7px;transform:translateX(3px)}.flow-demo:is([data-state="system"],[data-state="result"]) .flow-same-request{top:30px;right:1px}.flow-notification{font-size:8px;bottom:33px;padding:8px 10px}.flow-captions{padding-top:13px;min-height:111px}.flow-caption h3{font-size:14px}.flow-caption p{font-size:11px;line-height:1.8}.flow-footnote{font-size:8px;margin-top:12px}.flow-static h3{font-size:13px}.flow-static p{font-size:11px}.flow-hero-visual{max-width:420px}.flow-demo::before{background:radial-gradient(ellipse at 95% 0,#7295ff1c,transparent 65%)}}
@media(max-width:370px){.flow-demo{padding-inline:12px}.flow-system-top strong{font-size:9px}.flow-doc-name{font-size:9px}.flow-system-events>p,.flow-handoff{font-size:8px}.flow-system-body{padding-inline:9px}.flow-brand-row>span{font-size:8px}.flow-demo h2{font-size:20px}.flow-audience{font-size:8px}.flow-bubble p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.flow-demo .flow-animated{display:none!important}.flow-demo .flow-static{display:grid!important}.flow-demo,.flow-demo *{animation:none!important;transition:none!important;will-change:auto!important}.flow-demo{transform:none!important}}
@media print{.flow-hero-visual{display:block!important}.flow-demo .flow-animated{display:none!important}.flow-demo .flow-static{display:grid!important}.flow-demo{color:#152832;background:white;box-shadow:none;border:1px solid #c8d1d5}.flow-demo :is(h2,h3,p,figcaption,small,.flow-brand-row){color:#152832}}
@media(min-width:1200px){.flow-known-received{font-size:9px}}
@media(max-width:600px){.flow-theatre{height:378px}.flow-captions{min-height:99px}.flow-known-received{font-size:9px}.flow-footnote{margin-top:9px}.flow-demo{padding-bottom:13px}}
@media(min-width:801px) and (max-width:1199px){.flow-system-top strong{font-size:10px}.flow-doc-name{font-size:10px}.flow-doc-state{font-size:8px}.flow-system-events>p,.flow-handoff,.flow-known-received{font-size:9px}.flow-system-title h3{font-size:15px}}
/* The client sees the reply after the system lookup, then uploads through the link. */
.flow-rail{grid-template-columns:repeat(6,minmax(0,1fr))}.flow-rail::before{left:8.333%;right:8.333%}.flow-rail::after{left:8.333%;width:83.334%}
.flow-demo[data-state="reply"] .flow-phone-pane{opacity:1;visibility:visible;transform:none;transition-delay:.42s,.35s,0s}
.flow-demo[data-state="reply"][data-reveal="1"] .flow-phone-messages [data-reveal-at="0"],.flow-demo[data-state="reply"][data-reveal="2"] .flow-phone-messages [data-reveal-at="0"],.flow-demo[data-state="reply"][data-reveal="2"] .flow-phone-messages [data-reveal-at="1"],.flow-demo[data-state="reply"][data-reveal="3"] .flow-phone-messages .flow-bubble{opacity:1;transform:none}
.flow-upload-pane{position:absolute;inset:0;background:#f7f9fc;color:#19384c;opacity:0;visibility:hidden;transform:translateY(7px);transition:opacity .23s,transform .4s var(--flow-ease),visibility 0s .23s;pointer-events:none}
.flow-demo[data-state="upload"] .flow-upload-pane{opacity:1;visibility:visible;transform:none;transition-delay:.42s,.35s,0s}
.flow-upload-top{display:flex;align-items:center;gap:8px;padding:22px 12px 12px;background:#edf2f8;border-bottom:1px solid #cddce7}.flow-upload-top .sector-mark{width:24px;height:24px}.flow-upload-top .mark-left{stroke:#173348}.flow-upload-top strong{display:block;font-size:11px;line-height:1.5}.flow-upload-top span{display:block;font-size:8px;line-height:1.5;color:#46617a;margin-top:2px}
.flow-upload-body{padding:16px 13px}.flow-upload-body>small{font-size:7px;font-weight:700;letter-spacing:.035em;color:#426180;line-height:1.5;display:block}.flow-upload-body h3{font-size:15px;line-height:1.4;margin-top:6px;letter-spacing:-.02em;color:#1b394b;text-wrap:initial}.flow-upload-body>p{font-size:9px;line-height:1.7;color:#47637b;margin-top:6px}
.flow-upload-file{display:flex;align-items:center;gap:8px;padding:11px 9px;margin-top:15px;border:1px solid #bcd0e8;border-radius:8px;background:#edf3fc}.flow-upload-file>svg{width:24px;height:24px;color:#2b5ba1}.flow-upload-file>div{min-width:0}.flow-upload-file strong{display:block;font-size:9px;line-height:1.6;overflow-wrap:anywhere;color:#203d55}.flow-upload-file span{display:block;font-size:8px;line-height:1.6;margin-top:2px;color:#48647c}.flow-upload-file .flow-file-ready{width:15px;height:15px;margin-left:auto;color:#226f50;opacity:0;transition:opacity .3s}
.flow-upload-progress{margin-top:16px}.flow-upload-progress>div{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:9px;line-height:1.5;color:#345574}.flow-upload-progress>i{display:block;height:5px;background:#dce5ef;border-radius:4px;overflow:hidden;margin-top:7px}.flow-upload-progress>i>b{display:block;height:100%;width:100%;background:#285eff;transform:scaleX(var(--upload-progress,0));transform-origin:left;transition:background .3s}.flow-upload-percent{font-weight:700}.flow-upload-done{display:none}
.flow-upload-confirm{display:flex;align-items:center;gap:6px;margin-top:13px;padding:8px;border:1px solid #9bc4aa;border-radius:7px;background:#eaf5ee;color:#205c40;font-size:8px;line-height:1.6;opacity:0;transform:translateY(5px);transition:opacity .3s,transform .4s}.flow-upload-confirm svg{width:14px;height:14px}
.flow-demo[data-state="upload"][data-reveal="3"] .flow-upload-confirm{opacity:1;transform:none}.flow-demo[data-state="upload"][data-reveal="3"] .flow-file-ready{opacity:1}.flow-demo[data-state="upload"][data-reveal="3"] .flow-upload-sending{display:none}.flow-demo[data-state="upload"][data-reveal="3"] .flow-upload-done{display:inline}.flow-demo[data-state="upload"][data-reveal="3"] .flow-upload-progress>i>b{background:#25734f}
.flow-upload-body>.flow-upload-next{font-size:8px;line-height:1.7;margin-top:11px;color:#49677b}
@media(max-width:600px){.flow-rail li>span{width:28px;height:28px}.flow-rail b{font-size:7.5px}.flow-rail::before,.flow-rail::after{top:14px}}