/* The film is a continuous, bright work surface. */
.workflow-demo{--wf-ink:#163e35;--wf-muted:#526b61;--wf-line:#dce5df;--wf-scroll:0;position:relative;isolation:isolate;width:100%;background:#ffffffd6;border:1px solid var(--wf-line);color:var(--wf-ink);text-align:left}
.workflow-demo::before,.workflow-demo::after{content:"";position:absolute;width:9px;height:9px;border-color:#839d91;pointer-events:none;z-index:3}
.workflow-demo::before{left:-1px;top:-1px;border-left:1px solid;border-top:1px solid}.workflow-demo::after{right:-1px;bottom:-1px;border-right:1px solid;border-bottom:1px solid}
.workflow-demo svg{fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;flex:none}
.workflow-demo__toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:72px;padding:0 30px;border-bottom:1px solid var(--wf-line)}
.workflow-demo__tabs{display:flex;align-items:stretch;align-self:stretch;gap:32px}.workflow-demo__tab{position:relative;display:flex;align-items:center;gap:13px;border:0;padding:0;color:var(--wf-muted);background:none;font:400 13px/1.3 Inter,sans-serif;white-space:nowrap}
.workflow-demo__tab::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--wf-ink);transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.16,1,.3,1)}
.workflow-demo__tab[aria-selected=true]{color:var(--wf-ink);font-weight:550}.workflow-demo__tab[aria-selected=true]::after{transform:scaleX(1)}.workflow-demo__tab:hover{color:#082a27}.workflow-demo__tab svg{width:17px;height:17px}
.workflow-demo__pause{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;min-width:44px;border:0;padding:8px;background:none;color:var(--wf-muted);font:400 12px/1.3 Inter,sans-serif}.workflow-demo__pause:hover{color:var(--wf-ink)}.workflow-demo__pause svg{width:17px;height:17px}.workflow-demo__play-icon{display:none}.workflow-demo.is-paused .workflow-demo__pause-icon{display:none}.workflow-demo.is-paused .workflow-demo__play-icon{display:block}
.workflow-demo__panel[hidden]{display:none}.workflow-demo__stage{display:grid;grid-template-columns:minmax(164px,.9fr) minmax(330px,2.7fr) minmax(180px,1fr);align-items:center;gap:14px;min-height:411px;padding:14px 34px 10px;position:relative}
.workflow-demo__context,.workflow-demo__outcome{position:relative;z-index:2}.workflow-demo h2{font:400 24px/1.28 Raleway,Inter,sans-serif;letter-spacing:-.035em;margin:0;text-wrap:balance}.workflow-demo__files{display:grid;gap:15px;margin-top:28px;color:#416155;font-size:12px;line-height:1.4}.workflow-demo__files>div{display:flex;align-items:center;gap:10px}.workflow-demo__files svg{width:20px;height:20px;color:#77968a}
.workflow-demo__context-note{font-size:12px;line-height:1.65;color:var(--wf-muted);margin:28px 0 0}.workflow-demo__spatial{position:relative;align-self:stretch;min-width:0;min-height:384px;background:radial-gradient(ellipse at 50% 51%,#f0f6f24a 0,transparent 65%)}
.workflow-demo__scan{position:absolute;display:block;inset:0;width:100%;height:100%;contain:strict}.workflow-demo__scan-caption{position:absolute;bottom:23px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:8px;color:#526d61;font-size:12px;line-height:1.4;white-space:nowrap}
.workflow-demo__activity{display:inline-block;width:5px;height:5px;border-radius:50%;background:#5f927d;flex:none}.workflow-demo__coordinate{position:absolute;left:7%;right:7%;display:flex;justify-content:space-between;pointer-events:none;color:#c0d0c7}.workflow-demo__coordinate--top{top:33px}.workflow-demo__coordinate--bottom{bottom:58px}.workflow-demo__coordinate span{position:relative;width:7px;height:7px}.workflow-demo__coordinate span::before,.workflow-demo__coordinate span::after{content:"";position:absolute;background:currentColor}.workflow-demo__coordinate span::before{left:3px;top:0;height:7px;width:1px}.workflow-demo__coordinate span::after{left:0;top:3px;width:7px;height:1px}
.workflow-demo__completion{display:grid;place-items:center;width:31px;height:31px;color:#356e58;border:1px solid #b4cbbd;border-radius:50%;margin-bottom:19px;opacity:.52;transform:scale(.95);transition:opacity .8s,transform .8s cubic-bezier(.16,1,.3,1),background .8s}.workflow-demo__completion svg{width:19px;height:19px}.workflow-demo[data-step="2"] .workflow-demo__completion{background:#eff5ef;opacity:1;transform:scale(1)}
.workflow-demo__outcome p{color:var(--wf-muted);font-size:12px;line-height:1.8;margin:17px 0 0}.workflow-demo__handoff{display:flex;align-items:center;gap:7px;font-size:12px;line-height:1.5;color:#496a5a;margin-top:25px}.workflow-demo__handoff>span{width:4px;height:4px;border:1px solid #5f8370;transform:rotate(45deg);flex:none}
.workflow-demo__footer{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:54px;padding:15px 30px;border-top:1px solid var(--wf-line);font-size:12px;line-height:1.5;color:var(--wf-muted)}.workflow-demo__disclosure{white-space:nowrap;color:#607468}
/* Three editorial sheets carry a single growth story. Their content stays deliberately at outcome level. */
.workflow-demo__growth-intro{font-size:13px;line-height:1.75;color:var(--wf-muted);max-width:22ch;margin:22px 0 0}.workflow-demo__growth-note{display:flex;align-items:center;gap:8px}.workflow-demo__growth-scene{position:relative;align-self:stretch;min-height:384px;perspective:1100px}
.workflow-demo__paper-routes{position:absolute;inset:0;width:100%;height:100%;stroke:#d1dfd5!important;stroke-width:1!important;z-index:-1}.workflow-demo__paper-signal{stroke:#679b84!important;stroke-dasharray:24 680;animation:wf-travel 9s linear infinite}
.workflow-demo__paper{position:absolute;overflow:hidden;box-shadow:0 20px 30px -17px #315d4130,0 3px 5px -2px #315d4112;border:1px solid #dde6df;background:#fff;backface-visibility:hidden;will-change:transform}
.workflow-demo__paper--presence{width:156px;max-width:40%;height:225px;left:4%;top:72px;padding:15px;transform:translateY(calc(var(--wf-scroll)*-9px)) rotateY(9deg) rotateZ(-4deg);transform-origin:right center;animation:wf-presence 12s ease-in-out infinite}
.workflow-demo__paper--conversation{width:156px;max-width:40%;height:224px;right:4%;top:84px;padding:20px 17px;transform:translateY(calc(var(--wf-scroll)*12px)) rotateY(-9deg) rotateZ(4deg);transform-origin:left center;animation:wf-conversation 12s ease-in-out infinite}
.workflow-demo__paper--personal{width:226px;max-width:57%;height:298px;top:42px;left:50%;padding:19px 20px;transform:translateX(-50%) translateY(calc(var(--wf-scroll)*-7px));box-shadow:0 27px 34px -18px #30544035,0 2px 7px #3054400b;animation:wf-personal 12s ease-in-out infinite;z-index:2}
.workflow-demo__paper-brand{display:flex;align-items:center;justify-content:space-between;gap:10px;height:27px;color:#60776a;font-size:12px}.workflow-demo__paper-brand img{width:25px;height:25px;object-fit:contain;mix-blend-mode:multiply}.workflow-demo__paper-menu{position:relative;width:16px;height:6px;border-top:1px solid #aabfb1;border-bottom:1px solid #aabfb1}.workflow-demo__paper strong{display:block;font:500 16px/1.3 Raleway,Inter,sans-serif;letter-spacing:-.025em}.workflow-demo__paper--personal strong{font-size:25px;line-height:1.12;letter-spacing:-.035em;margin-top:2px}.workflow-demo__paper p{font-size:12px;line-height:1.6;color:#5c7365;margin:12px 0 0}.workflow-demo__paper-action{display:flex;justify-content:space-between;align-items:center;font-size:12px;line-height:1.2;padding-top:16px;margin-top:16px;border-top:1px solid #d9e4dc;color:#3d6551}.workflow-demo__paper-action svg{width:17px;height:17px}
.workflow-demo__presence-art{height:72px;position:relative;margin:13px 0 15px;overflow:hidden;background:#f3f7f2}.workflow-demo__presence-art span{position:absolute;width:63px;height:74px;border-radius:70% 70% 0 0;border:1px solid #cadbd0;left:16px;top:14px;transform:rotate(-19deg);background:#e2eee4}.workflow-demo__presence-art span:nth-child(2){left:45px;top:3px;background:#d7e6db}.workflow-demo__presence-art span:nth-child(3){left:77px;top:20px;background:#edf4ed}.workflow-demo__presence-art i{position:absolute;inset:0;background:linear-gradient(0deg,#eef5f0 0,transparent 80%)}.workflow-demo__ink-lines{display:grid;gap:6px;margin-top:13px}.workflow-demo__ink-lines i{height:2px;background:#d6e1d8}.workflow-demo__ink-lines i:last-child{width:63%}
.workflow-demo__personal-art{position:relative;height:58px;margin:11px -20px 10px;overflow:hidden;color:#acc6b5}.workflow-demo__personal-art svg{width:100%;height:100%;stroke-width:.9;transform:translateX(calc(var(--wf-scroll)*10px))}.workflow-demo__personal-art span{position:absolute;left:51%;top:26px;width:7px;height:7px;border:1px solid #789e86;background:#f3f7ef;border-radius:50%}.workflow-demo__message-icon{width:26px;height:26px;color:#648873;margin-bottom:21px}.workflow-demo__conversation-lines{display:grid;gap:9px;margin-top:17px}.workflow-demo__conversation-lines>span{padding:9px 8px;background:#f0f5ef;display:grid;gap:5px;width:78%}.workflow-demo__conversation-lines>span:nth-child(2){justify-self:end;background:#e1eee4}.workflow-demo__conversation-lines i{display:block;background:#b7cdbd;height:2px}.workflow-demo__conversation-lines i:last-child{width:70%}.workflow-demo__paper-check{position:absolute;bottom:17px;right:17px;border:1px solid #bfcebf;border-radius:50%;width:18px;height:18px;display:grid;place-items:center;color:#5d856c}.workflow-demo__paper-check svg{width:12px;height:12px}
.workflow-demo__growth-summary{display:none}
.workflow-demo.is-paused *, .workflow-demo.is-offscreen *{animation-play-state:paused!important}.workflow-demo.is-paused .workflow-demo__completion{transition:none}
@keyframes wf-travel{from{stroke-dashoffset:704}to{stroke-dashoffset:0}}
@keyframes wf-personal{0%,100%{translate:0 0}50%{translate:0 -6px}}
@keyframes wf-presence{0%,100%{translate:0 0}50%{translate:-3px 6px}}
@keyframes wf-conversation{0%,100%{translate:0 0}50%{translate:3px -3px}}
@media(min-width:1400px){.workflow-demo__stage{min-height:437px;padding-left:38px;padding-right:38px;grid-template-columns:minmax(172px,.9fr) minmax(360px,2.7fr) minmax(192px,1fr)}.workflow-demo__spatial,.workflow-demo__growth-scene{min-height:413px}.workflow-demo__paper--personal{top:58px}.workflow-demo__paper--presence{top:88px}.workflow-demo__paper--conversation{top:100px}.workflow-demo h2{font-size:26px}}
@media(max-width:1050px) and (min-width:821px){.workflow-demo__stage{padding-left:25px;padding-right:25px;grid-template-columns:155px minmax(280px,1fr) 163px;gap:10px}.workflow-demo h2{font-size:21px}.workflow-demo__outcome p br{display:none}.workflow-demo__handoff{font-size:12px}.workflow-demo__paper--personal{max-width:63%;padding-left:16px;padding-right:16px}.workflow-demo__paper--presence{left:0;padding:12px}.workflow-demo__paper--conversation{right:0;padding:18px 12px}.workflow-demo__paper--personal strong{font-size:23px}.workflow-demo__paper-brand{gap:6px}}
@media(max-width:1050px){.workflow-demo__growth-scene{height:422px;min-height:422px;perspective:none}.workflow-demo__growth-scene::before,.workflow-demo__growth-scene::after{content:"";position:absolute;left:50%;top:36px;width:210px;max-width:77%;height:276px;border:1px solid #dce6df;background:#f9fbf7;box-shadow:0 15px 25px -20px #315d4130;transform:translateX(calc(-50% - 11px)) rotate(-4deg);pointer-events:none}.workflow-demo__growth-scene::after{transform:translateX(calc(-50% + 11px)) rotate(4deg);background:#f4f8f2}.workflow-demo__growth-scene .workflow-demo__paper--presence,.workflow-demo__growth-scene .workflow-demo__paper--conversation{display:none}.workflow-demo__growth-scene .workflow-demo__paper--personal{top:20px;width:226px;max-width:86%;height:298px;padding:19px 20px;z-index:2}.workflow-demo__growth-scene .workflow-demo__paper--personal strong{font-size:25px}.workflow-demo__growth-summary{display:grid;gap:8px;position:absolute;top:349px;left:0;right:0;text-align:center;font-size:12px;line-height:1.45;color:#4e6c5a}.workflow-demo__growth-summary span{display:block}.workflow-demo__paper-routes{display:none}}
@media(max-width:820px){.workflow-demo__toolbar{padding:0 22px;min-height:65px;gap:10px}.workflow-demo__tabs{gap:27px}.workflow-demo__pause span{display:none}.workflow-demo__stage{grid-template-columns:1fr;gap:0;padding:30px 30px 28px}.workflow-demo__context{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;align-items:center}.workflow-demo h2{font-size:25px}.workflow-demo__files{margin:0;gap:10px}.workflow-demo__context-note{grid-column:1/-1;margin-top:16px}.workflow-demo__spatial,.workflow-demo__growth-scene{height:354px;min-height:0;width:100%;max-width:560px;justify-self:center;margin:10px 0 15px}.workflow-demo__coordinate--top{top:19px}.workflow-demo__coordinate--bottom{bottom:52px}.workflow-demo__scan-caption{bottom:14px}.workflow-demo__outcome{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;align-items:start;border-top:1px solid #e3e9e3;padding-top:25px}.workflow-demo__outcome h2{grid-column:1;grid-row:1}.workflow-demo__completion{position:absolute;left:calc(50% - 27px);top:26px;width:25px;height:25px;margin:0}.workflow-demo__completion svg{width:15px;height:15px}.workflow-demo__outcome p{grid-column:2;grid-row:1;margin:0;font-size:12px;line-height:1.75;padding-left:8px}.workflow-demo__handoff{grid-column:1/-1;margin-top:17px}.workflow-demo__footer{padding:16px 22px;gap:10px}.workflow-demo__footer-caption{max-width:28ch}.workflow-demo__disclosure{font-size:12px;white-space:normal;text-align:right;max-width:27ch}.workflow-demo__growth-intro{margin:0;max-width:28ch}.workflow-demo__growth-note{margin-top:18px}.workflow-demo__growth-scene{max-width:450px;height:422px;min-height:422px;margin-top:20px}.workflow-demo__paper--personal{top:26px}.workflow-demo__paper--presence{top:56px}.workflow-demo__paper--conversation{top:68px}}
@media(max-width:580px){.workflow-demo__toolbar{min-height:64px;padding:0 12px;gap:4px}.workflow-demo__tabs{gap:21px}.workflow-demo__tab{font-size:12px;gap:7px}.workflow-demo__tab svg{width:14px;height:14px}.workflow-demo__pause{padding:8px;min-width:44px}.workflow-demo__stage{padding:26px 21px 25px}.workflow-demo h2{font-size:23px}.workflow-demo__context{grid-template-columns:1fr 1.05fr;gap:0 15px}.workflow-demo__files{font-size:12px;gap:10px}.workflow-demo__files>div{gap:7px}.workflow-demo__files svg{width:17px;height:17px}.workflow-demo__context-note{margin-top:18px}.workflow-demo__spatial{height:299px;margin:8px 0 18px}.workflow-demo__coordinate{left:0;right:0}.workflow-demo__scan-caption{font-size:12px;bottom:12px}.workflow-demo__coordinate--bottom{bottom:44px}.workflow-demo__outcome{grid-template-columns:1fr;padding-top:25px;gap:0}.workflow-demo__outcome h2{padding-right:34px}.workflow-demo__outcome h2 br{display:none}.workflow-demo__completion{top:26px;right:0;left:auto}.workflow-demo__outcome p{grid-column:1;grid-row:2;padding:0;margin-top:10px;max-width:35ch;font-size:12px}.workflow-demo__outcome p br{display:none}.workflow-demo__outcome p br:after{content:" "}.workflow-demo__handoff{margin-top:17px}.workflow-demo__footer{padding:14px 20px;align-items:flex-start;flex-direction:column;gap:5px}.workflow-demo__footer-caption,.workflow-demo__disclosure{max-width:none;text-align:left}.workflow-demo__growth-intro{font-size:12px;line-height:1.7}.workflow-demo__growth-scene{height:422px;min-height:422px;margin-top:20px;margin-bottom:16px}.workflow-demo__paper--presence{width:147px;max-width:44%;height:210px;top:57px;left:-3%;padding:12px}.workflow-demo__paper--conversation{width:147px;max-width:44%;height:214px;right:-3%;top:70px;padding:16px 12px}.workflow-demo__paper--personal{width:191px;max-width:65%;height:278px;top:27px;padding:17px 16px}.workflow-demo__paper--personal strong{font-size:24px}.workflow-demo__paper--personal p{font-size:12px;line-height:1.55}.workflow-demo__paper-brand{gap:7px;font-size:12px}.workflow-demo__paper-brand img{width:22px;height:22px}.workflow-demo__personal-art{height:47px;margin-top:10px}.workflow-demo__paper-action{padding-top:14px;margin-top:13px}.workflow-demo__paper--presence strong,.workflow-demo__paper--conversation strong{font-size:15px}.workflow-demo__presence-art{margin:10px 0;height:69px}.workflow-demo__message-icon{margin-bottom:16px}}
@media(max-width:390px){.workflow-demo__toolbar{padding-left:11px;padding-right:5px}.workflow-demo__tabs{gap:17px}.workflow-demo__tab svg{display:none}.workflow-demo__pause{min-width:44px}.workflow-demo__stage{padding-left:16px;padding-right:16px}.workflow-demo h2{font-size:22px}.workflow-demo__files>div{gap:6px}.workflow-demo__spatial{height:272px}.workflow-demo__outcome h2{font-size:22px}.workflow-demo__paper--personal{padding-left:13px;padding-right:13px;max-width:67%;height:284px}.workflow-demo__paper-brand{gap:5px}.workflow-demo__paper--personal strong{font-size:23px}.workflow-demo__footer{padding-left:16px;padding-right:16px}}
@media(prefers-reduced-motion:reduce){.workflow-demo *{animation:none!important;transition:none!important}.workflow-demo__paper-signal{display:none}.workflow-demo__completion{opacity:1;transform:none}.workflow-demo__personal-art svg{transform:none}.workflow-demo__paper--personal{transform:translateX(-50%)}.workflow-demo__paper--presence{transform:rotateY(9deg) rotateZ(-4deg)}.workflow-demo__paper--conversation{transform:rotateY(-9deg) rotateZ(4deg)}}