/* CSS Document */

  /* ===== Responsive ===== */
  @media (max-width: 900px) {
    .hero-inner, .grid { grid-template-columns: 1fr; }
    .hero h1 { font-size: 2.2rem; }
      
      .grid4 {
    display: grid;
    grid-template-columns: 1fr ;
    gap: 1.2rem;
  }
      }