Add encryption reference and refine documentation

src/components/SiteHeader/SiteHeader.module.css

@@ -30,13 +30,14 @@
   color: light-dark(var(--mantine-color-gray-7), var(--mantine-color-dark-1));
   font-size: var(--mantine-font-size-sm);
   font-weight: 500;
-  text-decoration: none;
+  text-decoration: none !important;
   transition: color 120ms ease;
 }
 
 .link:hover,
 .link[data-active] {
   color: var(--mantine-color-blue-6);
+  text-decoration: none !important;
 }
 
 .burger {

src/components/SiteHeader/SiteHeader.tsx

@@ -15,6 +15,7 @@ import classes from './SiteHeader.module.css';
 const NAVIGATION = [
     { label: 'Features', to: '/#features' },
     { label: 'Apps', to: '/#apps' },
+    { label: 'Encryption', to: '/encryption' },
     { label: 'Proto', to: '/proto' },
     { label: 'Support', to: '/support' },
 ];
@@ -26,6 +27,7 @@ export function SiteHeader() {
     const links = NAVIGATION.map(({ label, to }) => {
         const active =
             (to === '/proto' && pathname === '/proto') ||
+            (to === '/encryption' && pathname === '/encryption') ||
             (to === '/support' && pathname === '/support');
 
         return (