/* SkyBound IT Solutions — custom styles (animations, helpers) */

body { font-family: 'Inter', sans-serif; }
h1, h2, h3, h4, .font-heading { font-family: 'Plus Jakarta Sans', sans-serif; }

.text-gradient {
  background: linear-gradient(100deg, #00A3FF 0%, #5ED1FF 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

@keyframes float {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-14px); }
}
.animate-float { animation: float 6s ease-in-out infinite; }

@keyframes dash {
  to { stroke-dashoffset: 0; }
}
.mesh-line {
  stroke-dasharray: 6 7;
  stroke-dashoffset: 260;
  animation: dash 10s linear infinite;
}

::selection { background: #00A3FF; color: #ffffff; }

[x-cloak] { display: none !important; }

[data-aos] { pointer-events: none; }
[data-aos].aos-animate { pointer-events: auto; }

@media (prefers-reduced-motion: reduce) {
  .animate-float, .mesh-line { animation: none !important; }
  [data-aos] { transition: none !important; transform: none !important; opacity: 1 !important; }
}

a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible {
  outline: 2px solid #00A3FF;
  outline-offset: 2px;
}