html {
  scroll-behavior: smooth;
}

body {
  overflow-x: hidden;
}

body * {
  letter-spacing: inherit;
}

/* The live page uses JavaScript animation states. This static clone keeps the
   final visual state visible without loading the live app or tracking scripts. */
[style*="opacity:0"],
[style*="opacity: 0"] {
  opacity: 1 !important;
}

[style*="translateY"],
[style*="translateX"],
[style*="scale(0"],
[style*="scale(0.9)"] {
  transform: none !important;
}

nav[style] {
  opacity: 1 !important;
  transform: none !important;
}

#wavy-canvas {
  background:
    radial-gradient(circle at 18% 20%, rgba(65, 179, 255, 0.14), transparent 34%),
    radial-gradient(circle at 82% 76%, rgba(61, 204, 223, 0.16), transparent 36%);
}

button {
  cursor: pointer;
}

button.btn-glow,
button.btn-outline-glow {
  border: 0;
}

button.btn-outline-glow {
  border: 1px solid var(--color-primary);
}

@media (max-width: 1023px) {
  nav .glass-card {
    gap: 1rem;
  }
}

@media (max-width: 640px) {
  .section-heading {
    font-size: clamp(2rem, 11vw, 3rem);
  }

  iframe[src*="youtube.com"] {
    min-height: 220px;
  }
}