/* GROWBZ — Case study. Page-level CSS from the design's <helmet><style>, plus
   small-screen rules (the design is desktop-only; nothing here applies at >= 1024px). */

::placeholder { color: #94A3B8; }

@media (max-width: 960px) {
  [data-hero-grid] { grid-template-columns: 1fr !important; gap: 40px !important; }
  [data-step-row] { grid-template-columns: 1fr !important; gap: 24px !important; }
  [data-step-row] > div { order: initial !important; }
  [data-result-quote] { grid-template-columns: 1fr !important; padding: 32px 24px !important; }
  [data-video] { height: 300px !important; }
}

@media (max-width: 640px) {
  [data-hero-grid] h1 { font-size: 36px !important; }
  [data-hero-stats] { grid-template-columns: 1fr !important; }
  [data-compare-table] > div > div { padding: 12px 10px !important; font-size: 13px !important; }
  [data-video] { height: 220px !important; }
  [data-final-cta] { padding: 40px 20px !important; }
  [data-final-cta] h2 { font-size: 26px !important; }
}