.bi-flow{grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:10px;margin-top:8px;display:grid}.bi-node{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px}.bi-node.mid{border-color:var(--accent);background:linear-gradient(135deg,#22d3ee0f,#4f7cff0a);box-shadow:0 0 0 1px #22d3ee40}.bi-node h4{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-size:.78rem}.bi-node.mid h4{color:var(--accent)}.bi-node ul{color:var(--text);margin:0;padding-left:16px;font-size:.84rem;line-height:1.7}.bi-arrow{color:var(--accent);text-align:center;font-size:1.3rem}.bi-stack-group{margin-bottom:18px}.bi-stack-group .gl{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:.74rem}.bi-chips{flex-wrap:wrap;gap:8px;display:flex}.bi-chip{background:var(--bg-elev,#ffffff08);border:1px solid var(--border);color:var(--text);border-radius:999px;padding:6px 13px;font-size:.82rem}.bi-pillar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:26px}.bi-pillar .pn{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-size:.72rem;font-weight:700}.bi-pillar h3{margin:8px 0 10px;font-size:1.2rem}@media (width<=820px){.bi-flow{grid-template-columns:1fr}.bi-arrow{transform:rotate(90deg)}}