/* Responsive layout for tablets and phones.
   Framer only designed a desktop breakpoint for this page, so the small-screen layout is
   expressed here as overrides on Framer's generated class names (see README.md, Page
   sections, for which name belongs to which section). Desktop is untouched. */

/* ---------- tablets and phones ---------- */
@media (max-width: 809px) {
  /* Navigation: brand left, actions right, links wrap to a second row if needed */
  .framer-f6xAj .framer-1tn0jlz { height: auto; min-height: 64px; padding: 0 20px; }
  .framer-f6xAj .framer-1a4zjk5 { height: auto; min-height: 64px; flex-wrap: wrap; gap: 8px 20px; padding: 12px 0; }
  .framer-f6xAj .framer-6bdwi2 { gap: 20px; }

  /* Section padding */
  .framer-1OcLV .framer-142ci1e { padding: 48px 20px 32px; }   /* Hero */
  .framer-1OcLV .framer-11mxjle { padding: 16px 20px 32px; }   /* Product walkthrough */
  .framer-1OcLV .framer-bii5ew  { padding: 24px 20px 48px; }   /* Business systems */
  .framer-1OcLV .framer-88hbnm  { padding: 56px 20px; }        /* How verification works */
  .framer-1OcLV .framer-1fozxxt { padding: 56px 20px; }        /* Beyond tracing */
  .framer-1OcLV .framer-1ev4634 { padding: 56px 20px 64px; }   /* Closing invitation */

  /* Type scale: hero h1 and section h2 presets */
  #main .framer-styles-preset-624kqq { --framer-font-size: clamp(38px, 11.5vw, 60px); --framer-line-height: 1.06em; }
  #main .framer-styles-preset-1deeo9z { --framer-font-size: clamp(30px, 8.5vw, 40px); --framer-line-height: 1.14em; }

  /* Hero actions wrap and stay centred */
  .framer-1OcLV .framer-1uz4i5z { width: 100%; flex-wrap: wrap; justify-content: center; }

  /* Product walkthrough: the "Agent report" card is a fixed 1040px component in Framer */
  .framer-bVyRB.framer-1adzt1e { width: 100%; }
  .framer-bVyRB .framer-1jjgl4f { padding: 14px 16px; }                 /* Application bar */
  .framer-bVyRB .framer-1eqhc5r { height: auto; flex-direction: column; gap: 16px; padding: 16px; } /* Verification workspace */
  .framer-bVyRB .framer-8mrtix,                                          /* Action feed */
  .framer-bVyRB .framer-eq5xwt { width: 100%; flex: none; }              /* Evidence panel */

  /* Business systems logos wrap */
  .framer-1OcLV .framer-1lbrvs5 { flex-wrap: wrap; gap: 20px 32px; }

  /* Three steps: one column */
  .framer-1OcLV .framer-awxkgq { grid-template-columns: minmax(0, 1fr); gap: 16px; }

  /* Beyond tracing: stack the two columns */
  .framer-1OcLV .framer-32lvp5 { flex-direction: column; gap: 32px; }
  .framer-1OcLV .framer-1aoord7,
  .framer-1OcLV .framer-hnsvwo { width: 100%; flex: none; }

  /* Footer stacks */
  .framer-f6xAj .framer-mxp733 { height: auto; padding: 24px 20px; }
  .framer-f6xAj .framer-osp7ik { flex-direction: column; align-items: flex-start; gap: 10px; }
}

/* ---------- phones ---------- */
@media (max-width: 599px) {
  /* The page is one screen of anchors; keep the bar to brand + actions on phones */
  .framer-f6xAj .framer-6bdwi2 { display: none; }
  .framer-f6xAj .framer-1a4zjk5 { flex-wrap: nowrap; }

  .framer-1OcLV .framer-142ci1e { padding: 40px 16px 28px; gap: 18px; }
  .framer-1OcLV .framer-11mxjle,
  .framer-1OcLV .framer-bii5ew,
  .framer-1OcLV .framer-88hbnm,
  .framer-1OcLV .framer-1fozxxt,
  .framer-1OcLV .framer-1ev4634 { padding-left: 16px; padding-right: 16px; }

  /* Demo card details that do not fit a narrow card */
  .framer-bVyRB .framer-1hz5u0b { display: none; }                      /* "ILLUSTRATIVE DEMO" label */
  .framer-bVyRB .framer-1dz975t,
  .framer-bVyRB .framer-1rugc6b,
  .framer-bVyRB .framer-1me36aw,
  .framer-bVyRB .framer-10umahd { white-space: normal; text-align: right; } /* status labels may wrap */
}