/* =========================================================
   ORION OS 6.1 — LIVING UNIVERSE ENGINE
   Background / Nebula / Starfield / Horizon / Mouse Glow
   ========================================================= */

:root {
  --orion-cyan: #67e8f9;
  --orion-blue: #3b82f6;
  --orion-violet: #8b5cf6;
  --orion-deep: #02030a;
}

.orion-space {
  position: fixed;
  inset: 0;
  z-index: -5;
  overflow: hidden;
  pointer-events: none;
  background:
    radial-gradient(circle at 50% 18%, rgba(103, 232, 249, 0.075), transparent 34%),
    radial-gradient(circle at 82% 62%, rgba(139, 92, 246, 0.105), transparent 38%),
    radial-gradient(circle at 18% 76%, rgba(59, 130, 246, 0.08), transparent 36%),
    linear-gradient(180deg, #02030a 0%, #07111f 42%, #02030a 100%);
}

#orionStarfield {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.orion-nebula {
  position: absolute;
  border-radius: 999px;
  filter: blur(110px);
  opacity: 0.23;
  mix-blend-mode: screen;
  will-change: transform, opacity;
}

.orion-nebula-one {
  width: 68vw;
  height: 68vw;
  left: -22vw;
  top: -28vw;
  background: rgba(103, 232, 249, 0.34);
  animation: os61NebulaOne 190s ease-in-out infinite alternate;
}

.orion-nebula-two {
  width: 72vw;
  height: 72vw;
  right: -28vw;
  top: 8vh;
  background: rgba(139, 92, 246, 0.32);
  animation: os61NebulaTwo 230s ease-in-out infinite alternate;
}

.orion-nebula-three {
  width: 62vw;
  height: 62vw;
  left: 30vw;
  bottom: -34vw;
  background: rgba(59, 130, 246, 0.27);
  animation: os61NebulaThree 260s ease-in-out infinite alternate;
}

.orion-horizon {
  position: absolute;
  left: 50%;
  bottom: -26vh;
  width: 170vw;
  height: 52vh;
  transform: translateX(-50%);
  border-radius: 50% 50% 0 0;
  background:
    radial-gradient(ellipse at center top, rgba(103, 232, 249, 0.2), rgba(103, 232, 249, 0.045) 34%, transparent 66%);
  filter: blur(24px);
  opacity: 0.68;
}

.orion-horizon::before {
  content: "";
  position: absolute;
  left: 13%;
  right: 13%;
  top: 11%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(103, 232, 249, 0.8), rgba(255,255,255,0.7), rgba(139,92,246,0.55), transparent);
  box-shadow: 0 0 32px rgba(103, 232, 249, 0.65);
  opacity: 0.75;
}

.orion-ambient-glow {
  position: absolute;
  left: 62%;
  top: 45%;
  width: min(820px, 82vw);
  height: min(820px, 82vw);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  background:
    radial-gradient(circle, rgba(103, 232, 249, 0.18), rgba(139, 92, 246, 0.08) 36%, transparent 68%);
  filter: blur(22px);
  opacity: 0.72;
  animation: os61GlowBreath 18s ease-in-out infinite;
}

.orion-mouse-light {
  position: absolute;
  width: 420px;
  height: 420px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(103,232,249,0.12), rgba(103,232,249,0.035) 34%, transparent 68%);
  filter: blur(18px);
  transform: translate(-50%, -50%);
  opacity: 0.65;
  transition: opacity 0.35s ease;
}

@keyframes os61NebulaOne {
  from { transform: translate3d(0, 0, 0) scale(1); }
  to { transform: translate3d(16vw, 12vh, 0) scale(1.16); }
}

@keyframes os61NebulaTwo {
  from { transform: translate3d(0, 0, 0) scale(1); }
  to { transform: translate3d(-18vw, 10vh, 0) scale(1.2); }
}

@keyframes os61NebulaThree {
  from { transform: translate3d(0, 0, 0) scale(1); }
  to { transform: translate3d(-9vw, -14vh, 0) scale(1.14); }
}

@keyframes os61GlowBreath {
  0%, 100% {
    opacity: 0.48;
    transform: translate(-50%, -50%) scale(0.94);
  }

  50% {
    opacity: 0.9;
    transform: translate(-50%, -50%) scale(1.08);
  }
}

@media (prefers-reduced-motion: reduce) {
  .orion-nebula,
  .orion-ambient-glow {
    animation: none !important;
  }
}

@media (max-width: 768px) {
  .orion-nebula {
    filter: blur(80px);
    opacity: 0.2;
  }

  .orion-horizon {
    bottom: -18vh;
    height: 38vh;
  }

  .orion-mouse-light {
    display: none;
  }
}
/* =========================================================
   ORION OS 6.1 — FIRST SCREEN TIGHTENING
   ========================================================= */

.os6-hero {
  min-height: calc(100vh - 82px) !important;
  padding-top: 64px !important;
  padding-bottom: 72px !important;
}

.os6-hero-shell {
  transform: translateY(-32px);
}

.os6-title {
  font-size: clamp(62px, 7.4vw, 106px) !important;
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  backdrop-filter: blur(22px);
  background: rgba(2, 6, 23, 0.72);
}
/* ORION OS 6.1.4 — VISIBILITY TEST */

.orion-space {
  z-index: 1 !important;
  opacity: 1 !important;
}

