:root {
  --site-heading-font: "Space Grotesk", "Segoe UI", sans-serif;
  --site-panel-bg: linear-gradient(180deg, rgba(6, 12, 11, 0.84), rgba(4, 7, 8, 0.72));
  --site-panel-border: rgba(123, 255, 190, 0.18);
  --site-panel-border-strong: rgba(255, 255, 255, 0.11);
  --site-panel-shadow: 0 28px 60px rgba(0, 0, 0, 0.33);
  --site-blue-glow: rgba(72, 159, 255, 0.18);
  --site-green-glow: rgba(96, 255, 184, 0.18);
}

body.site-has-enhancements {
  background:
    radial-gradient(circle at 15% 15%, rgba(72, 159, 255, 0.16), transparent 32%),
    radial-gradient(circle at 80% 18%, rgba(96, 255, 184, 0.12), transparent 28%),
    radial-gradient(circle at 50% 82%, rgba(255, 255, 255, 0.08), transparent 24%),
    linear-gradient(180deg, #020404 0%, #04110c 45%, #010202 100%);
}

body.site-has-enhancements #root {
  position: relative;
  z-index: 1;
}

body.site-has-enhancements main > section {
  position: relative;
  isolation: isolate;
}

body.site-has-enhancements main > section::before {
  content: "";
  position: absolute;
  top: 0;
  left: max(1rem, calc(50% - 35rem));
  right: max(1rem, calc(50% - 35rem));
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(123, 255, 190, 0.2), transparent);
  opacity: 0.75;
  pointer-events: none;
}

body.site-has-enhancements h1,
body.site-has-enhancements h2,
body.site-has-enhancements h3 {
  font-family: var(--site-heading-font);
  letter-spacing: -0.05em;
}

body.site-has-enhancements .manifesto-section h2 {
  background: linear-gradient(135deg, #ffffff 0%, #befee4 46%, #88b8ff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

body.site-has-enhancements .hero-section .bg-card.border.border-terminal-green.rounded-sm.overflow-hidden {
  background: linear-gradient(180deg, rgba(8, 14, 14, 0.95), rgba(4, 8, 9, 0.86));
  border-color: rgba(123, 255, 190, 0.22);
  box-shadow: 0 35px 80px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(255, 255, 255, 0.03);
}

body.site-has-enhancements .hero-section .scan-line {
  opacity: 0.8;
  filter: drop-shadow(0 0 10px rgba(123, 255, 190, 0.32));
}

body.site-has-enhancements .rounded-lg.border {
  background: var(--site-panel-bg);
  border-color: var(--site-panel-border);
  box-shadow: var(--site-panel-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(18px);
  transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
}

body.site-has-enhancements .rounded-lg.border:hover {
  transform: translateY(-3px);
  border-color: rgba(123, 255, 190, 0.32);
  box-shadow: 0 34px 70px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.05);
}

body.site-has-enhancements .capabilities-section::after {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 18rem;
  background:
    radial-gradient(circle, rgba(123, 255, 190, 0.12) 1px, transparent 1.4px),
    linear-gradient(180deg, rgba(72, 159, 255, 0.08), transparent 70%);
  background-size: 18px 18px, 100% 100%;
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.7), transparent 78%);
  opacity: 0.55;
  pointer-events: none;
}

body.site-has-enhancements .capabilities-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 1.1rem !important;
  align-items: stretch;
}

body.site-has-enhancements .capabilities-grid > * {
  grid-column: auto !important;
}

@media (min-width: 768px) {
  body.site-has-enhancements .capabilities-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }

  body.site-has-enhancements .capabilities-grid > * {
    grid-column: span 2 !important;
  }

  body.site-has-enhancements .capabilities-grid > .capability-card--wide {
    grid-column: span 3 !important;
  }

  body.site-has-enhancements .capabilities-grid > .capability-card--full {
    grid-column: 1 / -1 !important;
  }
}

