/* P6 — public product integration · density + conference path · no truth/motion subsystem changes */
:root {
  --p6-gap: clamp(1.5rem, 3vw, 2.25rem);
  --p6-ink: #e2e8f0;
  --p6-muted: #94a3b8;
  --p6-line: rgba(148, 163, 184, 0.28);
  --p6-accent: #22d3ee;
}

/* Condense section rhythm without redesign */
body.home-alive .section.section-cockpit {
  padding-block: clamp(1.5rem, 3.2vw, 2.5rem);
}

body.home-alive #hero.section-cockpit,
body.home-alive #hero.hero {
  padding-bottom: var(--p6-gap);
}

/* Hide redundant SYNCING chip — status strip + ticker remain */
body.home-alive #fp-public-state {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Conference 60s path */
#p6-journey {
  padding-block: 0.75rem 0.25rem;
  border-bottom: 1px solid var(--p6-line);
}
.p6-journey-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.5rem 0.85rem;
}
.p6-journey-label {
  font-size: 0.72rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--p6-muted);
  margin: 0;
}
.p6-journey-steps {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 0.65rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.p6-journey-steps a {
  color: var(--p6-ink);
  text-decoration: none;
  font-size: 0.88rem;
  border-bottom: 1px solid transparent;
}
.p6-journey-steps a:hover,
.p6-journey-steps a:focus-visible {
  border-bottom-color: var(--p6-accent);
  color: #fff;
}
.p6-journey-steps li:not(:last-child)::after {
  content: "→";
  margin-left: 0.65rem;
  color: var(--p6-muted);
  font-size: 0.75rem;
}

/* Evidence: demote legacy plane chips */
#helix-relay .legacy-planes {
  opacity: 0.55;
  font-size: 0.72rem;
  margin-top: 0.5rem;
}

/* Join / product density */
#join-nexus .join-value-block {
  max-width: 42rem;
  margin-bottom: 0.85rem;
}
#join-nexus .join-value-block p {
  margin: 0 0 0.4rem;
}
#product-api .alive-section-lead {
  max-width: 36rem;
}

/* Pulse/markets after story — slightly tighter heads */
#nexus-pulse .section-head,
#live-markets .section-head {
  margin-bottom: 0.75rem;
}

@media (max-width: 640px) {
  .p6-journey-steps li:not(:last-child)::after {
    display: none;
  }
  body.home-alive .hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  #p6-journey * {
    transition: none !important;
  }
}