feat: add NIS2 landing page, roadmap page, and compliance section

- New /nis2 page: full Art. 21 mapping with covered/partial/roadmap/n-a
  tags, evidence-by-trigger breakdown, and roadmap callout
- New /roadmap page: planned and under-consideration items, NIS2-tagged
  items highlighted with monospace badge
- Home: new NIS2 section between screenshots and plugin block — Art. 21
  mapping list + MockCompliance UI + link to /nis2
- Features: new "Compliance & Audit (NIS2)" section
- Nav: Roadmap link added; NIS2 in Docs dropdown
- Footer: Roadmap and NIS2 links added
- docs/PRODUCT.md: NIS2 evidence foundation as value proposition #9
- docs/PAGES.md: /nis2, /roadmap, and NIS2 home section documented

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/components/Footer.tsx

@@ -22,6 +22,7 @@ export default function Footer() {
                 <li><Link to="/features" className="text-slate-500 hover:text-slate-100 transition-colors">Features</Link></li>
                 <li><Link to="/drivers" className="text-slate-500 hover:text-slate-100 transition-colors">Drivers</Link></li>
                 <li><Link to="/plugins" className="text-slate-500 hover:text-slate-100 transition-colors">Plugins</Link></li>
+                <li><Link to="/roadmap" className="text-slate-500 hover:text-slate-100 transition-colors">Roadmap</Link></li>
               </ul>
             </div>
             <div>
@@ -30,6 +31,7 @@ export default function Footer() {
                 <li><Link to="/docs/getting-started" className="text-slate-500 hover:text-slate-100 transition-colors">Getting Started</Link></li>
                 <li><Link to="/docs/architecture" className="text-slate-500 hover:text-slate-100 transition-colors">Architecture</Link></li>
                 <li><span className="text-slate-600">Changelog</span></li>
+                <li><Link to="/nis2" className="text-slate-500 hover:text-slate-100 transition-colors">NIS2</Link></li>
               </ul>
             </div>
             <div>

src/components/Nav.tsx

@@ -28,7 +28,7 @@ export default function Nav() {
         : 'text-slate-400 hover:text-slate-100'
     }`
 
-  const isDocsActive = location.pathname.startsWith('/docs')
+  const isDocsActive = location.pathname.startsWith('/docs') || location.pathname === '/nis2'
 
   return (
     <nav className="sticky top-0 z-10 bg-slate-900/80 backdrop-blur border-b border-slate-800">
@@ -74,6 +74,13 @@ export default function Nav() {
               >
                 Architecture
               </Link>
+              <div className="my-1 border-t border-slate-800" />
+              <Link
+                to="/nis2"
+                className="block px-4 py-2 text-sm text-slate-400 hover:text-slate-100 hover:bg-slate-800 transition-colors"
+              >
+                NIS2
+              </Link>
             </div>
           )}
         </div>
@@ -82,6 +89,10 @@ export default function Nav() {
           Plugins
         </Link>
 
+        <Link to="/roadmap" className={linkCls('/roadmap')}>
+          Roadmap
+        </Link>
+
         <div className="ml-auto">
           <Link
             to="/docs/getting-started"