feat(inspector): update visual styling to match landing page (#166)

feat(inspector): update visual styling to match landing page

- Update color scheme to match website (black bg, white/10 borders)
- Add Open Sans font
- Update button styles (white primary buttons)
- Add collapsible tool results and status messages
- Replace avatar letters with icons (User, Settings, AlertTriangle)
- Add status dividers for session/turn events
- Update feature coverage badges to lighter grey
- Remove pill styling from event times
- Update popup menus to solid black background

feat(website): add Pi agent to hero diagram and update styling

- Add Pi agent with cyan color (#06B6D4) to the diagram
- Update layout to 3 agents on top row, 2 on bottom row
- Add backdrop-blur glass effects for modern look
- Add animated dot background that changes with active adapter
- Add scroll fade effect for hero section
- Update subtitle to include Pi in supported agents list
- Increase 'CONNECTED TO' label font size

feat(website): add site styling updates and SEO improvements

- Update component styling to match Rivet design (FAQ, FeatureGrid, etc.)
- Add SEO improvements (sitemap, robots.txt, meta tags, Open Graph)
- Remove CTASection component
- Update footer tagline
- Add Pi logo

frontend/packages/website/src/pages/index.astro

@@ -11,8 +11,7 @@ import { Footer } from '../components/Footer';
 ---
 
 <Layout title="Sandbox Agent SDK - Run Coding Agents in Sandboxes. Control Them Over HTTP.">
-  <div class="min-h-screen bg-black text-white selection:bg-accent/30">
-    <Navigation client:load />
+  <Navigation client:load />
     <main>
       <Hero client:load />
       <PainPoints client:visible />
@@ -21,6 +20,5 @@ import { Footer } from '../components/Footer';
       <Inspector client:visible />
       <FAQ client:visible />
     </main>
-    <Footer client:visible />
-  </div>
+  <Footer client:visible />
 </Layout>