/* Hero architecture correction — API / IA / DATA are connected capabilities of the automation engine. */

.aa-node-row {
  position: relative;
  padding-top: 18px;
  padding-bottom: 18px;
}

/* Shared bus from AUTOMATISATION to API / IA / DATA. */
.aa-node-row::before,
.aa-node-row::after {
  content: "";
  position: absolute;
  left: 16.666%;
  right: 16.666%;
  height: 1px;
  z-index: 0;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.18),
    rgba(255, 116, 39, 0.58) 35%,
    rgba(202, 46, 224, 0.48) 50%,
    rgba(255, 116, 39, 0.58) 65%,
    rgba(255, 255, 255, 0.18)
  );
  box-shadow: 0 0 12px rgba(255, 116, 39, 0.08);
}

.aa-node-row::before { top: 0; }
.aa-node-row::after { bottom: 0; }

/* Each capability plugs into the upper bus and feeds the lower execution bus. */
.aa-node-small {
  position: relative;
  z-index: 2;
}

.aa-node-small::before,
.aa-node-small::after {
  content: "";
  position: absolute;
  left: 50%;
  width: 1px;
  height: 18px;
  transform: translateX(-50%);
  background: rgba(255, 255, 255, 0.28);
  z-index: -1;
}

.aa-node-small::before { top: -18px; }
.aa-node-small::after { bottom: -18px; }

.aa-node-ai::before,
.aa-node-ai::after {
  background: linear-gradient(180deg, rgba(255, 116, 39, 0.42), rgba(202, 46, 224, 0.72));
  box-shadow: 0 0 8px rgba(202, 46, 224, 0.18);
}

/* Keep the main animated vertical path: core -> capability bus -> execution bus. */
.aa-flow-2,
.aa-flow-3 {
  background: rgba(255, 255, 255, 0.28);
}

/* The old diagonal placeholders are no longer needed: the shared bus expresses the architecture more clearly. */
.aa-flow-diagonal {
  display: none !important;
}

@media (max-width: 780px) {
  .aa-node-row {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .aa-node-row::before,
  .aa-node-row::after {
    left: 16%;
    right: 16%;
  }

  .aa-node-small::before,
  .aa-node-small::after {
    height: 15px;
  }

  .aa-node-small::before { top: -15px; }
  .aa-node-small::after { bottom: -15px; }
}