.workflow-demo{color:#f7f9ff;min-width:0;position:relative;box-shadow:0 24px 70px #060e302e;background:linear-gradient(150deg,#2045c6,#183b9c)!important;border:1px solid #789ee877!important;border-radius:28px!important;padding:clamp(22px,3vw,36px)!important}.workflow-demo-top{letter-spacing:.06em;color:#c5dbff;justify-content:space-between;align-items:center;gap:14px;margin-bottom:22px;font-size:.66rem;display:flex}.workflow-demo-live{align-items:center;gap:8px;font-weight:800;display:flex}.workflow-demo-live>span{background:#ffbd39;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #ffbd391a}.workflow-demo h2{letter-spacing:-.045em;line-height:1.13;margin:0 0 14px!important;font-size:clamp(1.8rem,3.2vw,2.7rem)!important}.workflow-intro{line-height:1.7;color:#d5e1fb!important;margin-bottom:24px!important;font-size:.88rem!important}.workflow-kicker{text-transform:uppercase;letter-spacing:.09em;color:#a9cdff;margin-bottom:10px;font-size:.65rem;font-weight:800;display:block}.workflow-before{background:#0c226633;border:1px solid #769ae04d;border-radius:16px;margin-bottom:20px;padding:17px}.workflow-before ol{grid-template-columns:1fr 1fr;gap:8px 12px;margin:0;padding:0;list-style:none;display:grid}.workflow-before li{color:#dae6ff;align-items:flex-start;gap:7px;font-size:.71rem;line-height:1.5;display:flex}.workflow-before li>span{color:#abc9f7;border:1px solid #83a7df66;border-radius:4px;flex-shrink:0;margin-top:1px;padding:0 4px;font-size:.6rem}.workflow-case{border:0;min-width:0;margin:0 0 18px;padding:0}.workflow-case legend{margin-bottom:9px;font-size:.72rem;font-weight:700}.workflow-case>div{flex-wrap:wrap;gap:6px;display:flex}.workflow-case button{font:inherit;color:#c7ddff;cursor:pointer;background:#102b77;border:1px solid #7198e077;border-radius:999px;padding:8px 11px;font-size:.65rem;line-height:1.5}.workflow-case button[aria-pressed=true]{color:#18253f;background:#ffbd39;border-color:#ffbd39;font-weight:800}.workflow-case:disabled{opacity:.7}.workflow-inbox{color:#183266;background:#f8f7f2;border-radius:16px;margin-bottom:12px;padding:18px;box-shadow:0 5px 22px #03102b21}.workflow-inbox>div{border-bottom:1px solid #d9deea;align-items:center;gap:8px;padding-bottom:12px;font-size:.7rem;display:flex}.workflow-inbox>div>span{color:#627390;margin-left:auto;font-size:.61rem}.workflow-inbox p{color:#344c6f;margin:8px 0 12px;font-size:.76rem;line-height:1.7}.workflow-inbox .workflow-sender{margin:12px 0 7px;font-weight:800}.workflow-sender span{overflow-wrap:anywhere;font-size:.65rem;font-weight:400}.workflow-chip{color:#244b9c;background:#e4edfd;border-radius:5px;padding:3px 7px;font-weight:700;line-height:1.5;font-size:.6rem!important;display:inline-block!important}.workflow-edit{margin-bottom:15px}.workflow-edit summary{color:#d5e3ff;cursor:pointer;justify-content:space-between;align-items:center;padding:10px 0;font-size:.7rem;list-style:none;display:flex}.workflow-edit[open] summary svg{transform:rotate(180deg)}.workflow-edit>div{border:1px solid #7499e155;border-radius:12px;gap:12px;padding:15px;display:grid}.workflow-edit label{gap:6px;font-size:.71rem;font-weight:600;display:grid}.workflow-edit input,.workflow-edit textarea,.workflow-edit select{color:#fff;width:100%;font:inherit;background:#142e79;border:1px solid #8eb0ed77;border-radius:8px;min-width:0;padding:10px 12px;line-height:1.5}.workflow-edit textarea{resize:vertical}.workflow-run{border:0;width:100%;min-height:46px;font-weight:800;color:#142849!important;background:#ffbd39!important;font-size:.8rem!important}.workflow-demo button:focus-visible,.workflow-demo summary:focus-visible,.workflow-demo input:focus-visible,.workflow-demo textarea:focus-visible,.workflow-demo select:focus-visible,.workflow-demo a:focus-visible{outline-offset:3px;outline:3px solid #ffdb88}.workflow-processing{margin-top:20px}.workflow-progress-track{background:#0f2768;border-radius:999px;height:4px;overflow:hidden}.workflow-progress-track>span{background:#ffbd39;height:100%;transition:width .35s;display:block}.workflow-processing ol{grid-template-columns:1fr 1fr;gap:9px;margin:0;padding:15px 0 0;list-style:none;display:grid}.workflow-processing li{color:#a9bbdf;align-items:center;gap:7px;font-size:.65rem;display:flex}.workflow-processing li>span{border:1px solid #7498d2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:19px;height:19px;font-size:.6rem;display:flex}.workflow-processing .workflow-current{color:#ffe1a0;font-weight:800}.workflow-current>span{color:#142849;background:#ffbd39;border-color:#ffbd39!important}.workflow-processing .workflow-complete{color:#daebff}.workflow-complete>span{color:#16316b;background:#9bccff;border:0!important}.workflow-processing .workflow-stopped{color:#adb9d5}.workflow-processing p{color:#d3e4ff;margin:13px 0 0;font-size:.7rem}.workflow-finished{margin-top:20px;animation:.35s ease-out workflow-reveal}.workflow-success,.workflow-warning{background:#102867;border:1px solid #78a4e8;border-radius:12px;align-items:flex-start;gap:10px;margin-bottom:15px;padding:14px;display:flex}.workflow-success>svg{color:#163369;background:#acd5ff;border-radius:50%;flex-shrink:0;width:23px;height:23px;padding:3px}.workflow-success strong,.workflow-warning strong{font-size:.79rem;display:block}.workflow-success span{color:#cbdcff;margin-top:5px;font-size:.68rem;line-height:1.65;display:block}.workflow-warning{color:#ffe7b6;border-color:#ffbd39}.workflow-warning>svg{flex-shrink:0;width:20px}.workflow-warning p{margin:7px 0 0;font-size:.73rem;line-height:1.7}.workflow-warning-action{color:#cfdfff}.workflow-output-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-bottom:6px;display:grid}.workflow-output-tabs button{color:#c5d9ff;cursor:pointer;background:#132f80;border:1px solid #749ee666;border-radius:9px 9px 0 0;justify-content:center;align-items:center;gap:6px;padding:11px 4px;font-size:.65rem;font-weight:700;display:flex}.workflow-output-tabs button[aria-selected=true]{color:#173262;background:#f8f7f2;border-color:#f8f7f2}.workflow-output-tabs button>span{background:#a5c8fb44;border-radius:4px;padding:1px 4px;font-size:.56rem}.workflow-output{color:#223c64;background:#f8f7f2;border-radius:0 0 14px 14px;min-height:235px;padding:18px}.workflow-output .workflow-kicker{color:#557395}.workflow-output h3{margin:0;font-weight:800;line-height:1.5;font-size:1rem!important}.workflow-output p{margin:7px 0;font-size:.76rem;line-height:1.7}.workflow-contact-heading{align-items:center;gap:11px;margin:15px 0;display:flex}.workflow-contact-heading>span:first-child{color:#204a9c;background:#dbe8ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-weight:800;display:flex}.workflow-contact-heading>div{min-width:0}.workflow-contact-heading p{overflow-wrap:anywhere;margin:1px 0 0;font-size:.65rem}.workflow-contact-heading>.workflow-chip{margin-left:auto}.workflow-output dl,.workflow-report dl{gap:7px;margin:13px 0;font-size:.71rem;line-height:1.6;display:grid}.workflow-output dl>div,.workflow-report dl>div{grid-template-columns:80px minmax(0,1fr);gap:12px;display:grid}.workflow-output dt{color:#687d97}.workflow-output dd,.workflow-report dd{overflow-wrap:anywhere;margin:0}.workflow-output blockquote{color:#526986;border-left:3px solid #b1c9ee;margin:15px 0 0;padding-left:11px;font-size:.7rem;line-height:1.65}.workflow-task-meta{flex-wrap:wrap;gap:6px;margin:13px 0;display:flex}.workflow-task-meta span{background:#e2eafd;border-radius:4px;padding:4px 7px;font-size:.58rem}.workflow-task-detail{color:#5d718b}.workflow-task-check{color:#fff;cursor:pointer;background:#20469f;border:0;border-radius:7px;align-items:center;gap:7px;margin-top:12px;padding:10px 12px;font-size:.66rem;display:flex}.workflow-mail-body{white-space:pre-wrap;overflow-wrap:anywhere}.workflow-output .workflow-mail-body{border-top:1px solid #dce3ef;padding-top:13px}.workflow-mail-note{color:#6c7d96;border-top:1px solid #dce3ef;align-items:center;gap:6px;margin-top:14px;padding-top:11px;font-size:.6rem;display:flex}.workflow-takeaway{margin:16px 0}.workflow-takeaway p{color:#dde7fb;margin:0;font-size:.73rem;line-height:1.75}.workflow-result-actions{flex-direction:column;gap:14px;display:flex}.workflow-result-actions button{color:#f7f9ff;background:#16357d;border-color:#95b8ef;min-height:42px;font-size:.72rem!important}.workflow-shop-link{color:#e5edff;justify-content:center;align-items:center;gap:5px;font-size:.69rem;font-weight:700;display:flex}.workflow-note{color:#bcd1f5!important;margin:19px 0 0!important;font-size:.6rem!important;line-height:1.7!important}.workflow-report{color:#20385c;background:#f8f7f2;border:0;border-radius:18px;width:min(790px,100vw - 24px);max-height:90dvh;padding:0;overflow:auto;box-shadow:0 40px 90px #030c3166}.workflow-report::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#030c31c9}.workflow-report-paper{padding:clamp(20px,5vw,44px)}.workflow-report-tools{justify-content:flex-end;gap:8px;margin-bottom:24px;display:flex}.workflow-report-tools button{color:#20385c;background:0 0;border:1px solid #ced7e5;font-size:.7rem!important}.workflow-report header{border-bottom:1px solid #d6deeb;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;padding-bottom:20px;display:flex}.workflow-report header>span:first-child{color:#153982;font-size:1.4rem;font-weight:800}.workflow-report header>span:last-child{letter-spacing:.06em;color:#627698;font-size:.57rem}.workflow-report h2{color:#17366d;font-size:clamp(1.7rem,4vw,2.5rem)!important}.workflow-report-lead{color:#62728a;font-size:.85rem;line-height:1.8}.workflow-report-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:25px 0 10px;display:grid}.workflow-report-stats>div{background:#e9edf7;border-radius:9px;padding:14px}.workflow-report-stats strong{color:#224cb2;font-size:1.8rem;display:block}.workflow-report-stats span{margin-top:4px;font-size:.6rem;line-height:1.5;display:block}.workflow-report section{border-bottom:1px solid #d9dfec;padding:22px 0}.workflow-report h3{color:#183977;margin:0 0 10px;font-size:.93rem;font-weight:800}.workflow-report section p,.workflow-report blockquote{margin:8px 0;font-size:.8rem;line-height:1.8}.workflow-report blockquote{color:#4e6683;border-left:3px solid #9cb9ec;padding-left:16px}.workflow-report .workflow-mail-body{background:#fff;border:1px solid #e0e5ee;border-radius:9px;padding:18px}.workflow-report-value p{color:#62738b}.workflow-report footer{color:#62738b;padding-top:22px;font-size:.62rem}.workflow-report dt{color:#617897}@keyframes workflow-reveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=600px){.workflow-demo{padding:22px!important}.workflow-demo-top{font-size:.57rem}.workflow-demo h2{font-size:2rem!important}.workflow-intro{font-size:.85rem!important}.workflow-before ol{grid-template-columns:1fr 1fr}.workflow-case button{padding:9px 11px;font-size:.67rem}.workflow-inbox>div{flex-wrap:wrap}.workflow-inbox>div>span{margin-left:0}.workflow-inbox p{font-size:.8rem}.workflow-processing ol{grid-template-columns:1fr}.workflow-processing li{font-size:.72rem}.workflow-output-tabs button{gap:4px;font-size:.64rem}.workflow-output{padding:16px}.workflow-report header{flex-direction:column;align-items:flex-start;gap:7px}.workflow-report-stats{grid-template-columns:1fr 1fr}.workflow-report-tools{flex-wrap:wrap}.workflow-note{font-size:.65rem!important}}@media (prefers-reduced-motion:reduce){.workflow-finished{animation:none}.workflow-progress-track>span{transition:none}}@media print{body:has(.workflow-report[open]){background:#fff!important}body:has(.workflow-report[open]) *{visibility:hidden!important}.workflow-report[open],.workflow-report[open] *{visibility:visible!important}.workflow-report[open]{width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;box-shadow:none!important;background:#fff!important;border:0!important;border-radius:0!important;margin:0!important;position:absolute!important;inset:0!important;overflow:visible!important}.workflow-report-tools,.workflow-report::backdrop{display:none!important}.workflow-report-paper{padding:12mm!important}.workflow-report-stats{grid-template-columns:repeat(4,1fr)!important}.workflow-report section{break-inside:avoid}.workflow-report header{margin-bottom:14px!important}.workflow-report h2{font-size:24pt!important}.workflow-report p{font-size:10pt!important}.workflow-report footer{font-size:8pt!important}}
