.adaspera-home-hero {
  min-height: calc(100svh - 86px);
  padding-block: clamp(84px, 13vh, 160px);
}

.adaspera-home-hero .pcmo-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  place-items: center;
  text-align: center;
}

.adaspera-home-hero .pcmo-hero-grid > div:first-child {
  width: 100%;
  max-width: 1180px;
  padding: 0;
  background: none;
}

.adaspera-hero-title {
  position: relative;
  isolation: isolate;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: clamp(0px, 0.8vw, 10px);
  margin: 0;
  max-width: none;
  color: rgba(247, 243, 255, 0.72);
  -webkit-text-stroke: 1px rgba(216, 197, 255, 0.72);
  paint-order: stroke fill;
  font-family: "Avenir", "Montserrat", "Inter", system-ui, sans-serif;
  font-size: clamp(4.6rem, 15.5vw, 14rem);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 0.82;
  text-shadow: none;
  animation: none;
}

.adaspera-hero-title::before {
  content: "Adaspera";
  position: absolute;
  inset: 50% auto auto 50%;
  z-index: -1;
  color: transparent;
  -webkit-text-stroke: clamp(2px, 0.18vw, 4px) rgba(124, 60, 255, 0.82);
  letter-spacing: 0;
  transform: translate(-50%, -50%) scale(1.035);
  filter: blur(18px);
  opacity: 0.72;
  text-shadow:
    0 0 42px rgba(124, 60, 255, 0.9),
    0 0 92px rgba(168, 85, 247, 0.66),
    0 0 150px rgba(216, 197, 255, 0.42);
  pointer-events: none;
}

.adaspera-hero-copy {
  max-width: 760px;
  margin: clamp(24px, 4vw, 46px) auto 0;
}

.adaspera-hero-slogan {
  margin: 0;
  color: rgba(249, 247, 255, 0.92);
  font-size: clamp(1.3rem, 2.4vw, 2.4rem);
  font-weight: 500;
  line-height: 1.12;
}

.adaspera-hero-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 14px;
  margin-top: clamp(22px, 3vw, 34px);
}

.adaspera-wave-letter {
  position: relative;
  z-index: 1;
  display: inline-block;
  animation: none;
}

.pcmo-hero h1 .adaspera-wave-letter {
  display: inline-block;
  color: rgb(255, 255, 255);
  -webkit-text-stroke: 1px rgba(216, 197, 255, 0.72);
  paint-order: stroke fill;
  text-shadow: none;
  animation: none;
}

.pcmo-hero h1 .adaspera-wave-letter::before {
  content: attr(data-letter);
  position: absolute;
  inset: 0;
  z-index: -1;
  color: transparent;
  -webkit-text-stroke: 1px rgba(124, 60, 255, 0.94);
  paint-order: stroke fill;
  text-shadow:
    0 0 2px rgba(216, 197, 255, 0.72),
    0 0 6px rgba(124, 60, 255, 0.46);
  animation: adasperaBorderGlowShift 4.8s ease-in-out infinite;
  animation-delay: calc(var(--letter-index) * 0.16s);
  pointer-events: none;
}

@keyframes adasperaBorderGlowShift {
  0%, 100% {
    -webkit-text-stroke-color: rgba(124, 60, 255, 0.94);
    text-shadow:
      0 0 2px rgba(216, 197, 255, 0.72),
      0 0 6px rgba(124, 60, 255, 0.46);
  }

  33% {
    -webkit-text-stroke-color: rgba(168, 85, 247, 0.94);
    text-shadow:
      0 0 2px rgba(216, 197, 255, 0.74),
      0 0 7px rgba(168, 85, 247, 0.48);
  }

  66% {
    -webkit-text-stroke-color: rgba(216, 197, 255, 0.94);
    text-shadow:
      0 0 2px rgba(247, 243, 255, 0.72),
      0 0 7px rgba(216, 197, 255, 0.46);
  }
}

