/* ── HERO LANES CANVAS ── */
.hero-tech{min-height:100vh;padding-bottom:6rem}
.hero-lanes-canvas{position:absolute;inset:0;z-index:2;width:100%;height:100%;opacity:.6;cursor:default}

/* ── PIPELINE STATS ── */
.pipeline-stats .stats-bar{grid-template-columns:repeat(3,1fr);max-width:48rem;margin-left:auto;margin-right:auto;margin-top:1.5rem;position:static;z-index:auto}
.pipeline-flow{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap;position:relative}
.pipeline-stage{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border-radius:.5rem;background:rgba(255,255,255,0.04);border:1px solid var(--surface-200);transition:border-color .3s,box-shadow .3s;opacity:0;animation:pipeline-appear .4s ease forwards}
.pipeline-stage:nth-child(1){animation-delay:0s}
.pipeline-stage:nth-child(3){animation-delay:.15s}
.pipeline-stage:nth-child(5){animation-delay:.3s}
.pipeline-stage:nth-child(7){animation-delay:.45s}
.pipeline-stage:nth-child(9){animation-delay:.6s}
.pipeline-stage.active,.pipeline-stage:hover{border-color:var(--brand-400);box-shadow:0 0 12px rgba(20,184,166,0.15)}
.pipeline-stage-num{width:1.5rem;height:1.5rem;border-radius:50%;background:var(--brand-500);color:#fff;font-size:.6875rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .3s,box-shadow .3s}
.pipeline-stage.active .pipeline-stage-num{transform:scale(1.15);box-shadow:0 0 10px rgba(20,184,166,0.4)}
.pipeline-stage-name{font-size:.8125rem;font-weight:600;color:var(--surface-700);white-space:nowrap}
.pipeline-arrow-sm{color:var(--surface-300);font-size:1rem;flex-shrink:0;opacity:0;animation:pipeline-appear .3s ease forwards}
.pipeline-arrow-sm:nth-child(2){animation-delay:.08s}
.pipeline-arrow-sm:nth-child(4){animation-delay:.22s}
.pipeline-arrow-sm:nth-child(6){animation-delay:.38s}
.pipeline-arrow-sm:nth-child(8){animation-delay:.52s}

@keyframes pipeline-appear{
  from{opacity:0;transform:translateY(8px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes pipeline-pulse{
  0%,100%{border-color:var(--surface-200);box-shadow:none}
  50%{border-color:var(--brand-400);box-shadow:0 0 12px rgba(20,184,166,0.15)}
}

/* ── GLOBE ── */
.globe-wrap{position:relative;width:100%;height:500px;margin-top:2rem}
.globe-wrap canvas{width:100%;height:100%}