/* Launch Intelligence — Hero Control Bar (scoped to #page-ai-insights only) */

#page-ai-insights .li-hero {
  position: relative;
  margin-bottom: 18px;
  padding: 14px 16px 12px;
  background: var(--surface-card-grad);
  border: 1px solid rgba(15, 168, 157, 0.16);
  border-radius: 12px;
  box-shadow:
    var(--surface-shadow),
    var(--surface-glow),
    0 6px 28px rgba(0, 0, 0, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    inset 0 0 0 1px rgba(15, 168, 157, 0.07);
  overflow: hidden;
  isolation: isolate;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}

/* Launch grid — teal/cyan lines + node points */
#page-ai-insights .li-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(circle, rgba(15, 168, 157, 0.16) 0.8px, transparent 0.8px),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 23px,
      rgba(15, 168, 157, 0.05) 23px,
      rgba(15, 168, 157, 0.05) 24px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 23px,
      rgba(56, 189, 181, 0.04) 23px,
      rgba(56, 189, 181, 0.04) 24px
    ),
    linear-gradient(118deg, rgba(15, 168, 157, 0.055), transparent 50%);
  background-size: 24px 24px, 100% 100%, 100% 100%, 100% 100%;
  opacity: 0.7;
}

/* Connection-line glow — very low opacity ambient layer */
#page-ai-insights .li-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    linear-gradient(
      128deg,
      transparent 38%,
      rgba(15, 168, 157, 0.045) 48%,
      transparent 58%
    ),
    linear-gradient(
      52deg,
      transparent 52%,
      rgba(56, 189, 181, 0.035) 60%,
      transparent 68%
    ),
    radial-gradient(ellipse 42% 55% at 50% 42%, rgba(15, 168, 157, 0.09), transparent 62%),
    radial-gradient(ellipse 75% 45% at 12% 88%, rgba(15, 168, 157, 0.07), transparent 58%),
    radial-gradient(ellipse 55% 38% at 92% 12%, rgba(15, 168, 157, 0.055), transparent 52%);
  opacity: 0.58;
  animation: li-hero-ambient-pulse 16s ease-in-out infinite;
}

@keyframes li-hero-ambient-pulse {
  0%,
  100% {
    opacity: 0.5;
  }
  50% {
    opacity: 0.68;
  }
}

@media (prefers-reduced-motion: reduce) {
  #page-ai-insights .li-hero::after {
    animation: none;
    opacity: 0.58;
  }
}

#page-ai-insights .li-hero > * {
  position: relative;
  z-index: 1;
}

#page-ai-insights .li-hero-kicker {
  position: relative;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--accent-teal-hover);
  margin-bottom: 14px;
  padding-bottom: 10px;
  line-height: 1.25;
  text-shadow:
    0 0 16px rgba(15, 168, 157, 0.2),
    0 0 2px rgba(15, 168, 157, 0.1);
  border-bottom: 1px solid rgba(15, 168, 157, 0.2);
  box-shadow: 0 1px 0 rgba(15, 168, 157, 0.28);
}

#page-ai-insights .li-hero-kicker::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 52px;
  height: 2px;
  border-radius: 1px;
  background: linear-gradient(90deg, rgba(15, 168, 157, 0.7), rgba(15, 168, 157, 0.12));
}

#page-ai-insights .li-hero-bar {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns:
    minmax(0, 1fr)
    minmax(0, 1.12fr)
    minmax(0, 0.92fr)
    minmax(0, 1.02fr)
    minmax(0, 0.86fr);
  gap: 1px;
  background: rgba(15, 168, 157, 0.12);
  border: 1px solid rgba(15, 168, 157, 0.16);
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 14px rgba(0, 0, 0, 0.14);
}

#page-ai-insights .li-hero-panel {
  position: relative;
  z-index: 1;
  min-width: 0;
  padding: 12px 14px;
  background: linear-gradient(180deg, rgba(11, 23, 26, 0.98), rgba(7, 17, 20, 0.98));
  display: flex;
  flex-direction: column;
  gap: 8px;
}

#page-ai-insights .li-hero-panel-label {
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--text-faint);
  line-height: 1.2;
}

#page-ai-insights .li-hero-field {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

#page-ai-insights .li-hero-field-k {
  font-size: 10px;
  color: var(--text-dim);
  letter-spacing: 0.02em;
}

#page-ai-insights .li-hero-field-v {
  font-size: 13px;
  font-weight: 600;
  color: var(--text-main);
  line-height: 1.3;
  word-break: break-word;
}

#page-ai-insights .li-hero-field-v.mono {
  font-family: "JetBrains Mono", monospace;
  font-size: 12px;
  font-weight: 500;
}

#page-ai-insights .li-hero-field-v.muted {
  color: var(--text-dim);
  font-weight: 500;
}

#page-ai-insights .li-hero-utility-chip {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  padding: 2px 8px;
  border-radius: 6px;
  font-size: 12px;
  border: 1px solid transparent;
  transition:
    color 0.2s ease,
    border-color 0.2s ease,
    background 0.2s ease;
}

#page-ai-insights .li-hero-utility-chip:not(.muted) {
  color: var(--accent-teal-hover);
  background: rgba(15, 168, 157, 0.08);
  border-color: rgba(15, 168, 157, 0.18);
}