.adaspera-animated-a {
  width: 0.86em;
  height: 0.86em;
  flex: 0 0 auto;
  overflow: visible;
  filter: drop-shadow(0 0 18px rgba(139, 77, 255, 0.64));
}

.adaspera-a-stroke {
  fill: none;
  stroke: url(#adasperaAChrome);
  stroke-width: 42;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.adaspera-a-cross {
  fill: none;
  stroke: rgba(255, 255, 255, 0.92);
  stroke-width: 28;
  stroke-linecap: round;
}

.adaspera-comet-trail {
  fill: none;
  stroke: url(#adasperaCometGlow);
  stroke-width: 18;
  stroke-linecap: round;
  stroke-dasharray: 780;
  stroke-dashoffset: 780;
  animation: adasperaDrawComet 1.6s ease-out 0.18s forwards;
  filter: drop-shadow(0 0 12px #8b4dff) drop-shadow(0 0 24px rgba(180, 124, 255, 0.58));
}

.adaspera-comet-head {
  fill: #fff;
  filter: drop-shadow(0 0 8px #fff) drop-shadow(0 0 16px #8b4dff);
}

.adaspera-comet-head-static {
  display: none;
}

.adaspera-word-rest {
  display: inline-block;
  transform: translateX(-0.035em);
}

@keyframes adasperaDrawComet {
  to {
    stroke-dashoffset: 0;
  }
}

.adaspera-intro-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(360px, 0.85fr);
  gap: clamp(36px, 6vw, 88px);
  align-items: center;
}

.adaspera-intro-grid .pcmo-proof {
  margin-top: 34px;
}

.pcmo-nav {
  position: relative;
  z-index: 5;
  overflow: hidden;
  margin-top: 12px;
  margin-bottom: -12px;
  padding: 14px clamp(14px, 2vw, 22px);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 16px;
  background:
    linear-gradient(135deg, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.04) 42%, rgba(0, 245, 255, 0.08)),
    rgba(4, 7, 16, 0.64);
  box-shadow: 0 18px 60px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(32, 32, 32, 0.22);
}

.pcmo-nav::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.08), transparent),
    radial-gradient(circle at 18% 0%, rgba(124, 60, 255, 0.16), transparent 36%);
  opacity: 0.86;
  pointer-events: none;
}

#intelligence .pcmo-console {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  min-height: clamp(560px, 60vw, 680px);
  border-color: rgba(124, 60, 255, 0.5);
  border-radius: 14px;
  background:
    radial-gradient(circle at 52% 48%, rgba(216, 197, 255, 0.16), transparent 19%),
    radial-gradient(circle at 20% 28%, rgba(124, 60, 255, 0.16), transparent 27%),
    linear-gradient(180deg, rgba(10, 12, 30, 0.86), rgba(6, 8, 20, 0.92));
  box-shadow:
    0 24px 70px rgba(0, 0, 0, 0.28),
    inset 0 0 90px rgba(124, 60, 255, 0.1);
}

#intelligence .pcmo-console::before {
  inset: 86px 34px 34px;
  border-radius: 18px;
  background:
    linear-gradient(rgba(216, 197, 255, 0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(216, 197, 255, 0.06) 1px, transparent 1px);
  background-size: 44px 44px;
  filter: none;
  opacity: 0.22;
  mask-image: radial-gradient(circle at 50% 50%, black, transparent 72%);
  animation: none;
}

#intelligence .pcmo-console::after {
  content: "";
  position: absolute;
  left: 50%;
  top: calc(50% + 38px);
  width: min(62%, 390px);
  aspect-ratio: 1;
  border-radius: 50%;
  background:
    conic-gradient(from 210deg, rgba(124, 60, 255, 0), rgba(216, 197, 255, 0.2), rgba(124, 60, 255, 0) 32%),
    radial-gradient(circle, rgba(124, 60, 255, 0.22), transparent 60%);
  transform: translate(-50%, -50%);
  filter: blur(18px);
  opacity: 0.42;
  pointer-events: none;
}

