Sync nav/footer across all 62 static HTML pages

Bulk updated nav to include Trucking/DOT section in desktop dropdown,
mobile menu, and footer across all public/ HTML pages. Consistent
site chrome everywhere now.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

site/public/images/compliance-process.svg

@@ -0,0 +1,156 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 520" font-family="Arial, sans-serif">
+  <defs>
+    <linearGradient id="headerGrad" x1="0" y1="0" x2="1" y2="0">
+      <stop offset="0%" stop-color="#1a2744"/>
+      <stop offset="100%" stop-color="#1e3a5f"/>
+    </linearGradient>
+    <linearGradient id="greenGrad" x1="0" y1="0" x2="1" y2="0">
+      <stop offset="0%" stop-color="#059669"/>
+      <stop offset="100%" stop-color="#10b981"/>
+    </linearGradient>
+    <filter id="shadow" x="-4%" y="-4%" width="108%" height="112%">
+      <feDropShadow dx="0" dy="2" stdDeviation="4" flood-opacity="0.08"/>
+    </filter>
+  </defs>
+
+  <!-- Background -->
+  <rect width="900" height="520" rx="12" fill="#f8fafc"/>
+
+  <!-- Title bar -->
+  <rect width="900" height="56" rx="12" fill="url(#headerGrad)"/>
+  <rect y="44" width="900" height="12" fill="url(#headerGrad)"/>
+  <rect y="52" width="900" height="4" fill="url(#greenGrad)"/>
+  <text x="450" y="36" text-anchor="middle" fill="#ffffff" font-size="18" font-weight="700" letter-spacing="0.5">Our Compliance Process &#8212; From Detection to Filing</text>
+
+  <!-- Step 1: Data Collection -->
+  <rect x="30" y="80" width="168" height="160" rx="10" fill="#ffffff" filter="url(#shadow)" stroke="#e2e8f0" stroke-width="1"/>
+  <rect x="30" y="80" width="168" height="36" rx="10" fill="#1a2744"/>
+  <rect x="30" y="106" width="168" height="10" fill="#1a2744"/>
+  <circle cx="52" cy="98" r="11" fill="#2d7ff9" opacity="0.2"/>
+  <text x="52" y="102" text-anchor="middle" fill="#ffffff" font-size="12" font-weight="700">1</text>
+  <text x="72" y="103" fill="#ffffff" font-size="12" font-weight="600">Data Collection</text>
+  <text x="114" y="138" text-anchor="middle" fill="#374151" font-size="11" font-weight="600">FCC Public Databases</text>
+  <text x="114" y="155" text-anchor="middle" fill="#6b7280" font-size="10">RMD &#8226; CORES &#8226; 499 Filer</text>
+  <text x="114" y="170" text-anchor="middle" fill="#6b7280" font-size="10">CPNI Portal &#8226; BDC</text>
+  <line x1="56" y1="182" x2="172" y2="182" stroke="#e5e7eb" stroke-width="1"/>
+  <text x="114" y="200" text-anchor="middle" fill="#374151" font-size="10">Automated daily sync</text>
+  <text x="114" y="215" text-anchor="middle" fill="#374151" font-size="10">of 10,900+ filings</text>
+  <text x="114" y="230" text-anchor="middle" fill="#9ca3af" font-size="9">Stored in PostgreSQL</text>
+
+  <!-- Arrow 1-2 -->
+  <path d="M198 160 L220 160" stroke="#cbd5e1" stroke-width="2" fill="none" marker-end="url(#arrowhead)"/>
+  <defs><marker id="arrowhead" markerWidth="8" markerHeight="6" refX="8" refY="3" orient="auto"><polygon points="0 0, 8 3, 0 6" fill="#94a3b8"/></marker></defs>
+
+  <!-- Step 2: AI Analysis -->
+  <rect x="222" y="80" width="168" height="160" rx="10" fill="#ffffff" filter="url(#shadow)" stroke="#e2e8f0" stroke-width="1"/>
+  <rect x="222" y="80" width="168" height="36" rx="10" fill="#1a2744"/>
+  <rect x="222" y="106" width="168" height="10" fill="#1a2744"/>
+  <circle cx="244" cy="98" r="11" fill="#2d7ff9" opacity="0.2"/>
+  <text x="244" y="102" text-anchor="middle" fill="#ffffff" font-size="12" font-weight="700">2</text>
+  <text x="264" y="103" fill="#ffffff" font-size="12" font-weight="600">AI-Powered Audit</text>
+  <text x="306" y="138" text-anchor="middle" fill="#374151" font-size="11" font-weight="600">Deficiency Detection</text>
+  <text x="306" y="155" text-anchor="middle" fill="#6b7280" font-size="10">KYC completeness</text>
+  <text x="306" y="170" text-anchor="middle" fill="#6b7280" font-size="10">Mitigation program gaps</text>
+  <line x1="248" y1="182" x2="364" y2="182" stroke="#e5e7eb" stroke-width="1"/>
+  <text x="306" y="200" text-anchor="middle" fill="#374151" font-size="10">90.2% on BigLaw Bench</text>
+  <text x="306" y="215" text-anchor="middle" fill="#374151" font-size="10">88&#8211;93% on Bar Exam</text>
+  <text x="306" y="230" text-anchor="middle" fill="#9ca3af" font-size="9">Anthropic Claude Opus</text>
+
+  <!-- Arrow 2-3 -->
+  <path d="M390 160 L412 160" stroke="#cbd5e1" stroke-width="2" fill="none" marker-end="url(#arrowhead)"/>
+
+  <!-- Step 3: Carrier Outreach -->
+  <rect x="414" y="80" width="168" height="160" rx="10" fill="#ffffff" filter="url(#shadow)" stroke="#e2e8f0" stroke-width="1"/>
+  <rect x="414" y="80" width="168" height="36" rx="10" fill="#1a2744"/>
+  <rect x="414" y="106" width="168" height="10" fill="#1a2744"/>
+  <circle cx="436" cy="98" r="11" fill="#2d7ff9" opacity="0.2"/>
+  <text x="436" y="102" text-anchor="middle" fill="#ffffff" font-size="12" font-weight="700">3</text>
+  <text x="456" y="103" fill="#ffffff" font-size="12" font-weight="600">Carrier Notification</text>
+  <text x="498" y="138" text-anchor="middle" fill="#374151" font-size="11" font-weight="600">Personalized Outreach</text>
+  <text x="498" y="155" text-anchor="middle" fill="#6b7280" font-size="10">Entity-specific findings</text>
+  <text x="498" y="170" text-anchor="middle" fill="#6b7280" font-size="10">Filing status details</text>
+  <line x1="440" y1="182" x2="556" y2="182" stroke="#e5e7eb" stroke-width="1"/>
+  <text x="498" y="200" text-anchor="middle" fill="#374151" font-size="10">Free compliance check</text>
+  <text x="498" y="215" text-anchor="middle" fill="#374151" font-size="10">No obligation to purchase</text>
+  <text x="498" y="230" text-anchor="middle" fill="#9ca3af" font-size="9">Campaign management</text>
+
+  <!-- Arrow 3-4 -->
+  <path d="M582 160 L604 160" stroke="#cbd5e1" stroke-width="2" fill="none" marker-end="url(#arrowhead)"/>
+
+  <!-- Step 4: Client Intake -->
+  <rect x="606" y="80" width="168" height="160" rx="10" fill="#ffffff" filter="url(#shadow)" stroke="#e2e8f0" stroke-width="1"/>
+  <rect x="606" y="80" width="168" height="36" rx="10" fill="#1a2744"/>
+  <rect x="606" y="106" width="168" height="10" fill="#1a2744"/>
+  <circle cx="628" cy="98" r="11" fill="#2d7ff9" opacity="0.2"/>
+  <text x="628" y="102" text-anchor="middle" fill="#ffffff" font-size="12" font-weight="700">4</text>
+  <text x="648" y="103" fill="#ffffff" font-size="12" font-weight="600">Secure Intake</text>
+  <text x="690" y="138" text-anchor="middle" fill="#374151" font-size="11" font-weight="600">Order &amp; Intake Process</text>
+  <text x="690" y="155" text-anchor="middle" fill="#6b7280" font-size="10">Encrypted checkout</text>
+  <text x="690" y="170" text-anchor="middle" fill="#6b7280" font-size="10">Operational questionnaire</text>
+  <line x1="632" y1="182" x2="748" y2="182" stroke="#e5e7eb" stroke-width="1"/>
+  <text x="690" y="200" text-anchor="middle" fill="#374151" font-size="10">ERP order tracking</text>
+  <text x="690" y="215" text-anchor="middle" fill="#374151" font-size="10">Client portal access</text>
+  <text x="690" y="230" text-anchor="middle" fill="#9ca3af" font-size="9">Automated workflows</text>
+
+  <!-- Row 2 -->
+
+  <!-- Step 5: Document Generation -->
+  <rect x="126" y="280" width="168" height="160" rx="10" fill="#ffffff" filter="url(#shadow)" stroke="#e2e8f0" stroke-width="1"/>
+  <rect x="126" y="280" width="168" height="36" rx="10" fill="#059669"/>
+  <rect x="126" y="306" width="168" height="10" fill="#059669"/>
+  <circle cx="148" cy="298" r="11" fill="#ffffff" opacity="0.2"/>
+  <text x="148" y="302" text-anchor="middle" fill="#ffffff" font-size="12" font-weight="700">5</text>
+  <text x="168" y="303" fill="#ffffff" font-size="12" font-weight="600">Document Prep</text>
+  <text x="210" y="338" text-anchor="middle" fill="#374151" font-size="11" font-weight="600">Filing Generation</text>
+  <text x="210" y="355" text-anchor="middle" fill="#6b7280" font-size="10">Based on actual operations</text>
+  <text x="210" y="370" text-anchor="middle" fill="#6b7280" font-size="10">Tailored to carrier type</text>
+  <line x1="152" y1="382" x2="268" y2="382" stroke="#e5e7eb" stroke-width="1"/>
+  <text x="210" y="400" text-anchor="middle" fill="#374151" font-size="10">AI-assisted drafting</text>
+  <text x="210" y="415" text-anchor="middle" fill="#374151" font-size="10">Human expert review</text>
+  <text x="210" y="430" text-anchor="middle" fill="#9ca3af" font-size="9">Template + custom logic</text>
+
+  <!-- Arrow 5-6 -->
+  <path d="M294 360 L364 360" stroke="#cbd5e1" stroke-width="2" fill="none" marker-end="url(#arrowhead)"/>
+
+  <!-- Step 6: Client Review (highlighted) -->
+  <rect x="366" y="280" width="168" height="160" rx="10" fill="#fffbeb" filter="url(#shadow)" stroke="#f59e0b" stroke-width="2"/>
+  <rect x="366" y="280" width="168" height="36" rx="10" fill="#f59e0b"/>
+  <rect x="366" y="306" width="168" height="10" fill="#f59e0b"/>
+  <circle cx="388" cy="298" r="11" fill="#ffffff" opacity="0.3"/>
+  <text x="388" y="302" text-anchor="middle" fill="#ffffff" font-size="12" font-weight="700">6</text>
+  <text x="408" y="303" fill="#ffffff" font-size="12" font-weight="600">Client Approval</text>
+  <text x="450" y="338" text-anchor="middle" fill="#374151" font-size="11" font-weight="700">MANDATORY REVIEW</text>
+  <text x="450" y="355" text-anchor="middle" fill="#6b7280" font-size="10">Client reviews every line</text>
+  <text x="450" y="370" text-anchor="middle" fill="#6b7280" font-size="10">Confirms actual practices</text>
+  <line x1="392" y1="382" x2="508" y2="382" stroke="#fcd34d" stroke-width="1"/>
+  <text x="450" y="400" text-anchor="middle" fill="#92400e" font-size="10" font-weight="600">Nothing filed without</text>
+  <text x="450" y="415" text-anchor="middle" fill="#92400e" font-size="10" font-weight="600">explicit authorization</text>
+  <text x="450" y="430" text-anchor="middle" fill="#92400e" font-size="9">Perjury declaration signed</text>
+
+  <!-- Arrow 6-7 -->
+  <path d="M534 360 L604 360" stroke="#cbd5e1" stroke-width="2" fill="none" marker-end="url(#arrowhead)"/>
+
+  <!-- Step 7: Filing & Delivery -->
+  <rect x="606" y="280" width="168" height="160" rx="10" fill="#ffffff" filter="url(#shadow)" stroke="#e2e8f0" stroke-width="1"/>
+  <rect x="606" y="280" width="168" height="36" rx="10" fill="#059669"/>
+  <rect x="606" y="306" width="168" height="10" fill="#059669"/>
+  <circle cx="628" cy="298" r="11" fill="#ffffff" opacity="0.2"/>
+  <text x="628" y="302" text-anchor="middle" fill="#ffffff" font-size="12" font-weight="700">7</text>
+  <text x="648" y="303" fill="#ffffff" font-size="12" font-weight="600">Filing &amp; Delivery</text>
+  <text x="690" y="338" text-anchor="middle" fill="#374151" font-size="11" font-weight="600">FCC Submission</text>
+  <text x="690" y="355" text-anchor="middle" fill="#6b7280" font-size="10">Filed with FCC on record</text>
+  <text x="690" y="370" text-anchor="middle" fill="#6b7280" font-size="10">Confirmation delivered</text>
+  <line x1="632" y1="382" x2="748" y2="382" stroke="#e5e7eb" stroke-width="1"/>
+  <text x="690" y="400" text-anchor="middle" fill="#374151" font-size="10">Documents in portal</text>
+  <text x="690" y="415" text-anchor="middle" fill="#374151" font-size="10">ERP order completed</text>
+  <text x="690" y="430" text-anchor="middle" fill="#9ca3af" font-size="9">Ongoing monitoring</text>
+
+  <!-- Connector arrow from row 1 to row 2 -->
+  <path d="M690 240 L690 260 Q690 270 680 270 L220 270 Q210 270 210 280" stroke="#cbd5e1" stroke-width="2" fill="none" marker-end="url(#arrowhead)"/>
+
+  <!-- Bottom bar -->
+  <rect y="464" width="900" height="56" rx="0" fill="#1a2744"/>
+  <rect y="464" width="900" height="3" fill="url(#greenGrad)"/>
+  <text x="450" y="496" text-anchor="middle" fill="rgba(255,255,255,0.7)" font-size="12">Every step auditable &#8226; Every filing client-approved &#8226; Every document in your portal &#8226; performancewest.net</text>
+
+</svg>