/* Collection status — launch state indicator */
#page-ai-insights .li-hero-state-row {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

#page-ai-insights .li-hero-state-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  flex-shrink: 0;
  background: var(--accent-teal);
  box-shadow: 0 0 8px rgba(15, 168, 157, 0.35);
}

#page-ai-insights .li-hero-state-dot.is-draft {
  background: rgba(148, 163, 184, 0.85);
  box-shadow: 0 0 6px rgba(148, 163, 184, 0.2);
}

#page-ai-insights .li-hero-state-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 600;
  color: var(--accent-teal-hover);
  padding: 3px 8px;
  border-radius: 999px;
  background: rgba(15, 168, 157, 0.1);
  border: 1px solid rgba(15, 168, 157, 0.18);
}

#page-ai-insights .li-hero-state-pill.is-draft {
  color: var(--text-dim);
  background: rgba(148, 163, 184, 0.08);
  border-color: rgba(148, 163, 184, 0.16);
}

#page-ai-insights .li-hero-state-dot.is-awaiting {
  background: rgba(56, 189, 181, 0.85);
  box-shadow: 0 0 8px rgba(56, 189, 181, 0.3);
}

#page-ai-insights .li-hero-state-pill.is-awaiting {
  color: #5eead4;
  background: rgba(56, 189, 181, 0.1);
  border-color: rgba(56, 189, 181, 0.28);
}

#page-ai-insights .li-hero-core-state-pill.is-awaiting {
  box-shadow:
    0 0 12px rgba(56, 189, 181, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

/* Launch Core — premium command-center focal (CSS/SVG reactor only) */
#page-ai-insights .li-hero-core {
  position: relative;
  z-index: 2;
  min-width: 0;
  padding: 10px 12px 11px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 6px;
  overflow: hidden;
  background:
    linear-gradient(165deg, rgba(14, 32, 36, 0.97) 0%, rgba(8, 20, 24, 0.98) 48%, rgba(7, 17, 20, 0.99) 100%);
  border-inline: 1px solid rgba(15, 168, 157, 0.28);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    inset 0 0 42px rgba(15, 168, 157, 0.1),
    0 0 32px rgba(15, 168, 157, 0.14),
    0 0 64px rgba(15, 168, 157, 0.06);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

#page-ai-insights .li-hero-core::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(ellipse 90% 75% at 50% 32%, rgba(56, 189, 181, 0.18), transparent 62%),
    radial-gradient(ellipse 70% 55% at 50% 55%, rgba(15, 168, 157, 0.12), transparent 72%);
  opacity: 0.95;
}

#page-ai-insights .li-hero-core:has(#li-hero-launch-state.is-draft) {
  border-inline-color: rgba(15, 168, 157, 0.32);
  animation: li-hero-core-draft-breathe 5.5s ease-in-out infinite;
}

@keyframes li-hero-core-draft-breathe {
  0%,
  100% {
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.1),
      inset 0 0 38px rgba(15, 168, 157, 0.08),
      0 0 28px rgba(15, 168, 157, 0.12),
      0 0 56px rgba(15, 168, 157, 0.05);
  }
  50% {
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.1),
      inset 0 0 48px rgba(15, 168, 157, 0.14),
      0 0 36px rgba(15, 168, 157, 0.18),
      0 0 72px rgba(56, 189, 181, 0.08);
  }
}

#page-ai-insights .li-hero-core-label {
  position: relative;
  z-index: 1;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--accent-teal-hover);
  text-align: center;
  line-height: 1.2;
  text-shadow: 0 0 12px rgba(15, 168, 157, 0.22);
}

#page-ai-insights .li-hero-core-body {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  flex: 1;
  min-height: 0;
}

#page-ai-insights .li-hero-core-ring-stage {
  position: relative;
  width: 72px;
  height: 72px;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 50%;
  isolation: isolate;
}

/* Replaces trust-radar micro-ring on core stage — reactor owns this layer */
#page-ai-insights .li-hero-core-ring-stage::after {
  content: none;
  animation: none;
}

/* Reactor scaled inside stage — grid/cell size unchanged */
#page-ai-insights .li-hero-core-reactor {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  transform: scale(1.3);
  transform-origin: center center;
}

/* Soft teal bloom beneath reactor stack */
#page-ai-insights .li-hero-core-reactor::before {
  content: "";
  position: absolute;
  inset: -8%;
  border-radius: 50%;
  z-index: 0;
  pointer-events: none;
  background: radial-gradient(
    circle at 50% 58%,
    rgba(56, 189, 181, 0.28) 0%,
    rgba(15, 168, 157, 0.12) 38%,
    transparent 68%
  );
  filter: blur(6px);
  opacity: 0.72;
  animation: li-hero-core-bloom-breathe 12s ease-in-out infinite;
}

@keyframes li-hero-core-bloom-breathe {
  0%,
  100% {
    opacity: 0.58;
    transform: scale(0.96);
  }
  50% {
    opacity: 0.82;
    transform: scale(1.04);
  }
}

