A demo landing page, built to break things

Accessibility panel (bottom right button):

1. Open the panel with a mouse click, then again with keyboard only (Tab to the button, Enter or Space to open).
2. Press Tab repeatedly inside the open panel. Focus should cycle inside the panel and never escape to the page behind it.
3. Press Escape. The panel should close and focus should return to the trigger button.
4. Try each quick profile (Low vision, Dyslexia friendly, Motor, Seizure safe). Press the same one again, it should turn everything in that bundle back off.
5. Use the text size stepper up to 150%. Check both the rem-based hero headline and the px-based legacy block above.
6. Turn on High contrast. Every section on this page should go dark, including the navy and blue sections and every card, not just the plain body text.
7. Turn on Grayscale. The page should lose all color, but the accessibility button and panel should not.
8. Turn on Hide images. The gallery photos should disappear, but their layout space should not collapse to nothing.
9. Turn on Pause animations. The hero gradient, the scrolling ticker, and the looping video above should all freeze or pause.
10. Turn on Big cursor and Reading guide, then move your pointer around the page.
11. On a touch device or phone-sized window, confirm the panel becomes a full-width bottom sheet, and the reading guide follows a finger drag.
12. Turn off your OS "reduce motion" setting versus on, reload the page without any saved widget settings, and confirm Pause animations follows it automatically.

Cookie consent (bottom banner, on first visit):

1. Clear this site's local storage, then reload. The banner should appear at the bottom without blocking the page underneath it.
2. Click "Cookie settings" in the banner. A dialog should open with a full keyboard focus trap, Escape should close it.
3. Reject non-essential cookies. The map above should show a locked placeholder with an "Enable and view" button instead of loading.
4. Click that "Enable and view" button, it should reopen the cookie settings dialog.
5. Accept all cookies. The map should load immediately, since it is gated on the "analytics" category.
6. Use the footer's "Cookie preferences" link below to reopen your saved choices at any time.

Brand inheritance (see the note in the hero above):

1. Open the accessibility panel. The accent should be a corrected, readable variant of the page's pale yellow --brand, not the raw color used as text.
2. Reload with ?kwdebug=1 in the URL and check the browser console for a logged explanation of the adjustment.
3. Compare against demo/brand-dark.html, a dark themed page with its own --brand, to confirm both the accent and the light/dark scheme detection follow the page.

WCAG audit mode (developer tool, not part of the visitor facing widget):

1. Open the browser console, then run window.KrispyWidget.audit(), or reload this page with ?kwaudit=1 in the URL.
2. The console should print a grouped report, errors first, and a small overlay with numbered badges should appear over each fixture in the "Audit fixtures" section above.
3. Click a few badges. Each should scroll its element into view and briefly highlight it, without trapping keyboard focus.
4. Check window.__krispyAudit in the console for the machine readable result.