.idea-network-hero{
  min-height:620px;
  background:
    radial-gradient(760px 420px at 72% 44%,rgba(69,224,200,.08),transparent 72%),
    linear-gradient(180deg,rgba(6,16,15,.12),rgba(6,16,15,.72));
}
.idea-network-hero .tagline{
  max-width:760px;
  color:#f6fbf8;
  font-size:clamp(24px,3.1vw,38px);
  line-height:1.45;
}
.idea-network-hero .tagline span{display:block;color:var(--gold)}

.signal-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border:1px solid var(--line-soft);
  background:var(--line-soft);
  gap:1px;
}
.signal-cell{
  min-height:220px;
  background:var(--ink-2);
  padding:32px 28px;
}
.signal-cell .n{
  display:block;
  color:var(--teal);
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.18em;
}
.signal-cell h3{
  margin:20px 0 12px;
  color:#f6fbf8;
  font-family:var(--font-cjk-display);
  font-size:20px;
  line-height:1.4;
  letter-spacing:.08em;
}
.signal-cell p{color:var(--dim);font-size:14px;line-height:1.78}

.network-viz{
  position:relative;
  display:grid;
  place-items:center;
  min-height:420px;
  overflow:hidden;
  border:1px solid var(--line-soft);
  background:
    linear-gradient(rgba(69,224,200,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(69,224,200,.035) 1px,transparent 1px),
    #071210;
  background-size:36px 36px;
}
.network-viz svg{width:100%;height:auto;max-height:440px}

.trajectory-flow{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:0;
  align-items:stretch;
  min-height:310px;
}
.trajectory-step{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  padding:24px 16px;
  border-top:1px solid var(--line-soft);
  border-bottom:1px solid var(--line-soft);
  color:var(--dim);
  text-align:center;
}
.trajectory-step:first-child{border-left:1px solid var(--line-soft)}
.trajectory-step:last-child{border-right:1px solid var(--line-soft)}
.trajectory-step:not(:last-child)::after{
  content:"";
  position:absolute;
  top:50%;right:-5px;
  z-index:2;
  width:9px;height:9px;
  border-top:1px solid var(--teal);
  border-right:1px solid var(--teal);
  background:var(--ink-2);
  transform:translateY(-50%) rotate(45deg);
}
.trajectory-step b{color:#f6fbf8;font-size:15px;line-height:1.45;font-weight:600}
.trajectory-step small{margin-top:9px;font-size:12px;line-height:1.55;color:var(--dim)}
.trajectory-step.human b{color:var(--gold)}

.relation-note{
  margin-top:22px;
  padding:18px 22px;
  border-left:2px solid var(--gold);
  background:rgba(217,168,78,.05);
  color:#afc2bc;
  font-size:14px;
  line-height:1.8;
}

@media (max-width:980px){
  .signal-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:700px){
  .idea-network-hero{min-height:560px}
  .signal-grid{grid-template-columns:1fr}
  .signal-cell{min-height:0}
  .network-viz{min-height:320px}
  .trajectory-flow{grid-template-columns:1fr;min-height:0}
  .trajectory-step{min-height:112px;border:1px solid var(--line-soft);border-top:none}
  .trajectory-step:first-child{border-top:1px solid var(--line-soft)}
  .trajectory-step:not(:last-child)::after{
    top:auto;right:50%;bottom:-5px;transform:translateX(50%) rotate(135deg);
  }
}