/* Inner energy core — bright center, sharp falloff */
#page-ai-insights .li-hero-core-energy {
  position: absolute;
  inset: 22px;
  margin: auto;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  z-index: 2;
  pointer-events: none;
  background: radial-gradient(
    circle at 48% 42%,
    rgba(220, 252, 251, 0.92) 0%,
    rgba(94, 234, 212, 0.55) 18%,
    rgba(15, 168, 157, 0.32) 42%,
    rgba(15, 168, 157, 0.08) 62%,
    transparent 78%
  );
  box-shadow:
    0 0 10px rgba(56, 189, 181, 0.45),
    0 0 22px rgba(15, 168, 157, 0.28),
    inset 0 0 8px rgba(255, 255, 255, 0.18);
  animation: li-hero-core-energy-pulse 10s ease-in-out infinite;
}

@keyframes li-hero-core-energy-pulse {
  0%,
  100% {
    opacity: 0.82;
    transform: scale(0.94);
  }
  50% {
    opacity: 1;
    transform: scale(1.06);
  }
}

#page-ai-insights .li-hero-core-ring-stage .li-hero-core-ring,
#page-ai-insights .li-hero-core-ring-stage .li-hero-core-ring-arc,
#page-ai-insights .li-hero-core-ring-stage .li-hero-core-ticks,
#page-ai-insights .li-hero-core-ring-stage .li-hero-core-ring-pulse,
#page-ai-insights .li-hero-core-ring-stage .li-hero-core-orbit,
#page-ai-insights .li-hero-core-ring-stage .li-hero-core-ring-glow,
#page-ai-insights .li-hero-core-ring-stage .li-hero-core-scan,
#page-ai-insights .li-hero-core-ring-stage .li-hero-core-verify-sweep,
#page-ai-insights .li-hero-core-ring-stage .li-hero-core-energy {
  z-index: 1;
}

#page-ai-insights .li-hero-core-energy {
  z-index: 2;
}

#page-ai-insights .li-hero-core-verify-sweep {
  z-index: 2;
}

#page-ai-insights .li-hero-core-ring {
  position: absolute;
  inset: 0;
  margin: auto;
  border-radius: 50%;
  pointer-events: none;
}

#page-ai-insights .li-hero-core-ring--outer {
  inset: 0;
  border: 1px solid rgba(15, 168, 157, 0.22);
  background: radial-gradient(circle at 50% 42%, rgba(15, 168, 157, 0.06), transparent 58%);
  box-shadow: 0 0 10px rgba(15, 168, 157, 0.06);
  opacity: 0.52;
  filter: blur(0.55px);
}

#page-ai-insights .li-hero-core-ring--mid {
  inset: 9px;
  border: 1px solid rgba(56, 189, 181, 0.32);
  opacity: 0.58;
  filter: blur(0.35px);
}

#page-ai-insights .li-hero-core-ring--inner {
  inset: 18px;
  border: 1px solid rgba(56, 189, 181, 0.48);
  box-shadow:
    inset 0 0 18px rgba(15, 168, 157, 0.14),
    0 0 12px rgba(15, 168, 157, 0.16);
  opacity: 0.92;
  filter: none;
}

#page-ai-insights .li-hero-core-ring-arc {
  position: absolute;
  inset: 2px;
  border-radius: 50%;
  background: conic-gradient(
    from 0deg,
    transparent 0deg,
    transparent 228deg,
    rgba(56, 189, 181, 0.12) 244deg,
    rgba(56, 189, 181, 0.42) 268deg,
    rgba(15, 168, 157, 0.62) 292deg,
    rgba(56, 189, 181, 0.28) 312deg,
    transparent 328deg,
    transparent 360deg
  );
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 3px), #000 calc(100% - 2px));
  mask: radial-gradient(farthest-side, transparent calc(100% - 3px), #000 calc(100% - 2px));
  animation: li-hero-core-arc-spin 12s linear infinite;
  filter: drop-shadow(0 0 5px rgba(15, 168, 157, 0.32));
}

#page-ai-insights .li-hero-core-ring-arc--seg {
  inset: 4px;
  background: conic-gradient(
    from 120deg,
    transparent 0deg,
    rgba(15, 168, 157, 0.08) 8deg,
    transparent 16deg,
    transparent 44deg,
    rgba(56, 189, 181, 0.22) 52deg,
    transparent 60deg,
    transparent 88deg,
    rgba(15, 168, 157, 0.18) 96deg,
    transparent 104deg,
    transparent 132deg,
    rgba(56, 189, 181, 0.14) 140deg,
    transparent 148deg,
    transparent 176deg,
    rgba(15, 168, 157, 0.2) 184deg,
    transparent 192deg,
    transparent 220deg,
    rgba(56, 189, 181, 0.16) 228deg,
    transparent 236deg,
    transparent 264deg,
    rgba(15, 168, 157, 0.12) 272deg,
    transparent 280deg,
    transparent 308deg,
    rgba(56, 189, 181, 0.18) 316deg,
    transparent 324deg,
    transparent 360deg
  );
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 4px), #000 calc(100% - 2px));
  mask: radial-gradient(farthest-side, transparent calc(100% - 4px), #000 calc(100% - 2px));
  opacity: 0.75;
  animation: li-hero-core-arc-spin-rev 14s linear infinite;
}

@keyframes li-hero-core-arc-spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes li-hero-core-arc-spin-rev {
  to {
    transform: rotate(-360deg);
  }
}

