/**
 * Mobile/tablet content visibility for Framer static export.
 *
 * The SSR HTML is almost entirely .hidden-lons9a.hidden-1kfel1r (desktop-only).
 * Framer hydration injects .hidden-1kfel1r { display:none } on mobile, which
 * removes all sections. This file keeps desktop SSR visible on smaller screens.
 */

@media (max-width: 1199.98px) {
  /* Beat Framer runtime variant hiding — desktop SSR is the only copy in export */
  html body #main .ssr-variant.hidden-lons9a.hidden-1kfel1r {
    display: contents !important;
  }

  html body #main header.framer-189i5va .ssr-variant.hidden-lons9a.hidden-1kfel1r {
    display: block !important;
  }

  html body #main .hidden-lons9a.hidden-1kfel1r {
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  /* Appear/hydration can leave sections at opacity 0 on mobile */
  html body #main [data-framer-appear-id],
  html body #main section,
  html body #main [data-framer-name$="section"],
  html body #main #hero,
  html body #main #services,
  html body #main #industries,
  html body #main #pricing,
  html body #main #team,
  html body #main #contact,
  html body #main #faqs,
  html body #main #footer {
    opacity: 1 !important;
    visibility: visible !important;
  }

  /* Framer SSR often sets wrappers to opacity:0 pending animation */
  html body #main .framer-fespo7-container,
  html body #main .framer-1mf2g5r-container,
  html body #main .framer-hqt01y,
  html body #main .framer-17j9icd-container {
    opacity: 1 !important;
    transform: none !important;
    will-change: auto !important;
  }

  /* Prevent clipped/absolutely-positioned hero & section content */
  html body #main [data-framer-root] {
    overflow-x: hidden !important;
    overflow-y: visible !important;
  }

  html body #main section,
  html body #main [data-framer-name$="section"] {
    overflow: visible !important;
    min-height: 0 !important;
  }

  html body #main [data-framer-name="Hero section"],
  html body #main [data-framer-name="About section"],
  html body #main [data-framer-name="Services section"],
  html body #main [data-framer-name="Industries section"],
  html body #main [data-framer-name="Pricing section"],
  html body #main [data-framer-name="Team section"],
  html body #main [data-framer-name="Contact section"],
  html body #main [data-framer-name="Faq's section"] {
    position: relative !important;
    height: auto !important;
    min-height: 0 !important;
  }

  /* Desktop compare matrix uses absolute layout — keep hidden; rebuilt above #contact */
  html body #main #pricing header.framer-1s7t4w0,
  html body #main #pricing header.framer-1s7t4w0 *,
  html body #main #pricing .framer-103315p,
  html body #main #pricing .framer-don3md,
  html body #main #pricing .framer-p1qpuh,
  html body #main #pricing .framer-1dfky2i,
  html body #main #pricing .framer-9zr00o,
  html body #main #pricing .framer-ol3o1f,
  html body #main #pricing .framer-ck4r3t,
  html body #main #pricing .framer-1nncjc3,
  html body #main #pricing .framer-11rn541 {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    left: -9999px !important;
    width: 0 !important;
  }

  /* FAQ: question list exists only in desktop SSR — keep visible on mobile/tablet */
  html body #faqs .ssr-variant.hidden-lons9a.hidden-1kfel1r {
    display: contents !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html body #faqs .ssr-variant.hidden-lons9a:not(.hidden-1kfel1r) {
    display: contents !important;
    opacity: 1 !important;
  }

  /* Our Approach headings are mobile-only SSR (hidden-1kfel1r without hidden-lons9a) */
  html body #main header[data-framer-name="Our Approach"] .ssr-variant.hidden-1kfel1r:not(.hidden-lons9a) {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  /* Keep leaked Framer team cards hidden (Hamilton James card on mobile) */
  html body #main [data-framer-name="Team section"] [data-framer-name="Team Card"],
  html body #main [data-framer-name="Team section"] .framer-hqt01y,
  html body #main [data-framer-name="Team section"] .tas-team-card:last-child {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }
}

@media (max-width: 809.98px) {
  /* Extra specificity vs Framer injected mobile rules */
  html body #main .ssr-variant.hidden-lons9a.hidden-1kfel1r {
    display: contents !important;
  }

  html body #main header.framer-189i5va .ssr-variant.hidden-lons9a.hidden-1kfel1r {
    display: block !important;
  }
}