.setup {
    margin: 0 auto;
    max-width: 1200px;
    padding: 50px 20px;

    .title { font: bold 32px; margin-bottom: 20px; }
    .hero-image { max-width: 100%; border-radius: 10px; }

    .features {
      gap: 40px;
      display: flex;
      flex-wrap: wrap;
      margin-top: 40px;
      justify-content: center;

      .feature {
        max-width: 300px;
        text-align: left;

        h3 { font: bold 18px; }
        p { font: 14px; color: #555; }
      }
    }

    @media (max-width: 768px) {
      .features { flex-direction: column; align-items: center; }
    }
  }