The microsite is built for scrolling, so a naive print lost most of it:
reveals start invisible, the phone shows one prototype screen at a time,
the portal shows one admin screen, and <details> print collapsed.

- @media print in styles.css: force reveals visible, drop the fixed nav
  and prototype tools, start each section on a fresh page, and mark cards,
  timeline items, tables and price blocks break-inside:avoid so none is
  split across a page boundary
- generate-pdf.mjs (puppeteer): expands both prototypes before printing —
  the single phone frame becomes a labelled 3x3 grid of nine real app
  screens, and all seven portal screens are stacked. 1240x1754 pages (A4
  proportion at 150dpi), backgrounds on.
- Adds a "تحميل العرض PDF" button to the hero; the print stylesheet hides
  .btn-row so it does not appear inside the PDF itself

Output is 14 pages with a real text layer: Arabic extracts correctly and
figures stay searchable. Ghostscript compression reaches 2.3MB but its
font re-embedding drops Arabic strings from the text layer, so the
uncompressed 8.5MB file is kept instead.
Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>