body.site-has-enhancements .capability-card {
  position: relative;
  overflow: hidden;
  min-height: 100%;
  border-radius: 22px;
  background:
    radial-gradient(circle at top right, rgba(72, 159, 255, 0.11), transparent 28%),
    linear-gradient(180deg, rgba(7, 16, 14, 0.84), rgba(4, 6, 7, 0.9));
}

body.site-has-enhancements .capability-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(115deg, transparent 25%, rgba(255, 255, 255, 0.06) 50%, transparent 75%);
  opacity: 0;
  transform: translateX(-100%);
  transition: transform 480ms ease, opacity 480ms ease;
  pointer-events: none;
}

body.site-has-enhancements .capability-card:hover::after {
  opacity: 1;
  transform: translateX(100%);
}

.ambient-layer {
  position: fixed;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
}

.ambient-layer__mesh,
.ambient-layer__dots,
.ambient-layer__beam,
.ambient-layer__fall {
  position: absolute;
  inset: 0;
}

.ambient-layer__mesh {
  background:
    radial-gradient(circle at 25% 25%, rgba(96, 255, 184, 0.18) 0, transparent 26%),
    radial-gradient(circle at 75% 15%, rgba(72, 159, 255, 0.16) 0, transparent 24%);
  filter: blur(54px);
  opacity: 0.8;
}

.ambient-layer__dots {
  background-image: radial-gradient(circle, rgba(209, 255, 229, 0.18) 1px, transparent 1.3px);
  background-size: 20px 20px;
  mask-image: radial-gradient(circle at center, rgba(0, 0, 0, 0.85), transparent 78%);
  opacity: 0.28;
  animation: ambient-drift 30s linear infinite;
}

.ambient-layer__beam {
  border-radius: 999px;
  filter: blur(60px);
  opacity: 0.34;
  transform: rotate(-18deg);
}

.ambient-layer__beam--one {
  top: 6%;
  left: -12%;
  width: 34rem;
  height: 7rem;
  background: rgba(72, 159, 255, 0.22);
}

.ambient-layer__beam--two {
  top: 34%;
  right: -8%;
  width: 28rem;
  height: 6rem;
  background: rgba(96, 255, 184, 0.16);
}

.ambient-layer__beam--three {
  bottom: 6%;
  left: 18%;
  width: 22rem;
  height: 6rem;
  background: rgba(255, 255, 255, 0.1);
}

.ambient-layer__fall {
  top: -30%;
  bottom: auto;
  width: 1px;
  height: 34vh;
  background: linear-gradient(180deg, transparent, rgba(176, 255, 216, 0.48), transparent);
  opacity: 0.5;
  transform: skewX(-16deg);
  animation: ambient-fall 16s linear infinite;
}

.ambient-layer__fall--1 { left: 8%; animation-delay: -2s; }
.ambient-layer__fall--2 { left: 18%; animation-delay: -11s; height: 28vh; }
.ambient-layer__fall--3 { left: 31%; animation-delay: -7s; }
.ambient-layer__fall--4 { left: 47%; animation-delay: -14s; height: 24vh; }
.ambient-layer__fall--5 { left: 63%; animation-delay: -5s; }
.ambient-layer__fall--6 { left: 74%; animation-delay: -9s; height: 30vh; }
.ambient-layer__fall--7 { left: 86%; animation-delay: -3s; }
.ambient-layer__fall--8 { left: 92%; animation-delay: -13s; height: 22vh; }

@keyframes ambient-drift {
  0% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(-18px, 14px, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes ambient-fall {
  0% {
    transform: translate3d(0, -14vh, 0) skewX(-16deg);
    opacity: 0;
  }
  12% {
    opacity: 0.45;
  }
  100% {
    transform: translate3d(10vw, 130vh, 0) skewX(-16deg);
    opacity: 0;
  }
}

@media (max-width: 767px) {
  body.site-has-enhancements main > section::before {
    left: 1rem;
    right: 1rem;
  }

  .ambient-layer__beam--one,
  .ambient-layer__beam--two,
  .ambient-layer__beam--three {
    filter: blur(78px);
  }
}