/* Pipeline — 6 cards with cyan arrows */
.pipeline {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 0;
  align-items: stretch;
  position: relative;
}
.pipeline .gcard {
  margin: 0 12px;
  text-align: left;
}
.pipeline__arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: var(--cyan);
  width: 16px; height: 16px;
  filter: drop-shadow(0 0 6px rgba(0,255,255,0.6));
  pointer-events: none;
}
.pipeline__cell {
  position: relative;
  display: flex;
  align-items: stretch;
}
.pipeline__cell:not(:last-child)::after {
  content: "";
  position: absolute;
  right: -8px; top: 50%;
  width: 16px; height: 16px;
  transform: translateY(-50%);
  background: none;
  border-right: 1.5px solid var(--cyan);
  border-top: 1.5px solid var(--cyan);
  rotate: 45deg;
  filter: drop-shadow(0 0 6px rgba(0,255,255,0.5));
  pointer-events: none;
}

@media (max-width: 1100px){
  .pipeline { grid-template-columns: repeat(3, 1fr); row-gap: 48px; }
  .pipeline .gcard { margin: 0 8px; }
  .pipeline__cell:nth-child(3n)::after { display: none; }
  .pipeline__cell:nth-child(3n)::before {
    content: "";
    position: absolute;
    left: 50%; bottom: -30px;
    width: 1px; height: 22px;
    background: var(--cyan);
    box-shadow: var(--glow-cyan-sm);
    transform: translateX(-50%);
  }
}
@media (max-width: 700px){
  .pipeline { grid-template-columns: 1fr; row-gap: 32px; }
  .pipeline__cell::after {
    right: 50% !important; top: auto !important; bottom: -22px !important;
    transform: translateX(50%) rotate(135deg) !important;
  }
  .pipeline__cell:last-child::after { display: none; }
}