/**
 * Module CSS: 28-ai-section.css
 * Trích nguyên văn dòng 1392-1432 của pctech-homepage.css gốc.
 * Không đổi nội dung — chỉ tách file theo đúng marker sẵn có trong code gốc.
 */
    /* ── AI Section ── */
    .ai-section { background: var(--green-light); }
    .ai-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 48px;
      align-items: center;
    }
    .ai-features { display: flex; flex-direction: column; gap: 16px; }
    .ai-feat {
      display: flex;
      gap: 16px;
      align-items: flex-start;
      background: var(--white);
      padding: 20px;
      border-radius: var(--radius-sm);
      border-left: 4px solid var(--green);
      box-shadow: var(--shadow);
    }
    .ai-feat-icon {
      width: 44px; height: 44px;
      background: var(--green-light);
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.3rem;
      flex-shrink: 0;
    }
    .ai-feat h4 { font-weight: 700; color: var(--blue-dark); margin-bottom: 4px; }
    .ai-feat p { font-size: 0.88rem; color: var(--gray-500); }
    .ai-visual {
      background: var(--white);
      border-radius: var(--radius);
      padding: 32px;
      box-shadow: var(--shadow-lg);
      text-align: center;
    }
    .ai-visual .robot { font-size: 5rem; margin-bottom: 16px; }
    .ai-visual h3 { color: var(--green); font-weight: 800; margin-bottom: 8px; }