@keyframes gridFadeIn {
  0% {
    opacity: 0;
    transform: translateY(16px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes lineGlow {
  0% {
    stroke-dashoffset: 120;
    opacity: 0.4;
  }
  50% {
    stroke-dashoffset: 0;
    opacity: 1;
  }
  100% {
    stroke-dashoffset: -120;
    opacity: 0.4;
  }
}

@keyframes planPulse {
  0% {
    box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.4);
  }
  70% {
    box-shadow: 0 0 0 24px rgba(59, 130, 246, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(59, 130, 246, 0);
  }
}

.animate-grid-fade {
  animation: gridFadeIn 0.8s ease-out forwards;
}

.animate-line-glow {
  animation: lineGlow 6s linear infinite;
}

.animate-plan-pulse {
  animation: planPulse 2.4s ease-out infinite;
}

@media only screen and (max-width: 768px) {

header.border-b.border-white\/10.bg-structure\/90.backdrop-blur {
    position: relative;
    z-index: 999;
}
nav.lg\:flex.gap-8.text-sm.tracking-wide.flex {
    background: #000000e0;
    padding: 20px;
    position: absolute;
    right: 10px;
    top: 55px;
    border-radius: 20px;
    display: flex;
    gap: 10px;
    z-index: 9999999;
    flex-direction: column;
}
article.text-center.space-y-3 img {
    width: 50%;
    margin: 0 auto;
}

}