/* Custom Styles for NuCO2 */
    
    /* Smooth Scrolling */
    html {
        scroll-behavior: smooth;
    }

    /* Base Typography adjustments */
    body {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    /* Custom Scrollbar */
    ::-webkit-scrollbar {
        width: 8px;
    }
    ::-webkit-scrollbar-track {
        background: #f7f5f0;
    }
    ::-webkit-scrollbar-thumb {
        background: #d1d5db;
        border-radius: 4px;
    }
    ::-webkit-scrollbar-thumb:hover {
        background: #9ca3af;
    }

    /* Animation Utilities */
    .reveal-up {
        opacity: 0;
        transform: translateY(30px);
        transition: opacity 0.8s ease-out, transform 0.8s ease-out;
    }
    
    .reveal-scale {
        opacity: 0;
        transform: scale(0.95);
        transition: opacity 0.8s ease-out, transform 0.8s ease-out;
    }

    .reveal-up.visible, .reveal-scale.visible {
        opacity: 1;
        transform: translateY(0) scale(1);
    }

    /* Stagger delays */
    .delay-100 { transition-delay: 0.1s; }
    .delay-200 { transition-delay: 0.2s; }
    .delay-300 { transition-delay: 0.3s; }
    .delay-400 { transition-delay: 0.4s; }
    .delay-500 { transition-delay: 0.5s; }

    /* Mobile Menu Transitions */
    #mobile-menu {
        transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }

    /* Hero Image Hover Effect */
    .group:hover img {
        transform: scale(1.05);
        transition: transform 0.7s ease;
    }
    
    /* Form Focus States */
    input:focus, textarea:focus {
        border-color: #2d5a32; /* forest-600 */
        box-shadow: 0 0 0 1px #2d5a32;
    }