/* Homepage responsive overrides — collapses the desktop grids on mobile */

/* Hero */
@media (max-width: 900px) {
  .hp-hero { padding: 48px 24px !important; }
  .hp-hero-grid { grid-template-columns: 1fr !important; gap: 32px !important; }
  .hp-hero h1 { font-size: 40px !important; }
  .hp-trusted { flex-wrap: wrap; gap: 14px !important; }

  .hp-section { padding: 56px 24px !important; }
  .hp-section-head { grid-template-columns: 1fr !important; gap: 14px !important; margin-bottom: 28px !important; }
  .hp-section-head h2 { font-size: 28px !important; }

  .hp-cats { grid-template-columns: repeat(2, 1fr) !important; }
  .hp-featured { grid-template-columns: 1fr !important; }
  .hp-workflow { grid-template-columns: 1fr !important; }
  .hp-workflow > div { border-right: 0 !important; border-bottom: 1px solid var(--border); }
  .hp-why { grid-template-columns: repeat(2, 1fr) !important; }
  .hp-testimonials { grid-template-columns: 1fr !important; }
  .hp-faq-row { grid-template-columns: 36px 1fr !important; }
  .hp-faq-row .hp-faq-a { grid-column: 2 / 3 !important; padding-top: 8px; }
  .hp-faq-row .hp-faq-icon { display: none; }
  .hp-cta { padding: 64px 24px !important; }
  .hp-cta-grid { grid-template-columns: 1fr !important; }
  .hp-cta h2 { font-size: 40px !important; }
  .hp-footer { padding: 40px 24px 28px !important; }
  .hp-footer-grid { grid-template-columns: 1fr 1fr !important; gap: 32px !important; }

  .hp-nav { padding: 16px 20px !important; }
  .hp-nav-links { display: none !important; }
}

@media (max-width: 560px) {
  .hp-cats { grid-template-columns: 1fr !important; }
  .hp-why { grid-template-columns: 1fr !important; }
  .hp-hero h1 { font-size: 32px !important; }
  .hp-cta h2 { font-size: 32px !important; }
  .hp-hero-actions { flex-direction: column; }
  .hp-hero-actions .btn { width: 100%; justify-content: center; }
}

/* Subtle entrance animations triggered by IntersectionObserver -> .hp-in class */
.hp-reveal { opacity: 0; transform: translateY(14px); transition: opacity 0.7s cubic-bezier(.2,.7,.3,1), transform 0.7s cubic-bezier(.2,.7,.3,1); }
.hp-reveal.hp-in { opacity: 1; transform: translateY(0); }
.hp-reveal:nth-child(2) { transition-delay: 0.06s; }
.hp-reveal:nth-child(3) { transition-delay: 0.12s; }
.hp-reveal:nth-child(4) { transition-delay: 0.18s; }
.hp-reveal:nth-child(5) { transition-delay: 0.24s; }
.hp-reveal:nth-child(6) { transition-delay: 0.30s; }
.hp-reveal:nth-child(7) { transition-delay: 0.36s; }
.hp-reveal:nth-child(8) { transition-delay: 0.42s; }

/* Hover lift on category cards */
.hp-cat { transition: background 0.2s ease, transform 0.2s ease; }
.hp-cat:hover { background: var(--surface) !important; }
.hp-cat:hover .hp-cat-icon { color: var(--accent-2) !important; }

/* Hover for tool rows */
.hp-tool-row { transition: background 0.2s ease; }
.hp-tool-row:hover { background: var(--surface) !important; }

/* Marquee for trusted logos on mobile if needed */
.hp-trusted { font-family: "IBM Plex Mono", monospace; }