/* Responsive CSS */
@media (max-width: 1024px) {
    .hero-title { font-size: 4rem; }
    .stats-grid { grid-template-columns: repeat(2, 1fr); }
    .about-grid, .contact-grid { grid-template-columns: 1fr; }
    .about-image { order: -1; margin-bottom: 30px; }
    .pricing-card.popular { transform: scale(1); }
    .footer-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
    .desktop-nav, .nav-actions .btn { display: none; }
    .hamburger { display: block; z-index: 1001; position: relative;}
    .hamburger.active .bar:nth-child(1) { transform: translateY(7px) rotate(45deg); }
    .hamburger.active .bar:nth-child(2) { opacity: 0; }
    .hamburger.active .bar:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
    
    .hero-title { font-size: 3rem; }
    .values-grid { grid-template-columns: 1fr; }
    .section-padding { padding: 60px 0; }
    
    h1 { font-size: 3rem; }
    h2 { font-size: 2rem; }
}

@media (max-width: 480px) {
    .hero-title { font-size: 2.5rem; }
    .stats-grid { grid-template-columns: 1fr; }
    .hero-btns { display: flex; flex-direction: column; gap: 15px; padding: 0 20px;}
    .footer-grid { grid-template-columns: 1fr; }
    .logo-img { width: 40px; height: 40px;}
    .logo span { font-size: 1.2rem; }
    .floating-wa { width: 50px; height: 50px; font-size: 1.5rem; left: 20px; bottom: 20px;}
    .back-to-top { right: 20px; bottom: 20px;}
}