.section-head {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 64px;
  text-align: center;
}

.section-head > div { max-width: 720px; margin-inline: auto; }
.section-head .eyebrow { justify-content: center; }
.section-head h2 { margin-inline: auto; }
.section-head > p { max-width: 500px; margin-inline: auto; text-align: center; }

@media (min-width: 801px) {
  .section-head::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1px;
    height: min(72%, 132px);
    transform: translate(-50%, -50%);
    background: linear-gradient(180deg, transparent, rgba(4, 217, 255, 0.5), rgba(89, 103, 255, 0.36), transparent);
    box-shadow: 0 0 16px rgba(4, 217, 255, 0.09);
    pointer-events: none;
  }

  .overview .section-head::after,
  .modules .section-head::after {
    background: linear-gradient(180deg, transparent, rgba(41, 201, 124, 0.54), rgba(64, 184, 255, 0.4), transparent);
    box-shadow: 0 0 16px rgba(116, 240, 68, 0.1);
  }
}

@media (max-width: 800px) {
  .section-head { grid-template-columns: 1fr; gap: 24px; }
  .section-head::after { content: none; }
}
