Add 17 new images across all pages: hero backgrounds, section visuals, product shots

Pages updated: index, raptor, aegis, scout, fedresume, company, technology, careers, contact, architect
Images: photorealistic environments, equipment, hardware, UI mockups - no AI-generated people
All images optimized to webp, 65-240KB each

Author: Ceradon Systems

aegis.html

@@ -89,6 +89,7 @@
 
       <!-- ============ HERO ============ -->
       <section class="relative overflow-hidden min-h-[75vh] flex items-center">
+        <img src="./assets/hero-aegis.webp" alt="" class="absolute inset-0 w-full h-full object-cover opacity-15 pointer-events-none" aria-hidden="true" loading="eager" />
         <div class="absolute inset-0 pointer-events-none">
           <div class="absolute inset-0 bg-gradient-to-b from-[#04070d]/30 via-[#0a1628]/80 to-[#04070d]"></div>
         </div>
@@ -208,6 +209,9 @@ <h3 class="font-semibold text-[color:var(--white)]">Mesh networked</h3>
             <span class="tag">Sensor Stack</span>
             <h2 class="section-heading">Three modalities. One fused picture.</h2>
           </div>
+          <div class="rounded-xl overflow-hidden max-w-4xl mx-auto" data-animate>
+            <img src="./assets/section-aegis-sensors.webp" alt="Counter-UAS sensor modules — RF antenna, acoustic array, and PTZ camera" class="w-full h-auto image-surface" loading="lazy" width="1600" height="1066" />
+          </div>
 
           <div class="grid gap-8 lg:grid-cols-3" data-animate-stagger>
             <!-- Acoustic -->
@@ -268,6 +272,9 @@ <h3 class="text-xl font-bold text-[color:var(--white)]">Passive RF (Vantage)</h3
             <span class="tag">Sensor Fusion</span>
             <h2 class="section-heading">How detection works</h2>
           </div>
+          <div class="rounded-xl overflow-hidden max-w-4xl mx-auto" data-animate>
+            <img src="./assets/section-aegis-detection.webp" alt="Radar tracking display showing drone detection and tracking" class="w-full h-auto image-surface" loading="lazy" width="1600" height="1066" />
+          </div>
 
           <div class="grid gap-6 md:grid-cols-3" data-animate-stagger>
             <div class="card-glass p-6 space-y-4 text-center">

architect.html

@@ -85,6 +85,7 @@
     </header>
     <main id="main-content">
       <section class="relative overflow-hidden hero-splash border-b border-[color:var(--steel-700)]">
+        <img src="./assets/hero-architect.webp" alt="" class="absolute inset-0 w-full h-full object-cover opacity-15 pointer-events-none" aria-hidden="true" loading="eager" />
         <div class="relative mx-auto max-w-7xl px-4 py-16">
           <div class="grid gap-10 lg:grid-cols-[1.4fr_1fr] lg:items-center">
             <div class="space-y-6">