.workflow-demo{color:var(--paper);min-width:0;scroll-margin-top:32px}.workflow-demo [hidden]{display:none!important}.workflow-demo__heading{grid-template-columns:1.25fr 1fr;align-items:end;gap:40px;margin-bottom:22px;display:grid}.workflow-demo__eyebrow{color:var(--orange);margin-bottom:20px;font-size:10px}.workflow-demo__heading h2{letter-spacing:-.05em;font-size:clamp(30px,3.7vw,54px);font-weight:500;line-height:1.13}.workflow-demo__heading h2 span{color:#afb2a5}.workflow-demo__heading>p{color:#bbc0b1;justify-self:end;max-width:420px;font-size:16px;line-height:1.8}.workflow-demo__disclosure{color:#a6ac9b;margin-bottom:24px;font-size:12px;line-height:1.7}.workflow-demo__workspace{background:#181a16;border:1px solid #ffffff26;border-radius:12px;overflow:hidden;box-shadow:0 28px 65px #0002}.workflow-demo__toolbar{border-bottom:1px solid #ffffff18;align-items:center;gap:24px;padding:20px 28px;display:flex}.workflow-demo__brand{letter-spacing:-.075em;font-size:25px;font-weight:800}.workflow-demo__brand>span{color:var(--orange)}.workflow-demo__toolbar>.mono{color:#adb2a4;font-size:9px}.workflow-demo__position{margin-left:auto}.workflow-demo__steps{background:#11121066;border-bottom:1px solid #ffffff18;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:12px;display:grid}.workflow-demo__steps button{color:#adb3a3;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;gap:10px;min-height:50px;padding:10px 8px;font-size:12px;line-height:1.5;display:flex}.workflow-demo__steps button:hover{color:var(--paper);background:#ffffff06}.workflow-demo__steps button[aria-pressed=true]{color:var(--paper);background:#ff63370d;border-color:#ff63374f}.workflow-demo__number{color:var(--orange);flex-shrink:0;font-size:10px}.workflow-demo__step-label{overflow-wrap:anywhere}.workflow-demo__panel{grid-template-columns:minmax(0,.95fr) minmax(0,1fr);align-items:center;gap:clamp(25px,4vw,60px);padding:clamp(24px,4vw,52px);display:grid}.workflow-demo__panel+.workflow-demo__panel{border-top:1px solid #ffffff20}.workflow-demo[data-demo-ready=true] .workflow-demo__panel{border-top:0}.workflow-demo__stage{color:var(--orange);margin-bottom:18px;font-size:10px}.workflow-demo__explanation h3{letter-spacing:-.04em;margin:0 0 18px;font-size:clamp(26px,2.6vw,38px);font-weight:500;line-height:1.2}.workflow-demo__explanation>p:not(.workflow-demo__stage){color:#b5bcaa;max-width:470px;font-size:14px;line-height:1.85}.workflow-demo__handoff{border-top:1px solid #ffffff1c;gap:18px;margin:28px 0 0;padding-top:22px;display:grid}.workflow-demo__handoff dt{letter-spacing:.08em;color:#b2baa5;margin-bottom:7px;font-family:IBM Plex Mono,monospace;font-size:9px}.workflow-demo__handoff>div:last-child dt{color:#ff9f80}.workflow-demo__handoff dt>span{margin-left:8px}.workflow-demo__handoff dd{color:#e6e7dd;max-width:400px;margin:0;font-size:13px;line-height:1.65}.workflow-demo__document{color:#252a21;border-top:3px solid var(--orange);background:#eeeee4;border-radius:6px;min-width:0;padding:clamp(22px,3vw,36px);position:relative;box-shadow:0 16px 40px #0003}.workflow-demo__document-top{justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px;display:flex}.workflow-demo__document-top>.mono{letter-spacing:.1em;color:#686f60;font-size:9px}.workflow-demo__sheet-mark{color:#aa3c1d;font-size:25px;line-height:1}.workflow-demo__document-title{letter-spacing:-.045em;margin-bottom:14px;font-size:clamp(22px,2vw,29px);font-weight:600;line-height:1.2}.workflow-demo__badge{color:#83381f;background:#f4e3d8;border:1px solid #bd4d2a3d;border-radius:30px;align-items:center;gap:7px;padding:6px 10px;font-size:10px;display:inline-flex}.workflow-demo__badge>span{background:#ae4828;border-radius:50%;flex-shrink:0;width:5px;height:5px}.workflow-demo__fields{margin:24px 0 20px}.workflow-demo__fields>div{border-bottom:1px solid #39452b25;grid-template-columns:100px minmax(0,1fr);align-items:start;gap:15px;padding:13px 0;display:grid}.workflow-demo__fields dt{color:#6b7162;font-size:11px;line-height:1.6}.workflow-demo__fields dd{overflow-wrap:anywhere;margin:0;font-size:12px;font-weight:500;line-height:1.6}.workflow-demo__document-note{color:#535c49;font-size:12px;line-height:1.7}.workflow-demo__owner{color:#7b3a26;border-top:1px solid #39452b25;gap:8px;margin-top:25px;padding-top:17px;font-size:10px;line-height:1.5;display:flex}.workflow-demo__owner>span{font-size:15px;line-height:1}.workflow-demo__transport{border-top:1px solid #ffffff18;align-items:center;gap:20px;padding:20px 28px;display:flex}.workflow-demo__transport button{min-width:46px;min-height:46px;color:var(--paper);cursor:pointer;background:#ffffff03;border:1px solid #ffffff30;border-radius:5px;justify-content:center;align-items:center;gap:12px;padding:10px 15px;font-size:13px;display:inline-flex}.workflow-demo__transport .workflow-demo__play{background:var(--orange);color:#201912;border-color:var(--orange);min-width:195px;font-weight:650}.workflow-demo__play>[aria-hidden]{text-align:center;width:16px;font-size:12px}.workflow-demo__time{color:#a7b19b;font-size:10px}.workflow-demo__arrows{gap:8px;margin-left:auto;display:flex}.workflow-demo__transport .workflow-demo__arrows>button{padding:6px;font-size:20px}.workflow-demo__transport button:disabled{opacity:.35;cursor:default}.workflow-demo button:focus-visible{outline:2px solid var(--orange);outline-offset:3px}.workflow-demo__progress{background:#ffffff0c;height:3px}.workflow-demo__progress>span{background:var(--orange);transform-origin:0;width:100%;height:100%;display:block;transform:scaleX(0)}.workflow-demo__status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.workflow-demo[data-demo-ready=true]:not([data-reduced-motion=true]) .workflow-demo__document{animation:.32s ease-out both workflow-document-in}@keyframes workflow-document-in{0%{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (width<=800px){.workflow-demo__heading{grid-template-columns:1fr;gap:20px}.workflow-demo__heading>p{justify-self:start;max-width:600px}.workflow-demo__panel{grid-template-columns:1fr;gap:28px}.workflow-demo__explanation>p:not(.workflow-demo__stage){max-width:none}.workflow-demo__handoff{grid-template-columns:1fr 1fr;gap:20px}.workflow-demo__steps button{text-align:center;flex-direction:column;gap:6px;font-size:10px}.workflow-demo__document{justify-self:center;width:100%;max-width:600px}.workflow-demo__heading h2{font-size:36px}}@media (width<=480px){.workflow-demo__heading h2{font-size:31px}.workflow-demo__heading>p{font-size:14px}.workflow-demo__eyebrow{font-size:9px}.workflow-demo__toolbar{gap:16px;padding:16px 18px}.workflow-demo__toolbar>.mono{font-size:8px}.workflow-demo__brand{font-size:23px}.workflow-demo__steps{gap:5px;padding:8px}.workflow-demo__steps button{min-height:44px;padding:8px 4px}.workflow-demo__number{font-size:13px}.workflow-demo__step-label{display:none}.workflow-demo__panel{gap:25px;padding:24px 18px}.workflow-demo__explanation h3{font-size:26px}.workflow-demo__handoff{grid-template-columns:1fr;gap:16px;margin-top:22px;padding-top:18px}.workflow-demo__document{padding:22px 20px}.workflow-demo__fields>div{grid-template-columns:84px minmax(0,1fr);gap:12px}.workflow-demo__transport{flex-wrap:wrap;gap:10px;padding:16px 14px}.workflow-demo__transport .workflow-demo__play{flex:1;gap:8px;min-width:0;padding:10px 12px;font-size:12px}.workflow-demo__time{text-align:center;flex-basis:100%;order:3}.workflow-demo__arrows{gap:6px}.workflow-demo__transport .workflow-demo__arrows>button{min-width:44px;min-height:44px}.workflow-demo__disclosure{font-size:11px}}@media (prefers-reduced-motion:reduce){.workflow-demo .workflow-demo__document{animation:none!important}.workflow-demo__progress>span{transition:none}}.workflow-demo__transport{border-top:0;border-bottom:1px solid #ffffff18}@media (width<=480px){.workflow-demo__handoff{display:none}.workflow-demo__explanation>p:not(.workflow-demo__stage){font-size:13px;line-height:1.65}.workflow-demo__explanation h3{margin-bottom:12px;font-size:24px}.workflow-demo__document{padding:20px 18px}.workflow-demo__document-top{margin-bottom:18px}.workflow-demo__fields{margin:16px 0}.workflow-demo__fields>div{padding:10px 0}.workflow-demo__owner{margin-top:18px}}