@media (max-width:767px){
    .services-grid { grid-template-columns:1fr; }
    .hero { padding:3rem 1rem; }
    .hero h1 { font-size:2rem; }
    .hero p { font-size:0.9rem; }
    /* balls */
    .shape {opacity: 0.15;}
    .shape1 {width: 160px;height: 160px;top: -40px;left: -40px;}
    .shape2 {width: 120px;height: 120px;bottom: -30px;right: -30px;}
    .shape3 {display: none;}

}
@media (max-width: 1024px) {
    /* navigation */
    .navbar {flex-direction: column;gap: 1rem;padding: 1rem;}
    .nav-links {justify-content: center;flex-wrap: wrap;}
    .logo img {height: 44px;}
    .hero h1 {font-size: 2.5rem;}
    .hero p {font-size: 1rem;}
    /* balls */
    .shape1 {width: 220px;height: 220px;top: 5%;left: 2%;}
    .shape2 {width: 160px;height: 160px;bottom: 10%;right: 5%;}
    .shape3 {width: 120px;height: 120px;top: 50%;right: 15%}
}