/* SPEAK Content Studio Landing Page - Dark SaaS Theme */

/* ========== Base ========== */
html {
    scroll-behavior: smooth;
}

* {
    scrollbar-width: thin;
    scrollbar-color: rgba(124, 58, 237, 0.3) transparent;
}

::selection {
    background: rgba(124, 58, 237, 0.4);
    color: white;
}

/* ========== Animations ========== */
@keyframes float {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-20px); }
}

@keyframes glow-pulse {
    0%, 100% { opacity: 0.6; }
    50% { opacity: 1; }
}

/* ========== Glows ========== */
.shadow-glow-violet {
    box-shadow: 0 0 40px rgba(124, 58, 237, 0.25);
}

.shadow-glow-coral {
    box-shadow: 0 0 40px rgba(249, 115, 22, 0.25);
}

/* ========== FAQ Details ========== */
details summary::-webkit-details-marker {
    display: none;
}

details[open] summary {
    margin-bottom: 0;
}

/* ========== Navbar glassmorphism ========== */
#navbar.backdrop-blur-xl {
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
}

/* ========== Smooth section transitions ========== */
section {
    position: relative;
}

/* ========== Responsive ========== */
@media (max-width: 640px) {
    .group:hover {
        transform: none;
    }
}

/* ========== Custom scrollbar (webkit) ========== */
::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    background: #0B0F1A;
}

::-webkit-scrollbar-thumb {
    background: rgba(124, 58, 237, 0.3);
    border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(124, 58, 237, 0.5);
}