/* index.html — complete page-specific styles */
body { font-family: 'Inter', sans-serif; background: #f7f9fb; }
  h1, h2, h3, h4 { font-family: 'Plus Jakarta Sans', sans-serif; }
  .material-symbols-outlined { font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; }
  .primary-gradient { background: linear-gradient(135deg, #003532 0%, #124d49 100%); }
  .accent-gradient { background: linear-gradient(135deg, #00c389 0%, #00a574 100%); }
  .ghost-border { border: 1px solid rgba(191, 200, 200, 0.15); }
  .dot-pattern { background-image: radial-gradient(#ffffff 1px, transparent 1px); background-size: 40px 40px; }
  ::-webkit-scrollbar { width: 6px; }
  ::-webkit-scrollbar-track { background: #f2f4f6; }
  ::-webkit-scrollbar-thumb { background: #bfc8c8; border-radius: 3px; }
  @keyframes fadeUp { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } }
  @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
  @keyframes countUp { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
  .animate-fade-up { animation: fadeUp 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards; }
  .animate-fade-in { animation: fadeIn 0.5s ease-out forwards; }
  .delay-100 { animation-delay: 100ms; } .delay-200 { animation-delay: 200ms; }
  .delay-300 { animation-delay: 300ms; } .delay-400 { animation-delay: 400ms; }
  .delay-500 { animation-delay: 500ms; }
  .faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.35s cubic-bezier(0.16, 1, 0.3, 1), padding 0.35s ease, opacity 0.25s ease; opacity: 0; }
  .faq-item.open .faq-answer { max-height: 300px; opacity: 1; }
  .faq-item.open .faq-icon { transform: rotate(45deg); }
  .faq-icon { transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1); }
  .hover-lift { transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s ease; }
  .hover-lift:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(15, 23, 42, 0.08); }
  .stat-number { animation: countUp 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards; opacity: 0; }