/* evai Studio landing: small additions on top of the evai.co landing.css (phone layout) */
@media (max-width: 720px) {
  /* tool and step cards scroll sideways instead of stacking 8 tall cards */
  #tools .lab-steps, #how .lab-steps {
    display: flex; overflow-x: auto; gap: 12px; scroll-snap-type: x mandatory;
    margin-right: -20px; padding-right: 20px; padding-bottom: 6px; scrollbar-width: none;
  }
  #tools .lab-steps::-webkit-scrollbar, #how .lab-steps::-webkit-scrollbar { display: none; }
  #tools .lab-step, #how .lab-step { flex: 0 0 68%; scroll-snap-align: start; }
  #tools .lab-steps + .lab-steps { margin-top: 12px !important; }
  /* the kept/cut facts as a 2 × 2 grid */
  #cut .facts { grid-template-columns: 1fr 1fr !important; }
  #cut .facts > div { padding: 12px !important; }
  #cut .facts > div > div:last-child { font-size: 17px !important; }
}
@media (max-width: 720px) {
  /* "Long video in." is longer than the evai.co headline: one size down so line 2 never hides behind the strap */
  .hero-content h1 { font-size: clamp(38px, 11.5vw, 56px) !important; line-height: 1.02 !important; }
  .hero-bottom { margin-top: 14px !important; }
}