.orion-space::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(circle, rgba(103,232,249,0.9) 1px, transparent 1.5px),
    radial-gradient(circle, rgba(139,92,246,0.7) 1px, transparent 1.5px);
  background-size: 90px 90px, 140px 140px;
  background-position: 0 0, 45px 70px;
  opacity: 0.45;
}
/* =========================================================
   ORION OS V9 — STAGE 7 SMOOTH FIBRE PATCH 9.0.8
   Removes pipe glow, reduces judder, sharpens fibre rails
   ========================================================= */

/* Kill the washed-out central haze */
.os78-dashboard .os9-network .os9-core-bloom,
.os78-dashboard .os9-network .os9-core-bloom-soft,
.os78-dashboard .os9-network .os9-core-bloom-hard,
.os78-dashboard .os9-network .os9-core-bloom-pulse {
  opacity: 0.08 !important;
  filter: none !important;
}

/* Keep SVG layer calm */
.os78-dashboard .os9-network {
  opacity: 1 !important;
  mix-blend-mode: screen !important;
  filter: none !important;
}

/* All routes become thin engineered rails */
.os78-dashboard .os9-network .os9-route {
  opacity: 0.88 !important;
  filter: none !important;
}

/* Remove the fat pipe glow completely */
.os78-dashboard .os9-network .os9-glow {
  stroke-width: 0 !important;
  opacity: 0 !important;
  filter: none !important;
  animation: none !important;
}

/* Outer rail: fine and subtle */
.os78-dashboard .os9-network .os9-outer {
  stroke-width: 1.35 !important;
  opacity: 0.38 !important;
  stroke-dasharray: none !important;
  filter: none !important;
  animation: none !important;
}

/* Inner rail: primary fibre line */
.os78-dashboard .os9-network .os9-inner {
  stroke-width: 0.9 !important;
  opacity: 0.88 !important;
  stroke-dasharray: none !important;
  filter: none !important;
  animation: none !important;
}

/* Central conductor: hairline data trace */
.os78-dashboard .os9-network .os9-conductor {
  stroke: rgba(255, 255, 255, 0.78) !important;
  stroke-width: 0.42 !important;
  opacity: 0.65 !important;
  stroke-dasharray: 1.5 8 !important;
  filter: none !important;
  animation: os9FineDataFlowSmooth 1.6s linear infinite !important;
}

/* Packet A: visible coloured energy segment, but not a thick tube */
.os78-dashboard .os9-network .os9-packet-a {
  stroke: var(--route-main) !important;
  stroke-width: 1.9 !important;
  opacity: 0.95 !important;
  stroke-dasharray: 8 150 !important;
  stroke-linecap: round !important;
  filter: none !important;
  animation: os9PacketTravelSmoothA 2.4s linear infinite !important;
}

/* Packet B: small white photon streak */
.os78-dashboard .os9-network .os9-packet-b {
  stroke: rgba(255, 255, 255, 0.96) !important;
  stroke-width: 1.15 !important;
  opacity: 0.9 !important;
  stroke-dasharray: 3 92 !important;
  stroke-linecap: round !important;
  filter: none !important;
  animation: os9PacketTravelSmoothB 3.1s linear infinite !important;
}

/* Photon dots: clean, no expensive blur */
.os78-dashboard .os9-network .os9-photon {
  fill: #ffffff !important;
  stroke: var(--route-main) !important;
  stroke-width: 0.8 !important;
  opacity: 0.92 !important;
  filter: none !important;
}

/* Active route gets brighter, but still stays thin */
.os78-dashboard .os9-network .os9-route.os9-active {
  opacity: 1 !important;
  filter: none !important;
}

.os78-dashboard .os9-network .os9-route.os9-active .os9-outer {
  stroke-width: 1.8 !important;
  opacity: 0.58 !important;
}

.os78-dashboard .os9-network .os9-route.os9-active .os9-inner {
  stroke-width: 1.25 !important;
  opacity: 1 !important;
}

.os78-dashboard .os9-network .os9-route.os9-active .os9-conductor {
  stroke-width: 0.55 !important;
  opacity: 0.95 !important;
  stroke-dasharray: 1.5 5.5 !important;
  animation-duration: 1.05s !important;
}

.os78-dashboard .os9-network .os9-route.os9-active .os9-packet-a {
  stroke-width: 2.3 !important;
  opacity: 1 !important;
  stroke-dasharray: 10 92 !important;
  animation-duration: 1.45s !important;
}

.os78-dashboard .os9-network .os9-route.os9-active .os9-packet-b {
  stroke-width: 1.45 !important;
  opacity: 1 !important;
  stroke-dasharray: 4 58 !important;
  animation-duration: 1.9s !important;
}

/* Revenue route stays green, but no floodlight */
.os78-dashboard .os9-network .os9-revenue .os9-outer {
  opacity: 0.5 !important;
}

.os78-dashboard .os9-network .os9-revenue .os9-inner {
  opacity: 0.95 !important;
}

/* Fix currency symbols inside Revenue icon */
.os78-node.os78-revenue i {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  padding: 0 !important;
  margin: 0 !important;
  text-align: center !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  font-style: normal !important;
  font-size: 13px !important;
}

.os78-node.os78-revenue i::before,
.os78-node.os78-revenue i::after {
  display: none !important;
}

@keyframes os9FineDataFlowSmooth {
  from {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: -38;
  }
}

@keyframes os9PacketTravelSmoothA {
  from {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: -158;
  }
}

@keyframes os9PacketTravelSmoothB {
  from {
    stroke-dashoffset: -40;
  }
  to {
    stroke-dashoffset: -135;
  }
}