.first-hero {
  background:
    radial-gradient(circle at 82% 15%, rgb(137 91 172 / 28%), transparent 24rem),
    linear-gradient(180deg, #2b193d 0, var(--canvas) 82%);
}

.lane-grid {
  display: grid;
  max-width: 900px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.lane-card {
  min-height: 260px;
  padding: 24px;
  border: 1px solid var(--line-soft);
  border-radius: 16px;
  background: var(--surface);
}

.lane-card:nth-child(2) {
  background: linear-gradient(160deg, rgb(34 64 153 / 45%), var(--surface));
}

.lane-card p {
  color: var(--muted);
}

@media (max-width: 760px) {
  .lane-grid { grid-template-columns: 1fr; }
  .lane-card { min-height: auto; }
}