.flow-section{padding-top:24px}.flow-heading{max-width:780px}.flow-heading h2{font-size:clamp(30px,5vw,58px);line-height:1.4;margin:12px 0}.flow-heading p{color:var(--text-2);line-height:1.9}.flow-eyebrow{color:var(--accent)!important;font-size:13px;letter-spacing:.02em}.flow-disclosure{color:var(--text-2);font-size:13px;margin:24px 0}.flow-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block-end:1px solid var(--line, #303640)}.flow-tabs button{border:0;background:transparent;color:var(--text-2);font:inherit;padding:20px 12px;border-bottom:3px solid transparent;cursor:pointer;display:flex;gap:12px;justify-content:center;align-items:center}.flow-tabs button span{font-size:12px}.flow-tabs button[aria-pressed=true]{border-color:var(--accent);color:var(--text);background:var(--surface)}.flow-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border:1px solid #303640;border-top:0;border-radius:0 0 20px 20px;overflow:hidden;background:var(--surface)}.flow-story,.flow-result{padding:clamp(20px,3vw,36px);min-width:0}.flow-story h3{font-size:clamp(22px,2.5vw,30px);line-height:1.6;margin:0 0 12px}.flow-story>p{color:var(--text-2);line-height:1.9;margin-bottom:24px}.flow-actions{display:flex;flex-wrap:wrap;gap:10px}.flow-action{font:inherit;font-size:14px;border:1px solid #46534e;background:var(--bg);color:var(--text);padding:11px 14px;border-radius:9px;cursor:pointer;transition:border-color .2s}.flow-action:hover:not(:disabled){border-color:var(--accent)}.flow-action:disabled{opacity:.4;cursor:not-allowed}.flow-reset{font:inherit;font-size:13px;color:var(--text-2);background:none;border:0;text-decoration:underline;text-underline-offset:5px;padding:16px 0;cursor:pointer}.flow-result{background:#19241f;border-inline-start:1px solid #303e35}.flow-record-head{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;font-size:13px;color:#afc7bb}.flow-badge{color:#baf8d7;background:#253f31;padding:6px 10px;border-radius:6px}.flow-result h4{font-size:21px;line-height:1.7;margin:25px 0 8px}.flow-result>p{font-size:14px;color:#b2c4ba}.flow-message-head{display:flex;gap:10px;justify-content:space-between;font-size:14px;border-top:1px solid #35473c;padding-top:22px;margin-top:28px}.flow-message-head small{color:#b2c4ba}.flow-messages{display:grid;gap:8px;max-height:245px;overflow:auto;padding:12px 0}.flow-messages p{margin:0;padding:12px 16px;background:#294133;border-radius:12px 0 12px 12px;font-size:14px;line-height:1.8}.flow-empty{color:var(--text-2);font-size:14px!important;background:transparent!important}.flow-audit{grid-column:1/-1;border-top:1px solid #303640;display:grid;grid-template-columns:1fr 2fr;gap:24px;padding:24px 36px}.flow-audit h4{margin:0;font-size:16px}.flow-audit ol{margin:0;padding-inline-start:20px;color:var(--text-2);font-size:14px;line-height:1.9}.flow-audit li+li{margin-top:8px}.flow-status{grid-column:1/-1;margin:0;padding:14px 36px;background:#101914;color:#a9eac9;font-size:13px;line-height:1.8}.flow-outcome{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:28px 0}.flow-outcome p{margin:0 0 8px;line-height:1.8}.flow-outcome p+p{color:var(--text-2);font-size:14px}.flow-outcome .btn{flex-shrink:0}.flow-delivery{border-top:1px solid #303640}.flow-delivery h2{font-size:clamp(28px,4vw,46px);line-height:1.6}.flow-delivery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin:40px 0}.flow-delivery-grid article{border-top:1px solid #3d4942;padding-top:22px}.flow-delivery-grid span{color:var(--accent);font-size:12px}.flow-delivery-grid h3{font-size:20px;margin:18px 0}.flow-delivery-grid p,.flow-faq p{color:var(--text-2);line-height:1.9}.flow-faq details{border-bottom:1px solid #303640;padding:20px 0}.flow-faq summary{cursor:pointer;font-size:17px}.flow-faq p{max-width:800px}.flow-tabs button:focus-visible,.flow-action:focus-visible,.flow-reset:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}@media(max-width:760px){.flow-workspace{grid-template-columns:minmax(0,1fr)}.flow-result{border-inline-start:0;border-top:1px solid #303e35}.flow-audit{grid-template-columns:1fr;padding:22px;gap:14px}.flow-status{padding:16px 22px}.flow-outcome{align-items:stretch;flex-direction:column;gap:12px}.flow-tabs button{font-size:13px;gap:5px;flex-direction:column;padding:14px 6px}.flow-delivery-grid{grid-template-columns:1fr;gap:22px}}@media(prefers-reduced-motion:reduce){.flow-action{transition:none}}

.workflow-view{margin:24px 0;border:1px solid #353943;border-radius:16px;background:#17191f;padding:22px}.workflow-view summary{font-size:18px;font-weight:600;cursor:pointer}.workflow-view>p{font-size:13px;color:#b4bac5;line-height:1.8}.workflow-canvas{direction:rtl;display:flex;align-items:center;justify-content:center;padding:30px 8px;gap:0;background-image:radial-gradient(#41434c 1px,transparent 1px);background-size:16px 16px;border-radius:10px}.workflow-node{font:inherit;background:#252830;color:#f5f6f9;border:2px solid #555964;border-radius:13px;padding:16px 8px;display:grid;text-align:center;gap:8px;width:21%;min-height:155px;cursor:pointer;position:relative}.workflow-node.is-active{border-color:#42d99a}.workflow-icon{font-size:25px;color:#ffad89}.workflow-node small{direction:ltr;font-size:11px;color:#b8c0ce}.workflow-node strong{font-size:13px;line-height:1.7}.workflow-node-status{font-size:10px;color:#aeb5c2}.workflow-node.is-active .workflow-node-status{color:#7ce2b2}.workflow-edge{width:5%;height:2px;background:#68717b;display:flex;justify-content:center;align-items:center;color:#b9c4d2;font-size:24px}.workflow-inspector{margin-bottom:0;border-top:1px solid #343b44;padding-top:14px}.workflow-node:focus-visible{outline:3px solid #ffad89;outline-offset:4px}@media(max-width:600px){.workflow-view{padding:16px}.workflow-canvas{flex-direction:column;padding:20px 12px}.workflow-node{width:100%;min-height:100px;grid-template-columns:36px 1fr;text-align:right;padding:14px}.workflow-icon{grid-row:1/4;align-self:center}.workflow-node small{direction:ltr;text-align:right}.workflow-edge{width:2px;height:25px;font-size:0}.workflow-edge:after{content:'↓';font-size:20px}.workflow-node strong{font-size:15px}}