/* Edge data ticks — staggered blink on rotating ring */
#page-ai-insights .li-hero-core-ticks {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  pointer-events: none;
  background: conic-gradient(
    from -6deg,
    rgba(56, 189, 181, 0.55) 0deg 1.2deg,
    transparent 1.2deg 14deg,
    rgba(15, 168, 157, 0.42) 14deg 15deg,
    transparent 15deg 28deg,
    rgba(56, 189, 181, 0.38) 28deg 29deg,
    transparent 29deg 42deg,
    rgba(15, 168, 157, 0.48) 42deg 43deg,
    transparent 43deg 56deg,
    rgba(56, 189, 181, 0.32) 56deg 57deg,
    transparent 57deg 70deg,
    rgba(15, 168, 157, 0.4) 70deg 71deg,
    transparent 71deg 84deg,
    rgba(56, 189, 181, 0.36) 84deg 85deg,
    transparent 85deg 98deg,
    rgba(15, 168, 157, 0.44) 98deg 99deg,
    transparent 99deg 112deg,
    rgba(56, 189, 181, 0.3) 112deg 113deg,
    transparent 113deg 126deg,
    rgba(15, 168, 157, 0.46) 126deg 127deg,
    transparent 127deg 140deg,
    rgba(56, 189, 181, 0.34) 140deg 141deg,
    transparent 141deg 154deg,
    rgba(15, 168, 157, 0.4) 154deg 155deg,
    transparent 155deg 168deg,
    rgba(56, 189, 181, 0.42) 168deg 169deg,
    transparent 169deg 182deg,
    rgba(15, 168, 157, 0.36) 182deg 183deg,
    transparent 183deg 196deg,
    rgba(56, 189, 181, 0.38) 196deg 197deg,
    transparent 197deg 210deg,
    rgba(15, 168, 157, 0.44) 210deg 211deg,
    transparent 211deg 224deg,
    rgba(56, 189, 181, 0.32) 224deg 225deg,
    transparent 225deg 238deg,
    rgba(15, 168, 157, 0.4) 238deg 239deg,
    transparent 239deg 252deg,
    rgba(56, 189, 181, 0.46) 252deg 253deg,
    transparent 253deg 266deg,
    rgba(15, 168, 157, 0.34) 266deg 267deg,
    transparent 267deg 280deg,
    rgba(56, 189, 181, 0.4) 280deg 281deg,
    transparent 281deg 294deg,
    rgba(15, 168, 157, 0.38) 294deg 295deg,
    transparent 295deg 308deg,
    rgba(56, 189, 181, 0.42) 308deg 309deg,
    transparent 309deg 322deg,
    rgba(15, 168, 157, 0.36) 322deg 323deg,
    transparent 323deg 336deg,
    rgba(56, 189, 181, 0.44) 336deg 337deg,
    transparent 337deg 350deg,
    rgba(15, 168, 157, 0.4) 350deg 351deg,
    transparent 351deg 360deg
  );
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 5px), #000 calc(100% - 3px));
  mask: radial-gradient(farthest-side, transparent calc(100% - 5px), #000 calc(100% - 3px));
  opacity: 0.42;
  animation:
    li-hero-core-ticks-spin 18s linear infinite,
    li-hero-core-ticks-blink 9s ease-in-out infinite;
}

@keyframes li-hero-core-ticks-spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes li-hero-core-ticks-blink {
  0%,
  100% {
    opacity: 0.28;
  }
  25% {
    opacity: 0.52;
  }
  50% {
    opacity: 0.38;
  }
  75% {
    opacity: 0.58;
  }
}

#page-ai-insights .li-hero-core-ring-pulse {
  position: absolute;
  inset: 6px;
  border-radius: 50%;
  border: 1px solid rgba(15, 168, 157, 0.26);
  box-shadow: 0 0 12px rgba(15, 168, 157, 0.1);
  animation: li-hero-core-ring-pulse-beat 10s ease-in-out infinite;
  opacity: 0.55;
}

@keyframes li-hero-core-ring-pulse-beat {
  0%,
  100% {
    transform: scale(0.96);
    opacity: 0.4;
  }
  50% {
    transform: scale(1.04);
    opacity: 0.78;
    border-color: rgba(56, 189, 181, 0.38);
    box-shadow: 0 0 16px rgba(15, 168, 157, 0.18);
  }
}

#page-ai-insights .li-hero-core-orbit {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  animation: li-hero-core-orbit-spin 14s linear infinite;
  transition: animation-duration 0.45s ease;
}

@keyframes li-hero-core-orbit-spin {
  to {
    transform: rotate(360deg);
  }
}

#page-ai-insights .li-hero-core-orbit-node {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3px;
  height: 3px;
  margin: -1.5px 0 0 -1.5px;
  border-radius: 50%;
  background: rgba(220, 252, 251, 0.88);
  box-shadow:
    0 0 6px rgba(15, 168, 157, 0.45),
    0 0 2px rgba(255, 255, 255, 0.35);
}

