/* =========================================================
   AINEXOAI Unique Heroes — no dashboard boxes
   Gold #C89B3C · Crimson #9F2D2D · Charcoal #242424
   Each data-scene is a distinct CSS 3D composition.
   ========================================================= */

.erp-stage {
  min-height: 280px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.erp-stage > .ainexo-hero-stage {
  position: relative;
  right: auto;
  top: auto;
  transform: none;
  width: min(340px, 100%);
  height: 280px;
  opacity: 1;
  filter: drop-shadow(0 28px 48px rgba(0, 0, 0, 0.35));
}

.ainexo-hero-stage,
.erp-stage .ainexo-hero-stage {
  position: absolute;
  right: max(0.5rem, 3vw);
  top: 50%;
  transform: translateY(-48%);
  width: min(340px, 38vw);
  height: min(280px, 42vw);
  z-index: 1;
  pointer-events: none;
  perspective: 1000px;
  filter: drop-shadow(0 28px 48px rgba(0, 0, 0, 0.4));
}

/* Kill legacy dashboard mock markup if still present */
.ainexo-hero-stage .ahs-screen,
.ainexo-hero-stage .ahs-bar,
.ainexo-hero-stage .ahs-grid,
.ainexo-hero-stage .ahs-chart,
.ainexo-hero-stage .ahs-side,
.erp-device {
  display: none !important;
}

.page-hero.ainexo-3d-page-hero,
.erp-hero.ainexo-unique-hero,
.ainexo-company-hero.ainexo-unique-hero {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

.page-hero.ainexo-3d-page-hero > .container,
.page-hero.ainexo-3d-page-hero > *:not(.ainexo-hero-stage),
.erp-hero.ainexo-unique-hero .erp-hero-copy,
.ainexo-company-hero.ainexo-unique-hero .ainexo-company-hero-copy {
  position: relative;
  z-index: 3;
}

/* Soft full-bleed atmosphere (unique per scene via body attr) */
.page-hero.ainexo-3d-page-hero::before,
.erp-hero.ainexo-unique-hero::before,
.ainexo-company-hero.ainexo-unique-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  opacity: 1;
  background:
    radial-gradient(ellipse 55% 50% at 85% 40%, rgba(200, 155, 60, 0.14), transparent 60%),
    radial-gradient(ellipse 40% 45% at 10% 70%, rgba(159, 45, 45, 0.1), transparent 55%);
}

.uh-root {
  position: relative;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  animation: uhFloat 9s ease-in-out infinite;
}

@keyframes uhFloat {
  0%, 100% { transform: translateY(0) rotateY(-8deg) rotateX(4deg); }
  50% { transform: translateY(-10px) rotateY(-4deg) rotateX(2deg); }
}

.uh-brand {
  position: absolute;
  left: 50%;
  bottom: 6%;
  transform: translateX(-50%);
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.22em;
  color: rgba(200, 155, 60, 0.55);
  text-transform: uppercase;
  z-index: 5;
  white-space: nowrap;
  pointer-events: none;
}

.uh-glow {
  position: absolute;
  inset: 8% 12%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(200, 155, 60, 0.28), transparent 68%);
  filter: blur(18px);
  animation: uhPulse 5.5s ease-in-out infinite;
}

@keyframes uhPulse {
  0%, 100% { opacity: 0.55; transform: scale(1); }
  50% { opacity: 0.95; transform: scale(1.08); }
}

.uh-orbit {
  position: absolute;
  inset: 12%;
  border-radius: 50%;
  border: 1px solid rgba(200, 155, 60, 0.28);
  box-shadow: inset 0 0 24px rgba(159, 45, 45, 0.12);
  animation: uhSpin 28s linear infinite;
}

.uh-orbit::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #c89b3c;
  top: 8%;
  left: 48%;
  box-shadow: 0 0 12px #c89b3c;
}

@keyframes uhSpin {
  to { transform: rotate(360deg); }
}

