/* Oktopus Tech — custom styles (port of globals.css) + vanilla-JS animation helpers */

body {
  background-color: #000000;
  overflow-x: hidden;
  font-family: 'Syne', sans-serif;
  text-transform: capitalize;
}

.transformcapitalize { text-transform: capitalize; }

/* font-syne utility (Syne body par globally set hai, yeh explicit guarantee hai) */
.font-syne { font-family: 'Syne', sans-serif; }

/* ---- Scroll reveal animations (framer-motion replacement) ---- */
[data-animate] {
  opacity: 0;
  transition: opacity 0.7s ease-out, transform 0.7s ease-out;
  will-change: opacity, transform;
}
[data-animate="fade-up"]   { transform: translateY(40px); }
[data-animate="fade-down"] { transform: translateY(-40px); }
[data-animate="fade-left"] { transform: translateX(40px); }
[data-animate="fade-right"]{ transform: translateX(-40px); }
[data-animate="zoom"]      { transform: scale(0.9); }
[data-animate].animate-in  { opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce) {
  [data-animate] { opacity: 1 !important; transform: none !important; transition: none !important; }
}