#page-ai-insights .li-hero-core-orbit-node::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 10px;
  margin: -5px 0 0 -1px;
  border-radius: 2px;
  background: linear-gradient(
    180deg,
    rgba(56, 189, 181, 0.55) 0%,
    rgba(15, 168, 157, 0.22) 45%,
    transparent 100%
  );
  transform-origin: 50% 100%;
  transform: rotate(180deg) translateY(2px);
  opacity: 0.35;
  filter: blur(0.5px);
  animation: li-hero-core-trail-fade 14s ease-in-out infinite;
}

#page-ai-insights .li-hero-core-orbit-node:nth-child(1)::after {
  animation-delay: 0s;
}

#page-ai-insights .li-hero-core-orbit-node:nth-child(2)::after {
  animation-delay: -3.5s;
}

#page-ai-insights .li-hero-core-orbit-node:nth-child(3)::after {
  animation-delay: -7s;
}

#page-ai-insights .li-hero-core-orbit-node:nth-child(4)::after {
  animation-delay: -10.5s;
}

@keyframes li-hero-core-trail-fade {
  0%,
  100% {
    opacity: 0.18;
    transform: rotate(180deg) translateY(2px) scaleY(0.85);
  }
  50% {
    opacity: 0.48;
    transform: rotate(180deg) translateY(2px) scaleY(1.08);
  }
}

#page-ai-insights .li-hero-core-orbit-node:nth-child(1) {
  transform: rotate(0deg) translateY(-31px);
}

#page-ai-insights .li-hero-core-orbit-node:nth-child(2) {
  transform: rotate(90deg) translateY(-31px);
}

#page-ai-insights .li-hero-core-orbit-node:nth-child(3) {
  transform: rotate(180deg) translateY(-31px);
}

#page-ai-insights .li-hero-core-orbit-node:nth-child(4) {
  transform: rotate(270deg) translateY(-31px);
}

#page-ai-insights .li-hero-core-ring-glow {
  position: absolute;
  inset: 14px;
  border-radius: 50%;
  background: radial-gradient(
    circle at 50% 48%,
    rgba(94, 234, 212, 0.28) 0%,
    rgba(15, 168, 157, 0.16) 28%,
    rgba(15, 168, 157, 0.06) 48%,
    transparent 68%
  );
  animation: li-hero-core-pulse 11s ease-in-out infinite;
}

@keyframes li-hero-core-pulse {
  0%,
  100% {
    opacity: 0.52;
    transform: scale(0.94);
  }
  50% {
    opacity: 0.92;
    transform: scale(1.03);
  }
}

#page-ai-insights .li-hero-core-scan {
  position: absolute;
  left: 50%;
  top: -8%;
  width: 2px;
  height: 28%;
  margin-left: -1px;
  border-radius: 2px;
  background: linear-gradient(
    180deg,
    transparent,
    rgba(56, 189, 181, 0.55) 42%,
    rgba(15, 168, 157, 0.35) 58%,
    transparent
  );
  opacity: 0.35;
  filter: blur(0.4px);
  animation: li-hero-core-scan-sweep 10s ease-in-out infinite;
  z-index: 2;
  pointer-events: none;
}

@keyframes li-hero-core-scan-sweep {
  0%,
  100% {
    transform: translate(-50%, -120%) scaleY(0.85);
    opacity: 0.12;
  }
  48% {
    opacity: 0.42;
  }
  50% {
    transform: translate(-50%, 220%) scaleY(1);
    opacity: 0.38;
  }
}

/* Cinematic verification sweep — opacity pulse across core every ~9s */
#page-ai-insights .li-hero-core-verify-sweep {
  position: absolute;
  inset: 8px;
  border-radius: 50%;
  pointer-events: none;
  background: linear-gradient(
    105deg,
    transparent 0%,
    transparent 38%,
    rgba(220, 252, 251, 0.04) 44%,
    rgba(94, 234, 212, 0.22) 50%,
    rgba(220, 252, 251, 0.04) 56%,
    transparent 62%,
    transparent 100%
  );
  opacity: 0;
  mix-blend-mode: screen;
  animation: li-hero-core-verify-sweep 9s ease-in-out infinite;
}

@keyframes li-hero-core-verify-sweep {
  0%,
  78%,
  100% {
    opacity: 0;
    transform: rotate(-28deg) scale(0.92);
  }
  82% {
    opacity: 0.08;
  }
  88% {
    opacity: 0.42;
    transform: rotate(8deg) scale(1);
  }
  94% {
    opacity: 0.12;
    transform: rotate(22deg) scale(1.02);
  }
}

/* Hover — intensify glow, slightly faster orbit (no layout change) */
#page-ai-insights .li-hero-core:hover {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.11),
    inset 0 0 52px rgba(15, 168, 157, 0.14),
    0 0 38px rgba(15, 168, 157, 0.2),
    0 0 72px rgba(15, 168, 157, 0.09);
  transition: box-shadow 0.45s ease;
}

#page-ai-insights .li-hero-core:hover::before {
  opacity: 1;
  transition: opacity 0.45s ease;
}

#page-ai-insights .li-hero-core:hover .li-hero-core-reactor::before {
  opacity: 0.92;
  filter: blur(7px);
  transition:
    opacity 0.45s ease,
    filter 0.45s ease;
}

