/* Presentation only: existing Beleg-Pipeline, rooted in the public marketing page. */
.sb:has(> .sb-nav) .sb-widget:has(.sb-flow) {
  background:#0c1817 !important;
  border:1px solid #2e5854 !important;
  border-radius:18px !important;
  box-shadow:0 24px 56px rgba(8,17,16,.16);
}
.sb:has(> .sb-nav) .sb-widget:has(.sb-flow) > div:first-child { border-bottom-color:#234441 !important; }
.sb:has(> .sb-nav) .sb-widget:has(.sb-flow) > div:first-child > span { color:#cfe8e4 !important; font-size:12px !important; }
.sb:has(> .sb-nav) .sb-flow { padding:24px 20px; }
.sb:has(> .sb-nav) .sb-flow-steps { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; align-items:stretch; }
.sb:has(> .sb-nav) .sb-flow-steps > span { position:relative; min-width:0; display:flex; }
.sb:has(> .sb-nav) .sb-flow-step { display:flex; flex-direction:column; justify-content:center; width:100%; min-width:0; min-height:96px; padding:14px 6px; border:1px solid #2e5854; border-radius:10px; background:#132725; color:#cfe8e4; font-size:13px; line-height:1.4; overflow-wrap:normal; }
.sb:has(> .sb-nav) .sb-flow-conf { color:#a9c6c2; font-size:12px; line-height:1.5; margin-top:8px; }
.sb:has(> .sb-nav) .sb-flow-step.done { background:#1a3331; border-color:#0c9c93; color:#f0faf8; }
.sb:has(> .sb-nav) .sb-flow-step.active { background:#234441; border-color:#2be8dc; color:#fff; box-shadow:0 0 0 1px rgba(43,232,220,.15); }
.sb:has(> .sb-nav) .sb-flow-step:is(.done,.active) .sb-flow-conf { color:#7feee2; }
.sb:has(> .sb-nav) .sb-flow-arrow { position:absolute; z-index:1; left:-11px; top:calc(50% - 9px); color:#7feee2; font-size:13px; line-height:18px; }
.sb:has(> .sb-nav) .sb-widget:has(.sb-flow) > div:last-child { gap:12px; flex-wrap:wrap; border-top-color:#234441 !important; color:#a9c6c2 !important; font-size:12px !important; line-height:1.5; }
.sb:has(> .sb-nav) .sb-widget:has(.sb-flow) > div:last-child strong { color:#f0faf8 !important; }
@media(max-width:600px) {
  .sb:has(> .sb-nav) .sb-flow { padding:20px; }
  .sb:has(> .sb-nav) .sb-flow-steps { grid-template-columns:minmax(0,1fr); gap:22px; }
  .sb:has(> .sb-nav) .sb-flow-step { flex-direction:row; align-items:center; justify-content:space-between; min-height:60px; padding:15px 18px; font-size:14px; }
  .sb:has(> .sb-nav) .sb-flow-conf { margin:0 0 0 16px; font-size:13px; }
  .sb:has(> .sb-nav) .sb-flow-arrow { top:-20px; left:calc(50% - 7px); transform:rotate(90deg); font-size:15px; }
}
@media(prefers-reduced-motion:reduce) {
  .sb:has(> .sb-nav) .sb-flow-step { transition:none; }
}