/* tringHR — mobile responsiveness.
   This page serializes inline styles WITH spaces (e.g. "gap: 28px"), so we
   avoid value-based [style*="prop:value"] selectors for anything critical and
   use element / href / property-name selectors instead. */

@media (max-width: 900px) {
  /* One-column flow: collapse every multi-column grid. */
  [style*="grid-template-columns"] { grid-template-columns: 1fr !important; }

  /* Header: hide the inline nav (the hamburger from nav-menu.js takes over)
     and keep the CTA on one tidy line. */
  header nav { display: none !important; }
  header a[href="#contact"] {
    white-space: nowrap !important;
    font-size: 13px !important;
    padding: 9px 17px !important;
  }

  /* Kill horizontal overflow: clip every section so no wide element can
     stretch the whole document and shove centered blocks off-screen. */
  html, body { overflow-x: hidden; }
  section { overflow-x: clip; }

  /* Let button rows wrap instead of overflowing / getting clipped. */
  [style*="gap:12px"], [style*="gap: 12px"] { flex-wrap: wrap !important; }

  /* Form fields must be able to shrink so the card never forces width. */
  form[data-demo-form] input,
  form[data-demo-form] textarea,
  form[data-demo-form] select { width: 100% !important; max-width: 100% !important; min-width: 0 !important; }
  form[data-demo-form] * { min-width: 0; }

  /* Hide the horizontal "How it works" timeline connector (it spans the row
     on desktop; in single-column it's a stray line through step 1). */
  [style*="left:12.5%"], [style*="left: 12.5%"] { display: none !important; }
}

@media (max-width: 640px) {
  [style*="padding:0 32px"], [style*="padding: 0 32px"] { padding-left: 20px !important; padding-right: 20px !important; }
  [style*="font-size:52px"], [style*="font-size: 52px"] { font-size: 33px !important; line-height: 1.1 !important; }
  [style*="font-size:42px"], [style*="font-size: 42px"] { font-size: 29px !important; line-height: 1.14 !important; }
  [style*="font-size:38px"], [style*="font-size: 38px"] { font-size: 27px !important; line-height: 1.16 !important; }
}