#page-ai-insights .li-hero-core:hover .li-hero-core-energy {
  box-shadow:
    0 0 14px rgba(56, 189, 181, 0.55),
    0 0 28px rgba(15, 168, 157, 0.34),
    inset 0 0 10px rgba(255, 255, 255, 0.22);
}

#page-ai-insights .li-hero-core:hover .li-hero-core-orbit {
  animation-duration: 11s;
}

#page-ai-insights .li-hero-core:hover .li-hero-core-ring-glow {
  opacity: 0.95;
}

@media (hover: none) {
  #page-ai-insights .li-hero-core:hover {
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.1),
      inset 0 0 42px rgba(15, 168, 157, 0.1),
      0 0 32px rgba(15, 168, 157, 0.14),
      0 0 64px rgba(15, 168, 157, 0.06);
  }

  #page-ai-insights .li-hero-core:hover .li-hero-core-orbit {
    animation-duration: 14s;
  }
}

#page-ai-insights .li-hero-core-focus {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  text-align: center;
  min-width: 0;
  width: 100%;
}

#page-ai-insights .li-hero-core-state-k {
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--text-faint);
  line-height: 1.2;
}

#page-ai-insights .li-hero-core-state-row {
  justify-content: center;
}

#page-ai-insights .li-hero-core-state-row .li-hero-state-dot.is-draft {
  animation: li-hero-core-draft-dot 2.8s ease-in-out infinite;
}

@keyframes li-hero-core-draft-dot {
  0%,
  100% {
    opacity: 0.65;
    transform: scale(0.92);
    box-shadow: 0 0 4px rgba(148, 163, 184, 0.15);
  }
  50% {
    opacity: 1;
    transform: scale(1.08);
    box-shadow: 0 0 10px rgba(148, 163, 184, 0.35);
  }
}

#page-ai-insights .li-hero-core-state-pill {
  font-size: 12px;
  font-weight: 700;
  padding: 4px 12px;
  letter-spacing: 0.03em;
  box-shadow:
    0 0 14px rgba(15, 168, 157, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

#page-ai-insights .li-hero-core-state-pill.is-draft {
  box-shadow:
    0 0 8px rgba(148, 163, 184, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

#page-ai-insights .li-hero-core-verify {
  margin: 0;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.04em;
  color: var(--text-dim);
  line-height: 1.35;
  max-width: 11rem;
}

/* Status strip — mirrors hero metrics via :has (no builder changes) */
#page-ai-insights .li-hero-core-strip {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 4px 6px;
  margin-top: 1px;
  padding-top: 6px;
  border-top: 1px solid rgba(15, 168, 157, 0.14);
}

#page-ai-insights .li-hero-core-strip-item {
  font-size: 8px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(148, 163, 184, 0.42);
  padding: 2px 6px;
  border-radius: 4px;
  border: 1px solid transparent;
  line-height: 1.25;
  transition:
    color 0.2s ease,
    border-color 0.2s ease,
    background 0.2s ease,
    box-shadow 0.2s ease;
}

#page-ai-insights:has(#li-hero-collection-name:not(.muted))
  .li-hero-core-strip-item[data-li-strip="identity"] {
  color: var(--accent-teal-hover);
  background: rgba(15, 168, 157, 0.08);
  border-color: rgba(15, 168, 157, 0.22);
  box-shadow: 0 0 8px rgba(15, 168, 157, 0.12);
}

#page-ai-insights:has(#li-hero-metric-metadata.is-set)
  .li-hero-core-strip-item[data-li-strip="metadata"] {
  color: var(--accent-teal-hover);
  background: rgba(15, 168, 157, 0.08);
  border-color: rgba(15, 168, 157, 0.22);
  box-shadow: 0 0 8px rgba(15, 168, 157, 0.12);
}

#page-ai-insights:has(#li-hero-metric-treasury.is-set)
  .li-hero-core-strip-item[data-li-strip="treasury"] {
  color: var(--accent-teal-hover);
  background: rgba(15, 168, 157, 0.08);
  border-color: rgba(15, 168, 157, 0.22);
  box-shadow: 0 0 8px rgba(15, 168, 157, 0.12);
}

#page-ai-insights:has(
    .li-hero-metrics .li-hero-metric:nth-child(4) .li-hero-metric-dot.is-configured
  )
  .li-hero-core-strip-item[data-li-strip="verification"] {
  color: var(--accent-teal-hover);
  background: rgba(15, 168, 157, 0.08);
  border-color: rgba(15, 168, 157, 0.22);
  box-shadow: 0 0 8px rgba(15, 168, 157, 0.12);
}

