* {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    body {
      font-family: Inter, system-ui, sans-serif;
      background: #f8fafc;
      color: #0f172a;
      line-height: 1.6;
    }

    section {
      padding: 70px 7%;
    }

    .section-title {
      margin-bottom: 30px;
    }

    .section-title h2 {
      font-size: 2.4rem;
      margin-bottom: 8px;
    }

/* ===== GRID ===== */
.grid{
  display:grid;
  gap:25px;
}
.grid-3{
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
}
.grid-2{
  grid-template-columns:repeat(auto-fit,minmax(400px,1fr));
}