.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}}.dhb-standalone-grid{--sa-gap:3.5rem;flex-direction:column;gap:1.5rem;display:flex}@media (min-width:1024px){.dhb-standalone-grid{justify-content:center;align-items:stretch;column-gap:var(--sa-gap);flex-flow:wrap;row-gap:4rem}.dhb-standalone-grid>*{width:calc((100% - (var(--sa-cols,3) - 1) * var(--sa-gap)) / var(--sa-cols,3) * var(--sa-span,1) + (var(--sa-span,1) - 1) * var(--sa-gap))}}.dhb-pulse{animation:2.8s cubic-bezier(.4,0,.6,1) infinite dhbPulseRing}@keyframes dhbPulseRing{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--dhb-pulse,#8b5cf6) 38%, transparent)}70%{box-shadow:0 0 0 10px color-mix(in srgb, var(--dhb-pulse,#8b5cf6) 0%, transparent)}to{box-shadow:0 0 0 0 color-mix(in srgb, var(--dhb-pulse,#8b5cf6) 0%, transparent)}}@media (prefers-reduced-motion:reduce){.dhb-pulse{animation:none}}
.p3d-stage{aspect-ratio:16/8.8;color:#e8eaee;-webkit-user-select:none;user-select:none;background:radial-gradient(120% 90% at 50% 40%,#16213a 0%,#0d111a 55%,#090b10 100%);border:1px solid #262b35;border-radius:20px;width:100%;min-height:380px;position:relative;overflow:hidden}@media (max-width:640px){.p3d-stage{aspect-ratio:9/16;border-radius:16px;max-height:88svh}}.p3d-canvas{touch-action:pan-y;width:100%;height:100%;display:block}.p3d-loading{color:#8b93a3;letter-spacing:.02em;place-items:center;font-size:13px;display:grid;position:absolute;inset:0}.p3d-steps{z-index:4;gap:6px;margin:0;padding:0;list-style:none;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.p3d-step{white-space:nowrap;cursor:pointer;font:600 12px/1 var(--font-sans,system-ui);color:#8b93a3;background:#0d121cc7;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:6px;padding:7px 11px;transition:color .3s,border-color .3s,background-color .3s,box-shadow .3s;display:flex}.p3d-step:hover:not(:disabled){color:#dfe7f5;border-color:#2d88ff80}.p3d-step:disabled{cursor:default}.p3d-step b{color:#cfd6e2;background:#262c38;border-radius:50%;place-items:center;width:18px;height:18px;font-size:11px;display:inline-grid}.p3d-step.is-on{color:#fff;background:#2d88ff47;border-color:#2d88ffb3;box-shadow:0 0 18px #2d88ff59}.p3d-step.is-on b{color:#fff;background:#2d88ff}.p3d-step.is-done b{color:#fff;background:#22c55e}.p3d-stage.is-narrow .p3d-steps li:not(:has(.is-on)){display:none}.p3d-hint{z-index:4;pointer-events:none;text-overflow:ellipsis;white-space:nowrap;max-width:94%;font:600 12px/1.3 var(--font-sans,system-ui);color:#cfe3ff;background:#141e32b8;border:1px solid #4db2ff40;border-radius:10px;padding:6px 12px;position:absolute;top:50px;left:50%;overflow:hidden;transform:translate(-50%)}.p3d-stage.is-narrow .p3d-hint{display:none}.p3d-mode{z-index:4;pointer-events:none;font:700 11px/1 var(--font-sans,system-ui);color:#e9ddff;background:#7c3aed40;border:1px solid #a78bfa99;border-radius:999px;padding:6px 10px;position:absolute;top:50px;right:14px}.p3d-mode.is-user{color:#d9ffe7;background:#22c55e2e;border-color:#4ade8099}.p3d-stage.is-narrow .p3d-mode{inset:auto auto 12px 12px}.p3d-lbl{z-index:2;pointer-events:none;white-space:nowrap;letter-spacing:.12em;text-transform:uppercase;color:#cfe3ff;background:#0d1422b8;border:1px solid #4db2ff59;border-radius:999px;padding:6px 10px;font:600 12px/1.2 ui-monospace,Consolas,monospace;position:absolute;transform:translate(-50%,-50%)}.p3d-lbl-green{color:#c9ffe1;border-color:#4ade8073}.p3d-tip{z-index:8;pointer-events:none;opacity:0;background:#0a0e16f5;border:1px solid #60a5fa8c;border-radius:10px;max-width:300px;padding:9px 11px;transition:opacity .12s;position:absolute;box-shadow:0 10px 30px #00000080}.p3d-tip b{color:#fff;margin-bottom:3px;font-size:13px;display:block}.p3d-tip span{color:#c4cbd8;font-size:12px;line-height:1.45;display:block}.p3d-tip i{color:#86efac;margin-top:5px;font-size:11px;font-style:normal;display:block}.p3d-hs{z-index:5;pointer-events:none;align-items:center;gap:6px;display:flex;position:absolute;transform:translate(-11px,-50%)}.p3d-hs.is-left{flex-direction:row-reverse;transform:translate(calc(11px - 100%),-50%)}.p3d-hs-dot{pointer-events:auto;cursor:help;color:#111;text-align:center;background:#f59e0b;border-radius:50%;flex:none;width:22px;height:22px;font:800 11px/22px system-ui;animation:2s infinite p3d-pulse}.p3d-hs-tx{font:700 11px/1.2 var(--font-sans,system-ui);color:#fff;white-space:nowrap;background:#0a0e16d9;border:1px solid #f59e0b99;border-radius:7px;padding:4px 7px}.p3d-stage.is-narrow .p3d-hs-tx{display:none}@keyframes p3d-pulse{0%{box-shadow:0 0 #f59e0b8c}70%{box-shadow:0 0 0 10px #f59e0b00}to{box-shadow:0 0 #f59e0b00}}.p3d-hud{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;display:flex}.p3d-hud button{font:600 12px/1 var(--font-sans,system-ui);cursor:pointer;border:1px solid var(--color-border);background:var(--color-surface,transparent);color:var(--color-fg);border-radius:8px;padding:9px 12px}.p3d-hud button.is-on{border-color:var(--color-brand);color:var(--color-brand)}.p3d-hud button:disabled{opacity:.5;cursor:default}