Vytvoř mi jednosouborovou HTML prezentaci (HTML + CSS + JS v jednom souboru, žádné knihovny) na téma: [SEM NAPIŠ SVOJE TÉMA].

Podoba: moderní scrollovací stránka shora dolů (ne PowerPoint slidy).

Struktura — 9 až 12 sekcí, každá jiného typu:
- hero nahoře: velký titulek, podtitulek jednou větou, výzva „scrolluj ↓"
- úvod do tématu (2–3 odstavce, ať se čtenář opravdu něco dozví)
- mřížka 4 karet s klíčovými body tématu
- číslované kroky nebo časová osa
- sekce s velkými čísly / statistikami k tématu (4 dlaždice)
- srovnávací tabulka (min. 4 řádky)
- výrazný citát nebo hlavní myšlenka na kontrastním tmavém pruhu
- štítky / rychlé tipy
- závěr se shrnutím a výzvou k akci

Obsah: naplň VŠECHNY sekce konkrétními fakty, čísly a příklady k mému tématu — žádné výplňové texty typu „lorem ipsum" ani obecné fráze. Ať je to zajímavé ke čtení samo o sobě.

Design a chování:
- všechny barvy jako CSS proměnné v :root, jedna výrazná akcentová barva podle tématu
- tlačítko vpravo nahoře přepíná světlý/tmavý režim — oba musí být kontrastní a čitelné, volba se pamatuje
- prvky se objevují postupně při scrollování (jemná animace zdola), nahoře tenký progress bar podle scrollu, klávesa F = fullscreen
- velké čitelné písmo z Google Fonts (výrazné na nadpisy + jednoduché na text), zaoblené karty, hodně vzduchu
- vše česky s diakritikou, profesionální moderní vzhled

Na závěr zkontroluj, že nic nepřetéká do stran, oba barevné režimy jsou čitelné a progress bar dojede na 100 %. Pak mi řekni, že soubor otevřu dvojklikem v prohlížeči.