#intelligence .pcmo-console-top {
  z-index: 5;
  padding: 20px 22px;
  border-color: rgba(124, 60, 255, 0.42);
  color: rgba(216, 197, 255, 0.92);
}

#intelligence .pcmo-orbit {
  inset: auto;
  left: 50%;
  top: calc(50% + 38px);
  z-index: 1;
  width: min(46%, 290px);
  aspect-ratio: 1;
  border: 1px solid rgba(216, 197, 255, 0.36);
  border-radius: 50%;
  background:
    radial-gradient(circle at 50% 50%, rgba(247, 243, 255, 0.08), transparent 18%),
    radial-gradient(circle at 50% 50%, rgba(124, 60, 255, 0.22), transparent 58%);
  box-shadow:
    0 0 0 1px rgba(124, 60, 255, 0.24),
    0 0 42px rgba(124, 60, 255, 0.18),
    inset 0 0 34px rgba(216, 197, 255, 0.08);
  transform: translate(-50%, -50%);
}

#intelligence .pcmo-orbit::before,
#intelligence .pcmo-orbit::after {
  inset: 16%;
  border-color: rgba(216, 197, 255, 0.18);
  border-radius: 50%;
  transform: rotate(23deg) scaleX(1.24);
}

#intelligence .pcmo-orbit::after {
  inset: 31%;
  border-color: rgba(93, 22, 120, 0.42);
  transform: rotate(-28deg) scaleX(1.34);
}

#intelligence .pcmo-signal {
  left: 50%;
  top: 50%;
  width: 13px;
  height: 13px;
  border: 2px solid rgba(247, 243, 255, 0.85);
  border-radius: 50%;
  background: #5d1678;
  box-shadow:
    0 0 0 8px rgba(93, 22, 120, 0.16),
    0 0 24px rgba(216, 197, 255, 0.6);
  filter: none;
  opacity: 1;
  animation: adasperaOrbitSignal 9s linear infinite;
}

#intelligence .pcmo-module {
  z-index: 4;
  width: clamp(168px, 18vw, 204px);
  padding: clamp(14px, 1.6vw, 18px);
  border-color: rgba(124, 60, 255, 0.48);
  background:
    linear-gradient(145deg, rgba(15, 18, 38, 0.94), rgba(8, 10, 24, 0.88)),
    rgba(6, 8, 20, 0.94);
  box-shadow:
    0 18px 42px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
  animation: adasperaSubtleFloatCard 7s ease-in-out infinite;
}

#intelligence .pcmo-module small {
  color: rgba(216, 197, 255, 0.9);
}

#intelligence .pcmo-module strong {
  font-size: clamp(0.98rem, 1.5vw, 1.14rem);
  line-height: 1.18;
}

#intelligence .pcmo-module p {
  font-size: clamp(0.78rem, 1.1vw, 0.9rem);
}

#intelligence .pcmo-module-a {
  left: 26px;
  top: 118px;
}

#intelligence .pcmo-module-b {
  right: 26px;
  top: 190px;
}

#intelligence .pcmo-module-c {
  left: 50%;
  bottom: 32px;
  transform: translateX(-50%);
}

#intelligence .pcmo-core {
  z-index: 3;
  top: calc(50% + 38px);
  width: clamp(108px, 13vw, 136px);
  height: clamp(108px, 13vw, 136px);
  border-color: rgba(216, 197, 255, 0.64);
  background:
    radial-gradient(circle at 35% 28%, rgba(247, 243, 255, 0.42), transparent 18%),
    radial-gradient(circle, rgba(93, 22, 120, 0.72), rgba(10, 12, 30, 0.92) 72%);
  box-shadow:
    0 0 0 8px rgba(124, 60, 255, 0.08),
    0 0 38px rgba(124, 60, 255, 0.28),
    inset 0 0 24px rgba(216, 197, 255, 0.12);
  animation: adasperaSubtleCorePulse 5.6s ease-in-out infinite;
}

@keyframes adasperaSubtleConsoleGlow {
  0%, 100% {
    transform: translate(0, 0) scale(0.92);
    opacity: 0.06;
  }

  45%, 58% {
    transform: translate(150%, 105%) scale(1.08);
    opacity: 0.18;
  }
}

