/* SKYCORP — custom styles atop built Tailwind CSS */

/* Reveal elements: hidden only when JS is active (GSAP fades them in).
   Without JS everything stays visible for SEO / graceful degradation. */
html.js .reveal,
html.js [data-reveal-group] .reveal-item {
    opacity: 0;
    will-change: transform, opacity;
}

/* Infinite marquee (clients + tech logos) */
@keyframes skycorp-marquee {
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); }
}
.marquee-track {
    display: flex;
    width: max-content;
    animation: skycorp-marquee var(--marquee-duration, 40s) linear infinite;
}
.marquee:hover .marquee-track {
    animation-play-state: paused;
}

/* Thin scrollbar for screenshot viewers */
.thin-scroll {
    scrollbar-width: thin;
}

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

/* Native FAQ disclosure */
summary::-webkit-details-marker { display: none; }
summary { list-style: none; }

@media (prefers-reduced-motion: reduce) {
    .marquee-track { animation: none; }
}