.pipeline-wrapper{border:1px solid var(--color-border);background:linear-gradient(#1e3a5f08 0%,#fff 60%);border-radius:1.25rem;padding:2rem 1.5rem}@media (min-width:640px){.pipeline-wrapper{padding:2.5rem 2rem}}.pipeline-eyebrow{font-size:.65rem;font-weight:var(--font-weight-bold);letter-spacing:.18em;text-transform:uppercase;color:var(--color-brand);background:#1e3a5f0f;border-radius:100px;padding:.3rem .9rem;display:inline-block}.pipeline-title{font-size:1.6rem;font-weight:var(--font-weight-bold);color:var(--color-fg);margin-top:.75rem;line-height:1.25}@media (min-width:640px){.pipeline-title{font-size:2rem}}.pipeline-card{perspective:1200px}.pipeline-scene{padding:.5rem 0}.pipeline-row-label{text-align:center;font-size:.65rem;font-weight:var(--font-weight-semibold);letter-spacing:.14em;text-transform:uppercase;color:var(--color-fg-subtle);margin-bottom:.6rem}.pipeline-node{opacity:0;transition:opacity .5s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1);transform:translateY(20px)translateZ(0)}.pipeline-visible .pipeline-node{opacity:1;transform:translateY(0)translateZ(0)}.pipeline-visible .pipeline-node:first-child{transition-delay:0s}.pipeline-visible .pipeline-node:nth-child(2){transition-delay:80ms}.pipeline-visible .pipeline-node:nth-child(3){transition-delay:.16s}.pipeline-visible .pipeline-node:nth-child(4){transition-delay:.24s}.pipeline-visible .pipeline-node:nth-child(5){transition-delay:.32s}.pipeline-visible .pipeline-node:nth-child(6){transition-delay:.4s}.pipeline-visible .pipeline-node:nth-child(7){transition-delay:.48s}.pipeline-visible .pipeline-node:nth-child(8){transition-delay:.56s}.pipeline-visible .pipeline-node:nth-child(9){transition-delay:.64s}.source-chip-v2{border:1px solid var(--color-border);cursor:default;background:#fff;border-radius:1rem;flex-direction:column;align-items:center;gap:.45rem;padding:.65rem .5rem;transition:all .25s;display:flex}.source-chip-v2:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.source-icon{border-radius:.75rem;justify-content:center;align-items:center;width:2.4rem;height:2.4rem;font-size:1rem;transition:transform .2s;display:inline-flex}.source-chip-v2:hover .source-icon{transform:scale(1.1)}.source-label{font-size:.7rem;font-weight:var(--font-weight-semibold);color:var(--color-fg-muted);text-align:center;line-height:1.2}.pipeline-connector-v2{flex-direction:column;justify-content:center;align-items:center;gap:2px;height:44px;display:flex;position:relative}.pipeline-connector-v2:before{content:"";background:linear-gradient(to bottom, var(--color-brand), #1e3a5f26);opacity:0;border-radius:2px;flex:1;width:2px;transition:opacity .4s .3s}.pipeline-visible .pipeline-connector-v2:before{opacity:1}.connector-arrow{color:var(--color-brand);opacity:0;animation:none}.pipeline-visible .connector-arrow{opacity:.6;animation:2s ease-in-out infinite bounce-arrow}@keyframes bounce-arrow{0%,to{opacity:.6;transform:translateY(0)}50%{opacity:1;transform:translateY(3px)}}.pipeline-connector-v2 .flow-dot{background:var(--color-brand);opacity:0;border-radius:50%;width:6px;height:6px;position:absolute;box-shadow:0 0 6px #1e3a5f4d}.pipeline-visible .pipeline-connector-v2 .flow-dot{animation:1.8s ease-in-out infinite flow-down}@keyframes flow-down{0%{opacity:0;top:0}20%{opacity:1}80%{opacity:1}to{opacity:0;top:calc(100% - 6px)}}.stage-card-v2{border:1px solid var(--color-border);background:#fff;border-radius:1rem;align-items:center;gap:1rem;width:100%;max-width:28rem;padding:1rem 1.25rem;transition:all .25s;display:flex}.stage-card-v2:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.stage-highlight{background:linear-gradient(135deg,#1e3a5f05 0%,#fff 100%);border:1.5px solid #1e3a5f33;box-shadow:0 4px 20px #1e3a5f0f}.stage-final{background:linear-gradient(135deg,#dc262605 0%,#fff 100%);border-color:#dc262633}.stage-final:hover{border-color:#dc262666;box-shadow:0 8px 28px #dc262614}.stage-icon-lg{filter:saturate(.85)brightness(.95);border-radius:1rem;flex-shrink:0;justify-content:center;align-items:center;width:3.2rem;height:3.2rem;display:flex}.stage-body{flex-direction:column;gap:.15rem;min-width:0;display:flex}.stage-title-lg{font-size:.95rem;font-weight:var(--font-weight-bold);color:var(--color-fg)}.stage-desc{color:var(--color-fg-muted);font-size:.78rem;line-height:1.4}.stage-chips{flex-wrap:wrap;gap:.35rem;margin-top:.35rem;display:flex}.chip{font-size:.6rem;font-weight:var(--font-weight-semibold);letter-spacing:.04em;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-fg-muted);border-radius:100px;padding:.2rem .55rem}.edit-card{border:1px solid var(--color-border);text-align:center;background:#fff;border-radius:1rem;padding:1rem;transition:all .25s}.edit-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.edit-icon{border-style:solid;border-width:1px;border-radius:.75rem;justify-content:center;align-items:center;width:2.8rem;height:2.8rem;margin-bottom:.5rem;transition:transform .2s;display:inline-flex}.edit-card:hover .edit-icon{transform:scale(1.08)}.edit-title{font-size:.85rem;font-weight:var(--font-weight-bold);color:var(--color-fg)}.edit-desc{color:var(--color-fg-muted);margin-top:.2rem;font-size:.72rem;line-height:1.35}.stage-group{border:1px solid var(--color-border);background:linear-gradient(#f8fafc 0%,#fff 100%);border-radius:1.25rem;padding:1rem}@media (min-width:640px){.stage-group{padding:1.25rem}}.stage-group-label{font-size:.65rem;font-weight:var(--font-weight-bold);letter-spacing:.14em;text-transform:uppercase;color:var(--color-fg-subtle);text-align:center;margin-bottom:.75rem}.stage-group .edit-card{background:#fff;border-color:#0000}.stage-group .edit-card:hover{border-color:var(--color-border)}.cross-link-card{background:linear-gradient(135deg,#6366f108 0%,#fff 100%);border:1.5px dashed #1e3a5f40;border-radius:1rem;align-items:center;gap:.75rem;padding:.75rem 1rem;transition:all .25s;display:flex}.cross-link-card:hover{box-shadow:var(--shadow-card-hover)}.cross-link-icon{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:2.4rem;height:2.4rem;display:flex}.cross-link-body{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.cross-link-title{font-size:.82rem;font-weight:var(--font-weight-semibold);color:var(--color-fg)}.cross-link-desc{color:var(--color-fg-muted);font-size:.72rem;line-height:1.35}.cross-link-cta{font-size:.72rem;font-weight:var(--font-weight-bold);color:var(--color-brand);white-space:nowrap;flex-shrink:0;align-items:center;gap:.3rem;transition:gap .2s;display:inline-flex}.cross-link-card:hover .cross-link-cta{gap:.5rem}.browser-chips{flex-wrap:wrap;gap:.4rem;margin-top:.4rem;display:flex}.browser-chip{font-size:.65rem;font-weight:var(--font-weight-semibold);border:1px solid var(--color-border);color:var(--color-fg-muted);background:#fff;border-radius:100px;align-items:center;gap:.3rem;padding:.25rem .6rem;transition:all .2s;display:inline-flex}.browser-chip:hover{border-color:var(--color-brand);color:var(--color-fg)}.pipeline-badge{border:1px solid var(--color-border);font-size:.8rem;font-weight:var(--font-weight-semibold);color:var(--color-fg);background:linear-gradient(135deg,#1e3a5f08,#fff);border-radius:100px;align-items:center;gap:.5rem;padding:.5rem 1.2rem;transition:all .25s;display:inline-flex;box-shadow:0 2px 12px #1e3a5f0d}.pipeline-badge:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}@media (prefers-reduced-motion:reduce){.pipeline-node{opacity:1;transition:none;transform:none}.pipeline-connector-v2 .flow-dot,.connector-arrow{animation:none}}@keyframes dhbDotTravelRight{0%{opacity:0;left:-4px}15%{opacity:1}85%{opacity:1}to{opacity:0;left:calc(100% - 4px)}}@keyframes dhbDotTravelDown{0%{opacity:0;top:-4px}15%{opacity:1}85%{opacity:1}to{opacity:0;top:calc(100% - 4px)}}@media (prefers-reduced-motion:reduce){[style*=dhbDotTravel]{animation:none!important}}@keyframes dhbDotTravelLeft{0%{opacity:0;left:calc(100% - 4px)}15%{opacity:1}85%{opacity:1}to{opacity:0;left:-4px}}.dhb-snake-grid{flex-direction:column;gap:1.5rem;display:flex}@media (min-width:1024px){.dhb-snake-grid{grid-template-columns:var(--snake-cols,repeat(2, minmax(0, 1fr)));gap:4rem 3.5rem;display:grid}}