/* ============================================================
   AI AGENTS · Hero v2 + Industries v2
   Layered on top of styles-aiagents.css
============================================================ */

/* ---------- HERO V2 (centered + interactive) ---------- */
.hv2-hero { padding: 110px 0 90px; position: relative; }
.hv2-head { max-width: 980px; margin: 0 auto 40px; text-align: center; }
.hv2-eyebrow { display: inline-flex; gap: 14px; align-items: center; margin-bottom: 22px; }
.hv2-h {
  font-family: var(--font-display); font-weight: 400;
  font-size: clamp(40px, 6vw, 84px); line-height: 1.02; letter-spacing: -0.028em;
  color: #fff; margin: 0 0 18px; text-wrap: balance;
}
.hv2-h .ac {
  background: linear-gradient(92deg, #5EFFA4 0%, #4FC8FF 60%, #4FC8FF 100%);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.hv2-sub {
  max-width: 640px; margin: 0 auto 28px;
  font-size: 16px; line-height: 1.55; color: var(--site-text-2); text-wrap: pretty;
}
.hv2-ctas {
  display: flex; flex-wrap: wrap; gap: 14px; justify-content: center; align-items: center;
}

/* THEATER — full width, no scroll */
.hv2-theater {
  border: 1px solid var(--site-line);
  background:
    radial-gradient(80% 60% at 50% 0%, rgba(0,85,255,0.18), transparent 70%),
    linear-gradient(180deg, rgba(15,21,48,0.7), rgba(5,7,15,0.5));
  position: relative; overflow: hidden;
}
.hv2-theater::before {
  content: ""; position: absolute; top: -1px; left: -1px; right: -1px; height: 2px;
  background: linear-gradient(90deg, transparent, rgba(94,255,164,0.6), rgba(79,200,255,0.6), transparent);
  pointer-events: none;
}

/* Stage: dock + canvas */
.hv2-stage {
  display: grid; grid-template-columns: 280px 1fr;
  border-bottom: 1px solid var(--site-line);
}
@media (max-width: 980px) { .hv2-stage { grid-template-columns: 1fr; } }

.hv2-dock {
  border-right: 1px solid var(--site-line); padding: 14px;
  background: rgba(5,7,15,0.4);
  display: flex; flex-direction: column; gap: 10px;
}
@media (max-width: 980px) { .hv2-dock { border-right: 0; border-bottom: 1px solid var(--site-line); } }

.hv2-dock-h {
  display: flex; justify-content: space-between; align-items: center;
  font-size: 9.5px; letter-spacing: 0.18em; color: var(--site-text-3);
}
.hv2-dock-h .dim { color: var(--site-mint); font-size: 9px; }

.hv2-dock-grid {
  display: grid; grid-template-columns: 1fr; gap: 4px;
}
@media (max-width: 980px) { .hv2-dock-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .hv2-dock-grid { grid-template-columns: 1fr; } }

.hv2-agent {
  display: grid; grid-template-columns: auto 1fr auto; gap: 10px; align-items: center;
  padding: 9px 11px; border: 1px solid var(--site-line); background: rgba(255,255,255,0.01);
  text-align: left; cursor: pointer; transition: all 200ms; color: var(--site-text-2);
  position: relative;
}
.hv2-agent-d {
  width: 7px; height: 7px; border-radius: 50%; background: var(--site-cyan);
  box-shadow: 0 0 6px var(--site-cyan); flex-shrink: 0;
}
.hv2-agent.am .hv2-agent-d { background: var(--site-amber); box-shadow: 0 0 6px var(--site-amber); }
.hv2-agent.mt .hv2-agent-d { background: var(--site-mint); box-shadow: 0 0 6px var(--site-mint); }
.hv2-agent-n { font-size: 12.5px; color: #fff; font-weight: 500; }
.hv2-agent-t { font-size: 9px; letter-spacing: 0.16em; color: var(--site-text-3); }
.hv2-agent:hover { border-color: rgba(79,200,255,0.4); background: rgba(79,200,255,0.04); }
.hv2-agent.on {
  border-color: rgba(79,200,255,0.7); background: rgba(79,200,255,0.10);
  box-shadow: inset 2px 0 0 var(--site-cyan), 0 0 16px rgba(79,200,255,0.15);
}
.hv2-agent.on .hv2-agent-t { color: var(--site-cyan); }

.hv2-reset {
  margin-top: 4px; padding: 7px 10px;
  background: transparent; border: 1px solid var(--site-line);
  color: var(--site-text-3); font-size: 9.5px; letter-spacing: 0.18em;
  cursor: pointer; transition: all 180ms;
}
.hv2-reset:hover { color: var(--site-mint); border-color: rgba(94,255,164,0.4); }

.hv2-canvas {
  display: flex; flex-direction: column;
  background: radial-gradient(60% 80% at 50% 40%, rgba(0,85,255,0.15), transparent 70%);
}

.hv2-canvas .hv-orch { aspect-ratio: 520 / 280; padding: 8px 0; }

.hv2-detail {
  border-top: 1px solid var(--site-line);
  padding: 14px 18px; display: flex; flex-direction: column; gap: 12px;
  background: rgba(5,7,15,0.4);
}
.hv2-detail-h { display: flex; justify-content: space-between; align-items: flex-end; gap: 16px; flex-wrap: wrap; }
.hv2-detail-eb { font-size: 9.5px; letter-spacing: 0.18em; color: var(--site-text-3); margin-bottom: 4px; }
.hv2-detail-name {
  font-family: var(--font-display); font-size: 22px; color: #fff; font-weight: 400;
  letter-spacing: -0.01em; line-height: 1.2;
  display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
}
.hv2-detail-st {
  font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.16em;
  padding: 3px 9px; border: 1px solid currentColor; font-weight: 400;
}
.hv2-detail-st.cy { color: var(--site-cyan); }
.hv2-detail-st.mt { color: var(--site-mint); }
.hv2-detail-st.am { color: var(--site-amber); }
.hv2-detail-meta {
  display: flex; gap: 18px; font-size: 9.5px; letter-spacing: 0.16em; color: var(--site-text-3);
}

.hv2-flow { display: flex; align-items: stretch; gap: 0; flex-wrap: nowrap; overflow-x: auto; }
.hv2-flow-node {
  flex: 1 0 130px; min-width: 130px; padding: 10px 12px;
  border: 1px solid var(--site-line); background: rgba(255,255,255,0.01);
  display: flex; flex-direction: column; gap: 4px; transition: all 240ms;
}
.hv2-flow-num { font-size: 9px; letter-spacing: 0.18em; color: var(--site-text-3); }
.hv2-flow-name { color: #fff; font-size: 12.5px; font-weight: 500; }
.hv2-flow-node.done { border-color: rgba(94,255,164,0.35); background: rgba(94,255,164,0.04); }
.hv2-flow-node.done .hv2-flow-num { color: var(--site-mint); }
.hv2-flow-node.on {
  border-color: rgba(79,200,255,0.7); background: rgba(79,200,255,0.1);
  box-shadow: 0 0 16px rgba(79,200,255,0.18);
}
.hv2-flow-node.on .hv2-flow-num { color: var(--site-cyan); }
.hv2-flow-edge {
  flex: 0 0 14px; align-self: center; height: 1px; background: var(--site-line);
}
.hv2-flow-edge.lit { background: var(--site-mint); box-shadow: 0 0 6px rgba(94,255,164,0.5); }

/* Bottom: HITL + log + tools, 3 columns */
.hv2-bottom {
  display: grid; grid-template-columns: 1.1fr 1.2fr 1fr;
  border-bottom: 1px solid var(--site-line);
}
@media (max-width: 1100px) { .hv2-bottom { grid-template-columns: 1fr 1fr; } .hv2-tools { grid-column: 1 / -1; border-right: 0; border-top: 1px solid var(--site-line); } }
@media (max-width: 700px) { .hv2-bottom { grid-template-columns: 1fr; } }
.hv2-bottom > * { border-right: 1px solid var(--site-line); padding: 16px 18px; }
.hv2-bottom > *:last-child { border-right: 0; }
@media (max-width: 700px) { .hv2-bottom > * { border-right: 0; border-bottom: 1px solid var(--site-line); } .hv2-bottom > *:last-child { border-bottom: 0; } }

.hv2-badges {
  display: flex; flex-wrap: wrap; gap: 10px; justify-content: center;
  margin-top: 24px;
}

/* keep legacy hero unused */
.hv-hero { padding: 120px 0 100px; }
.hv-hero .hv-scan {
  position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(180deg, transparent 0%, rgba(79,200,255,0.04) 50%, transparent 100%);
  background-size: 100% 200%;
  animation: hv-scan 8s linear infinite;
  mix-blend-mode: screen;
}
@keyframes hv-scan { 0% { background-position: 0 -100%; } 100% { background-position: 0 100%; } }
@media (prefers-reduced-motion: reduce) {
  .hv-hero .hv-scan { animation: none; }
}

.hv-hero-grid {
  display: grid; grid-template-columns: 0.95fr 1.15fr; gap: 56px; align-items: start;
}
@media (max-width: 1180px) { .hv-hero-grid { grid-template-columns: 1fr; gap: 40px; } }

.hv-hero-left { position: sticky; top: 96px; align-self: start; }

/* THEATER */
.hv-theater {
  border: 1px solid var(--site-line);
  background:
    radial-gradient(80% 60% at 50% 0%, rgba(0,85,255,0.18), transparent 70%),
    linear-gradient(180deg, rgba(15,21,48,0.7), rgba(5,7,15,0.5));
  display: flex; flex-direction: column;
  position: relative;
  overflow: hidden;
  max-height: var(--hv-theater-h, 620px);
}
.hv-theater-scroll {
  flex: 1 1 auto; overflow-y: auto; overflow-x: hidden;
  scrollbar-width: thin; scrollbar-color: rgba(79,200,255,0.3) rgba(5,7,15,0.6);
}
.hv-theater-scroll::-webkit-scrollbar { width: 6px; }
.hv-theater-scroll::-webkit-scrollbar-track { background: rgba(5,7,15,0.6); }
.hv-theater-scroll::-webkit-scrollbar-thumb { background: rgba(79,200,255,0.25); }
.hv-theater-scroll::-webkit-scrollbar-thumb:hover { background: rgba(79,200,255,0.5); }
@media (max-width: 1180px) {
  .hv-theater { max-height: none; }
  .hv-theater-scroll { overflow: visible; }
  .hv-hero-left { position: static; }
}
.hv-theater::before {
  content: ""; position: absolute; top: -1px; left: -1px; right: -1px; height: 2px;
  background: linear-gradient(90deg, transparent, rgba(94,255,164,0.6), rgba(79,200,255,0.6), transparent);
  pointer-events: none;
}
.hv-theater-chrome {
  display: flex; justify-content: space-between; align-items: center;
  padding: 12px 18px; border-bottom: 1px solid var(--site-line);
  font-size: 10.5px; letter-spacing: 0.14em; color: var(--site-text-3);
}
.hv-live {
  display: inline-flex; align-items: center; gap: 8px;
  font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.16em; color: var(--site-mint);
}
.hv-live::before {
  content: ""; width: 7px; height: 7px; border-radius: 50%;
  background: var(--site-mint); box-shadow: 0 0 10px var(--site-mint);
  animation: aa-pulse 1.4s infinite;
}

/* TELEMETRY STRIP */
.hv-tele {
  display: grid; grid-template-columns: repeat(5, 1fr);
  border-bottom: 1px solid var(--site-line);
}
.hv-tele-cell {
  padding: 14px 16px; border-right: 1px solid var(--site-line);
  display: flex; flex-direction: column; gap: 4px;
}
.hv-tele-cell:last-child { border-right: 0; }
.hv-tele-cell .l {
  font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.18em; color: var(--site-text-3);
}
.hv-tele-cell b {
  font-family: var(--font-mono); font-size: 18px; color: #fff; font-weight: 500; letter-spacing: 0.04em;
}
.hv-tele-cell b.warn { color: var(--site-amber); }
@media (max-width: 700px) { .hv-tele { grid-template-columns: repeat(2, 1fr); } .hv-tele-cell { border-bottom: 1px solid var(--site-line); } }

/* CORE — orchestrator */
.hv-core { position: relative; padding: 8px 0 4px; border-bottom: 1px solid var(--site-line); }
.hv-orch { position: relative; width: 100%; aspect-ratio: 520 / 320; }
.hv-orch-svg { width: 100%; height: 100%; display: block; }
.hv-orch-chips { position: absolute; inset: 0; pointer-events: none; }
.hv-chip {
  position: absolute; transform: translate(-50%, -50%);
  font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.06em;
  background: rgba(10,15,35,0.85); border: 1px solid rgba(79,200,255,0.4);
  padding: 3px 7px;
  display: flex; flex-direction: column; gap: 1px;
  white-space: nowrap; line-height: 1.25;
  backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px);
}
.hv-chip.r { transform: translate(8%, -50%); }
.hv-chip.l { transform: translate(-108%, -50%); }
.hv-chip-name { color: #fff; font-weight: 600; letter-spacing: 0.04em; }
.hv-chip-stat { color: var(--site-cyan); }
.hv-chip.am { border-color: rgba(255,176,32,0.5); }
.hv-chip.am .hv-chip-stat { color: var(--site-amber); }
.hv-chip.mt { border-color: rgba(94,255,164,0.5); }
.hv-chip.mt .hv-chip-stat { color: var(--site-mint); }

@media (max-width: 700px) {
  .hv-chip { font-size: 8.5px; padding: 2px 5px; }
  .hv-chip-stat { display: none; }
}

.hv-core-caption {
  display: flex; justify-content: space-between; align-items: center;
  padding: 10px 18px;
  font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.16em; color: var(--site-mint);
}
.hv-core-caption .dim { color: var(--site-text-3); }

/* PIPELINE */
.hv-pipe { padding: 16px 18px; border-bottom: 1px solid var(--site-line); }
.hv-pipe-label {
  font-size: 10px; letter-spacing: 0.18em; color: var(--site-text-3); margin-bottom: 12px;
}
.hv-pipe-flow { display: flex; align-items: stretch; gap: 6px; flex-wrap: nowrap; overflow-x: auto; }
.hv-pipe-node {
  flex: 1 0 130px; min-width: 130px; padding: 10px 12px;
  border: 1px solid var(--site-line);
  display: flex; flex-direction: column; gap: 2px;
  background: rgba(255,255,255,0.01);
  position: relative;
  transition: all 240ms;
}
.hv-pipe-num { font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.16em; color: var(--site-text-3); }
.hv-pipe-name { color: #fff; font-size: 13px; font-weight: 500; letter-spacing: 0.01em; }
.hv-pipe-sub { font-family: var(--font-mono); font-size: 9.5px; color: var(--site-text-3); letter-spacing: 0.06em; }
.hv-pipe-node.done { border-color: rgba(94,255,164,0.35); background: rgba(94,255,164,0.04); }
.hv-pipe-node.done .hv-pipe-num { color: var(--site-mint); }
.hv-pipe-node.on {
  border-color: rgba(79,200,255,0.6); background: rgba(79,200,255,0.08);
  box-shadow: 0 0 16px rgba(79,200,255,0.18);
}
.hv-pipe-node.on .hv-pipe-num, .hv-pipe-node.on .hv-pipe-sub { color: var(--site-cyan); }
.hv-pipe-pkt {
  position: absolute; left: 0; right: 0; bottom: -22px; padding: 3px 8px;
  font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.04em;
  color: #061021; background: var(--site-cyan); text-align: center;
  animation: hv-pkt 1.2s ease-out;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
@keyframes hv-pkt { 0% { transform: translateY(-6px); opacity: 0; } 60% { opacity: 1; } 100% { transform: translateY(0); opacity: 1; } }

.hv-pipe-edge {
  flex: 0 0 18px; align-self: center; height: 1px;
  background: var(--site-line); position: relative;
}
.hv-pipe-edge.lit { background: var(--site-mint); box-shadow: 0 0 8px rgba(94,255,164,0.6); }
.hv-pipe-dot {
  position: absolute; left: 50%; top: 50%; width: 4px; height: 4px;
  border-radius: 50%; background: var(--site-cyan); transform: translate(-50%, -50%);
  box-shadow: 0 0 6px var(--site-cyan);
}

/* ROW: HITL + LOG */
.hv-row {
  display: grid; grid-template-columns: 1fr 1fr; border-bottom: 1px solid var(--site-line);
}
@media (max-width: 800px) { .hv-row { grid-template-columns: 1fr; } }
.hv-hitl, .hv-log { padding: 16px 18px; }
.hv-hitl { border-right: 1px solid var(--site-line); position: relative; }
.hv-hitl::before {
  content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 2px;
  background: linear-gradient(180deg, transparent, rgba(255,176,32,0.6), transparent);
}
@media (max-width: 800px) { .hv-hitl { border-right: 0; border-bottom: 1px solid var(--site-line); } }
.hv-hitl-h {
  display: inline-flex; align-items: center; gap: 8px;
  font-size: 10px; letter-spacing: 0.18em; color: var(--site-amber); margin-bottom: 12px;
}
.hv-hitl-h::before {
  content: ""; width: 6px; height: 6px; border-radius: 50%;
  background: var(--site-amber); box-shadow: 0 0 10px var(--site-amber);
  animation: aa-pulse 1.6s infinite;
}
.hv-hitl-task {
  border: 1px solid rgba(255,176,32,0.3); padding: 12px;
  background: rgba(255,176,32,0.05);
  margin-bottom: 12px;
}
.hv-hitl-name { color: #fff; font-size: 13.5px; font-weight: 500; margin-bottom: 4px; }
.hv-hitl-action { color: var(--site-text-2); font-size: 12.5px; line-height: 1.5; margin-bottom: 8px; }
.hv-hitl-meta { font-size: 9.5px; letter-spacing: 0.16em; color: var(--site-amber); }
.hv-hitl-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.hv-hitl-btn {
  padding: 6px 14px; border: 1px solid var(--site-line-2);
  font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.14em; color: #fff;
  cursor: pointer; transition: all 180ms;
}
.hv-hitl-btn:hover { border-color: var(--site-cyan); color: var(--site-cyan); }
.hv-hitl-btn.ok { border-color: rgba(94,255,164,0.5); color: var(--site-mint); }
.hv-hitl-btn.ok:hover { background: rgba(94,255,164,0.08); }
.hv-hitl-btn.warn { border-color: rgba(255,176,32,0.5); color: var(--site-amber); }
.hv-hitl-btn.warn:hover { background: rgba(255,176,32,0.08); }

.hv-log-h { font-size: 10px; letter-spacing: 0.18em; color: var(--site-text-3); margin-bottom: 12px; }
.hv-log-stream { display: flex; flex-direction: column; gap: 5px; max-height: 168px; overflow: hidden; }
.hv-log-ln {
  display: flex; gap: 10px; align-items: baseline;
  font-family: var(--font-mono); font-size: 11px; line-height: 1.4;
  animation: hv-line 600ms ease-out;
}
@keyframes hv-line {
  0% { opacity: 0; transform: translateX(-6px); }
  100% { opacity: 1; transform: translateX(0); }
}
.hv-log-ts { color: var(--site-text-3); letter-spacing: 0.06em; flex-shrink: 0; }
.hv-log-v { color: var(--site-text-2); }
.hv-log-v.cy { color: var(--site-cyan); }
.hv-log-v.am { color: var(--site-amber); }
.hv-log-v.mt { color: var(--site-mint); }

/* TOOLS */
.hv-tools { padding: 14px 18px; border-bottom: 1px solid var(--site-line); }
.hv-tools-h { font-size: 10px; letter-spacing: 0.18em; color: var(--site-text-3); margin-bottom: 10px; }
.hv-tools-list { display: flex; flex-wrap: wrap; gap: 6px; }
.hv-tool {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 4px 10px; border: 1px solid var(--site-line);
  font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.06em; color: var(--site-text-2);
  transition: all 220ms;
}
.hv-tool .d {
  width: 5px; height: 5px; border-radius: 50%;
  background: var(--site-cyan); box-shadow: 0 0 6px var(--site-cyan);
}
.hv-tool.pulse { border-color: rgba(94,255,164,0.5); color: var(--site-mint); }
.hv-tool.pulse .d { background: var(--site-mint); box-shadow: 0 0 10px var(--site-mint); }

.hv-foot { padding: 10px 18px; font-size: 9.5px; letter-spacing: 0.18em; color: var(--site-text-3); }

/* ============================================================
   INDUSTRIES V2
============================================================ */
.hv-ind-sec { background: var(--site-bg); }

.hv-ind {
  display: grid; grid-template-columns: 280px 1fr; gap: 0;
  border: 1px solid var(--site-line);
  background: linear-gradient(180deg, rgba(15,21,48,0.4), rgba(5,7,15,0.2));
}
@media (max-width: 980px) { .hv-ind { grid-template-columns: 1fr; } }

.hv-ind-side {
  border-right: 1px solid var(--site-line);
  display: flex; flex-direction: column;
  max-height: 880px; overflow-y: auto;
  background: rgba(5,7,15,0.4);
}
@media (max-width: 980px) {
  .hv-ind-side { border-right: 0; border-bottom: 1px solid var(--site-line); flex-direction: row; max-height: none; overflow-x: auto; overflow-y: hidden; }
}

/* Custom dark cyan scrollbar */
.hv-scrollbar::-webkit-scrollbar { width: 6px; height: 6px; }
.hv-scrollbar::-webkit-scrollbar-track { background: rgba(5,7,15,0.6); }
.hv-scrollbar::-webkit-scrollbar-thumb { background: rgba(79,200,255,0.25); border-radius: 0; }
.hv-scrollbar::-webkit-scrollbar-thumb:hover { background: rgba(79,200,255,0.5); }
.hv-scrollbar { scrollbar-width: thin; scrollbar-color: rgba(79,200,255,0.3) rgba(5,7,15,0.6); }

.hv-ind-tab {
  display: grid; grid-template-columns: auto auto 1fr; gap: 12px; align-items: center;
  padding: 14px 16px; text-align: left; border: 0; border-bottom: 1px solid var(--site-line);
  background: transparent; color: var(--site-text-2); font-size: 13px; cursor: pointer;
  transition: all 200ms; flex-shrink: 0; position: relative;
}
.hv-ind-tab:hover {
  background: rgba(79,200,255,0.04); color: #fff;
}
.hv-ind-tab.on {
  background: rgba(79,200,255,0.08); color: var(--site-cyan);
  box-shadow: inset 2px 0 0 var(--site-cyan), inset 0 0 24px rgba(79,200,255,0.06);
}
.hv-ind-tab-num { font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.14em; color: var(--site-text-3); }
.hv-ind-tab.on .hv-ind-tab-num { color: var(--site-cyan); }
.hv-ind-tab-ico { width: 16px; height: 16px; color: var(--site-text-3); display: inline-flex; }
.hv-ind-tab-ico svg { width: 100%; height: 100%; }
.hv-ind-tab.on .hv-ind-tab-ico { color: var(--site-cyan); }
.hv-ind-tab-name { font-weight: 500; letter-spacing: 0.005em; }

@media (max-width: 980px) {
  .hv-ind-tab { border-bottom: 0; border-right: 1px solid var(--site-line); white-space: nowrap; min-width: 220px; }
  .hv-ind-tab.on { box-shadow: inset 0 -2px 0 var(--site-cyan); }
}

.hv-ind-panel {
  padding: 28px;
  display: flex; flex-direction: column; gap: 24px;
  animation: hv-fade 380ms cubic-bezier(.22,.61,.36,1);
  min-width: 0;
}
@keyframes hv-fade {
  0% { opacity: 0; transform: translateY(8px); }
  100% { opacity: 1; transform: translateY(0); }
}
@media (max-width: 700px) { .hv-ind-panel { padding: 20px; } }

/* HEADER */
.hv-ind-header {
  display: grid; grid-template-columns: 1fr auto; gap: 24px; align-items: start;
  padding-bottom: 24px; border-bottom: 1px solid var(--site-line);
}
.hv-ind-eyebrow { font-size: 10.5px; letter-spacing: 0.18em; color: var(--site-cyan); margin-bottom: 12px; }
.hv-ind-h {
  font-family: var(--font-display); font-size: clamp(28px, 3.4vw, 40px);
  line-height: 1.05; letter-spacing: -0.025em; color: #fff; font-weight: 400;
  margin: 0 0 12px;
}
.hv-ind-blurb { font-size: 14.5px; line-height: 1.6; color: var(--site-text-2); margin: 0 0 16px; max-width: 720px; }
.hv-ind-tags { display: flex; flex-wrap: wrap; gap: 8px; }
.hv-ind-tag {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 5px 12px; border: 1px solid var(--site-line-2);
  font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.08em; color: var(--site-text-2);
}
.hv-ind-tag .d { width: 6px; height: 6px; border-radius: 50%; }
.hv-ind-tag .d.cy { background: var(--site-cyan); box-shadow: 0 0 8px var(--site-cyan); }
.hv-ind-tag .d.am { background: var(--site-amber); box-shadow: 0 0 8px var(--site-amber); }
.hv-ind-tag .d.mt { background: var(--site-mint); box-shadow: 0 0 8px var(--site-mint); }

.hv-ind-headico {
  width: 64px; height: 64px; flex-shrink: 0;
  border: 1px solid rgba(79,200,255,0.3); background: rgba(79,200,255,0.06);
  color: var(--site-cyan); display: grid; place-items: center;
}
.hv-ind-headico svg { width: 32px; height: 32px; }
@media (max-width: 700px) { .hv-ind-headico { width: 48px; height: 48px; } .hv-ind-headico svg { width: 24px; height: 24px; } }

/* SCENE */
.hv-ind-scene {
  border: 1px solid var(--site-line);
  background: radial-gradient(60% 80% at 50% 50%, rgba(0,85,255,0.12), transparent 70%), #060A18;
  position: relative; overflow: hidden;
}
.hv-ind-svg { width: 100%; height: auto; display: block; aspect-ratio: 760 / 330; }
.hv-ind-scene-foot {
  position: absolute; bottom: 8px; left: 16px;
  font-size: 9.5px; letter-spacing: 0.18em; color: var(--site-mint);
}

/* AGENT + WORKFLOW GRID */
.hv-ind-grid {
  display: grid; grid-template-columns: 1.15fr 1fr; gap: 20px;
}
@media (max-width: 900px) { .hv-ind-grid { grid-template-columns: 1fr; } }

.hv-ind-block-h {
  font-size: 10px; letter-spacing: 0.2em; color: var(--site-text-3); margin-bottom: 12px;
}
.hv-ind-block-h.mt { margin-top: 22px; }

.hv-ind-agent-list { display: flex; flex-direction: column; gap: 8px; }
.hv-ind-agent {
  border: 1px solid var(--site-line); padding: 14px 16px;
  background: rgba(255,255,255,0.01);
  transition: all 220ms;
}
.hv-ind-agent.hot, .hv-ind-agent:hover {
  border-color: rgba(79,200,255,0.45); background: rgba(79,200,255,0.05);
}
.hv-ind-agent-h { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 4px; }
.hv-ind-agent-name { color: #fff; font-size: 14px; font-weight: 500; letter-spacing: 0.005em; }
.hv-ind-agent-st {
  font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.16em;
  padding: 3px 8px; border: 1px solid currentColor;
}
.hv-ind-agent-st.cy { color: var(--site-cyan); }
.hv-ind-agent-st.mt { color: var(--site-mint); }
.hv-ind-agent-st.am { color: var(--site-amber); }
.hv-ind-agent-p { font-size: 12.5px; line-height: 1.5; color: var(--site-text-2); }

/* PIPE */
.hv-ind-pipe { display: flex; flex-direction: column; gap: 4px; }
.hv-ind-pipe-step {
  display: grid; grid-template-columns: auto 1fr; gap: 12px; align-items: center;
  padding: 10px 14px; border: 1px solid var(--site-line); background: rgba(255,255,255,0.01);
  transition: all 220ms;
}
.hv-ind-pipe-step.hot { border-color: rgba(94,255,164,0.5); background: rgba(94,255,164,0.05); }
.hv-ind-pipe-num { font-size: 10px; letter-spacing: 0.16em; color: var(--site-text-3); }
.hv-ind-pipe-step.hot .hv-ind-pipe-num { color: var(--site-mint); }
.hv-ind-pipe-name { color: #fff; font-size: 13px; }
.hv-ind-pipe-arrow {
  margin-left: 18px; height: 14px; width: 1px; background: var(--site-line-2);
  position: relative;
}
.hv-ind-pipe-arrow::after {
  content: ""; position: absolute; left: -3px; bottom: -2px;
  width: 7px; height: 7px; border-right: 1px solid var(--site-cyan); border-bottom: 1px solid var(--site-cyan);
  transform: rotate(45deg);
}

/* SYSTEMS chips */
.hv-ind-systems { display: flex; flex-wrap: wrap; gap: 6px; }
.hv-ind-sys {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 5px 11px; border: 1px solid var(--site-line);
  font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.06em; color: var(--site-text-2);
  cursor: default; transition: all 180ms;
}
.hv-ind-sys .d { width: 5px; height: 5px; border-radius: 50%; background: var(--site-cyan); box-shadow: 0 0 6px var(--site-cyan); }
.hv-ind-sys.hot, .hv-ind-sys:hover {
  border-color: rgba(94,255,164,0.5); color: var(--site-mint);
}
.hv-ind-sys.hot .d, .hv-ind-sys:hover .d { background: var(--site-mint); box-shadow: 0 0 8px var(--site-mint); }

/* OUTCOMES */
.hv-ind-outcomes {
  display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid var(--site-line);
}
@media (max-width: 700px) { .hv-ind-outcomes { grid-template-columns: 1fr; } }
.hv-ind-out {
  padding: 18px 18px; border-right: 1px solid var(--site-line);
  background: linear-gradient(180deg, rgba(94,255,164,0.04), transparent);
}
.hv-ind-out:last-child { border-right: 0; }
@media (max-width: 700px) {
  .hv-ind-out { border-right: 0; border-bottom: 1px solid var(--site-line); }
  .hv-ind-out:last-child { border-bottom: 0; }
}
.hv-ind-out-num { font-size: 10px; letter-spacing: 0.18em; color: var(--site-mint); margin-bottom: 8px; }
.hv-ind-out-h { font-family: var(--font-display); font-size: 18px; color: #fff; font-weight: 500; letter-spacing: -0.01em; margin-bottom: 4px; }
.hv-ind-out-p { font-size: 12.5px; line-height: 1.5; color: var(--site-text-2); }

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .hv-ind-panel, .hv-log-ln, .hv-pipe-pkt { animation: none; }
}