add LiveKit winner post proof

frontend/src/Landing.tsx

@@ -159,6 +159,24 @@ export function Landing() {
             <img src="/media/livekit-winners.jpeg" alt="PodMan team with the LiveKit hackathon track finalists" loading="lazy" />
             <img src="/media/demo-stage.jpeg" alt="The PodMan team presenting the live recursive learning system" loading="lazy" />
           </div>
+          <a
+            className="pod-livekit-proof"
+            href={LIVEKIT_POST_URL}
+            target="_blank"
+            rel="noreferrer"
+            data-reveal
+          >
+            <img
+              src="/media/livekit-linkedin-post.jpg"
+              alt="PodMan teammates Karti Tripathi, Ramis Hasanli, Yahya Alhinai, and Shakthi Bachala celebrating with LiveKit prizes"
+              loading="lazy"
+            />
+            <span>
+              <small>FROM THE LIVEKIT LINKEDIN POST</small>
+              <strong>Track winners, caught in the wild.</strong>
+              <em>See LiveKit&apos;s post ↗</em>
+            </span>
+          </a>
         </section>
 
         <section id="team" className="pod-team pod-section">

frontend/src/index.css

@@ -208,6 +208,13 @@ input:focus-visible {
 .pod-stats dd { margin: 0.3rem 0 0; font-weight: 700; }
 .pod-win-photos { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; background: var(--pod-blue); gap: 3px; padding: 3px; }
 .pod-win-photos img { width: 100%; height: min(44vw, 620px); object-fit: cover; }
+.pod-livekit-proof { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr); background: var(--pod-blue); color: white; }
+.pod-livekit-proof img { width: 100%; height: min(52vw, 720px); object-fit: cover; }
+.pod-livekit-proof > span { display: flex; flex-direction: column; justify-content: space-between; min-height: 100%; padding: clamp(2rem, 5vw, 6rem); }
+.pod-livekit-proof small { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .72rem; font-style: normal; font-weight: 720; letter-spacing: .08em; }
+.pod-livekit-proof strong { max-width: 8ch; margin-block: 4rem; font-size: clamp(3rem, 5.2vw, 6.4rem); line-height: .9; letter-spacing: -.065em; }
+.pod-livekit-proof em { width: fit-content; border-bottom: 1px solid currentColor; padding-bottom: .35rem; font-size: .9rem; font-style: normal; font-weight: 720; }
+.pod-livekit-proof:hover em { color: var(--pod-orange); }
 
 .pod-team { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(360px, .8fr); gap: clamp(4rem, 10vw, 11rem); }
 .pod-team h2 { max-width: 10ch; font-size: clamp(3.8rem, 7vw, 8rem); line-height: 0.9; }
@@ -279,6 +286,10 @@ input:focus-visible {
   .pod-stats dt { font-size: 2rem; }
   .pod-win-photos { grid-template-columns: 1fr; }
   .pod-win-photos img { height: 70vw; }
+  .pod-livekit-proof { grid-template-columns: 1fr; }
+  .pod-livekit-proof img { height: 75vw; }
+  .pod-livekit-proof > span { min-height: 22rem; }
+  .pod-livekit-proof strong { margin-block: 3rem; font-size: clamp(3.2rem, 14vw, 4.8rem); }
   .pod-team-list strong { font-size: 1.75rem; }
   .pod-team-list a { align-items: flex-start; flex-direction: column; }
   .pod-cta { padding-block: 4rem; }