/* ============================================
   ChatVisionZ - Landing Page Phone Overrides
   Additional fine-tuning for mobile landing page.
   Primary responsive logic is in landing.css.
   ============================================ */

/* Mid-size screens: constrain content width */
@media (max-width: 1366px) {
  #content {
    max-width: 800px;
  }
}

@media (max-width: 1100px) {
  #content {
    max-width: 90%;
  }

  /* Reorder for better flow on narrower screens */
  #interest-container {
    order: 2;
  }
}

/* Small tablets: full-width content */
@media (max-width: 700px) {
  #content {
    width: 100%;
    max-width: 100%;
    border-radius: 0;
    border-left: none;
    border-right: none;
  }
}