From cd6b3dc4f06b1b5cae626b4eb396185b610c358f Mon Sep 17 00:00:00 2001
From: twardoch <adam@twardoch.com>
Date: Wed, 18 Oct 2023 21:03:00 +0200
Subject: [PATCH] up

---
 .github/workflows/ci.yml                      |    3 +-
 .gitignore                                    |    1 +
 .../logo-font/fontlabltd-logo.otf             |  Bin
 .../vfj-source/fontlabltd-logo-2021.vfj       |    0
 .../logo/ai-source/ai-export-settings.png     |  Bin
 .../logo/ai-source/fontlabltd-logo.pdf        |  Bin
 .../logo/pdf/fontlabltd-logo-black.pdf        |  Bin
 .../logo/pdf/fontlabltd-logo-blk25.pdf        |  Bin
 .../logo/pdf/fontlabltd-logo-blk50.pdf        |  Bin
 .../logo/pdf/fontlabltd-logo-blk75.pdf        |  Bin
 .../logo/pdf/fontlabltd-logo-white.pdf        |  Bin
 .../logo/png/fontlabltd-logo-black-1000px.png |  Bin
 .../logo/png/fontlabltd-logo-black-100px.png  |  Bin
 .../logo/png/fontlabltd-logo-black-1024px.png |  Bin
 .../logo/png/fontlabltd-logo-black-128px.png  |  Bin
 .../logo/png/fontlabltd-logo-black-180px.png  |  Bin
 .../logo/png/fontlabltd-logo-black-200px.png  |  Bin
 .../logo/png/fontlabltd-logo-black-256px.png  |  Bin
 .../logo/png/fontlabltd-logo-black-270px.png  |  Bin
 .../logo/png/fontlabltd-logo-black-400px.png  |  Bin
 .../logo/png/fontlabltd-logo-black-500px.png  |  Bin
 .../logo/png/fontlabltd-logo-black-50px.png   |  Bin
 .../logo/png/fontlabltd-logo-black-512px.png  |  Bin
 .../logo/png/fontlabltd-logo-black-800px.png  |  Bin
 .../logo/png/fontlabltd-logo-black-90px.png   |  Bin
 .../logo/png/fontlabltd-logo-blk25-1000px.png |  Bin
 .../logo/png/fontlabltd-logo-blk25-100px.png  |  Bin
 .../logo/png/fontlabltd-logo-blk25-1024px.png |  Bin
 .../logo/png/fontlabltd-logo-blk25-128px.png  |  Bin
 .../logo/png/fontlabltd-logo-blk25-180px.png  |  Bin
 .../logo/png/fontlabltd-logo-blk25-200px.png  |  Bin
 .../logo/png/fontlabltd-logo-blk25-256px.png  |  Bin
 .../logo/png/fontlabltd-logo-blk25-270px.png  |  Bin
 .../logo/png/fontlabltd-logo-blk25-400px.png  |  Bin
 .../logo/png/fontlabltd-logo-blk25-500px.png  |  Bin
 .../logo/png/fontlabltd-logo-blk25-50px.png   |  Bin
 .../logo/png/fontlabltd-logo-blk25-512px.png  |  Bin
 .../logo/png/fontlabltd-logo-blk25-800px.png  |  Bin
 .../logo/png/fontlabltd-logo-blk25-90px.png   |  Bin
 .../logo/png/fontlabltd-logo-blk50-1000px.png |  Bin
 .../logo/png/fontlabltd-logo-blk50-100px.png  |  Bin
 .../logo/png/fontlabltd-logo-blk50-1024px.png |  Bin
 .../logo/png/fontlabltd-logo-blk50-128px.png  |  Bin
 .../logo/png/fontlabltd-logo-blk50-180px.png  |  Bin
 .../logo/png/fontlabltd-logo-blk50-200px.png  |  Bin
 .../logo/png/fontlabltd-logo-blk50-256px.png  |  Bin
 .../logo/png/fontlabltd-logo-blk50-270px.png  |  Bin
 .../logo/png/fontlabltd-logo-blk50-400px.png  |  Bin
 .../logo/png/fontlabltd-logo-blk50-500px.png  |  Bin
 .../logo/png/fontlabltd-logo-blk50-50px.png   |  Bin
 .../logo/png/fontlabltd-logo-blk50-512px.png  |  Bin
 .../logo/png/fontlabltd-logo-blk50-800px.png  |  Bin
 .../logo/png/fontlabltd-logo-blk50-90px.png   |  Bin
 .../logo/png/fontlabltd-logo-blk75-1000px.png |  Bin
 .../logo/png/fontlabltd-logo-blk75-100px.png  |  Bin
 .../logo/png/fontlabltd-logo-blk75-1024px.png |  Bin
 .../logo/png/fontlabltd-logo-blk75-128px.png  |  Bin
 .../logo/png/fontlabltd-logo-blk75-180px.png  |  Bin
 .../logo/png/fontlabltd-logo-blk75-200px.png  |  Bin
 .../logo/png/fontlabltd-logo-blk75-256px.png  |  Bin
 .../logo/png/fontlabltd-logo-blk75-270px.png  |  Bin
 .../logo/png/fontlabltd-logo-blk75-400px.png  |  Bin
 .../logo/png/fontlabltd-logo-blk75-500px.png  |  Bin
 .../logo/png/fontlabltd-logo-blk75-50px.png   |  Bin
 .../logo/png/fontlabltd-logo-blk75-512px.png  |  Bin
 .../logo/png/fontlabltd-logo-blk75-800px.png  |  Bin
 .../logo/png/fontlabltd-logo-blk75-90px.png   |  Bin
 .../logo/png/fontlabltd-logo-white-1000px.png |  Bin
 .../logo/png/fontlabltd-logo-white-100px.png  |  Bin
 .../logo/png/fontlabltd-logo-white-1024px.png |  Bin
 .../logo/png/fontlabltd-logo-white-128px.png  |  Bin
 .../logo/png/fontlabltd-logo-white-180px.png  |  Bin
 .../logo/png/fontlabltd-logo-white-200px.png  |  Bin
 .../logo/png/fontlabltd-logo-white-256px.png  |  Bin
 .../logo/png/fontlabltd-logo-white-270px.png  |  Bin
 .../logo/png/fontlabltd-logo-white-400px.png  |  Bin
 .../logo/png/fontlabltd-logo-white-500px.png  |  Bin
 .../logo/png/fontlabltd-logo-white-50px.png   |  Bin
 .../logo/png/fontlabltd-logo-white-512px.png  |  Bin
 .../logo/png/fontlabltd-logo-white-800px.png  |  Bin
 .../logo/png/fontlabltd-logo-white-90px.png   |  Bin
 .../fontlab-logo/logo/png/fontlabltd-logo.zip |  Bin
 .../logo/svg/fontlabltd-logo-black.svg        |    0
 .../logo/svg/fontlabltd-logo-blk25.svg        |    0
 .../logo/svg/fontlabltd-logo-blk50.svg        |    0
 .../logo/svg/fontlabltd-logo-blk75.svg        |    0
 .../logo/svg/fontlabltd-logo-white.svg        |    0
 .../fontlab-8-app-icon-ai-simple.pdf          |  Bin
 .../fontlab-8-app-icon-ai-simple.svg          |    0
 .../fontlab-8-app-icon-ai-ultrasimple.pdf     |  Bin
 .../ai-source/fontlab-8-app-icon-ai.pdf       |  Bin
 .../app-icon/fontlab-8-app-icon-1024.png      |  Bin
 .../app-icon/fontlab-8-app-icon-2048.png      |  Bin
 .../app-icon/fontlab-8-app-icon-256.png       |  Bin
 .../app-icon/fontlab-8-app-icon-512.png       |  Bin
 .../fontlab-8-app-icon-padded-1024.png        |  Bin
 .../fontlab-8-app-icon-padded-512.png         |  Bin
 .../hero-head/ai-source/fl8-hero-head.pdf     |  Bin
 .../fontlab-8}/hero-head/fl8-hero-head.svg    |    0
 .../fontlab-8}/screenshots/fl8-shot-color.png |  Bin
 .../screenshots/fl8-shot-masters.png          |  Bin
 .../screenshots/fl8-shot-spacing.png          |  Bin
 .../screenshots/fl8-shot-theme-dark.png       |  Bin
 .../ai-source/fontlab-8-slide-head-claim.ai   |    0
 .../ai-source/fontlab-8-slide-head.pdf        |  Bin
 .../slide-head/fontlab-8-slide-head.png       |  Bin
 .../ai-source/icon-transtype4-src.pdf         |  Bin
 .../app-icon/icon-transtype4-128x128.png      |  Bin
 .../app-icon/icon-transtype4-16x16.png        |  Bin
 .../app-icon/icon-transtype4-256x256.png      |  Bin
 .../app-icon/icon-transtype4-32x32.png        |  Bin
 .../app-icon/icon-transtype4-48x48.png        |  Bin
 .../app-icon/icon-transtype4-512x512.png      |  Bin
 .../psd-source/tr4-comp_color-1440x900@2x.psd |  Bin
 .../tr4-comp_webfonts-1440x900@2x.psd         |  Bin
 .../tr4-comp_color-1440x900@2x.png            |  Bin
 .../tr4-comp_webfonts-1440x900@2x.png         |  Bin
 .../tr4-scr_color-overlay3_1440x900@2x.png    |  Bin
 .../tr4-scr_color-overlay4_1440x900@2x.png    |  Bin
 ...r4-scr_convert-destination_1440x900@2x.png |  Bin
 .../tr4-scr_convert-profile_1440x900@2x.png   |  Bin
 .../tr4-scr_general-glyphmap_1440x900@2x.png  |  Bin
 .../tr4-scr_general-ui_1440x900@2x.png        |  Bin
 .../tr4-scr_havefun-blend_1440x900@2x.png     |  Bin
 .../tr4-scr_havefun-distort_1440x900@2x.png   |  Bin
 .../tr4-scr_havefun-outline_1440x900@2x.png   |  Bin
 ...r4-scr_organize-autonaming_1440x900@2x.png |  Bin
 .../tr4-scr_organize-fix_1440x900@2x.png      |  Bin
 .../tr4-scr_organize_dragdrop_1440x900@2x.png |  Bin
 ...4-scr_organize_editinplace_1440x900@2x.png |  Bin
 md/index.md                                   |   22 +
 mkdocs/mk-fontlab/css/extra.bak.css           | 1308 ++++++++
 mkdocs/mk-fontlab/css/extra.css               | 1305 ++++++++
 mkdocs/mk-fontlab/css/home-old.css            |  117 +
 mkdocs/mk-fontlab/css/home.css                |   11 +
 mkdocs/mk-fontlab/css/keys.css                |  333 ++
 mkdocs/mk-fontlab/css/vars.css                |   83 +
 mkdocs/mk-fontlab/css/wfnav.css               | 2911 +++++++++++++++++
 mkdocs/mk-fontlab/hero/home/main-old.html     |   40 +
 mkdocs/mk-fontlab/hero/home/main.html         |   15 +
 mkdocs/mk-fontlab/hero/home/mini.html         |  112 +
 mkdocs/mk-fontlab/hero/home/partials/buy.html |   60 +
 .../hero/home/partials/critical.html          |   26 +
 .../hero/home/partials/description.html       |   39 +
 .../hero/home/partials/download.html          |  105 +
 .../hero/home/partials/features.html          |  231 ++
 .../mk-fontlab/hero/home/partials/footer.html |   25 +
 .../hero/home/partials/highlight.html         |   13 +
 .../mk-fontlab/hero/home/partials/index.html  |   55 +
 .../mk-fontlab/hero/home/partials/intro.html  |   12 +
 .../mk-fontlab/hero/home/partials/mini.html   |   49 +
 mkdocs/mk-fontlab/hero/home/partials/nav.html |   32 +
 .../hero/home/partials/nav_offcanvas.html     |   42 +
 .../hero/home/partials/nav_tabs.html          |   13 +
 mkdocs/mk-fontlab/hero/home/partials/new.html |  193 ++
 .../hero/home/partials/slideshow.html         |   26 +
 .../hero/home/partials/testimonials.html      |   31 +
 .../home/partials/testimonials_details.html   |  440 +++
 mkdocs/mk-fontlab/hero/home/partials/top.html |   54 +
 .../mk-fontlab/hero/home/partials/videos.html |   14 +
 .../mk-fontlab/hero/home/partials/wfnav.html  |  187 ++
 mkdocs/mk-fontlab/main.html                   |   78 +
 mkdocs/mk-fontlab/partials/content.html       |   23 +
 mkdocs/mk-fontlab/partials/copyright.html     |   38 +
 mkdocs/mkdocs.yml                             |  167 +
 mkdocs/requirements.txt                       |   57 +
 166 files changed, 8270 insertions(+), 1 deletion(-)
 rename {company => assets/company}/fontlab-logo/logo-font/fontlabltd-logo.otf (100%)
 rename {company => assets/company}/fontlab-logo/logo-font/vfj-source/fontlabltd-logo-2021.vfj (100%)
 rename {company => assets/company}/fontlab-logo/logo/ai-source/ai-export-settings.png (100%)
 rename {company => assets/company}/fontlab-logo/logo/ai-source/fontlabltd-logo.pdf (100%)
 rename {company => assets/company}/fontlab-logo/logo/pdf/fontlabltd-logo-black.pdf (100%)
 rename {company => assets/company}/fontlab-logo/logo/pdf/fontlabltd-logo-blk25.pdf (100%)
 rename {company => assets/company}/fontlab-logo/logo/pdf/fontlabltd-logo-blk50.pdf (100%)
 rename {company => assets/company}/fontlab-logo/logo/pdf/fontlabltd-logo-blk75.pdf (100%)
 rename {company => assets/company}/fontlab-logo/logo/pdf/fontlabltd-logo-white.pdf (100%)
 rename {company => assets/company}/fontlab-logo/logo/png/fontlabltd-logo-black-1000px.png (100%)
 rename {company => assets/company}/fontlab-logo/logo/png/fontlabltd-logo-black-100px.png (100%)
 rename {company => assets/company}/fontlab-logo/logo/png/fontlabltd-logo-black-1024px.png (100%)
 rename {company => assets/company}/fontlab-logo/logo/png/fontlabltd-logo-black-128px.png (100%)
 rename {company => assets/company}/fontlab-logo/logo/png/fontlabltd-logo-black-180px.png (100%)
 rename {company => assets/company}/fontlab-logo/logo/png/fontlabltd-logo-black-200px.png (100%)
 rename {company => assets/company}/fontlab-logo/logo/png/fontlabltd-logo-black-256px.png (100%)
 rename {company => assets/company}/fontlab-logo/logo/png/fontlabltd-logo-black-270px.png (100%)
 rename {company => assets/company}/fontlab-logo/logo/png/fontlabltd-logo-black-400px.png (100%)
 rename {company => assets/company}/fontlab-logo/logo/png/fontlabltd-logo-black-500px.png (100%)
 rename {company => assets/company}/fontlab-logo/logo/png/fontlabltd-logo-black-50px.png (100%)
 rename {company => assets/company}/fontlab-logo/logo/png/fontlabltd-logo-black-512px.png (100%)
 rename {company => assets/company}/fontlab-logo/logo/png/fontlabltd-logo-black-800px.png (100%)
 rename {company => assets/company}/fontlab-logo/logo/png/fontlabltd-logo-black-90px.png (100%)
 rename {company => assets/company}/fontlab-logo/logo/png/fontlabltd-logo-blk25-1000px.png (100%)
 rename {company => assets/company}/fontlab-logo/logo/png/fontlabltd-logo-blk25-100px.png (100%)
 rename {company => assets/company}/fontlab-logo/logo/png/fontlabltd-logo-blk25-1024px.png (100%)
 rename {company => assets/company}/fontlab-logo/logo/png/fontlabltd-logo-blk25-128px.png (100%)
 rename {company => assets/company}/fontlab-logo/logo/png/fontlabltd-logo-blk25-180px.png (100%)
 rename {company => assets/company}/fontlab-logo/logo/png/fontlabltd-logo-blk25-200px.png (100%)
 rename {company => assets/company}/fontlab-logo/logo/png/fontlabltd-logo-blk25-256px.png (100%)
 rename {company => assets/company}/fontlab-logo/logo/png/fontlabltd-logo-blk25-270px.png (100%)
 rename {company => assets/company}/fontlab-logo/logo/png/fontlabltd-logo-blk25-400px.png (100%)
 rename {company => assets/company}/fontlab-logo/logo/png/fontlabltd-logo-blk25-500px.png (100%)
 rename {company => assets/company}/fontlab-logo/logo/png/fontlabltd-logo-blk25-50px.png (100%)
 rename {company => assets/company}/fontlab-logo/logo/png/fontlabltd-logo-blk25-512px.png (100%)
 rename {company => assets/company}/fontlab-logo/logo/png/fontlabltd-logo-blk25-800px.png (100%)
 rename {company => assets/company}/fontlab-logo/logo/png/fontlabltd-logo-blk25-90px.png (100%)
 rename {company => assets/company}/fontlab-logo/logo/png/fontlabltd-logo-blk50-1000px.png (100%)
 rename {company => assets/company}/fontlab-logo/logo/png/fontlabltd-logo-blk50-100px.png (100%)
 rename {company => assets/company}/fontlab-logo/logo/png/fontlabltd-logo-blk50-1024px.png (100%)
 rename {company => assets/company}/fontlab-logo/logo/png/fontlabltd-logo-blk50-128px.png (100%)
 rename {company => assets/company}/fontlab-logo/logo/png/fontlabltd-logo-blk50-180px.png (100%)
 rename {company => assets/company}/fontlab-logo/logo/png/fontlabltd-logo-blk50-200px.png (100%)
 rename {company => assets/company}/fontlab-logo/logo/png/fontlabltd-logo-blk50-256px.png (100%)
 rename {company => assets/company}/fontlab-logo/logo/png/fontlabltd-logo-blk50-270px.png (100%)
 rename {company => assets/company}/fontlab-logo/logo/png/fontlabltd-logo-blk50-400px.png (100%)
 rename {company => assets/company}/fontlab-logo/logo/png/fontlabltd-logo-blk50-500px.png (100%)
 rename {company => assets/company}/fontlab-logo/logo/png/fontlabltd-logo-blk50-50px.png (100%)
 rename {company => assets/company}/fontlab-logo/logo/png/fontlabltd-logo-blk50-512px.png (100%)
 rename {company => assets/company}/fontlab-logo/logo/png/fontlabltd-logo-blk50-800px.png (100%)
 rename {company => assets/company}/fontlab-logo/logo/png/fontlabltd-logo-blk50-90px.png (100%)
 rename {company => assets/company}/fontlab-logo/logo/png/fontlabltd-logo-blk75-1000px.png (100%)
 rename {company => assets/company}/fontlab-logo/logo/png/fontlabltd-logo-blk75-100px.png (100%)
 rename {company => assets/company}/fontlab-logo/logo/png/fontlabltd-logo-blk75-1024px.png (100%)
 rename {company => assets/company}/fontlab-logo/logo/png/fontlabltd-logo-blk75-128px.png (100%)
 rename {company => assets/company}/fontlab-logo/logo/png/fontlabltd-logo-blk75-180px.png (100%)
 rename {company => assets/company}/fontlab-logo/logo/png/fontlabltd-logo-blk75-200px.png (100%)
 rename {company => assets/company}/fontlab-logo/logo/png/fontlabltd-logo-blk75-256px.png (100%)
 rename {company => assets/company}/fontlab-logo/logo/png/fontlabltd-logo-blk75-270px.png (100%)
 rename {company => assets/company}/fontlab-logo/logo/png/fontlabltd-logo-blk75-400px.png (100%)
 rename {company => assets/company}/fontlab-logo/logo/png/fontlabltd-logo-blk75-500px.png (100%)
 rename {company => assets/company}/fontlab-logo/logo/png/fontlabltd-logo-blk75-50px.png (100%)
 rename {company => assets/company}/fontlab-logo/logo/png/fontlabltd-logo-blk75-512px.png (100%)
 rename {company => assets/company}/fontlab-logo/logo/png/fontlabltd-logo-blk75-800px.png (100%)
 rename {company => assets/company}/fontlab-logo/logo/png/fontlabltd-logo-blk75-90px.png (100%)
 rename {company => assets/company}/fontlab-logo/logo/png/fontlabltd-logo-white-1000px.png (100%)
 rename {company => assets/company}/fontlab-logo/logo/png/fontlabltd-logo-white-100px.png (100%)
 rename {company => assets/company}/fontlab-logo/logo/png/fontlabltd-logo-white-1024px.png (100%)
 rename {company => assets/company}/fontlab-logo/logo/png/fontlabltd-logo-white-128px.png (100%)
 rename {company => assets/company}/fontlab-logo/logo/png/fontlabltd-logo-white-180px.png (100%)
 rename {company => assets/company}/fontlab-logo/logo/png/fontlabltd-logo-white-200px.png (100%)
 rename {company => assets/company}/fontlab-logo/logo/png/fontlabltd-logo-white-256px.png (100%)
 rename {company => assets/company}/fontlab-logo/logo/png/fontlabltd-logo-white-270px.png (100%)
 rename {company => assets/company}/fontlab-logo/logo/png/fontlabltd-logo-white-400px.png (100%)
 rename {company => assets/company}/fontlab-logo/logo/png/fontlabltd-logo-white-500px.png (100%)
 rename {company => assets/company}/fontlab-logo/logo/png/fontlabltd-logo-white-50px.png (100%)
 rename {company => assets/company}/fontlab-logo/logo/png/fontlabltd-logo-white-512px.png (100%)
 rename {company => assets/company}/fontlab-logo/logo/png/fontlabltd-logo-white-800px.png (100%)
 rename {company => assets/company}/fontlab-logo/logo/png/fontlabltd-logo-white-90px.png (100%)
 rename {company => assets/company}/fontlab-logo/logo/png/fontlabltd-logo.zip (100%)
 rename {company => assets/company}/fontlab-logo/logo/svg/fontlabltd-logo-black.svg (100%)
 rename {company => assets/company}/fontlab-logo/logo/svg/fontlabltd-logo-blk25.svg (100%)
 rename {company => assets/company}/fontlab-logo/logo/svg/fontlabltd-logo-blk50.svg (100%)
 rename {company => assets/company}/fontlab-logo/logo/svg/fontlabltd-logo-blk75.svg (100%)
 rename {company => assets/company}/fontlab-logo/logo/svg/fontlabltd-logo-white.svg (100%)
 rename {fontlab-8 => assets/fontlab-8}/app-icon-simple/ai-source/fontlab-8-app-icon-ai-simple.pdf (100%)
 rename {fontlab-8 => assets/fontlab-8}/app-icon-simple/fontlab-8-app-icon-ai-simple.svg (100%)
 rename {fontlab-8 => assets/fontlab-8}/app-icon-simple/ultrasimple/fontlab-8-app-icon-ai-ultrasimple.pdf (100%)
 rename {fontlab-8 => assets/fontlab-8}/app-icon/ai-source/fontlab-8-app-icon-ai.pdf (100%)
 rename {fontlab-8 => assets/fontlab-8}/app-icon/fontlab-8-app-icon-1024.png (100%)
 rename {fontlab-8 => assets/fontlab-8}/app-icon/fontlab-8-app-icon-2048.png (100%)
 rename {fontlab-8 => assets/fontlab-8}/app-icon/fontlab-8-app-icon-256.png (100%)
 rename {fontlab-8 => assets/fontlab-8}/app-icon/fontlab-8-app-icon-512.png (100%)
 rename {fontlab-8 => assets/fontlab-8}/app-icon/png-padded/fontlab-8-app-icon-padded-1024.png (100%)
 rename {fontlab-8 => assets/fontlab-8}/app-icon/png-padded/fontlab-8-app-icon-padded-512.png (100%)
 rename {fontlab-8 => assets/fontlab-8}/hero-head/ai-source/fl8-hero-head.pdf (100%)
 rename {fontlab-8 => assets/fontlab-8}/hero-head/fl8-hero-head.svg (100%)
 rename {fontlab-8 => assets/fontlab-8}/screenshots/fl8-shot-color.png (100%)
 rename {fontlab-8 => assets/fontlab-8}/screenshots/fl8-shot-masters.png (100%)
 rename {fontlab-8 => assets/fontlab-8}/screenshots/fl8-shot-spacing.png (100%)
 rename {fontlab-8 => assets/fontlab-8}/screenshots/fl8-shot-theme-dark.png (100%)
 rename {fontlab-8 => assets/fontlab-8}/slide-head/ai-source/fontlab-8-slide-head-claim.ai (100%)
 rename {fontlab-8 => assets/fontlab-8}/slide-head/ai-source/fontlab-8-slide-head.pdf (100%)
 rename {fontlab-8 => assets/fontlab-8}/slide-head/fontlab-8-slide-head.png (100%)
 rename {transtype-4 => assets/transtype-4}/app-icon/ai-source/icon-transtype4-src.pdf (100%)
 rename {transtype-4 => assets/transtype-4}/app-icon/icon-transtype4-128x128.png (100%)
 rename {transtype-4 => assets/transtype-4}/app-icon/icon-transtype4-16x16.png (100%)
 rename {transtype-4 => assets/transtype-4}/app-icon/icon-transtype4-256x256.png (100%)
 rename {transtype-4 => assets/transtype-4}/app-icon/icon-transtype4-32x32.png (100%)
 rename {transtype-4 => assets/transtype-4}/app-icon/icon-transtype4-48x48.png (100%)
 rename {transtype-4 => assets/transtype-4}/app-icon/icon-transtype4-512x512.png (100%)
 rename {transtype-4 => assets/transtype-4}/screenshot-comps/psd-source/tr4-comp_color-1440x900@2x.psd (100%)
 rename {transtype-4 => assets/transtype-4}/screenshot-comps/psd-source/tr4-comp_webfonts-1440x900@2x.psd (100%)
 rename {transtype-4 => assets/transtype-4}/screenshot-comps/tr4-comp_color-1440x900@2x.png (100%)
 rename {transtype-4 => assets/transtype-4}/screenshot-comps/tr4-comp_webfonts-1440x900@2x.png (100%)
 rename {transtype-4 => assets/transtype-4}/screenshots/tr4-scr_color-overlay3_1440x900@2x.png (100%)
 rename {transtype-4 => assets/transtype-4}/screenshots/tr4-scr_color-overlay4_1440x900@2x.png (100%)
 rename {transtype-4 => assets/transtype-4}/screenshots/tr4-scr_convert-destination_1440x900@2x.png (100%)
 rename {transtype-4 => assets/transtype-4}/screenshots/tr4-scr_convert-profile_1440x900@2x.png (100%)
 rename {transtype-4 => assets/transtype-4}/screenshots/tr4-scr_general-glyphmap_1440x900@2x.png (100%)
 rename {transtype-4 => assets/transtype-4}/screenshots/tr4-scr_general-ui_1440x900@2x.png (100%)
 rename {transtype-4 => assets/transtype-4}/screenshots/tr4-scr_havefun-blend_1440x900@2x.png (100%)
 rename {transtype-4 => assets/transtype-4}/screenshots/tr4-scr_havefun-distort_1440x900@2x.png (100%)
 rename {transtype-4 => assets/transtype-4}/screenshots/tr4-scr_havefun-outline_1440x900@2x.png (100%)
 rename {transtype-4 => assets/transtype-4}/screenshots/tr4-scr_organize-autonaming_1440x900@2x.png (100%)
 rename {transtype-4 => assets/transtype-4}/screenshots/tr4-scr_organize-fix_1440x900@2x.png (100%)
 rename {transtype-4 => assets/transtype-4}/screenshots/tr4-scr_organize_dragdrop_1440x900@2x.png (100%)
 rename {transtype-4 => assets/transtype-4}/screenshots/tr4-scr_organize_editinplace_1440x900@2x.png (100%)
 create mode 100644 md/index.md
 create mode 100644 mkdocs/mk-fontlab/css/extra.bak.css
 create mode 100644 mkdocs/mk-fontlab/css/extra.css
 create mode 100644 mkdocs/mk-fontlab/css/home-old.css
 create mode 100644 mkdocs/mk-fontlab/css/home.css
 create mode 100644 mkdocs/mk-fontlab/css/keys.css
 create mode 100644 mkdocs/mk-fontlab/css/vars.css
 create mode 100644 mkdocs/mk-fontlab/css/wfnav.css
 create mode 100644 mkdocs/mk-fontlab/hero/home/main-old.html
 create mode 100644 mkdocs/mk-fontlab/hero/home/main.html
 create mode 100644 mkdocs/mk-fontlab/hero/home/mini.html
 create mode 100644 mkdocs/mk-fontlab/hero/home/partials/buy.html
 create mode 100644 mkdocs/mk-fontlab/hero/home/partials/critical.html
 create mode 100644 mkdocs/mk-fontlab/hero/home/partials/description.html
 create mode 100644 mkdocs/mk-fontlab/hero/home/partials/download.html
 create mode 100644 mkdocs/mk-fontlab/hero/home/partials/features.html
 create mode 100644 mkdocs/mk-fontlab/hero/home/partials/footer.html
 create mode 100644 mkdocs/mk-fontlab/hero/home/partials/highlight.html
 create mode 100644 mkdocs/mk-fontlab/hero/home/partials/index.html
 create mode 100644 mkdocs/mk-fontlab/hero/home/partials/intro.html
 create mode 100644 mkdocs/mk-fontlab/hero/home/partials/mini.html
 create mode 100644 mkdocs/mk-fontlab/hero/home/partials/nav.html
 create mode 100644 mkdocs/mk-fontlab/hero/home/partials/nav_offcanvas.html
 create mode 100644 mkdocs/mk-fontlab/hero/home/partials/nav_tabs.html
 create mode 100644 mkdocs/mk-fontlab/hero/home/partials/new.html
 create mode 100644 mkdocs/mk-fontlab/hero/home/partials/slideshow.html
 create mode 100644 mkdocs/mk-fontlab/hero/home/partials/testimonials.html
 create mode 100644 mkdocs/mk-fontlab/hero/home/partials/testimonials_details.html
 create mode 100644 mkdocs/mk-fontlab/hero/home/partials/top.html
 create mode 100644 mkdocs/mk-fontlab/hero/home/partials/videos.html
 create mode 100644 mkdocs/mk-fontlab/hero/home/partials/wfnav.html
 create mode 100644 mkdocs/mk-fontlab/main.html
 create mode 100644 mkdocs/mk-fontlab/partials/content.html
 create mode 100644 mkdocs/mk-fontlab/partials/copyright.html
 create mode 100644 mkdocs/mkdocs.yml
 create mode 100644 mkdocs/requirements.txt

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index f57b23f..4c82fc4 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -23,6 +23,7 @@ jobs:
             mkdocs-material-
       - run: sudo apt-get install pngquant 
       - run: pip install git+https://${GH_TOKEN}@github.com/squidfunk/mkdocs-material-insiders.git
-      - run: mkdocs gh-deploy --force
+      - run: pip install -r mkdocs/requirements.txt
+      - run: mkdocs gh-deploy --config-file mkdocs/mkdocs.yml --force
 env:
   GH_TOKEN: ${{ secrets.GH_TOKEN }} 
diff --git a/.gitignore b/.gitignore
index 68bc17f..e05e2e7 100644
--- a/.gitignore
+++ b/.gitignore
@@ -158,3 +158,4 @@ cython_debug/
 #  and can be added to the global gitignore or merged into this file.  For a more nuclear
 #  option (not recommended) you can uncomment the following to ignore the entire idea folder.
 #.idea/
+.DS_Store
diff --git a/company/fontlab-logo/logo-font/fontlabltd-logo.otf b/assets/company/fontlab-logo/logo-font/fontlabltd-logo.otf
similarity index 100%
rename from company/fontlab-logo/logo-font/fontlabltd-logo.otf
rename to assets/company/fontlab-logo/logo-font/fontlabltd-logo.otf
diff --git a/company/fontlab-logo/logo-font/vfj-source/fontlabltd-logo-2021.vfj b/assets/company/fontlab-logo/logo-font/vfj-source/fontlabltd-logo-2021.vfj
similarity index 100%
rename from company/fontlab-logo/logo-font/vfj-source/fontlabltd-logo-2021.vfj
rename to assets/company/fontlab-logo/logo-font/vfj-source/fontlabltd-logo-2021.vfj
diff --git a/company/fontlab-logo/logo/ai-source/ai-export-settings.png b/assets/company/fontlab-logo/logo/ai-source/ai-export-settings.png
similarity index 100%
rename from company/fontlab-logo/logo/ai-source/ai-export-settings.png
rename to assets/company/fontlab-logo/logo/ai-source/ai-export-settings.png
diff --git a/company/fontlab-logo/logo/ai-source/fontlabltd-logo.pdf b/assets/company/fontlab-logo/logo/ai-source/fontlabltd-logo.pdf
similarity index 100%
rename from company/fontlab-logo/logo/ai-source/fontlabltd-logo.pdf
rename to assets/company/fontlab-logo/logo/ai-source/fontlabltd-logo.pdf
diff --git a/company/fontlab-logo/logo/pdf/fontlabltd-logo-black.pdf b/assets/company/fontlab-logo/logo/pdf/fontlabltd-logo-black.pdf
similarity index 100%
rename from company/fontlab-logo/logo/pdf/fontlabltd-logo-black.pdf
rename to assets/company/fontlab-logo/logo/pdf/fontlabltd-logo-black.pdf
diff --git a/company/fontlab-logo/logo/pdf/fontlabltd-logo-blk25.pdf b/assets/company/fontlab-logo/logo/pdf/fontlabltd-logo-blk25.pdf
similarity index 100%
rename from company/fontlab-logo/logo/pdf/fontlabltd-logo-blk25.pdf
rename to assets/company/fontlab-logo/logo/pdf/fontlabltd-logo-blk25.pdf
diff --git a/company/fontlab-logo/logo/pdf/fontlabltd-logo-blk50.pdf b/assets/company/fontlab-logo/logo/pdf/fontlabltd-logo-blk50.pdf
similarity index 100%
rename from company/fontlab-logo/logo/pdf/fontlabltd-logo-blk50.pdf
rename to assets/company/fontlab-logo/logo/pdf/fontlabltd-logo-blk50.pdf
diff --git a/company/fontlab-logo/logo/pdf/fontlabltd-logo-blk75.pdf b/assets/company/fontlab-logo/logo/pdf/fontlabltd-logo-blk75.pdf
similarity index 100%
rename from company/fontlab-logo/logo/pdf/fontlabltd-logo-blk75.pdf
rename to assets/company/fontlab-logo/logo/pdf/fontlabltd-logo-blk75.pdf
diff --git a/company/fontlab-logo/logo/pdf/fontlabltd-logo-white.pdf b/assets/company/fontlab-logo/logo/pdf/fontlabltd-logo-white.pdf
similarity index 100%
rename from company/fontlab-logo/logo/pdf/fontlabltd-logo-white.pdf
rename to assets/company/fontlab-logo/logo/pdf/fontlabltd-logo-white.pdf
diff --git a/company/fontlab-logo/logo/png/fontlabltd-logo-black-1000px.png b/assets/company/fontlab-logo/logo/png/fontlabltd-logo-black-1000px.png
similarity index 100%
rename from company/fontlab-logo/logo/png/fontlabltd-logo-black-1000px.png
rename to assets/company/fontlab-logo/logo/png/fontlabltd-logo-black-1000px.png
diff --git a/company/fontlab-logo/logo/png/fontlabltd-logo-black-100px.png b/assets/company/fontlab-logo/logo/png/fontlabltd-logo-black-100px.png
similarity index 100%
rename from company/fontlab-logo/logo/png/fontlabltd-logo-black-100px.png
rename to assets/company/fontlab-logo/logo/png/fontlabltd-logo-black-100px.png
diff --git a/company/fontlab-logo/logo/png/fontlabltd-logo-black-1024px.png b/assets/company/fontlab-logo/logo/png/fontlabltd-logo-black-1024px.png
similarity index 100%
rename from company/fontlab-logo/logo/png/fontlabltd-logo-black-1024px.png
rename to assets/company/fontlab-logo/logo/png/fontlabltd-logo-black-1024px.png
diff --git a/company/fontlab-logo/logo/png/fontlabltd-logo-black-128px.png b/assets/company/fontlab-logo/logo/png/fontlabltd-logo-black-128px.png
similarity index 100%
rename from company/fontlab-logo/logo/png/fontlabltd-logo-black-128px.png
rename to assets/company/fontlab-logo/logo/png/fontlabltd-logo-black-128px.png
diff --git a/company/fontlab-logo/logo/png/fontlabltd-logo-black-180px.png b/assets/company/fontlab-logo/logo/png/fontlabltd-logo-black-180px.png
similarity index 100%
rename from company/fontlab-logo/logo/png/fontlabltd-logo-black-180px.png
rename to assets/company/fontlab-logo/logo/png/fontlabltd-logo-black-180px.png
diff --git a/company/fontlab-logo/logo/png/fontlabltd-logo-black-200px.png b/assets/company/fontlab-logo/logo/png/fontlabltd-logo-black-200px.png
similarity index 100%
rename from company/fontlab-logo/logo/png/fontlabltd-logo-black-200px.png
rename to assets/company/fontlab-logo/logo/png/fontlabltd-logo-black-200px.png
diff --git a/company/fontlab-logo/logo/png/fontlabltd-logo-black-256px.png b/assets/company/fontlab-logo/logo/png/fontlabltd-logo-black-256px.png
similarity index 100%
rename from company/fontlab-logo/logo/png/fontlabltd-logo-black-256px.png
rename to assets/company/fontlab-logo/logo/png/fontlabltd-logo-black-256px.png
diff --git a/company/fontlab-logo/logo/png/fontlabltd-logo-black-270px.png b/assets/company/fontlab-logo/logo/png/fontlabltd-logo-black-270px.png
similarity index 100%
rename from company/fontlab-logo/logo/png/fontlabltd-logo-black-270px.png
rename to assets/company/fontlab-logo/logo/png/fontlabltd-logo-black-270px.png
diff --git a/company/fontlab-logo/logo/png/fontlabltd-logo-black-400px.png b/assets/company/fontlab-logo/logo/png/fontlabltd-logo-black-400px.png
similarity index 100%
rename from company/fontlab-logo/logo/png/fontlabltd-logo-black-400px.png
rename to assets/company/fontlab-logo/logo/png/fontlabltd-logo-black-400px.png
diff --git a/company/fontlab-logo/logo/png/fontlabltd-logo-black-500px.png b/assets/company/fontlab-logo/logo/png/fontlabltd-logo-black-500px.png
similarity index 100%
rename from company/fontlab-logo/logo/png/fontlabltd-logo-black-500px.png
rename to assets/company/fontlab-logo/logo/png/fontlabltd-logo-black-500px.png
diff --git a/company/fontlab-logo/logo/png/fontlabltd-logo-black-50px.png b/assets/company/fontlab-logo/logo/png/fontlabltd-logo-black-50px.png
similarity index 100%
rename from company/fontlab-logo/logo/png/fontlabltd-logo-black-50px.png
rename to assets/company/fontlab-logo/logo/png/fontlabltd-logo-black-50px.png
diff --git a/company/fontlab-logo/logo/png/fontlabltd-logo-black-512px.png b/assets/company/fontlab-logo/logo/png/fontlabltd-logo-black-512px.png
similarity index 100%
rename from company/fontlab-logo/logo/png/fontlabltd-logo-black-512px.png
rename to assets/company/fontlab-logo/logo/png/fontlabltd-logo-black-512px.png
diff --git a/company/fontlab-logo/logo/png/fontlabltd-logo-black-800px.png b/assets/company/fontlab-logo/logo/png/fontlabltd-logo-black-800px.png
similarity index 100%
rename from company/fontlab-logo/logo/png/fontlabltd-logo-black-800px.png
rename to assets/company/fontlab-logo/logo/png/fontlabltd-logo-black-800px.png
diff --git a/company/fontlab-logo/logo/png/fontlabltd-logo-black-90px.png b/assets/company/fontlab-logo/logo/png/fontlabltd-logo-black-90px.png
similarity index 100%
rename from company/fontlab-logo/logo/png/fontlabltd-logo-black-90px.png
rename to assets/company/fontlab-logo/logo/png/fontlabltd-logo-black-90px.png
diff --git a/company/fontlab-logo/logo/png/fontlabltd-logo-blk25-1000px.png b/assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk25-1000px.png
similarity index 100%
rename from company/fontlab-logo/logo/png/fontlabltd-logo-blk25-1000px.png
rename to assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk25-1000px.png
diff --git a/company/fontlab-logo/logo/png/fontlabltd-logo-blk25-100px.png b/assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk25-100px.png
similarity index 100%
rename from company/fontlab-logo/logo/png/fontlabltd-logo-blk25-100px.png
rename to assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk25-100px.png
diff --git a/company/fontlab-logo/logo/png/fontlabltd-logo-blk25-1024px.png b/assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk25-1024px.png
similarity index 100%
rename from company/fontlab-logo/logo/png/fontlabltd-logo-blk25-1024px.png
rename to assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk25-1024px.png
diff --git a/company/fontlab-logo/logo/png/fontlabltd-logo-blk25-128px.png b/assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk25-128px.png
similarity index 100%
rename from company/fontlab-logo/logo/png/fontlabltd-logo-blk25-128px.png
rename to assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk25-128px.png
diff --git a/company/fontlab-logo/logo/png/fontlabltd-logo-blk25-180px.png b/assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk25-180px.png
similarity index 100%
rename from company/fontlab-logo/logo/png/fontlabltd-logo-blk25-180px.png
rename to assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk25-180px.png
diff --git a/company/fontlab-logo/logo/png/fontlabltd-logo-blk25-200px.png b/assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk25-200px.png
similarity index 100%
rename from company/fontlab-logo/logo/png/fontlabltd-logo-blk25-200px.png
rename to assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk25-200px.png
diff --git a/company/fontlab-logo/logo/png/fontlabltd-logo-blk25-256px.png b/assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk25-256px.png
similarity index 100%
rename from company/fontlab-logo/logo/png/fontlabltd-logo-blk25-256px.png
rename to assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk25-256px.png
diff --git a/company/fontlab-logo/logo/png/fontlabltd-logo-blk25-270px.png b/assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk25-270px.png
similarity index 100%
rename from company/fontlab-logo/logo/png/fontlabltd-logo-blk25-270px.png
rename to assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk25-270px.png
diff --git a/company/fontlab-logo/logo/png/fontlabltd-logo-blk25-400px.png b/assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk25-400px.png
similarity index 100%
rename from company/fontlab-logo/logo/png/fontlabltd-logo-blk25-400px.png
rename to assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk25-400px.png
diff --git a/company/fontlab-logo/logo/png/fontlabltd-logo-blk25-500px.png b/assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk25-500px.png
similarity index 100%
rename from company/fontlab-logo/logo/png/fontlabltd-logo-blk25-500px.png
rename to assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk25-500px.png
diff --git a/company/fontlab-logo/logo/png/fontlabltd-logo-blk25-50px.png b/assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk25-50px.png
similarity index 100%
rename from company/fontlab-logo/logo/png/fontlabltd-logo-blk25-50px.png
rename to assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk25-50px.png
diff --git a/company/fontlab-logo/logo/png/fontlabltd-logo-blk25-512px.png b/assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk25-512px.png
similarity index 100%
rename from company/fontlab-logo/logo/png/fontlabltd-logo-blk25-512px.png
rename to assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk25-512px.png
diff --git a/company/fontlab-logo/logo/png/fontlabltd-logo-blk25-800px.png b/assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk25-800px.png
similarity index 100%
rename from company/fontlab-logo/logo/png/fontlabltd-logo-blk25-800px.png
rename to assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk25-800px.png
diff --git a/company/fontlab-logo/logo/png/fontlabltd-logo-blk25-90px.png b/assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk25-90px.png
similarity index 100%
rename from company/fontlab-logo/logo/png/fontlabltd-logo-blk25-90px.png
rename to assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk25-90px.png
diff --git a/company/fontlab-logo/logo/png/fontlabltd-logo-blk50-1000px.png b/assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk50-1000px.png
similarity index 100%
rename from company/fontlab-logo/logo/png/fontlabltd-logo-blk50-1000px.png
rename to assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk50-1000px.png
diff --git a/company/fontlab-logo/logo/png/fontlabltd-logo-blk50-100px.png b/assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk50-100px.png
similarity index 100%
rename from company/fontlab-logo/logo/png/fontlabltd-logo-blk50-100px.png
rename to assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk50-100px.png
diff --git a/company/fontlab-logo/logo/png/fontlabltd-logo-blk50-1024px.png b/assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk50-1024px.png
similarity index 100%
rename from company/fontlab-logo/logo/png/fontlabltd-logo-blk50-1024px.png
rename to assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk50-1024px.png
diff --git a/company/fontlab-logo/logo/png/fontlabltd-logo-blk50-128px.png b/assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk50-128px.png
similarity index 100%
rename from company/fontlab-logo/logo/png/fontlabltd-logo-blk50-128px.png
rename to assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk50-128px.png
diff --git a/company/fontlab-logo/logo/png/fontlabltd-logo-blk50-180px.png b/assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk50-180px.png
similarity index 100%
rename from company/fontlab-logo/logo/png/fontlabltd-logo-blk50-180px.png
rename to assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk50-180px.png
diff --git a/company/fontlab-logo/logo/png/fontlabltd-logo-blk50-200px.png b/assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk50-200px.png
similarity index 100%
rename from company/fontlab-logo/logo/png/fontlabltd-logo-blk50-200px.png
rename to assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk50-200px.png
diff --git a/company/fontlab-logo/logo/png/fontlabltd-logo-blk50-256px.png b/assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk50-256px.png
similarity index 100%
rename from company/fontlab-logo/logo/png/fontlabltd-logo-blk50-256px.png
rename to assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk50-256px.png
diff --git a/company/fontlab-logo/logo/png/fontlabltd-logo-blk50-270px.png b/assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk50-270px.png
similarity index 100%
rename from company/fontlab-logo/logo/png/fontlabltd-logo-blk50-270px.png
rename to assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk50-270px.png
diff --git a/company/fontlab-logo/logo/png/fontlabltd-logo-blk50-400px.png b/assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk50-400px.png
similarity index 100%
rename from company/fontlab-logo/logo/png/fontlabltd-logo-blk50-400px.png
rename to assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk50-400px.png
diff --git a/company/fontlab-logo/logo/png/fontlabltd-logo-blk50-500px.png b/assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk50-500px.png
similarity index 100%
rename from company/fontlab-logo/logo/png/fontlabltd-logo-blk50-500px.png
rename to assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk50-500px.png
diff --git a/company/fontlab-logo/logo/png/fontlabltd-logo-blk50-50px.png b/assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk50-50px.png
similarity index 100%
rename from company/fontlab-logo/logo/png/fontlabltd-logo-blk50-50px.png
rename to assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk50-50px.png
diff --git a/company/fontlab-logo/logo/png/fontlabltd-logo-blk50-512px.png b/assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk50-512px.png
similarity index 100%
rename from company/fontlab-logo/logo/png/fontlabltd-logo-blk50-512px.png
rename to assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk50-512px.png
diff --git a/company/fontlab-logo/logo/png/fontlabltd-logo-blk50-800px.png b/assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk50-800px.png
similarity index 100%
rename from company/fontlab-logo/logo/png/fontlabltd-logo-blk50-800px.png
rename to assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk50-800px.png
diff --git a/company/fontlab-logo/logo/png/fontlabltd-logo-blk50-90px.png b/assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk50-90px.png
similarity index 100%
rename from company/fontlab-logo/logo/png/fontlabltd-logo-blk50-90px.png
rename to assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk50-90px.png
diff --git a/company/fontlab-logo/logo/png/fontlabltd-logo-blk75-1000px.png b/assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk75-1000px.png
similarity index 100%
rename from company/fontlab-logo/logo/png/fontlabltd-logo-blk75-1000px.png
rename to assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk75-1000px.png
diff --git a/company/fontlab-logo/logo/png/fontlabltd-logo-blk75-100px.png b/assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk75-100px.png
similarity index 100%
rename from company/fontlab-logo/logo/png/fontlabltd-logo-blk75-100px.png
rename to assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk75-100px.png
diff --git a/company/fontlab-logo/logo/png/fontlabltd-logo-blk75-1024px.png b/assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk75-1024px.png
similarity index 100%
rename from company/fontlab-logo/logo/png/fontlabltd-logo-blk75-1024px.png
rename to assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk75-1024px.png
diff --git a/company/fontlab-logo/logo/png/fontlabltd-logo-blk75-128px.png b/assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk75-128px.png
similarity index 100%
rename from company/fontlab-logo/logo/png/fontlabltd-logo-blk75-128px.png
rename to assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk75-128px.png
diff --git a/company/fontlab-logo/logo/png/fontlabltd-logo-blk75-180px.png b/assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk75-180px.png
similarity index 100%
rename from company/fontlab-logo/logo/png/fontlabltd-logo-blk75-180px.png
rename to assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk75-180px.png
diff --git a/company/fontlab-logo/logo/png/fontlabltd-logo-blk75-200px.png b/assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk75-200px.png
similarity index 100%
rename from company/fontlab-logo/logo/png/fontlabltd-logo-blk75-200px.png
rename to assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk75-200px.png
diff --git a/company/fontlab-logo/logo/png/fontlabltd-logo-blk75-256px.png b/assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk75-256px.png
similarity index 100%
rename from company/fontlab-logo/logo/png/fontlabltd-logo-blk75-256px.png
rename to assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk75-256px.png
diff --git a/company/fontlab-logo/logo/png/fontlabltd-logo-blk75-270px.png b/assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk75-270px.png
similarity index 100%
rename from company/fontlab-logo/logo/png/fontlabltd-logo-blk75-270px.png
rename to assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk75-270px.png
diff --git a/company/fontlab-logo/logo/png/fontlabltd-logo-blk75-400px.png b/assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk75-400px.png
similarity index 100%
rename from company/fontlab-logo/logo/png/fontlabltd-logo-blk75-400px.png
rename to assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk75-400px.png
diff --git a/company/fontlab-logo/logo/png/fontlabltd-logo-blk75-500px.png b/assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk75-500px.png
similarity index 100%
rename from company/fontlab-logo/logo/png/fontlabltd-logo-blk75-500px.png
rename to assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk75-500px.png
diff --git a/company/fontlab-logo/logo/png/fontlabltd-logo-blk75-50px.png b/assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk75-50px.png
similarity index 100%
rename from company/fontlab-logo/logo/png/fontlabltd-logo-blk75-50px.png
rename to assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk75-50px.png
diff --git a/company/fontlab-logo/logo/png/fontlabltd-logo-blk75-512px.png b/assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk75-512px.png
similarity index 100%
rename from company/fontlab-logo/logo/png/fontlabltd-logo-blk75-512px.png
rename to assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk75-512px.png
diff --git a/company/fontlab-logo/logo/png/fontlabltd-logo-blk75-800px.png b/assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk75-800px.png
similarity index 100%
rename from company/fontlab-logo/logo/png/fontlabltd-logo-blk75-800px.png
rename to assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk75-800px.png
diff --git a/company/fontlab-logo/logo/png/fontlabltd-logo-blk75-90px.png b/assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk75-90px.png
similarity index 100%
rename from company/fontlab-logo/logo/png/fontlabltd-logo-blk75-90px.png
rename to assets/company/fontlab-logo/logo/png/fontlabltd-logo-blk75-90px.png
diff --git a/company/fontlab-logo/logo/png/fontlabltd-logo-white-1000px.png b/assets/company/fontlab-logo/logo/png/fontlabltd-logo-white-1000px.png
similarity index 100%
rename from company/fontlab-logo/logo/png/fontlabltd-logo-white-1000px.png
rename to assets/company/fontlab-logo/logo/png/fontlabltd-logo-white-1000px.png
diff --git a/company/fontlab-logo/logo/png/fontlabltd-logo-white-100px.png b/assets/company/fontlab-logo/logo/png/fontlabltd-logo-white-100px.png
similarity index 100%
rename from company/fontlab-logo/logo/png/fontlabltd-logo-white-100px.png
rename to assets/company/fontlab-logo/logo/png/fontlabltd-logo-white-100px.png
diff --git a/company/fontlab-logo/logo/png/fontlabltd-logo-white-1024px.png b/assets/company/fontlab-logo/logo/png/fontlabltd-logo-white-1024px.png
similarity index 100%
rename from company/fontlab-logo/logo/png/fontlabltd-logo-white-1024px.png
rename to assets/company/fontlab-logo/logo/png/fontlabltd-logo-white-1024px.png
diff --git a/company/fontlab-logo/logo/png/fontlabltd-logo-white-128px.png b/assets/company/fontlab-logo/logo/png/fontlabltd-logo-white-128px.png
similarity index 100%
rename from company/fontlab-logo/logo/png/fontlabltd-logo-white-128px.png
rename to assets/company/fontlab-logo/logo/png/fontlabltd-logo-white-128px.png
diff --git a/company/fontlab-logo/logo/png/fontlabltd-logo-white-180px.png b/assets/company/fontlab-logo/logo/png/fontlabltd-logo-white-180px.png
similarity index 100%
rename from company/fontlab-logo/logo/png/fontlabltd-logo-white-180px.png
rename to assets/company/fontlab-logo/logo/png/fontlabltd-logo-white-180px.png
diff --git a/company/fontlab-logo/logo/png/fontlabltd-logo-white-200px.png b/assets/company/fontlab-logo/logo/png/fontlabltd-logo-white-200px.png
similarity index 100%
rename from company/fontlab-logo/logo/png/fontlabltd-logo-white-200px.png
rename to assets/company/fontlab-logo/logo/png/fontlabltd-logo-white-200px.png
diff --git a/company/fontlab-logo/logo/png/fontlabltd-logo-white-256px.png b/assets/company/fontlab-logo/logo/png/fontlabltd-logo-white-256px.png
similarity index 100%
rename from company/fontlab-logo/logo/png/fontlabltd-logo-white-256px.png
rename to assets/company/fontlab-logo/logo/png/fontlabltd-logo-white-256px.png
diff --git a/company/fontlab-logo/logo/png/fontlabltd-logo-white-270px.png b/assets/company/fontlab-logo/logo/png/fontlabltd-logo-white-270px.png
similarity index 100%
rename from company/fontlab-logo/logo/png/fontlabltd-logo-white-270px.png
rename to assets/company/fontlab-logo/logo/png/fontlabltd-logo-white-270px.png
diff --git a/company/fontlab-logo/logo/png/fontlabltd-logo-white-400px.png b/assets/company/fontlab-logo/logo/png/fontlabltd-logo-white-400px.png
similarity index 100%
rename from company/fontlab-logo/logo/png/fontlabltd-logo-white-400px.png
rename to assets/company/fontlab-logo/logo/png/fontlabltd-logo-white-400px.png
diff --git a/company/fontlab-logo/logo/png/fontlabltd-logo-white-500px.png b/assets/company/fontlab-logo/logo/png/fontlabltd-logo-white-500px.png
similarity index 100%
rename from company/fontlab-logo/logo/png/fontlabltd-logo-white-500px.png
rename to assets/company/fontlab-logo/logo/png/fontlabltd-logo-white-500px.png
diff --git a/company/fontlab-logo/logo/png/fontlabltd-logo-white-50px.png b/assets/company/fontlab-logo/logo/png/fontlabltd-logo-white-50px.png
similarity index 100%
rename from company/fontlab-logo/logo/png/fontlabltd-logo-white-50px.png
rename to assets/company/fontlab-logo/logo/png/fontlabltd-logo-white-50px.png
diff --git a/company/fontlab-logo/logo/png/fontlabltd-logo-white-512px.png b/assets/company/fontlab-logo/logo/png/fontlabltd-logo-white-512px.png
similarity index 100%
rename from company/fontlab-logo/logo/png/fontlabltd-logo-white-512px.png
rename to assets/company/fontlab-logo/logo/png/fontlabltd-logo-white-512px.png
diff --git a/company/fontlab-logo/logo/png/fontlabltd-logo-white-800px.png b/assets/company/fontlab-logo/logo/png/fontlabltd-logo-white-800px.png
similarity index 100%
rename from company/fontlab-logo/logo/png/fontlabltd-logo-white-800px.png
rename to assets/company/fontlab-logo/logo/png/fontlabltd-logo-white-800px.png
diff --git a/company/fontlab-logo/logo/png/fontlabltd-logo-white-90px.png b/assets/company/fontlab-logo/logo/png/fontlabltd-logo-white-90px.png
similarity index 100%
rename from company/fontlab-logo/logo/png/fontlabltd-logo-white-90px.png
rename to assets/company/fontlab-logo/logo/png/fontlabltd-logo-white-90px.png
diff --git a/company/fontlab-logo/logo/png/fontlabltd-logo.zip b/assets/company/fontlab-logo/logo/png/fontlabltd-logo.zip
similarity index 100%
rename from company/fontlab-logo/logo/png/fontlabltd-logo.zip
rename to assets/company/fontlab-logo/logo/png/fontlabltd-logo.zip
diff --git a/company/fontlab-logo/logo/svg/fontlabltd-logo-black.svg b/assets/company/fontlab-logo/logo/svg/fontlabltd-logo-black.svg
similarity index 100%
rename from company/fontlab-logo/logo/svg/fontlabltd-logo-black.svg
rename to assets/company/fontlab-logo/logo/svg/fontlabltd-logo-black.svg
diff --git a/company/fontlab-logo/logo/svg/fontlabltd-logo-blk25.svg b/assets/company/fontlab-logo/logo/svg/fontlabltd-logo-blk25.svg
similarity index 100%
rename from company/fontlab-logo/logo/svg/fontlabltd-logo-blk25.svg
rename to assets/company/fontlab-logo/logo/svg/fontlabltd-logo-blk25.svg
diff --git a/company/fontlab-logo/logo/svg/fontlabltd-logo-blk50.svg b/assets/company/fontlab-logo/logo/svg/fontlabltd-logo-blk50.svg
similarity index 100%
rename from company/fontlab-logo/logo/svg/fontlabltd-logo-blk50.svg
rename to assets/company/fontlab-logo/logo/svg/fontlabltd-logo-blk50.svg
diff --git a/company/fontlab-logo/logo/svg/fontlabltd-logo-blk75.svg b/assets/company/fontlab-logo/logo/svg/fontlabltd-logo-blk75.svg
similarity index 100%
rename from company/fontlab-logo/logo/svg/fontlabltd-logo-blk75.svg
rename to assets/company/fontlab-logo/logo/svg/fontlabltd-logo-blk75.svg
diff --git a/company/fontlab-logo/logo/svg/fontlabltd-logo-white.svg b/assets/company/fontlab-logo/logo/svg/fontlabltd-logo-white.svg
similarity index 100%
rename from company/fontlab-logo/logo/svg/fontlabltd-logo-white.svg
rename to assets/company/fontlab-logo/logo/svg/fontlabltd-logo-white.svg
diff --git a/fontlab-8/app-icon-simple/ai-source/fontlab-8-app-icon-ai-simple.pdf b/assets/fontlab-8/app-icon-simple/ai-source/fontlab-8-app-icon-ai-simple.pdf
similarity index 100%
rename from fontlab-8/app-icon-simple/ai-source/fontlab-8-app-icon-ai-simple.pdf
rename to assets/fontlab-8/app-icon-simple/ai-source/fontlab-8-app-icon-ai-simple.pdf
diff --git a/fontlab-8/app-icon-simple/fontlab-8-app-icon-ai-simple.svg b/assets/fontlab-8/app-icon-simple/fontlab-8-app-icon-ai-simple.svg
similarity index 100%
rename from fontlab-8/app-icon-simple/fontlab-8-app-icon-ai-simple.svg
rename to assets/fontlab-8/app-icon-simple/fontlab-8-app-icon-ai-simple.svg
diff --git a/fontlab-8/app-icon-simple/ultrasimple/fontlab-8-app-icon-ai-ultrasimple.pdf b/assets/fontlab-8/app-icon-simple/ultrasimple/fontlab-8-app-icon-ai-ultrasimple.pdf
similarity index 100%
rename from fontlab-8/app-icon-simple/ultrasimple/fontlab-8-app-icon-ai-ultrasimple.pdf
rename to assets/fontlab-8/app-icon-simple/ultrasimple/fontlab-8-app-icon-ai-ultrasimple.pdf
diff --git a/fontlab-8/app-icon/ai-source/fontlab-8-app-icon-ai.pdf b/assets/fontlab-8/app-icon/ai-source/fontlab-8-app-icon-ai.pdf
similarity index 100%
rename from fontlab-8/app-icon/ai-source/fontlab-8-app-icon-ai.pdf
rename to assets/fontlab-8/app-icon/ai-source/fontlab-8-app-icon-ai.pdf
diff --git a/fontlab-8/app-icon/fontlab-8-app-icon-1024.png b/assets/fontlab-8/app-icon/fontlab-8-app-icon-1024.png
similarity index 100%
rename from fontlab-8/app-icon/fontlab-8-app-icon-1024.png
rename to assets/fontlab-8/app-icon/fontlab-8-app-icon-1024.png
diff --git a/fontlab-8/app-icon/fontlab-8-app-icon-2048.png b/assets/fontlab-8/app-icon/fontlab-8-app-icon-2048.png
similarity index 100%
rename from fontlab-8/app-icon/fontlab-8-app-icon-2048.png
rename to assets/fontlab-8/app-icon/fontlab-8-app-icon-2048.png
diff --git a/fontlab-8/app-icon/fontlab-8-app-icon-256.png b/assets/fontlab-8/app-icon/fontlab-8-app-icon-256.png
similarity index 100%
rename from fontlab-8/app-icon/fontlab-8-app-icon-256.png
rename to assets/fontlab-8/app-icon/fontlab-8-app-icon-256.png
diff --git a/fontlab-8/app-icon/fontlab-8-app-icon-512.png b/assets/fontlab-8/app-icon/fontlab-8-app-icon-512.png
similarity index 100%
rename from fontlab-8/app-icon/fontlab-8-app-icon-512.png
rename to assets/fontlab-8/app-icon/fontlab-8-app-icon-512.png
diff --git a/fontlab-8/app-icon/png-padded/fontlab-8-app-icon-padded-1024.png b/assets/fontlab-8/app-icon/png-padded/fontlab-8-app-icon-padded-1024.png
similarity index 100%
rename from fontlab-8/app-icon/png-padded/fontlab-8-app-icon-padded-1024.png
rename to assets/fontlab-8/app-icon/png-padded/fontlab-8-app-icon-padded-1024.png
diff --git a/fontlab-8/app-icon/png-padded/fontlab-8-app-icon-padded-512.png b/assets/fontlab-8/app-icon/png-padded/fontlab-8-app-icon-padded-512.png
similarity index 100%
rename from fontlab-8/app-icon/png-padded/fontlab-8-app-icon-padded-512.png
rename to assets/fontlab-8/app-icon/png-padded/fontlab-8-app-icon-padded-512.png
diff --git a/fontlab-8/hero-head/ai-source/fl8-hero-head.pdf b/assets/fontlab-8/hero-head/ai-source/fl8-hero-head.pdf
similarity index 100%
rename from fontlab-8/hero-head/ai-source/fl8-hero-head.pdf
rename to assets/fontlab-8/hero-head/ai-source/fl8-hero-head.pdf
diff --git a/fontlab-8/hero-head/fl8-hero-head.svg b/assets/fontlab-8/hero-head/fl8-hero-head.svg
similarity index 100%
rename from fontlab-8/hero-head/fl8-hero-head.svg
rename to assets/fontlab-8/hero-head/fl8-hero-head.svg
diff --git a/fontlab-8/screenshots/fl8-shot-color.png b/assets/fontlab-8/screenshots/fl8-shot-color.png
similarity index 100%
rename from fontlab-8/screenshots/fl8-shot-color.png
rename to assets/fontlab-8/screenshots/fl8-shot-color.png
diff --git a/fontlab-8/screenshots/fl8-shot-masters.png b/assets/fontlab-8/screenshots/fl8-shot-masters.png
similarity index 100%
rename from fontlab-8/screenshots/fl8-shot-masters.png
rename to assets/fontlab-8/screenshots/fl8-shot-masters.png
diff --git a/fontlab-8/screenshots/fl8-shot-spacing.png b/assets/fontlab-8/screenshots/fl8-shot-spacing.png
similarity index 100%
rename from fontlab-8/screenshots/fl8-shot-spacing.png
rename to assets/fontlab-8/screenshots/fl8-shot-spacing.png
diff --git a/fontlab-8/screenshots/fl8-shot-theme-dark.png b/assets/fontlab-8/screenshots/fl8-shot-theme-dark.png
similarity index 100%
rename from fontlab-8/screenshots/fl8-shot-theme-dark.png
rename to assets/fontlab-8/screenshots/fl8-shot-theme-dark.png
diff --git a/fontlab-8/slide-head/ai-source/fontlab-8-slide-head-claim.ai b/assets/fontlab-8/slide-head/ai-source/fontlab-8-slide-head-claim.ai
similarity index 100%
rename from fontlab-8/slide-head/ai-source/fontlab-8-slide-head-claim.ai
rename to assets/fontlab-8/slide-head/ai-source/fontlab-8-slide-head-claim.ai
diff --git a/fontlab-8/slide-head/ai-source/fontlab-8-slide-head.pdf b/assets/fontlab-8/slide-head/ai-source/fontlab-8-slide-head.pdf
similarity index 100%
rename from fontlab-8/slide-head/ai-source/fontlab-8-slide-head.pdf
rename to assets/fontlab-8/slide-head/ai-source/fontlab-8-slide-head.pdf
diff --git a/fontlab-8/slide-head/fontlab-8-slide-head.png b/assets/fontlab-8/slide-head/fontlab-8-slide-head.png
similarity index 100%
rename from fontlab-8/slide-head/fontlab-8-slide-head.png
rename to assets/fontlab-8/slide-head/fontlab-8-slide-head.png
diff --git a/transtype-4/app-icon/ai-source/icon-transtype4-src.pdf b/assets/transtype-4/app-icon/ai-source/icon-transtype4-src.pdf
similarity index 100%
rename from transtype-4/app-icon/ai-source/icon-transtype4-src.pdf
rename to assets/transtype-4/app-icon/ai-source/icon-transtype4-src.pdf
diff --git a/transtype-4/app-icon/icon-transtype4-128x128.png b/assets/transtype-4/app-icon/icon-transtype4-128x128.png
similarity index 100%
rename from transtype-4/app-icon/icon-transtype4-128x128.png
rename to assets/transtype-4/app-icon/icon-transtype4-128x128.png
diff --git a/transtype-4/app-icon/icon-transtype4-16x16.png b/assets/transtype-4/app-icon/icon-transtype4-16x16.png
similarity index 100%
rename from transtype-4/app-icon/icon-transtype4-16x16.png
rename to assets/transtype-4/app-icon/icon-transtype4-16x16.png
diff --git a/transtype-4/app-icon/icon-transtype4-256x256.png b/assets/transtype-4/app-icon/icon-transtype4-256x256.png
similarity index 100%
rename from transtype-4/app-icon/icon-transtype4-256x256.png
rename to assets/transtype-4/app-icon/icon-transtype4-256x256.png
diff --git a/transtype-4/app-icon/icon-transtype4-32x32.png b/assets/transtype-4/app-icon/icon-transtype4-32x32.png
similarity index 100%
rename from transtype-4/app-icon/icon-transtype4-32x32.png
rename to assets/transtype-4/app-icon/icon-transtype4-32x32.png
diff --git a/transtype-4/app-icon/icon-transtype4-48x48.png b/assets/transtype-4/app-icon/icon-transtype4-48x48.png
similarity index 100%
rename from transtype-4/app-icon/icon-transtype4-48x48.png
rename to assets/transtype-4/app-icon/icon-transtype4-48x48.png
diff --git a/transtype-4/app-icon/icon-transtype4-512x512.png b/assets/transtype-4/app-icon/icon-transtype4-512x512.png
similarity index 100%
rename from transtype-4/app-icon/icon-transtype4-512x512.png
rename to assets/transtype-4/app-icon/icon-transtype4-512x512.png
diff --git a/transtype-4/screenshot-comps/psd-source/tr4-comp_color-1440x900@2x.psd b/assets/transtype-4/screenshot-comps/psd-source/tr4-comp_color-1440x900@2x.psd
similarity index 100%
rename from transtype-4/screenshot-comps/psd-source/tr4-comp_color-1440x900@2x.psd
rename to assets/transtype-4/screenshot-comps/psd-source/tr4-comp_color-1440x900@2x.psd
diff --git a/transtype-4/screenshot-comps/psd-source/tr4-comp_webfonts-1440x900@2x.psd b/assets/transtype-4/screenshot-comps/psd-source/tr4-comp_webfonts-1440x900@2x.psd
similarity index 100%
rename from transtype-4/screenshot-comps/psd-source/tr4-comp_webfonts-1440x900@2x.psd
rename to assets/transtype-4/screenshot-comps/psd-source/tr4-comp_webfonts-1440x900@2x.psd
diff --git a/transtype-4/screenshot-comps/tr4-comp_color-1440x900@2x.png b/assets/transtype-4/screenshot-comps/tr4-comp_color-1440x900@2x.png
similarity index 100%
rename from transtype-4/screenshot-comps/tr4-comp_color-1440x900@2x.png
rename to assets/transtype-4/screenshot-comps/tr4-comp_color-1440x900@2x.png
diff --git a/transtype-4/screenshot-comps/tr4-comp_webfonts-1440x900@2x.png b/assets/transtype-4/screenshot-comps/tr4-comp_webfonts-1440x900@2x.png
similarity index 100%
rename from transtype-4/screenshot-comps/tr4-comp_webfonts-1440x900@2x.png
rename to assets/transtype-4/screenshot-comps/tr4-comp_webfonts-1440x900@2x.png
diff --git a/transtype-4/screenshots/tr4-scr_color-overlay3_1440x900@2x.png b/assets/transtype-4/screenshots/tr4-scr_color-overlay3_1440x900@2x.png
similarity index 100%
rename from transtype-4/screenshots/tr4-scr_color-overlay3_1440x900@2x.png
rename to assets/transtype-4/screenshots/tr4-scr_color-overlay3_1440x900@2x.png
diff --git a/transtype-4/screenshots/tr4-scr_color-overlay4_1440x900@2x.png b/assets/transtype-4/screenshots/tr4-scr_color-overlay4_1440x900@2x.png
similarity index 100%
rename from transtype-4/screenshots/tr4-scr_color-overlay4_1440x900@2x.png
rename to assets/transtype-4/screenshots/tr4-scr_color-overlay4_1440x900@2x.png
diff --git a/transtype-4/screenshots/tr4-scr_convert-destination_1440x900@2x.png b/assets/transtype-4/screenshots/tr4-scr_convert-destination_1440x900@2x.png
similarity index 100%
rename from transtype-4/screenshots/tr4-scr_convert-destination_1440x900@2x.png
rename to assets/transtype-4/screenshots/tr4-scr_convert-destination_1440x900@2x.png
diff --git a/transtype-4/screenshots/tr4-scr_convert-profile_1440x900@2x.png b/assets/transtype-4/screenshots/tr4-scr_convert-profile_1440x900@2x.png
similarity index 100%
rename from transtype-4/screenshots/tr4-scr_convert-profile_1440x900@2x.png
rename to assets/transtype-4/screenshots/tr4-scr_convert-profile_1440x900@2x.png
diff --git a/transtype-4/screenshots/tr4-scr_general-glyphmap_1440x900@2x.png b/assets/transtype-4/screenshots/tr4-scr_general-glyphmap_1440x900@2x.png
similarity index 100%
rename from transtype-4/screenshots/tr4-scr_general-glyphmap_1440x900@2x.png
rename to assets/transtype-4/screenshots/tr4-scr_general-glyphmap_1440x900@2x.png
diff --git a/transtype-4/screenshots/tr4-scr_general-ui_1440x900@2x.png b/assets/transtype-4/screenshots/tr4-scr_general-ui_1440x900@2x.png
similarity index 100%
rename from transtype-4/screenshots/tr4-scr_general-ui_1440x900@2x.png
rename to assets/transtype-4/screenshots/tr4-scr_general-ui_1440x900@2x.png
diff --git a/transtype-4/screenshots/tr4-scr_havefun-blend_1440x900@2x.png b/assets/transtype-4/screenshots/tr4-scr_havefun-blend_1440x900@2x.png
similarity index 100%
rename from transtype-4/screenshots/tr4-scr_havefun-blend_1440x900@2x.png
rename to assets/transtype-4/screenshots/tr4-scr_havefun-blend_1440x900@2x.png
diff --git a/transtype-4/screenshots/tr4-scr_havefun-distort_1440x900@2x.png b/assets/transtype-4/screenshots/tr4-scr_havefun-distort_1440x900@2x.png
similarity index 100%
rename from transtype-4/screenshots/tr4-scr_havefun-distort_1440x900@2x.png
rename to assets/transtype-4/screenshots/tr4-scr_havefun-distort_1440x900@2x.png
diff --git a/transtype-4/screenshots/tr4-scr_havefun-outline_1440x900@2x.png b/assets/transtype-4/screenshots/tr4-scr_havefun-outline_1440x900@2x.png
similarity index 100%
rename from transtype-4/screenshots/tr4-scr_havefun-outline_1440x900@2x.png
rename to assets/transtype-4/screenshots/tr4-scr_havefun-outline_1440x900@2x.png
diff --git a/transtype-4/screenshots/tr4-scr_organize-autonaming_1440x900@2x.png b/assets/transtype-4/screenshots/tr4-scr_organize-autonaming_1440x900@2x.png
similarity index 100%
rename from transtype-4/screenshots/tr4-scr_organize-autonaming_1440x900@2x.png
rename to assets/transtype-4/screenshots/tr4-scr_organize-autonaming_1440x900@2x.png
diff --git a/transtype-4/screenshots/tr4-scr_organize-fix_1440x900@2x.png b/assets/transtype-4/screenshots/tr4-scr_organize-fix_1440x900@2x.png
similarity index 100%
rename from transtype-4/screenshots/tr4-scr_organize-fix_1440x900@2x.png
rename to assets/transtype-4/screenshots/tr4-scr_organize-fix_1440x900@2x.png
diff --git a/transtype-4/screenshots/tr4-scr_organize_dragdrop_1440x900@2x.png b/assets/transtype-4/screenshots/tr4-scr_organize_dragdrop_1440x900@2x.png
similarity index 100%
rename from transtype-4/screenshots/tr4-scr_organize_dragdrop_1440x900@2x.png
rename to assets/transtype-4/screenshots/tr4-scr_organize_dragdrop_1440x900@2x.png
diff --git a/transtype-4/screenshots/tr4-scr_organize_editinplace_1440x900@2x.png b/assets/transtype-4/screenshots/tr4-scr_organize_editinplace_1440x900@2x.png
similarity index 100%
rename from transtype-4/screenshots/tr4-scr_organize_editinplace_1440x900@2x.png
rename to assets/transtype-4/screenshots/tr4-scr_organize_editinplace_1440x900@2x.png
diff --git a/md/index.md b/md/index.md
new file mode 100644
index 0000000..79595bf
--- /dev/null
+++ b/md/index.md
@@ -0,0 +1,22 @@
+# Materials for FontLab partners
+
+Publicly available materials (including press kit) for [Fontlab Ltd.](https://www.fontlab.com/) partners
+
+_Under construction_
+
+## Download
+
+### [Download ZIP](https://github.com/Fontlab/fontlab-partners/raw/main/download/fontlab-marketing-materials.zip) (22 MB)
+
+In the above ZIP, you will find: 
+
+- `company` folder: the Fontlab Ltd. company logo as a simple font, and as vector and bitmap graphics
+- `fontlab-8` folder: graphical assets for the [FontLab 8](https://www.fontlab.com/font-editor/fontlab/) professional font editor: app icon, screenshots and additional graphics
+- `transtype-4` folder: graphical assets for the [TransType 4](https://www.fontlab.com/font-converter/transtype/) font converter: app icon, screenshots and additional graphics 
+
+## License
+
+The files provided in this repository are licensed for promotional and press purposes only.  
+
+All materials except where explicitly stated are copyright (c) 2013-2023 by Fontlab Ltd. 
+
diff --git a/mkdocs/mk-fontlab/css/extra.bak.css b/mkdocs/mk-fontlab/css/extra.bak.css
new file mode 100644
index 0000000..10eb8e0
--- /dev/null
+++ b/mkdocs/mk-fontlab/css/extra.bak.css
@@ -0,0 +1,1308 @@
+@charset "UTF-8";
+@import "vars.css";
+
+/* CSS Document */
+
+:root>*,
+[data-md-color-scheme=default]>* {
+    --md-typeset-mark-color: var(--md-code-bg-color, transparent);
+}
+
+
+/* Undo some uikit settings */
+
+html {
+    -webkit-font-smoothing: auto;
+    -moz-osx-font-smoothing: grayscale;
+    font-optical-sizing: auto;
+    font-family: var(--md-text-font-family, _);
+    font-size: 22px;
+    font-weight: 400;
+    line-height: 1.3;
+    -webkit-text-size-adjust: 100%;
+    background: var(--md-default-bg-color);
+    color: var(--md-typeset-color);
+}
+
+body {
+    font-family: var(--md-text-font-family);
+    -webkit-font-smoothing: auto;
+    -moz-osx-font-smoothing: grayscale;
+    font-optical-sizing: auto;
+    background-color: var(--md-default-bg-color);
+}
+
+aside,
+body,
+input {
+    color: var(--md-typeset-color);
+}
+
+b,
+strong {
+    font-weight: 600;
+}
+
+.uk-h1,
+.uk-heading-2xlarge,
+.uk-heading-large,
+.uk-heading-xlarge,
+h1 {
+    font-family: var(--md-head-font-family, _);
+    font-variation-settings: var(--md-head-font-variation-settings);
+    font-optical-sizing: none;
+    letter-spacing: 0 !important;
+    clear: both;
+}
+
+.md-header__title {
+    font-family: var(--md-text-font-family, _);
+    font-variation-settings: unset;
+    font-optical-sizing: auto;
+    letter-spacing: 0.02em;
+    font-weight: 300;
+    font-size: 1.1rem;
+    line-height: 2.2rem;
+}
+
+.md-header__topic:first-child {
+    font-weight: inherit;
+}
+
+.uk-h1,
+.uk-heading-2xlarge,
+.uk-heading-xlarge,
+h1 {
+    font-weight: 200;
+    line-height: 1.1em;
+}
+
+.uk-h2,
+.uk-heading-large,
+h2 {
+    font-weight: 200;
+    line-height: 1.1em;
+}
+
+.uk-h2,
+.uk-h3,
+.uk-h4,
+.uk-h5,
+h2,
+h3,
+h4,
+h5 {
+    font-family: var(--md-text-font-family, _);
+    clear: both;
+}
+
+h1,
+.uk-h1 {
+    font-size: calc(1.2rem + 2vw);
+}
+
+.md-typeset h1 {
+    font-size: calc(1.5rem + 1vw);
+    line-height: 1.1em;
+}
+
+.md-typeset h2 {
+    font-size: calc(1.3em + 0.5vw);
+    line-height: 1.2;
+    font-weight: 600;
+}
+
+.uk-heading-xlarge {
+    font-size: calc(2rem + 3vw);
+    font-weight: 100;
+}
+
+.uk-heading-large {
+    font-size: calc(2rem + 2vw);
+    font-weight: 150;
+}
+
+a,
+.uk-link,
+.uk-link-toggle:hover .uk-link,
+.uk-link:hover,
+a:hover,
+:not(pre)>code,
+:not(pre)>kbd,
+:not(pre)>samp,
+em,
+ins,
+mark,
+.uk-h1,
+.uk-h2,
+.uk-h3,
+.uk-h4,
+.uk-h5,
+.uk-h6,
+.uk-heading-2xlarge,
+.uk-heading-large,
+.uk-heading-medium,
+.uk-heading-small,
+.uk-heading-xlarge,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+blockquote,
+blockquote footer,
+pre,
+::selection {
+    color: unset;
+}
+
+pre code {
+    font-family: var(--md-code-font-family);
+}
+
+:not(pre)>code,
+:not(pre)>kbd,
+:not(pre)>samp {
+    font-family: var(--md-code-font-family);
+    font-size: inherit;
+    color: unset;
+    white-space: unset;
+    padding: inherit;
+    background: inherit;
+}
+
+blockquote {
+    font-size: inherit;
+    line-height: inherit;
+    font-style: unset;
+}
+
+
+/* Undo some uikit settings end */
+
+.md-typeset {
+    font-size: 0.8rem;
+    line-height: 1.3rem;
+}
+
+article.md-content__inner.md-typeset {
+    hyphens: auto;
+}
+
+.md-typeset mark {
+    padding: 1px 4px;
+    letter-spacing: 0.01em;
+    text-shadow: 0 0 5px rgba(255, 255, 255, 0.3)
+}
+
+.md-typeset :is(.admonition, details) {
+    margin-bottom: 0;
+    box-shadow: none;
+    border-radius: 0;
+}
+
+.md-typeset .admonition,
+.md-typeset details {
+    border: none;
+    padding: 0 .6rem 0 0;
+    position: relative;
+    left: -0.45rem;
+}
+
+.md-typeset div.admonition+blockquote {
+    margin-top: 0;
+    box-shadow: none;
+}
+
+.md-typeset :is(.admonition-title, summary) {
+    background-color: transparent !important;
+}
+
+[dir=ltr] .md-typeset :is(.admonition, details),
+[dir=ltr] .md-typeset blockquote {
+    border-left-width: 1px;
+}
+
+.md-typeset blockquote {
+    color: var(--md-default-fg-color);
+    position: relative;
+    left: 0.9rem;
+    padding-left: 0.9rem !important;
+
+}
+
+.blockquote--author,
+.blockquote--author-name {
+    font-size: 0.65rem;
+    line-height: 1.2em;
+}
+
+p.blockquote--author {
+    text-align: right;
+    margin-top: 0 !important;
+    margin-bottom: 2rem;
+    padding-right: 1rem;
+    margin-right: 1.4rem;
+    border-right-width: 1px;
+    border-right-color: lightgray;
+    border-right-style: solid;
+}
+
+p.blockquote--text {
+    font-family: var(--md-serif-font-family, _);
+    font-variation-settings: "opsz"24;
+    font-optical-sizing: none;
+    font-style: normal;
+    font-weight: 400;
+    hyphens: none;
+    -webkit-font-smoothing: antialiased;
+    text-align: left;
+    font-size: 1.2em;
+    line-height: 1.4em;
+}
+
+.uk-light p.blockquote--text {
+    color: rgba(255, 255, 255, .9);
+}
+
+p.blockquote--text.large {
+    font-weight: 400;
+    font-size: 1.6em;
+}
+
+p.blockquote--text strong {
+    font-weight: 600;
+}
+
+p.blockquote--text em {
+    font-family: var(--md-serifita-font-family, _);
+    font-style: italic;
+    font-weight: 400;
+}
+
+.md-grid {
+    max-width: 80rem;
+}
+
+.center {
+    display: block;
+    width: auto;
+    margin-left: auto;
+    margin-right: auto;
+    text-align: center;
+}
+
+.md-nav--lifted>.md-nav__list>.md-nav__item--active>.md-nav__link,
+.md-nav--secondary .md-nav__title {
+    box-shadow: none;
+}
+
+img.image {
+    display: block;
+    margin: 0.5rem auto 0.5rem 0;
+}
+
+.md-typeset figure {
+    margin: 1em auto 1em 0;
+    text-align: left;
+}
+
+.md-typeset figcaption {
+    font-style: normal;
+    margin: 1em auto 1em 0;
+    max-width: 24rem;
+    font-size: 0.55rem;
+    line-height: 0.75rem;
+}
+
+.md-typeset .uk-h1,
+.md-typeset h1 {
+    color: var(--md-default-fg-color--light);
+    max-width: 36rem;
+    margin: 1rem auto 1.5rem 0;
+    text-align: center;
+}
+
+.md-typeset .uk-h2,
+.md-typeset h2 {
+    margin-top: 3em;
+}
+
+.md-typeset .uk-h3,
+.md-typeset h3 {
+    font-size: 1.3em;
+    font-weight: 400;
+    letter-spacing: 0.2pt;
+    margin-top: 1.7em !important;
+}
+
+.md-typeset .uk-h4,
+.md-typeset h4 {
+    margin-top: 2em;
+    font-size: 0.8rem;
+    letter-spacing: 0.2pt;
+    line-height: 1.3rem;
+}
+
+.md-typeset :is(h1+h2, h1+.uk-h2, .uk-h1+h2, .uk-h1+.uk-h2, h1+h3, h1+.uk-h3, .uk-h1+h3, .uk-h1+.uk-h3, h1+h4, h1+.uk-h4, .uk-h1+h4, .uk-h1+.uk-h4, h2+h3, h2+.uk-h3, .uk-h2+h3, .uk-h2+.uk-h3, h2+h4, h2+.uk-h4, .uk-h2+h4, .uk-h2+.uk-h4, h3+h4, h3+.uk-h4, .uk-h3+h4, .uk-h3+.uk-h4) {
+    margin-top: 1rem !important;
+}
+
+.fancybox-show-caption .fancybox-caption,
+.fancybox-show-infobar .fancybox-infobar,
+.fancybox-show-nav .fancybox-navigation .fancybox-button,
+.fancybox-show-toolbar .fancybox-toolbar {
+    font-family: var(--md-text-font-family, _);
+}
+
+.md-typeset kbd {
+    font-family: var(--md-text-font-family, _);
+}
+
+img.imm {
+    transition: transform 125ms;
+}
+
+img.imm:hover {
+    transition: transform 125ms;
+    transform: scale(1.5);
+}
+
+img.imm:hover {
+    filter: drop-shadow(0 0 8px rgba(0, 0, 0, .3)) !important;
+}
+
+.md-header[data-md-state=shadow] {
+    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .2);
+}
+
+img.image,
+.box-shadow {
+    box-shadow: 0 0 8px rgba(0, 0, 0, .2);
+}
+
+.drop-shadow {
+    box-shadow: none;
+    filter: drop-shadow(0 0 8px rgba(0, 0, 0, .2));
+}
+
+.plain,
+img.image.plain {
+    box-shadow: none !important;
+    filter: none !important;
+}
+
+.md-typeset .admonition,
+.md-typeset .uk-h2,
+.md-typeset .uk-h3,
+.md-typeset .uk-h4,
+.md-typeset .uk-h5,
+.md-typeset .uk-h6,
+.md-typeset blockquote,
+.md-typeset details,
+.md-typeset h2,
+.md-typeset h3,
+.md-typeset h4,
+.md-typeset h5,
+.md-typeset h6,
+.md-typeset ol,
+.md-typeset p,
+.md-typeset ul,
+.md-typeset .topic,
+.md-typeset pre,
+.md-typeset .md-tags,
+.md-typeset .inpage-nav,
+.md-typeset .uk-grid {
+    max-width: 36rem;
+    margin-right: auto !important;
+    margin-left: 0 !important;
+}
+
+.md-typeset img,
+.md-typeset svg {
+    max-width: 100%;
+    clear: both;
+    height: auto !important;
+    object-fit: contain;
+    object-position: left;
+}
+
+.md-typeset ol:not([hidden]),
+.md-typeset ul:not([hidden]),
+.md-typeset :is(.admonition, details) {
+    display: inherit;
+}
+
+[dir=ltr] .md-typeset :is(.admonition-title, summary):before {
+    left: 0;
+}
+
+[dir=ltr] .md-typeset :is(.admonition-title, summary) {
+    padding-left: 1.4rem;
+}
+
+[dir=ltr] .md-header__title {
+    margin-left: 0;
+}
+
+.md-header__button.md-logo :-webkit-any(img, svg) {
+    height: 1.75rem;
+}
+
+.md-header__button.md-logo {
+    margin: 0;
+    margin-bottom: .2rem;
+    padding: .2rem
+}
+
+.md-content__icon,
+.md-footer-nav__button,
+.md-header-nav__button,
+.md-nav__button,
+.md-nav__title:before,
+.md-search-result__article--document:before {
+    margin: 0.2rem 0;
+    padding: 0.4rem 0.3rem;
+}
+
+.md-nav__link {
+    margin: 0;
+}
+
+.md-nav {
+    font-size: 0.55rem;
+    line-height: 0.7rem;
+}
+
+.md-typeset .admonition>p {
+    margin-top: 0.3rem;
+    margin-bottom: 0.3rem;
+}
+
+.md-nav__title {
+    margin-top: 0.2rem;
+    margin-bottom: 0.2rem;
+    color: rgba(0, 0, 0, 0.3);
+    font-weight: 500;
+}
+
+.md-typeset .md-typeset__table {
+    display: block;
+    margin: 0 0 0.5em;
+    padding: 0;
+}
+
+.md-typeset table:not([class]) th {
+    min-width: unset;
+    padding: 0.1rem;
+    vertical-align: top;
+    color: #000102;
+    background-color: rgba(0, 0, 0, .05);
+}
+
+.md-typeset table:not([class]) td {
+    padding: 0 0.2rem;
+}
+
+.md-typeset table {
+    font-family: var(--md-cond-font-family);
+    letter-spacing: 0.01em;
+}
+
+.md-typeset table:not([class]) {
+    display: table;
+    width: fit-content;
+    margin-right: auto;
+    margin-left: auto;
+}
+
+.md-typeset table:not([class]) {
+    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .2);
+}
+
+@media only screen and (min-width: 76.25em) {
+    .md-typeset .md-typeset__table {
+        display: block;
+        margin: 0 auto 0.5em;
+        padding: 0 0.8rem;
+    }
+
+
+    .md-typeset table:not([class]) th {
+        min-width: 5rem;
+        padding: 0.4rem;
+        vertical-align: top;
+        color: #000102;
+        background-color: rgba(0, 0, 0, .05);
+    }
+
+    .md-typeset table {
+        font-family: var(--md-text-font-family);
+        letter-spacing: 0.01em;
+    }
+
+    .md-typeset table:not([class]) td {
+        padding: 0.1rem 0.4rem;
+    }
+
+    .md-typeset table:not([class]) {
+        margin-left: 0.8em;
+    }
+}
+
+ins.beta {
+    color: #fff;
+    border-color: #b22d00;
+    background-color: #b22d00;
+}
+
+ins.new {
+    color: #fff;
+    border-color: #ccc;
+    background-color: #ccc;
+}
+
+.md-typeset svg,
+.md-typeset img,
+.md-typeset .video-wrapper,
+.md-typeset video {
+    max-height: 80vh;
+}
+
+@media only screen and (min-width: 60em) {
+
+    .md-typeset svg,
+    .md-typeset img {
+        max-height: 50vh;
+    }
+
+    .md-typeset img.image {
+        box-shadow: none;
+        filter: drop-shadow(0 0 8px rgba(0, 0, 0, .2));
+    }
+}
+
+@media only screen and (min-width: 76.25em) {
+    .md-typeset img.iml {
+        min-width: 10rem;
+    }
+
+    .max-width {
+        max-width: 36rem !important;
+    }
+
+
+    .md-typeset svg.r,
+    .md-typeset img.r {
+        float: right;
+        clear: both;
+        margin-right: 0;
+        margin-top: -0.2rem;
+        margin-left: 2rem;
+        object-position: right;
+    }
+
+    .md-sidebar.md-sidebar--secondary {
+        opacity: 0.07;
+        transition: opacity 125ms;
+    }
+
+    .md-sidebar.md-sidebar--secondary:hover {
+        transition: opacity 125ms;
+        opacity: 1;
+    }
+}
+
+[dir=ltr] .md-typeset .md-topics-index {
+    max-width: 36rem;
+    margin-right: auto !important;
+    margin-left: 0 !important;
+}
+
+[dir=ltr] .md-typeset .md-topics-index h2 {
+    margin-top: 1rem;
+    margin-bottom: 0;
+}
+
+[dir=ltr] .md-typeset .md-topics-index ul {
+    margin-top: 0;
+    margin-bottom: 0;
+}
+
+[dir=ltr] .md-typeset .md-topics-index ul,
+[dir=ltr] .md-typeset .md-topics-index ul li {
+    display: inline-block;
+    margin-left: 0.2rem;
+}
+
+[dir=ltr] .md-typeset .md-topics-index ul li::before {
+    content: "•";
+    margin-right: 0.2rem;
+}
+
+.md-copyright .w-nav-menu .nav-link {
+    padding-right: 0.6em;
+}
+
+
+/* UIKIT Mods */
+
+a.uk-card {
+    text-decoration: none;
+}
+
+.md-typeset a:focus.uk-card,
+.md-typeset a:hover.uk-card {
+    color: unset;
+}
+
+.uk-text-large {
+    font-size: 1rem;
+    line-height: 1.4;
+}
+
+.overhead,
+h5,
+.md-typeset h5,
+h6,
+.md-typeset h6,
+button,
+.uk-button,
+.md-footer-nav__direction,
+.md-nav__title,
+.md-typeset .admonition>.admonition-title,
+.md-typeset .admonition>summary,
+.md-typeset details>.admonition-title,
+.md-typeset details>summary,
+ins,
+.uk-label,
+.md-copyright .w-nav-menu,
+.md-tabs__link,
+.blockquote--author>strong,
+.blockquote--author-name,
+.uk-navbar-item,
+.uk-navbar-nav>li>a,
+.uk-navbar-toggle,
+.uk-nav-header {
+    font-family: var(--md-smcp-font-family, _);
+    font-variation-settings: var(--md-smcp-font-variation-settings);
+    letter-spacing: var(--md-smcp-letter-spacing);
+    text-transform: uppercase;
+    font-weight: 500;
+}
+
+p.blockquote--author>strong {
+    font-style: normal;
+    display: block;
+    line-height: 1.4em;
+}
+
+.overhead,
+h5,
+.md-typeset h5,
+h6,
+.md-typeset h6,
+button,
+.uk-button,
+p.blockquote--author>strong {
+    font-size: 0.8rem;
+}
+
+.md-footer-nav__direction,
+.md-nav__title,
+.md-typeset .admonition>.admonition-title,
+.md-typeset .admonition>summary,
+.md-typeset details>.admonition-title,
+.md-typeset details>summary,
+.uk-navbar-item,
+.uk-navbar-nav>li>a,
+.uk-navbar-toggle {
+    font-size: 0.65rem;
+    line-height: 1.8;
+}
+
+ins,
+.uk-label {
+    font-size: 0.65rem !important;
+    font-weight: 600;
+    line-height: 0.5rem;
+    font-style: normal;
+    border-radius: 5px;
+    border-style: solid !important;
+    border-width: 0 !important;
+    bottom: 1px;
+    display: inline-block;
+    padding: 4px 5px !important;
+    position: relative;
+    text-decoration: none;
+    vertical-align: baseline;
+    white-space: nowrap;
+}
+
+.md-copyright .w-nav-menu {
+    font-size: 0.5rem !important;
+    font-weight: 500;
+}
+
+.md-tabs__link,
+.uk-dropdown-nav .uk-nav-header {
+    font-size: 0.65rem;
+    font-weight: 400;
+}
+
+h1 span.overhead {
+    font-size: 0.65rem;
+    display: block;
+    padding-left: 0.2em;
+    line-height: 1em;
+}
+
+.uk-text-small {
+    font-size: .65rem;
+    line-height: 1.2;
+}
+
+.uk-dropdown-nav .uk-nav-header,
+#fl-repeatcall .uk-nav-header {
+    color: unset;
+}
+
+.fsc-price {
+    font-size: 1.7em;
+    vertical-align: baseline;
+    line-height: 0;
+    font-weight: 300;
+}
+
+ul.uk-dropdown-nav.uk-text-small li {
+    line-height: 1.5em;
+}
+
+ul.uk-dropdown-nav.uk-text-small small {
+    margin-left: 1em;
+}
+
+.uk-button {
+    line-height: 1em;
+    padding-top: 17px;
+    padding-bottom: 17px;
+    border-radius: 5px;
+}
+
+.uk-button {
+    transition: transform 125ms;
+}
+
+.uk-button:hover {
+    transition: transform 125ms;
+    transform: scale(1.1);
+}
+
+.uk-button small {
+    font-family: var(--md-text-font-family);
+    font-variation-settings: initial;
+    text-transform: none;
+    letter-spacing: normal;
+    margin-top: 0.4em;
+    display: block;
+}
+
+#launcher-frame {
+    opacity: 0.4;
+    transition: opacity 0.2s ease-in-out;
+}
+
+#launcher-frame:hover {
+    opacity: 1;
+}
+
+h1,
+.uk-h1 {
+    position: relative;
+    left: -0.07em;
+}
+
+h2,
+.uk-h2 {
+    position: relative;
+    left: -0.03em;
+}
+
+
+.opaque {
+    opacity: 1 !important;
+}
+
+.md-tabs__list {
+    justify-content: center;
+}
+
+.uk-tooltip {
+    background-color: #222;
+    line-height: 1.3em;
+    padding: 18px;
+}
+
+.md-tabs-inbody {
+    margin-top: 1em;
+}
+
+.md-tabs-inbody .md-tabs__link {
+    margin-top: 0.2em;
+}
+
+.md-tabs-inbody .md-tabs__item {
+    line-height: 1.4em;
+    height: unset;
+}
+
+.uk-card-default {
+    color: inherit;
+    box-shadow: none;
+}
+
+img.huge {
+    display: block;
+    margin: 0.1rem auto 0.1rem 0 !important;
+    max-height: 80vh !important;
+}
+
+
+
+.max-width {
+    max-width: 100%;
+    margin: 0 auto 0 0 !important;
+    max-height: 80vh !important;
+}
+
+img-comparison-slider {
+    --divider-width: 4px;
+    --divider-color: #ddd;
+    --default-handle-color: #888;
+    --default-handle-width: 100px;
+}
+
+.md-typeset .headerlink {
+    font-size: 0.4rem;
+    line-height: 1em;
+    display: inline;
+    position: absolute;
+    left: -1rem;
+    bottom: 6px;
+    color: rgba(0, 0, 0, 0.1)
+}
+
+.md-typeset .teaser {
+    max-width: 36rem;
+    margin: 0 auto 0 0 !important;
+    font-size: 1.1em;
+    line-height: 1.45em;
+    hyphens: none;
+}
+
+.md-typeset .inpage-nav {
+    font-size: 0.9em;
+}
+
+.md-typeset .inpage-nav ul {
+    margin-bottom: 0.5em;
+}
+
+.md-typeset .inpage-nav li {
+    font-weight: 700;
+    margin-bottom: 0;
+}
+
+.md-typeset .inpage-nav li a {
+    font-weight: 400;
+}
+
+.md-typeset li ul {
+    list-style-type: none;
+}
+
+.md-typeset li ul li {
+    list-style-type: circle;
+}
+
+.tooltip_templates {
+    display: none;
+}
+
+
+.tooltipster-content *,
+.tooltipster-content *:before,
+.tooltipster-content *:after {
+    box-sizing: inherit;
+}
+
+.tooltipster-content body,
+.tooltipster-content h1,
+.tooltipster-content h2,
+.tooltipster-content h3,
+.tooltipster-content h4,
+.tooltipster-content h5,
+.tooltipster-content h6,
+.tooltipster-content p,
+.tooltipster-content ol,
+.tooltipster-content strong,
+.tooltipster-content em,
+.tooltipster-content ul {
+    margin: 0;
+    padding: 0;
+    font-weight: normal;
+    font-style: normal;
+    font-size: 0.6rem;
+    line-height: 1.1em;
+    font-family: var(--md-text-font-family);
+    font-variation-settings: unset;
+    font-optical-sizing: auto;
+    letter-spacing: 0.03em;
+}
+
+.tooltipster-content ol,
+.tooltipster-content ul {
+    list-style: none;
+}
+
+.tooltipster-content img,
+.tooltipster-content svg {
+    display: none;
+}
+
+.md-typeset .uk-grid>p {
+    padding-left: 0;
+    padding-right: 40px;
+}
+
+::selection {
+    background: rgba(179, 215, 255, 0.4);
+    color: inherit;
+    text-shadow: none;
+}
+
+nav.md-tags {
+    margin-top: 4rem;
+}
+
+a.md-tag {
+    font-size: 0.55rem;
+    line-height: 0.75rem;
+    font-weight: 400;
+    padding: 0.02rem 0.3rem 0.03rem 0.2rem;
+    margin-right: 0.1em !important;
+    margin-bottom: 0.2em;
+    border-radius: 7px;
+    color: var(--md-default-fg-color--light) !important;
+    opacity: 0.8;
+    text-decoration: none;
+}
+
+.md-tag-icon:before {
+    margin-right: 0;
+}
+
+.md-search-result .md-tag {
+    display: none;
+}
+
+.md-search-result .md-typeset h1,
+.md-search-result .md-typeset h2,
+.md-search-result .md-typeset h3,
+.md-search-result .md-typeset h4,
+.md-search-result .md-typeset h5,
+.md-search-result .md-typeset h6 {
+    font-family: var(--md-text-font-family, _);
+    font-variation-settings: unset;
+    letter-spacing: unset;
+    font-optical-sizing: auto;
+    font-size: inherit;
+    text-align: unset;
+}
+
+mark[data-md-highlight],
+.md-search-result .md-typeset mark {
+    padding: 0;
+    letter-spacing: unset;
+    text-shadow: none;
+    background-color: var(--md-code-hl-color, _);
+}
+
+.md-search-result .md-typeset h1 {
+    font-size: large;
+}
+
+.uk-link-toggle:hover .uk-link,
+.uk-link:hover,
+a:hover {
+    text-decoration: none;
+}
+
+
+[dir=ltr] .md-typeset .uk-slideshow ol li,
+[dir=ltr] .md-typeset .uk-slideshow ul li {
+    margin-left: 0;
+    margin-right: 0;
+}
+
+.md-typeset .uk-slideshow,
+.md-typeset .uk-slideshow img,
+.md-typeset .uk-slideshow svg {
+    max-width: 100%;
+    max-height: 100%;
+    object-position: center;
+}
+
+.md-typeset a {
+    color: #102D55;
+}
+
+.md-typeset a.uk-button,
+.md-typeset a.uk-card {
+    color: unset;
+}
+
+.md-typeset .uk-card h1,
+.md-typeset .uk-card h2,
+.md-typeset .uk-card h3,
+.md-typeset .uk-card h4,
+.md-typeset .uk-card h5 {
+    margin-top: 0 !important;
+}
+
+.md-nav--lifted>.md-nav__list>.md-nav__item {
+    margin-top: 0;
+}
+
+* {
+    scrollbar-width: thin;
+    scrollbar-color: #f7f7f7 #ffffff;
+}
+
+/* Chrome, Edge, and Safari */
+.md-sidebar__scrollwrap::-webkit-scrollbar {
+    width: 2px;
+}
+
+.md-sidebar__scrollwrap::-webkit-scrollbar-thumb {
+    background-color: #f6f6f6;
+    border-radius: 0px;
+    border: transparent;
+}
+
+.md-nav__item {
+    padding: 0 0.3rem;
+}
+
+@media screen and (min-width: 76.25em) {
+    .md-nav__icon {
+        height: .7rem;
+        width: .7rem;
+    }
+
+    label.md-nav__title {
+        display: none !important;
+    }
+
+    [dir=ltr] .md-nav--lifted .md-nav[data-md-level="1"]>.md-nav__list>.md-nav__item {
+        padding-right: 0;
+        padding-left: 0.3rem;
+    }
+
+    .md-nav--lifted>.md-nav__list>.md-nav__item--active>.md-nav__link {
+        padding: 0;
+    }
+
+    .md-sidebar__inner {
+        padding: 0 .3rem;
+    }
+}
+
+
+.md-footer .md-typeset .uk-grid {
+    margin-right: auto !important;
+    margin-left: auto !important;
+}
+
+.app-title-icon {
+    margin-left: 3rem !important;
+    margin-right: 1rem !important;
+}
+
+.app-title-icon:before {
+    padding: 0 1em 0 0;
+    content: "\00a0";
+    background-image: url(https://i.fontlab.com//app-icon/fontlab-8.png);
+    background-position: 0 center;
+    background-size: 1.4em;
+    background-repeat: no-repeat;
+    position: absolute;
+    left: -1.6em;
+    top: -0.2em;
+    line-height: 1.5em;
+}
+
+.md-copyright {
+    text-align: center;
+}
+
+
+:not(pre)>samp {
+    color: #e40d2b;
+}
+
+em {
+    color: unset;
+}
+
+.uk-form-danger,
+.uk-form-danger:focus {
+    color: #e40d2b;
+    border-color: #e40d2b;
+}
+
+.uk-light .uk-button-danger {
+    background-color: #840d1a;
+}
+
+.uk-button-danger,
+.uk-button-danger:hover,
+.uk-light .uk-button-danger:hover {
+    background-color: #e40d2b;
+}
+
+.uk-alert-danger {
+    color: #840d1a;
+}
+
+.uk-label-danger {
+    background-color: #e40d2b;
+}
+
+.uk-notification-message-danger {
+    color: #840d1a;
+}
+
+.uk-light .uk-text-danger {
+    color: #840d1a !important;
+}
+
+.uk-text-danger {
+    color: #e40d2b !important;
+}
+
+html .md-footer-meta.md-typeset a {
+    color: #fff !important;
+}
+
+
+.uk-light .uk-button-primary,
+.uk-light .uk-button-primary:hover,
+.uk-button-primary,
+.uk-button-primary:hover {
+    background-color: #0263c5;
+    color: #fff;
+}
+
+.uk-button.button-go:after {
+    content: 'ᐳ';
+    margin-left: 0.3em;
+    font-size: 0.8em;
+}
+
+.uk-button-default.button-go.button-go-danger:after {
+    color: #e40d2b;
+}
+
+
+
+
+.yottie-widget-nav,
+.yottie-widget-header-overlay,
+.yottie-widget-header,
+.yottie-widget-nav,
+.yottie-widget-feed {
+    background: transparent !important;
+}
+
+.yottie-widget-nav-list-item a {
+    padding: 8px 2px !important;
+}
+
+
+.yottie-widget-nav-list-item:hover a,
+.yottie-widget-header-channel-properties-item,
+.yottie-widget-header-channel-caption a:hover,
+.yottie-widget-header-channel-caption,
+.yottie-widget-header-channel-title,
+.yottie-widget-header-channel-title a,
+.yottie-widget-nav-list-item a {
+    color: var(--md-default-fg-color) !important;
+}
+
+.yottie-widget-header-channel-title:hover,
+.yottie-widget-header-channel-title a:hover {
+    color: rgb(77, 178, 255) !important;
+}
+
+.yottie-widget-nav-list-item.yottie-active a,
+.yottie-widget-nav-list-item.yottie-active:hover a {
+    color: #e40d2b !important;
+}
+
+.yottie-widget-nav-list-item:hover::after {
+    background: #840d1a !important;
+}
+
+.yottie-widget-nav-list-item.yottie-active:hover::after,
+.yottie-widget-nav-list-item.yottie-active::after {
+    background: #840d1a !important;
+}
+
+.yottie-widget-nav-control-left::before {
+    background: transparent !important;
+}
+
+.yottie-widget-nav-control-right::before {
+    background: transparent !important;
+}
+
+.yottie-widget-nav-control span::before,
+.yottie-widget-nav-control span::after {
+    background: rgb(255, 255, 255, 0.5) !important;
+}
+
+.yottie-widget-nav-control:hover span::before,
+.yottie-widget-nav-control:hover span::after {
+    background: #e40d2b !important;
+}
+
+ul.yottie-widget-nav-list {
+    padding: 0 !important;
+}
+
+li.yottie-widget-nav-list-item {
+    margin: 0px 12px 0px 0px !important;
+}
+
+.yottie-widget-feed-section-search {
+    padding: 0 0 10px 0 !important;
+}
+
+.uk-card {
+    padding-left: 0 !important;
+    padding-right: 1.5rem !important;
+}
+
+.text-white {
+    color: white !important;
+}
+
+del {
+    display: none !important;
+}
+
+.md-typeset .admonition-title {
+    padding-top: 0.36rem;
+}
\ No newline at end of file
diff --git a/mkdocs/mk-fontlab/css/extra.css b/mkdocs/mk-fontlab/css/extra.css
new file mode 100644
index 0000000..ea992ea
--- /dev/null
+++ b/mkdocs/mk-fontlab/css/extra.css
@@ -0,0 +1,1305 @@
+@charset "UTF-8";
+@import "vars.css";
+
+/* CSS Document */
+
+:root>*,
+[data-md-color-scheme=default]>* {
+    --md-typeset-mark-color: var(--md-code-bg-color, transparent);
+}
+
+
+/* Undo some uikit settings */
+
+html {
+    -webkit-font-smoothing: auto;
+    -moz-osx-font-smoothing: grayscale;
+    font-optical-sizing: auto;
+    font-family: var(--md-text-font-family, _);
+    font-size: 22px;
+    font-weight: 400;
+    line-height: 1.3;
+    -webkit-text-size-adjust: 100%;
+    background: var(--md-default-bg-color);
+    color: var(--md-typeset-color);
+}
+
+body {
+    font-family: var(--md-text-font-family);
+    -webkit-font-smoothing: auto;
+    -moz-osx-font-smoothing: grayscale;
+    font-optical-sizing: auto;
+    background-color: var(--md-default-bg-color);
+}
+
+aside,
+body,
+input {
+    color: var(--md-typeset-color);
+}
+
+b,
+strong {
+    font-weight: 600;
+}
+
+.uk-h1,
+.uk-heading-2xlarge,
+.uk-heading-large,
+.uk-heading-xlarge,
+h1 {
+    font-family: var(--md-head-font-family, _);
+    font-variation-settings: var(--md-head-font-variation-settings);
+    font-optical-sizing: none;
+    letter-spacing: 0 !important;
+    clear: both;
+}
+
+.md-header__title {
+    font-family: var(--md-text-font-family, _);
+    font-variation-settings: unset;
+    font-optical-sizing: auto;
+    letter-spacing: 0.02em;
+    font-weight: 300;
+    font-size: 1.1rem;
+    line-height: 2.2rem;
+}
+
+.md-header__topic:first-child {
+    font-weight: inherit;
+}
+
+.uk-h1,
+.uk-heading-2xlarge,
+.uk-heading-xlarge,
+h1 {
+    font-weight: 200;
+    line-height: 1.1em;
+}
+
+.uk-h2,
+.uk-heading-large,
+h2 {
+    font-weight: 200;
+    line-height: 1.1em;
+}
+
+.uk-h2,
+.uk-h3,
+.uk-h4,
+.uk-h5,
+h2,
+h3,
+h4,
+h5 {
+    font-family: var(--md-text-font-family, _);
+    clear: both;
+}
+
+h1,
+.uk-h1 {
+    font-size: calc(1.2rem + 2vw);
+}
+
+.md-typeset h1 {
+    font-size: calc(1.5rem + 1vw);
+    line-height: 1.1em;
+}
+
+.md-typeset h2 {
+    font-size: calc(1.3em + 0.5vw);
+    line-height: 1.2;
+    font-weight: 600;
+}
+
+.uk-heading-xlarge {
+    font-size: calc(2rem + 3vw);
+    font-weight: 100;
+}
+
+.uk-heading-large {
+    font-size: calc(2rem + 2vw);
+    font-weight: 150;
+}
+
+a,
+.uk-link,
+.uk-link-toggle:hover .uk-link,
+.uk-link:hover,
+a:hover,
+:not(pre)>code,
+:not(pre)>kbd,
+:not(pre)>samp,
+em,
+ins,
+mark,
+.uk-h1,
+.uk-h2,
+.uk-h3,
+.uk-h4,
+.uk-h5,
+.uk-h6,
+.uk-heading-2xlarge,
+.uk-heading-large,
+.uk-heading-medium,
+.uk-heading-small,
+.uk-heading-xlarge,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+blockquote,
+blockquote footer,
+pre,
+::selection {
+    color: unset;
+}
+
+pre code {
+    font-family: var(--md-code-font-family);
+}
+
+:not(pre)>code,
+:not(pre)>kbd,
+:not(pre)>samp {
+    font-family: var(--md-code-font-family);
+    font-size: inherit;
+    color: unset;
+    white-space: unset;
+    padding: inherit;
+    background: inherit;
+}
+
+blockquote {
+    font-size: inherit;
+    line-height: inherit;
+    font-style: unset;
+}
+
+
+/* Undo some uikit settings end */
+
+.md-typeset {
+    font-size: 0.8rem;
+    line-height: 1.3rem;
+}
+
+article.md-content__inner.md-typeset {
+    hyphens: auto;
+}
+
+.md-typeset mark {
+    padding: 1px 4px;
+    letter-spacing: 0.01em;
+    text-shadow: 0 0 5px rgba(255, 255, 255, 0.3)
+}
+
+.md-typeset :is(.admonition, details) {
+    margin-bottom: 0;
+    box-shadow: none;
+    border-radius: 0;
+}
+
+.md-typeset .admonition,
+.md-typeset details {
+    border: none;
+    padding: 0 .6rem 0 0;
+    position: relative;
+    left: -0.45rem;
+}
+
+.md-typeset div.admonition+blockquote {
+    margin-top: 0;
+    box-shadow: none;
+}
+
+.md-typeset :is(.admonition-title, summary) {
+    background-color: transparent !important;
+}
+
+[dir=ltr] .md-typeset :is(.admonition, details),
+[dir=ltr] .md-typeset blockquote {
+    border-left-width: 1px;
+}
+
+.md-typeset blockquote {
+    color: var(--md-default-fg-color);
+    padding-left: 0.9rem !important;
+
+}
+
+.blockquote--author,
+.blockquote--author-name {
+    font-size: 0.65rem;
+    line-height: 1.2em;
+}
+
+p.blockquote--author {
+    text-align: right;
+    margin-top: 0 !important;
+    margin-bottom: 2rem;
+    padding-right: 1rem;
+    margin-right: 1.4rem;
+    border-right-width: 1px;
+    border-right-color: lightgray;
+    border-right-style: solid;
+}
+
+p.blockquote--text {
+    font-family: var(--md-serif-font-family, _);
+    font-variation-settings: "opsz"24;
+    font-optical-sizing: none;
+    font-style: normal;
+    font-weight: 400;
+    hyphens: none;
+    -webkit-font-smoothing: antialiased;
+    text-align: left;
+    font-size: 1.2em;
+    line-height: 1.4em;
+}
+
+.uk-light p.blockquote--text {
+    color: rgba(255, 255, 255, .9);
+}
+
+p.blockquote--text.large {
+    font-weight: 400;
+    font-size: 1.6em;
+}
+
+p.blockquote--text strong {
+    font-weight: 600;
+}
+
+p.blockquote--text em {
+    font-family: var(--md-serifita-font-family, _);
+    font-style: italic;
+    font-weight: 400;
+}
+
+.md-grid {
+    max-width: 80rem;
+}
+
+.center {
+    display: block;
+    width: auto;
+    margin-left: auto;
+    margin-right: auto;
+    text-align: center;
+}
+
+.md-nav--lifted>.md-nav__list>.md-nav__item--active>.md-nav__link,
+.md-nav--secondary .md-nav__title {
+    box-shadow: none;
+}
+
+img.image {
+    display: block;
+    margin: 0.5rem auto 0.5rem 0;
+}
+
+.md-typeset figure {
+    margin: 1em auto 1em 0;
+    text-align: left;
+}
+
+.md-typeset figcaption {
+    font-style: normal;
+    margin: 1em auto 1em 0;
+    max-width: 24rem;
+    font-size: 0.55rem;
+    line-height: 0.75rem;
+}
+
+.md-typeset .uk-h1,
+.md-typeset h1 {
+    color: var(--md-default-fg-color--light);
+    max-width: 36rem;
+    margin: 1rem auto 1.5rem 0;
+    text-align: center;
+}
+
+.md-typeset .uk-h2,
+.md-typeset h2 {
+    margin-top: 3em;
+}
+
+.md-typeset .uk-h3,
+.md-typeset h3 {
+    font-size: 1.3em;
+    font-weight: 400;
+    letter-spacing: 0.2pt;
+    margin-top: 1.7em !important;
+}
+
+.md-typeset .uk-h4,
+.md-typeset h4 {
+    margin-top: 2em;
+    font-size: 0.8rem;
+    letter-spacing: 0.2pt;
+    line-height: 1.3rem;
+}
+
+.md-typeset :is(h1+h2, h1+.uk-h2, .uk-h1+h2, .uk-h1+.uk-h2, h1+h3, h1+.uk-h3, .uk-h1+h3, .uk-h1+.uk-h3, h1+h4, h1+.uk-h4, .uk-h1+h4, .uk-h1+.uk-h4, h2+h3, h2+.uk-h3, .uk-h2+h3, .uk-h2+.uk-h3, h2+h4, h2+.uk-h4, .uk-h2+h4, .uk-h2+.uk-h4, h3+h4, h3+.uk-h4, .uk-h3+h4, .uk-h3+.uk-h4) {
+    margin-top: 1rem !important;
+}
+
+.fancybox-show-caption .fancybox-caption,
+.fancybox-show-infobar .fancybox-infobar,
+.fancybox-show-nav .fancybox-navigation .fancybox-button,
+.fancybox-show-toolbar .fancybox-toolbar {
+    font-family: var(--md-text-font-family, _);
+}
+
+.md-typeset kbd {
+    font-family: var(--md-text-font-family, _);
+}
+
+img.imm {
+    transition: transform 125ms;
+}
+
+img.imm:hover {
+    transition: transform 125ms;
+    transform: scale(1.5);
+}
+
+img.imm:hover {
+    filter: drop-shadow(0 0 8px rgba(0, 0, 0, .3)) !important;
+}
+
+.md-header[data-md-state=shadow] {
+    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .2);
+}
+
+img.image,
+.box-shadow {
+    box-shadow: 0 0 8px rgba(0, 0, 0, .2);
+}
+
+.drop-shadow {
+    box-shadow: none;
+    filter: drop-shadow(0 0 8px rgba(0, 0, 0, .2));
+}
+
+.plain,
+img.image.plain {
+    box-shadow: none !important;
+    filter: none !important;
+}
+
+.md-typeset .admonition,
+.md-typeset .uk-h2,
+.md-typeset .uk-h3,
+.md-typeset .uk-h4,
+.md-typeset .uk-h5,
+.md-typeset .uk-h6,
+.md-typeset blockquote,
+.md-typeset details,
+.md-typeset h2,
+.md-typeset h3,
+.md-typeset h4,
+.md-typeset h5,
+.md-typeset h6,
+.md-typeset ol,
+.md-typeset p,
+.md-typeset ul,
+.md-typeset .topic,
+.md-typeset pre,
+.md-typeset .md-tags,
+.md-typeset .inpage-nav,
+.md-typeset .uk-grid {
+    max-width: 36rem;
+    margin-right: auto !important;
+    margin-left: 0 !important;
+}
+
+.md-typeset img,
+.md-typeset svg {
+    max-width: 100%;
+    clear: both;
+    height: auto !important;
+    object-fit: contain;
+    object-position: left;
+}
+
+.md-typeset ol:not([hidden]),
+.md-typeset ul:not([hidden]),
+.md-typeset :is(.admonition, details) {
+    display: inherit;
+}
+
+[dir=ltr] .md-typeset :is(.admonition-title, summary):before {
+    left: 0;
+}
+
+[dir=ltr] .md-typeset :is(.admonition-title, summary) {
+    padding-left: 1.4rem;
+}
+
+[dir=ltr] .md-header__title {
+    margin-left: 0;
+}
+
+.md-header__button.md-logo :-webkit-any(img, svg) {
+    height: 1.75rem;
+}
+
+.md-header__button.md-logo {
+    margin: 0;
+    margin-bottom: .2rem;
+    padding: .2rem
+}
+
+.md-content__icon,
+.md-footer-nav__button,
+.md-header-nav__button,
+.md-nav__button,
+.md-nav__title:before,
+.md-search-result__article--document:before {
+    margin: 0.2rem 0;
+    padding: 0.4rem 0.3rem;
+}
+
+.md-nav__link {
+    margin: 0;
+}
+
+.md-nav {
+    font-size: 0.55rem;
+    line-height: 0.7rem;
+}
+
+.md-typeset .admonition>p {
+    margin-top: 0.3rem;
+    margin-bottom: 0.3rem;
+}
+
+.md-nav__title {
+    margin-top: 0.2rem;
+    margin-bottom: 0.2rem;
+    color: rgba(0, 0, 0, 0.3);
+    font-weight: 500;
+}
+
+.md-typeset .md-typeset__table {
+    display: block;
+    margin: 0 0 0.5em;
+    padding: 0;
+}
+
+.md-typeset table:not([class]) th {
+    min-width: unset;
+    padding: 0.1rem;
+    vertical-align: top;
+    color: #000102;
+    background-color: rgba(0, 0, 0, .05);
+}
+
+.md-typeset table:not([class]) td {
+    padding: 0 0.2rem;
+}
+
+.md-typeset table {
+    font-family: var(--md-cond-font-family);
+    letter-spacing: 0.01em;
+}
+
+.md-typeset table:not([class]) {
+    display: table;
+    width: fit-content;
+    margin-right: auto;
+    margin-left: auto;
+}
+
+.md-typeset table:not([class]) {
+    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .2);
+}
+
+@media only screen and (min-width: 76.25em) {
+    .md-typeset .md-typeset__table {
+        display: block;
+        margin: 0 auto 0.5em;
+        padding: 0 0.8rem;
+    }
+
+
+    .md-typeset table:not([class]) th {
+        min-width: 5rem;
+        padding: 0.4rem;
+        vertical-align: top;
+        color: #000102;
+        background-color: rgba(0, 0, 0, .05);
+    }
+
+    .md-typeset table {
+        font-family: var(--md-text-font-family);
+        letter-spacing: 0.01em;
+    }
+
+    .md-typeset table:not([class]) td {
+        padding: 0.1rem 0.4rem;
+    }
+
+    .md-typeset table:not([class]) {
+        margin-left: 0.8em;
+    }
+}
+
+ins.beta {
+    color: #fff;
+    border-color: #b22d00;
+    background-color: #b22d00;
+}
+
+ins.new {
+    color: #fff;
+    border-color: #ccc;
+    background-color: #ccc;
+}
+
+.md-typeset svg,
+.md-typeset img,
+.md-typeset .video-wrapper,
+.md-typeset video {
+    max-height: 80vh;
+}
+
+@media only screen and (min-width: 60em) {
+
+    .md-typeset svg,
+    .md-typeset img {
+        max-height: 50vh;
+    }
+
+    .md-typeset img.image {
+        box-shadow: none;
+        filter: drop-shadow(0 0 8px rgba(0, 0, 0, .2));
+    }
+}
+
+@media only screen and (min-width: 76.25em) {
+    .md-typeset img.iml {
+        min-width: 10rem;
+    }
+
+    .max-width {
+        max-width: 36rem !important;
+    }
+
+
+    .md-typeset svg.r,
+    .md-typeset img.r {
+        float: right;
+        clear: both;
+        margin-right: 0;
+        margin-top: -0.2rem;
+        margin-left: 2rem;
+        object-position: right;
+    }
+
+    .md-sidebar.md-sidebar--secondary {
+        opacity: 0.07;
+        transition: opacity 125ms;
+    }
+
+    .md-sidebar.md-sidebar--secondary:hover {
+        transition: opacity 125ms;
+        opacity: 1;
+    }
+}
+
+[dir=ltr] .md-typeset .md-topics-index {
+    max-width: 36rem;
+    margin-right: auto !important;
+    margin-left: 0 !important;
+}
+
+[dir=ltr] .md-typeset .md-topics-index h2 {
+    margin-top: 1rem;
+    margin-bottom: 0;
+}
+
+[dir=ltr] .md-typeset .md-topics-index ul {
+    margin-top: 0;
+    margin-bottom: 0;
+}
+
+[dir=ltr] .md-typeset .md-topics-index ul,
+[dir=ltr] .md-typeset .md-topics-index ul li {
+    display: inline-block;
+    margin-left: 0.2rem;
+}
+
+[dir=ltr] .md-typeset .md-topics-index ul li::before {
+    content: "•";
+    margin-right: 0.2rem;
+}
+
+.md-copyright .w-nav-menu .nav-link {
+    padding-right: 0.6em;
+}
+
+
+/* UIKIT Mods */
+
+a.uk-card {
+    text-decoration: none;
+}
+
+.md-typeset a:focus.uk-card,
+.md-typeset a:hover.uk-card {
+    color: unset;
+}
+
+.uk-text-large {
+    font-size: 1rem;
+    line-height: 1.4;
+}
+
+.overhead,
+h5,
+.md-typeset h5,
+h6,
+.md-typeset h6,
+button,
+.uk-button,
+.md-footer-nav__direction,
+.md-nav__title,
+.md-typeset .admonition>.admonition-title,
+.md-typeset .admonition>summary,
+.md-typeset details>.admonition-title,
+.md-typeset details>summary,
+ins,
+.uk-label,
+.md-copyright .w-nav-menu,
+.md-tabs__link,
+.blockquote--author>strong,
+.blockquote--author-name,
+.uk-navbar-item,
+.uk-navbar-nav>li>a,
+.uk-navbar-toggle,
+.uk-nav-header {
+    font-family: var(--md-smcp-font-family, _);
+    font-variation-settings: var(--md-smcp-font-variation-settings);
+    letter-spacing: var(--md-smcp-letter-spacing);
+    text-transform: uppercase;
+    font-weight: 500;
+}
+
+p.blockquote--author>strong {
+    font-style: normal;
+    display: block;
+    line-height: 1.4em;
+}
+
+.overhead,
+h5,
+.md-typeset h5,
+h6,
+.md-typeset h6,
+button,
+.uk-button,
+p.blockquote--author>strong {
+    font-size: 0.8rem;
+}
+
+.md-footer-nav__direction,
+.md-nav__title,
+.md-typeset .admonition>.admonition-title,
+.md-typeset .admonition>summary,
+.md-typeset details>.admonition-title,
+.md-typeset details>summary,
+.uk-navbar-item,
+.uk-navbar-nav>li>a,
+.uk-navbar-toggle {
+    font-size: 0.65rem;
+    line-height: 1.8;
+}
+
+ins,
+.uk-label {
+    font-size: 0.65rem !important;
+    font-weight: 600;
+    line-height: 0.5rem;
+    font-style: normal;
+    border-radius: 5px;
+    border-style: solid !important;
+    border-width: 0 !important;
+    bottom: 1px;
+    display: inline-block;
+    padding: 4px 5px !important;
+    position: relative;
+    text-decoration: none;
+    vertical-align: baseline;
+    white-space: nowrap;
+}
+
+.md-copyright .w-nav-menu {
+    font-size: 0.5rem !important;
+    font-weight: 500;
+}
+
+.md-tabs__link,
+.uk-dropdown-nav .uk-nav-header {
+    font-size: 0.65rem;
+    font-weight: 400;
+}
+
+h1 span.overhead {
+    font-size: 0.65rem;
+    display: block;
+    padding-left: 0.2em;
+    line-height: 1em;
+}
+
+.uk-text-small {
+    font-size: .65rem;
+    line-height: 1.2;
+}
+
+.uk-dropdown-nav .uk-nav-header,
+#fl-repeatcall .uk-nav-header {
+    color: unset;
+}
+
+.fsc-price {
+    font-size: 1.7em;
+    vertical-align: baseline;
+    line-height: 0;
+    font-weight: 300;
+}
+
+ul.uk-dropdown-nav.uk-text-small li {
+    line-height: 1.5em;
+}
+
+ul.uk-dropdown-nav.uk-text-small small {
+    margin-left: 1em;
+}
+
+.uk-button {
+    line-height: 1em;
+    padding-top: 17px;
+    padding-bottom: 17px;
+    border-radius: 5px;
+}
+
+.uk-button {
+    transition: transform 125ms;
+}
+
+.uk-button:hover {
+    transition: transform 125ms;
+    transform: scale(1.1);
+}
+
+.uk-button small {
+    font-family: var(--md-text-font-family);
+    font-variation-settings: initial;
+    text-transform: none;
+    letter-spacing: normal;
+    margin-top: 0.4em;
+    display: block;
+}
+
+#launcher-frame {
+    opacity: 0.4;
+    transition: opacity 0.2s ease-in-out;
+}
+
+#launcher-frame:hover {
+    opacity: 1;
+}
+
+h1,
+.uk-h1 {
+    position: relative;
+    left: -0.07em;
+}
+
+h2,
+.uk-h2 {
+    position: relative;
+    left: -0.03em;
+}
+
+
+.opaque {
+    opacity: 1 !important;
+}
+
+.md-tabs__list {
+    justify-content: center;
+}
+
+.uk-tooltip {
+    background-color: #222;
+    line-height: 1.3em;
+    padding: 18px;
+}
+
+.md-tabs-inbody {
+    margin-top: 1em;
+}
+
+.md-tabs-inbody .md-tabs__link {
+    margin-top: 0.2em;
+}
+
+.md-tabs-inbody .md-tabs__item {
+    line-height: 1.4em;
+    height: unset;
+}
+
+.uk-card-default {
+    color: inherit;
+    box-shadow: none;
+}
+
+img.huge {
+    display: block;
+    margin: 0.1rem auto 0.1rem 0 !important;
+    max-height: 80vh !important;
+}
+
+
+
+.max-width {
+    max-width: 100%;
+    margin: 0 auto 0 0 !important;
+    max-height: 80vh !important;
+}
+
+img-comparison-slider {
+    --divider-width: 4px;
+    --divider-color: #ddd;
+    --default-handle-color: #888;
+    --default-handle-width: 100px;
+}
+
+.md-typeset .headerlink {
+    font-size: 0.4rem;
+    line-height: 1em;
+    display: inline;
+    position: absolute;
+    left: -1rem;
+    bottom: 6px;
+    color: rgba(0, 0, 0, 0.1)
+}
+
+.md-typeset .teaser {
+    max-width: 36rem;
+    margin: 0 auto 0 0 !important;
+    font-size: 1.1em;
+    line-height: 1.45em;
+    hyphens: none;
+}
+
+.md-typeset .inpage-nav {
+    font-size: 0.9em;
+}
+
+.md-typeset .inpage-nav ul {
+    margin-bottom: 0.5em;
+}
+
+.md-typeset .inpage-nav li {
+    font-weight: 700;
+    margin-bottom: 0;
+}
+
+.md-typeset .inpage-nav li a {
+    font-weight: 400;
+}
+
+.md-typeset li ul {
+    list-style-type: none;
+}
+
+.md-typeset li ul li {
+    list-style-type: circle;
+}
+
+.tooltip_templates {
+    display: none;
+}
+
+
+.tooltipster-content *,
+.tooltipster-content *:before,
+.tooltipster-content *:after {
+    box-sizing: inherit;
+}
+
+.tooltipster-content body,
+.tooltipster-content h1,
+.tooltipster-content h2,
+.tooltipster-content h3,
+.tooltipster-content h4,
+.tooltipster-content h5,
+.tooltipster-content h6,
+.tooltipster-content p,
+.tooltipster-content ol,
+.tooltipster-content strong,
+.tooltipster-content em,
+.tooltipster-content ul {
+    margin: 0;
+    padding: 0;
+    font-weight: normal;
+    font-style: normal;
+    font-size: 0.6rem;
+    line-height: 1.1em;
+    font-family: var(--md-text-font-family);
+    font-variation-settings: unset;
+    font-optical-sizing: auto;
+    letter-spacing: 0.03em;
+}
+
+.tooltipster-content ol,
+.tooltipster-content ul {
+    list-style: none;
+}
+
+.tooltipster-content img,
+.tooltipster-content svg {
+    display: none;
+}
+
+.md-typeset .uk-grid>p {
+    padding-left: 0;
+    padding-right: 40px;
+}
+
+::selection {
+    background: rgba(179, 215, 255, 0.4);
+    color: inherit;
+    text-shadow: none;
+}
+
+nav.md-tags {
+    margin-top: 4rem;
+}
+
+a.md-tag {
+    font-size: 0.55rem;
+    line-height: 0.75rem;
+    font-weight: 400;
+    padding: 0.02rem 0.3rem 0.03rem 0.2rem;
+    margin-right: 0.1em !important;
+    margin-bottom: 0.2em;
+    border-radius: 7px;
+    color: var(--md-default-fg-color--light) !important;
+    opacity: 0.8;
+    text-decoration: none;
+}
+
+.md-tag-icon:before {
+    margin-right: 0;
+}
+
+.md-search-result .md-tag {
+    display: none;
+}
+
+.md-search-result .md-typeset h1,
+.md-search-result .md-typeset h2,
+.md-search-result .md-typeset h3,
+.md-search-result .md-typeset h4,
+.md-search-result .md-typeset h5,
+.md-search-result .md-typeset h6 {
+    font-family: var(--md-text-font-family, _);
+    font-variation-settings: unset;
+    letter-spacing: unset;
+    font-optical-sizing: auto;
+    font-size: inherit;
+    text-align: unset;
+}
+
+mark[data-md-highlight],
+.md-search-result .md-typeset mark {
+    padding: 0;
+    letter-spacing: unset;
+    text-shadow: none;
+    background-color: var(--md-code-hl-color, _);
+}
+
+.md-search-result .md-typeset h1 {
+    font-size: large;
+}
+
+.uk-link-toggle:hover .uk-link,
+.uk-link:hover,
+a:hover {
+    text-decoration: none;
+}
+
+
+[dir=ltr] .md-typeset .uk-slideshow ol li,
+[dir=ltr] .md-typeset .uk-slideshow ul li {
+    margin-left: 0;
+    margin-right: 0;
+}
+
+.md-typeset .uk-slideshow,
+.md-typeset .uk-slideshow img,
+.md-typeset .uk-slideshow svg {
+    max-width: 100%;
+    max-height: 100%;
+    object-position: center;
+}
+
+.md-typeset a {
+    color: #102D55;
+}
+
+.md-typeset a.uk-button,
+.md-typeset a.uk-card {
+    color: unset;
+}
+
+.md-typeset .uk-card h1,
+.md-typeset .uk-card h2,
+.md-typeset .uk-card h3,
+.md-typeset .uk-card h4,
+.md-typeset .uk-card h5 {
+    margin-top: 0 !important;
+}
+
+.md-nav--lifted>.md-nav__list>.md-nav__item {
+    margin-top: 0;
+}
+
+* {
+    scrollbar-width: thin;
+    scrollbar-color: #f7f7f7 #ffffff;
+}
+
+/* Chrome, Edge, and Safari */
+.md-sidebar__scrollwrap::-webkit-scrollbar {
+    width: 2px;
+}
+
+.md-sidebar__scrollwrap::-webkit-scrollbar-thumb {
+    background-color: #f6f6f6;
+    border-radius: 0px;
+    border: transparent;
+}
+
+.md-nav__item {
+    padding: 0 0.3rem;
+}
+
+@media screen and (min-width: 76.25em) {
+    .md-nav__icon {
+        height: .7rem;
+        width: .7rem;
+    }
+
+    label.md-nav__title {
+        display: none !important;
+    }
+
+    [dir=ltr] .md-nav--lifted .md-nav[data-md-level="1"]>.md-nav__list>.md-nav__item {
+        padding-right: 0;
+        padding-left: 0.3rem;
+    }
+
+    .md-nav--lifted>.md-nav__list>.md-nav__item--active>.md-nav__link {
+        padding: 0;
+    }
+
+    .md-sidebar__inner {
+        padding: 0 .3rem;
+    }
+}
+
+
+.md-footer .md-typeset .uk-grid {
+    margin-right: auto !important;
+    margin-left: auto !important;
+}
+
+.app-title-icon {
+    margin-left: 3rem !important;
+    margin-right: 1rem !important;
+}
+
+.app-title-icon:before {
+    padding: 0 1em 0 0;
+    content: "\00a0";
+    background-position: 0 center;
+    background-size: 1.4em;
+    background-repeat: no-repeat;
+    position: absolute;
+    left: -1.6em;
+    top: -0.2em;
+    line-height: 1.5em;
+}
+
+.md-copyright {
+    text-align: center;
+}
+
+
+:not(pre)>samp {
+    color: #e40d2b;
+}
+
+em {
+    color: unset;
+}
+
+.uk-form-danger,
+.uk-form-danger:focus {
+    color: #e40d2b;
+    border-color: #e40d2b;
+}
+
+.uk-light .uk-button-danger {
+    background-color: #840d1a;
+}
+
+.uk-button-danger,
+.uk-button-danger:hover,
+.uk-light .uk-button-danger:hover {
+    background-color: #e40d2b;
+}
+
+.uk-alert-danger {
+    color: #840d1a;
+}
+
+.uk-label-danger {
+    background-color: #e40d2b;
+}
+
+.uk-notification-message-danger {
+    color: #840d1a;
+}
+
+.uk-light .uk-text-danger {
+    color: #840d1a !important;
+}
+
+.uk-text-danger {
+    color: #e40d2b !important;
+}
+
+html .md-footer-meta.md-typeset a {
+    color: #fff !important;
+}
+
+
+.uk-light .uk-button-primary,
+.uk-light .uk-button-primary:hover,
+.uk-button-primary,
+.uk-button-primary:hover {
+    background-color: #0263c5;
+    color: #fff;
+}
+
+.uk-button.button-go:after {
+    content: 'ᐳ';
+    margin-left: 0.3em;
+    font-size: 0.8em;
+}
+
+.uk-button-default.button-go.button-go-danger:after {
+    color: #e40d2b;
+}
+
+
+
+
+.yottie-widget-nav,
+.yottie-widget-header-overlay,
+.yottie-widget-header,
+.yottie-widget-nav,
+.yottie-widget-feed {
+    background: transparent !important;
+}
+
+.yottie-widget-nav-list-item a {
+    padding: 8px 2px !important;
+}
+
+
+.yottie-widget-nav-list-item:hover a,
+.yottie-widget-header-channel-properties-item,
+.yottie-widget-header-channel-caption a:hover,
+.yottie-widget-header-channel-caption,
+.yottie-widget-header-channel-title,
+.yottie-widget-header-channel-title a,
+.yottie-widget-nav-list-item a {
+    color: var(--md-default-fg-color) !important;
+}
+
+.yottie-widget-header-channel-title:hover,
+.yottie-widget-header-channel-title a:hover {
+    color: rgb(77, 178, 255) !important;
+}
+
+.yottie-widget-nav-list-item.yottie-active a,
+.yottie-widget-nav-list-item.yottie-active:hover a {
+    color: #e40d2b !important;
+}
+
+.yottie-widget-nav-list-item:hover::after {
+    background: #840d1a !important;
+}
+
+.yottie-widget-nav-list-item.yottie-active:hover::after,
+.yottie-widget-nav-list-item.yottie-active::after {
+    background: #840d1a !important;
+}
+
+.yottie-widget-nav-control-left::before {
+    background: transparent !important;
+}
+
+.yottie-widget-nav-control-right::before {
+    background: transparent !important;
+}
+
+.yottie-widget-nav-control span::before,
+.yottie-widget-nav-control span::after {
+    background: rgb(255, 255, 255, 0.5) !important;
+}
+
+.yottie-widget-nav-control:hover span::before,
+.yottie-widget-nav-control:hover span::after {
+    background: #e40d2b !important;
+}
+
+ul.yottie-widget-nav-list {
+    padding: 0 !important;
+}
+
+li.yottie-widget-nav-list-item {
+    margin: 0px 12px 0px 0px !important;
+}
+
+.yottie-widget-feed-section-search {
+    padding: 0 0 10px 0 !important;
+}
+
+.uk-card {
+    padding-left: 0 !important;
+    padding-right: 1.5rem !important;
+}
+
+.text-white {
+    color: white !important;
+}
+
+del {
+    display: none !important;
+}
+
+.md-typeset .admonition-title {
+    padding-top: 0.36rem;
+}
\ No newline at end of file
diff --git a/mkdocs/mk-fontlab/css/home-old.css b/mkdocs/mk-fontlab/css/home-old.css
new file mode 100644
index 0000000..fc96678
--- /dev/null
+++ b/mkdocs/mk-fontlab/css/home-old.css
@@ -0,0 +1,117 @@
+.nav {
+    position: absolute;
+    top: 15px;
+    z-index: 99;
+    left: 0;
+    right: 0;
+}
+
+.uk-sticky-placeholder {
+    height: 0 !important;
+}
+
+.uk-main-wrap {
+    font-size: 0.7rem;
+}
+
+.top-wrap::before,
+.overlay-wrap::before {
+    position: absolute;
+    top: 0;
+    right: 0;
+    left: 0;
+    bottom: 0;
+    content: '';
+    z-index: 1;
+    background-color: rgba(0, 0, 0, 0.5);
+}
+
+.top-images-height {
+    height: 100vh;
+    min-height: 460px;
+    transition: height 0.25s;
+    object-fit: fill;
+}
+
+.top-wrap-height {
+    height: 40vh;
+    min-height: 460px;
+    transition: height 0.25s;
+    object-fit: fill;
+}
+
+.uk-subnav-pill>*> :first-child {
+    padding: 0.5rem 1rem;
+    background-color: rgba(0, 0, 0, 0.04);
+}
+
+.top-container {
+    z-index: 2;
+}
+
+.uk-logo img {
+    height: 38px;
+}
+
+.subtitle-text {
+    font-size: 1em;
+    line-height: 1.3em;
+    opacity: 0.9;
+    margin-top: 0.1em;
+}
+
+.logos-grid img {
+    display: block;
+    width: 60px;
+    margin: 0 auto;
+    filter: grayscale(100%);
+    transition: filter 0.25s;
+}
+
+.logos-grid img:hover {
+    display: block;
+    width: 60px;
+    margin: 0 auto;
+    filter: grayscale(0);
+}
+
+.navbar-block {
+    -webkit-font-smoothing: subpixel-antialiased;
+}
+
+.navbar-block a {
+    font-weight: 500;
+}
+
+.navbar-block a:hover {
+    color: white;
+}
+
+.w-nav-link.w--current {
+    color: unset;
+}
+
+.app-title {
+    position: relative;
+    left: 1rem;
+}
+
+.app-title-icon:before {
+    padding: 0 1em;
+    content: "\00a0";
+    background-image: url(https://i.fontlab.com//app-icon/fontlab-8.png);
+    background-position: 0 center;
+    background-size: 1.4em;
+    background-repeat: no-repeat;
+    position: absolute;
+    left: -1.6em;
+    top: -0.2em;
+    line-height: 1.5em;
+}
+
+#hero-section {
+    z-index: 1;
+    opacity: 0;
+    transition: opacity 2s ease-in;
+}
+
diff --git a/mkdocs/mk-fontlab/css/home.css b/mkdocs/mk-fontlab/css/home.css
new file mode 100644
index 0000000..402df5f
--- /dev/null
+++ b/mkdocs/mk-fontlab/css/home.css
@@ -0,0 +1,11 @@
+.md-nav--lifted>.md-nav__list>.md-nav__item,
+.md-nav--lifted>.md-nav__list>.md-nav__item--nested,
+.md-nav--lifted>.md-nav__title {
+    display: unset;
+}
+
+@media screen and (min-width: 76.25em) {
+    .md-nav__icon {
+        display: none;
+    }
+}
diff --git a/mkdocs/mk-fontlab/css/keys.css b/mkdocs/mk-fontlab/css/keys.css
new file mode 100644
index 0000000..2da0f86
--- /dev/null
+++ b/mkdocs/mk-fontlab/css/keys.css
@@ -0,0 +1,333 @@
+@charset "UTF-8";
+@import "vars.css";
+
+.keys.mac::before,
+.keys.M::before {
+    content: 'Mac';
+}
+
+.keys.win::before,
+.keys.W::before {
+    content: 'Win';
+}
+
+.keys.mac::before,
+.keys.M::before,
+.keys.win::before,
+.keys.W::before {
+    letter-spacing: 0.02em;
+    text-transform: uppercase;
+    font-family: var(--md-smcp-font-family, _);
+    font-weight: 600;
+    font-size: 60%;
+    vertical-align: 0.5em;
+    color: #c0c1c2;
+}
+
+.md-typeset kbd {
+    display: inline-block;
+    margin: 0 2px;
+    padding: 1px 5px;
+    white-space: nowrap;
+    vertical-align: baseline;
+    color: #37474f;
+    border: 1px solid rgba(0, 1, 2, .08);
+    border-radius: 5px;
+    background-color: rgba(0, 1, 2, .02);
+    box-shadow: none;
+    text-shadow: 0 2px 0 rgba(253, 254, 255, 1);
+    font-size: 0.9em;
+    font-weight: 500;
+    font-style: normal;
+    line-height: 0.8rem;
+}
+
+.md-typeset .keys .key-alt,
+.md-typeset .keys .key-left-alt,
+.md-typeset .keys .key-right-alt,
+.md-typeset .keys .key-command,
+.md-typeset .keys .key-left-command,
+.md-typeset .keys .key-right-command,
+.md-typeset .keys .key-control,
+.md-typeset .keys .key-left-control,
+.md-typeset .keys .key-right-control,
+.md-typeset .keys .key-meta,
+.md-typeset .keys .key-left-meta,
+.md-typeset .keys .key-right-meta,
+.md-typeset .keys .key-option,
+.md-typeset .keys .key-left-option,
+.md-typeset .keys .key-right-option,
+.md-typeset .keys .key-shift,
+.md-typeset .keys .key-left-shift,
+.md-typeset .keys .key-right-shift,
+.md-typeset .keys .key-super,
+.md-typeset .keys .key-left-super,
+.md-typeset .keys .key-right-super,
+.md-typeset .keys .key-windows,
+.md-typeset .keys .key-left-windows,
+.md-typeset .keys .key-right-windows,
+.md-typeset .keys .key-arrow-down,
+.md-typeset .keys .key-arrow-left,
+.md-typeset .keys .key-arrow-right,
+.md-typeset .keys .key-arrow-up,
+.md-typeset .keys .key-backspace,
+.md-typeset .keys .key-backtab,
+.md-typeset .keys .key-caps-lock,
+.md-typeset .keys .key-clear,
+.md-typeset .keys .key-context-menu,
+.md-typeset .keys .key-delete,
+.md-typeset .keys .key-eject,
+.md-typeset .keys .key-end,
+.md-typeset .keys .key-escape,
+.md-typeset .keys .key-home,
+.md-typeset .keys .key-insert,
+.md-typeset .keys .key-page-down,
+.md-typeset .keys .key-page-up,
+.md-typeset .keys .key-print-screen,
+.md-typeset .keys .key-tab,
+.md-typeset .keys .key-num-enter,
+.md-typeset .keys .key-enter {
+    font-family: var(--md-cond-font-family, _);
+}
+
+.md-typeset .keys kbd::before,
+.md-typeset .keys kbd::after {
+    position: relative;
+    margin: 0;
+    color: inherit;
+    -moz-osx-font-smoothing: initial;
+    -webkit-font-smoothing: initial;
+    color: #c0c1c2;
+}
+
+.md-typeset .keys span {
+    padding: 0 px2em(3.2px);
+    color: var(--md-default-fg-color--light);
+}
+
+.md-typeset .keys .key-alt::before {
+    padding-right: px2em(6.4px);
+    content: "⎇";
+}
+
+.md-typeset .keys .key-left-alt::before {
+    padding-right: px2em(6.4px);
+    content: "⎇";
+}
+
+.md-typeset .keys .key-right-alt::before {
+    padding-right: px2em(6.4px);
+    content: "⎇";
+}
+
+.md-typeset .keys .key-command::before {
+    padding-right: px2em(6.4px);
+    content: "⌘";
+}
+
+.md-typeset .keys .key-left-command::before {
+    padding-right: px2em(6.4px);
+    content: "⌘";
+}
+
+.md-typeset .keys .key-right-command::before {
+    padding-right: px2em(6.4px);
+    content: "⌘";
+}
+
+.md-typeset .keys .key-control::before {
+    padding-right: px2em(6.4px);
+    content: "⌃";
+}
+
+.md-typeset .keys .key-left-control::before {
+    padding-right: px2em(6.4px);
+    content: "⌃";
+}
+
+.md-typeset .keys .key-right-control::before {
+    padding-right: px2em(6.4px);
+    content: "⌃";
+}
+
+.md-typeset .keys .key-meta::before {
+    padding-right: px2em(6.4px);
+    content: "◆";
+}
+
+.md-typeset .keys .key-left-meta::before {
+    padding-right: px2em(6.4px);
+    content: "◆";
+}
+
+.md-typeset .keys .key-right-meta::before {
+    padding-right: px2em(6.4px);
+    content: "◆";
+}
+
+.md-typeset .keys .key-option::before {
+    padding-right: px2em(6.4px);
+    content: "⌥";
+}
+
+.md-typeset .keys .key-left-option::before {
+    padding-right: px2em(6.4px);
+    content: "⌥";
+}
+
+.md-typeset .keys .key-right-option::before {
+    padding-right: px2em(6.4px);
+    content: "⌥";
+}
+
+.md-typeset .keys .key-shift::before {
+    padding-right: px2em(6.4px);
+    content: "⇧";
+}
+
+.md-typeset .keys .key-left-shift::before {
+    padding-right: px2em(6.4px);
+    content: "⇧";
+}
+
+.md-typeset .keys .key-right-shift::before {
+    padding-right: px2em(6.4px);
+    content: "⇧";
+}
+
+.md-typeset .keys .key-super::before {
+    padding-right: px2em(6.4px);
+    content: "❖";
+}
+
+.md-typeset .keys .key-left-super::before {
+    padding-right: px2em(6.4px);
+    content: "❖";
+}
+
+.md-typeset .keys .key-right-super::before {
+    padding-right: px2em(6.4px);
+    content: "❖";
+}
+
+.md-typeset .keys .key-windows::before {
+    padding-right: px2em(6.4px);
+    content: "⊞";
+}
+
+.md-typeset .keys .key-left-windows::before {
+    padding-right: px2em(6.4px);
+    content: "⊞";
+}
+
+.md-typeset .keys .key-right-windows::before {
+    padding-right: px2em(6.4px);
+    content: "⊞";
+}
+
+.md-typeset .keys .key-arrow-down::before {
+    padding-right: px2em(6.4px);
+    content: "";
+}
+
+.md-typeset .keys .key-arrow-left::before {
+    padding-right: px2em(6.4px);
+    content: "";
+}
+
+.md-typeset .keys .key-arrow-right::before {
+    padding-right: px2em(6.4px);
+    content: "";
+}
+
+.md-typeset .keys .key-arrow-up::before {
+    padding-right: px2em(6.4px);
+    content: "";
+}
+
+.md-typeset .keys .key-backspace::before {
+    padding-right: px2em(6.4px);
+    content: "⌫";
+}
+
+.md-typeset .keys .key-backtab::before {
+    padding-right: px2em(6.4px);
+    content: "⇤";
+}
+
+.md-typeset .keys .key-caps-lock::before {
+    padding-right: px2em(6.4px);
+    content: "⇪";
+}
+
+.md-typeset .keys .key-clear::before {
+    padding-right: px2em(6.4px);
+    content: "⌧";
+}
+
+.md-typeset .keys .key-context-menu::before {
+    padding-right: px2em(6.4px);
+    content: "☰";
+}
+
+.md-typeset .keys .key-delete::before {
+    padding-right: px2em(6.4px);
+    content: "⌦";
+}
+
+.md-typeset .keys .key-eject::before {
+    padding-right: px2em(6.4px);
+    content: "⏏";
+}
+
+.md-typeset .keys .key-end::before {
+    padding-right: px2em(6.4px);
+    content: "⤓";
+}
+
+.md-typeset .keys .key-escape::before {
+    padding-right: px2em(6.4px);
+    content: "⎋";
+}
+
+.md-typeset .keys .key-home::before {
+    padding-right: px2em(6.4px);
+    content: "⤒";
+}
+
+.md-typeset .keys .key-insert::before {
+    padding-right: px2em(6.4px);
+    content: "⎀";
+}
+
+.md-typeset .keys .key-page-down::before {
+    padding-right: px2em(6.4px);
+    content: "⇟";
+}
+
+.md-typeset .keys .key-page-up::before {
+    padding-right: px2em(6.4px);
+    content: "⇞";
+}
+
+.md-typeset .keys .key-print-screen::before {
+    padding-right: px2em(6.4px);
+    content: "⎙";
+}
+
+.md-typeset .keys .key-tab::after {
+    padding-left: px2em(6.4px);
+    content: "⇥";
+}
+
+.md-typeset .keys .key-num-enter::after {
+    padding-left: px2em(6.4px);
+    content: "⌤";
+}
+
+.md-typeset .keys .key-enter::after {
+    padding-left: px2em(6.4px);
+    content: "⏎";
+}
+
+/*# sourceMappingURL=200801-keys.css.map */
\ No newline at end of file
diff --git a/mkdocs/mk-fontlab/css/vars.css b/mkdocs/mk-fontlab/css/vars.css
new file mode 100644
index 0000000..1bdf51a
--- /dev/null
+++ b/mkdocs/mk-fontlab/css/vars.css
@@ -0,0 +1,83 @@
+@charset "UTF-8";
+:root > * {
+  --md-code-bg-color: rgba(0, 1, 2, 0.03);
+  --md-primary-fg-color: #222222;
+}
+
+.container2 > * {
+  font-size: 5rem;
+  font-variation-settings: "wght" var(--text-wght), "wdth" var(--text-wdth),
+    "opsz" var(--text-opsz), "GRAD" var(--text-GRAD);
+}
+
+body {
+  --md-text-font-family: "system-ui", BlinkMacSystemFont, -apple-system,
+    "Roboto", Helvetica, Arial, sans-serif;
+  --md-serif-font-family: "Literata", "Georgia", serif;
+  --md-serifita-font-family: "IBM Plex Serif", "Georgia", serif;
+  --md-head-font-family: "Roboto Flex", "system-ui", -apple-system,
+    BlinkMacSystemFont, Helvetica, Arial, sans-serif;
+  --md-cond-font-family: "Roboto Condensed", var(--md-text-font-family, _);
+  --md-smcp-font-family: var(--md-head-font-family, _);
+  --md-smcp-letter-spacing: 0.07em;
+  --md-font-variation-opsz: 14;
+  --md-font-variation-slnt: 0;
+  --md-font-variation-GRAD: 0;
+  --md-font-variation-wdth: 100;
+  --md-font-variation-XOPQ: 96;
+  --md-font-variation-XTRA: 468;
+  --md-font-variation-YOPQ: 79;
+  --md-font-variation-YTAS: 750;
+  --md-font-variation-YTDE: -203;
+  --md-font-variation-YTFI: 738;
+  --md-font-variation-YTLC: 514;
+  --md-font-variation-YTUC: 712;
+  --md-head-font-variation-opsz: var(--md-font-variation-opsz);
+  --md-head-font-variation-slnt: var(--md-font-variation-slnt);
+  --md-head-font-variation-GRAD: var(--md-font-variation-GRAD);
+  --md-head-font-variation-wdth: 140;
+  --md-head-font-variation-XOPQ: var(--md-font-variation-XOPQ);
+  --md-head-font-variation-XTRA: var(--md-font-variation-XTRA);
+  --md-head-font-variation-YOPQ: var(--md-font-variation-YOPQ);
+  --md-head-font-variation-YTAS: 663;
+  --md-head-font-variation-YTDE: -180;
+  --md-head-font-variation-YTFI: 676;
+  --md-head-font-variation-YTLC: var(--md-font-variation-YTLC);
+  --md-head-font-variation-YTUC: 650;
+  --md-smcp-font-variation-opsz: 8;
+  --md-smcp-font-variation-slnt: var(--md-font-variation-slnt);
+  --md-smcp-font-variation-GRAD: var(--md-font-variation-GRAD);
+  --md-smcp-font-variation-wdth: 120;
+  --md-smcp-font-variation-XOPQ: var(--md-font-variation-XOPQ);
+  --md-smcp-font-variation-XTRA: var(--md-font-variation-XTRA);
+  --md-smcp-font-variation-YOPQ: var(--md-font-variation-YOPQ);
+  --md-smcp-font-variation-YTAS: var(--md-font-variation-YTAS);
+  --md-smcp-font-variation-YTDE: var(--md-font-variation-YTDE);
+  --md-smcp-font-variation-YTFI: 676;
+  --md-smcp-font-variation-YTLC: var(--md-font-variation-YTLC);
+  --md-smcp-font-variation-YTUC: 650;
+  --md-head-font-variation-settings: "opsz" var(--md-head-font-variation-opsz),
+    "slnt" var(--md-head-font-variation-slnt),
+    "GRAD" var(--md-head-font-variation-GRAD),
+    "wdth" var(--md-head-font-variation-wdth),
+    "XOPQ" var(--md-head-font-variation-XOPQ),
+    "XTRA" var(--md-head-font-variation-XTRA),
+    "YOPQ" var(--md-head-font-variation-YOPQ),
+    "YTAS" var(--md-head-font-variation-YTAS),
+    "YTDE" var(--md-head-font-variation-YTDE),
+    "YTFI" var(--md-head-font-variation-YTFI),
+    "YTLC" var(--md-head-font-variation-YTLC),
+    "YTUC" var(--md-head-font-variation-YTUC);
+  --md-smcp-font-variation-settings: "opsz" var(--md-smcp-font-variation-opsz),
+    "slnt" var(--md-smcp-font-variation-slnt),
+    "GRAD" var(--md-smcp-font-variation-GRAD),
+    "wdth" var(--md-smcp-font-variation-wdth),
+    "XOPQ" var(--md-smcp-font-variation-XOPQ),
+    "XTRA" var(--md-smcp-font-variation-XTRA),
+    "YOPQ" var(--md-smcp-font-variation-YOPQ),
+    "YTAS" var(--md-smcp-font-variation-YTAS),
+    "YTDE" var(--md-smcp-font-variation-YTDE),
+    "YTFI" var(--md-smcp-font-variation-YTFI),
+    "YTLC" var(--md-smcp-font-variation-YTLC),
+    "YTUC" var(--md-smcp-font-variation-YTUC);
+}
diff --git a/mkdocs/mk-fontlab/css/wfnav.css b/mkdocs/mk-fontlab/css/wfnav.css
new file mode 100644
index 0000000..5a97d7c
--- /dev/null
+++ b/mkdocs/mk-fontlab/css/wfnav.css
@@ -0,0 +1,2911 @@
+/* Generated on: Sat May 21 2022 07:05:35 GMT+0000 (Coordinated Universal Time) */
+
+/* ==========================================================================
+   normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css
+   ========================================================================== */
+
+/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
+
+html {
+    font-family: sans-serif;
+    -ms-text-size-adjust: 100%;
+    -webkit-text-size-adjust: 100%;
+}
+
+body {
+    margin: 0;
+}
+
+main,
+menu,
+nav,
+section {
+    display: block;
+}
+
+video {
+    display: inline-block;
+    vertical-align: baseline;
+}
+
+[hidden] {
+    display: none;
+}
+
+a {
+    background-color: transparent;
+}
+
+a:active,
+a:hover {
+    outline: 0;
+}
+
+b {
+    font-weight: bold;
+}
+
+mark {
+    background: #ff0;
+    color: #000;
+}
+
+small {
+    font-size: 80%;
+}
+
+sub {
+    font-size: 75%;
+    line-height: 0;
+    position: relative;
+    vertical-align: baseline;
+}
+
+sub {
+    bottom: -0.25em;
+}
+
+img {
+    border: 0;
+}
+
+svg:not(:root) {
+    overflow: hidden;
+}
+
+button,
+input {
+    color: inherit;
+    font: inherit;
+    margin: 0;
+}
+
+button {
+    overflow: visible;
+}
+
+button {
+    text-transform: none;
+}
+
+button,
+html input[type="button"],
+input[type="reset"] {
+    -webkit-appearance: button;
+    cursor: pointer;
+}
+
+button[disabled],
+html input[disabled] {
+    cursor: default;
+}
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+    border: 0;
+    padding: 0;
+}
+
+input {
+    line-height: normal;
+}
+
+input[type='checkbox'],
+input[type='radio'] {
+    box-sizing: border-box;
+    padding: 0;
+}
+
+input[type='number']::-webkit-inner-spin-button,
+input[type='number']::-webkit-outer-spin-button {
+    height: auto;
+}
+
+input[type='search'] {
+    -webkit-appearance: none;
+}
+
+input[type='search']::-webkit-search-cancel-button,
+input[type='search']::-webkit-search-decoration {
+    -webkit-appearance: none;
+}
+
+/* ==========================================================================
+   Start of base Webflow CSS - If you're looking for some ultra-clean CSS, skip the boilerplate and see the unminified code below.
+   ========================================================================== */
+
+@font-face {
+    font-family: 'webflow-icons';
+    src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format('truetype');
+    font-weight: normal;
+    font-style: normal;
+}
+
+[class^="w-icon-"],
+[class*=" w-icon-"] {
+    font-family: 'webflow-icons' !important;
+    speak: none;
+    font-style: normal;
+    font-weight: normal;
+    font-variant: normal;
+    text-transform: none;
+    line-height: 1;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+.w-icon-nav-menu:before {
+    content: "\e602";
+}
+
+* {
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+}
+
+html {
+    height: 100%;
+}
+
+body {
+    margin: 0;
+    min-height: 100%;
+    background-color: #fff;
+    font-family: Arial, sans-serif;
+    font-size: 14px;
+    line-height: 20px;
+    color: #333;
+}
+
+img {
+    max-width: 100%;
+    vertical-align: middle;
+    display: inline-block;
+}
+
+html.w-mod-touch * {
+    background-attachment: scroll !important;
+}
+
+.w-block {
+    display: block;
+}
+
+.w-inline-block {
+    max-width: 100%;
+    display: inline-block;
+}
+
+.w-clearfix:before,
+.w-clearfix:after {
+    content: " ";
+    display: table;
+    grid-column-start: 1;
+    grid-row-start: 1;
+    grid-column-end: 2;
+    grid-row-end: 2;
+}
+
+.w-clearfix:after {
+    clear: both;
+}
+
+.w-hidden {
+    display: none;
+}
+
+.w-button {
+    display: inline-block;
+    padding: 9px 15px;
+    background-color: #3898EC;
+    color: white;
+    border: 0;
+    line-height: inherit;
+    text-decoration: none;
+    cursor: pointer;
+    border-radius: 0;
+}
+
+input.w-button {
+    -webkit-appearance: button;
+}
+
+html[data-w-dynpage] [data-w-cloak] {
+    color: transparent !important;
+}
+
+.w-webflow-badge,
+.w-webflow-badge * {
+    position: static;
+    left: auto;
+    top: auto;
+    right: auto;
+    bottom: auto;
+    z-index: auto;
+    display: block;
+    visibility: visible;
+    overflow: visible;
+    overflow-x: visible;
+    overflow-y: visible;
+    box-sizing: border-box;
+    width: auto;
+    height: auto;
+    max-height: none;
+    max-width: none;
+    min-height: 0;
+    min-width: 0;
+    margin: 0;
+    padding: 0;
+    float: none;
+    clear: none;
+    border: 0 none transparent;
+    border-radius: 0;
+    background: none;
+    background-image: none;
+    background-position: 0 0;
+    background-size: auto auto;
+    background-repeat: repeat;
+    background-origin: padding-box;
+    background-clip: border-box;
+    background-attachment: scroll;
+    background-color: transparent;
+    box-shadow: none;
+    opacity: 1;
+    transform: none;
+    transition: none;
+    direction: ltr;
+    font-family: inherit;
+    font-weight: inherit;
+    color: inherit;
+    font-size: inherit;
+    line-height: inherit;
+    font-style: inherit;
+    font-variant: inherit;
+    text-align: inherit;
+    letter-spacing: inherit;
+    text-decoration: inherit;
+    text-indent: 0;
+    text-transform: inherit;
+    list-style-type: disc;
+    text-shadow: none;
+    font-smoothing: auto;
+    vertical-align: baseline;
+    cursor: inherit;
+    white-space: inherit;
+    word-break: normal;
+    word-spacing: normal;
+    word-wrap: normal;
+}
+
+.w-webflow-badge {
+    position: fixed !important;
+    display: inline-block !important;
+    visibility: visible !important;
+    z-index: 2147483647 !important;
+    top: auto !important;
+    right: 12px !important;
+    bottom: 12px !important;
+    left: auto !important;
+    color: #AAADB0 !important;
+    background-color: #fff !important;
+    border-radius: 3px !important;
+    padding: 6px 8px 6px 6px !important;
+    font-size: 12px !important;
+    opacity: 1 !important;
+    line-height: 14px !important;
+    text-decoration: none !important;
+    transform: none !important;
+    margin: 0 !important;
+    width: auto !important;
+    height: auto !important;
+    overflow: visible !important;
+    white-space: nowrap;
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.1);
+    cursor: pointer;
+}
+
+.w-webflow-badge>img {
+    display: inline-block !important;
+    visibility: visible !important;
+    opacity: 1 !important;
+    vertical-align: middle !important;
+}
+
+.w-embed:before,
+.w-embed:after {
+    content: " ";
+    display: table;
+    grid-column-start: 1;
+    grid-row-start: 1;
+    grid-column-end: 2;
+    grid-row-end: 2;
+}
+
+.w-embed:after {
+    clear: both;
+}
+
+.w-video {
+    width: 100%;
+    position: relative;
+    padding: 0;
+}
+
+.w-video embed {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    border: none;
+}
+
+button,
+html input[type='button'],
+input[type='reset'] {
+    border: 0;
+    cursor: pointer;
+    -webkit-appearance: button;
+}
+
+.w-form {
+    margin: 0 0 15px;
+}
+
+.w-form-done {
+    display: none;
+    padding: 20px;
+    text-align: center;
+    background-color: #dddddd;
+}
+
+.w-form-fail {
+    display: none;
+    margin-top: 10px;
+    padding: 10px;
+    background-color: #ffdede;
+}
+
+.w-input {
+    display: block;
+    width: 100%;
+    height: 38px;
+    padding: 8px 12px;
+    margin-bottom: 10px;
+    font-size: 14px;
+    line-height: 1.42857143;
+    color: #333333;
+    vertical-align: middle;
+    background-color: #ffffff;
+    border: 1px solid #cccccc;
+}
+
+.w-input:-moz-placeholder {
+    color: #999;
+}
+
+.w-input::-moz-placeholder {
+    color: #999;
+    opacity: 1;
+}
+
+.w-input:-ms-input-placeholder {
+    color: #999;
+}
+
+.w-input::-webkit-input-placeholder {
+    color: #999;
+}
+
+.w-input:focus {
+    border-color: #3898EC;
+    outline: 0;
+}
+
+.w-input[disabled],
+.w-input[readonly] {
+    cursor: not-allowed;
+    background-color: #eeeeee;
+}
+
+.w-container {
+    margin-left: auto;
+    margin-right: auto;
+    max-width: 940px;
+}
+
+.w-container:before,
+.w-container:after {
+    content: " ";
+    display: table;
+    grid-column-start: 1;
+    grid-row-start: 1;
+    grid-column-end: 2;
+    grid-row-end: 2;
+}
+
+.w-container:after {
+    clear: both;
+}
+
+.w-hidden-main {
+    display: none !important;
+}
+
+@media screen and (max-width:991px) {
+    .w-container {
+        max-width: 728px;
+    }
+
+    .w-hidden-main {
+        display: inherit !important;
+    }
+
+    .w-hidden-medium {
+        display: none !important;
+    }
+}
+
+@media screen and (max-width:767px) {
+    .w-hidden-main {
+        display: inherit !important;
+    }
+
+    .w-hidden-medium {
+        display: inherit !important;
+    }
+
+    .w-hidden-small {
+        display: none !important;
+    }
+}
+
+@media screen and (max-width:479px) {
+    .w-container {
+        max-width: none;
+    }
+
+    .w-hidden-main {
+        display: inherit !important;
+    }
+
+    .w-hidden-medium {
+        display: inherit !important;
+    }
+
+    .w-hidden-small {
+        display: inherit !important;
+    }
+
+    .w-hidden-tiny {
+        display: none !important;
+    }
+}
+
+@media screen and (max-width:767px) {
+    .w-nav-brand {
+        padding-left: 10px;
+    }
+}
+
+.w-lightbox-backdrop {
+    color: #000;
+    cursor: auto;
+    font-family: serif;
+    font-size: medium;
+    font-style: normal;
+    font-variant: normal;
+    font-weight: normal;
+    letter-spacing: normal;
+    line-height: normal;
+    list-style: disc;
+    text-align: start;
+    text-indent: 0;
+    text-shadow: none;
+    text-transform: none;
+    visibility: visible;
+    white-space: normal;
+    word-break: normal;
+    word-spacing: normal;
+    word-wrap: normal;
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    color: #fff;
+    font-family: "Helvetica Neue", Helvetica, Ubuntu, "Segoe UI", Verdana, sans-serif;
+    font-size: 17px;
+    line-height: 1.2;
+    font-weight: 300;
+    text-align: center;
+    background: rgba(0, 0, 0, 0.9);
+    z-index: 2000;
+    outline: 0;
+    opacity: 0;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    -webkit-tap-highlight-color: transparent;
+    -webkit-transform: translate(0, 0);
+}
+
+.w-lightbox-backdrop,
+.w-lightbox-container {
+    height: 100%;
+    overflow: auto;
+    -webkit-overflow-scrolling: touch;
+}
+
+.w-lightbox-content {
+    position: relative;
+    height: 100vh;
+    overflow: hidden;
+}
+
+.w-lightbox-img {
+    width: auto;
+    height: auto;
+    max-width: none;
+}
+
+.w-lightbox-embed {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+}
+
+.w-lightbox-left {
+    display: none;
+    bottom: 0;
+    left: 0;
+    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
+}
+
+@media (min-width:768px) {
+    .w-lightbox-content {
+        height: 96vh;
+        margin-top: 2vh;
+    }
+
+    .w-lightbox-left {
+        display: block;
+        opacity: .5;
+    }
+}
+
+.w-nav {
+    position: relative;
+    background: #dddddd;
+    z-index: 1000;
+}
+
+.w-nav:before,
+.w-nav:after {
+    content: " ";
+    display: table;
+    grid-column-start: 1;
+    grid-row-start: 1;
+    grid-column-end: 2;
+    grid-row-end: 2;
+}
+
+.w-nav:after {
+    clear: both;
+}
+
+.w-nav-brand {
+    position: relative;
+    float: left;
+    text-decoration: none;
+    color: #333333;
+}
+
+.w-nav-link {
+    position: relative;
+    display: inline-block;
+    vertical-align: top;
+    text-decoration: none;
+    color: #222222;
+    padding: 20px;
+    text-align: left;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+.w-nav-link.w--current {
+    color: #0082f3;
+}
+
+.w-nav-menu {
+    position: relative;
+    float: right;
+}
+
+[data-nav-menu-open] {
+    display: block !important;
+    position: absolute;
+    top: 100%;
+    left: 0;
+    right: 0;
+    background: #C8C8C8;
+    text-align: center;
+    overflow: visible;
+    min-width: 200px;
+}
+
+.w-nav[data-animation="over-left"] [data-nav-menu-open] {
+    right: auto;
+    z-index: 1;
+    top: 0;
+}
+
+.w-nav[data-animation="over-right"] [data-nav-menu-open] {
+    left: auto;
+    z-index: 1;
+    top: 0;
+}
+
+.w-nav-button {
+    position: relative;
+    float: right;
+    padding: 18px;
+    font-size: 24px;
+    display: none;
+    cursor: pointer;
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+    tap-highlight-color: rgba(0, 0, 0, 0);
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+}
+
+.w-nav-button:focus {
+    outline: 0;
+}
+
+.w-nav[data-collapse="all"] .w-nav-menu {
+    display: none;
+}
+
+.w-nav[data-collapse="all"] .w-nav-button {
+    display: block;
+}
+
+@media screen and (max-width:991px) {
+    .w-nav[data-collapse="medium"] .w-nav-menu {
+        display: none;
+    }
+
+    .w-nav[data-collapse="medium"] .w-nav-button {
+        display: block;
+    }
+}
+
+@media screen and (max-width:767px) {
+    .w-nav[data-collapse="small"] .w-nav-menu {
+        display: none;
+    }
+
+    .w-nav[data-collapse="small"] .w-nav-button {
+        display: block;
+    }
+
+    .w-nav-brand {
+        padding-left: 10px;
+    }
+}
+
+@media screen and (max-width:479px) {
+    .w-nav[data-collapse="tiny"] .w-nav-menu {
+        display: none;
+    }
+
+    .w-nav[data-collapse="tiny"] .w-nav-button {
+        display: block;
+    }
+}
+
+@keyframes spin {
+    0% {
+        transform: rotate(0deg);
+    }
+
+    100% {
+        transform: rotate(360deg);
+    }
+}
+
+/* ==========================================================================
+   Start of custom Webflow CSS
+   ========================================================================== */
+
+body {
+    background-color: #131313;
+    font-family: Inter, sans-serif;
+    color: #101112;
+    font-size: 16px;
+    line-height: 1.5em;
+}
+
+a {
+    color: #979797;
+    /* font-weight: 500; */
+    text-decoration: none;
+    cursor: pointer;
+}
+
+img {
+    display: inline-block;
+}
+
+.menu-logo {
+    position: relative;
+    top: -3px;
+}
+
+.navbar {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    height: 48px;
+    padding-top: 12px;
+    padding-right: 10px;
+    padding-left: 50px;
+    -webkit-box-flex: 1;
+    -webkit-flex: 1;
+    -ms-flex: 1;
+    flex: 1;
+    background-color: rgba(17, 18, 19, 0.8);
+    color: transparent;
+    font-size: 13px;
+    line-height: 18px;
+    font-weight: 400;
+    letter-spacing: 0.04em;
+    text-transform: uppercase;
+}
+
+.nav-link {
+    margin-top: 4px;
+    padding: 0px 0.5em;
+    color: hsla(0, 0%, 100%, 0.75);
+    font-weight: 500;
+    letter-spacing: 0.04em;
+}
+
+.nav-link:hover {
+    color: #fff;
+}
+
+.container.fl5 {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -webkit-flex-direction: column;
+    -ms-flex-direction: column;
+    flex-direction: column;
+}
+
+.product-icon-large {
+    margin-top: 10px;
+    margin-bottom: 10px;
+}
+
+.product-title-div {
+    margin-top: 0px;
+    float: none;
+    clear: none;
+    font-size: 80px;
+    line-height: 100px;
+    font-weight: 100;
+    text-align: center;
+    letter-spacing: 0px;
+}
+
+.product-subtitle {
+    margin-top: 14px;
+    color: hsla(0, 0%, 100%, 0.68);
+    font-size: 15px;
+    line-height: 16px;
+    font-weight: 300;
+    letter-spacing: 3px;
+    text-transform: uppercase;
+}
+
+.product-subtitle.fl5 {
+    padding-left: 14px;
+    font-family: 'Work Sans', sans-serif;
+    font-weight: 500;
+    letter-spacing: 0.1em;
+}
+
+.button-left {
+    display: inline-block;
+    width: 64px;
+    height: 64px;
+    float: left;
+    border-top-left-radius: 8px;
+    border-bottom-left-radius: 8px;
+    background-color: rgba(0, 0, 0, 0.06);
+}
+
+.button {
+    display: block;
+    padding: 4px 8px;
+    border-radius: 12px;
+    font-family: 'Work Sans', sans-serif;
+    color: #fff;
+    font-weight: 500;
+}
+
+.button:hover {
+    background-color: rgba(104, 109, 143, 0.22);
+}
+
+.button.buy {
+    width: 240px;
+    padding-top: 10px;
+    padding-bottom: 12px;
+    background-color: rgba(91, 194, 0, 0.5);
+    font-family: 'Work Sans', sans-serif;
+}
+
+.button.buy.bf {
+    padding-top: 14px;
+    padding-bottom: 16px;
+    border-radius: 0px;
+    background-color: rgba(195, 0, 153, 0.09);
+    opacity: 1;
+    color: #000;
+}
+
+.button.buy {
+    width: 240px;
+    padding-top: 10px;
+    padding-bottom: 12px;
+    border: 1px none #b31e00;
+    background-color: rgba(53, 133, 253, 0.5);
+    font-family: 'Work Sans', sans-serif;
+    font-weight: 400;
+}
+
+.button.buy {
+    width: 240px;
+    padding-top: 10px;
+    padding-bottom: 12px;
+    border: 1px none #b31e00;
+    background-color: rgba(53, 133, 253, 0.5);
+    font-family: 'Work Sans', sans-serif;
+    font-weight: 400;
+}
+
+.button-text {
+    font-size: 14px;
+    line-height: 20px;
+    font-weight: 500;
+    text-align: center;
+    letter-spacing: 0.05em;
+    text-transform: uppercase;
+}
+
+.button-text.medium {
+    line-height: 19px;
+    text-align: left;
+    letter-spacing: 0.07em;
+}
+
+.button-text.medium-sub {
+    margin-bottom: 2px;
+    font-size: 12px;
+    line-height: 13px;
+    font-weight: 400;
+    text-align: left;
+    letter-spacing: 0.07em;
+}
+
+.button-text.button-small {
+    margin-top: 3px;
+    font-size: 10px;
+    line-height: 12px;
+    font-weight: 500;
+    letter-spacing: 0.1em;
+}
+
+.container-content {
+    padding-top: 10px;
+    padding-bottom: 0px;
+}
+
+.container-content.fl5 {
+    padding-top: 0px;
+    background-color: transparent;
+}
+
+.title-section {
+    font-family: 'Work Sans', sans-serif;
+    font-size: 48px;
+    line-height: 1.1em;
+    font-weight: 500;
+    text-align: center;
+    letter-spacing: -0.01em;
+    text-transform: none;
+    list-style-type: disc;
+}
+
+.title-section.ultra {
+    font-size: 54px;
+    font-weight: 300;
+}
+
+.subtitle-section {
+    margin-top: 0px;
+    margin-bottom: 60px;
+    font-family: 'Work Sans', sans-serif;
+    font-size: 24px;
+    line-height: 1.2em;
+    font-style: normal;
+    font-weight: 400;
+    text-align: center;
+    letter-spacing: 0em;
+    text-transform: none;
+}
+
+.section {
+    padding-top: 60px;
+    padding-bottom: 20px;
+    background-color: #fafbfc;
+}
+
+.section.fl5-icon {
+    padding-bottom: 40px;
+    background-color: #004d60;
+    background-image: radial-gradient(circle farthest-corner at 50% 50%, rgba(0, 77, 96, 0.99) 33%, rgba(0, 77, 96, 0.95)), url("https://assets.website-files.com/59f8b0f378cc2d0001fd32e5/5c62c00b40cbe80631dffeb4_-fls5-bg-1130x630.jpg");
+    background-position: 0px 0px, 0px 0px;
+    background-size: auto, cover;
+    background-repeat: repeat, no-repeat;
+    background-attachment: scroll, fixed;
+}
+
+.section.home-bottom {
+    position: relative;
+    padding: 36px;
+    background-color: #e6eced;
+    font-family: Inter, sans-serif;
+}
+
+.section.bf {
+    padding-top: 30px;
+}
+
+.product-title {
+    margin-top: 0px;
+    margin-bottom: 0px;
+    font-family: 'Work Sans', sans-serif;
+    color: #fff;
+    font-size: 90px;
+    line-height: 1.12em;
+    font-weight: 200;
+    text-align: left;
+    letter-spacing: -0.01em;
+}
+
+.product-title.fl5 {
+    margin-bottom: 10px;
+    font-size: 70px;
+    line-height: 0.97em;
+    font-weight: 300;
+    text-align: center;
+    letter-spacing: -0.03em;
+}
+
+.small-text {
+    font-family: 'Work Sans', sans-serif;
+    font-size: 12px;
+    line-height: 16px;
+    font-weight: 400;
+    text-align: left;
+    letter-spacing: 0.03em;
+}
+
+.small-text.bottom-button {
+    margin-top: 10px;
+    padding-right: 8px;
+    padding-left: 8px;
+    text-align: center;
+}
+
+.small-text.bottom-button.bf {
+    padding-right: 0px;
+    padding-left: 15px;
+    text-align: left;
+}
+
+.small-text.top-button {
+    margin-top: 0px;
+    margin-bottom: 20px;
+    text-align: center;
+}
+
+.menu {
+    background-color: transparent;
+}
+
+.menu-button {
+    padding: 0px;
+    font-size: 30px;
+}
+
+.video-block {
+    position: relative;
+    float: left;
+}
+
+.video {
+    position: absolute;
+    left: 0px;
+    top: 0px;
+    width: 300px;
+    height: 200px;
+}
+
+.section-navigation {
+    position: absolute;
+    width: 100%;
+    font-family: 'Work Sans', sans-serif;
+    color: #303132;
+}
+
+.navbar-compact {
+    position: fixed;
+    left: 0px;
+    top: 0px;
+    display: inline-block;
+    width: 52px;
+    height: 48px;
+    margin-right: 20px;
+    float: left;
+    background-color: transparent;
+    font-family: 'Work Sans', sans-serif;
+}
+
+.menu-button-compact {
+    margin-top: 13px;
+    margin-left: 15px;
+    padding: 0px;
+    float: none;
+    color: #fff;
+}
+
+.navbar-block {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+}
+
+.menu-compact {
+    position: fixed;
+    left: 0px;
+    top: 0px;
+    bottom: 0px;
+    display: block;
+    width: 240px;
+    height: 300px;
+    margin-top: 0px;
+    padding-top: 12px;
+    padding-left: 0px;
+    background-color: #28292a;
+}
+
+.lightbox {
+    -webkit-box-pack: center;
+    -webkit-justify-content: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    -webkit-box-align: center;
+    -webkit-align-items: center;
+    -ms-flex-align: center;
+    align-items: center;
+    text-decoration: none;
+    cursor: -webkit-zoom-in;
+    cursor: zoom-in;
+}
+
+.top-icon-div {
+    width: 133px;
+    float: left;
+}
+
+.product-name-div {
+    margin-left: 21px;
+    float: left;
+    clear: none;
+}
+
+.product-logo-div {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    margin-top: 180px;
+    margin-bottom: 120px;
+    padding-right: 20px;
+    -webkit-box-pack: center;
+    -webkit-justify-content: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+}
+
+.section-video {
+    position: static;
+    display: none;
+    padding: 0px;
+    background-image: -webkit-gradient(linear, left top, left bottom, from(#18191a), to(#18191a));
+    background-image: linear-gradient(180deg, #18191a, #18191a);
+}
+
+.section-bottom {
+    padding-top: 80px;
+    padding-bottom: 60px;
+    background-color: #11283f;
+    background-image: none;
+    background-position: 0px 0px;
+    background-size: auto;
+    background-attachment: scroll;
+    color: #fff;
+}
+
+.section-bottom.bf {
+    padding-top: 0px;
+    background-color: rgba(0, 64, 127, 0.96);
+    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 64, 127, 0.96)), to(rgba(0, 64, 127, 0.96))), url("https://assets.website-files.com/59f8b0f378cc2d0001fd32e5/5cfbe2e10e478546b659feff_bf3-bkg.jpg");
+    background-image: linear-gradient(180deg, rgba(0, 64, 127, 0.96), rgba(0, 64, 127, 0.96)), url("https://assets.website-files.com/59f8b0f378cc2d0001fd32e5/5cfbe2e10e478546b659feff_bf3-bkg.jpg");
+    background-position: 0px 0px, 0px 0px;
+    background-size: auto, cover;
+    background-attachment: scroll, fixed;
+}
+
+.text-span {
+    font-weight: 900;
+}
+
+.text-span-3 {
+    font-size: 48px;
+    font-weight: 400;
+}
+
+.left {
+    padding-top: 14px;
+    padding-bottom: 29px;
+    float: left;
+}
+
+.side-menu {
+    margin-top: 5px;
+    margin-bottom: 1px;
+    padding-top: 4px;
+    padding-bottom: 4px;
+    padding-left: 32px;
+    background-color: #353637;
+    font-family: 'Work Sans', sans-serif;
+    color: #e0e0e0;
+    font-size: 10px;
+    line-height: 12px;
+    font-weight: 400;
+    text-align: left;
+    letter-spacing: 0.2em;
+    text-transform: uppercase;
+}
+
+.side-menu.product {
+    display: block;
+    width: 100%;
+    margin-top: 0px;
+    margin-bottom: 0px;
+    padding-top: 4px;
+    padding-bottom: 2px;
+    padding-left: 14px;
+    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+    background-color: #28292a;
+    font-family: 'Work Sans', sans-serif;
+    font-size: 10px;
+    font-weight: 300;
+    letter-spacing: 0.4em;
+}
+
+.side-menu.product:hover {
+    background-color: #38393a;
+}
+
+.side-menu.product.spacer {
+    height: 100%;
+}
+
+.side-menu.product.main {
+    height: auto;
+    padding-top: 4px;
+    padding-bottom: 5px;
+}
+
+.side-menu-product-title {
+    float: left;
+    color: #d8d8d8;
+    font-size: 12px;
+    line-height: 13px;
+    font-weight: 400;
+    letter-spacing: 0.04em;
+    text-transform: none;
+}
+
+.side-menu-product-subtitle {
+    color: #8f8f8f;
+    font-size: 10px;
+    line-height: 11px;
+    font-weight: 400;
+    letter-spacing: 0.03em;
+}
+
+.color-mark {
+    width: 6px;
+    height: 10px;
+    margin-top: 2px;
+    margin-right: 12px;
+    float: left;
+    border-radius: 4px;
+    background-color: #444;
+}
+
+.color-mark.fontlab_vi {
+    background-color: #3592e4;
+}
+
+.color-mark.fontographer {
+    background-color: #00fbdb;
+}
+
+.color-mark.bitfonter {
+    background-color: #f1b638;
+}
+
+.color-mark.transtype {
+    background-color: #cc2c1d;
+}
+
+.color-mark.ot_master {
+    background-color: #400565;
+}
+
+.color-mark.fontlab_pad {
+    background-color: #1a8cb0;
+}
+
+.color-mark.fontlab_5 {
+    background-color: #01587c;
+}
+
+.color-mark.typetool {
+    background-color: #fd4e4e;
+}
+
+.icon-menu {
+    color: #aaa;
+}
+
+.body-home {
+    background-color: #212223;
+}
+
+.product-icon {
+    width: 30%;
+    float: left;
+}
+
+.home-bottom-link {
+    margin-left: 1px;
+    color: #000;
+    font-weight: 400;
+}
+
+.text-span-4 {
+    color: #ff9e19;
+}
+
+.text-span-5 {
+    color: #fff616;
+}
+
+.text-span-6 {
+    color: #c3ec15;
+}
+
+.text-span-7 {
+    color: #8cf386;
+}
+
+.text-span-8 {
+    color: #14e6e5;
+}
+
+.text-span-11 {
+    color: #3fa0fb;
+}
+
+.icon-5 {
+    width: 60px;
+    height: 60px;
+    padding-top: 12px;
+    border-radius: 30px;
+    background-color: rgba(0, 0, 0, 0.2);
+}
+
+.icon-6 {
+    width: 60px;
+    height: 60px;
+    padding-top: 12px;
+    border-radius: 30px;
+    background-color: rgba(0, 0, 0, 0.2);
+}
+
+.navigation-link {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    padding-right: 31px;
+    padding-left: 31px;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -webkit-flex-direction: column;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    -webkit-box-pack: start;
+    -webkit-justify-content: flex-start;
+    -ms-flex-pack: start;
+    justify-content: flex-start;
+    -webkit-box-align: center;
+    -webkit-align-items: center;
+    -ms-flex-align: center;
+    align-items: center;
+    -webkit-align-self: flex-end;
+    -ms-flex-item-align: end;
+    align-self: flex-end;
+    opacity: 0.8;
+}
+
+.navigation-link:hover {
+    opacity: 1;
+}
+
+.navigation-link.bf {
+    padding-right: 20px;
+    padding-left: 20px;
+}
+
+.block-content {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    min-height: 560px;
+    padding-right: 60px;
+    padding-bottom: 40px;
+    padding-left: 60px;
+    clear: none;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -webkit-flex-direction: column;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    -webkit-box-pack: end;
+    -webkit-justify-content: flex-end;
+    -ms-flex-pack: end;
+    justify-content: flex-end;
+    -webkit-box-align: center;
+    -webkit-align-items: center;
+    -ms-flex-align: center;
+    align-items: center;
+    background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), color-stop(85%, hsla(0, 0%, 100%, 0.85)));
+    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0.85) 85%);
+}
+
+.block-content.bf {
+    width: 100%;
+    min-height: 510px;
+    padding-right: 0px;
+    padding-left: 0px;
+    background-image: none;
+}
+
+.button-link {
+    color: #fff;
+    text-decoration: underline;
+}
+
+.content-text {
+    padding-right: 36px;
+    padding-bottom: 27px;
+    padding-left: 36px;
+}
+
+.small-text-link {
+    color: #fff;
+    font-weight: 600;
+}
+
+.dtl {
+    margin-right: -10px;
+    font-family: 'IBM Plex Serif', sans-serif;
+    font-size: 0.76em;
+    font-weight: 400;
+    letter-spacing: 0.06em;
+}
+
+.link-text-white {
+    color: hsla(0, 0%, 100%, 0.7);
+}
+
+.link-text-white:hover {
+    color: #fff;
+    text-decoration: underline;
+}
+
+.link-text-white:visited {
+    color: hsla(0, 0%, 100%, 0.5);
+}
+
+.home-section-transtype {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    padding-right: 20px;
+    padding-left: 20px;
+    -webkit-justify-content: space-around;
+    -ms-flex-pack: distribute;
+    justify-content: space-around;
+    background-color: #9c0000;
+    background-image: radial-gradient(circle farthest-side at 50% 50%, #c20000, #8a0000), -webkit-gradient(linear, left top, left bottom, from(#700), to(#700));
+    background-image: radial-gradient(circle farthest-side at 50% 50%, #c20000, #8a0000), linear-gradient(180deg, #700, #700);
+}
+
+.home-transtype-sidebar-icons {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    margin-left: 14px;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -webkit-flex-direction: column;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    -webkit-box-align: center;
+    -webkit-align-items: center;
+    -ms-flex-align: center;
+    align-items: center;
+}
+
+.home-section-typetool {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    padding-right: 20px;
+    padding-left: 10px;
+    -webkit-justify-content: space-around;
+    -ms-flex-pack: distribute;
+    justify-content: space-around;
+    background-color: #e2e8ec;
+    background-image: radial-gradient(circle farthest-corner at 50% 50%, rgba(226, 232, 236, 0.9), rgba(226, 232, 236, 0.15) 73%), url("https://assets.website-files.com/59f8b0f378cc2d0001fd32e5/5c62be06a928abd4ec431b04_-tt3-bg-handwritten.jpg");
+    background-position: 0px 0px, 0px 0px;
+    background-size: auto, cover;
+    background-attachment: scroll, fixed;
+}
+
+.home-transtype-sidebar-icon {
+    min-width: 84px;
+}
+
+.navbar-search {
+    height: 24px;
+    margin-top: 1px;
+    margin-left: 5px;
+}
+
+.body-search {
+    background-color: transparent;
+}
+
+.hidden-webflow-search {
+    display: none;
+}
+
+.google-search-query {
+    width: 150px;
+    height: 24px;
+    margin-bottom: 0px;
+    padding: 0px 4px;
+    border-style: solid;
+    border-width: 1px;
+    border-color: hsla(0, 0%, 100%, 0.2);
+    border-radius: 0px;
+    background-color: hsla(0, 0%, 100%, 0);
+    color: #fff;
+    font-size: 12px;
+    line-height: 14px;
+    letter-spacing: 0em;
+}
+
+.google-search {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    width: 100%;
+    max-height: 24px;
+    margin-bottom: 0px;
+    -webkit-box-flex: 1;
+    -webkit-flex: 1;
+    -ms-flex: 1;
+    flex: 1;
+}
+
+.google-search-form {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    max-height: 24px;
+    background-color: transparent;
+}
+
+.google-search-button {
+    width: 30px;
+    height: 24px;
+    padding: 2px;
+    background-color: hsla(0, 0%, 100%, 0.1);
+    text-align: center;
+    letter-spacing: 0.04em;
+    text-transform: uppercase;
+}
+
+.google-search-sidebar {
+    display: block;
+    margin-bottom: 0px;
+    -webkit-box-flex: 1;
+    -webkit-flex: 1;
+    -ms-flex: 1;
+    flex: 1;
+    background-color: #28292a;
+}
+
+.google-search-query-side {
+    width: 100%;
+    height: 24px;
+    margin-bottom: 0px;
+    margin-left: 29px;
+    padding: 0px 4px;
+    border-style: solid;
+    border-width: 1px;
+    border-color: hsla(0, 0%, 100%, 0.2);
+    border-radius: 0px;
+    background-color: hsla(0, 0%, 100%, 0);
+    color: #fff;
+    font-size: 12px;
+    line-height: 14px;
+    letter-spacing: 0em;
+}
+
+.google-search-form-side {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    width: 100%;
+    padding: 0px 0px 4px;
+    -webkit-box-pack: end;
+    -webkit-justify-content: flex-end;
+    -ms-flex-pack: end;
+    justify-content: flex-end;
+    -webkit-box-flex: 1;
+    -webkit-flex: 1;
+    -ms-flex: 1;
+    flex: 1;
+    background-color: transparent;
+}
+
+.brand-sub {
+    margin-top: 4px;
+    margin-right: auto;
+    margin-left: 0px;
+    padding-top: 0px;
+    padding-bottom: 0px;
+    padding-left: 6px;
+    color: hsla(0, 0%, 100%, 0.75);
+    letter-spacing: 0.04em;
+}
+
+.brand-sub:hover {
+    color: #fff;
+}
+
+.section-top {
+    padding-top: 48px;
+    padding-bottom: 20px;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -webkit-flex-direction: column;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    -webkit-box-align: center;
+    -webkit-align-items: center;
+    -ms-flex-align: center;
+    align-items: center;
+}
+
+.badge-red {
+    position: relative;
+    bottom: 2px;
+    padding-right: 6px;
+    padding-left: 6px;
+    border: 2px solid #ff4000;
+    border-radius: 20px;
+    background-color: #ff4000;
+    font-family: 'Work Sans', sans-serif;
+    color: #fff;
+    font-size: 0.7em;
+    line-height: 1em;
+    font-weight: 600;
+    letter-spacing: 0.05em;
+    text-transform: uppercase;
+    white-space: nowrap;
+}
+
+.white-text {
+    color: #fff;
+    letter-spacing: 0.5px;
+    text-transform: uppercase;
+}
+
+.material-icons {
+    font-size: 14px;
+    line-height: 20px;
+}
+
+.material-icons.large {
+    font-size: 70px;
+    line-height: 1em;
+}
+
+.pad-section1 {
+    background-color: #13515e;
+}
+
+.pad-section1-button-subtitle {
+    color: hsla(0, 0%, 100%, 0.49);
+    font-size: 11px;
+    letter-spacing: 1px;
+}
+
+.pad-section1-button-block {
+    display: none;
+    width: 260px;
+    height: 60px;
+    margin-right: 20px;
+    margin-left: 20px;
+    border-radius: 5px;
+    background-color: rgba(0, 0, 0, 0.15);
+}
+
+.pad-section1-button-text {
+    height: 100%;
+    padding: 12px 10px 10px 20px;
+    text-decoration: none;
+    text-transform: uppercase;
+}
+
+.pad-section1-button-title {
+    color: #f5f5f5;
+    letter-spacing: 1px;
+}
+
+.pad-section1-div {
+    padding: 70px 20px 0px;
+}
+
+.pad-section1-button-icon {
+    width: 60px;
+    height: 60px;
+    background-color: rgba(0, 0, 0, 0.1);
+}
+
+.pad-section2-content {
+    -webkit-box-pack: justify;
+    -webkit-justify-content: space-between;
+    -ms-flex-pack: justify;
+    justify-content: space-between;
+    -webkit-box-align: start;
+    -webkit-align-items: flex-start;
+    -ms-flex-align: start;
+    align-items: flex-start;
+}
+
+.pad-section2-text-left {
+    padding-right: 20px;
+    padding-left: 20px;
+}
+
+.pad-section2 {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    padding: 30px;
+    -webkit-box-pack: center;
+    -webkit-justify-content: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    background-color: #ededf5;
+    color: #231f20;
+}
+
+.pad-section2-container {
+    max-width: 960px;
+}
+
+.pad-section3-link {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    margin-top: 4px;
+    margin-bottom: 7px;
+    color: #fff;
+}
+
+.pad-section3-link.buy {
+    margin-bottom: 0px;
+}
+
+.pad-section3 {
+    -webkit-justify-content: space-around;
+    -ms-flex-pack: distribute;
+    justify-content: space-around;
+    background-color: #1d8299;
+}
+
+.pad-section3-button-icon {
+    width: 24px;
+    min-width: 24px;
+    margin-right: 10px;
+    -webkit-align-self: center;
+    -ms-flex-item-align: center;
+    -ms-grid-row-align: center;
+    align-self: center;
+}
+
+.pad-section3-button-icon.buy {
+    margin-bottom: 4px;
+}
+
+.pad-section3-button-container {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    width: 100%;
+    padding-top: 2px;
+    font-weight: 400;
+}
+
+.pad-section3-icon {
+    margin-top: 10px;
+    -webkit-align-self: center;
+    -ms-flex-item-align: center;
+    -ms-grid-row-align: center;
+    align-self: center;
+}
+
+.pad-body {
+    font-family: 'Work Sans', sans-serif;
+}
+
+.content-bf {
+    padding-top: 5px;
+    color: #222325;
+}
+
+.content-bf img {
+    max-width: 900px;
+    margin-right: auto;
+    margin-bottom: 10px;
+    margin-left: auto;
+    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
+}
+
+.content-bf a {
+    font-family: Inter, sans-serif;
+}
+
+.block-bf-icon {
+    width: 100%;
+}
+
+.bf-bottom-container {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -webkit-flex-direction: column;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    -webkit-box-pack: center;
+    -webkit-justify-content: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    -webkit-box-align: center;
+    -webkit-align-items: center;
+    -ms-flex-align: center;
+    align-items: center;
+}
+
+.text-span-12 {
+    color: #ff9e18;
+}
+
+.text-span-13 {
+    color: #fff615;
+}
+
+.text-span-14 {
+    color: #c3ec15;
+}
+
+.text-span-15 {
+    color: #8cf386;
+}
+
+.text-span-16 {
+    color: #14e5e5;
+}
+
+.text-span-17 {
+    color: #3fa0fb;
+}
+
+.text-span-18 {
+    color: #a03ffb;
+}
+
+.text-span-19 {
+    color: #ff41d5;
+}
+
+.text-span-20 {
+    color: #f43d4f;
+}
+
+.img-section {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    width: 100%;
+    height: 70px;
+    margin-right: auto;
+    margin-left: auto;
+    -webkit-box-pack: center;
+    -webkit-justify-content: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    -webkit-box-align: center;
+    -webkit-align-items: center;
+    -ms-flex-align: center;
+    align-items: center;
+    color: rgba(0, 0, 0, 0.4);
+    font-size: 70px;
+    line-height: 1em;
+    text-align: center;
+}
+
+.img-section.small {
+    height: 50px;
+    opacity: 0.2;
+}
+
+.body-edu {
+    margin-bottom: 20px;
+    background-color: #fdfeff;
+}
+
+.product-icon-small {
+    width: 48px;
+    float: left;
+}
+
+.section-edu {
+    position: relative;
+    z-index: 3;
+    padding-top: 10px;
+    padding-bottom: 10px;
+    background-color: #e6eced;
+    font-family: 'Work Sans', sans-serif;
+    font-size: 14px;
+    line-height: 1.4em;
+    text-align: center;
+}
+
+.body-about {
+    background-color: #fffffd;
+}
+
+.about-section {
+    position: relative;
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    max-width: 1280px;
+    margin-right: auto;
+    margin-left: auto;
+    padding-top: 50px;
+    padding-bottom: 70px;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -webkit-flex-direction: column;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    -webkit-box-align: center;
+    -webkit-align-items: center;
+    -ms-flex-align: center;
+    align-items: center;
+}
+
+.body-contact {
+    background-color: #fff;
+}
+
+.fontlab-logo {
+    display: block;
+    margin-top: 20px;
+    opacity: 0.2;
+    -webkit-filter: invert(100%);
+    filter: invert(100%);
+}
+
+.fontlab-logo.about {
+    width: 200px;
+    opacity: 1;
+}
+
+.about-top {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    padding-top: 60px;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -webkit-flex-direction: column;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    -webkit-box-align: center;
+    -webkit-align-items: center;
+    -ms-flex-align: center;
+    align-items: center;
+}
+
+.contact-section-top {
+    padding-top: 60px;
+    padding-bottom: 40px;
+    text-align: center;
+}
+
+.contact-top-title {
+    margin-top: 5px;
+    font-size: 26px;
+    font-weight: 500;
+    letter-spacing: 0.05em;
+    text-transform: uppercase;
+}
+
+.contact-section-content {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    margin-bottom: 40px;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -webkit-flex-direction: column;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    -webkit-box-align: center;
+    -webkit-align-items: center;
+    -ms-flex-align: center;
+    align-items: center;
+}
+
+.contact-content-block {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    width: 95%;
+    max-width: 910px;
+    margin-right: auto;
+    margin-bottom: 40px;
+    margin-left: auto;
+    -webkit-box-pack: center;
+    -webkit-justify-content: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+}
+
+.contact-block-title {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    width: 30%;
+    padding-right: 20px;
+    -webkit-box-align: start;
+    -webkit-align-items: flex-start;
+    -ms-flex-align: start;
+    align-items: flex-start;
+    text-align: left;
+}
+
+.contact-content-data {
+    width: 65%;
+    padding-left: 0px;
+}
+
+.about-img {
+    -webkit-filter: saturate(40%);
+    filter: saturate(40%);
+}
+
+.body-fl7 {
+    line-height: 1.5em;
+}
+
+.section-fl7 {
+    padding-top: 40px;
+    padding-bottom: 40px;
+    background-color: #f1f2f3;
+}
+
+.section-fl7.help {
+    background-color: #f0f8ff;
+}
+
+.section-fl7.var {
+    background-color: #f6f4f2;
+}
+
+.button-fl7 {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    width: auto;
+    height: 60px;
+    min-width: 200px;
+    padding-right: 30px;
+    padding-bottom: 3px;
+    padding-left: 30px;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -webkit-flex-direction: column;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    -webkit-box-pack: center;
+    -webkit-justify-content: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    -webkit-box-align: center;
+    -webkit-align-items: center;
+    -ms-flex-align: center;
+    align-items: center;
+    border-radius: 30px;
+    background-color: #b22d00;
+    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.5);
+    font-family: 'Work Sans', sans-serif;
+    color: #fff;
+    font-size: 17px;
+    letter-spacing: 0.06em;
+    text-transform: uppercase;
+    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.32);
+}
+
+.button-fl7.new {
+    margin-top: 20px;
+    margin-bottom: 20px;
+    padding-top: 0px;
+}
+
+.button-fl7.bottom {
+    min-width: 300px;
+    padding-bottom: 0px;
+}
+
+.text-bf-subtitle {
+    max-width: 720px;
+    margin-top: 20px;
+}
+
+.small-bold {
+    font-family: 'Work Sans', sans-serif;
+    font-weight: 600;
+}
+
+.body-404 {
+    background-color: #e2e4e6;
+}
+
+.body-405 {
+    background-color: #fdfeff;
+}
+
+.section-2 {
+    padding-top: 2em;
+    padding-bottom: 1em;
+    background-color: #fff;
+}
+
+.buy-menu-button {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-pack: center;
+    -webkit-justify-content: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    border: 3px solid #ef5224;
+    border-radius: 26px;
+    background-color: #ef5224;
+    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.5);
+    font-family: 'Work Sans', sans-serif;
+}
+
+.buy-menu-text {
+    margin-top: 15px;
+    margin-bottom: 20px;
+    font-family: 'Work Sans', sans-serif;
+    font-size: 12px;
+    line-height: 1.1em;
+    text-align: center;
+}
+
+.button-edu {
+    margin-top: 10px;
+    margin-bottom: 20px;
+    padding: 15px 30px;
+    border-radius: 18px;
+}
+
+.button-nobackground {
+    background-color: #404244;
+}
+
+.button-mini {
+    padding: 2px 5px;
+}
+
+html.w-mod-js *[data-ix="opacity"] {
+    display: none;
+    opacity: 0;
+}
+
+html.w-mod-js *[data-ix="side-scroll"] {
+    opacity: 0;
+}
+
+html.w-mod-js *[data-ix="loading-2"] {
+    opacity: 0;
+}
+
+html.w-mod-js *[data-ix="slow-appearing"] {
+    opacity: 0;
+}
+
+html.w-mod-js *[data-ix="slower-appearing"] {
+    opacity: 0;
+}
+
+html.w-mod-js *[data-ix="on-scroll"] {
+    opacity: 0;
+}
+
+html.w-mod-js *[data-ix="popup-appearance"] {
+    display: none;
+    opacity: 0;
+}
+
+@media screen and (max-width: 991px) {
+    a {
+        z-index: 2;
+    }
+
+    .navbar {
+        position: static;
+        width: 90%;
+        max-width: 920px;
+        padding-right: 24px;
+        float: left;
+    }
+
+    .nav-link {
+        text-align: center;
+    }
+
+    .button {
+        width: 200px;
+    }
+
+    .button-text {
+        margin-left: 0px;
+        font-size: 14px;
+    }
+
+    .title-section {
+        margin-top: 0px;
+    }
+
+    .title-section.ultra {
+        font-size: 45px;
+    }
+
+    .section {
+        padding: 40px 40px 20px;
+    }
+
+    .section.fl5-icon {
+        padding: 0px 20px 24px;
+    }
+
+    .menu {
+        position: fixed;
+        top: 0px;
+        right: 0px;
+        padding-top: 16px;
+        padding-bottom: 16px;
+        background-color: rgba(0, 0, 0, 0.88);
+        font-size: 13px;
+        line-height: 25px;
+        text-align: center;
+    }
+
+    .menu-button {
+        z-index: 2;
+        color: #e2e4e6;
+    }
+
+    .video {
+        width: 100%;
+        height: 100%;
+    }
+
+    .section-navigation {
+        display: none;
+    }
+
+    .navbar-block {
+        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0.8)));
+        background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8));
+    }
+
+    .product-logo-div {
+        margin-top: 109px;
+        margin-bottom: 100px;
+    }
+
+    .section-bottom {
+        padding-top: 40px;
+        padding-bottom: 40px;
+    }
+
+    .navigation-link {
+        padding-right: 14px;
+        padding-left: 0px;
+    }
+
+    .block-content {
+        padding-right: 19px;
+        padding-left: 19px;
+    }
+
+    .block-content.bf {
+        min-height: 430px;
+    }
+
+    .content-text {
+        padding: 0px;
+    }
+
+    .brand-sub {
+        text-align: center;
+    }
+
+    .section-top {
+        padding-top: 0px;
+    }
+
+    .pad-section1-button-block {
+        margin-bottom: 10px;
+    }
+
+    .pad-section1-div {
+        padding: 18px 30px 20px;
+    }
+
+    .pad-section2-content {
+        -webkit-box-orient: vertical;
+        -webkit-box-direction: normal;
+        -webkit-flex-direction: column;
+        -ms-flex-direction: column;
+        flex-direction: column;
+    }
+
+    .pad-section3-link.buy {
+        margin-bottom: 8px;
+    }
+
+    .content-bf img {
+        max-width: 100%;
+    }
+
+    .img-section.small {
+        margin-bottom: 10px;
+    }
+
+    .section-edu {
+        padding-top: 20px;
+        padding-bottom: 40px;
+    }
+
+    .about-top {
+        padding-top: 10px;
+    }
+
+    .contact-section-top {
+        padding-top: 0px;
+        padding-bottom: 20px;
+    }
+
+    .contact-block-title {
+        width: 35%;
+        padding-right: 20px;
+    }
+
+    .contact-content-data {
+        padding-left: 0px;
+    }
+}
+
+@media screen and (max-width: 767px) {
+    a {
+        z-index: 1;
+    }
+
+    .navbar {
+        padding-right: 18px;
+        padding-left: 18px;
+    }
+
+    .nav-link {
+        text-align: center;
+    }
+
+    .button {
+        display: block;
+        width: 200px;
+        margin: 6px auto;
+        float: none;
+    }
+
+    .title-section {
+        font-size: 32px;
+    }
+
+    .title-section.ultra {
+        font-size: 32px;
+    }
+
+    .subtitle-section {
+        margin-bottom: 20px;
+        font-size: 18px;
+        line-height: 1.2em;
+    }
+
+    .section {
+        padding-right: 30px;
+        padding-left: 30px;
+    }
+
+    .section.fl5-icon {
+        padding-bottom: 24px;
+    }
+
+    .section.home-bottom {
+        padding: 24px;
+    }
+
+    .section.bf {
+        padding-top: 30px;
+    }
+
+    .product-title {
+        font-size: 60px;
+    }
+
+    .product-title.fl5 {
+        font-size: 62px;
+        letter-spacing: -0.02em;
+    }
+
+    .menu {
+        position: fixed;
+        top: 0px;
+        right: 0px;
+        padding: 40px 32px 20px;
+        background-color: rgba(0, 0, 0, 0.85);
+        font-size: 22px;
+        line-height: 22px;
+    }
+
+    .product-logo-div {
+        margin-top: 100px;
+        margin-bottom: 80px;
+        padding-right: 0px;
+    }
+
+    .section-bottom {
+        padding-top: 40px;
+        padding-bottom: 40px;
+    }
+
+    .product-icon {
+        width: 25%;
+    }
+
+    .navigation-link {
+        padding-right: 20px;
+        padding-left: 20px;
+    }
+
+    .block-content {
+        padding-top: 20px;
+        padding-right: 10px;
+        padding-left: 10px;
+    }
+
+    .block-content.bf {
+        min-height: 440px;
+    }
+
+    .home-section-transtype {
+        background-image: none;
+        background-size: auto;
+        background-repeat: repeat;
+    }
+
+    .home-transtype-sidebar-icons {
+        display: none;
+    }
+
+    .home-section-typetool {
+        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(226, 232, 236, 0.48)), to(rgba(226, 232, 236, 0.48)));
+        background-image: linear-gradient(180deg, rgba(226, 232, 236, 0.48), rgba(226, 232, 236, 0.48));
+        background-position: 0px 0px;
+        background-size: auto;
+    }
+
+    .brand-sub {
+        text-align: center;
+    }
+
+    .pad-section2 {
+        padding: 0px 20px 20px;
+    }
+
+    .pad-section3 {
+        padding-top: 20px;
+        padding-bottom: 20px;
+    }
+
+    .pad-section3-icon {
+        text-align: center;
+    }
+
+    .img-section.small {
+        height: 40px;
+    }
+
+    .section-edu {
+        padding: 20px;
+    }
+
+    .about-section {
+        padding-top: 30px;
+        padding-bottom: 30px;
+    }
+
+    .fontlab-logo.about {
+        width: 170px;
+    }
+
+    .contact-top-title {
+        margin-top: 0px;
+        font-size: 22px;
+    }
+
+    .contact-content-block {
+        width: 100%;
+        padding-left: 20px;
+        -webkit-box-orient: vertical;
+        -webkit-box-direction: normal;
+        -webkit-flex-direction: column;
+        -ms-flex-direction: column;
+        flex-direction: column;
+    }
+
+    .contact-block-title {
+        width: 100%;
+        margin-bottom: 20px;
+        margin-left: 0px;
+        padding-left: 0px;
+    }
+
+    .contact-content-data {
+        width: 100%;
+        padding-right: 20px;
+        padding-left: 45px;
+    }
+
+    .section-fl7 {
+        padding-top: 20px;
+        padding-bottom: 20px;
+    }
+
+    .button-fl7 {
+        height: 50px;
+        max-width: 280px;
+        margin-right: 10px;
+        margin-left: 10px;
+        padding-right: 20px;
+        padding-left: 20px;
+    }
+
+    .button-fl7.new {
+        padding-top: 10px;
+        padding-bottom: 10px;
+        line-height: 1.1em;
+        text-align: center;
+    }
+
+    .button-fl7.bottom {
+        margin-right: 0px;
+    }
+
+    .text-bf-subtitle {
+        margin-right: 10px;
+        margin-left: 10px;
+    }
+}
+
+@media screen and (max-width: 479px) {
+    .product-icon-large {
+        margin-top: 20px;
+    }
+
+    .product-title-div {
+        margin-top: 10px;
+    }
+
+    .product-subtitle {
+        font-size: 14px;
+    }
+
+    .product-subtitle.fl5 {
+        font-size: 16px;
+        letter-spacing: 0.08em;
+    }
+
+    .button.buy {
+        width: 250px;
+    }
+
+    .button.buy {
+        width: 250px;
+    }
+
+    .button.buy {
+        width: 250px;
+    }
+
+    .container-content {
+        padding-top: 0px;
+        padding-right: 0px;
+        padding-left: 0px;
+    }
+
+    .title-section {
+        font-size: 30px;
+    }
+
+    .title-section.ultra {
+        font-size: 28px;
+    }
+
+    .subtitle-section {
+        font-size: 16px;
+        line-height: 18px;
+    }
+
+    .section {
+        padding: 20px;
+    }
+
+    .section.fl5-icon {
+        padding-right: 0px;
+        padding-bottom: 10px;
+        padding-left: 0px;
+        background-image: radial-gradient(circle farthest-corner at 50% 50%, rgba(0, 77, 96, 0.99) 33%, rgba(0, 77, 96, 0.95));
+        background-position: 0px 0px;
+        background-size: auto;
+        background-repeat: repeat;
+        background-attachment: scroll;
+    }
+
+    .section.home-bottom {
+        padding-right: 0px;
+        padding-left: 0px;
+    }
+
+    .section.bf {
+        padding-top: 20px;
+    }
+
+    .product-title {
+        display: block;
+        margin-top: 10px;
+        margin-right: auto;
+        margin-left: auto;
+        font-size: 48px;
+        font-weight: 300;
+        text-align: center;
+    }
+
+    .product-title.fl5 {
+        font-size: 46px;
+        line-height: 1em;
+        letter-spacing: 0em;
+    }
+
+    .navbar-compact {
+        width: 32px;
+        height: 32px;
+    }
+
+    .menu-button-compact {
+        margin-top: 4px;
+        margin-left: 4px;
+    }
+
+    .menu-compact {
+        width: 216px;
+        padding-top: 6px;
+    }
+
+    .top-icon-div {
+        float: none;
+    }
+
+    .product-name-div {
+        display: block;
+        margin-right: 0px;
+        margin-left: 0px;
+        float: none;
+    }
+
+    .product-logo-div {
+        display: -webkit-box;
+        display: -webkit-flex;
+        display: -ms-flexbox;
+        display: flex;
+        margin-top: 20px;
+        margin-bottom: 20px;
+        -webkit-box-orient: vertical;
+        -webkit-box-direction: normal;
+        -webkit-flex-direction: column;
+        -ms-flex-direction: column;
+        flex-direction: column;
+        -webkit-box-align: center;
+        -webkit-align-items: center;
+        -ms-flex-align: center;
+        align-items: center;
+    }
+
+    .section-bottom {
+        padding: 20px 10px;
+    }
+
+    .text-span-3 {
+        font-size: 24px;
+        line-height: 1.2em;
+    }
+
+    .side-menu {
+        margin-top: 0px;
+        margin-bottom: 0px;
+        padding-top: 3px;
+        padding-bottom: 3px;
+        letter-spacing: 0.15em;
+    }
+
+    .side-menu.product {
+        padding-top: 3px;
+        padding-bottom: 3px;
+    }
+
+    .side-menu.product.main {
+        padding-top: 3px;
+        padding-bottom: 3px;
+    }
+
+    .side-menu-product-title {
+        font-size: 11px;
+        line-height: 12px;
+    }
+
+    .side-menu-product-subtitle {
+        font-size: 10px;
+        line-height: 11px;
+    }
+
+    .product-icon {
+        width: 25%;
+    }
+
+    .navigation-link {
+        padding-right: 16px;
+        padding-left: 16px;
+    }
+
+    .block-content {
+        margin-top: 10px;
+        background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), color-stop(33%, hsla(0, 0%, 100%, 0.85)));
+        background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0.85) 33%);
+    }
+
+    .block-content.bf {
+        min-height: 370px;
+    }
+
+    .home-section-transtype {
+        padding-right: 10px;
+        padding-left: 10px;
+    }
+
+    .home-section-typetool {
+        padding-right: 10px;
+        padding-left: 10px;
+    }
+
+    .google-search-button {
+        padding-top: 0px;
+    }
+
+    .google-search-query-side {
+        font-size: 11px;
+    }
+
+    .pad-section2-text-left {
+        padding-right: 0px;
+        padding-left: 0px;
+    }
+
+    .pad-section2 {
+        padding-top: 10px;
+        padding-bottom: 10px;
+    }
+
+    .pad-section3-link {
+        margin-bottom: 4px;
+    }
+
+    .pad-section3 {
+        padding-top: 20px;
+        padding-bottom: 20px;
+    }
+
+    .img-section {
+        height: 60px;
+    }
+
+    .section-edu {
+        padding: 20px;
+    }
+
+    .about-section {
+        padding-top: 20px;
+    }
+
+    .fontlab-logo.about {
+        width: 140px;
+        margin-top: 10px;
+    }
+
+    .contact-top-title {
+        margin-top: 0px;
+        font-size: 19px;
+    }
+
+    .contact-content-block {
+        padding-left: 10px;
+    }
+
+    .contact-block-title {
+        padding-right: 10px;
+        padding-left: 5px;
+    }
+
+    .contact-content-data {
+        padding-right: 10px;
+        padding-left: 10px;
+    }
+
+    .section-fl7 {
+        padding-top: 10px;
+        padding-bottom: 10px;
+    }
+
+    .button-fl7 {
+        margin-top: 10px;
+        margin-left: 0px;
+    }
+
+    .button-fl7.bottom {
+        margin-top: 0px;
+        margin-right: 0px;
+    }
+
+    .buy-menu-button {
+        font-size: 14px;
+    }
+}
\ No newline at end of file
diff --git a/mkdocs/mk-fontlab/hero/home/main-old.html b/mkdocs/mk-fontlab/hero/home/main-old.html
new file mode 100644
index 0000000..c0dc276
--- /dev/null
+++ b/mkdocs/mk-fontlab/hero/home/main-old.html
@@ -0,0 +1,40 @@
+{% extends "main.html" %}
+
+<!-- Site title -->
+{% block htmltitle %}
+<title>{{ config.site_name }}</title>
+{% endblock %}
+
+<!-- Theme-related style sheets -->
+{% block styles %} {{ super() }}
+
+<!-- Extra style sheet (can't be set in mkdocs.yml due to content hash) -->
+<link rel="stylesheet"
+      href="css/home-old.css" />
+
+<!-- Hack: detect Safari, so we can hack around problems with containment -->
+<script>
+    if (navigator.vendor === "Apple Computer, Inc.")
+        document.documentElement.classList.add("safari");
+</script>
+{% endblock %}
+
+{% block scripts %} {{ super() }}
+<script>
+    window.addEventListener('DOMContentLoaded', function () {
+        document.getElementById('hero-section').className += " opaque"
+    });
+</script>
+
+{% endblock %}
+
+
+<!-- Header -->
+{% block header %}
+{% endblock %}
+
+<!-- Parallax container with contents -->
+{% block hero %} {% include "hero/home/partials/index.html" %} {% endblock %}
+
+<!-- Navigation tabs (collapsing) -->
+{% block tabs %}{% endblock %}
\ No newline at end of file
diff --git a/mkdocs/mk-fontlab/hero/home/main.html b/mkdocs/mk-fontlab/hero/home/main.html
new file mode 100644
index 0000000..b7b4353
--- /dev/null
+++ b/mkdocs/mk-fontlab/hero/home/main.html
@@ -0,0 +1,15 @@
+{% extends "main.html" %}
+
+<!-- Site title -->
+{% block htmltitle %}
+<title>{{ config.site_name }}</title>
+{% endblock %}
+
+<!-- Theme-related style sheets -->
+{% block styles %} {{ super() }}
+
+<!-- Extra style sheet (can't be set in mkdocs.yml due to content hash) -->
+<link rel="stylesheet"
+      href="css/home.css" />
+
+{% endblock %}
diff --git a/mkdocs/mk-fontlab/hero/home/mini.html b/mkdocs/mk-fontlab/hero/home/mini.html
new file mode 100644
index 0000000..1b30869
--- /dev/null
+++ b/mkdocs/mk-fontlab/hero/home/mini.html
@@ -0,0 +1,112 @@
+{% extends "base.html" %}
+
+{% block fonts %} {% endblock %}
+
+
+{% block extrahead %} {{ super() }}
+<script type="text/javascript">!function (o, c) { var n = c.documentElement, t = " w-mod-"; n.className += t + "js", ("ontouchstart" in o || o.DocumentTouch && c instanceof DocumentTouch) && (n.className += t + "touch") }(window, document);</script>
+{% endblock %}
+
+{% block scripts %} {{ super() }}
+
+
+<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script>
+
+<script src="https://assets.website-files.com/59f8b0f378cc2d0001fd32e5/js/fontlab.c81e27f12.js"></script>
+
+<script async
+        defer
+        src="https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js"></script>
+
+<script async
+        defer
+        src="https://cdn.jsdelivr.net/npm/uikit@3.13.10/dist/js/uikit.min.js"></script>
+
+<script async
+        defer
+        src="https://cdn.jsdelivr.net/npm/uikit@3.13.10/dist/js/uikit-icons.min.js"></script>
+
+<script src="https://cdn.jsdelivr.net/npm/balance-text@3.3.1/balancetext.min.js"></script>
+
+<script>
+    balanceText("h1", { watch: true });
+    balanceText("h2", { watch: true });
+</script>
+
+
+<script id="fsc-api"
+        src="https://d1f8f9xcsvx3ha.cloudfront.net/sbl/0.8.0/fastspring-builder.min.js"
+        type="text/javascript"
+        data-storefront="fontlab.onfastspring.com"></script>
+<script type="text/javascript">
+    fastspring.builder.country("US");
+</script>
+
+<!-- Freshdesk General Widget START -->
+<script>
+    window.fwSettings = {
+        widget_id: 33000000200,
+    };
+    !(function () {
+        if ("function" != typeof window.FreshworksWidget) {
+            var n = function () {
+                n.q.push(arguments);
+            };
+            (n.q = []), (window.FreshworksWidget = n);
+        }
+    })();
+</script>
+<script async
+        defer
+        type="text/javascript"
+        src="https://widget.freshworks.com/widgets/33000000200.js"></script>
+<!-- Freshdesk General Widget END -->
+
+<script>
+    window.addEventListener('DOMContentLoaded', function () {
+        document.getElementById('hero-section').className += " opaque"
+    });
+</script>
+
+{% endblock %}
+
+<!-- Site title -->
+{% block htmltitle %}
+<title>{{ config.site_name }}</title>
+{% endblock %}
+
+<!-- Theme-related style sheets -->
+{% block styles %} {{ super() }}
+
+<!-- Extra style sheet (can't be set in mkdocs.yml due to content hash) -->
+<link rel="stylesheet"
+      href="css/home.css" />
+
+<style>
+    main.md-main {
+        display: none;
+    }
+</style>
+
+<!-- Hack: detect Safari, so we can hack around problems with containment -->
+<script>
+    if (navigator.vendor === "Apple Computer, Inc.")
+        document.documentElement.classList.add("safari");
+</script>
+{% endblock %}
+
+<!-- Header -->
+{% block header %}
+{% endblock %}
+
+<!-- Parallax container with contents -->
+{% block hero %} {% include "hero/home/partials/mini.html" %} {% endblock %}
+
+<!-- Navigation tabs (collapsing) -->
+{% block tabs %}{% endblock %}
+
+{% block site_nav %}
+{% endblock %}
+
+{% block content %}
+{% endblock %}
\ No newline at end of file
diff --git a/mkdocs/mk-fontlab/hero/home/partials/buy.html b/mkdocs/mk-fontlab/hero/home/partials/buy.html
new file mode 100644
index 0000000..8850b12
--- /dev/null
+++ b/mkdocs/mk-fontlab/hero/home/partials/buy.html
@@ -0,0 +1,60 @@
+<ul class="uk-nav uk-dropdown-nav uk-text-small">
+    <li class="uk-nav-header">New users</li>
+    <li class="uk-flex">
+        <div class="uk-flex-auto">
+            <a href="https://fontlab.onfastspring.com/fl7/">Full lifetime license</a>
+        </div>
+        <div class="uk-flex-none">
+            <small>US$</small>
+            <span data-fsc-item-path="fl7"
+                  data-fsc-item-unitpricevalue="459"
+                  class="fsc-price">459</span>
+        </div>
+    </li>
+    <li class="uk-nav-header">Education</li>
+    <li class="uk-flex">
+        <div class="uk-flex-auto">
+            <a href="#">Teacher lifetime license</a>
+        </div>
+        <div class="uk-flex-none">
+            <small>US$</small>
+            <span data-fsc-item-path="fl7-edu"
+                  data-fsc-item-unitpricevalue="229"
+                  class="fsc-price">229</span>
+        </div>
+    </li>
+    <li class="uk-flex">
+        <div class="uk-flex-auto">
+            <a href="#">Student 1-year license</a>
+        </div>
+        <div class="uk-flex-none">
+            <small>US$</small>
+            <span data-fsc-item-path="fl7-edu1y"
+                  data-fsc-item-unitpricevalue="89"
+                  class="fsc-price">89</span>
+        </div>
+    </li>
+    <li class="uk-nav-header">Upgrades</li>
+    <li class="uk-flex">
+        <div class="uk-flex-auto">
+            <a href="#">Teacher lifetime license</a>
+        </div>
+        <div class="uk-flex-none">
+            <small>US$</small>
+            <span data-fsc-item-path="fl7-edu"
+                  data-fsc-item-unitpricevalue="229"
+                  class="fsc-price">229</span>
+        </div>
+    </li>
+    <li class="uk-flex">
+        <div class="uk-flex-auto">
+            <a href="#">Student 1-year license</a>
+        </div>
+        <div class="uk-flex-none">
+            <small>US$</small>
+            <span data-fsc-item-path="fl7-edu1y"
+                  data-fsc-item-unitpricevalue="89"
+                  class="fsc-price">89</span>
+        </div>
+    </li>
+</ul>
\ No newline at end of file
diff --git a/mkdocs/mk-fontlab/hero/home/partials/critical.html b/mkdocs/mk-fontlab/hero/home/partials/critical.html
new file mode 100644
index 0000000..db90fb1
--- /dev/null
+++ b/mkdocs/mk-fontlab/hero/home/partials/critical.html
@@ -0,0 +1,26 @@
+<!-- mainwrap -->
+<div class="uk-main-wrap">
+    <!-- site-tabs -->
+    {% include "partials/tabs.html" %}
+    <!-- /site-tabs -->
+
+    <!-- nav.html -->
+    <div class="nav-wrap uk-position-relative uk-light uk-background-secondary">
+        {% include "hero/home/partials/nav.html" %}
+    </div>
+    <!-- /nav.html -->
+
+    <!-- top.html -->
+    {% include "hero/home/partials/top.html" %}
+    <!-- /top.html -->
+
+    <!-- intro.html -->
+    {% include "hero/home/partials/intro.html" %}
+    <!-- /intro.html -->
+
+</div>
+<!-- /mainwrap -->
+
+<!-- nav_offcanvas.html -->
+{% include "hero/home/partials/nav_offcanvas.html" %}
+<!-- /nav_offcanvas.html -->
\ No newline at end of file
diff --git a/mkdocs/mk-fontlab/hero/home/partials/description.html b/mkdocs/mk-fontlab/hero/home/partials/description.html
new file mode 100644
index 0000000..4c8a0ec
--- /dev/null
+++ b/mkdocs/mk-fontlab/hero/home/partials/description.html
@@ -0,0 +1,39 @@
+<section id="description"
+         class="uk-section uk-section-primary">
+    <div class="uk-container uk-container-xsmall uk-padding-remove-top uk-text-center">
+        <h5 class="uk-text-primary">Create. Develop. Complete. Deliver.</h5>
+        <h2 class="uk-margin-remove uk-h1">
+            Make world-class fonts with FontLab 8.
+        </h2>
+    </div>
+
+    <div class="uk-container uk-container-medium uk-text-large uk-text-left uk-margin-medium-top">
+        <div class="uk-grid-large uk-child-width-1-3@m"
+             uk-grid="">
+            <div>
+                {% md %}
+                **Draft** glyphs with bitmap **autotracing** and live **calligraphic** strokes. **Draw** and **edit** smooth, consistent glyphs in **fractional** or **integer** precision, with the help of intelligent **snapping** and live **numeric** and **visual measurements**.
+
+                **Refine** your drawings: create **overlaps**, **simplify** paths, **equalize** stems. Quickly **scale** outlines while **keeping** stroke **thickness**, globally **adjust** weight and width, **find & fix** contour imperfections.
+                {% mdend %}
+
+            </div>
+            <div>
+                {% md %}
+                **Construct and assemble** glyphs from variable components or from self-adjusting segment or corner **skins**. Add **accented glyphs** with a simple double-click.
+                **Space and kern** in multi-line tabs or windows that feel like a **text editor**.
+
+                Add typographic smartness like ligatures, small caps, old-style numerals with automatically-generated **OpenType features**, and test them in the integrated state-of-the-art complex-script text engine.
+                {% mdend %}
+            </div>
+            <div>
+
+                {% md %}
+                **Create, open, extend, test** and **export** font **families**, **variable** OpenType fonts, **color** fonts and **web** fonts for any **Unicode** writing system.
+
+                **Interchange** with other font editing apps like FontForge, RoboFont or Glyphs. **Supercharge** your workflow with powerful add-ins and Python 3 scripts.
+                {% mdend %}
+            </div>
+        </div>
+    </div>
+</section>
\ No newline at end of file
diff --git a/mkdocs/mk-fontlab/hero/home/partials/download.html b/mkdocs/mk-fontlab/hero/home/partials/download.html
new file mode 100644
index 0000000..740a0dd
--- /dev/null
+++ b/mkdocs/mk-fontlab/hero/home/partials/download.html
@@ -0,0 +1,105 @@
+<section id="download"
+         class="uk-section uk-section-secondary uk-padding-remove-bottom">
+    <div class="uk-container uk-container-small">
+        <header class="uk-text-center">
+            <h1 class="uk-heading-primary">Try FontLab 8 today!</h1>
+            <p class="uk-width-3-5@m uk-margin-auto uk-text-center uk-text-large">
+                <strong>Download the free fully-functional 10-day trial</strong> of FontLab 8, and start making fonts today!
+            </p>
+            </p>
+        </header>
+        <form id="email-form"
+              name="email-form"
+              data-name="Email Form"
+              action="https://download.fontlab.com/transtype-4/mail-full.php"
+              method="post"
+              class=""
+              aria-label="Email Form">
+            <div class="uk-text-center">
+                <p class="uk-width-3-5@m uk-margin-auto uk-text-center uk-text-muted uk-text-small uk-margin-small-bottom">
+                    <strong>Optionally,</strong> enter your email address, and we’ll occasionally notify you about special offers and latest updates.
+
+                <div class="uk-form-controls">
+                    <input type="email"
+                           class="uk-input uk-form-width-large uk-text-center"
+                           maxlength="256"
+                           name="EMAIL"
+                           data-name="EMAIL"
+                           placeholder="Enter your email address to keep in touch"
+                           id="EMAIL"
+                           required="">
+                </div>
+
+                <div class="uk-grid uk-grid-small uk-child-width-1-3@m uk-margin-small-top uk-grid-match"
+                     data-uk-scrollspy="cls: uk-animation-slide-bottom-small; target: > div > .uk-card; delay: 200"
+                     data-uk-grid>
+                    <!-- price -->
+                    <div>
+                        <div class="uk-card uk-card-muted uk-flex uk-flex-column"
+                             data-uk-scrollspy-class="uk-animation-slide-left-small">
+                            <div class="uk-card-body uk-text-left">
+                                <button type="submit"
+                                        formaction="https://download.fontlab.com/transtype-4/mail-full.php"
+                                        class="uk-button uk-button-danger uk-box-shadow-hover-large uk-width-1-1">
+                                    <i class="fa fa-apple"
+                                       aria-hidden="true"></i> Download<small>for macOS</small>
+                                </button>
+                                <div class="uk-margin-top">{% md %}
+                                    Works on macOS 10.14 **Mojave**, 10.15 **Catalina**, 11 **Big Sur**, and 12 **Monterey** or later (Intel and Apple Silicon).
+
+                                    Limited functionality on macOS 10.13.6 High Sierra.
+                                    { .uk-text-muted .uk-text-small }
+                                    {% mdend %}</div>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- /price -->
+
+                    <!-- price -->
+                    <div>
+                        <div class="uk-card uk-card-muted uk-flex uk-flex-column">
+                            <div class="uk-card-body uk-text-left">
+                                <button type="submit"
+                                        formaction="https://download.fontlab.com/transtype-4/mail-full.php"
+                                        class="uk-button uk-button-success uk-label-success uk-box-shadow-hover-large uk-width-1-1">
+                                    <i class="fa fa-windows"
+                                       aria-hidden="true"></i> Download<small>for Windows 64-bit</small>
+                                </button>
+                                <div class="uk-margin-top">{% md %}
+                                    Works on 64-bit versions of **Windows 8.1**, **Windows 10**, and **Windows 11** or later.
+
+                                    Limited functionality on Windows 7.
+                                    { .uk-text-muted .uk-text-small }
+                                    {% mdend %}</div>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- /price -->
+
+                    <!-- price -->
+                    <div>
+                        <div class="uk-card uk-card-muted uk-flex  uk-flex-column"
+                             data-uk-scrollspy-class="uk-animation-slide-right-small">
+                            <div class="uk-card-body uk-text-left">
+                                <button type="submit"
+                                        formaction="https://download.fontlab.com/transtype-4/mail-full.php"
+                                        class="uk-button uk-button-default uk-box-shadow-hover-large  uk-width-1-1">
+                                    <i class="fa fa-windows"
+                                       aria-hidden="true"></i>
+                                    Download<br /><small>for Windows 32-bit</small>
+                                </button>
+                                <div class="uk-margin-top">{% md %}
+                                    Works on 32-bit versions of **Windows 8.1**, **Windows 10**, and **Windows 11** or later.
+
+                                    Limited functionality on Windows 7.
+                                    { .uk-text-muted .uk-text-small }
+                                    {% mdend %}</div>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- /price -->
+                </div>
+            </div>
+        </form>
+    </div>
+</section>
\ No newline at end of file
diff --git a/mkdocs/mk-fontlab/hero/home/partials/features.html b/mkdocs/mk-fontlab/hero/home/partials/features.html
new file mode 100644
index 0000000..7bb173c
--- /dev/null
+++ b/mkdocs/mk-fontlab/hero/home/partials/features.html
@@ -0,0 +1,231 @@
+<section class="uk-section uk-section-default">
+    <div class="uk-container uk-container-medium uk-padding-remove-top uk-text-center">
+        <h5 class="uk-text-primary">From novice to pro. From start to finish.</h5>
+        <h2 class="uk-margin-remove uk-h3">
+            FontLab 8 is an integrated solution that helps with every step and aspect of font creation.
+        </h2>
+    </div>
+
+    <div class="uk-container uk-padding-remove-top uk-margin-small-top uk-text-left">
+        <div class="uk-grid-collapse uk-child-width-1-2@s uk-child-width-1-3@m"
+             uk-grid="masonry: true">
+            <div class="uk-card uk-card-hover">
+
+                <div class="uk-card-body">
+                    <h5>
+                        Explore & prepare
+                    </h5>
+                    {% md %}
+                    Work with **blazing speed** with even most complex contours thanks to FontLab’s optimized architecture.
+
+                    Customize FontLab’s interface to your needs, and easily navigate it with the intuitive **Quick Help** system: hover and hold ++F1++.
+                    {% mdend %}
+                </div>
+            </div>
+            <div class="uk-card uk-card-hover">
+
+                <div class="uk-card-body">
+                    <h5>
+                        Draft & draw
+                    </h5>
+                    {% md %}
+                    Draw **outline-based** glyphs using the **Brush**, **Pencil**, **Rapid**, **Pen**, **Ellipse / Oval**, **Rectangle / Polygon / Star** tools, in a purely-**integer** or **fractional** coordinate space.
+
+                    Draw **calligraphic** letterforms with live, adjustable **Power Stroke** and **Power Brush** tools. Modulate thickness visually with new **Thickness** tool. Assign and expand strokes.
+
+                    **Paste** and **import** PDF, EPS & SVG vector artwork with **monochrome**, **color** or **gradient** fills and strokes, as well as scanned character sets or color bitmap glyphs. Turn them into monochrome fonts via customizable **autotracing**, or into **color** OpenType fonts.
+                    {% mdend %}
+                </div>
+            </div>
+            <div class="uk-card uk-card-hover">
+
+                <div class="uk-card-body">
+                    <h5>
+                        Edit & refine
+                    </h5>
+                    {% md %}
+                    Natively edit cubic **PostScript** Bézier curves and quadratic **TrueType** curves, including overlapping open paths, using the **Contour**, **Knife**, **Scissors** and **Fill** tools.
+
+                    Drag some nodes and have other nodes or handles follow intelligently with **Power Nudge** and handle **Nudge**. Drag without zooming in for small adjustments with **Lever** precision dragging.
+
+                    Convert between the curve types with adjustable precision.
+                    {% mdend %}
+                </div>
+            </div>
+            <div class="uk-card uk-card-hover">
+
+                <div class="uk-card-body">
+                    <h5>
+                        Consistency & precision
+                    </h5>
+                    {% md %}
+                    Use upright and slanted grids, flexible guidelines, snapping suggestions and live measurement tools for consistent and precise vector drawing.
+
+                    Dynamically snap to nodes, angles, stem distances, continuation lines, perpendicular lines and centerlines as you draw.
+
+                    See lengths, angles, curve tension, stem thickness, whitespace distance — measured numerically and visually as you draw.
+
+                    Work on a purely integer grid, or scale, rotate and slant losslessly thanks to FontLab’s fractional drawing precision and live integer rounding, apply the rounding to bake in the integers. {% mdend %}
+                </div>
+            </div>
+            <div class="uk-card uk-card-hover">
+
+                <div class="uk-card-body">
+                    <h5>
+                        Construct & assemble
+                    </h5>
+                    {% md %}
+                    Build glyphs from Components that point to other glyphs, or from Element References that cross-reference each other and can be edited anywhere they appear.
+
+                    Decompose a component and unlink a reference to make local changes only.
+
+                    Use Auto layers to build predefined glyphs and keep them automatically updated.
+                    {% mdend %}
+                </div>
+            </div>
+            <div class="uk-card uk-card-hover">
+
+                <div class="uk-card-body">
+                    <h5>
+                        Metrics & kerning
+                    </h5>
+                    {% md %}
+                    Space entire phrases and kern according to planned pair lists. Apply tracking, modify widths, sidebearings and kerning globally or for selected glyphs.
+
+                    Automatically or manually link metrics between glyphs using complex expressions.
+
+                    Kern between classes and glyphs in a UFO- and OpenType-compatible way, with exceptions.
+
+                    Automatically build kerning classes.
+
+                    Automatically calculate metrics and kerning, or use autokerning suggestions as you kern manually.
+
+                    Audit kerning to find class kerning combinations that produce visual conflicts, and automatically convert them to exceptions.
+                    {% mdend %}
+                </div>
+            </div>
+            <div class="uk-card uk-card-hover">
+
+                <div class="uk-card-body">
+                    <h5>
+                        Families & variation
+                    </h5>
+                    {% md %}
+                    Blend, interpolate and extrapolate fonts, create intermediate weights and styles, build extensive font families and variable OpenType PS & TT fonts with intermediate font and glyph masters, conditional glyph substitutions, and automatic masters matching for point-compatible outlines.
+                    {% mdend %}
+                </div>
+            </div>
+            <div class="uk-card uk-card-hover">
+
+                <div class="uk-card-body">
+                    <h5>
+                        Test & adjust
+                    </h5>
+                    {% md %}
+                    Use Preview panel to view current and custom text in current, all or visible masters, waterfalls, composites and anchor groups.
+
+                    Print a glyph map from the Font window; words, phrases and texts from the Glyph window; waterfalls and masters from the Preview panel.
+
+                    Preview Windows screen rendering with built-in genuine Microsoft ClearType, even on the Mac.
+
+                    Preview complex-script shaping and OpenType features with the genuine HarfBuzz world-ready shaper.
+
+                    Find and fix outline problems with FontAudit. Automatically clean up and optimize outline drawings, balance segments and modify curve tension, harmonize G2 curvature, create and remove overlapping paths, apply non-destructive ink traps and rounded corners.
+
+                    Run automatic action sets to make changes to multiple glyphs and layers, to change weight, create contour versions, apply effects to outline and bitmap glyphs.
+                    {% mdend %}
+                </div>
+            </div>
+            <div class="uk-card uk-card-hover">
+
+                <div class="uk-card-body">
+                    <h5>Color</h5>
+                    {% md %}
+                    Paste and import PDF & SVG vector artwork with color or gradient fills and strokes, and color images in a variety of formats.
+
+                    Apply solid colors or gradients to fill and stroke, edit gradients visually.
+
+                    Space and kern vector-based or bitmap-based color glyphs, automatically build OpenType features.
+
+                    Overlay monochrome fonts or layers into multi-color fonts.
+
+                    Export into OpenType+SVG, +COLRv0/v1, +sbix and +CBDT color font formats.
+                    {% mdend %}
+                </div>
+            </div>
+            <div class="uk-card uk-card-hover">
+
+                <div class="uk-card-body">
+                    <h5>
+                        Glyphs & fonts
+                    </h5>
+                    {% md %}
+                    Create, open, edit and export monochrome outline fonts with single masters (desktop and web) and multiple masters (variable), color fonts (with multi-layer editable glyphs, SVG glyphs or bitmap glyphs).
+
+                    Compare fonts, merge and split font glyph sets and variations. Modify fonts, glyphs, metrics, kerning and technical font information. Convert between font formats, improve screen appearance with automatic and manual hinting. Exchange font source with other font creation apps.
+
+                    Unicode 14 support.
+
+                    Automatic and manual OpenType Layout features creation with FEA format and Adobe FDK for OpenType.
+
+                    Kern feature optimization by KLTF.
+                    {% mdend %}
+                </div>
+            </div>
+            <div class="uk-card uk-card-hover">
+
+                <div class="uk-card-body">
+                    <h5>Formats</h5>
+                    {% md %}
+                    Open and export OpenType-PS/CFF (OTF), OpenType TT / TrueType (TTF), Variable OpenType TT (TTF+gvar), Variable OpenType PS (OTF+CFF2), Color OpenType (TTF+SVG, +COLRv0/v1, +CBDT, +sbix), PostScript Type 1 (PFB/PFA), Web fonts (WOFF2, WOFF, EOT), FontLab (VFB, VFC, VFJ), UFO 2 & 3, designSpace, Glyphs.app (glyphs v2 & 3).
+
+                    Also open BitFonter Photofont (PHF+PNG, +SVG), Fontographer (FOG), Ikarus, FontForge SFD, bitmap BDF, and any of the above in ZIP files.
+                    {% mdend %}
+                </div>
+            </div>
+            <div class="uk-card uk-card-hover">
+
+                <div class="uk-card-body">
+                    <h5>
+                        Scripts & integrations
+                    </h5>
+                    {% md %}
+                    Write and use Python 3 scripts.
+
+                    Seamlessly interchange with other font editing apps like Glyphs, RoboFont, FontForge and Microsoft VOLT.
+
+                    Perform global transformations with the powerful TypeRig library.
+                    {% mdend %}
+                </div>
+            </div>
+            <div class="uk-card">
+                <div class="uk-card-body">
+                    <h5>Ideas into shipping fonts</h5>
+                    {% md %}
+                    Designers from all over the world have used the app to create massive **variable font families** ([Grand Gothik](https://grandgothik.com/) by Parachute, [Circe Slab](https://www.paratype.com/fonts/pt/circe-slab) by Alexandra Korolkova & Oleksa Volochay / ParaType, [Fact](https://www.paratype.com/fonts/pt/fact) by Alexandra Korolkova & Manvel Shmavonyan / ParaType, [Bolyar Sans](http://myfonts.us/AWORGh) by Jordan Jelev & Vassil Kateliev / Fontmaker), ambitious **historical revivals** ([CAL Bodoni](http://www.californiatypefoundry.com/typefaces/) by Dave Lawrence / California Type Foundry), **decorative one-offs** ([Wanchy](https://www.herzbergdesign.com/fonts/wanchy) by Matthijs Herzberg), and **color OpenType fonts** like the titling font for the [Joker](https://www.instagram.com/p/BwFwtQHhQya/) movie by Chad Danieley.
+                    {% mdend %}
+                </div>
+            </div>
+            <div class="uk-card">
+                <div class="uk-card-body">
+                    <h5>Learn the tricks</h5>
+                    {% md %}
+                    Many open-source font projects have been made with FontLab. You can use them as inspiration for your own projects, and you can customize them for your own needs.
+
+                    Download the VFC/VFJ work files and explore the techniques used by the designers: [Lato](https://github.com/latofonts/lato-source/) by Łukasz Dziedzic, [Graduate](https://etunni.github.io/Graduate-Variable-Font/) by Eduardo Tunni, [Science Gothic](https://github.com/tphinney/science-gothic) by Thomas Phinney, Brandon Buerkle, Igor Freiberger, Vassil Kateliev, [Secuela](https://github.com/defharo/secuela-variable) by Fernando Haro / deFharo, or [Optician Sans](https://github.com/anewtypeofinterference/Optician-Sans) by Fábio Duarte Martins / Scannerlicker & ANTI Hamar.
+                    {% mdend %}
+                </div>
+            </div>
+            <div class="uk-card">
+                <div class="uk-card-body">
+                    <h5>Work like the pros</h5>
+                    {% md %}
+                    FontLab 8 is versatile and battle-proven. It builds on the rich legacy of our classic apps: [FontLab Studio 5](https://www.fontlab.com/font-editor/fontlab-studio-5/) and [Fontographer](https://www.fontlab.com/font-editor/fontographer/), which were used to create 10,000s professional fonts by designers from foundries large and small: Adobe, Apple, FontFont, Linotype, Microsoft, Monotype, Canada Type, Porchez, Underware, Tiro Typeworks and many more.
+
+                    Most fonts that are bundled with Microsoft Windows or with the Apple systems (macOS, iOS) were designed in our apps!
+                    {% mdend %}
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
\ No newline at end of file
diff --git a/mkdocs/mk-fontlab/hero/home/partials/footer.html b/mkdocs/mk-fontlab/hero/home/partials/footer.html
new file mode 100644
index 0000000..6a84bf0
--- /dev/null
+++ b/mkdocs/mk-fontlab/hero/home/partials/footer.html
@@ -0,0 +1,25 @@
+<section class="uk-section uk-section-secondary">
+    <div id="fl-repeatcall"
+         class="uk-container uk-container-xsmall uk-text-left uk-padding-remove-top">
+        <div class="uk-grid-collapse uk-child-width-1-2@s"
+             uk-grid>
+            <div class="uk-card">
+                <div class="uk-card-body">
+                    <h5>
+                        Buy FontLab 8
+                    </h5>
+                    {% include "hero/home/partials/buy.html" %}
+                </div>
+            </div>
+            <div class="uk-card">
+                <div class="uk-card-body">
+                    <h5>
+                        More info
+                    </h5>
+                    {% md %}
+                    - [Get support](https://support.fontlab.com/)
+                    - [Educational offers](https://www.fontlab.com/edu/)
+                    {% mdend %}
+                </div>
+            </div>
+</section>
\ No newline at end of file
diff --git a/mkdocs/mk-fontlab/hero/home/partials/highlight.html b/mkdocs/mk-fontlab/hero/home/partials/highlight.html
new file mode 100644
index 0000000..875bdc5
--- /dev/null
+++ b/mkdocs/mk-fontlab/hero/home/partials/highlight.html
@@ -0,0 +1,13 @@
+<section id="highlight"
+         class="uk-section uk-section-primary">
+    <div class="uk-container uk-container-xsmall uk-text-center uk-section uk-padding-remove-top">
+        <h5 class="uk-text-primary">Create. Develop. Complete. Deliver.</h5>
+        <h2 class="uk-margin-remove uk-h1">
+            Design and edit OpenType, variable and color fonts.
+        </h2>
+        <p>
+            {% md %}FontLab 8 is an integrated font editor for macOS (10.14–12) and Windows 8.1–11 that helps you create fonts from start to finish, from a simple design to a complex project, and brings a spark of magic into type design. FontLab 8 is available as
+            a 30-day free fully functional trial. {% mdend %}
+        </p>
+    </div>
+</section>
\ No newline at end of file
diff --git a/mkdocs/mk-fontlab/hero/home/partials/index.html b/mkdocs/mk-fontlab/hero/home/partials/index.html
new file mode 100644
index 0000000..625f6ff
--- /dev/null
+++ b/mkdocs/mk-fontlab/hero/home/partials/index.html
@@ -0,0 +1,55 @@
+{% include "hero/home/partials/wfnav.html" %}
+
+<!-- mainwrap -->
+<div class="uk-main-wrap">
+    <!-- nav.html -->
+    {# include "hero/home/partials/nav.html" #}
+    <!-- /nav.html -->
+
+    <!-- top.html -->
+    {% include "hero/home/partials/top.html" %}
+    <!-- /top.html -->
+
+    <!-- intro.html -->
+    {% include "hero/home/partials/intro.html" %}
+    <!-- /intro.html -->
+
+    <!-- slideshow.html -->
+    {% include "hero/home/partials/slideshow.html" %}
+    <!-- /slideshow.html -->
+
+    <!-- testimonials.html -->
+    {% include "hero/home/partials/testimonials.html" %}
+    <!-- /testimonials.html -->
+
+    <!-- description.html -->
+    {% include "hero/home/partials/description.html" %}
+    <!-- /description.html -->
+
+    <!-- new.html -->
+    {% include "hero/home/partials/new.html" %}
+    <!-- /new.html -->
+
+    <!-- download.html -->
+    {% include "hero/home/partials/download.html" %}
+    <!-- /download.html -->
+
+
+    <!-- features.html -->
+    {% include "hero/home/partials/features.html" %}
+    <!-- /features.html -->
+
+    <!-- videos.html -->
+    {% include "hero/home/partials/videos.html" %}
+    <!-- /videos.html -->
+
+    <!-- footer.html -->
+    {% include "hero/home/partials/footer.html" %}
+    <!-- /footer.html -->
+
+</div>
+<!-- /mainwrap -->
+
+<!-- nav_offcanvas.html -->
+{# include "hero/home/partials/nav_offcanvas.html" #}
+<!-- /nav_offcanvas.html -->
\ No newline at end of file
diff --git a/mkdocs/mk-fontlab/hero/home/partials/intro.html b/mkdocs/mk-fontlab/hero/home/partials/intro.html
new file mode 100644
index 0000000..2555588
--- /dev/null
+++ b/mkdocs/mk-fontlab/hero/home/partials/intro.html
@@ -0,0 +1,12 @@
+<section id="intro"
+         class="uk-section uk-section-secondary uk-section-small uk-light">
+    <div class="uk-container uk-container-xsmall uk-text-center uk-text-large uk-section uk-padding-remove-vertical">
+        <h5 class="uk-text-primary">Complete font editor. For Mac and Windows.</h5>
+        <h2 class="uk-margin-remove uk-h1">Design and edit OpenType, variable and color fonts. </h2>
+        <p>FontLab 8 is an integrated font editor for Mac and Windows that helps you create fonts from start to finish, from a simple design to a complex project, and brings a spark of magic into type design.</p>
+        <p>Try FontLab 8 for free for 10 days, and start making fonts today! </p>
+    </div>
+    <!-- site-tabs -->
+    {% include "hero/home/partials/nav_tabs.html" %}
+    <!-- /site-tabs -->
+</section>
\ No newline at end of file
diff --git a/mkdocs/mk-fontlab/hero/home/partials/mini.html b/mkdocs/mk-fontlab/hero/home/partials/mini.html
new file mode 100644
index 0000000..9b3235e
--- /dev/null
+++ b/mkdocs/mk-fontlab/hero/home/partials/mini.html
@@ -0,0 +1,49 @@
+{% include "hero/home/partials/wfnav.html" %}
+
+<!-- mainwrap -->
+<div class="uk-main-wrap">
+    <!-- nav.html -->
+    {# include "hero/home/partials/nav.html" #}
+    <!-- /nav.html -->
+
+    <!-- top.html -->
+    {% include "hero/home/partials/top.html" %}
+    <!-- /top.html -->
+
+    <!-- intro.html -->
+    {% include "hero/home/partials/intro.html" %}
+    <!-- /intro.html -->
+
+    <!-- slideshow.html -->
+    {% include "hero/home/partials/slideshow.html" %}
+    <!-- /slideshow.html -->
+
+    <!-- description.html -->
+    {% include "hero/home/partials/description.html" %}
+    <!-- /description.html -->
+
+    <!-- testimonials.html -->
+    {% include "hero/home/partials/testimonials.html" %}
+    <!-- /testimonials.html -->
+
+    <!-- highlight.html -->
+    {% include "hero/home/partials/highlight.html" %}
+    <!-- /highlight.html -->
+
+    <!-- new.html -->
+    {% include "hero/home/partials/new.html" %}
+    <!-- /new.html -->
+
+    <!-- features.html -->
+    {# {% include "hero/home/partials/features.html" %} #}
+    <!-- /features.html -->
+
+    <!-- download.html -->
+    {% include "hero/home/partials/download.html" %}
+    <!-- /download.html -->
+</div>
+<!-- /mainwrap -->
+
+<!-- nav_offcanvas.html -->
+{# include "hero/home/partials/nav_offcanvas.html" #}
+<!-- /nav_offcanvas.html -->
\ No newline at end of file
diff --git a/mkdocs/mk-fontlab/hero/home/partials/nav.html b/mkdocs/mk-fontlab/hero/home/partials/nav.html
new file mode 100644
index 0000000..a862604
--- /dev/null
+++ b/mkdocs/mk-fontlab/hero/home/partials/nav.html
@@ -0,0 +1,32 @@
+<header class="md-header uk-position-relative uk-light uk-background-secondary">
+    <div class=""
+         uk-sticky="cls-active: uk-background-secondary uk-box-shadow-medium; top: 100vh; animation: uk-animation-slide-top">
+        <!-- <div class="uk-container"> -->
+        <nav class="uk-navbar uk-navbar-container uk-navbar-transparent"
+             uk-navbar="">
+            <div class="uk-navbar-right">
+                <ul class="uk-navbar-nav uk-visible@s">
+                    <li class="uk-active uk-visible@m"><a href=""
+                           uk-icon="home"></a></li>
+                    <li><a href="">Features</a></li>
+                    <li><a href="#"
+                           uk-icon="chevron-down">Products</a>
+                        <div class="uk-navbar-dropdown">
+                            <ul class="uk-nav uk-navbar-dropdown-nav">
+                                <li><a href="#">Big Data</a></li>
+                                <li><a href="#">Marketing</a></li>
+                                <li><a href="#">Analytics</a></li>
+                                <li><a href="#">AI Lab</a></li>
+                            </ul>
+                        </div>
+                    </li>
+                    <li><a href="">Testimonials</a></li>
+                </ul><a class="uk-navbar-toggle uk-navbar-item uk-hidden@s"
+                   uk-toggle
+                   uk-navbar-toggle-icon=""
+                   href="#offcanvas-nav"></a>
+            </div>
+        </nav>
+        <!-- </div> -->
+    </div>
+</header>
\ No newline at end of file
diff --git a/mkdocs/mk-fontlab/hero/home/partials/nav_offcanvas.html b/mkdocs/mk-fontlab/hero/home/partials/nav_offcanvas.html
new file mode 100644
index 0000000..fa07879
--- /dev/null
+++ b/mkdocs/mk-fontlab/hero/home/partials/nav_offcanvas.html
@@ -0,0 +1,42 @@
+<div id="offcanvas-nav"
+     uk-offcanvas="flip: true; overlay: false">
+    <div class="uk-offcanvas-bar uk-offcanvas-bar-animation uk-offcanvas-slide">
+        <button class="uk-offcanvas-close uk-close uk-icon"
+                type="button"
+                uk-close=""></button>
+        <ul class="uk-nav uk-nav-default">
+            <li class="uk-active"><a href="#">Active</a></li>
+            <li class="uk-parent">
+                <a href="#">Parent</a>
+                <ul class="uk-nav-sub">
+                    <li><a href="#">Sub item</a></li>
+                    <li><a href="#">Sub item</a></li>
+                </ul>
+            </li>
+            <li class="uk-nav-header">Header</li>
+            <li>
+                <a href="#js-options"><span class="uk-margin-small-right uk-icon"
+                          uk-icon="icon: table"></span>
+                    Item</a>
+            </li>
+            <li>
+                <a href="#"><span class="uk-margin-small-right uk-icon"
+                          uk-icon="icon: thumbnails"></span>
+                    Item</a>
+            </li>
+            <li class="uk-nav-divider"></li>
+            <li>
+                <a href="#"><span class="uk-margin-small-right uk-icon"
+                          uk-icon="icon: trash"></span>
+                    Item</a>
+            </li>
+        </ul>
+        <h3>Title</h3>
+        <p>
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+            tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+            veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
+            commodo consequat.
+        </p>
+    </div>
+</div>
\ No newline at end of file
diff --git a/mkdocs/mk-fontlab/hero/home/partials/nav_tabs.html b/mkdocs/mk-fontlab/hero/home/partials/nav_tabs.html
new file mode 100644
index 0000000..24f3d33
--- /dev/null
+++ b/mkdocs/mk-fontlab/hero/home/partials/nav_tabs.html
@@ -0,0 +1,13 @@
+{% set class = "" %}
+
+<!-- Navigation tabs -->
+<nav class="md-tabs-inbody"
+     aria-label="{{ lang.t('tabs.title') }}">
+    <div class="md-tabs__inner">
+        <ul class="uk-grid md-tabs__list">
+            {% for nav_item in nav %}
+            {% include "partials/tabs-item.html" %}
+            {% endfor %}
+        </ul>
+    </div>
+</nav>
\ No newline at end of file
diff --git a/mkdocs/mk-fontlab/hero/home/partials/new.html b/mkdocs/mk-fontlab/hero/home/partials/new.html
new file mode 100644
index 0000000..da115c1
--- /dev/null
+++ b/mkdocs/mk-fontlab/hero/home/partials/new.html
@@ -0,0 +1,193 @@
+<section class="uk-section uk-section-muted">
+    <div class="uk-container uk-container-xsmall uk-text-center uk-section uk-padding-remove-top">
+        <h5 class="uk-text-secondary"><span class="uk-label uk-label-danger">New</span> 500 reasons to love FontLab 8 </h5>
+        <h2 class="uk-margin-remove uk-h1">The biggest upgrade ever!</h2>
+        {% md %}
+        FontLab 8 has over 500 improvements: 400 new or improved features, and 100 bug fixes.
+        {% mdend %}
+    </div>
+    <div class="uk-container uk-padding-remove-top uk-text-left">
+        <div class="uk-grid-medium uk-child-width-1-2@s uk-child-width-1-3@m uk-grid-match"
+             uk-grid
+             data-uk-scrollspy="target: >div; delay: 150; cls: uk-animation-scale-up">
+            <div uk-tooltip="pos: bottom-right; title: click for details"><a href="whats-new/whats-new-1-explore-prepare.html"
+                   class="uk-card uk-card-hover uk-card-default">
+                    <div class="uk-card-media-top uk-background-cover uk-height-small"
+                         data-src="https://assets.website-files.com/59f8b0f378cc2d0001fd32e5/5dbb0ef511ce864238a0de9c_balloon.png"
+                         uk-img="loading: lazy"></div>
+                    <div class="uk-card-body">
+                        <h5>Explore & prepare <span class="uk-label uk-label-danger">New</span></h5>
+                        {% md %}
+                        Relax your eyes with the new **dark** or refined light interface **theme**. Group panels into a vertical infinite, **scrollable panel dock**, and intuitively navigate between the panels.
+
+                        Adjust numeric values with **sliders** and **calculations**. Boost your productivity with up to 8× improved performance.
+                        {% mdend %}
+                    </div>
+                </a></div>
+            <div uk-tooltip="pos: bottom-right; title: click for details"><a href="whats-new/whats-new-2-draft-draw.html"
+                   class="uk-card uk-card-hover uk-card-default">
+                    <div class="uk-card-media-top uk-background-cover uk-height-small"
+                         data-src="https://res.cloudinary.com/fontlab/image/fetch/w_360,f_auto,c_scale/https://www.fontlab.com/img/flvi-web-rapid.gif"
+                         uk-img="loading: lazy"></div>
+                    <div class="uk-card-body">
+                        <h5>Draft & draw <span class="uk-label uk-label-danger">New</span></h5>
+                        {% md %}
+                        Draw **calligraphic** letterforms with new **Power Stroke** or improved **Power Brush**. Modulate thickness visually with new **Thickness** tool.
+
+                        Draw fluently with Pen and Rapid **toolbox** sub-tools. Draw **polygons** and **stars** with **Rectangle** tool.
+                        {% mdend %}
+                    </div>
+                </a></div>
+            <div uk-tooltip="pos: bottom-right; title: click for details"><a href="whats-new/whats-new-3-edit-refine.html"
+                   class="uk-card uk-card-hover uk-card-default">
+                    <div class="uk-card-media-top uk-background-cover uk-height-small"
+                         data-src="https://res.cloudinary.com/fontlab/image/fetch/w_360,f_auto,c_scale/https://www.fontlab.com/img/flvi-web-controltheform.gif"
+                         uk-img="loading: lazy"></div>
+                    <div class="uk-card-body">
+                        <h5>Edit & refine <span class="uk-label uk-label-danger">New</span></h5>
+                        {% md %}
+                        Make **slanted selections**, keep selections as you **switch masters**, and store them in Selections panel. Use toolbox for hands-free **Power Nudge**, handle **Nudge** and **Lever** precision dragging, and for easier curve cleanup with **Eraser**.
+                        {% mdend %}
+                        {% md %}
+                        Adjust curve tension numerically. **Align** and **collapse** points. **Reverse** contours with **Fill** tool. **Sort** contours. **Paste to replace** selection. Fine-tune **individual** ink traps and **smart corners**.
+                        {% mdend %}
+                    </div>
+                </a></div>
+            <div uk-tooltip="pos: bottom-right; title: click for details"><a href="whats-new/whats-new-4-consistency-precision.html"
+                   class="uk-card uk-card-hover uk-card-default">
+                    <div class="uk-card-media-top uk-background-cover uk-height-small"
+                         data-src="https://assets.website-files.com/59f8b0f378cc2d0001fd32e5/5d9a5d0848623e1816cf888e_rainbow.png"
+                         uk-img="loading: lazy"></div>
+                    <div class="uk-card-body">
+                        <h5>Consistency & precision <span class="uk-label uk-label-danger">New</span></h5>
+                        {% md %}
+                        Study the numeric values of your **stem widths**, segment **lengths**, curve **tensions** and corner **angles** with **Auto-meter**, or hold **G** to temporarily view these in **Guides** tool along with quick measurement and master relations.
+                        {% mdend %}
+                        {% md %}
+                        View relative **node offsets**. Snap to **continuation lines**, **perpendicular** lines and **centerlines**. See coordinates for **key nodes** only. Edit visual **TrueType Hinting** like never before.
+                        {% mdend %}
+                    </div>
+                </a></div>
+            <div uk-tooltip="pos: bottom-right; title: click for details"><a href="whats-new/whats-new-5-construct-assemble.html"
+                   class="uk-card uk-card-hover uk-card-default">
+                    <div class="uk-card-media-top uk-background-cover uk-height-small"
+                         data-src="https://assets.website-files.com/59f8b0f378cc2d0001fd32e5/5dbb345e0775d49d9991c607_kerning-exceptions.png"
+                         uk-img="loading: lazy"></div>
+                    <div class="uk-card-body">
+                        <h5>Construct & assemble <span class="uk-label uk-label-danger">New</span></h5>
+                        {% md %}
+                        Convert **selections** to **components** or elements. Add **decoration** and **attach** shapes to nodes or segments with updated **Glue** filter, or with .glyphs-compatible **Skin** filter in **segment**, **dash**, **corner** and **cap** modes.
+                        {% mdend %}
+                        {% md %}
+                        Use **clipping groups** to mask out areas. Use **text shapes** to re-use scaled **words** or phrases from your font in existing glyphs.
+                        {% mdend %}
+                    </div>
+                </a></div>
+            <div uk-tooltip="pos: bottom-right; title: click for details"><a href="whats-new/whats-new-6-metrics-kerning.html"
+                   class="uk-card uk-card-hover uk-card-default">
+                    <div class="uk-card-media-top uk-background-cover uk-height-small"
+                         data-src="https://assets.website-files.com/59f8b0f378cc2d0001fd32e5/5dbb345e0775d49d9991c607_kerning-exceptions.png"
+                         uk-img="loading: lazy"></div>
+                    <div class="uk-card-body">
+                        <h5>Metrics & kerning <span class="uk-label uk-label-danger">New</span></h5>
+                        {% md %}
+                        Use your mouse to adjust **metrics** and **kerning** with high-precision **Lever** dragging. Hide or reduce the visibility of spacing controls for **distraction-free** spacing and kerning.
+                        {% mdend %}
+                        {% md %}
+                        **Auto-space** and **auto-kern** with one click or tap.
+                        {% mdend %}
+                    </div>
+                </a></div>
+            <div uk-tooltip="pos: bottom-right; title: click for details"><a href="whats-new/whats-new-7-families-variation.html"
+                   class="uk-card uk-card-hover uk-card-default">
+                    <div class="uk-card-media-top uk-background-cover uk-height-small"
+                         data-src="https://assets.website-files.com/59f8b0f378cc2d0001fd32e5/5dbd6cc1c2ce7822d2533078_conditional-glyphs.png"
+                         uk-img="loading: lazy"></div>
+                    <div class="uk-card-body">
+                        <h5>Families & variation <span class="uk-label uk-label-danger">New</span></h5>
+                        {% md %}
+                        Quickly make **variable** fonts **from static** fonts. Define custom **per-glyph** variation **axes**. Re-use live interpolated instances to build glyphs with **smart variable components**.
+                        {% mdend %}
+                        {% md %}
+                        Set **start points** and **reverse** contours in **all masters**. Make contours compatible with improved **Matchmaker**. **Group layers** visually.
+                        {% mdend %}
+                    </div>
+                </a></div>
+            <div uk-tooltip="pos: bottom-right; title: click for details"><a href="whats-new/whats-new-8-test-adjust.html"
+                   class="uk-card uk-card-hover uk-card-default">
+                    <div class="uk-card-media-top uk-background-cover uk-height-small"
+                         data-src="https://res.cloudinary.com/fontlab/image/fetch/w_360,f_auto,c_scale/https://www.fontlab.com/img/flvi-web-fontaudit.gif"
+                         uk-img="loading: lazy"></div>
+                    <div class="uk-card-body">
+                        <h5>Test & adjust <span class="uk-label uk-label-danger">New</span></h5>
+                        {% md %}
+                        **Print** waterfalls or interpolations from **Preview** panel. **Batch-run** selected **FontAudit** fixes in glyphs and masters. Create, save and run **action sets** that combine **multiple actions**.
+                        {% mdend %}
+                        {% md %}
+                        **Batch-adjust stem** widths in a master. **Adjust by variation** to replace contours with a different **dynamic instance**. Perform complex **non-destructive** contour transformations with new **Delta** filter.
+                        {% mdend %}
+                    </div>
+                </a></div>
+            <div uk-tooltip="pos: bottom-right; title: click for details"><a href="whats-new/whats-new-9-color.html"
+                   class="uk-card uk-card-hover uk-card-default">
+                    <div class="uk-card-media-top uk-background-cover uk-height-small"
+                         data-src="https://assets.website-files.com/59f8b0f378cc2d0001fd32e5/5c95a9c5e29104d047c1f247_flvi-web-hellocolor.gif"
+                         uk-img="loading: lazy"></div>
+                    <div class="uk-card-body">
+                        <h5>Color <span class="uk-label uk-label-danger">New</span></h5>
+                        {% md %}
+                        Fill elements with **gradients** or solid **colors**. **Copy-paste** color **fill** and **stroke** between glyphs. Import drawings with gradients. Open and export better **OpenType+SVG** and new **OpenType+COLRv1** fonts.
+                        {% mdend %}
+                        {% md %}
+                        Export an automatic **dark-mode** color **palette**. Overlay multiple **layers** into **color fonts**.
+                        {% mdend %}
+                    </div>
+                </a></div>
+            <div uk-tooltip="pos: bottom-right; title: click for details"><a href="whats-new/whats-new-10-glyphs-fonts.html"
+                   class="uk-card uk-card-hover uk-card-default">
+                    <div class="uk-card-media-top uk-background-cover uk-height-small"
+                         data-src="https://assets.website-files.com/59f8b0f378cc2d0001fd32e5/5bd06ab1ea1352b426dea041_font-window-color-p-800.png"
+                         uk-img="loading: lazy"></div>
+                    <div class="uk-card-body">
+                        <h5>Glyphs & fonts <span class="uk-label uk-label-danger">New</span></h5>
+                        {% md %}
+                        Quickly create **new glyphs** with common **suffixes**. **Clean up** classes when removing glyphs.
+                        {% mdend %}
+                        {% md %}
+                        **Copy-paste classes** between fonts or masters. **Exclude** glyphs **from export** into final formats.
+                        {% mdend %}
+                    </div>
+                </a></div>
+            <div uk-tooltip="pos: bottom-right; title: click for details"><a href="whats-new/whats-new-11-formats.html"
+                   class="uk-card uk-card-hover uk-card-default">
+                    <div class="uk-card-media-top uk-background-cover uk-height-small"
+                         data-src="https://assets.website-files.com/59f8b0f378cc2d0001fd32e5/5c95aa3f11cd0d2fdd7b1223_flvi-web-export.gif"
+                         uk-img="loading: lazy"></div>
+                    <div class="uk-card-body">
+                        <h5>Formats <span class="uk-label uk-label-danger">New</span></h5>
+                        {% md %}
+                        **Batch-export** many **fonts** into many **formats**. Open and export the **.glyphs** format in version **2 or 3**. Open **FontForge** SFD files, bitmap **BDF** fonts and **multi-flavor color** fonts.
+                        {% mdend %}
+                        {% md %}
+                        Use improved VFJ, UFO, VF support. Export WOFF2 color web fonts.
+                        {% mdend %}
+                    </div>
+                </a></div>
+            <div uk-tooltip="pos: bottom-right; title: click for details"><a href="whats-new/whats-new-12-scripts-extensions.html"
+                   class="uk-card uk-card-hover uk-card-default">
+                    <div class="uk-card-media-top uk-background-cover uk-height-small"
+                         data-src="https://assets.website-files.com/59f8b0f378cc2d0001fd32e5/5d9b487a7a2a6efd1e823a1c_rename-glyphs-small.png"
+                         uk-img="loading: lazy"></div>
+                    <div class="uk-card-body">
+                        <h5>Scripts & integrations <span class="uk-label uk-label-danger">New</span></h5>
+                        {% md %}
+                        Write and use **Python 3** scripts. Seamlessly **interchange** with other font editing apps like Glyphs or RoboFont.
+                        {% mdend %}
+                        {% md %}
+                        Perform global transformations with the powerful **TypeRig** library. Create fonts for the entire **Unicode 14** standard.
+                        {% mdend %}
+                    </div>
+                </a></div>
+        </div>
+    </div>
+</section>
\ No newline at end of file
diff --git a/mkdocs/mk-fontlab/hero/home/partials/slideshow.html b/mkdocs/mk-fontlab/hero/home/partials/slideshow.html
new file mode 100644
index 0000000..ada4d7a
--- /dev/null
+++ b/mkdocs/mk-fontlab/hero/home/partials/slideshow.html
@@ -0,0 +1,26 @@
+<section id="slideshow"
+         class="uk-section uk-section-secondary uk-section-small uk-light">
+    <div uk-slideshow="animation: slide">
+        <div class="uk-position-relative uk-visible-toggle uk-light"
+             tabindex="-1">
+            <ul class="uk-slideshow-items uk-container uk-align-center">
+                <li><img src="https://assets.website-files.com/59f8b0f378cc2d0001fd32e5/5dd5ebd5b06ce8cb8fe2d003__fl7-screenshot-01.png"
+                         alt=""
+                         uk-cover /></li>
+                <li><img src="https://assets.website-files.com/59f8b0f378cc2d0001fd32e5/5dbb088a6fb3db562c017aef_fl7-screenshot-09.png"
+                         alt=""
+                         uk-cover /></li>
+                <li><img src="https://assets.website-files.com/59f8b0f378cc2d0001fd32e5/5dba34596313253f93bd4cdd_fl7-screenshot-02.png"
+                         alt=""
+                         uk-cover /></li>
+            </ul><a class="uk-position-center-left uk-position-small"
+               href="#"
+               uk-slidenav-previous
+               uk-slideshow-item="previous"></a><a class="uk-position-center-right uk-position-small"
+               href="#"
+               uk-slidenav-next
+               uk-slideshow-item="next"></a>
+        </div>
+        <ul class="uk-slideshow-nav uk-dotnav uk-flex-center uk-margin"></ul>
+    </div>
+</section>
\ No newline at end of file
diff --git a/mkdocs/mk-fontlab/hero/home/partials/testimonials.html b/mkdocs/mk-fontlab/hero/home/partials/testimonials.html
new file mode 100644
index 0000000..ab72be5
--- /dev/null
+++ b/mkdocs/mk-fontlab/hero/home/partials/testimonials.html
@@ -0,0 +1,31 @@
+<section id="testimonials"
+         class="uk-cover-container overlay-wrap uk-label-danger uk-light">
+    <div class="uk-container uk-position-z-index uk-position-relative uk-section uk-section-xsmall uk-light uk-text-center">
+        <div class="uk-grid uk-flex-center">
+            <div class="uk-width-4-5@m"
+                 uk-parallax="y: 50,-50; easing: 0; media:@l">
+                <div class="uk-position-relative uk-visible-toggle uk-light"
+                     uk-slider="easing: cubic-bezier(.16,.75,.47,1); autoplay: false; autoplay-interval: 6000; pause-on-hover: true">
+                    <div class="uk-position-relative uk-visible-toggle uk-light"
+                         tabindex="-1">
+                        <a class="uk-position-top-left uk-position-small uk-margin-remove-top uk-visible@s"
+                           href="#"
+                           uk-slidenav-previous
+                           uk-slider-item="previous"></a>
+                        <a class="uk-position-top-right uk-position-small uk-margin-remove-top uk-visible@s"
+                           href="#"
+                           uk-slidenav-next
+                           uk-slider-item="next"></a>
+                        <h6 style="padding-top: 5px">What typeface designers say</h6>
+                        <ul class="uk-slider-items uk-child-width-1-1">
+                            {% include "hero/home/partials/testimonials_details.html" %}
+                        </ul>
+                    </div>
+                    <ul class="uk-slider-nav uk-dotnav uk-margin-remove-top uk-flex-center">
+                        <li></li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
\ No newline at end of file
diff --git a/mkdocs/mk-fontlab/hero/home/partials/testimonials_details.html b/mkdocs/mk-fontlab/hero/home/partials/testimonials_details.html
new file mode 100644
index 0000000..6f5bdcd
--- /dev/null
+++ b/mkdocs/mk-fontlab/hero/home/partials/testimonials_details.html
@@ -0,0 +1,440 @@
+<!-- testimonial -->
+<li class="uk-margin-auto-vertical uk-padding-small uk-padding-remove-horizontal uk-padding-remove-top">
+    <div uk-slider-parallax="opacity: 0.2,1,0.2">
+        <div class="uk-grid uk-flex-center">
+            <div class="uk-width-1-2@m">
+                <p class="blockquote--text large uk-text-center">
+                    <em>“amazing and innovative”</em>
+                    <span class="blockquote--author">
+                        <strong>Eduardo Tunni</strong>
+                    </span>
+                </p>
+                <p class="blockquote--text large uk-text-center">
+                    <em>“worthy of a master”</em>
+                    <span class="blockquote--author">
+                        <strong>Vassil Kateliev</strong>
+                    </span>
+                </p>
+                <p class="blockquote--text large uk-text-center">
+                    <em>“best drawing tools”</em>
+                    <span class="blockquote--author">
+                        <strong>Fábio Duarte Martins</strong>
+                    </span>
+                </p>
+                <p class="blockquote--text large uk-text-center">
+                    <em>“more advanced than the competition”</em>
+                    <span class="blockquote--author">
+                        <strong>Tobias Kvant</strong>
+                    </span>
+                </p>
+            </div>
+            <div class="uk-width-1-2@m">
+                <p class="blockquote--text large uk-text-center">
+                    <em>“wonderful, very addictive”</em>
+                    <span class="blockquote--author">
+                        <strong>Yves Michel</strong>
+                    </span>
+                </p>
+                <p class="blockquote--text large uk-text-center">
+                    <em>“excels in new features and innovations”</em>
+                    <span class="blockquote--author">
+                        <strong>Robert Strauch &amp; Alexander Haberer</strong>
+                    </span>
+                </p>
+                <p class="blockquote--text large uk-text-center">
+                    <em>“without FontLab, I could do just about nothing”</em>
+                    <span class="blockquote--author">
+                        <strong>Dave Lawrence</strong>
+                    </span>
+                </p>
+            </div>
+        </div>
+    </div>
+</li>
+
+<!-- testimonial -->
+<li class="uk-margin-auto-vertical uk-padding-small uk-padding-remove-horizontal uk-padding-remove-top">
+    <div uk-slider-parallax="opacity: 0.2,1,0.2">
+        <div class="uk-grid uk-flex-center">
+            <div class="uk-width-3-4@m">
+                <p class="blockquote--text large">
+                    Discover the <em>amazing</em> and <em>innovative</em> drawing tools
+                    integrated with a <em>complete set</em> of functionalities that is
+                    necessary to design and produce high-quality fonts.
+                </p>
+                <p class="blockquote--text large">
+                    FontLab 8 is definitely the
+                    <em>all-inclusive app</em> for typographers.
+                </p>
+            </div>
+        </div>
+        <p class="blockquote--author">
+            <strong>Eduardo Tunni</strong>
+            <a href="https://www.tipo.net.ar/">Tipo</a>
+        </p>
+    </div>
+</li>
+<!-- /testimonial -->
+<!-- testimonial -->
+<li class="uk-margin-auto-vertical uk-padding-small uk-padding-remove-horizontal uk-padding-remove-top">
+    <div uk-slider-parallax="opacity: 0.2,1,0.2">
+        <div class="uk-grid uk-flex-center">
+            <div class="uk-width-2-3@m">
+                <p class="blockquote--text large">
+                    Blazingly <em>fast</em>, <em>cutting-edge</em> technology, and with
+                    superbly <em>rich</em> functionality that touches almost every
+                    possible aspect of type design.
+                </p>
+                <p class="blockquote--text large">
+                    A keen tool <em>worthy of a master!</em>
+                </p>
+            </div>
+        </div>
+        <p class="blockquote--author">
+            <strong>Vassil Kateliev</strong>
+            <a href="http://karandash.eu/">Karandash</a>,
+            <a href="http://thefontmaker.com/">The FontMaker</a>,
+            <a href="https://kateliev.github.io/TypeRig/">TypeRig</a>
+        </p>
+    </div>
+</li>
+<!-- /testimonial -->
+<!-- testimonial -->
+<li class="uk-margin-auto-vertical uk-padding-small uk-padding-remove-horizontal uk-padding-remove-top">
+    <div uk-slider-parallax="opacity: 0.2,1,0.2">
+        <div class="uk-grid uk-flex-center">
+            <div class="uk-width-1-2@m">
+                <p class="blockquote--text large">
+                    FontLab is just much <em>more advanced</em> than the competition. I
+                    couldn’t live without tools like <em>Genius</em> nodes,
+                    <em>Quick measurement</em> and <em>Smart Corners</em>.
+                </p>
+            </div>
+        </div>
+        <p class="blockquote--author">
+            <strong>Tobias Kvant</strong>
+            <a href="https://kvant.org/">Kvant Art Direction</a>
+        </p>
+    </div>
+</li>
+<!-- /testimonial -->
+<!-- testimonial -->
+<li class="uk-margin-auto-vertical uk-padding-small uk-padding-remove-horizontal uk-padding-remove-top">
+    <div uk-slider-parallax="opacity: 0.2,1,0.2">
+        <div class="uk-grid uk-flex-center">
+            <div class="uk-width-1-2@m">
+                <p class="blockquote--text large">
+                    After spending months in the complete dark space of
+                    <em>COLRv1</em>, finally FontLab 8 is turning on the light!
+                </p>
+            </div>
+        </div>
+        <p class="blockquote--author">
+            <strong>Akiem Helmling</strong>
+            <a href="https://underware.nl/">Underware</a>, co-author of
+            <a href="https://underware.nl/COLRv1">Plakato Color</a>
+        </p>
+    </div>
+</li>
+<!-- /testimonial -->
+<!-- testimonial -->
+<li class="uk-margin-auto-vertical uk-padding-small uk-padding-remove-horizontal uk-padding-remove-top">
+    <div uk-slider-parallax="opacity: 0.2,1,0.2">
+        <div class="uk-grid uk-flex-center">
+            <div class="uk-width-1-2@m">
+                <p class="blockquote--text">
+                    FontLab is powerful enough that you can just work
+                    <em>from start to finish</em> inside one program. I <em>love</em> all
+                    the new FontLab 8 features. I’m hugely enjoying FontLab 8 in dark
+                    mode. It looks <em>AMAZING</em>. It feels amazing. Drawing is extra
+                    snappy.
+                </p>
+                <p class="blockquote--text">
+                    The new <em>Stroke</em> panel along with the
+                    <em>Thickness</em>
+                    tool is a game changer. I think you are going to see a new generation
+                    of fonts being released in the 2020s and it’s going to be because of
+                    FontLab,
+                    <em>especially FontLab 8</em>.
+                </p>
+            </div>
+            <div class="uk-width-1-2@m">
+                <p class="blockquote--text">
+                    If you want <em>pro results</em>, you have to invest in a
+                    <em>pro font editor</em>. Period. And you need to invest in
+                    <em>yourself</em>. Take the time to watch FontLab videos that show you
+                    the basics. Dive into the manuals and tutorials that show you how to
+                    do really powerful stuff.
+                </p>
+                <p class="blockquote--text">
+                    FontLab allowed me to make our
+                    <em>Hi-res Font™</em> Series.
+                    <em>Accurate, pitch-perfect classics</em> from hi-res scans. Without
+                    FontLab, I could do <em>just about nothing</em>.
+                </p>
+            </div>
+        </div>
+        <p class="blockquote--author">
+            <strong>Dave Lawrence</strong>
+            <a href="https://calfonts.com/">California Type Foundry</a>
+        </p>
+    </div>
+</li>
+<!-- /testimonial -->
+<!-- testimonial -->
+<li class="uk-margin-auto-vertical uk-padding-small uk-padding-remove-horizontal uk-padding-remove-top">
+    <div uk-slider-parallax="opacity: 0.2,1,0.2">
+        <div class="uk-grid uk-flex-center">
+            <div class="uk-width-1-2@m">
+                <p class="blockquote--text">
+                    FontLab 7 has offered us the <em>flexibility</em>, the <em>speed</em>,
+                    and the <em>precision</em> required for working out custom solutions
+                    that meet the specific needs of our clients and can be delivered in
+                    time.
+                </p>
+                <p class="blockquote--text">
+                    The major advantage we have come to appreciate in FontLab is the
+                    <em>highly integrated</em> approach of the application, which does not
+                    require extensive use and maintenance of plugins or additional tools,
+                    and is nonetheless open to creative and sometimes unconventional
+                    workflows.
+                </p>
+            </div>
+            <div class="uk-width-1-2@m">
+                <p class="blockquote--text">
+                    FontLab 8 brings <em>further refinements</em>, excels in
+                    <em>new features</em> and <em>innovations</em>. We already had the
+                    opportunity to try out the new skeleton-based design tools in the
+                    development of an upcoming Hebrew typeface and were pretty amazed by
+                    what is possible now.
+                </p>
+                <p class="blockquote--text">
+                    No less important are the improvements to the core tools of the
+                    application.
+                    <em>Congratulations, FontLab!</em> Well done.
+                </p>
+            </div>
+        </div>
+        <p class="blockquote--author">
+            <strong>Robert Strauch &amp; Alexander Haberer</strong>
+            <a href="https://www.robertstrauch.de">robertstrauch.de</a>
+        </p>
+    </div>
+</li>
+<!-- /testimonial -->
+<!-- testimonial -->
+<li class="uk-margin-auto-vertical uk-padding-small uk-padding-remove-horizontal uk-padding-remove-top">
+    <div uk-slider-parallax="opacity: 0.2,1,0.2">
+        <div class="uk-grid uk-flex-center">
+            <div class="uk-width-3-4@m">
+                <p class="blockquote--text large">
+                    I would only like to say: many thanks to all the FontLab team. What a
+                    <em>great work</em> FontLab 8 is! I hurry to jump deeply in, and use
+                    all the new features, changes and improvements. There is a lot of
+                    specific adjustments which will be <em>really helpful</em>. Keep going
+                    your awesome work!
+                </p>
+            </div>
+        </div>
+        <p class="blockquote--author">
+            <strong>André Simard</strong>
+            <a href="https://www.andresimard.ca/en">André Simard Type Design</a>
+        </p>
+    </div>
+</li>
+<!-- /testimonial -->
+<!-- testimonial -->
+<li class="uk-margin-auto-vertical uk-padding-small uk-padding-remove-horizontal uk-padding-remove-top">
+    <div uk-slider-parallax="opacity: 0.2,1,0.2">
+        <div class="uk-grid uk-flex-center">
+            <div class="uk-width-1-2@m">
+                <p class="blockquote--text">
+                    Thanks to the FontLab team for your efforts to develop FontLab 8. I am
+                    happy you
+                    <em>constantly improve</em> the app. I used to work with FontLab
+                    Studio 5 since 2005, making it my daily driver to develop multiple
+                    master typefaces.
+                </p>
+            </div>
+            <div class="uk-width-1-2@m">
+                <p class="blockquote--text">
+                    I had to adjust profoundly to Fontlab VI–8. I reworked my strategies
+                    for type design and production, a turn for the better. My updated
+                    master files are
+                    <em>easier to extend, refine and adapt</em> than before, not to speak
+                    of the design process <em>from the sketch</em>.
+                </p>
+            </div>
+        </div>
+        <p class="blockquote--author">
+            <strong>Jan Henrik Arnold</strong>
+            <a href="https://janhenrikarnold.de/">JHA</a>
+        </p>
+    </div>
+</li>
+<!-- /testimonial -->
+<!-- testimonial -->
+<li class="uk-margin-auto-vertical uk-padding-small uk-padding-remove-horizontal uk-padding-remove-top">
+    <div uk-slider-parallax="opacity: 0.2,1,0.2">
+        <div class="uk-grid uk-flex-center">
+            <div class="uk-width-1-2@m">
+                <p class="blockquote--text large">
+                    Wonderful, very well <em>thought-out</em> and
+                    <em>conceived</em> software; pleasant interface; very
+                    <em>addictive</em>; and supported by an <em>efficient team</em>.
+                </p>
+            </div>
+        </div>
+        <p class="blockquote--author"><strong>Yves Michel</strong> type designer</p>
+    </div>
+</li>
+<!-- /testimonial -->
+<!-- testimonial -->
+<li class="uk-margin-auto-vertical uk-padding-small uk-padding-remove-horizontal uk-padding-remove-top">
+    <div uk-slider-parallax="opacity: 0.2,1,0.2">
+        <div class="uk-grid uk-flex-center">
+            <div class="uk-width-1-2@m">
+                <p class="blockquote--text large">
+                    This baby is a rock-solid font development software, from design to
+                    engineering. Drawing is a joy: FontLab has the best drawing tools I’ve
+                    ever seen!
+                </p>
+            </div>
+        </div>
+        <p class="blockquote--author">
+            <strong>Fábio Duarte Martins</strong>
+            <a href="https://fonts.scannerlicker.net/">Scannerlicker</a>
+        </p>
+    </div>
+</li>
+<!-- /testimonial -->
+<!-- testimonial -->
+<li class="uk-margin-auto-vertical uk-padding-small uk-padding-remove-horizontal uk-padding-remove-top">
+    <div uk-slider-parallax="opacity: 0.2,1,0.2">
+        <div class="uk-grid uk-flex-center">
+            <div class="uk-width-1-2@m">
+                <p class="blockquote--text large">
+                    No other type design software can match the speed and reliability of
+                    the drawing interface of the new FontLab.
+                </p>
+            </div>
+        </div>
+        <p class="blockquote--author">
+            <strong>Ramiro Espinoza</strong>
+            <a href="http://www.re-type.com/">ReType Foundry</a>
+        </p>
+    </div>
+</li>
+<!-- /testimonial -->
+<!-- testimonial -->
+<li class="uk-margin-auto-vertical uk-padding-small uk-padding-remove-horizontal uk-padding-remove-top">
+    <div uk-slider-parallax="opacity: 0.2,1,0.2">
+        <div class="uk-grid uk-flex-center">
+            <div class="uk-width-1-2@m">
+                <p class="blockquote--text">
+                    The new FontLab looks new and fresh, the interface is nice and precise. You use one
+                    window for everything — from glyph editing to testing the font in a
+                    long text — just by zooming and switching modes.
+                </p>
+                <p class="blockquote--text">
+                    What I like most is that you can link the metrics of glyphs to any
+                    other glyphs.
+                </p>
+            </div>
+            <div class="uk-width-1-2@m">
+                <p class="blockquote--text">
+                    It helps a lot when you design Cyrillic or Greek or make another style
+                    of the same font. It has handy tools for variations, and needs just a
+                    name of the typeface and style to generate working fonts! I’m so used
+                    to working in FontLab that it just seems natural.
+                </p>
+            </div>
+        </div>
+        <p class="blockquote--author">
+            <strong>Alexandra Korolkova</strong>
+            <a href="https://www.paratype.com/">ParaType</a>
+        </p>
+    </div>
+</li>
+<!-- /testimonial -->
+<!-- testimonial -->
+<li class="uk-margin-auto-vertical uk-padding-small uk-padding-remove-horizontal uk-padding-remove-top">
+    <div uk-slider-parallax="opacity: 0.2,1,0.2">
+        <div class="uk-grid uk-flex-center">
+            <div class="uk-width-1-3@m">
+                <p class="blockquote--text">
+                    There are a host of drawing tools in the new FontLab that all offer different
+                    ways to get an outline started. Once a basic outline is in, editing it
+                    is intuitive. Power Nudge cleverly adjusts locally related nodes in
+                    harmony to the one you’re editing.
+                </p>
+            </div>
+            <div class="uk-width-1-3@m">
+                <p class="blockquote--text">
+                    Features such as Tunni Lines and Smart Corners allow fluid control
+                    over the outline, whereas Make Overlap and Unlink Corners let you chop
+                    and change a shape easily. The flexibility of the drawing tools
+                    continues to impress.
+                </p>
+            </div>
+        </div>
+        <p class="blockquote--author">
+            <strong>Jeremy Tankard</strong>
+            <a href="https://typography.net/">typography.net</a>
+        </p>
+    </div>
+</li>
+<!-- /testimonial -->
+<!-- testimonial -->
+<li class="uk-margin-auto-vertical uk-padding-small uk-padding-remove-horizontal uk-padding-remove-top">
+    <div uk-slider-parallax="opacity: 0.2,1,0.2">
+        <div class="uk-grid uk-flex-center">
+            <div class="uk-width-1-2@m">
+                <p class="blockquote--text large">
+                    FontLab’s new ‘Tunni Lines’ are brilliant. Still the best vector curve
+                    editor out there by a mile.
+                </p>
+            </div>
+        </div>
+        <p class="blockquote--author">
+            <strong>Sebastiaan de With</strong>
+            <a href="http://pictogram.agency/">Pictogram</a>
+        </p>
+    </div>
+</li>
+<!-- /testimonial -->
+<!-- testimonial -->
+<li class="uk-margin-auto-vertical uk-padding-small uk-padding-remove-horizontal uk-padding-remove-top">
+    <div uk-slider-parallax="opacity: 0.2,1,0.2">
+        <div class="uk-grid uk-flex-center">
+            <div class="uk-width-1-2@m">
+                <p class="blockquote--text large">
+                    I’m in love with FontLab. After spending some time tweaking my font,
+                    it looks so much smoother and cleaner!
+                </p>
+            </div>
+        </div>
+        <p class="blockquote--author">
+            <strong>Haley Martin</strong>
+            <a href="https://haleymartin.net/">designer</a>
+        </p>
+    </div>
+</li>
+<!-- /testimonial -->
+<!-- testimonial -->
+<li class="uk-margin-auto-vertical uk-padding-small uk-padding-remove-horizontal uk-padding-remove-top">
+    <div uk-slider-parallax="opacity: 0.2,1,0.2">
+        <div class="uk-grid uk-flex-center">
+            <div class="uk-width-1-2@m">
+                <p class="blockquote--text large">
+                    OMG! I never wanted any software so much since Diablo 1. FontLab, this is amazing!
+                </p>
+            </div>
+        </div>
+        <p class="blockquote--author">
+            <strong>Daniel Mizieliński</strong>
+            <a href="https://oladaniel.com/fonts">Hipopotam Studio</a>
+        </p>
+    </div>
+</li>
+<!-- /testimonial -->
\ No newline at end of file
diff --git a/mkdocs/mk-fontlab/hero/home/partials/top.html b/mkdocs/mk-fontlab/hero/home/partials/top.html
new file mode 100644
index 0000000..81e4c36
--- /dev/null
+++ b/mkdocs/mk-fontlab/hero/home/partials/top.html
@@ -0,0 +1,54 @@
+<!-- TOP CONTAINER -->
+<div class="hero-wrap uk-position-relative uk-light uk-background-secondary">
+    <div id="hero-images"
+         class="uk-cover-container uk-light uk-flex top-images-height uk-visible@m">
+
+        <video src="https://assets.website-files.com/59f8b0f378cc2d0001fd32e5/5c62dcef40cbe85183e04657_flvi-web-herofilm-360p-transcode.mp4"
+               width=""
+               height=""
+               uk-video="autoplay: inview; automute: true"
+               loop="true"
+               style="position: absolute;right: 0;bottom: 0;min-width: 100%;min-height: 100%;filter: blur(7px);"></video>
+        <div class="uk-container">
+            <img src="https://lab.fontlab.com/temp/fl8head-01.svg"
+                 style="position: absolute;left: 50%;transform: translate(-50%, 0); top: 48px; min-height: 100%;max-height: 100%;object-fit:cover; mix-blend-mode:screen;">
+        </div>
+    </div>
+    <div id="hero-section"
+         class="uk-section uk-padding-remove-vertical"
+         style="position: sticky; bottom: 0;background-color: rgba(34,34,34,0.4);">
+        <div uk-grid
+             class="uk-container uk-margin-medium-top uk-margin-medium-bottom uk-grid-medium uk-margin-auto uk-flex uk-flex-center uk-flex-middle">
+            <div class="">
+                <h1 id="app-title-DISABLED"
+                    class="uk-margin-remove-top uk-heading-xlarge"
+                    style="">
+                    FontLab 8
+                </h1>
+            </div>
+            <div uk-grid
+                 class="uk-grid-small uk-text-nowrap uk-flex-center">
+                <div class="">
+                    <a href="#download"
+                       title="Try free"
+                       class="uk-button uk-button-default uk-box-shadow-hover-large"
+                       uk-tooltip="pos: top-center; title: Click to download the free fully-functional 10-day trial version of FontLab 8 for Mac or Windows">Try free</a>
+                </div>
+                <div class="">
+                    <a href="https://fontlab.onfastspring.com/fl7/"
+                       title="Buy FontLab 8"
+                       class="uk-button uk-button-danger uk-box-shadow-hover-large"
+                       type="button">
+                        Buy FontLab 8
+                    </a>
+                    <div id="fl-dropdown"
+                         uk-dropdown
+                         class="uk-light uk-background-secondary">
+                        {% include "hero/home/partials/buy.html" %}
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<!-- /TOP CONTAINER -->
\ No newline at end of file
diff --git a/mkdocs/mk-fontlab/hero/home/partials/videos.html b/mkdocs/mk-fontlab/hero/home/partials/videos.html
new file mode 100644
index 0000000..0b839da
--- /dev/null
+++ b/mkdocs/mk-fontlab/hero/home/partials/videos.html
@@ -0,0 +1,14 @@
+<section class="uk-section uk-section-secondary"
+         style="background-color: #333333">
+    <div class="uk-container uk-container-xsmall uk-text-center uk-padding-remove-top">
+
+        <h5 class="uk-text-primary">Watch. Read. Learn. Master.</h5>
+        <h2 class="uk-margin-remove uk-h1">
+            Educational resources
+        </h2>
+        <p>Learn from experienced typeface designers and from the creators of FontLab. Master FontLab 8 with an extensive collection of <a href="https://www.youtube.com/watch?v=BL0Boa1BkW8&list=PLj-8PzlEWrCGmq8Ks1GgVFEYCfVfaDhpI">video</a> and <span class="uk-label uk-label-danger">New</span> <a href="tutorials/">text</a> tutorials.</p>
+    </div>
+    <script src="https://apps.elfsight.com/p/platform.js" defer></script>
+    <div class="elfsight-app-9c8edbae-84f5-44a9-8705-0c0d606cc609"></div>
+</section>
+
diff --git a/mkdocs/mk-fontlab/hero/home/partials/wfnav.html b/mkdocs/mk-fontlab/hero/home/partials/wfnav.html
new file mode 100644
index 0000000..4f67795
--- /dev/null
+++ b/mkdocs/mk-fontlab/hero/home/partials/wfnav.html
@@ -0,0 +1,187 @@
+<header data-md-component="header">
+    <div class="section-navigation wf-section">
+        <div id="top"
+             class="navbar-block">
+            <div data-collapse="medium"
+                 data-animation="default"
+                 data-duration="400"
+                 data-easing="ease"
+                 data-easing2="ease"
+                 role="banner"
+                 class="navbar w-hidden-medium w-hidden-small w-hidden-tiny w-nav"><a href="https://www.fontlab.com/"
+                   class="w-nav-brand"><img src="https://assets.website-files.com/59f8b0f378cc2d0001fd32e5/612e6e1911cf97e297bab832_fontlabltd-logo-white.svg"
+                         alt="FontLab logo"
+                         width="90"
+                         height="28"
+                         class="menu-logo" /></a><a href="#"
+                   class="brand-sub w-nav-link"> </a>
+                <div class="container menu">
+                    <nav role="navigation"
+                         class="menu w-nav-menu"><a href="https://www.fontlab.com/"
+                           class="nav-link w-nav-link">Apps</a><a href="https://www.fontlab.com/buy/"
+                           class="nav-link w-nav-link">Buy!</a><a href="https://support.fontlab.com/"
+                           class="nav-link w-nav-link">Support</a><a href="https://forum.fontlab.com/"
+                           class="nav-link w-nav-link">Forum</a><a href="https://www.fontlab.com/news/"
+                           class="nav-link w-nav-link">Blog</a><a href="https://www.fontlab.com/contact/"
+                           class="nav-link w-nav-link">Contact</a><a href="https://www.fontlab.com/about/"
+                           class="nav-link w-nav-link">About Us</a></nav>
+                </div>
+                <div class="navbar-search">
+                    <div id="google-search-form"
+                         class="google-search w-form">
+                        <form id="wf-form-Search-Form"
+                              name="wf-form-Search-Form"
+                              data-name="Search Form"
+                              action="https://www.fontlab.com/search"
+                              method="get"
+                              class="google-search-form"><input type="text"
+                                   class="google-search-query w-input"
+                                   maxlength="256"
+                                   name="q"
+                                   data-name="q"
+                                   placeholder="Search FontLab sites"
+                                   id="q" /><input type="submit"
+                                   value=""
+                                   data-wait="…"
+                                   data-no-translation="1"
+                                   class="button-nobackground button-mini fa fa-search w-button" /></form>
+                        <div class="w-form-done">
+                            <div>Thank you! Your submission has been received!</div>
+                        </div>
+                        <div class="w-form-fail">
+                            <div>Oops! Something went wrong while submitting the form.</div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div data-animation="over-left"
+         class="navbar-compact w-nav"
+         data-easing2="ease"
+         data-easing="ease"
+         data-collapse="all"
+         role="banner"
+         data-no-scroll="1"
+         data-duration="400">
+        <div class="container-navbar w-container">
+            <nav role="navigation"
+                 class="menu-compact w-nav-menu"><a href="https://www.fontlab.com/"
+                   class="side-menu product main w-inline-block w-clearfix">
+                    <div class="color-mark"></div>
+                    <div class="side-menu-product-title">FontLab Home</div>
+                </a>
+                <div id="google-search-form"
+                     class="google-search-sidebar w-form">
+                    <form id="wf-form-Search-Form"
+                          name="wf-form-Search-Form"
+                          data-name="Search Form"
+                          action="https://www.fontlab.com/search"
+                          method="get"
+                          class="google-search-form-side"><input type="text"
+                               class="google-search-query-side w-input"
+                               maxlength="256"
+                               name="q"
+                               data-name="q"
+                               placeholder="Search FontLab sites"
+                               id="q-3" /><input type="submit"
+                               value=""
+                               data-wait="…"
+                               class="button-nobackground button-mini fa fa-search w-button" /></form>
+                    <div class="w-form-done">
+                        <div>Thank you! Your submission has been received!</div>
+                    </div>
+                    <div class="w-form-fail">
+                        <div>Oops! Something went wrong while submitting the form.</div>
+                    </div>
+                </div>
+                <div class="side-menu">Create fonts</div><a href="https://www.fontlab.com/font-editor/fontlab/"
+                   class="side-menu product w-inline-block w-clearfix">
+                    <div class="color-mark fontlab_vi"></div>
+                    <div class="side-menu-product-title"><span data-no-translation="1"
+                              class="notranslate">FontLab 7</span> <span data-no-translation="1"
+                              class="badge-red notranslate">new</span><br /><span class="side-menu-product-subtitle">The ultra bold font editor</span></div>
+                </a><a href="https://www.fontlab.com/font-editor/fontlab-studio-5/"
+                   class="side-menu product w-inline-block w-clearfix">
+                    <div class="color-mark fontlab_5"></div>
+                    <div class="side-menu-product-title"><span data-no-translation="1"
+                              class="notranslate">FontLab Studio<br /></span><span class="side-menu-product-subtitle">Classic pro font editor</span> </div>
+                </a><a href="https://www.fontlab.com/font-editor/fontographer/"
+                   class="side-menu product w-inline-block w-clearfix">
+                    <div class="color-mark fontographer"></div>
+                    <div class="side-menu-product-title"><span data-no-translation="1"
+                              class="notranslate">Fontographer</span><br /><span class="side-menu-product-subtitle">Classic clutter-free font editor</span> </div>
+                </a><a href="https://www.fontlab.com/font-editor/typetool/"
+                   class="side-menu product w-inline-block w-clearfix">
+                    <div class="color-mark typetool"></div>
+                    <div class="side-menu-product-title"><span data-no-translation="1"
+                              class="notranslate">TypeTool</span><br /><span class="side-menu-product-subtitle">Basic font editor</span></div>
+                </a><a href="https://www.fontlab.com/font-editor/bitfonter/"
+                   class="side-menu product w-inline-block w-clearfix">
+                    <div class="color-mark bitfonter"></div>
+                    <div class="side-menu-product-title"><span data-no-translation="1"
+                              class="notranslate">BitFonter</span><br /><span class="side-menu-product-subtitle">Pro bitmap font editor</span> </div>
+                </a>
+                <div class="side-menu">CONVERT &amp; FIX FONTS</div><a href="https://www.fontlab.com/font-converter/transtype/"
+                   class="side-menu product w-inline-block w-clearfix">
+                    <div class="color-mark transtype"></div>
+                    <div class="side-menu-product-title"><span data-no-translation="1"
+                              class="notranslate">TransType</span><br /><span class="side-menu-product-subtitle">Ultimate font converter</span></div>
+                </a><a href="https://www.fontlab.com/font-utility/dtl-otmaster/"
+                   class="side-menu product w-inline-block w-clearfix">
+                    <div class="color-mark ot_master"></div>
+                    <div class="side-menu-product-title"><span data-no-translation="1"
+                              class="notranslate">DTL OTMaster<br /></span><span class="side-menu-product-subtitle">Technical OpenType editor<br /></span></div>
+                </a>
+                <div class="side-menu">USE FONTS</div><a href="https://www.fontlab.com/fontlab-pad/"
+                   class="side-menu product w-inline-block w-clearfix">
+                    <div class="color-mark fontlab_pad"></div>
+                    <div class="side-menu-product-title"><span data-no-translation="1"
+                              class="notranslate">FontLab Pad<br /></span><span class="side-menu-product-subtitle">Use color fonts anywhere</span></div>
+                </a>
+                <div class="side-menu">Other</div><a href="https://www.fontlab.com/buy/"
+                   target="_blank"
+                   class="side-menu product main w-inline-block w-clearfix">
+                    <div class="color-mark"></div>
+                    <div class="side-menu-product-title">Buy FontLab Apps</div>
+                </a><a href="/edu/"
+                   target="_blank"
+                   class="side-menu product main w-inline-block w-clearfix">
+                    <div class="color-mark"></div>
+                    <div class="side-menu-product-title">Educational Sales</div>
+                </a><a href="https://support.fontlab.com/"
+                   target="_blank"
+                   class="side-menu product main w-inline-block w-clearfix">
+                    <div class="color-mark"></div>
+                    <div class="side-menu-product-title">Get Support</div>
+                </a><a href="https://help.fontlab.com/"
+                   target="_blank"
+                   class="side-menu product main w-inline-block w-clearfix">
+                    <div class="color-mark"></div>
+                    <div class="side-menu-product-title">Get Help &amp; Manuals</div>
+                </a><a href="https://forum.fontlab.com/"
+                   target="_blank"
+                   class="side-menu product main w-inline-block w-clearfix">
+                    <div class="color-mark"></div>
+                    <div class="side-menu-product-title">Discuss on Forum</div>
+                </a><a href="/news/"
+                   class="side-menu product main w-inline-block w-clearfix">
+                    <div class="color-mark"></div>
+                    <div class="side-menu-product-title">Latest News</div>
+                </a><a href="/contact/"
+                   class="side-menu product main w-inline-block w-clearfix">
+                    <div class="color-mark"></div>
+                    <div class="side-menu-product-title">Contact Us</div>
+                </a><a href="/about/"
+                   class="side-menu product main w-inline-block w-clearfix">
+                    <div class="color-mark"></div>
+                    <div class="side-menu-product-title">About Us</div>
+                </a>
+                <div class="side-menu product spacer"></div>
+            </nav>
+            <div class="menu-button-compact w-nav-button">
+                <div class="icon-menu w-icon-nav-menu"></div>
+            </div>
+        </div>
+    </div>
+</header>
\ No newline at end of file
diff --git a/mkdocs/mk-fontlab/main.html b/mkdocs/mk-fontlab/main.html
new file mode 100644
index 0000000..837ed9d
--- /dev/null
+++ b/mkdocs/mk-fontlab/main.html
@@ -0,0 +1,78 @@
+{% extends "base.html" %}
+
+{% block fonts %} {% endblock %}
+
+{% block styles %} {{ super() }}
+{% endblock %}
+
+{% block extrahead %} {{ super() }}
+<script type="text/javascript">!function (o, c) { var n = c.documentElement, t = " w-mod-"; n.className += t + "js", ("ontouchstart" in o || o.DocumentTouch && c instanceof DocumentTouch) && (n.className += t + "touch") }(window, document);</script>
+{% endblock %}
+
+{% block scripts %} {{ super() }}
+
+
+<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script>
+
+<script src="https://cdn.jsdelivr.net/npm/img-comparison-slider@7.6.0/dist/index.min.js"></script>
+
+<script async
+        defer
+        src="https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js"></script>
+
+<script async
+        defer
+        src="https://cdn.jsdelivr.net/npm/tooltipster@4.2.8/dist/js/tooltipster.bundle.min.js"></script>
+
+<script async
+        defer
+        src="https://cdn.jsdelivr.net/npm/uikit@3.13.10/dist/js/uikit.min.js"></script>
+
+<script async
+        defer
+        src="https://cdn.jsdelivr.net/npm/uikit@3.13.10/dist/js/uikit-icons.min.js"></script>
+
+<script src="https://cdn.jsdelivr.net/npm/balance-text@3.3.1/balancetext.min.js"></script>
+
+<script>
+    $(document).ready(function () {
+        $('.link-tooltip').tooltipster({ theme: 'tooltipster-borderless', maxWidth: 250 });
+    });
+</script>
+
+<script>
+    balanceText("h1", { watch: true });
+    balanceText("h2", { watch: true });
+    balanceText("h3", { watch: true });
+</script>
+
+
+<script id="fsc-api"
+        src="https://d1f8f9xcsvx3ha.cloudfront.net/sbl/0.8.0/fastspring-builder.min.js"
+        type="text/javascript"
+        data-storefront="fontlab.onfastspring.com"></script>
+<script type="text/javascript">
+    fastspring.builder.country("US");
+</script>
+
+<!-- Freshdesk General Widget START -->
+<script>
+    window.fwSettings = {
+        widget_id: 33000000200,
+    };
+    !(function () {
+        if ("function" != typeof window.FreshworksWidget) {
+            var n = function () {
+                n.q.push(arguments);
+            };
+            (n.q = []), (window.FreshworksWidget = n);
+        }
+    })();
+</script>
+<script async
+        defer
+        type="text/javascript"
+        src="https://widget.freshworks.com/widgets/33000000200.js"></script>
+<!-- Freshdesk General Widget END -->
+
+{% endblock %}
\ No newline at end of file
diff --git a/mkdocs/mk-fontlab/partials/content.html b/mkdocs/mk-fontlab/partials/content.html
new file mode 100644
index 0000000..4876f41
--- /dev/null
+++ b/mkdocs/mk-fontlab/partials/content.html
@@ -0,0 +1,23 @@
+
+{% if not "\x3ch1" in page.content %}
+  <h1>{{ page.title | d(config.site_name, true)}}</h1>
+{% endif %}
+
+<!-- Markdown content -->
+{{ page.content }}
+
+<!-- Was this page helpful? -->
+{% include "partials/feedback.html" %}
+
+<!-- Tags -->
+{% if "tags" in config.plugins %}
+  {% include "partials/tags.html" %}
+{% endif %}
+
+<!-- Source file information -->
+{% if page.meta and (
+  page.meta.git_revision_date_localized or
+  page.meta.revision_date
+) %}
+  {% include "partials/source-file.html" %}
+{% endif %}
\ No newline at end of file
diff --git a/mkdocs/mk-fontlab/partials/copyright.html b/mkdocs/mk-fontlab/partials/copyright.html
new file mode 100644
index 0000000..3c0b27f
--- /dev/null
+++ b/mkdocs/mk-fontlab/partials/copyright.html
@@ -0,0 +1,38 @@
+<div class="uk-align-center">
+<div uk-grid id="#buy"
+class="app-title uk-container uk-margin-medium-top uk-margin-medium-bottom uk-grid-medium uk-margin-auto uk-flex uk-flex-center uk-flex-middle uk-light">
+<div class="">
+<h1
+    class="app-title-icon uk-margin-remove-top uk-heading-xlarge"
+    style="">
+    FontLab 8
+</h1>
+</div>
+<div uk-grid
+    class="uk-grid-small uk-padding-remove uk-text-nowrap uk-flex-center">
+<div class="">
+    <a href="https://www.fontlab.com/font-editor/fontlab/#download"
+        title="Try free"
+        class="uk-button uk-button-default uk-box-shadow-hover-large"
+        type="button">Try free</a>
+</div>
+<div class="">
+    <a href="https://www.fontlab.com/font-editor/fontlab/#buy"
+        title="Buy FontLab 8"
+        class="uk-button uk-button-danger uk-box-shadow-hover-large"
+        type="button">
+        Buy FontLab 8
+    </a>
+</div>
+</div>
+</div>
+
+<!-- Copyright and theme information -->
+<div class="md-copyright">
+    {% if config.copyright %}
+      <div class="md-copyright__highlight">
+        {{ config.copyright }}
+      </div>
+    {% endif %}
+  </div>
+</div>
\ No newline at end of file
diff --git a/mkdocs/mkdocs.yml b/mkdocs/mkdocs.yml
new file mode 100644
index 0000000..c601291
--- /dev/null
+++ b/mkdocs/mkdocs.yml
@@ -0,0 +1,167 @@
+docs_dir: md/
+site_dir: site/
+use_directory_urls: true
+
+extra:
+  homepage: https://help.fontlab.com/fontlab/8/
+
+# Project information
+site_name: FontLab 8
+site_description: FontLab 8 Help site
+site_url: https://help.fontlab.com/fontlab/8/
+
+
+extra:
+  analytics:
+    provider: google
+    property: UA-313999-1
+  tags:
+    beta: beta
+  generator: false
+
+site_author: Fontlab Ltd.
+
+# Copyright
+copyright: Copyright © 2016–2023 <a target="_blank" href="https://www.fontlab.com/">Fontlab Ltd.</a>
+
+# Documentation and theme
+theme:
+  name: material
+  custom_dir: mk-fontlab
+  font:
+    text: system-ui
+    code: monospaced-font
+  features:
+    # - navigation.instant
+    # - navigation.tracking
+    - navigation.tabs
+    - navigation.sections
+    - navigation.top
+    - search.suggest
+    - search.highlight
+    - search.share
+    - header.autohide
+    - toc.follow
+  palette:
+    - scheme: default
+      accent: indigo
+      primary: indigo
+
+  logo: "https://i.fontlab.com/temp/fl8-pictogram.svg"
+
+  icon:
+    tag:
+      beta: material/beta
+
+extra_css:
+  - "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,400;0,700;1,400;1,700&family=Roboto+Condensed&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,400;1,500;1,700&IBM+Plex+Serif:ital@0;1&family=Roboto+Flex:opsz,slnt,wdth,wght,GRAD,YTAS,YTDE,YTFI,YTLC,YTUC@8..144,0,25..150,100..1000,-100..100,663..750,-203..-180,676..738,514,650..712&family=Literata:opsz,wght@7..72,200..900&family=Inter:wght@400;500;600&family=Pathway+Gothic+One&family=Ultra&family=VT323&family=Work+Sans:wght@200;300;400;500&display=block"
+  - "https://cdn.jsdelivr.net/npm/uikit@3.13.10/dist/css/uikit.min.css"
+  - "css/wfnav.css"
+  - "css/extra.css"
+  - "css/keys.css"
+  - "https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css"
+  - "https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css"
+  - "https://cdn.jsdelivr.net/npm/img-comparison-slider@7.6.0/dist/styles.css"
+  - "https://cdn.jsdelivr.net/npm/tooltipster@4.2.8/dist/css/tooltipster.bundle.min.css"
+  - "https://cdn.jsdelivr.net/npm/tooltipster@4.2.8/dist/css/plugins/tooltipster/sideTip/themes/tooltipster-sideTip-borderless.min.css"
+
+plugins:
+  - markdown-in-template
+  - search
+  - awesome-pages: # https://github.com/lukasgeiter/mkdocs-awesome-pages-plugin
+      filename: pages.yml
+      collapse_single_pages: true
+      strict: true
+  - include-markdown # https://github.com/mondeja/mkdocs-include-markdown-plugin
+  - tags:
+      tags_file: reference/topics.md
+  - pagenav-generator # https://github.com/Andre601/mkdocs-pagenav-generator
+  - ezlinks: # https://github.com/orbikm/mkdocs-ezlinks-plugin
+      warn_ambiguities: true
+      wikilinks: true
+      reference_links: false
+  # - tooltipster-links # BAD PRETTY-PRINTING CAUSES SPACES INSIDE TAGS https://github.com/Mara-Li/mkdocs-preview-links-plugin
+
+markdown_extensions:
+  - abbr
+  - admonition
+  - attr_list
+  - def_list
+  - meta
+  - md_in_html
+  - toc:
+      permalink: true
+      title: Contents
+      toc_depth: 3
+  - smarty:
+      smart_angled_quotes: false
+      smart_dashes: true
+      smart_ellipses: true
+      smart_quotes: true
+      substitutions:
+        ellipsis: …
+        left-angle-quote: «
+        left-double-quote: “
+        left-single-quote: ‘
+        mdash: —
+        ndash: –
+        right-angle-quote: »
+        right-double-quote: ”
+        right-single-quote: ’
+  - tables
+  - pymdownx.betterem:
+      smart_enable: all
+  - pymdownx.caret:
+      insert: true
+      smart_insert: true
+      superscript: true
+  - pymdownx.details
+  - pymdownx.tabbed:
+      alternate_style: true
+  - pymdownx.mark
+  - pymdownx.saneheaders
+  - pymdownx.smartsymbols:
+      arrows: true
+      care_of: false
+      copyright: true
+      fractions: true
+      notequal: true
+      ordinal_numbers: false
+      plusminus: true
+      registered: true
+      trademark: true
+  - pymdownx.snippets
+  - pymdownx.superfences
+  - pymdownx.tilde:
+      delete: true
+      smart_delete: false
+      subscript: false
+  - pymdownx.tasklist:
+      custom_checkbox: false
+  - mdx_steroids.keys:
+      camel_case: true
+      separator: ""
+      strict: false
+  #- mdx_steroids.kill_tags:
+  #    kill_empty:
+  #      - p
+  #    kill_known: true
+  #    normalize: false
+  - mdx_steroids.img_smart:
+      alt_figure: true
+      find: https://github.com/Fontlab/FontLabVI-help/blob/master/img/
+      repl_path: ../img/
+      repl_url: ../img/
+      cache: "img_smart.json"
+      lazy: true
+  - mdx_steroids.md_mako:
+      meta:
+        author: Fontlab Ltd.
+        beta: ^^New^^{.beta}
+        bug: ^^Fix^^{.new}
+        new: ^^New^^{.new}
+      python_block: mako-fontlab-8.py
+  #- pymdownx.highlight:
+  #    anchor_linenums: true
+  #    auto_title: true
+  #- pymdownx.inlinehilite
diff --git a/mkdocs/requirements.txt b/mkdocs/requirements.txt
new file mode 100644
index 0000000..1cd474d
--- /dev/null
+++ b/mkdocs/requirements.txt
@@ -0,0 +1,57 @@
+# Python
+Markdown==3.3.7
+Jinja2<3.1
+mako>=1.2.0
+mkdocs[i18n]>=1.4.3
+lxml>=4.8.0
+future
+filetype
+imageio[pyav,ffmpeg]
+fire>=0.4.0
+materialx
+git+https://github.com/fontlabcom/flweb_mwf_gallery
+git+https://github.com/html5lib/html5lib-python # Force 3.10 compat
+htmlark
+
+# MkDocs Theme
+mkdocs-material>=8.2.9 # https://squidfunk.github.io/mkdocs-material/
+git+https://github.com/mkdocs/mkdocs-basic-theme # https://github.com/mkdocs/mkdocs-basic-theme
+./modules/mkdocs-material-insiders
+
+# Markdown extensions
+pymdown-extensions>=9.3
+git+https://github.com/twardoch/markdown-steroids.git
+mdx-breakless-lists
+mdx-wikilink-plus
+
+# NLP
+nltk
+spacy
+keybert[spacy]
+python-slugify>=6.1.2
+tiktoken
+git+https://github.com/boudinfl/pke.git
+split_markdown4gpt
+
+# MkDocs Plugins
+git+https://github.com/Andre601/mkdocs-pagenav-generator # https://github.com/Andre601/mkdocs-pagenav-generator
+git+https://github.com/twardoch/mkdocs-markdown-in-template-plugin # https://github.com/twardoch/mkdocs-markdown-in-template-plugin
+git+https://github.com/twardoch/mkdocs-text-export-plugin
+git+https://github.com/Guts/mkdocs-rss-plugin # https://github.com/Guts/mkdocs-rss-plugin
+mkdocs-add-teaser # https://github.com/wilhelmer/mkdocs-add-teaser
+mkdocs-autorefs # https://github.com/mkdocstrings/autorefs
+mkdocs-awesome-pages-plugin>=2.7.0 # https://github.com/lukasgeiter/mkdocs-awesome-pages-plugin
+mkdocs-enumerate-headings-plugin # https://github.com/timvink/mkdocs-enumerate-headings-plugin
+mkdocs-ezlinks-plugin # https://github.com/orbikm/mkdocs-ezlinks-plugin
+mkdocs-import-statement-plugin # https://github.com/Rj40x40/mkdocs-import-statement-plugin
+mkdocs-include-markdown-plugin
+mkdocs-gen-files # https://github.com/oprypin/mkdocs-gen-files
+mkdocs-jupyter # https://github.com/danielfrg/mkdocs-jupyter
+mkdocs-macros-plugin # https://github.com/fralau/mkdocs_macros_plugin
+mkdocs-preview-links-plugin # https://github.com/Mara-Li/mkdocs-preview-links-plugin
+mkdocs-print-site-plugin # https://github.com/timvink/mkdocs-print-site-plugin
+mkdocs-redirects # https://github.com/mkdocs/mkdocs-redirects
+mkdocs-section-index # https://github.com/oprypin/mkdocs-section-index
+mkdocs-table-reader-plugin # https://github.com/timvink/mkdocs-table-reader-plugin
+mkdocs-with-pdf # https://github.com/orzih/mkdocs-with-pdf
+