.workflow-scroll-section{min-height:340vh}.workflow-sticky-inner{position:relative;width:100%;max-width:1150px;margin:0 auto;min-height:340vh}.workflow-layout-grid{position:sticky;top:96px;min-height:calc(100vh - 96px);display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;align-items:start;align-content:center;justify-items:center;width:100%}.workflow-heading-block{width:100%}.workflow-canvas-wrap{--wf-running: #60a5fa;--wf-approved: #4ade80;--wf-closed: rgba(255, 255, 255, .3);border:1px solid rgba(200,169,106,.14);background:#0f172ac7;padding:1.25rem;border-radius:12px;width:100%;overflow:visible}.workflow-flow-desktop{--workflow-flow-scale: .82;zoom:var(--workflow-flow-scale);display:grid;grid-template-columns:auto 32px auto 32px minmax(220px,1fr) 32px auto 32px auto 32px auto 32px auto 32px auto;align-items:center;gap:0}.workflow-flow-mobile{display:none;width:100%;max-width:420px;margin:0 auto;gap:.35rem;justify-items:center}.workflow-mobile-parallel{width:100%;border:1px solid rgba(200,169,106,.16);background:#11182799;border-radius:12px;padding:.8rem .7rem;display:grid;gap:.45rem}.workflow-mobile-parallel-item{width:100%}.workflow-mobile-parallel-item .workflow-node{width:100%;min-width:0;min-height:52px}.workflow-node{position:relative;border:1px solid rgba(200,169,106,.3);background:#111827bf;color:#ffffffd6;min-height:64px;min-width:126px;padding:.6rem .85rem;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;text-align:center;font-size:.86rem;font-weight:400;letter-spacing:.01em;opacity:0;transform:translateY(8px);transition:opacity .22s ease,transform .22s ease,border-color .22s ease,background-color .22s ease,color .22s ease}.workflow-node.is-revealed{opacity:1;transform:translateY(0)}.workflow-node.is-active{background:transparent;border-color:#c8a96a4d;color:#fff}.workflow-node--circle{border-radius:999px;min-width:96px;min-height:96px;padding:.8rem}.workflow-node-content{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem}.workflow-node--circle.workflow-node--lock{padding:.72rem .56rem .5rem}.workflow-node--circle.workflow-node--lock .workflow-node-content{margin-top:.2rem}.workflow-node--circle.workflow-node--lock .workflow-node-label{font-size:.64rem;line-height:1.1;letter-spacing:.03em;text-transform:uppercase}.workflow-node-label{line-height:1.3}.workflow-lock-icon{width:30px;height:30px;display:block;overflow:visible}.workflow-lock-bg{fill:transparent}.workflow-lock-body,.workflow-lock-shackle-outer,.workflow-lock-keyhole-ring,.workflow-lock-key-stem{fill:#eee0c6;stroke:#c8a96a;stroke-width:1.35;stroke-linejoin:round;vector-effect:non-scaling-stroke}.workflow-lock-shackle-inner{fill:none;stroke:#c8a96a;stroke-width:1.35;stroke-linecap:round;vector-effect:non-scaling-stroke}.workflow-lock-vents path{fill:none;stroke:#c8a96a;stroke-width:1.1;vector-effect:non-scaling-stroke}.workflow-lock-keyhole-dot{fill:#b88f4c}.workflow-lock-shackle{transform-origin:36px 42px;transform:translateY(-8px) rotate(-17deg)}.workflow-lock-icon.is-animate .workflow-lock-shackle{animation:workflow-lock-close 2.6s cubic-bezier(.35,0,.2,1) 1 both}@keyframes workflow-lock-close{0%,14%{transform:translateY(-8px) rotate(-17deg)}54%{transform:translateY(0) rotate(0)}62%{transform:translateY(1px) rotate(0)}70%,to{transform:translateY(0) rotate(0)}}.workflow-node-hint{position:absolute;bottom:calc(100% + .4rem);left:50%;transform:translate(-50%,8px);font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;color:#ffffffc7;border:1px solid rgba(200,169,106,.35);background:#111827f2;padding:.22rem .48rem;border-radius:999px;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;white-space:nowrap}.workflow-node:hover .workflow-node-hint,.workflow-node:focus-visible .workflow-node-hint{opacity:1;transform:translate(-50%)}.workflow-node[aria-current=step]{box-shadow:0 0 0 2px #c8a96a73,0 12px 24px #0000004d}.workflow-node:focus-visible{outline:1px solid rgba(200,169,106,.65);outline-offset:2px}.workflow-connector{display:block;background:#c8a96a2e;opacity:0;transition:opacity .2s ease,transform .22s ease,background-color .22s ease}.workflow-connector.is-revealed{opacity:1}.workflow-connector.is-active{background:#c8a96a4d}.workflow-connector--horizontal{height:1px;width:100%;transform-origin:left;transform:scaleX(0)}.workflow-connector--horizontal.is-revealed{transform:scaleX(1)}.workflow-connector--vertical{width:1px;height:22px;transform-origin:top;transform:scaleY(0);margin:.2rem auto}.workflow-connector--vertical.is-revealed{transform:scaleY(1)}.workflow-connector--mini{height:1px;width:16px;transform-origin:left;transform:scaleX(0)}.workflow-connector--mini.is-revealed{transform:scaleX(1)}.workflow-parallel-group{position:relative;border:1px solid rgba(200,169,106,.16);background:#11182799;border-radius:12px;padding:.8rem .75rem}.workflow-parallel-label{opacity:0;transform:translateY(6px);transition:opacity .2s ease,transform .2s ease;color:#c8a96ab8;font-size:.69rem;letter-spacing:.09em;text-transform:uppercase;margin-bottom:.55rem;text-align:center;font-weight:700}.workflow-parallel-label.is-revealed{opacity:1;transform:translateY(0)}.workflow-parallel-row{display:grid;grid-template-columns:16px minmax(0,1fr) 16px;align-items:center;gap:.25rem;margin-top:.45rem}.workflow-parallel-row .workflow-node{width:100%;min-width:0;min-height:52px}.workflow-parallel-rows{position:relative}.workflow-parallel-spine{position:absolute;top:0;bottom:.1rem;width:1px;background:#c8a96a2e;opacity:0;transform-origin:top;transform:scaleY(0);transition:opacity .2s ease,transform .24s ease,background-color .2s ease}.workflow-parallel-spine--left{left:0}.workflow-parallel-spine--right{right:0}.workflow-parallel-spine.is-revealed{opacity:1;transform:scaleY(1)}.workflow-parallel-spine.is-active{background:#c8a96a4d}.workflow-parallel-spine.is-waiting{background:repeating-linear-gradient(to bottom,rgba(200,169,106,.32) 0 4px,transparent 4px 8px)}.workflow-parallel-row .workflow-node--approval,.workflow-mobile-parallel-item .workflow-node--approval{padding:.45rem .6rem}.workflow-node--approval .workflow-node-content{gap:.25rem}.workflow-approval-ring{position:absolute;top:-1px;left:-1px;width:calc(100% + 2px);height:calc(100% + 2px);overflow:visible;pointer-events:none}.workflow-approval-ring-fill{fill:none;stroke:var(--wf-running);stroke-width:2;transition:stroke-dashoffset .12s linear,stroke .22s ease}.workflow-node.workflow-node--approval.is-approved{border-color:#4ade8066}.workflow-node--approval.is-approved .workflow-approval-ring-fill{stroke:var(--wf-approved)}.workflow-node.workflow-node--approval.is-closed{border-style:dashed;border-color:#ffffff2e;color:#ffffff80}.workflow-node--approval.is-closed .workflow-approval-ring-fill{stroke:var(--wf-closed)}.workflow-check-icon{width:.7rem;height:.7rem;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.workflow-approval-badge{display:inline-flex;align-items:center;gap:.22rem;padding:.16rem .42rem;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#ffffff8c;font-size:.58rem;font-weight:700;letter-spacing:.08em;line-height:1.1;text-transform:uppercase;white-space:nowrap;transition:color .22s ease,border-color .22s ease,background-color .22s ease}.workflow-approval-badge--required{border-color:#c8a96a99;background:#c8a96a1f;color:#c8a96a}.workflow-approval-badge.is-approved{border-color:#4ade8080;background:#4ade801a;color:var(--wf-approved)}.workflow-approval-badge.is-closed{border-style:dashed;background:transparent;color:var(--wf-closed)}.workflow-policy-chip{margin-bottom:.25rem;padding:.45rem .6rem;border:1px solid rgba(200,169,106,.3);border-radius:8px;background:#c8a96a0f;opacity:0;transform:translateY(6px);transition:opacity .2s ease,transform .2s ease,border-color .22s ease,background-color .22s ease}.workflow-policy-chip.is-revealed{opacity:1;transform:translateY(0)}.workflow-policy-chip.is-met{border-color:#4ade8073;background:#4ade8012}.workflow-policy-chip-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;color:#c8a96ad9;font-size:.6rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.workflow-policy-chip-count{color:#fff9;font-variant-numeric:tabular-nums}.workflow-policy-chip.is-met .workflow-policy-chip-head,.workflow-policy-chip.is-met .workflow-policy-chip-count{color:var(--wf-approved)}.workflow-policy-chip-rules{margin:.3rem 0 0;padding:0;list-style:none;display:grid;gap:.18rem}.workflow-policy-chip-rules li{display:flex;align-items:center;gap:.35rem;color:#ffffffad;font-size:.68rem;line-height:1.3}.workflow-policy-chip-rules strong{color:#ffffffe0;font-weight:600}.workflow-policy-mark{display:inline-flex;align-items:center;justify-content:center;width:.8rem;height:.8rem;flex-shrink:0;border:1px solid rgba(255,255,255,.3);border-radius:999px;transition:border-color .22s ease,color .22s ease}.workflow-policy-mark .workflow-check-icon{width:.55rem;height:.55rem}.workflow-policy-chip-rules li.is-met .workflow-policy-mark{border-color:var(--wf-approved);color:var(--wf-approved)}.workflow-connector.is-approved{background:var(--wf-approved)}.workflow-connector.is-closed{background:repeating-linear-gradient(to right,var(--wf-closed) 0 3px,transparent 3px 6px)}.workflow-join-gate{position:absolute;top:50%;right:-6px;z-index:1;width:11px;height:11px;border:1px solid rgba(200,169,106,.75);background:#0f172a;opacity:0;transform:translateY(-50%) rotate(45deg);transition:opacity .2s ease,background-color .22s ease,border-color .22s ease}.workflow-join-gate.is-revealed{opacity:1}.workflow-join-gate.is-waiting{animation:workflow-gate-pulse 1.6s ease-in-out infinite}.workflow-join-gate.is-open{border-color:var(--wf-approved);background:var(--wf-approved)}@keyframes workflow-gate-pulse{0%,to{box-shadow:0 0 #c8a96a80}50%{box-shadow:0 0 0 5px #c8a96a00}}.workflow-audit-panel{border:1px solid rgba(200,169,106,.22);background:#111827eb;border-radius:12px;padding:1rem;min-height:220px;width:100%}.workflow-audit-eyebrow{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#c8a96ad1;font-weight:700;margin-bottom:.65rem}.workflow-audit-body h3{color:#fff;font-size:1.06rem;line-height:1.35;font-weight:700;margin-bottom:.85rem}.workflow-audit-body ul{margin:0;padding:0;list-style:none;display:grid;gap:.5rem}.workflow-audit-body li{color:#ffffffc7;font-size:.83rem;line-height:1.5;padding-left:.8rem;position:relative}.workflow-audit-body li:before{content:"";position:absolute;left:0;top:.54rem;width:5px;height:1px;background:#c8a96ab8}@media(min-width:1024px){.workflow-canvas-wrap{padding-right:1.9rem}.workflow-flow-desktop{transform:translate(-10px)}}@media(max-width:1023px){.workflow-canvas-wrap{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}.workflow-flow-desktop{--workflow-flow-scale: .64;grid-template-columns:auto 30px auto 30px minmax(220px,1fr) 30px auto 30px auto 30px auto 30px auto 30px auto}.workflow-flow-mobile{display:none}.workflow-node{min-height:58px;min-width:124px;padding:.52rem .72rem;font-size:.79rem}.workflow-node--circle{min-width:84px;min-height:84px;padding:.62rem}.workflow-lock-icon{width:27px;height:27px}.workflow-node--circle.workflow-node--lock .workflow-node-label{font-size:.58rem}.workflow-parallel-row{grid-template-columns:14px minmax(0,1fr) 14px}.workflow-connector--mini{width:14px}}@media(max-width:767px){.workflow-canvas-wrap{overflow-x:hidden;overflow-y:visible}.workflow-flow-desktop{display:none}.workflow-flow-mobile{display:grid}}@media(max-width:640px){.workflow-flow-desktop{--workflow-flow-scale: .5;grid-template-columns:auto 24px auto 24px minmax(170px,1fr) 24px auto 24px auto 24px auto 24px auto 24px auto}.workflow-canvas-wrap{padding:.9rem}.workflow-node{min-height:50px;min-width:104px;padding:.42rem .56rem;font-size:.71rem}.workflow-node--circle{min-width:72px;min-height:72px;padding:.5rem}.workflow-lock-icon{width:22px;height:22px}.workflow-node--circle.workflow-node--lock .workflow-node-label{font-size:.52rem}.workflow-parallel-row{grid-template-columns:12px minmax(0,1fr) 12px}.workflow-connector--mini{width:12px}.workflow-audit-panel{min-height:auto}}html:not(.dark) .workflow-canvas-wrap{border-color:#c8a96a52;background:#fff;box-shadow:0 18px 50px #0f172a0f}html:not(.dark) .workflow-node{border-color:#c8a96a73;background:#f8fafc;color:#0f172ad1}html:not(.dark) .workflow-node.is-active{background:#c8a96a14;border-color:#b88f4c99;color:#0f172a}html:not(.dark) .workflow-node[aria-current=step]{box-shadow:0 0 0 2px #b88f4c73,0 12px 24px #0f172a1f}html:not(.dark) .workflow-node-hint{color:#475569;border-color:#c8a96a73;background:#fff}html:not(.dark) .workflow-mobile-parallel,html:not(.dark) .workflow-parallel-group{border-color:#c8a96a47;background:#f8fafc}html:not(.dark) .workflow-parallel-label{color:#b88f4cf2}html:not(.dark) .workflow-connector{background:#b88f4c4d}html:not(.dark) .workflow-connector.is-active{background:#b88f4c80}html:not(.dark) .workflow-parallel-spine{background:#b88f4c4d}html:not(.dark) .workflow-parallel-spine.is-active{background:#b88f4c80}html:not(.dark) .workflow-audit-panel{border-color:#c8a96a52;background:#f8fafc}html:not(.dark) .workflow-audit-eyebrow{color:#b88f4cf2}html:not(.dark) .workflow-audit-body h3{color:#0f172a}html:not(.dark) .workflow-audit-body li{color:#475569}html:not(.dark) .workflow-audit-body li:before{background:#b88f4cbf}html:not(.dark) .workflow-lock-body,html:not(.dark) .workflow-lock-shackle-outer,html:not(.dark) .workflow-lock-keyhole-ring,html:not(.dark) .workflow-lock-key-stem{fill:#f2e6cb}html:not(.dark) .workflow-canvas-wrap{--wf-running: #2563eb;--wf-approved: #16a34a;--wf-closed: rgba(15, 23, 42, .32)}html:not(.dark) .workflow-parallel-spine.is-waiting{background:repeating-linear-gradient(to bottom,rgba(184,143,76,.45) 0 4px,transparent 4px 8px)}html:not(.dark) .workflow-node.workflow-node--approval.is-approved{border-color:#16a34a73}html:not(.dark) .workflow-node.workflow-node--approval.is-closed{border-color:#0f172a33;background:#f8fafc;color:#0f172a80}html:not(.dark) .workflow-approval-badge{border-color:#0f172a2e;color:#64748b}html:not(.dark) .workflow-approval-badge--required{border-color:#b88f4c99;background:#c8a96a24;color:#9a7a3f}html:not(.dark) .workflow-approval-badge.is-approved{border-color:#16a34a73;background:#16a34a14;color:#15803d}html:not(.dark) .workflow-approval-badge.is-closed{border-color:#0f172a33;background:transparent;color:#94a3b8}html:not(.dark) .workflow-policy-chip{border-color:#b88f4c66;background:#c8a96a14}html:not(.dark) .workflow-policy-chip.is-met{border-color:#16a34a66;background:#16a34a0f}html:not(.dark) .workflow-policy-chip-head{color:#9a7a3ff2}html:not(.dark) .workflow-policy-chip-count,html:not(.dark) .workflow-policy-chip-rules li{color:#475569}html:not(.dark) .workflow-policy-chip-rules strong{color:#0f172a}html:not(.dark) .workflow-policy-mark{border-color:#0f172a47}html:not(.dark) .workflow-policy-chip.is-met .workflow-policy-chip-head,html:not(.dark) .workflow-policy-chip.is-met .workflow-policy-chip-count,html:not(.dark) .workflow-policy-chip-rules li.is-met .workflow-policy-mark{border-color:var(--wf-approved);color:#15803d}html:not(.dark) .workflow-connector.is-approved{background:var(--wf-approved)}html:not(.dark) .workflow-connector.is-closed{background:repeating-linear-gradient(to right,var(--wf-closed) 0 3px,transparent 3px 6px)}html:not(.dark) .workflow-join-gate{border-color:#b88f4cd9;background:#fff}html:not(.dark) .workflow-join-gate.is-open{border-color:var(--wf-approved);background:var(--wf-approved)}@media(prefers-reduced-motion:reduce){.workflow-node,.workflow-connector,.workflow-audit-panel,.workflow-parallel-label,.workflow-node-hint,.workflow-parallel-spine,.workflow-lock-shackle,.workflow-approval-ring-fill,.workflow-approval-badge,.workflow-policy-chip,.workflow-policy-mark,.workflow-join-gate{transition:none;animation:none}}
