/* =============================================
   QuietGuy.org – Custom Brand Styles
   Version: 2026.1 | Last updated: May 2026
   ============================================= */

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

body {
    font-family: 'Inter', system-ui, sans-serif;
}

.heading-font {
    font-family: 'Space Grotesk', sans-serif;
}

/* Hero gradient – used on all main pages */
.hero-bg {
    background: linear-gradient(135deg, #0c4a6e 0%, #164e63 100%);
}

/* Bento & product card hover effects */
.bento-card,
.product-card {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.bento-card:hover,
.product-card:hover {
    transform: translateY(-4px);
    box-shadow: 25px 25px 0 -10px rgb(16 185 129);
}

/* Testimonial carousel */
.testimonial-slide {
    display: none;
}
.testimonial-slide.active {
    display: block;
    animation: fadeIn 0.6s ease;
}
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Dropdown menu */
.dropdown-content {
    display: none;
}
.dropdown:hover .dropdown-content {
    display: block;
}

/* Additional micro-interactions can be added here later */