.nbf{--ink: #1a1a2e;--surface: #ffffff;--border: #e4e2de;--muted: #5c5c5c;--brass: #b5935a;--brass-text: #7a5c28;--brass-tint: #f3ece0;--tint: #f3f1ec;--ease: cubic-bezier(.22, .61, .36, 1);width:100%}.nbf__frame{position:relative;display:grid;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 1px 2px #1a1a2e0a,0 12px 32px -18px #1a1a2e2e;overflow:hidden}.nbf__slide{grid-area:1 / 1;padding:28px;opacity:0;transform:translateY(8px);visibility:hidden;transition:opacity .5s var(--ease),transform .5s var(--ease),visibility 0s .5s}.nbf__slide.is-active{opacity:1;transform:none;visibility:visible;transition:opacity .5s var(--ease),transform .5s var(--ease)}.nbf__label{margin:0;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--brass-text)}.nbf__title{margin:12px 0 0;font-size:24px;line-height:1.2;font-weight:500;color:var(--ink)}.nbf__text{margin:10px 0 0;font-size:15px;line-height:1.55;color:var(--muted);max-width:40ch}.nbf-svg{display:block;width:100%;height:auto;margin-top:24px;overflow:visible}.nbf-svg .t{font-family:inherit;font-size:13px;fill:var(--ink)}.nbf-svg .t--sm{font-size:11.5px}.nbf-svg .t--b{font-weight:500}.nbf-svg .t--brass{fill:var(--brass-text)}.nbf-svg .t--muted{fill:var(--muted)}.nbf-svg .node{fill:var(--tint);stroke:var(--border)}.nbf-svg .node--brass{fill:var(--brass-tint);stroke:var(--brass)}.nbf-svg .card{fill:#fdfcfa;stroke:var(--border)}.nbf-svg .rule{stroke:var(--border)}.nbf-svg .rule--dash{stroke-dasharray:3 4}.nbf-svg .num{fill:var(--surface);stroke:var(--brass)}.nbf-svg .lane{fill:var(--tint)}.nbf-svg .person{fill:none;stroke:var(--muted);stroke-width:1.4;stroke-linecap:round}.nbf-svg .dot{fill:var(--brass)}.nbf-svg .spark{fill:transparent;font-size:13px;transition:fill .4s var(--ease) 1s}.nbf-svg .spark--on{fill:var(--brass)}.nbf-svg .fi{opacity:0;transition:opacity .5s var(--ease) var(--d, 0ms)}.nbf__slide.is-active .fi{opacity:1}.nbf-svg .draw{fill:none;stroke:var(--brass);stroke-width:1.4;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .9s var(--ease) var(--d, 0ms)}.nbf-svg .draw--line{stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition-duration:1.2s}.nbf__slide.is-active .draw{stroke-dashoffset:0}.nbf-svg .tile{fill:var(--surface);stroke:var(--border);transition:fill .4s var(--ease),stroke .4s var(--ease)}.nbf-svg .hit .tile{transition-delay:1s}.nbf__slide.is-active .hit .tile{fill:var(--brass-tint);stroke:var(--brass)}.nbf__slide.is-active .hit .spark{fill:var(--brass)}.nbf-svg .bar{fill:var(--brass);transform-box:fill-box;transform-origin:left center;transform:scaleX(0);transition:transform .7s var(--ease) var(--d, 0ms)}.nbf__slide.is-active .bar{transform:scaleX(1)}.nbf-svg .pill-draft{fill:var(--surface);stroke:var(--border);transition:fill .4s var(--ease) 1.5s,stroke .4s var(--ease) 1.5s}.nbf-svg .pill-draft__t{fill:var(--muted);transition:opacity .3s var(--ease) 1.5s}.nbf-svg .pill-ok__t{fill:#2f6b4f;opacity:0;transition:opacity .3s var(--ease) 1.5s}.nbf__slide.is-active .pill-draft{fill:#e4efe8;stroke:#2f6b4f}.nbf__slide.is-active .pill-draft__t{opacity:0}.nbf__slide.is-active .pill-ok__t{opacity:1}.nbf-svg .flow{fill:none;stroke:var(--brass);stroke-width:1.6;stroke-dasharray:4 6;animation:nbf-flow .9s linear infinite;animation-play-state:paused}.nbf__slide.is-active .flow{animation-play-state:running}@keyframes nbf-flow{to{stroke-dashoffset:-20}}.nbf-svg .loop{fill:none;stroke:var(--brass);stroke-width:1.4;stroke-dasharray:6 7;transform-box:fill-box;transform-origin:center;animation:nbf-spin 14s linear infinite;animation-play-state:paused}.nbf__slide.is-active .loop{animation-play-state:running}@keyframes nbf-spin{to{transform:rotate(360deg)}}.nbf__rail{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:16px}.nbf__step{appearance:none;border:0;background:none;padding:0;text-align:left;cursor:pointer;font:inherit;color:var(--muted)}.nbf__bar{display:block;height:2px;background:var(--border);border-radius:1px;overflow:hidden}.nbf__bar i{display:block;height:100%;width:0;background:var(--brass)}.nbf__step.is-done .nbf__bar i{width:100%}.nbf__step.is-active .nbf__bar i{animation:nbf-fill linear forwards;animation-duration:var(--dur, 4.5s)}.nbf.is-paused .nbf__step.is-active .nbf__bar i{animation-play-state:paused}.nbf__name{display:block;font-size:12px;margin-top:8px;white-space:nowrap}.nbf__step.is-active .nbf__name{color:var(--ink)}.nbf__step:focus-visible{outline:2px solid var(--brass);outline-offset:4px;border-radius:2px}@keyframes nbf-fill{0%{width:0}to{width:100%}}.nbf__foot{display:flex;justify-content:flex-end;margin-top:12px}.nbf__btn{appearance:none;border:1px solid var(--border);background:var(--surface);border-radius:15px;padding:4px 12px;font:inherit;font-size:12px;color:var(--ink);cursor:pointer}@media(max-width:480px){.nbf__slide{padding:24px 22px 28px}.nbf__title{font-size:22px}.nbf__name{font-size:11px}}@media(prefers-reduced-motion:reduce){.nbf__slide,.nbf-svg *{transition:none!important;animation:none!important}.nbf__step.is-active .nbf__bar i{animation:none;width:100%}}