/* Interactive content within the existing AIFusionX page sections. */
[data-process-demo]{color:#17141d;scroll-margin-top:115px}[data-process-demo] [hidden]{display:none!important}.demo-scenarios{border:0;padding:0;margin:30px 0 36px;display:flex;flex-wrap:wrap;gap:12px}.demo-scenarios legend{font-weight:600;margin-bottom:15px}.demo-scenarios label{background:#fff;border:1px solid #cbc4dc;border-radius:30px;padding:13px 18px;cursor:pointer;display:flex;gap:10px;align-items:center}.demo-scenarios label:has(input:checked){border-color:#6904f2;background:#eee5ff}.demo-scenarios input,.demo-approval input{accent-color:#6904f2;flex-shrink:0;width:18px;height:18px}.demo-workspace{display:grid;grid-template-columns:minmax(210px,.65fr) minmax(0,1.65fr);gap:40px;align-items:start}.demo-steps{list-style:none;margin:0;padding:0}.demo-steps li{border-bottom:1px solid #cdc6dc;padding:22px 12px;display:flex;gap:18px;align-items:baseline;font-size:18px;color:#62586f}.demo-steps li span{font-size:12px}.demo-steps .is-active{color:#6904f2;font-weight:600;border-color:#6904f2}.demo-steps .is-done{color:#342444}.demo-surface{background:#fff;border:1px solid #ded8e8;border-radius:24px;padding:36px;box-shadow:0 10px 0 #dcd7e6;min-width:0}.demo-panel h3{font-size:32px;line-height:1.2;letter-spacing:-.7px;margin:14px 0 24px}.demo-panel h3:focus{outline:none}.demo-panel p{font-size:16px;line-height:1.7}.demo-panel blockquote{font-size:24px;line-height:1.5;margin:15px 0 25px}.demo-panel .mini-label{color:#6904f2}.demo-facts{margin:0 0 25px}.demo-facts>div{display:flex;justify-content:space-between;gap:24px;padding:16px 0;border-bottom:1px solid #e6e0ec}.demo-facts dt{color:#62586f}.demo-facts dd{margin:0;text-align:right;max-width:60%;font-weight:500}.demo-alert{background:#fff6dd;border:1px solid #e6d4a0;border-radius:16px;padding:22px;margin:20px 0}.demo-alert p{margin:0 0 20px}.demo-total{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#f2edfc;border-radius:16px;padding:24px;margin:22px 0}.demo-total strong{font-size:30px;white-space:nowrap}.demo-approval{display:flex;gap:14px;align-items:flex-start;font-size:18px;line-height:1.5;cursor:pointer}.demo-controls{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:30px;border-top:1px solid #e6e0ec;padding-top:24px}.demo-controls button:disabled{opacity:.35;cursor:not-allowed}.demo-json{background:#f3f0f8;border-radius:16px;padding:20px;font-size:13px;line-height:1.5;overflow:auto;max-height:320px}.demo-panel .button{white-space:normal;text-align:left}.demo-panel .table-wrap{margin-bottom:22px}.demo-panel table{min-width:310px}.demo-panel .status-label{color:#6904f2;border-color:#d4c5ef}.demo-panel{animation:demo-in .22s ease-out}@keyframes demo-in{from{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.demo-panel{animation:none}}@media(max-width:900px){.demo-workspace{grid-template-columns:1fr;gap:25px}.demo-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0 12px}.demo-steps li{padding:12px 0;font-size:13px;gap:6px}.demo-surface{padding:26px}}@media(max-width:480px){.demo-surface{padding:22px 17px}.demo-panel h3{font-size:27px}.demo-panel blockquote{font-size:20px}.demo-total{padding:18px;flex-wrap:wrap}.demo-total strong{font-size:27px}.demo-facts>div{gap:12px;font-size:14px}.demo-scenarios{gap:8px}.demo-scenarios label{padding:10px 13px;font-size:14px}.demo-alert{padding:17px}}

.demo-panel h3{scroll-margin-top:120px}