/* ===== VALUE CHAIN — one partner (blueprint 07) ===== */
#valuechain { padding: var(--s7) 0; }

#valuechain .vc-chain {
  list-style: none; margin: var(--s5) 0 0; padding: 0;
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 0;
  counter-reset: none;
  border: 1px solid var(--line); border-radius: var(--radius-lg, 16px);
  overflow: hidden; background: var(--bg-elev);
}
#valuechain .vc-node {
  position: relative;
  padding: var(--s4);
  display: flex; flex-direction: column; gap: 4px;
  border-left: 1px solid var(--line);
}
#valuechain .vc-node:first-child { border-left: 0; }

/* connector arrow between nodes */
#valuechain .vc-node::after {
  content: "";
  position: absolute; top: 50%; right: -7px; z-index: 1;
  width: 12px; height: 12px;
  border-top: 2px solid var(--green); border-right: 2px solid var(--green);
  transform: translateY(-50%) rotate(45deg);
  background: var(--bg-elev);
}
#valuechain .vc-node:last-child::after { display: none; }

#valuechain .vc-num {
  font-family: var(--mono, ui-monospace, monospace);
  font-size: 12px; color: var(--green); font-weight: 700; letter-spacing: .06em;
}
#valuechain .vc-title { font-family: var(--font-head, sans-serif); font-weight: 800; font-size: 18px; color: var(--ink); }
#valuechain .vc-sub { font-size: 13px; color: var(--muted); }

@media (max-width: 780px) {
  #valuechain .vc-chain { grid-template-columns: 1fr; }
  #valuechain .vc-node { border-left: 0; border-top: 1px solid var(--line); }
  #valuechain .vc-node:first-child { border-top: 0; }
  #valuechain .vc-node::after {
    top: auto; bottom: -7px; right: 50%;
    transform: translateX(50%) rotate(135deg);
  }
}