.interactive-workflow{--iw-ink: #0F172A;--iw-muted: #64748B;--iw-faint: #94A3B8;--iw-line: #E2E8F0;--iw-teal: #0EA5A4;--iw-teal-dark: #0A7D7C;--iw-teal-bg: #F0FBFA;background:#fff;color:var(--iw-ink);padding:28px 18px 38px;font:16px/1.55 ui-sans-serif,-apple-system,Segoe UI,Inter,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}.interactive-workflow *,.interactive-workflow *:before,.interactive-workflow *:after{box-sizing:border-box}.interactive-workflow .scroller{overflow-x:auto}.interactive-workflow .diagram{width:100%;margin:0 auto;position:relative;padding-left:48px}.interactive-workflow header{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:30px;flex-wrap:wrap}.interactive-workflow h1{font-size:32px;margin:0 0 8px;letter-spacing:-.02em;font-weight:700}.interactive-workflow header p{margin:0;color:var(--iw-muted);font-size:16.5px;max-width:70ch}.interactive-workflow .toggle{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--iw-muted);border:2px solid var(--iw-line);border-radius:999px;padding:9px 16px;background:#fff;cursor:pointer;font-weight:600;white-space:nowrap;transition:.2s}.interactive-workflow .toggle:hover{border-color:var(--iw-teal);color:var(--iw-teal-dark)}.interactive-workflow .toggle .dot{width:11px;height:11px;border-radius:50%;background:var(--iw-line);transition:.2s}.interactive-workflow.expanded .toggle{border-color:var(--iw-teal);color:var(--iw-teal-dark)}.interactive-workflow.expanded .toggle .dot{background:var(--iw-teal)}.interactive-workflow .band{border-radius:22px;padding:22px 26px 26px;position:relative}.interactive-workflow .band.offline{border:2px dashed var(--iw-faint);background:#fcfdfe}.interactive-workflow .band.live{border:2px solid var(--iw-teal);background:var(--iw-teal-bg)}.interactive-workflow .bandlabel{font-size:12.5px;letter-spacing:.22em;font-weight:700;color:var(--iw-faint);margin:0 0 18px}.interactive-workflow .band.live .bandlabel{color:var(--iw-teal-dark)}.interactive-workflow .row{display:grid;grid-template-columns:1fr 42px 1fr 42px 1fr;align-items:stretch}.interactive-workflow .chev{display:grid;place-items:center;color:var(--iw-faint)}.interactive-workflow .card{background:#fff;border:2px solid var(--iw-line);border-radius:16px;padding:22px 24px;height:274px;position:relative;transition:border-color .22s,box-shadow .22s,transform .22s}.interactive-workflow .card:hover{border-color:var(--iw-teal);transform:translateY(-3px);box-shadow:0 12px 28px -14px #0a7d7c59}.interactive-workflow .top{display:flex;align-items:center;gap:14px}.interactive-workflow .ic{color:var(--iw-teal-dark);display:block;line-height:0}.interactive-workflow .stage{font-size:12.5px;letter-spacing:.2em;font-weight:700;color:var(--iw-teal-dark)}.interactive-workflow .card h3{font-size:20.5px;margin:20px 0 0;letter-spacing:-.01em;font-weight:700}.interactive-workflow .swap{position:relative;margin-top:12px}.interactive-workflow .lead,.interactive-workflow .more{margin:0;transition:opacity .26s ease,transform .26s ease}.interactive-workflow .lead{color:var(--iw-muted);font-size:15px}.interactive-workflow .more{position:absolute;inset:0;list-style:none;padding:0;opacity:0;transform:translateY(8px)}.interactive-workflow .more li{position:relative;padding-left:18px;font-size:14px;color:#334155;margin-bottom:7px;opacity:0;transform:translateY(6px);transition:opacity .3s ease,transform .3s ease}.interactive-workflow .more li:before{content:"";position:absolute;left:0;top:7px;width:7px;height:7px;border-radius:50%;background:var(--iw-teal)}.interactive-workflow .card:hover .lead,.interactive-workflow.expanded .lead{opacity:0;transform:translateY(-8px)}.interactive-workflow .card:hover .more,.interactive-workflow.expanded .more,.interactive-workflow .card:hover .more li,.interactive-workflow.expanded .more li{opacity:1;transform:translateY(0)}.interactive-workflow .link{display:grid;place-items:center;padding:16px 0 14px}.interactive-workflow .link .lbl{font-size:14px;color:var(--iw-muted);font-weight:600;margin-bottom:4px}.interactive-workflow .link svg{display:block;color:var(--iw-faint)}.interactive-workflow .pulse{fill:var(--iw-teal);animation:interactive-workflow-drop 2.6s cubic-bezier(.5,0,.5,1) infinite}@keyframes interactive-workflow-drop{0%{transform:translateY(0);opacity:0}18%{opacity:1}78%{opacity:1}to{transform:translateY(44px);opacity:0}}.interactive-workflow .plant{margin-top:22px;border:2.5px solid var(--iw-ink);border-radius:16px;padding:18px;text-align:center;font-size:14px;font-weight:700;letter-spacing:.2em}.interactive-workflow .drops{display:grid;grid-template-columns:1fr 1fr;place-items:center;padding:10px 0 0;color:var(--iw-faint)}.interactive-workflow .rail{position:absolute;left:0;top:112px;bottom:34px;width:52px;border:2px solid var(--iw-faint);border-right:0;border-radius:16px 0 0 16px;pointer-events:none}.interactive-workflow .rail:after{content:"";position:absolute;top:-7px;right:-1px;width:0;height:0;border:7px solid transparent;border-left-color:var(--iw-faint)}.interactive-workflow .raillbl{position:absolute;left:-4px;top:50%;transform:translateY(-50%) rotate(-90deg);font-size:13.5px;color:var(--iw-muted);font-weight:600;white-space:nowrap;background:#fff;padding:5px 0}.interactive-workflow .hint{width:100%;margin:20px auto 0;padding-left:48px;color:var(--iw-faint);font-size:13.5px}@media (max-width: 900px){.interactive-workflow .diagram,.interactive-workflow .hint{width:980px}}