@media (prefers-reduced-motion: reduce) {
  #page-ai-insights .li-hero-core:has(#li-hero-launch-state.is-draft),
  #page-ai-insights .li-hero-core-reactor::before,
  #page-ai-insights .li-hero-core-energy,
  #page-ai-insights .li-hero-core-ring-arc,
  #page-ai-insights .li-hero-core-ring-arc--seg,
  #page-ai-insights .li-hero-core-ticks,
  #page-ai-insights .li-hero-core-ring-pulse,
  #page-ai-insights .li-hero-core-orbit,
  #page-ai-insights .li-hero-core-orbit-node::after,
  #page-ai-insights .li-hero-core-ring-glow,
  #page-ai-insights .li-hero-core-scan,
  #page-ai-insights .li-hero-core-verify-sweep,
  #page-ai-insights .li-hero-core-state-row .li-hero-state-dot.is-draft {
    animation: none;
  }

  #page-ai-insights .li-hero-core-reactor::before {
    opacity: 0.65;
    transform: none;
  }

  #page-ai-insights .li-hero-core-energy {
    opacity: 0.88;
    transform: none;
  }

  #page-ai-insights .li-hero-core-ring-glow {
    opacity: 0.65;
    transform: none;
  }

  #page-ai-insights .li-hero-core-ring-pulse {
    opacity: 0.55;
    transform: none;
  }

  #page-ai-insights .li-hero-core-ticks {
    opacity: 0.38;
    transform: none;
  }

  #page-ai-insights .li-hero-core-verify-sweep {
    opacity: 0.14;
    transform: none;
  }

  #page-ai-insights .li-hero-core-scan {
    opacity: 0.22;
    transform: translate(-50%, 40%);
  }

  #page-ai-insights .li-hero-core:hover .li-hero-core-orbit {
    animation-duration: inherit;
  }
}

/* Trust score panel */
#page-ai-insights .li-hero-trust-wrap {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1;
  min-height: 0;
}

#page-ai-insights .li-hero-trust-ring {
  width: 52px;
  height: 52px;
  flex-shrink: 0;
  border-radius: 50%;
  border: 2px dashed rgba(15, 168, 157, 0.28);
  background: rgba(7, 17, 20, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: inset 0 0 12px rgba(15, 168, 157, 0.06);
}

#page-ai-insights .li-hero-trust-ring span {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--text-faint);
  text-align: center;
  line-height: 1.15;
  padding: 0 4px;
}

#page-ai-insights .li-hero-trust-copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

#page-ai-insights .li-hero-trust-title {
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  letter-spacing: -0.01em;
}

#page-ai-insights .li-hero-trust-status {
  font-size: 11px;
  color: var(--amber);
  font-weight: 500;
  line-height: 1.35;
}

#page-ai-insights .li-hero-trust-note {
  font-size: 10px;
  color: var(--text-faint);
  line-height: 1.35;
}

/* Marketplace readiness */
#page-ai-insights .li-hero-mp-icons {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  margin-top: 2px;
}

#page-ai-insights .li-hero-mp-slot {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 52px;
  height: 22px;
  padding: 0 8px;
  border-radius: 6px;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--text-faint);
  background: rgba(7, 17, 20, 0.85);
  border: 1px dashed rgba(148, 163, 184, 0.22);
}

/* Deployment actions */
#page-ai-insights .li-hero-actions {
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: center;
  flex: 1;
}

#page-ai-insights .li-hero-actions .btn {
  width: 100%;
  justify-content: center;
  font-size: 12px;
  padding: 9px 12px;
}

#page-ai-insights .li-hero-btn-disabled,
#page-ai-insights .li-hero-btn-disabled:disabled {
  opacity: 0.42;
  cursor: not-allowed;
  pointer-events: none;
  border-color: rgba(148, 163, 184, 0.14);
  background: rgba(7, 17, 20, 0.75);
  color: var(--text-faint);
  box-shadow: none;
  transform: none;
}

#page-ai-insights .li-hero-action-hint {
  font-size: 10px;
  color: var(--text-faint);
  text-align: center;
  line-height: 1.35;
}

/* Quick metrics strip */
#page-ai-insights .li-hero-metrics {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(15, 168, 157, 0.1);
}

#page-ai-insights .li-hero-metric {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 5px 10px;
  border-radius: 8px;
  background: rgba(7, 17, 20, 0.72);
  border: 1px solid rgba(15, 168, 157, 0.1);
  min-width: 0;
}

#page-ai-insights .li-hero-metric-k {
  font-size: 10px;
  color: var(--text-dim);
  font-weight: 500;
  white-space: nowrap;
}

#page-ai-insights .li-hero-metric-v {
  font-size: 10px;
  font-weight: 600;
  color: var(--text-faint);
  letter-spacing: 0.02em;
  white-space: nowrap;
}

#page-ai-insights .li-hero-metric-dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  flex-shrink: 0;
  background: rgba(148, 163, 184, 0.55);
}

#page-ai-insights .li-hero-metric-dot.is-pending {
  background: var(--amber);
  box-shadow: 0 0 6px rgba(245, 158, 11, 0.25);
}

#page-ai-insights .li-hero-metric-dot.is-neutral {
  background: rgba(148, 163, 184, 0.5);
}

#page-ai-insights .li-hero-metric-dot.is-configured {
  background: rgba(15, 168, 157, 0.9);
  box-shadow: 0 0 6px rgba(15, 168, 157, 0.28);
}

#page-ai-insights .li-hero-metric-v.is-set {
  color: var(--accent-teal-hover);
}

/* Launch Chamber integration — hero secondary to atmospheric field */
#page-ai-insights .li-launch-chamber-env .li-hero {
  background: linear-gradient(
    165deg,
    rgba(11, 23, 26, 0.82) 0%,
    rgba(7, 17, 20, 0.78) 100%
  );
  border-color: rgba(15, 168, 157, 0.12);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}

