@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Inter', sans-serif;
    background-color: #000;
    color: #fff;
}

/* Base styles to prevent flash of unstyled content */
.mobile-menu-hidden {
    display: none;
}

/* Accordion specifics */
.faq-content {
    display: none;
}
.faq-item.active .faq-content {
    display: block;
}
.faq-item.active .icon-down {
    display: none;
}
.faq-item:not(.active) .icon-up {
    display: none;
}

/* Utility classes to mirror the motion classes used previously */
.hover-scale:hover {
    transform: scale(1.05);
}
.hover-scale-110:hover {
    transform: scale(1.10);
}
.transition-transform {
    transition: transform 0.3s ease;
}