/* --------------------------------------------------------------
   BREAKPOINTS
-------------------------------------------------------------- */

/* Small screens – mobile */
@media (max-width:575px) {
    .hero h1 { font-size:2rem; }
    .hero p  { font-size:1rem; }
    .feature-grid { grid-template-columns:1fr; }
}

/* Medium screens – tablets */
@media (min-width:576px) and (max-width:991px) {
    .hero h1 { font-size:2.4rem; }
    .hero p  { font-size:1.1rem; }
    .feature-grid { grid-template-columns:repeat(2,1fr); }
}

/* Large screens – desktop */
@media (min-width:992px) {
    .hero h1 { font-size:2.8rem; }
    .hero p  { font-size:1.2rem; }
    .feature-grid { grid-template-columns:repeat(4,1fr); }
}