#page-ai-insights .li-launch-chamber-env .li-hero::before {
  opacity: 0.42;
}

#page-ai-insights .li-launch-chamber-env .li-hero::after {
  opacity: 0.38;
}

#page-ai-insights .li-launch-chamber-env .li-hero-core {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    inset 0 0 32px rgba(15, 168, 157, 0.07),
    0 0 22px rgba(15, 168, 157, 0.1),
    0 0 44px rgba(15, 168, 157, 0.04);
}

#page-ai-insights .li-launch-chamber-env .li-hero-core::before {
  opacity: 0.72;
}

#page-ai-insights .li-launch-chamber-env .li-hero-core-reactor {
  transform: scale(1.15);
}

#page-ai-insights .li-launch-chamber-env .li-hero-core-reactor::before {
  opacity: 0.52;
  filter: blur(5px);
}

#page-ai-insights .li-launch-chamber-env .li-hero-core-ring-stage {
  width: 64px;
  height: 64px;
}

#page-ai-insights .li-launch-chamber-env .li-hero-core-energy {
  inset: 19px;
  width: 26px;
  height: 26px;
  box-shadow:
    0 0 8px rgba(56, 189, 181, 0.35),
    0 0 16px rgba(15, 168, 157, 0.2),
    inset 0 0 6px rgba(255, 255, 255, 0.14);
}

@media (max-width: 640px) {
  #page-ai-insights .li-launch-chamber-env .li-hero-core-ring-stage {
    width: 54px;
    height: 54px;
  }
}

/* Responsive — stack panels cleanly */
@media (max-width: 1100px) {
  #page-ai-insights .li-hero-bar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #page-ai-insights .li-hero-core {
    grid-column: 1 / -1;
    border-inline: none;
    border-block: 1px solid rgba(15, 168, 157, 0.2);
    padding: 12px 14px;
  }

  #page-ai-insights .li-hero-core-body {
    flex-direction: row;
    justify-content: center;
    gap: 14px;
  }

  #page-ai-insights .li-hero-core-focus {
    align-items: flex-start;
    text-align: left;
    flex: 0 1 auto;
  }

  #page-ai-insights .li-hero-core-state-row {
    justify-content: flex-start;
  }
}

@media (max-width: 640px) {
  #page-ai-insights .li-hero {
    padding: 12px 12px 10px;
    margin-bottom: 16px;
  }

  #page-ai-insights .li-hero::before {
    background-size: 20px 20px, 100% 100%, 100% 100%, 100% 100%;
    opacity: 0.52;
  }

  #page-ai-insights .li-hero-kicker {
    letter-spacing: 0.18em;
  }

  #page-ai-insights .li-hero-kicker::after {
    width: 40px;
  }

  #page-ai-insights .li-hero-bar {
    grid-template-columns: 1fr;
  }

  #page-ai-insights .li-hero-core {
    grid-column: auto;
    padding: 11px 12px 10px;
  }

  #page-ai-insights .li-hero-core-body {
    flex-direction: column;
    gap: 8px;
  }

  #page-ai-insights .li-hero-core-ring-stage {
    width: 58px;
    height: 58px;
  }

  #page-ai-insights .li-hero-core-energy {
    inset: 17px;
    width: 24px;
    height: 24px;
  }

  #page-ai-insights .li-hero-core-verify-sweep {
    inset: 6px;
  }

  #page-ai-insights .li-hero-core-ring--mid {
    inset: 7px;
  }

  #page-ai-insights .li-hero-core-ring--inner {
    inset: 14px;
  }

  #page-ai-insights .li-hero-core-ring-pulse {
    inset: 5px;
  }

  #page-ai-insights .li-hero-core-ring-glow {
    inset: 11px;
  }

  #page-ai-insights .li-hero-core-orbit-node:nth-child(1) {
    transform: rotate(0deg) translateY(-25px);
  }

  #page-ai-insights .li-hero-core-orbit-node:nth-child(2) {
    transform: rotate(90deg) translateY(-25px);
  }

  #page-ai-insights .li-hero-core-orbit-node:nth-child(3) {
    transform: rotate(180deg) translateY(-25px);
  }

  #page-ai-insights .li-hero-core-orbit-node:nth-child(4) {
    transform: rotate(270deg) translateY(-25px);
  }

  #page-ai-insights .li-hero-core-orbit-node {
    width: 3px;
    height: 3px;
    margin: -1.5px 0 0 -1.5px;
  }

  #page-ai-insights .li-hero-core-strip {
    gap: 3px 5px;
    padding-top: 5px;
  }

  #page-ai-insights .li-hero-core-strip-item {
    font-size: 7px;
    padding: 2px 5px;
  }

  #page-ai-insights .li-hero-core-focus {
    align-items: center;
    text-align: center;
  }

  #page-ai-insights .li-hero-core-state-row {
    justify-content: center;
  }

  #page-ai-insights .li-hero-core-verify {
    max-width: none;
  }

  #page-ai-insights .li-hero-panel {
    padding: 11px 12px;
  }

  #page-ai-insights .li-hero-metrics {
    gap: 6px;
  }

  #page-ai-insights .li-hero-metric {
    flex: 1 1 calc(50% - 6px);
    min-width: calc(50% - 6px);
    justify-content: space-between;
  }
}