diff --git a/pages/_app.tsx b/pages/_app.tsx
index 26a3dc6..98d0264 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -5,6 +5,7 @@ import { Analytics } from '@vercel/analytics/react'
 import { SpeedInsights } from '@vercel/speed-insights/next'
 import MetricoolPixel from '@/components/MetricoolPixel'
 import '@/styles/globals.css'
+import '@/styles/inference-day.css'
 
 // Google Analytics 4. The Measurement ID is not secret (it ships to the
 // browser). Loaded in production only so local development doesn't send hits.
diff --git a/pages/inference-day.tsx b/pages/inference-day.tsx
new file mode 100644
index 0000000..f48ddc4
--- /dev/null
+++ b/pages/inference-day.tsx
@@ -0,0 +1,70 @@
+import Seo from '@/components/Seo'
+import Footer from '@/components/Footer'
+import { SITE_URL } from '@/lib/site'
+import EventNav from '@/components/inference-day/EventNav'
+import EventHero from '@/components/inference-day/EventHero'
+import RegisterSection from '@/components/inference-day/RegisterSection'
+import Agenda from '@/components/inference-day/Agenda'
+import Speakers from '@/components/inference-day/Speakers'
+import ClosingCta from '@/components/inference-day/ClosingCta'
+import EventLockup from '@/components/inference-day/EventLockup'
+
+const TITLE = 'Inference Day · November 5, 2026 | Modelplane'
+const DESCRIPTION =
+  'A free, live virtual event on the future of AI infrastructure. Kelsey Hightower, Viktor Farcic and open source maintainers from NVIDIA, Red Hat, Tetrate, Ericsson, Qualcomm, Dash0 and Upbound.'
+
+// Schema.org Event structured data. Times are expressed in PST (-08:00), matching
+// the 8 a.m.–11 a.m. PST / 5 p.m.–8 p.m. CET agenda.
+const eventJsonLd = {
+  '@context': 'https://schema.org',
+  '@type': 'Event',
+  name: 'Inference Day',
+  description:
+    'A free, live virtual event on the future of AI infrastructure.',
+  url: `${SITE_URL}/inference-day`,
+  startDate: '2026-11-05T08:00:00-08:00',
+  endDate: '2026-11-05T11:00:00-08:00',
+  eventAttendanceMode: 'https://schema.org/OnlineEventAttendanceMode',
+  eventStatus: 'https://schema.org/EventScheduled',
+  isAccessibleForFree: true,
+  location: {
+    '@type': 'VirtualLocation',
+    url: `${SITE_URL}/inference-day`,
+  },
+  organizer: { '@type': 'Organization', name: 'Modelplane', url: SITE_URL },
+  sponsor: { '@type': 'Organization', name: 'Upbound', url: 'https://www.upbound.io' },
+  performer: [
+    { '@type': 'Person', name: 'Kelsey Hightower' },
+    { '@type': 'Person', name: 'Viktor Farcic' },
+  ],
+}
+
+export default function InferenceDay() {
+  const url = `${SITE_URL}/inference-day`
+
+  return (
+    <>
+      {/* TODO(og-image): render a 1200×630 card (wordmark + date + contrail) and
+          pass it as `image`. Until then <Seo> falls back to the generic card. */}
+      <Seo title={TITLE} description={DESCRIPTION} url={url}>
+        <script
+          type="application/ld+json"
+          dangerouslySetInnerHTML={{ __html: JSON.stringify(eventJsonLd) }}
+        />
+      </Seo>
+
+      <div className="id-page">
+        <EventNav />
+        <main>
+          <EventHero />
+          <RegisterSection />
+          <Agenda />
+          <Speakers />
+          <ClosingCta />
+        </main>
+        <EventLockup />
+        <Footer />
+      </div>
+    </>
+  )
+}
diff --git a/pages/sitemap.xml.tsx b/pages/sitemap.xml.tsx
index 8b51d39..2a93627 100644
--- a/pages/sitemap.xml.tsx
+++ b/pages/sitemap.xml.tsx
@@ -17,6 +17,7 @@ export const getServerSideProps: GetServerSideProps = async ({ res }) => {
   const entries = [
     urlEntry(`${SITE_URL}/`),
     urlEntry(`${SITE_URL}/manifesto`),
+    urlEntry(`${SITE_URL}/inference-day`),
     urlEntry(`${SITE_URL}/blog`),
     ...posts.map((p) =>
       urlEntry(`${SITE_URL}/blog/${p.slug}`, new Date(p.date).toISOString())
diff --git a/public/inference-day/contrail.png b/public/inference-day/contrail.png
new file mode 100644
index 0000000..63d50c5
Binary files /dev/null and b/public/inference-day/contrail.png differ
diff --git a/public/inference-day/inference-day.ics b/public/inference-day/inference-day.ics
new file mode 100644
index 0000000..709f6fb
--- /dev/null
+++ b/public/inference-day/inference-day.ics
@@ -0,0 +1,16 @@
+BEGIN:VCALENDAR
+VERSION:2.0
+PRODID:-//Modelplane//Inference Day//EN
+CALSCALE:GREGORIAN
+METHOD:PUBLISH
+BEGIN:VEVENT
+UID:inference-day-2026-11-05@modelplane.ai
+DTSTAMP:20261020T000000Z
+DTSTART:20261105T160000Z
+DTEND:20261105T190000Z
+SUMMARY:Inference Day
+URL:https://modelplane.ai/inference-day
+DESCRIPTION:Free, live virtual event on the future of AI infrastructure. The StreamYard link is sent on registration.
+LOCATION:Virtual
+END:VEVENT
+END:VCALENDAR
diff --git a/public/inference-day/lockup.png b/public/inference-day/lockup.png
new file mode 100644
index 0000000..9191a76
Binary files /dev/null and b/public/inference-day/lockup.png differ
diff --git a/public/inference-day/speakers/annie.jpg b/public/inference-day/speakers/annie.jpg
new file mode 100644
index 0000000..7261c3a
Binary files /dev/null and b/public/inference-day/speakers/annie.jpg differ
diff --git a/public/inference-day/speakers/dennis.jpg b/public/inference-day/speakers/dennis.jpg
new file mode 100644
index 0000000..13a537d
Binary files /dev/null and b/public/inference-day/speakers/dennis.jpg differ
diff --git a/public/inference-day/speakers/erica.jpg b/public/inference-day/speakers/erica.jpg
new file mode 100644
index 0000000..6eae331
Binary files /dev/null and b/public/inference-day/speakers/erica.jpg differ
diff --git a/public/inference-day/speakers/filippe.jpg b/public/inference-day/speakers/filippe.jpg
new file mode 100644
index 0000000..9ab8ca7
Binary files /dev/null and b/public/inference-day/speakers/filippe.jpg differ
diff --git a/public/inference-day/speakers/itay.jpg b/public/inference-day/speakers/itay.jpg
new file mode 100644
index 0000000..3398267
Binary files /dev/null and b/public/inference-day/speakers/itay.jpg differ
diff --git a/public/inference-day/speakers/julia.jpg b/public/inference-day/speakers/julia.jpg
new file mode 100644
index 0000000..fed21dd
Binary files /dev/null and b/public/inference-day/speakers/julia.jpg differ
diff --git a/public/inference-day/speakers/kashif.jpg b/public/inference-day/speakers/kashif.jpg
new file mode 100644
index 0000000..ad3fafd
Binary files /dev/null and b/public/inference-day/speakers/kashif.jpg differ
diff --git a/public/inference-day/speakers/kelsey.jpg b/public/inference-day/speakers/kelsey.jpg
new file mode 100644
index 0000000..1d32e28
Binary files /dev/null and b/public/inference-day/speakers/kelsey.jpg differ
diff --git a/public/inference-day/speakers/nic.jpg b/public/inference-day/speakers/nic.jpg
new file mode 100644
index 0000000..2378a2f
Binary files /dev/null and b/public/inference-day/speakers/nic.jpg differ
diff --git a/public/inference-day/speakers/shivay.jpg b/public/inference-day/speakers/shivay.jpg
new file mode 100644
index 0000000..8acc800
Binary files /dev/null and b/public/inference-day/speakers/shivay.jpg differ
diff --git a/public/inference-day/speakers/viktor.jpg b/public/inference-day/speakers/viktor.jpg
new file mode 100644
index 0000000..b75d8fd
Binary files /dev/null and b/public/inference-day/speakers/viktor.jpg differ
diff --git a/src/components/inference-day/Agenda.tsx b/src/components/inference-day/Agenda.tsx
new file mode 100644
index 0000000..e056fac
--- /dev/null
+++ b/src/components/inference-day/Agenda.tsx
@@ -0,0 +1,31 @@
+import agenda from '@/data/inference-day/agenda.json'
+
+// Agenda: a two-column grid per row (time | body). The time column stacks above
+// the body on small screens. Rendered as a semantic ordered list.
+export default function Agenda() {
+  return (
+    <section className="id-agenda" id="agenda">
+      <div className="id-wrap">
+        <p className="id-eyebrow">{agenda.eyebrow}</p>
+        <h2 className="id-h2">{agenda.heading}</h2>
+
+        <ol className="id-agenda-list">
+          {agenda.sessions.map((s, i) => (
+            <li key={i} className="id-agenda-row">
+              <div className="id-agenda-time">
+                <div className="pst">{s.pst}</div>
+                <div className="cet">{s.cet}</div>
+              </div>
+              <div className="id-agenda-body">
+                {s.type && <p className="id-agenda-type">{s.type}</p>}
+                <h3 className="id-agenda-title">{s.title}</h3>
+                {s.description && <p className="id-agenda-desc">{s.description}</p>}
+                <p className="id-agenda-meta">{s.meta}</p>
+              </div>
+            </li>
+          ))}
+        </ol>
+      </div>
+    </section>
+  )
+}
diff --git a/src/components/inference-day/ClosingCta.tsx b/src/components/inference-day/ClosingCta.tsx
new file mode 100644
index 0000000..a7d00cd
--- /dev/null
+++ b/src/components/inference-day/ClosingCta.tsx
@@ -0,0 +1,24 @@
+import EventActions from './EventActions'
+
+// Closing CTA: the wordmark again, a one-line reminder, the date, and the same
+// two buttons as the hero, over the contrail art anchored to the bottom.
+export default function ClosingCta() {
+  return (
+    <section className="id-cta">
+      <img src="/inference-day/contrail.png" alt="" aria-hidden="true" className="id-cta-art" />
+
+      <div className="id-wrap id-cta-inner">
+        <h2 className="id-wordmark">Inference Day</h2>
+        <p className="id-cta-line">Every session is live. Bring your questions.</p>
+        <p className="id-date">
+          <time dateTime="2026-11-05T16:00:00Z">
+            November 5, 2026 · 8 a.m. PST / 5 p.m. CET · Virtual
+          </time>
+        </p>
+        <div className="id-cta-actions">
+          <EventActions />
+        </div>
+      </div>
+    </section>
+  )
+}
diff --git a/src/components/inference-day/EventActions.tsx b/src/components/inference-day/EventActions.tsx
new file mode 100644
index 0000000..2511c73
--- /dev/null
+++ b/src/components/inference-day/EventActions.tsx
@@ -0,0 +1,13 @@
+// The Register / Add to calendar button pair, shared by the hero and the
+// closing CTA. "Add to calendar" downloads the static .ics; the StreamYard link
+// itself is emailed on registration, not shown on the page.
+export const ICS_HREF = '/inference-day/inference-day.ics'
+
+export default function EventActions() {
+  return (
+    <div className="id-hero-actions">
+      <a href="#register" className="btn-primary">Register →</a>
+      <a href={ICS_HREF} download className="btn-ghost">Add to calendar</a>
+    </div>
+  )
+}
diff --git a/src/components/inference-day/EventHero.tsx b/src/components/inference-day/EventHero.tsx
new file mode 100644
index 0000000..9208047
--- /dev/null
+++ b/src/components/inference-day/EventHero.tsx
@@ -0,0 +1,36 @@
+import EventActions from './EventActions'
+
+// Hero: full-bleed contrail art behind left-aligned content. The wordmark is the
+// page's single <h1> and stays real (gradient-clipped) text for accessibility.
+export default function EventHero() {
+  return (
+    <section className="id-hero" id="top">
+      <img src="/inference-day/contrail.png" alt="" aria-hidden="true" className="id-hero-art" />
+
+      <div className="id-wrap">
+        <div className="id-hero-inner">
+          <h1 className="id-wordmark">Inference Day</h1>
+
+          <p className="id-hero-intro">
+            <span>Hear where AI infrastructure is going from the engineers building it.</span>
+            <span>Inference Day is a free, live virtual event on the future of AI infrastructure.</span>
+          </p>
+
+          <p className="id-date">
+            <time dateTime="2026-11-05T16:00:00Z">
+              November 5, 2026 · 8 a.m. PST / 5 p.m. CET · Virtual
+            </time>
+          </p>
+
+          <EventActions />
+        </div>
+      </div>
+
+      <img
+        src="/inference-day/lockup.png"
+        alt="Hosted by Modelplane · Sponsored by Upbound"
+        className="id-hero-lockup"
+      />
+    </section>
+  )
+}
diff --git a/src/components/inference-day/EventLockup.tsx b/src/components/inference-day/EventLockup.tsx
new file mode 100644
index 0000000..5e85a89
--- /dev/null
+++ b/src/components/inference-day/EventLockup.tsx
@@ -0,0 +1,11 @@
+// The "Hosted by Modelplane · Sponsored by Upbound" lockup row that sits directly
+// above the shared site <Footer /> on the event page.
+export default function EventLockup() {
+  return (
+    <div className="id-footer-lockup">
+      <div className="id-wrap">
+        <img src="/inference-day/lockup.png" alt="Hosted by Modelplane · Sponsored by Upbound" />
+      </div>
+    </div>
+  )
+}
diff --git a/src/components/inference-day/EventNav.tsx b/src/components/inference-day/EventNav.tsx
new file mode 100644
index 0000000..921edc3
--- /dev/null
+++ b/src/components/inference-day/EventNav.tsx
@@ -0,0 +1,61 @@
+import { useEffect, useState } from 'react'
+
+// Event-specific top bar for /inference-day. Separate from the site Nav so the
+// links are the on-page anchors rather than the marketing nav. Sticky on a
+// midnight background; collapses to a toggle menu on small screens.
+const DOCS_URL = 'https://docs.modelplane.ai'
+
+const LINKS = [
+  { label: 'Register', href: '#register' },
+  { label: 'Agenda', href: '#agenda' },
+  { label: 'Speakers', href: '#speakers' },
+  { label: 'Docs', href: DOCS_URL },
+]
+
+export default function EventNav() {
+  const [open, setOpen] = useState(false)
+
+  // Close the mobile menu when the hash changes (an anchor link was followed).
+  useEffect(() => {
+    const close = () => setOpen(false)
+    window.addEventListener('hashchange', close)
+    return () => window.removeEventListener('hashchange', close)
+  }, [])
+
+  return (
+    <nav className="id-nav" aria-label="Inference Day">
+      <div className="id-wrap id-nav-inner">
+        <a href="#top" className="id-nav-logo" aria-label="Modelplane">
+          <img src="/logo-inverted.svg" alt="Modelplane" />
+        </a>
+
+        <ul className="id-nav-links">
+          {LINKS.map((l) => (
+            <li key={l.href}>
+              <a href={l.href}>{l.label}</a>
+            </li>
+          ))}
+          <li>
+            <a href="#register" className="btn-primary">Register →</a>
+          </li>
+        </ul>
+
+        <button
+          className="id-nav-toggle"
+          onClick={() => setOpen((v) => !v)}
+          aria-label="Toggle menu"
+          aria-expanded={open}
+        >
+          <span /><span /><span />
+        </button>
+      </div>
+
+      <div className={`id-nav-mobile${open ? ' open' : ''}`}>
+        {LINKS.map((l) => (
+          <a key={l.href} href={l.href} onClick={() => setOpen(false)}>{l.label}</a>
+        ))}
+        <a href="#register" className="btn-primary id-btn-block" onClick={() => setOpen(false)}>Register →</a>
+      </div>
+    </nav>
+  )
+}
diff --git a/src/components/inference-day/RegisterSection.tsx b/src/components/inference-day/RegisterSection.tsx
new file mode 100644
index 0000000..984f889
--- /dev/null
+++ b/src/components/inference-day/RegisterSection.tsx
@@ -0,0 +1,42 @@
+import RegistrationForm from './RegistrationForm'
+
+// About copy (left) + the registration card (right). Stacks below ~1024px with
+// the form second.
+export default function RegisterSection() {
+  return (
+    <section className="id-register" id="register">
+      <div className="id-wrap id-register-grid">
+        <div className="id-about">
+          <p className="id-eyebrow">About the event</p>
+          <h2 className="id-about-h2">
+            The future of AI infrastructure, from the people building it.
+          </h2>
+          <p>
+            Kelsey Hightower opens with a 45-minute fireside chat on where AI infrastructure is
+            headed, what platform teams should build now, and which lessons from cloud native still
+            apply.
+          </p>
+          <p>
+            From there, open source maintainers, infrastructure leaders, and practitioners working
+            with AI in production come together for live conversations about what it actually takes
+            to run inference at scale.
+          </p>
+          <p>
+            Viktor Farcic closes the event with Inference 101, bringing the pieces together and
+            breaking down what platform engineers need to understand about this emerging
+            infrastructure layer.
+          </p>
+          <p className="id-about-highlight">
+            Every session is live. Bring your questions. They&rsquo;ll answer them.
+          </p>
+        </div>
+
+        <div className="id-form-card">
+          <p className="id-eyebrow">Free · Virtual · November 5</p>
+          <h3>Save your spot</h3>
+          <RegistrationForm />
+        </div>
+      </div>
+    </section>
+  )
+}
diff --git a/src/components/inference-day/RegistrationForm.tsx b/src/components/inference-day/RegistrationForm.tsx
new file mode 100644
index 0000000..127ee66
--- /dev/null
+++ b/src/components/inference-day/RegistrationForm.tsx
@@ -0,0 +1,31 @@
+// Registration is handled by StreamYard's embedded registration. We keep the
+// form card (the eyebrow + "Save your spot" heading in RegisterSection, and the
+// fine print below) as the visual wrapper, and drop the custom fields in favour
+// of StreamYard's own registration form rendered in the iframe. To point at a
+// different broadcast, change STREAMYARD_EMBED_URL.
+const STREAMYARD_EMBED_URL = 'https://streamyard.com/watch/4crxFjQ5wd2h?embed=true'
+
+// Registration is handled by Upbound via StreamYard, so the privacy link points
+// at Upbound's policy. Open item: confirm the target with Annie.
+const PRIVACY_URL = 'https://www.upbound.io/privacy-policy'
+
+export default function RegistrationForm() {
+  return (
+    <>
+      <div className="id-embed">
+        <iframe
+          src={STREAMYARD_EMBED_URL}
+          title="Register for Inference Day"
+          allow="autoplay; fullscreen"
+          loading="lazy"
+        />
+      </div>
+
+      <p className="id-form-fine">
+        You&rsquo;ll get the StreamYard link and a calendar invite by email. Registration is handled by
+        Upbound.{' '}
+        <a href={PRIVACY_URL} target="_blank" rel="noopener noreferrer">Privacy policy</a>
+      </p>
+    </>
+  )
+}
diff --git a/src/components/inference-day/Speakers.tsx b/src/components/inference-day/Speakers.tsx
new file mode 100644
index 0000000..53dc88b
--- /dev/null
+++ b/src/components/inference-day/Speakers.tsx
@@ -0,0 +1,71 @@
+import speakers from '@/data/inference-day/speakers.json'
+
+// Speakers: a featured row (Kelsey large, Viktor small) above a panelist grid.
+// The JSON order is authoritative — Itay Neeman first, Annie Talvasto last.
+const [kelsey, viktor] = speakers.featured
+
+export default function Speakers() {
+  return (
+    <section className="id-speakers" id="speakers">
+      <div className="id-wrap">
+        <p className="id-eyebrow">Speakers</p>
+        <h2 className="id-h2">The people building the inference stack.</h2>
+
+        <div className="id-featured">
+          <div className="id-featured--large">
+            <img
+              src={kelsey.photo}
+              alt={kelsey.name}
+              width={300}
+              height={392}
+              className="id-photo"
+              loading="lazy"
+            />
+            <div>
+              <p className="id-eyebrow">{kelsey.eyebrow}</p>
+              <p className="id-featured-name-lg">{kelsey.name}</p>
+              <p className="id-featured-bio-lg">{kelsey.bio}</p>
+            </div>
+          </div>
+
+          <div className="id-featured--small">
+            <img
+              src={viktor.photo}
+              alt={viktor.name}
+              width={150}
+              height={196}
+              className="id-photo"
+              loading="lazy"
+            />
+            <div>
+              <p className="id-eyebrow">{viktor.eyebrow}</p>
+              <p className="id-featured-name-sm">{viktor.name}</p>
+              <p className="id-featured-bio-sm">{viktor.bio}</p>
+            </div>
+          </div>
+        </div>
+
+        <p className="id-eyebrow id-panelists-label">Panelists</p>
+        <div className="id-panel-grid">
+          {speakers.panelists.map((p) => (
+            <div key={p.id} className="id-panel-card">
+              <img
+                src={p.photo}
+                alt={p.name}
+                width={150}
+                height={150}
+                className="id-photo"
+                loading="lazy"
+              />
+              <h3 className="id-panel-name">{p.name}</h3>
+              <p className="id-panel-role">{p.role}</p>
+              <p className="id-panel-project">{p.project}</p>
+            </div>
+          ))}
+        </div>
+
+        <p className="id-panel-footnote">{speakers.footnote}</p>
+      </div>
+    </section>
+  )
+}
diff --git a/src/data/inference-day/agenda.json b/src/data/inference-day/agenda.json
new file mode 100644
index 0000000..54f7a73
--- /dev/null
+++ b/src/data/inference-day/agenda.json
@@ -0,0 +1,11 @@
+{
+  "eyebrow": "AGENDA · NOVEMBER 5 · ALL TIMES PST / CET",
+  "heading": "Three hours. All live.",
+  "sessions": [
+    { "pst": "8:00 A.M.", "cet": "5:00 P.M. CET", "type": null, "title": "Welcome", "description": null, "meta": "Modelplane team · 10 min" },
+    { "pst": "8:10 A.M.", "cet": "5:10 P.M. CET", "type": "FIRESIDE CHAT", "title": "Kelsey Hightower", "description": "A conversation on how inference is changing infrastructure, what platform teams should build now, and what the community should avoid repeating.", "meta": "45 min" },
+    { "pst": "9:00 A.M.", "cet": "6:00 P.M. CET", "type": "LIVE PANELS", "title": "Live Conversations on the Future of AI Infrastructure", "description": "Open source maintainers, infrastructure leaders, and practitioners discuss the technologies, patterns, and challenges shaping production AI infrastructure.", "meta": "90 min · Session titles announced with the final speaker lineup" },
+    { "pst": "10:30 A.M.", "cet": "7:30 P.M. CET", "type": "INFERENCE 101", "title": "Viktor Farcic", "description": "A practical look at the emerging AI inference stack and what cloud native and platform engineers need to know.", "meta": "30 min" },
+    { "pst": "11:00 A.M.", "cet": "8:00 P.M. CET", "type": null, "title": "Wrap-up", "description": null, "meta": "Modelplane team" }
+  ]
+}
diff --git a/src/data/inference-day/speakers.json b/src/data/inference-day/speakers.json
new file mode 100644
index 0000000..b9319a8
--- /dev/null
+++ b/src/data/inference-day/speakers.json
@@ -0,0 +1,32 @@
+{
+  "featured": [
+    {
+      "id": "kelsey-hightower",
+      "size": "large",
+      "eyebrow": "FIRESIDE CHAT WITH",
+      "name": "Kelsey Hightower",
+      "bio": "Former Google Cloud Distinguished Engineer, Open Source Contributor, Author, Investor, and Minimalist",
+      "photo": "/inference-day/speakers/kelsey.jpg"
+    },
+    {
+      "id": "viktor-farcic",
+      "size": "small",
+      "eyebrow": "INFERENCE 101 WITH",
+      "name": "Viktor Farcic",
+      "bio": "Developer Advocate, Upbound · DevOps and AI Toolkit",
+      "photo": "/inference-day/speakers/viktor.jpg"
+    }
+  ],
+  "panelists": [
+    { "id": "itay-neeman", "name": "Itay Neeman", "role": "Senior Director, NVIDIA", "project": "Dynamo Engineering", "photo": "/inference-day/speakers/itay.jpg" },
+    { "id": "erica-hughberg", "name": "Erica Hughberg", "role": "Community Advocate, Tetrate", "project": "Envoy AI Gateway / Agent Router Maintainer", "photo": "/inference-day/speakers/erica.jpg" },
+    { "id": "kashif-nizam-khan", "name": "Kashif Nizam Khan", "role": "Principal Open Source Architect, Ericsson", "project": "Metal3 Maintainer and CNCF TAG Infrastructure Co-Chair", "photo": "/inference-day/speakers/kashif.jpg" },
+    { "id": "shivay-lamba", "name": "Shivay Lamba", "role": "Senior ML Engineer, Qualcomm", "project": "TensorFlow.js SIG member, Kubeflow and cloud native AI contributor", "photo": "/inference-day/speakers/shivay.jpg" },
+    { "id": "filippe-spolti", "name": "Filippe Spolti", "role": "Senior Software Engineer, Red Hat", "project": "KServe Maintainer", "photo": "/inference-day/speakers/filippe.jpg" },
+    { "id": "julia-furst-morgado", "name": "Julia Furst Morgado", "role": "Principal Developer Relations Engineer, Dash0", "project": "OpenTelemetry project Community Manager", "photo": "/inference-day/speakers/julia.jpg" },
+    { "id": "dennis-ramdass", "name": "Dennis Ramdass", "role": "Principal AI Engineer, Upbound", "project": "Modelplane Maintainer", "photo": "/inference-day/speakers/dennis.jpg" },
+    { "id": "nic-cope", "name": "Nic Cope", "role": "Senior Principal Engineer, Upbound", "project": "Modelplane & Crossplane Maintainer", "photo": "/inference-day/speakers/nic.jpg" },
+    { "id": "annie-talvasto", "name": "Annie Talvasto", "role": "Sr. Manager, Upbound", "project": "CNCF Ambassador", "photo": "/inference-day/speakers/annie.jpg" }
+  ],
+  "footnote": "More speakers to be announced."
+}
diff --git a/src/styles/inference-day.css b/src/styles/inference-day.css
new file mode 100644
index 0000000..6d1b1df
--- /dev/null
+++ b/src/styles/inference-day.css
@@ -0,0 +1,546 @@
+/* Inference Day registration page (/inference-day).
+   Everything is scoped under .id-page so none of it leaks into the main site.
+   Tokens come from the handoff's data/tokens.css; existing globals already define
+   --mp-dark-spruce (#001D2F), --mp-purple (#9A5EFC) and --mp-sky (#00DCE8), which
+   we alias here. Buttons reuse the global .btn-primary / .btn-ghost. */
+
+.id-page {
+  --id-midnight: #001C2E;                   /* page background, form inputs */
+  --id-hero: var(--mp-dark-spruce, #001D2F); /* hero + closing CTA background */
+  --id-teal: #03394A;                        /* form card, speakers band, agenda gradient end */
+  --id-violet: var(--mp-purple, #9A5EFC);    /* PRIMARY BUTTONS ONLY */
+  --id-azure: #3FA0F5;                        /* agenda session-type labels */
+  --id-cyan: var(--mp-sky, #00DCE8);          /* eyebrows, date line, times, highlight copy */
+  --id-photo-bg: #1B3D55;
+  --id-white-80: rgba(255, 255, 255, .80);
+  --id-white-72: rgba(255, 255, 255, .72);
+  --id-white-60: rgba(255, 255, 255, .60);
+  --id-line: rgba(255, 255, 255, .16);
+  --id-field-border: rgba(255, 255, 255, .20);
+  --id-wordmark: linear-gradient(90deg, #9A5EFC 0%, #00DCE8 100%);
+  --id-radius-card: 26px;
+  --id-radius-field: 12px;
+  --id-gutter: clamp(20px, 6.2vw, 89px);     /* 89px at 1440 */
+  --id-section-y: clamp(64px, 6.7vw, 96px);
+  --font-display: 'Outfit', sans-serif;
+  --font-body: 'Inter', sans-serif;
+
+  background: var(--id-midnight);
+  color: #fff;
+  font-family: var(--font-body);
+}
+
+/* The page sets its own background; pin html and body to the same midnight so
+   there is no seam under a short viewport and no white band on overscroll at the
+   top (hero) or bottom (footer). Scoped via :has so other pages are untouched.
+   A literal colour is used because --id-midnight is defined on .id-page, which
+   is a child of body, and custom properties do not inherit upward. */
+html:has(.id-page),
+body:has(.id-page) { background: #001C2E; }
+
+.id-page * { box-sizing: border-box; }
+
+/* Content column: 1262px of content with the gutter on either side (1440 total). */
+.id-wrap {
+  width: 100%;
+  max-width: calc(1262px + 2 * var(--id-gutter));
+  margin-inline: auto;
+  padding-inline: var(--id-gutter);
+}
+
+.id-page section { scroll-margin-top: 84px; } /* clear the sticky nav on anchor jumps */
+
+/* ── Shared type ──────────────────────────────────────────────────────────── */
+.id-wordmark {
+  font-family: var(--font-display);
+  font-weight: 500;
+  letter-spacing: -0.03em;
+  line-height: 1.02;
+  background: var(--id-wordmark);
+  -webkit-background-clip: text;
+  background-clip: text;
+  -webkit-text-fill-color: transparent;
+  color: transparent;
+}
+.id-eyebrow {
+  font: 400 13px/1.3 var(--font-body);
+  letter-spacing: .10em;
+  text-transform: uppercase;
+  color: var(--id-cyan);
+  margin: 0;
+}
+.id-h2 {
+  font-family: var(--font-display);
+  font-weight: 500;
+  font-size: clamp(32px, 3.8vw, 52px);
+  line-height: 1.05;
+  letter-spacing: -0.01em;
+  margin: 14px 0 0;
+}
+.id-photo {
+  border: 2px solid #fff;
+  border-radius: var(--id-radius-card);
+  background: var(--id-photo-bg);
+  object-fit: cover;
+  display: block;
+}
+
+/* Full-width primary submit button on the form. */
+.id-page .btn-primary.id-btn-block {
+  width: 100%;
+  justify-content: center;
+  padding-top: 0;
+  padding-bottom: 0;
+  height: 48px;
+}
+
+/* ── 3.1 Nav ──────────────────────────────────────────────────────────────── */
+.id-nav {
+  position: sticky;
+  top: 0;
+  z-index: 100;
+  background: rgba(0, 28, 46, .82);
+  backdrop-filter: blur(16px);
+  -webkit-backdrop-filter: blur(16px);
+  border-bottom: 1px solid var(--id-line);
+}
+.id-nav-inner {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 24px;
+  padding-block: 16px;
+}
+.id-nav-logo { display: inline-flex; align-items: center; }
+.id-nav-logo img { height: 26px; width: auto; display: block; }
+.id-nav-links {
+  display: flex;
+  align-items: center;
+  gap: 28px;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.id-nav-links a {
+  font: 400 14px/1 var(--font-body);
+  color: var(--id-white-72);
+  text-decoration: none;
+  transition: color .18s;
+}
+.id-nav-links a:hover { color: #fff; }
+.id-nav-links .btn-primary { color: #fff; }
+.id-nav-toggle {
+  display: none;
+  background: none;
+  border: 0;
+  padding: 8px;
+  cursor: pointer;
+}
+.id-nav-toggle span {
+  display: block;
+  width: 22px;
+  height: 2px;
+  margin: 4px 0;
+  background: #fff;
+  transition: transform .2s, opacity .2s;
+}
+.id-nav-mobile { display: none; }
+
+/* ── 3.2 Hero ─────────────────────────────────────────────────────────────── */
+.id-hero {
+  position: relative;
+  overflow: hidden;
+  background: var(--id-hero);
+  padding-block: clamp(56px, 7vw, 96px) clamp(72px, 8vw, 120px);
+}
+.id-hero-art {
+  position: absolute;
+  top: -133px;
+  right: 0;
+  width: min(1200px, 115%);
+  max-width: none;
+  height: auto;
+  pointer-events: none;
+  z-index: 0;
+}
+.id-hero-inner { position: relative; z-index: 1; max-width: 760px; }
+.id-hero h1 {
+  font-size: clamp(56px, 9.7vw, 140px);
+  margin: 0;
+}
+.id-hero-intro {
+  font: 400 clamp(18px, 1.7vw, 24px)/1.35 var(--font-body);
+  color: #fff;
+  margin: 22px 0 0;
+  max-width: 620px;
+}
+.id-hero-intro span { display: block; }
+.id-date {
+  font: 400 clamp(16px, 1.5vw, 22px)/1.4 var(--font-body);
+  letter-spacing: .10em;
+  text-transform: uppercase;
+  color: var(--id-cyan);
+  margin: 26px 0 0;
+}
+.id-hero-actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 16px;
+  margin-top: 34px;
+}
+.id-hero-lockup {
+  position: absolute;
+  right: var(--id-gutter);
+  bottom: 28px;
+  width: 612px;
+  max-width: 48%;
+  height: auto;
+  z-index: 1;
+  pointer-events: none;
+}
+
+/* ── 3.3 About + Register ─────────────────────────────────────────────────── */
+.id-register { padding-block: var(--id-section-y); }
+.id-register-grid {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) 480px;
+  gap: 96px;
+  align-items: start;
+}
+.id-about-h2 {
+  font-family: var(--font-display);
+  font-weight: 500;
+  font-size: clamp(32px, 3.8vw, 52px);
+  line-height: 1.05;
+  letter-spacing: -0.01em;
+  margin: 14px 0 0;
+}
+.id-about p {
+  font: 400 18px/1.6 var(--font-body);
+  color: #fff;
+  margin: 20px 0 0;
+}
+.id-about .id-about-highlight { color: var(--id-cyan); }
+
+/* Form card */
+.id-form-card {
+  background: var(--id-teal);
+  border: 1px solid var(--id-field-border);
+  border-radius: var(--id-radius-card);
+  padding: 36px;
+}
+.id-form-card h3 {
+  font-family: var(--font-display);
+  font-weight: 500;
+  font-size: 32px;
+  line-height: 1.1;
+  margin: 10px 0 24px;
+}
+
+/* StreamYard registration embed. Sits inside the form card in place of the
+   custom fields. StreamYard's own snippet is 16:9; in this narrow column that
+   is too short for a registration form, so we floor the height. Adjust
+   --id-embed-h once the real embed height is known. */
+.id-embed {
+  position: relative;
+  width: 100%;
+  aspect-ratio: 16 / 9;
+  min-height: var(--id-embed-h, 480px);
+  border-radius: var(--id-radius-field);
+  overflow: hidden;
+  background: var(--id-midnight);
+}
+.id-embed iframe {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  border: 0;
+  display: block;
+}
+
+.id-form-grid {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 16px;
+}
+.id-field { display: flex; flex-direction: column; gap: 7px; }
+.id-field--full { grid-column: 1 / -1; }
+.id-field label {
+  font: 500 13px/1 var(--font-body);
+  color: #fff;
+}
+.id-field input {
+  height: 48px;
+  border-radius: var(--id-radius-field);
+  background: var(--id-midnight);
+  border: 1px solid var(--id-field-border);
+  color: #fff;
+  font: 400 15px/1 var(--font-body);
+  padding: 0 14px;
+  transition: border-color .18s, box-shadow .18s;
+}
+.id-field input::placeholder { color: rgba(255, 255, 255, .45); }
+.id-field input:focus {
+  outline: none;
+  border-color: var(--id-cyan);
+  box-shadow: 0 0 0 3px rgba(0, 220, 232, .25);
+}
+.id-form-submit { margin-top: 20px; }
+.id-form-fine {
+  font: 400 12px/1.5 var(--font-body);
+  color: var(--id-white-72);
+  margin: 16px 0 0;
+}
+.id-form-fine a { color: var(--id-cyan); }
+.id-form-status {
+  font: 400 14px/1.5 var(--font-body);
+  margin: 14px 0 0;
+}
+.id-form-status--error { color: #F3807B; }
+.id-form-success {
+  text-align: center;
+  padding: 24px 8px;
+}
+.id-form-success h3 { margin: 0 0 8px; }
+.id-form-success p { color: var(--id-white-80); font: 400 15px/1.55 var(--font-body); margin: 0; }
+
+/* ── 3.4 Agenda ───────────────────────────────────────────────────────────── */
+.id-agenda {
+  background: linear-gradient(180deg, #001C2E 0%, #03394A 100%);
+  padding-block: var(--id-section-y);
+}
+.id-agenda-list {
+  list-style: none;
+  margin: 40px 0 0;
+  padding: 0;
+}
+.id-agenda-row {
+  display: grid;
+  grid-template-columns: 200px 1fr;
+  gap: 24px;
+  padding-block: 28px;
+  border-bottom: 1px solid var(--id-line);
+}
+.id-agenda-row:first-child { border-top: 1px solid var(--id-line); }
+.id-agenda-time .pst {
+  font: 400 18px/1.3 var(--font-body);
+  letter-spacing: .06em;
+  color: var(--id-cyan);
+}
+.id-agenda-time .cet {
+  font: 400 14px/1.4 var(--font-body);
+  color: rgba(0, 220, 232, .65);
+  margin-top: 4px;
+}
+.id-agenda-type {
+  font: 400 13px/1 var(--font-body);
+  letter-spacing: .10em;
+  text-transform: uppercase;
+  color: var(--id-azure);
+  margin: 0 0 8px;
+}
+.id-agenda-title {
+  font-family: var(--font-display);
+  font-weight: 500;
+  font-size: clamp(22px, 2.3vw, 28px);
+  line-height: 1.1;
+  margin: 0;
+}
+.id-agenda-desc {
+  font: 400 17px/1.55 var(--font-body);
+  color: #fff;
+  margin: 10px 0 0;
+  max-width: 760px;
+}
+.id-agenda-meta {
+  font: 400 16px/1.4 var(--font-body);
+  color: var(--id-white-72);
+  margin: 10px 0 0;
+}
+
+/* ── 3.5 Speakers ─────────────────────────────────────────────────────────── */
+.id-speakers {
+  background: var(--id-teal);
+  padding-block: var(--id-section-y);
+}
+.id-featured {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: clamp(32px, 5vw, 72px);
+  margin-top: 48px;
+}
+.id-featured--large {
+  display: flex;
+  align-items: center;
+  gap: 40px;
+  flex: 1 1 560px;
+}
+.id-featured--large .id-photo { width: 300px; height: 392px; object-position: center top; flex: none; }
+.id-featured--small {
+  display: flex;
+  align-items: center;
+  gap: 24px;
+  flex: 0 1 420px;
+}
+.id-featured--small .id-photo { width: 150px; height: 196px; object-position: center top; flex: none; }
+.id-featured-name-lg {
+  font-family: var(--font-display);
+  font-weight: 500;
+  font-size: clamp(44px, 5vw, 72px);
+  line-height: 1;
+  margin: 12px 0 0;
+}
+.id-featured-name-sm {
+  font-family: var(--font-display);
+  font-weight: 500;
+  font-size: 34px;
+  line-height: 1.05;
+  margin: 10px 0 0;
+}
+.id-featured-bio-lg {
+  font: 400 18px/1.5 var(--font-body);
+  color: var(--id-white-80);
+  margin: 16px 0 0;
+  max-width: 420px;
+}
+.id-featured-bio-sm {
+  font: 400 15px/1.5 var(--font-body);
+  color: var(--id-white-80);
+  margin: 12px 0 0;
+  max-width: 260px;
+}
+
+.id-panelists-label { margin-top: 72px; }
+.id-panel-grid {
+  display: grid;
+  grid-template-columns: repeat(5, 1fr);
+  column-gap: 32px;
+  row-gap: 48px;
+  margin-top: 28px;
+}
+.id-panel-card .id-photo {
+  width: 150px;
+  height: 150px;
+  aspect-ratio: 1;
+  border-radius: var(--id-radius-card);
+}
+.id-panel-name {
+  font-family: var(--font-display);
+  font-weight: 500;
+  font-size: 26px;
+  line-height: 1.1;
+  margin: 16px 0 0;
+}
+.id-panel-role {
+  font: 400 15px/1.4 var(--font-body);
+  color: #fff;
+  margin: 8px 0 0;
+}
+.id-panel-project {
+  font: 400 14px/1.45 var(--font-body);
+  color: var(--id-white-72);
+  margin: 4px 0 0;
+}
+.id-panel-footnote {
+  font: 400 15px/1.5 var(--font-body);
+  color: var(--id-white-72);
+  margin: 40px 0 0;
+}
+
+/* ── 3.6 Closing CTA ──────────────────────────────────────────────────────── */
+.id-cta {
+  position: relative;
+  overflow: hidden;
+  background: var(--id-hero);
+  padding-block: clamp(72px, 9vw, 120px);
+}
+.id-cta-art {
+  position: absolute;
+  right: 0;
+  bottom: -40px;
+  width: min(1100px, 110%);
+  height: auto;
+  opacity: .85;
+  pointer-events: none;
+  z-index: 0;
+}
+.id-cta-inner { position: relative; z-index: 1; }
+.id-cta h2 {
+  font-size: clamp(48px, 6.1vw, 88px);
+  margin: 0;
+}
+.id-cta-line {
+  font: 400 24px/1.4 var(--font-body);
+  color: #fff;
+  margin: 20px 0 0;
+}
+
+/* ── 3.7 Event lockup row (above the shared site footer) ──────────────────── */
+.id-footer-lockup {
+  background: var(--id-midnight);
+  padding-block: 36px;
+}
+.id-footer-lockup img { width: 420px; max-width: 70%; height: auto; display: block; }
+
+/* The shared site <Footer> defaults to spruce (#001D2F); on the event page pin it
+   to the same midnight as the rest of the page and match the divider to the event
+   theme so the lockup row and footer read as one continuous dark band. */
+.id-page footer {
+  background: var(--id-midnight);
+  border-top-color: var(--id-line);
+}
+
+/* ── Responsive ───────────────────────────────────────────────────────────── */
+@media (max-width: 1100px) {
+  .id-panel-grid { grid-template-columns: repeat(3, 1fr); }
+}
+@media (max-width: 1024px) {
+  .id-register-grid { grid-template-columns: 1fr; gap: 48px; }
+  .id-form-card { order: 2; }
+  .id-hero-inner { max-width: none; }
+}
+@media (max-width: 860px) {
+  .id-nav-links { display: none; }
+  .id-nav-toggle { display: block; }
+  .id-nav-mobile.open {
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+    padding: 8px var(--id-gutter) 20px;
+    border-top: 1px solid var(--id-line);
+  }
+  .id-nav-mobile a {
+    font: 400 16px/1 var(--font-body);
+    color: #fff;
+    text-decoration: none;
+    padding: 12px 0;
+  }
+  .id-hero-lockup {
+    position: static;
+    display: block;
+    width: 70%;
+    max-width: 420px;
+    margin: 40px 0 0;
+  }
+  .id-featured--large,
+  .id-featured--small { flex-basis: 100%; }
+}
+@media (max-width: 640px) {
+  .id-page { --id-gutter: 20px; }
+  .id-panel-grid { grid-template-columns: repeat(2, 1fr); column-gap: 20px; }
+  .id-panel-card .id-photo { width: 100%; height: auto; }
+  .id-form-grid { grid-template-columns: 1fr; }
+  .id-agenda-row { grid-template-columns: 1fr; gap: 10px; }
+  .id-featured--large { flex-direction: column; align-items: flex-start; gap: 20px; }
+  .id-featured--large .id-photo { width: 100%; height: auto; aspect-ratio: 3 / 4; }
+  .id-hero-actions .btn-primary,
+  .id-hero-actions .btn-ghost,
+  .id-cta-actions .btn-primary,
+  .id-cta-actions .btn-ghost { flex: 1 1 100%; justify-content: center; }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .id-page * { animation: none !important; transition: none !important; }
+}