.features-section {
      max-width: 1200px;
      margin: auto;
      text-align: center;
    }

    .features-section h2 {
      font-size: 2.5rem;
      margin-bottom: 10px;
    }

    .features-section p {
      color: #555;
      margin-bottom: 40px;
    }

    .features-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 20px;
    }

    @media (min-width: 768px) {
      .features-grid {
        grid-template-columns: repeat(2, 1fr);
      }
    }

    .feature-card {
      background: white;
      padding: 30px 20px;
      border-radius: 16px;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .feature-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    }

    .feature-icon {
      font-size: 2.5rem;
      color: #FA8B02;
      margin-bottom: 15px;
    }

    .feature-title {
      font-size: 1.25rem;
      margin-bottom: 10px;
      font-weight: 600;
    }

    .feature-description {
      color: #666;
      font-size: 0.95rem;
      line-height: 1.5;
    }