.bp{position:relative;width:min(360px,82%);transform-style:preserve-3d;transform:rotateX(24deg) rotateY(-20deg) rotate(3deg) scale(.96);transition:transform 1.1s var(--ease)}.bp__plane{padding:1.3rem;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#0c0f18db;box-shadow:0 60px 90px -40px #000000f2,0 0 70px -30px color-mix(in srgb,var(--accent, #4f7dff) 70%,transparent);transform-style:preserve-3d}.bp__label{margin-bottom:.9rem;font-family:var(--mono);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-3)}.bp__flow{display:grid;gap:.6rem;counter-reset:bp;transform-style:preserve-3d}.bp__flow li{--z: 0;position:relative;display:flex;align-items:center;gap:.75rem;padding:.55rem .8rem;border-radius:9px;border:1px solid var(--line);background:#ffffff06;font-size:.84rem;font-weight:600;transform:translateZ(calc(var(--z) * 1px));transition:transform .9s var(--ease),border-color .5s}.bp__flow li:before{counter-increment:bp;content:counter(bp,decimal-leading-zero);font-family:var(--mono);font-size:.64rem;color:var(--text-3)}.bp__flow li:not(:last-child):after{content:"";position:absolute;left:1.25rem;bottom:-.62rem;width:1px;height:.62rem;background:color-mix(in srgb,var(--accent, #4f7dff) 70%,transparent)}.bp__flow li:first-child,.bp__flow li:last-child{border-color:color-mix(in srgb,var(--accent, #4f7dff) 50%,transparent)}