/* LEGACY EVOLVED — density on purple home-alive DNA. No empty black panels. */
:root {
  --le-bg: #050508;
  --le-purple: #8b5cf6;
  --le-cyan: #22d3ee;
  --le-wash: rgba(139, 92, 246, 0.14);
}
body.home-alive {
  background:
    radial-gradient(1200px 700px at 12% -10%, rgba(139,92,246,.22), transparent 55%),
    radial-gradient(900px 500px at 90% 10%, rgba(34,211,238,.08), transparent 50%),
    linear-gradient(180deg, #0a0614 0%, #050508 40%, #07060c 100%);
}
.le-planes-rail {
  display: flex; flex-wrap: wrap; gap: .35rem; justify-content: center;
  padding: .45rem .75rem;
  background: linear-gradient(90deg, rgba(79,70,229,.18), rgba(139,92,246,.14), rgba(34,211,238,.08));
  border-bottom: 1px solid rgba(139,92,246,.35);
  position: sticky; top: 28px; z-index: 80;
}
.le-plane {
  font: 600 .65rem JetBrains Mono, monospace;
  letter-spacing: .05em;
  color: #e9e5ff;
  background: rgba(17,24,39,.55);
  border: 1px solid rgba(139,92,246,.4);
  padding: .28rem .5rem;
  cursor: pointer;
}
.le-plane.is-active, .le-plane:hover {
  border-color: var(--le-cyan);
  box-shadow: 0 0 0 1px rgba(34,211,238,.25);
}
.le-truth-stack {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .75rem;
  margin: 1rem auto 1.5rem;
  max-width: 1100px;
}
@media (max-width: 960px) {
  .le-truth-stack { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 560px) {
  .le-truth-stack { grid-template-columns: 1fr; }
}
.le-card {
  background: linear-gradient(160deg, rgba(139,92,246,.16), rgba(17,24,39,.72));
  border: 1px solid rgba(139,92,246,.35);
  padding: .9rem 1rem;
  min-height: 150px;
}
.le-card h3 { margin: .2rem 0 .5rem; color: #f5f3ff; font-size: 1.05rem; }
.le-proof { margin: 0; padding-left: 1.1rem; color: #cbd5e1; font-size: .82rem; }
.le-badge {
  display: inline-block; margin-top: .5rem;
  font: 600 .68rem JetBrains Mono, monospace;
  color: #22d3ee; border: 1px solid rgba(34,211,238,.45);
  padding: .2rem .45rem;
}
#alive-architecture-map {
  background:
    radial-gradient(700px 320px at var(--rm-mx,50%) var(--rm-my,40%), rgba(139,92,246,.18), transparent 62%),
    linear-gradient(180deg, rgba(12,8,22,.55), rgba(5,5,8,.2));
}
.hx-shell {
  border-color: rgba(139, 92, 246, 0.35) !important;
  background: linear-gradient(180deg, rgba(18, 12, 32, 0.96), rgba(5, 5, 8, 0.98)) !important;
}
.hx-stage {
  background: radial-gradient(900px 500px at 30% 15%, rgba(139, 92, 246, 0.2) 0%, #050508 62%) !important;
}
body.le-mobile-vertical .alive-nav {
  display: flex; overflow-x: auto; gap: .5rem; max-width: 100%;
  -webkit-overflow-scrolling: touch;
}
body.le-mobile-vertical .alive-nav a { flex: 0 0 auto; white-space: nowrap; }
.le-staging-banner {
  position: sticky; top: 0; z-index: 9999;
  background: rgba(139,92,246,.2);
  border-bottom: 1px solid rgba(139,92,246,.5);
  color: #e9e5ff;
  font: 12px/1.4 JetBrains Mono, monospace;
  padding: .4rem 1rem; text-align: center;
}