.font-poppins { font-family: 'Poppins', sans-serif; }
        .font-inter { font-family: 'Inter', sans-serif; }
        
        .hero-gradient {
            background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #334155 100%);
        }
        
        .card-hover {
            transition: all 0.3s ease;
        }
        
        .card-hover:hover {
            transform: translateY(-8px);
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
        }
        
        .fade-in {
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.6s ease;
        }
        
        .fade-in.visible {
            opacity: 1;
            transform: translateY(0);
        }
        
        .fade-in:first-child {
            opacity: 1;
            transform: translateY(0);
        }
        
        .gradient-text {
            background: linear-gradient(135deg, #3b82f6, #8b5cf6);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .download-card {
            transition: all 0.3s ease;
            cursor: pointer;
        }
        
        .download-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 15px 35px -5px rgba(0, 0, 0, 0.2);
        }

        :root { --nav-h: 64px; } 
        .hero {
        min-height: calc(100vh - var(--nav-h, 64px));
        padding-top: var(--nav-h, 64px);
        }
        [id] { scroll-margin-top: var(--nav-h, 64px); }
        
        
        
        #waBtn {
            position: fixed;
            right: 1rem; 
            bottom: calc(1rem + env(safe-area-inset-bottom, 0px));
            z-index: 55;
            display: block;
            cursor: pointer;
        }

        #waBtn .wa-core {
            position: relative;
            width: 56px;  
            height: 56px; 
            border-radius: 50%;
            background: #25D366; 
            color: #fff;
            display: grid;
            place-items: center;
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3); 
            border: 1px solid rgba(0, 0, 0, 0.1); 
            transform: scale(1);
            transition: transform 0.2s ease, box-shadow 0.3s ease;
        }

        #waBtn img {
            width: 28px; 
            height: 28px; 
            pointer-events: none;
        }

        #waBtn .wa-glow {
            position: absolute;
            inset: 0;
            border-radius: 50%;
            background: rgba(37, 211, 102, 0.2); 
            filter: blur(20px); 
            opacity: 0;
            transition: opacity 0.3s ease;
            pointer-events: none;
        }

        #waBtn:hover .wa-glow {
            opacity: 1; 
        }

        #waBtn:hover .wa-core {
            transform: scale(1.05); 
        }

        @media (min-width: 768px) {
            #waBtn {
            right: 1.5rem;
            }

            #waBtn .wa-core {
            width: 64px;  
            height: 64px; 
            }

            #waBtn img {
            width: 32px; 
            height: 32px; 
            }
        }