@keyframes adasperaSubtleSignalMove {
  0% { left: 18%; top: 24%; opacity: 0.06; }
  18%, 82% { opacity: 0.22; }
  28% { left: 68%; top: 31%; }
  54% { left: 62%; top: 66%; opacity: 0.16; }
  76% { left: 30%; top: 64%; }
  100% { left: 18%; top: 24%; opacity: 0.06; }
}

@keyframes adasperaOrbitSignal {
  from {
    transform: translate(-50%, -50%) rotate(0deg) translateX(clamp(54px, 10vw, 128px)) rotate(0deg);
  }

  to {
    transform: translate(-50%, -50%) rotate(360deg) translateX(clamp(54px, 10vw, 128px)) rotate(-360deg);
  }
}

@keyframes adasperaSubtleFloatCard {
  0%, 100% { translate: 0 0; }
  50% { translate: 0 -4px; }
}

@keyframes adasperaSubtleCorePulse {
  0%, 100% {
    box-shadow:
      0 0 0 8px rgba(124, 60, 255, 0.08),
      0 0 38px rgba(124, 60, 255, 0.28),
      inset 0 0 24px rgba(216, 197, 255, 0.12);
  }

  50% {
    box-shadow:
      0 0 0 12px rgba(124, 60, 255, 0.1),
      0 0 52px rgba(216, 197, 255, 0.32),
      inset 0 0 30px rgba(247, 243, 255, 0.16);
  }
}

@media (max-width: 900px) {
  .adaspera-home-hero {
    min-height: calc(86svh - 74px);
  }

  .adaspera-hero-title {
    font-size: clamp(3.35rem, 17vw, 8.2rem);
  }

  .adaspera-intro-grid {
    grid-template-columns: 1fr;
  }

  #intelligence .pcmo-console {
    min-height: 640px;
  }

  #intelligence .pcmo-module-a {
    left: 32px;
    top: 120px;
  }

  #intelligence .pcmo-module-b {
    right: 32px;
    top: 210px;
  }

  #intelligence .pcmo-module-c {
    bottom: 34px;
  }
}

@media (max-width: 680px) {
  #intelligence .pcmo-console {
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-height: 0;
    padding: 0 14px 14px;
  }

  #intelligence .pcmo-console::before {
    inset: 78px 14px 14px;
    mask-image: linear-gradient(180deg, black, transparent 82%);
  }

  #intelligence .pcmo-console::after {
    top: 222px;
    width: min(72vw, 260px);
  }

  #intelligence .pcmo-console-top {
    margin: 0 -14px;
    padding: 16px;
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }

  #intelligence .pcmo-orbit {
    position: relative;
    left: auto;
    top: auto;
    order: 1;
    width: min(72vw, 270px);
    margin: 18px auto 6px;
    transform: none;
  }

  #intelligence .pcmo-core {
    position: absolute;
    left: 50%;
    top: calc(86px + min(36vw, 135px));
    width: min(31vw, 116px);
    height: min(31vw, 116px);
    transform: translate(-50%, -50%);
  }

  #intelligence .pcmo-core span {
    max-width: 76px;
    font-size: 0.68rem;
  }

  #intelligence .pcmo-module {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    order: 2;
    width: 100%;
    transform: none;
    animation: none;
  }

  #intelligence .pcmo-module-a,
  #intelligence .pcmo-module-b,
  #intelligence .pcmo-module-c {
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .adaspera-hero-title,
  .adaspera-wave-letter,
  .adaspera-wave-letter::before,
  #intelligence .pcmo-signal,
  #intelligence .pcmo-module,
  #intelligence .pcmo-core {
    animation: none;
  }

  .adaspera-comet-trail {
    animation: none;
    stroke-dashoffset: 0;
  }

  .adaspera-comet-head-animated {
    display: none;
  }

  .adaspera-comet-head-static {
    display: block;
  }
}