.uh-core {
  position: absolute;
  left: 50%;
  top: 46%;
  width: 54px;
  height: 54px;
  margin: -27px 0 0 -27px;
  border-radius: 16px;
  background:
    linear-gradient(145deg, rgba(250, 248, 245, 0.12), rgba(36, 36, 36, 0.9)),
    #242424;
  border: 1px solid rgba(200, 155, 60, 0.4);
  box-shadow:
    0 0 0 6px rgba(200, 155, 60, 0.08),
    0 12px 32px rgba(0, 0, 0, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.12);
  transform: rotateX(12deg) rotateY(-18deg);
}

.uh-core::after {
  content: "AI";
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  color: #c89b3c;
}

.uh-particles {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.uh-particles i {
  position: absolute;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #c89b3c;
  opacity: 0.55;
  animation: uhDrift 7s ease-in-out infinite;
}

.uh-particles i:nth-child(1) { left: 12%; top: 22%; animation-delay: 0s; }
.uh-particles i:nth-child(2) { left: 78%; top: 18%; background: #9f2d2d; animation-delay: 0.8s; }
.uh-particles i:nth-child(3) { left: 64%; top: 72%; animation-delay: 1.4s; }
.uh-particles i:nth-child(4) { left: 28%; top: 68%; background: #faf8f5; animation-delay: 2s; }
.uh-particles i:nth-child(5) { left: 48%; top: 12%; animation-delay: 2.6s; }
.uh-particles i:nth-child(6) { left: 88%; top: 48%; background: #9f2d2d; animation-delay: 3.2s; }

@keyframes uhDrift {
  0%, 100% { transform: translateY(0); opacity: 0.35; }
  50% { transform: translateY(-14px); opacity: 0.9; }
}

.uh-sculpt {
  position: absolute;
  inset: 0;
  transform-style: preserve-3d;
}

/* ---------- UNIQUE SCENES ---------- */

/* HQ / About — twin towers */
[data-scene="hq"] .uh-sculpt::before,
[data-scene="hq"] .uh-sculpt::after {
  content: "";
  position: absolute;
  bottom: 18%;
  width: 42px;
  border-radius: 6px 6px 2px 2px;
  background: linear-gradient(180deg, rgba(200, 155, 60, 0.35), #242424 40%, #1a1a1a);
  border: 1px solid rgba(200, 155, 60, 0.25);
  box-shadow: inset 2px 0 0 rgba(250, 248, 245, 0.08);
}
[data-scene="hq"] .uh-sculpt::before { left: 28%; height: 58%; }
[data-scene="hq"] .uh-sculpt::after { right: 26%; height: 72%; border-color: rgba(159, 45, 45, 0.35); }
[data-scene="hq"] .uh-core { top: 28%; }

/* Corporate / Company — glass facade grid */
[data-scene="corporate"] .uh-sculpt {
  inset: 16% 18%;
  border-radius: 14px;
  background:
    linear-gradient(90deg, rgba(200, 155, 60, 0.15) 1px, transparent 1px) 0 0 / 18px 18px,
    linear-gradient(rgba(200, 155, 60, 0.12) 1px, transparent 1px) 0 0 / 18px 18px,
    linear-gradient(160deg, rgba(250, 248, 245, 0.08), rgba(36, 36, 36, 0.85));
  border: 1px solid rgba(200, 155, 60, 0.3);
  transform: rotateY(-16deg) rotateX(8deg);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.35);
}
[data-scene="corporate"] .uh-core { display: none; }

/* Workflow / Services — node chain */
[data-scene="workflow"] .uh-sculpt::before {
  content: "";
  position: absolute;
  left: 18%;
  right: 18%;
  top: 48%;
  height: 2px;
  background: linear-gradient(90deg, transparent, #c89b3c, #9f2d2d, #c89b3c, transparent);
  box-shadow: 0 0 12px rgba(200, 155, 60, 0.4);
}
[data-scene="workflow"] .uh-sculpt::after {
  content: "";
  position: absolute;
  inset: 34% 22%;
  background:
    radial-gradient(circle at 10% 50%, #c89b3c 0 6px, transparent 7px),
    radial-gradient(circle at 50% 50%, #9f2d2d 0 8px, transparent 9px),
    radial-gradient(circle at 90% 50%, #c89b3c 0 6px, transparent 7px);
}

/* Showcase / Portfolio — floating frames */
[data-scene="showcase"] .uh-sculpt::before,
[data-scene="showcase"] .uh-sculpt::after {
  content: "";
  position: absolute;
  border-radius: 12px;
  border: 1px solid rgba(200, 155, 60, 0.35);
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.08), rgba(36, 36, 36, 0.75));
  box-shadow: 0 16px 30px rgba(0, 0, 0, 0.3);
}
[data-scene="showcase"] .uh-sculpt::before {
  width: 46%; height: 52%; left: 16%; top: 22%;
  transform: rotateY(18deg) rotateZ(-4deg);
}
[data-scene="showcase"] .uh-sculpt::after {
  width: 40%; height: 44%; right: 14%; bottom: 18%;
  transform: rotateY(-22deg) rotateZ(6deg);
  border-color: rgba(159, 45, 45, 0.4);
}
[data-scene="showcase"] .uh-core { top: 42%; width: 40px; height: 40px; margin: -20px 0 0 -20px; }

/* Lab / Future / Roadmap — concentric rings */
[data-scene="lab"] .uh-orbit { inset: 8%; border-style: dashed; }
[data-scene="lab"] .uh-sculpt::before {
  content: "";
  position: absolute;
  inset: 22%;
  border-radius: 50%;
  border: 2px solid rgba(159, 45, 45, 0.35);
  animation: uhSpin 18s linear infinite reverse;
}
[data-scene="lab"] .uh-sculpt::after {
  content: "";
  position: absolute;
  inset: 34%;
  border-radius: 50%;
  border: 1px solid rgba(200, 155, 60, 0.45);
  animation: uhSpin 12s linear infinite;
}

/* Command / AI Platform — hexagonal core */
[data-scene="command"] .uh-core {
  clip-path: polygon(50% 0%, 93% 25%, 93% 75%, 50% 100%, 7% 75%, 7% 25%);
  border-radius: 0;
  width: 70px; height: 70px; margin: -35px 0 0 -35px;
}
[data-scene="command"] .uh-sculpt::before {
  content: "";
  position: absolute;
  inset: 18%;
  border-radius: 50%;
  border: 1px dashed rgba(200, 155, 60, 0.35);
  animation: uhSpin 40s linear infinite;
}

/* Globe / Contact — meridian arcs */
[data-scene="globe"] .uh-sculpt::before {
  content: "";
  position: absolute;
  left: 50%; top: 46%;
  width: 120px; height: 120px;
  margin: -60px 0 0 -60px;
  border-radius: 50%;
  border: 2px solid rgba(200, 155, 60, 0.35);
  box-shadow:
    inset 0 0 0 1px rgba(159, 45, 45, 0.2),
    0 0 40px rgba(200, 155, 60, 0.15);
}
[data-scene="globe"] .uh-sculpt::after {
  content: "";
  position: absolute;
  left: 50%; top: 46%;
  width: 120px; height: 60px;
  margin: -30px 0 0 -60px;
  border-radius: 50%;
  border: 1px solid rgba(250, 248, 245, 0.25);
  transform: rotateX(66deg);
  animation: uhSpin 20s linear infinite;
}
[data-scene="globe"] .uh-core { width: 36px; height: 36px; margin: -18px 0 0 -18px; border-radius: 50%; }
[data-scene="globe"] .uh-core::after { content: ""; width: 10px; height: 10px; border-radius: 50%; background: #c89b3c; margin: auto; }

/* Constellation / Solutions */
[data-scene="constellation"] .uh-sculpt {
  background:
    radial-gradient(circle at 20% 30%, #c89b3c 0 3px, transparent 4px),
    radial-gradient(circle at 70% 25%, #9f2d2d 0 3px, transparent 4px),
    radial-gradient(circle at 55% 60%, #c89b3c 0 4px, transparent 5px),
    radial-gradient(circle at 30% 75%, #faf8f5 0 2px, transparent 3px),
    radial-gradient(circle at 80% 70%, #c89b3c 0 3px, transparent 4px);
}
[data-scene="constellation"] .uh-sculpt::before {
  content: "";
  position: absolute;
  inset: 28% 24%;
  border: 1px solid rgba(200, 155, 60, 0.2);
  clip-path: polygon(20% 10%, 80% 20%, 70% 80%, 25% 70%);
  background: linear-gradient(135deg, rgba(200, 155, 60, 0.08), transparent);
}
[data-scene="constellation"] .uh-core { display: none; }

/* Prism / Products */
[data-scene="prism"] .uh-sculpt::before {
  content: "";
  position: absolute;
  left: 50%; top: 42%;
  width: 0; height: 0;
  margin-left: -55px;
  border-left: 55px solid transparent;
  border-right: 55px solid transparent;
  border-bottom: 95px solid rgba(200, 155, 60, 0.22);
  filter: drop-shadow(0 12px 20px rgba(0, 0, 0, 0.35));
}
[data-scene="prism"] .uh-sculpt::after {
  content: "";
  position: absolute;
  left: 50%; top: 42%;
  width: 0; height: 0;
  margin-left: -40px;
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
  border-bottom: 70px solid rgba(159, 45, 45, 0.28);
}
[data-scene="prism"] .uh-core { top: 58%; }

/* Ascent / Careers */
[data-scene="ascent"] .uh-sculpt::before {
  content: "";
  position: absolute;
  left: 22%; right: 22%; bottom: 20%;
  height: 55%;
  background:
    linear-gradient(90deg, transparent 0 18%, rgba(200, 155, 60, 0.35) 18% 28%, transparent 28% 38%, rgba(159, 45, 45, 0.35) 38% 48%, transparent 48% 58%, rgba(200, 155, 60, 0.35) 58% 68%, transparent 68% 78%, rgba(250, 248, 245, 0.25) 78% 88%, transparent 88%),
    linear-gradient(180deg, transparent, rgba(36, 36, 36, 0.5));
  clip-path: polygon(8% 100%, 30% 55%, 48% 75%, 68% 30%, 92% 100%);
}
[data-scene="ascent"] .uh-core { top: 30%; }

/* Alliance / Partners — linked rings */
[data-scene="alliance"] .uh-sculpt::before,
[data-scene="alliance"] .uh-sculpt::after {
  content: "";
  position: absolute;
  top: 36%;
  width: 88px; height: 88px;
  border-radius: 50%;
  border: 3px solid rgba(200, 155, 60, 0.45);
}
[data-scene="alliance"] .uh-sculpt::before { left: 18%; }
[data-scene="alliance"] .uh-sculpt::after { right: 18%; border-color: rgba(159, 45, 45, 0.45); }
[data-scene="alliance"] .uh-core { width: 28px; height: 28px; margin: -14px 0 0 -14px; border-radius: 50%; }
[data-scene="alliance"] .uh-core::after { content: ""; width: 8px; height: 8px; border-radius: 50%; background: #c89b3c; place-self: center; }

/* Chronicle / Our Story — ribbon */
[data-scene="chronicle"] .uh-sculpt::before {
  content: "";
  position: absolute;
  left: 16%; right: 16%; top: 48%;
  height: 4px;
  border-radius: 99px;
  background: linear-gradient(90deg, #9f2d2d, #c89b3c, #faf8f5, #c89b3c);
}
[data-scene="chronicle"] .uh-sculpt::after {
  content: "";
  position: absolute;
  inset: 36% 18% 36%;
  background:
    radial-gradient(circle at 15% 50%, #c89b3c 0 7px, transparent 8px),
    radial-gradient(circle at 40% 50%, #9f2d2d 0 7px, transparent 8px),
    radial-gradient(circle at 65% 50%, #c89b3c 0 7px, transparent 8px),
    radial-gradient(circle at 90% 50%, #faf8f5 0 6px, transparent 7px);
}
[data-scene="chronicle"] .uh-core { display: none; }

/* Pillars / Leadership */
[data-scene="pillars"] .uh-sculpt::before,
[data-scene="pillars"] .uh-sculpt::after {
  content: "";
  position: absolute;
  bottom: 16%;
  width: 36px;
  height: 62%;
  border-radius: 8px 8px 2px 2px;
  background: linear-gradient(180deg, rgba(250, 248, 245, 0.15), #242424);
  border: 1px solid rgba(200, 155, 60, 0.3);
}
[data-scene="pillars"] .uh-sculpt::before { left: 30%; }
[data-scene="pillars"] .uh-sculpt::after { right: 30%; border-color: rgba(159, 45, 45, 0.35); }
[data-scene="pillars"] .uh-core { top: 22%; width: 44px; height: 44px; margin: -22px 0 0 -22px; }

/* Dossier / Case studies — layered cards (NOT dashboard charts) */
[data-scene="dossier"] .uh-sculpt::before,
[data-scene="dossier"] .uh-sculpt::after {
  content: "";
  position: absolute;
  width: 58%; height: 48%;
  border-radius: 14px;
  border: 1px solid rgba(200, 155, 60, 0.3);
  background: linear-gradient(160deg, rgba(255, 255, 255, 0.07), rgba(36, 36, 36, 0.8));
}
[data-scene="dossier"] .uh-sculpt::before {
  left: 14%; top: 22%; transform: rotate(-8deg);
}
[data-scene="dossier"] .uh-sculpt::after {
  right: 12%; bottom: 18%; transform: rotate(10deg);
  border-color: rgba(159, 45, 45, 0.35);
}
[data-scene="dossier"] .uh-core { display: none; }

/* Apex / Success stories */
[data-scene="apex"] .uh-sculpt::before {
  content: "";
  position: absolute;
  left: 50%; bottom: 18%;
  width: 140px; height: 140px;
  margin-left: -70px;
  border-radius: 50%;
  border: 2px solid transparent;
  border-top-color: #c89b3c;
  border-right-color: #9f2d2d;
  animation: uhSpin 10s linear infinite;
}
[data-scene="apex"] .uh-sculpt::after {
  content: "";
  position: absolute;
  left: 50%; bottom: 34%;
  width: 0; height: 0;
  margin-left: -18px;
  border-left: 18px solid transparent;
  border-right: 18px solid transparent;
  border-bottom: 36px solid #c89b3c;
  filter: drop-shadow(0 0 12px rgba(200, 155, 60, 0.5));
}
[data-scene="apex"] .uh-core { display: none; }

/* Seal / Quote */
[data-scene="seal"] .uh-sculpt::before {
  content: "";
  position: absolute;
  left: 50%; top: 44%;
  width: 110px; height: 110px;
  margin: -55px 0 0 -55px;
  border-radius: 50%;
  border: 3px double rgba(200, 155, 60, 0.5);
  box-shadow: inset 0 0 0 10px rgba(159, 45, 45, 0.12);
}
[data-scene="seal"] .uh-core { width: 48px; height: 48px; margin: -24px 0 0 -24px; border-radius: 50%; }
[data-scene="seal"] .uh-core::after { content: "Q"; font-size: 1rem; }

/* Orbit / Book meeting */
[data-scene="orbit"] .uh-sculpt::before {
  content: "";
  position: absolute;
  left: 50%; top: 46%;
  width: 130px; height: 70px;
  margin: -35px 0 0 -65px;
  border-radius: 50%;
  border: 1px solid rgba(200, 155, 60, 0.35);
  transform: rotateX(70deg);
  animation: uhSpin 16s linear infinite;
}
[data-scene="orbit"] .uh-sculpt::after {
  content: "";
  position: absolute;
  width: 72px; height: 56px;
  left: 50%; top: 42%;
  margin: -28px 0 0 -36px;
  border-radius: 10px;
  border: 1px solid rgba(200, 155, 60, 0.35);
  background: linear-gradient(180deg, rgba(250, 248, 245, 0.08), rgba(36, 36, 36, 0.85));
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.3);
}
[data-scene="orbit"] .uh-core { display: none; }

/* Hex / FAQs */
[data-scene="hex"] .uh-core {
  clip-path: polygon(25% 6%, 75% 6%, 100% 50%, 75% 94%, 25% 94%, 0% 50%);
  border-radius: 0;
  width: 76px; height: 76px; margin: -38px 0 0 -38px;
}
[data-scene="hex"] .uh-core::after { content: "?"; font-size: 1.2rem; }
[data-scene="hex"] .uh-sculpt::before {
  content: "";
  position: absolute;
  inset: 20%;
  border: 1px solid rgba(200, 155, 60, 0.2);
  clip-path: polygon(25% 6%, 75% 6%, 100% 50%, 75% 94%, 25% 94%, 0% 50%);
  animation: uhPulse 6s ease-in-out infinite;
}

/* Library / Blog */
[data-scene="library"] .uh-sculpt::before {
  content: "";
  position: absolute;
  left: 18%; right: 18%; bottom: 18%;
  height: 58%;
  background:
    repeating-linear-gradient(
      90deg,
      #9f2d2d 0 10px,
      #c89b3c 10px 20px,
      #242424 20px 32px,
      #faf8f5 32px 40px,
      #242424 40px 52px
    );
  border-radius: 4px;
  opacity: 0.85;
  mask-image: linear-gradient(180deg, transparent, #000 20%);
}
[data-scene="library"] .uh-sculpt::after {
  content: "";
  position: absolute;
  left: 50%; top: 22%;
  width: 48px; height: 36px;
  margin-left: -24px;
  border-radius: 6px;
  border: 1px solid rgba(200, 155, 60, 0.4);
  background: rgba(36, 36, 36, 0.8);
}
[data-scene="library"] .uh-core { display: none; }

/* Vault / Privacy */
[data-scene="vault"] .uh-sculpt::before {
  content: "";
  position: absolute;
  left: 50%; top: 44%;
  width: 100px; height: 100px;
  margin: -50px 0 0 -50px;
  border-radius: 22px;
  border: 2px solid rgba(200, 155, 60, 0.4);
  background: radial-gradient(circle at 50% 45%, rgba(200, 155, 60, 0.2), #242424 60%);
  box-shadow: inset 0 0 0 12px rgba(36, 36, 36, 0.6);
}
[data-scene="vault"] .uh-core { border-radius: 50%; width: 34px; height: 34px; margin: -17px 0 0 -17px; }
[data-scene="vault"] .uh-core::after { content: ""; width: 14px; height: 16px; border: 2px solid #c89b3c; border-radius: 4px 4px 2px 2px; }

/* Scroll / Terms */
[data-scene="scroll"] .uh-sculpt::before {
  content: "";
  position: absolute;
  left: 50%; top: 40%;
  width: 90px; height: 120px;
  margin: -60px 0 0 -45px;
  border-radius: 8px;
  background: linear-gradient(180deg, #faf8f5 0%, #f4efe8 40%, #e8e2d9 100%);
  box-shadow: 0 16px 28px rgba(0, 0, 0, 0.35);
  opacity: 0.92;
}
[data-scene="scroll"] .uh-sculpt::after {
  content: "";
  position: absolute;
  left: 50%; top: 48%;
  width: 50px; height: 6px;
  margin-left: -25px;
  border-radius: 99px;
  background: #9f2d2d;
  box-shadow: 0 14px 0 #c89b3c, 0 28px 0 rgba(36, 36, 36, 0.35);
}
[data-scene="scroll"] .uh-core { display: none; }
[data-theme="dark"] [data-scene="scroll"] .uh-sculpt::before {
  background: linear-gradient(180deg, rgba(250, 248, 245, 0.14), rgba(36, 36, 36, 0.95));
  border: 1px solid rgba(200, 155, 60, 0.25);
}

/* Crystal / Cookies */
[data-scene="crystal"] .uh-sculpt::before {
  content: "";
  position: absolute;
  left: 50%; top: 40%;
  width: 70px; height: 70px;
  margin: -35px 0 0 -35px;
  background: linear-gradient(135deg, rgba(200, 155, 60, 0.55), rgba(159, 45, 45, 0.45), rgba(250, 248, 245, 0.2));
  clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
  filter: drop-shadow(0 12px 20px rgba(0, 0, 0, 0.4));
  animation: uhPulse 4.5s ease-in-out infinite;
}
[data-scene="crystal"] .uh-core { display: none; }

/* Home atmosphere boost (canvas remains primary) */
.hero.ainexo-3d-hero[data-ainexo-scene="command-center"]::after {
  content: "AINEXOAI";
  position: absolute;
  right: 4%;
  bottom: 12%;
  z-index: 2;
  font-size: 0.65rem;
  letter-spacing: 0.28em;
  color: rgba(200, 155, 60, 0.35);
  pointer-events: none;
}

/* Light mode contrast */
[data-theme="light"] .uh-brand { color: rgba(159, 45, 45, 0.55); }
[data-theme="light"] .uh-glow { background: radial-gradient(circle, rgba(200, 155, 60, 0.35), transparent 68%); }
[data-theme="light"] .uh-core {
  background: linear-gradient(145deg, #faf8f5, #f4efe8);
  color: #242424;
  border-color: rgba(200, 155, 60, 0.5);
}
[data-theme="light"] .page-hero.ainexo-3d-page-hero::before,
[data-theme="light"] .erp-hero.ainexo-unique-hero::before {
  background:
    radial-gradient(ellipse 55% 50% at 85% 40%, rgba(200, 155, 60, 0.18), transparent 60%),
    radial-gradient(ellipse 40% 45% at 10% 70%, rgba(159, 45, 45, 0.1), transparent 55%);
}

/* Title readability guard */
.page-hero.ainexo-3d-page-hero h1,
.erp-hero.ainexo-unique-hero h1,
.ainexo-company-hero.ainexo-unique-hero h1 {
  text-shadow: 0 2px 24px rgba(0, 0, 0, 0.35);
  position: relative;
  z-index: 4;
}
[data-theme="light"] .page-hero.ainexo-3d-page-hero h1,
[data-theme="light"] .erp-hero.ainexo-unique-hero h1 {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6), 0 8px 28px rgba(36, 36, 36, 0.08);
}

@media (max-width: 980px) {
  .ainexo-hero-stage {
    width: min(240px, 36vw);
    height: min(200px, 34vw);
    opacity: 0.72;
  }
}

@media (max-width: 720px) {
  .ainexo-hero-stage {
    position: absolute;
    inset: auto 0 0 auto;
    width: 100%;
    height: 100%;
    opacity: 0.28;
    transform: none;
    filter: none;
    right: 0;
    top: 0;
  }
  .uh-brand { display: none; }
  .page-hero.ainexo-3d-page-hero {
    padding-bottom: 56px;
  }
  .erp-stage .ainexo-hero-stage {
    position: relative;
    width: min(280px, 90%);
    height: 200px;
    margin: 12px auto 0;
    opacity: 0.9;
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .uh-root,
  .uh-orbit,
  .uh-glow,
  .uh-particles i,
  [data-scene] .uh-sculpt::before,
  [data-scene] .uh-sculpt::after {
    animation: none !important;
  }
}
