Update 2026/mcp-connect assets in correct repo path (animation timing/scale/embed fixes)

2026/mcp-connect/animations/mcp-mrtr-flow.html

@@ -150,32 +150,32 @@
 
       <div class="flow-msg server-msg" data-delay="2500">
         <div class="msg-content">
-          <div class="msg-type">dependent_requests</div>
-          <div class="msg-detail">elicitation/create needed</div>
+          <div class="msg-type">elicitation/create</div>
+          <div class="msg-detail">server waits for client reply</div>
         </div>
         <div class="arrow">←</div>
       </div>
 
       <div class="flow-msg client-msg" data-delay="5000">
         <div class="msg-content">
-          <div class="msg-type">Retry tools/call</div>
-          <div class="msg-detail">includes dependent_responses</div>
+          <div class="msg-type">elicitation/response</div>
+          <div class="msg-detail">client must retain request id</div>
         </div>
         <div class="arrow">→</div>
       </div>
 
       <div class="flow-msg server-msg" data-delay="7500">
         <div class="msg-content">
-          <div class="msg-type">dependent_requests</div>
-          <div class="msg-detail">sampling/createMessage needed</div>
+          <div class="msg-type">sampling/createMessage</div>
+          <div class="msg-detail">server keeps call context</div>
         </div>
         <div class="arrow">←</div>
       </div>
 
       <div class="flow-msg client-msg" data-delay="10000">
         <div class="msg-content">
-          <div class="msg-type">Retry tools/call</div>
-          <div class="msg-detail">adds sampling response</div>
+          <div class="msg-type">sampling/response</div>
+          <div class="msg-detail">client responds on new request</div>
         </div>
         <div class="arrow">→</div>
       </div>

2026/mcp-connect/animations/mcp-stateful-request.html

@@ -260,29 +260,51 @@
       document.getElementById('dot6')
     ];
     const stateBox = document.getElementById('stateBox');
-    const CYCLE_PAUSE = 3000;
+    const CYCLE_PAUSE = 1200;
     const MSG_DURATION = 2500;
 
-    function runAnimation() {
+    let timers = [];
+    let runId = 0;
+
+    function clearTimers() {
+      timers.forEach((id) => clearTimeout(id));
+      timers = [];
+    }
+
+    function schedule(fn, delay) {
+      const id = setTimeout(fn, delay);
+      timers.push(id);
+      return id;
+    }
+
+    function runAnimation(activeRunId) {
+      if (activeRunId !== runId) {
+        return;
+      }
+
       // Reset
-      messages.forEach(m => m.classList.remove('show', 'fade-out'));
-      dots.forEach(d => d.classList.remove('active'));
+      messages.forEach((m) => m.classList.remove('show', 'fade-out'));
+      dots.forEach((d) => d.classList.remove('active'));
       stateBox.classList.remove('show', 'fade-out');
 
       // Force reflow to ensure class removal is processed
       void document.body.offsetHeight;
 
       // Show state box
-      setTimeout(() => stateBox.classList.add('show'), 200);
+      schedule(() => {
+        if (activeRunId !== runId) return;
+        stateBox.classList.add('show');
+      }, 200);
 
       // Show each message one at a time
       messages.forEach((msg, i) => {
         const showTime = i * MSG_DURATION;
-        const hideTime = showTime + MSG_DURATION - 300;
 
-        setTimeout(() => {
+        schedule(() => {
+          if (activeRunId !== runId) return;
+
           // Hide previous
-          if (i > 0) messages[i-1].classList.add('fade-out');
+          if (i > 0) messages[i - 1].classList.add('fade-out');
           // Show current
           msg.classList.add('show');
           // Activate dot
@@ -290,19 +312,15 @@
         }, showTime);
       });
 
-      // Fade out last message and state
+      // Keep last message visible briefly, then restart.
       const totalTime = messages.length * MSG_DURATION;
-      setTimeout(() => {
-        messages[messages.length - 1].classList.add('fade-out');
-        stateBox.classList.add('fade-out');
-      }, totalTime);
-
-      // Restart
-      setTimeout(runAnimation, totalTime + 1500 + CYCLE_PAUSE);
+      schedule(() => runAnimation(activeRunId), totalTime + CYCLE_PAUSE);
     }
 
     function startAnimation() {
-      setTimeout(runAnimation, 500);
+      runId++;
+      clearTimers();
+      schedule(() => runAnimation(runId), 500);
     }
 
     if (document.readyState === 'complete') {
@@ -311,7 +329,13 @@
       window.addEventListener('load', startAnimation, { once: true });
     }
 
-    window.addEventListener('pageshow', startAnimation);
+    // Restart only on bfcache restore.
+    window.addEventListener('pageshow', (event) => {
+      if (event.persisted) {
+        startAnimation();
+      }
+    });
+
     scaleCanvas();
   </script>
 </body>

2026/mcp-connect/animations/shared/canvas-scale.js

@@ -1,4 +1,4 @@
-function scaleCanvas({ selector = '.canvas-root', minScale = 0.25, maxScale = 4 } = {}) {
+function scaleCanvas({ selector = '.canvas-root', minScale = 0.25, maxScale = 1 } = {}) {
   const canvases = Array.from(document.querySelectorAll(selector));
   if (canvases.length === 0) {
     return;

2026/mcp-connect/animations/shared/diagram-helpers.js

@@ -110,8 +110,13 @@ function runStepSequence(steps, { initialDelay = 100, stepPause, startOnLoad = t
   const pause = stepPause ?? (typeof ANIMATION !== 'undefined' ? ANIMATION.STEP_PAUSE : 1500);
   let currentStep = 0;
   let animationTimer = null;
+  let runId = 0;
+
+  function runStep(activeRunId) {
+    if (activeRunId !== runId) {
+      return;
+    }
 
-  function runStep() {
     if (currentStep >= steps.length) {
       currentStep = 0;
     }
@@ -120,22 +125,34 @@ function runStepSequence(steps, { initialDelay = 100, stepPause, startOnLoad = t
     step.setup();
 
     animationTimer = setTimeout(() => {
+      if (activeRunId !== runId) {
+        return;
+      }
+
       step.animate(() => {
+        if (activeRunId !== runId) {
+          return;
+        }
+
         if (step.after) {
           step.after();
         }
         currentStep++;
-        animationTimer = setTimeout(runStep, pause);
+        animationTimer = setTimeout(() => runStep(activeRunId), pause);
       });
     }, initialDelay);
   }
 
   const start = () => {
+    runId++;
+
     if (animationTimer) {
       clearTimeout(animationTimer);
+      animationTimer = null;
     }
+
     currentStep = 0;
-    runStep();
+    runStep(runId);
   };
 
   if (startOnLoad) {
@@ -145,7 +162,12 @@ function runStepSequence(steps, { initialDelay = 100, stepPause, startOnLoad = t
       window.addEventListener('load', start, { once: true });
     }
 
-    window.addEventListener('pageshow', start);
+    // Restart only for bfcache restores to avoid duplicate starts.
+    window.addEventListener('pageshow', (event) => {
+      if (event.persisted) {
+        start();
+      }
+    });
   } else {
     start();
   }

2026/mcp-connect/animations/shared/sequence-helpers.js

@@ -6,6 +6,7 @@ function runSequenceAnimation({
   lastDelayOverride,
   onShow,
   scrollContainerSelector,
+  useFadeOut = false,
 } = {}) {
   const groups = (selectors || []).flatMap((selector) =>
     Array.from(document.querySelectorAll(selector))
@@ -23,6 +24,7 @@ function runSequenceAnimation({
     : null;
 
   let timers = [];
+  let runId = 0;
 
   function clearTimers() {
     timers.forEach((id) => clearTimeout(id));
@@ -35,7 +37,11 @@ function runSequenceAnimation({
     return id;
   }
 
-  function runAnimation() {
+  function runAnimation(activeRunId) {
+    if (activeRunId !== runId) {
+      return;
+    }
+
     clearTimers();
     groups.forEach((el) => el.classList.remove('show', 'fade-out'));
     if (scrollContainer) {
@@ -48,6 +54,10 @@ function runSequenceAnimation({
     groups.forEach((el) => {
       const delay = parseInt(el.dataset.delay, 10) || 0;
       schedule(() => {
+        if (activeRunId !== runId) {
+          return;
+        }
+
         el.classList.add('show');
         if (onShow) {
           onShow(el);
@@ -58,17 +68,26 @@ function runSequenceAnimation({
       }, delay);
     });
 
-    const fadeOutTime = finalDelay + fadeOutOffset;
-    schedule(() => {
-      groups.forEach((el) => el.classList.add('fade-out'));
-    }, fadeOutTime);
+    let restartDelay = finalDelay + cyclePause;
+
+    if (useFadeOut) {
+      const fadeOutTime = finalDelay + fadeOutOffset;
+      schedule(() => {
+        if (activeRunId !== runId) {
+          return;
+        }
+        groups.forEach((el) => el.classList.add('fade-out'));
+      }, fadeOutTime);
+      restartDelay = fadeOutTime + 1000 + cyclePause;
+    }
 
-    schedule(runAnimation, fadeOutTime + 1000 + cyclePause);
+    schedule(() => runAnimation(activeRunId), restartDelay);
   }
 
   function start() {
+    runId++;
     clearTimers();
-    schedule(runAnimation, initialDelay);
+    schedule(() => runAnimation(runId), initialDelay);
   }
 
   if (document.readyState === 'complete') {
@@ -77,7 +96,10 @@ function runSequenceAnimation({
     window.addEventListener('load', start, { once: true });
   }
 
-  window.addEventListener('pageshow', () => {
-    start();
+  // Restart only on bfcache restores to avoid duplicate starts.
+  window.addEventListener('pageshow', (event) => {
+    if (event.persisted) {
+      start();
+    }
   });
 }

2026/mcp-connect/presentation.html

@@ -45,18 +45,18 @@
 */div#\:\$p > svg > foreignObject > section :is(h1, marp-h1){color:var(--h1-color);border-bottom:1px solid var(--border-color)}div#\:\$p > svg > foreignObject > section p{margin-top:0.5em;margin-bottom:0.25em;line-height:1.3em;font-size:32px}div#\:\$p > svg > foreignObject > section li{margin-top:0.5em;margin-bottom:0.25em;line-height:1.2em;font-size:105%;color:val(--list-item-color)}div#\:\$p > svg > foreignObject > section em{color:var(--italic-color);background:var(--italic-background-color);font-style:normal;font-weight:bold;font-family:sans-serif;padding-top:6px;padding-left:6px;padding-right:6px;padding-bottom:6px}div#\:\$p > svg > foreignObject > section strong{color:var(--bold-color);padding-left:5px;padding-right:5px;font-weight:600}div#\:\$p > svg > foreignObject > section figcaption{font-size:80%;padding-top:16px}div#\:\$p > svg > foreignObject > section::after{color:rgb(51, 59, 77);font-size:0.8em;content:' ' attr(data-marpit-pagination) '/' attr(data-marpit-pagination-total) ' '}div#\:\$p > svg > foreignObject > section::after{--marpit-root-font-size: 0.8em;}div#\:\$p > svg > foreignObject > section .center{text-align:center}div#\:\$p > svg > foreignObject > section .right{text-align:right}div#\:\$p > svg > foreignObject > section .small{font-size:24px}div#\:\$p > svg > foreignObject > section section.small{--marpit-root-font-size: 24px;}div#\:\$p > svg > foreignObject > section table{margin-top:40px;border:0;font-size:24px;margin-right:auto!important;margin-left:auto!important}div#\:\$p > svg > foreignObject > section table th{background-color:var(--table-header-color);color:var(--table-header-font-color);border:1;border-top:var(--table-border-top) solid 2px}div#\:\$p > svg > foreignObject > section table td{border:0}div#\:\$p > svg > foreignObject > section table tr:nth-child(2){background-color:#c4c6c6}div#\:\$p > svg > foreignObject > section table tr:last-child{border-bottom:var(--table-border-bottom) solid 1px}div#\:\$p > svg > foreignObject > section tr:nth-child(even){background-color:var(--table-nth-child-color)!important}div#\:\$p > svg > foreignObject > section tr:hover{color:var(--table-hover-color);background-color:var(--table-hover-background-color);font-weight:bold}div#\:\$p > svg > foreignObject > section blockquote{color:rgb(66, 66, 66);font-size:20px;border-top:0.1em dashed var(--extra-back-color);margin-top:auto}div#\:\$p > svg > foreignObject > section blockquote p{font-size:1.12em!important;letter-spacing:-0.5px!important}div#\:\$p > svg > foreignObject > section blockquote strong{color:var(--blockquote-strong);font-weight:bold;font-size:1.11em!important;letter-spacing:-0.5px!important}div#\:\$p > svg > foreignObject > section .columns{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:calc(var(--marpit-root-font-size, 1rem) * 0.5)}div#\:\$p > svg > foreignObject > section .columns p{margin-top:0.5em;margin-bottom:0.25em;line-height:1.16em;font-size:30px}div#\:\$p > svg > foreignObject > section .columns ol, div#\:\$p > svg > foreignObject > section ul{margin-top:0.15em;margin-bottom:0.25em;line-height:1.73em!important;font-size:26px;color:var()}div#\:\$p > svg > foreignObject > section .columns-center{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:calc(var(--marpit-root-font-size, 1rem) * 1);justify-items:center;justify-content:center;align-items:center}div#\:\$p > svg > foreignObject > section .columns3{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:calc(var(--marpit-root-font-size, 1rem) * 1)}div#\:\$p > svg > foreignObject > section .columns3-center{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:calc(var(--marpit-root-font-size, 1rem) * 1);justify-items:center;justify-content:center;align-items:center}div#\:\$p > svg > foreignObject > section.titlepage{background-color:var(--background-color)}div#\:\$p > svg > foreignObject > section.titlepage .title{font-size:var(--title-size);font-weight:var(--title-font-weight);color:var(--title-color);border-bottom:1px solid var(--border-color);line-height:1.2;padding-bottom:15px}div#\:\$p > svg > foreignObject > section.titlepage div#\:\$p > svg > foreignObject > section section.title{--marpit-root-font-size: var(--title-size);}div#\:\$p > svg > foreignObject > section.titlepage .subtitle{font-size:var(--subtitle-size);font-weight:var(--subtitle-font-weight);line-height:1.2;color:var(--subtitle-color);padding-top:10px;padding-bottom:120px;letter-spacing:var(--letter-spacing)}div#\:\$p > svg > foreignObject > section.titlepage div#\:\$p > svg > foreignObject > section section.subtitle{--marpit-root-font-size: var(--subtitle-size);}div#\:\$p > svg > foreignObject > section.titlepage .author{font-size:var(--author-size)}div#\:\$p > svg > foreignObject > section.titlepage div#\:\$p > svg > foreignObject > section section.author{--marpit-root-font-size: var(--author-size);}div#\:\$p > svg > foreignObject > section.titlepage .date{font-size:var(--date-size)}div#\:\$p > svg > foreignObject > section.titlepage div#\:\$p > svg > foreignObject > section section.date{--marpit-root-font-size: var(--date-size);}div#\:\$p > svg > foreignObject > section.titlepage .organization{font-size:var(--institute-size)}div#\:\$p > svg > foreignObject > section.titlepage div#\:\$p > svg > foreignObject > section section.organization{--marpit-root-font-size: var(--institute-size);}div#\:\$p > svg > foreignObject > section.titlepage .author, div#\:\$p > svg > foreignObject > section.titlepage .date, div#\:\$p > svg > foreignObject > section.titlepage .organization{font-weight:400;text-align:right;color:var(--titlepage-color);line-height:1.25}div#\:\$p > svg > foreignObject > section.titlepage :is(h3, marp-h3), div#\:\$p > svg > foreignObject > section.titlepage :is(h4, marp-h4), div#\:\$p > svg > foreignObject > section.titlepage :is(h5, marp-h5){font-weight:400;text-align:right;color:var(--titlepage-color);line-height:0.45;letter-spacing:var(--letter-spacing)}div#\:\$p > svg > foreignObject > section.titlepage :is(h1, marp-h1){font-size:var(--title-size)!important;font-weight:var(--title-font-weight)!important;text-align:left;color:var(--title-color)!important;border-bottom:1px solid var(--border-color)!important;line-height:1.25}div#\:\$p > svg > foreignObject > section.titlepage :is(h2, marp-h2){font-size:var(--subtitle-size);font-weight:var(--subtitle-font-weight);text-align:left;color:var(--subtitle-color)!important;letter-spacing:var(--letter-spacing);line-height:1.2;margin-top:-0.2em;padding-bottom:95px}div#\:\$p > svg > foreignObject > section.titlepage :is(h3, marp-h3){font-size:var(--author-size)}div#\:\$p > svg > foreignObject > section.titlepage :is(h4, marp-h4){font-size:var(--date-size)}div#\:\$p > svg > foreignObject > section.titlepage :is(h5, marp-h5){font-size:var(--institute-size)}div#\:\$p > svg > foreignObject > section.titlepage footer, div#\:\$p > svg > foreignObject > section.titlepage header, div#\:\$p > svg > foreignObject > section.titlepage:after{display:none}div#\:\$p > svg > foreignObject > section.transition{background-color:var(--transitionpage-color);text-align:center!important;font-weight:bold;color:white;padding-top:auto;padding-buttom:auto}div#\:\$p > svg > foreignObject > section.transition :is(h1, marp-h1), div#\:\$p > svg > foreignObject > section.transition :is(h2, marp-h2), div#\:\$p > svg > foreignObject > section.transition p, div#\:\$p > svg > foreignObject > section.transition a{color:rgb(243, 229, 212);font-size:200%;border-bottom:none}div#\:\$p > svg > foreignObject > section.transition footer, div#\:\$p > svg > foreignObject > section.transition header, div#\:\$p > svg > foreignObject > section.transition:after{display:none}div#\:\$p > svg > foreignObject > section.transition2{background-color:rgb(137, 173, 207);text-align:center!important;font-weight:bold!important;color:rgb(255, 255, 255);padding-top:auto;padding-buttom:auto}div#\:\$p > svg > foreignObject > section.transition2 :is(h1, marp-h1), div#\:\$p > svg > foreignObject > section.transition2 :is(h2, marp-h2), div#\:\$p > svg > foreignObject > section.transition2 p, div#\:\$p > svg > foreignObject > section.transition2 a{color:rgb(217, 235, 247);font-size:200%;border-bottom:none}div#\:\$p > svg > foreignObject > section.transition2 em{background-color:rgb(60, 255, 0)!important}div#\:\$p > svg > foreignObject > section.transition2 footer, div#\:\$p > svg > foreignObject > section.transition2 header, div#\:\$p > svg > foreignObject > section.transition2:after{display:none}div#\:\$p > svg > foreignObject > section.transition3{background-color:rgb(66, 69, 71);text-align:center!important;font-weight:bold!important;color:rgb(255, 255, 255);padding-top:auto;padding-buttom:auto}div#\:\$p > svg > foreignObject > section.transition3 :is(h1, marp-h1), div#\:\$p > svg > foreignObject > section.transition3 :is(h2, marp-h2), div#\:\$p > svg > foreignObject > section.transition3 p, div#\:\$p > svg > foreignObject > section.transition3 a{color:rgb(244, 247, 217);font-size:200%;border-bottom:none}div#\:\$p > svg > foreignObject > section.transition3 em{background-color:rgb(60, 255, 0)!important}div#\:\$p > svg > foreignObject > section.transition3 strong{color:rgb(71, 83, 90)}div#\:\$p > svg > foreignObject > section.transition3 footer, div#\:\$p > svg > foreignObject > section.transition3 header, div#\:\$p > svg > foreignObject > section.transition3:after{display:none}div#\:\$p > svg > foreignObject > section.cite{background-color:var(--background-color)}div#\:\$p > svg > foreignObject > section.cite p{color:black;background-color:;letter-spacing:var(--letter-spacing);font-size:150%;text-align:center;line-height:1.2em;font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;padding-top:auto;padding-bottom:auto;padding-left:100px;padding-right:100px}div#\:\$p > svg > foreignObject > section.cite strong{color:var(--strong-color)}div#\:\$p > svg > foreignObject > section.cite footer, div#\:\$p > svg > foreignObject > section.cite header, div#\:\$p > svg > foreignObject > section.cite:after{display:none}div#\:\$p > svg > foreignObject > section.biblio{background-color:var(--biblio-background-color)}div#\:\$p > svg > foreignObject > section.biblio p{color:var(--text-color);font-size:80%;font-weight:300;padding-left:5px}div#\:\$p > svg > foreignObject > section.biblio :is(h1, marp-h1){font-size:35px;color:var(--text-color);border-bottom:1px solid var(--border-color)}div#\:\$p > svg > foreignObject > section.biblio strong{color:var(--bold-color)}div#\:\$p > svg > foreignObject > section.biblio a{font-size:31px;font-weight:bold;color:var(--bold-color)}div#\:\$p > svg > foreignObject > section.biblio li{color:var(--text-color)}div#\:\$p > svg > foreignObject > section.biblio footer, div#\:\$p > svg > foreignObject > section.biblio header, div#\:\$p > svg > foreignObject > section.biblio:after{display:none}div#\:\$p > svg > foreignObject > section.cool-list ol{counter-reset:li;list-style:none;padding:0}div#\:\$p > svg > foreignObject > section.cool-list li{margin-bottom:0.1em!important;margin-top:0.1em!important}div#\:\$p > svg > foreignObject > section.cool-list ol>li>em, div#\:\$p > svg > foreignObject > section.cool-list>ol>li>a{position:relative;display:block;padding:0.4em 0.4em 0.4em 2em;margin:0.5em 0;background:#ddd;color:#444;text-decoration:none;border-radius:0.3em;transition:all 0.3s ease-out;font-style:normal}div#\:\$p > svg > foreignObject > section.cool-list ol>li>em:before, div#\:\$p > svg > foreignObject > section.cool-list>ol>li>a:before{content:counter(li);counter-increment:li;position:absolute;left:-1.3em;top:50%;margin-top:-1.3em;background:var(--cool-list-color);height:2em;width:2em;line-height:2em;border:0.3em solid #fff;text-align:center;font-weight:normal;border-radius:2em;transition:all 0.3s ease-out;color:white}div#\:\$p > svg > foreignObject > section.cool-list>ol>li>em:hover, div#\:\$p > svg > foreignObject > section.cool-list>ol>li>a:hover{background:#eee;font-weight:bolder}div#\:\$p > svg > foreignObject > section.cool-list>ol ol{margin:0 0 0 2em;font-size:75%;counter-reset:li2}div#\:\$p > svg > foreignObject > section.cool-list>ol ol>li>em:before, div#\:\$p > svg > foreignObject > section.cool-list>ol ol>li>a:before{content:counter(li2);counter-increment:li2}div#\:\$p > svg > foreignObject > section.cool-list>ol>li>ul{list-style-type:disc;margin:0 0 0 1em;font-size:75%}div#\:\$p > svg > foreignObject > section.cool-list>ol ol>li>em{background:#efefef}div#\:\$p > svg > foreignObject > section.cool-list2 ol{counter-reset:li;list-style:none;padding:0;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5)}div#\:\$p > svg > foreignObject > section.cool-list2 ol ol{margin:0 0 0 2em}div#\:\$p > svg > foreignObject > section.cool-list2 ol li em{position:relative;display:block;padding:0.4em 0.4em 0.4em 0.8em;margin:0.5em 0 0.5em 2.5em;background:#ddd;color:#444;text-decoration:none;transition:all 0.3s ease-out;font-style:normal}div#\:\$p > svg > foreignObject > section.cool-list2 ol li em:hover{background:#eee;font-weight:bolder}div#\:\$p > svg > foreignObject > section.cool-list2 ol li em:before{content:counter(li);counter-increment:li;position:absolute;left:-2.5em;top:50%;margin-top:-1em;background:var(--lighter-color);height:2em;width:2em;line-height:2em;text-align:center;font-weight:bold}div#\:\$p > svg > foreignObject > section.cool-list2 ol li em:after{position:absolute;content:'';border:0.5em solid transparent;left:-1em;top:50%;margin-top:-0.5em;transition:all 0.3s ease-out}div#\:\$p > svg > foreignObject > section.cool-list2 ol li em:hover:after{left:-0.5em;border-left-color:var(--lighter-color)}div#\:\$p > svg > foreignObject > section.cool-list2 ol ol{margin:0 0 0 2em;font-size:75%;counter-reset:li2}div#\:\$p > svg > foreignObject > section.cool-list2 ol ol>li>em:before, div#\:\$p > svg > foreignObject > section.cool-list2 ol ol>li>a:before{content:counter(li2);counter-increment:li2;background:lightgray}div#\:\$p > svg > foreignObject > section.cool-list2 ol ul{list-style-type:disc;margin:0 0 0 1em;font-size:75%}div#\:\$p > svg > foreignObject > section.cool-list2 ol ol em{background:#efefef}div#\:\$p > svg > foreignObject > section li img{vertical-align:middle;margin:0 0.2em}div#\:\$p > svg > foreignObject > section.mcp-features table{width:100%;margin-top:calc(var(--marpit-root-font-size, 1rem) * 0.5);table-layout:fixed;border-collapse:collapse;font-size:calc(var(--marpit-root-font-size, 1rem) * 0.82)}div#\:\$p > svg > foreignObject > section:not(.titlepage){padding:64px 72px!important}div#\:\$p > svg > foreignObject > section.mcp-features table thead{display:none;border-bottom:1px solid rgba(0, 0, 0, 0.12)}div#\:\$p > svg > foreignObject > section.mcp-features table.show-headers thead{display:table-header-group}div#\:\$p > svg > foreignObject > section.mcp-features table thead th{padding:calc(var(--marpit-root-font-size, 1rem) * 0.35) calc(var(--marpit-root-font-size, 1rem) * 0.55);text-align:left;font-weight:600;font-size:calc(var(--marpit-root-font-size, 1rem) * 0.82);color:#64748b;background-color:transparent}div#\:\$p > svg > foreignObject > section.mcp-features table thead th:not(:first-child){text-align:right}div#\:\$p > svg > foreignObject > section.mcp-features tbody td{padding:calc(var(--marpit-root-font-size, 1rem) * 0.32) calc(var(--marpit-root-font-size, 1rem) * 0.55);border-bottom:1px solid rgba(0, 0, 0, 0.06);vertical-align:top}div#\:\$p > svg > foreignObject > section.mcp-features tbody tr:last-child td{border-bottom:none}div#\:\$p > svg > foreignObject > section.mcp-features table td:first-child, div#\:\$p > svg > foreignObject > section.mcp-features table th:first-child{text-align:left;width:auto}div#\:\$p > svg > foreignObject > section.mcp-features table.show-headers td:nth-child(2){font-weight:400}div#\:\$p > svg > foreignObject > section.mcp-features table.show-headers td:nth-child(3){font-weight:700}div#\:\$p > svg > foreignObject > section.mcp-features table tr:nth-child(even), div#\:\$p > svg > foreignObject > section.mcp-features table tr:nth-child(odd){background-color:transparent!important}div#\:\$p > svg > foreignObject > section.mcp-features table tr:hover{background-color:var(--table-hover-background-color)!important;color:var(--table-hover-color)!important;font-weight:700}div#\:\$p > svg > foreignObject > section.mcp-features tbody tr.highlight-row, div#\:\$p > svg > foreignObject > section.mcp-features tbody tr.highlight-row:hover{background-color:#dbeafe!important}div#\:\$p > svg > foreignObject > section.mcp-features tbody tr.highlight-row td, div#\:\$p > svg > foreignObject > section.mcp-features tbody tr.highlight-row:hover td{font-weight:700!important;color:#1e40af!important;padding-top:calc(var(--marpit-root-font-size, 1rem) * 0.45)!important;padding-bottom:calc(var(--marpit-root-font-size, 1rem) * 0.45)!important}div#\:\$p > svg > foreignObject > section.mcp-features tbody tr.warning-row td{color:#991b1b!important;font-weight:600!important}div#\:\$p > svg > foreignObject > section.mcp-features table{max-width:100%;overflow-x:hidden}div#\:\$p > svg > foreignObject > section.mcp-features .columns > div:last-child{padding-left:calc(var(--marpit-root-font-size, 1rem) * 2)}div#\:\$p > svg > foreignObject > section.mcp-features .cell-title{display:inline-block}div#\:\$p > svg > foreignObject > section.mcp-features .feature-icon{display:inline-flex;align-items:center;justify-content:center;width:calc(var(--marpit-root-font-size, 1rem) * 3.5);height:calc(var(--marpit-root-font-size, 1rem) * 3.5);margin:0 auto;border-radius:calc(var(--marpit-root-font-size, 1rem) * 0.9);background-color:rgba(0, 0, 0, 0.06)}div#\:\$p > svg > foreignObject > section.mcp-features .feature-icon img{max-width:62%;max-height:62%;box-shadow:none;border-radius:0}div#\:\$p > svg > foreignObject > section.mcp-features .examples{display:flex;flex-direction:column;gap:calc(var(--marpit-root-font-size, 1rem) * 0.35)}div#\:\$p > svg > foreignObject > section .registry-layout{display:flex;gap:calc(var(--marpit-root-font-size, 1rem) * 3);align-items:center;margin-top:calc(var(--marpit-root-font-size, 1rem) * 1.5);flex-wrap:wrap}div#\:\$p > svg > foreignObject > section .registry-layout .collage-column{flex:1 1 65%;min-width:360px}div#\:\$p > svg > foreignObject > section .registry-layout .text-column{flex:1 1 240px;max-width:320px;line-height:1.4}div#\:\$p > svg > foreignObject > section .registry-layout .text-column :is(h3, marp-h3){margin-top:0;margin-bottom:calc(var(--marpit-root-font-size, 1rem) * 1)}div#\:\$p > svg > foreignObject > section .registry-layout .text-column ul{padding-left:calc(var(--marpit-root-font-size, 1rem) * 1.1);margin:0}div#\:\$p > svg > foreignObject > section .registry-collage{position:relative;height:420px;margin-top:30px}div#\:\$p > svg > foreignObject > section .registry-collage img{position:absolute;width:55%;max-width:520px;border-radius:12px;border:6px solid #fff;box-shadow:0 18px 45px rgba(0, 0, 0, 0.25);transition:transform 160ms ease-in-out}div#\:\$p > svg > foreignObject > section .registry-collage img:hover{transform:scale(1.02) translateY(-4px);z-index:4}div#\:\$p > svg > foreignObject > section .registry-collage .shot-azure{top:0;left:-10px;transform:rotate(-4deg);z-index:3}div#\:\$p > svg > foreignObject > section .registry-collage .shot-claude{top:60px;right:-60px;transform:rotate(3deg);z-index:2}div#\:\$p > svg > foreignObject > section .registry-collage .shot-github{bottom:-30px;left:25%;transform:rotate(-1deg);z-index:1}div#\:\$p > svg > foreignObject > section .social-table{margin:calc(var(--marpit-root-font-size, 1rem) * 2.2) 0 0 auto;border-collapse:collapse;font-size:1.05em;min-width:360px}div#\:\$p > svg > foreignObject > section section.social-table{--marpit-root-font-size: 1.05em;}div#\:\$p > svg > foreignObject > section .social-table td{padding:calc(var(--marpit-root-font-size, 1rem) * 0.45) calc(var(--marpit-root-font-size, 1rem) * 0.25);border:none;vertical-align:middle;color:inherit}div#\:\$p > svg > foreignObject > section .social-table td:first-child{width:54px;text-align:right}div#\:\$p > svg > foreignObject > section .social-table td:first-child img{width:34px;height:34px;object-fit:contain;display:inline-block;box-shadow:none!important;border-radius:0!important}div#\:\$p > svg > foreignObject > section .social-table td:last-child{padding-left:calc(var(--marpit-root-font-size, 1rem) * 0.9)}div#\:\$p > svg > foreignObject > section .social-table a{color:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:calc(var(--marpit-root-font-size, 1rem) * 0.4)}div#\:\$p > svg > foreignObject > section .social-table a:hover, div#\:\$p > svg > foreignObject > section .social-table a:focus{text-decoration:underline}div#\:\$p > svg > foreignObject > section .social-table tr{background-color:transparent!important}div#\:\$p > svg > foreignObject > section .mcp-magnify{position:relative;display:inline-block;--magnify-image: none;--magnify-scale: 2;--magnify-size: 220px;--magnify-focus-x: 50%;--magnify-focus-y: 50%;--magnify-position-x: 50%;--magnify-position-y: 50%;cursor:zoom-in;isolation:isolate}div#\:\$p > svg > foreignObject > section .mcp-magnify > img{display:block}div#\:\$p > svg > foreignObject > section .mcp-magnify::after{content:"";position:absolute;width:var(--magnify-size);height:var(--magnify-size);left:var(--magnify-position-x);top:var(--magnify-position-y);transform:translate(-50%, -50%) scale(var(--magnify-scale));transform-origin:50% 50%;background-image:var(--magnify-image);background-repeat:no-repeat;background-size:calc(100% * var(--magnify-scale)) calc(100% * var(--magnify-scale));background-position:var(--magnify-focus-x) var(--magnify-focus-y);border-radius:50%;box-shadow:0 10px 24px rgba(0, 0, 0, 0.28);outline:2px solid rgba(0, 0, 0, 0.25);outline-offset:-1px;opacity:0;transition:opacity 140ms ease-in-out;pointer-events:none;z-index:1;will-change:transform, opacity}div#\:\$p > svg > foreignObject > section .mcp-magnify:hover::after, div#\:\$p > svg > foreignObject > section .mcp-magnify:focus-within::after{opacity:1}div#\:\$p > svg > foreignObject > section .mcp-magnify--completion-1{--magnify-image: url('./images/completion-1-lightbox.png');--magnify-scale: 2;--magnify-size: 280px;--magnify-position-x: 50%;--magnify-position-y: 50%;--magnify-focus-x: 85%;--magnify-focus-y: 88%;}div#\:\$p > svg > foreignObject > section .mcp-magnify--completion-2{--magnify-image: url('./images/completion-2-lightbox.png');--magnify-scale: 2;--magnify-size: 280px;--magnify-position-x: 50%;--magnify-position-y: 50%;--magnify-focus-x: 105%;--magnify-focus-y: 105%;}div#\:\$p > svg > foreignObject > section .mcp-magnify--privacy{--magnify-image: url('./images/chatgpt-privacy.png');--magnify-scale: 2.2;--magnify-size: 240px;--magnify-position-x: 78%;--magnify-position-y: 58%;--magnify-focus-x: 78%;--magnify-focus-y: 58%;}@keyframes zoomToPosition{0%{transform:scale(var(--zoom-start-scale, 3)) translate(0, 0);opacity:1}100%{transform:scale(1) translate(var(--zoom-end-x, 0), var(--zoom-end-y, 0));opacity:1}}div#\:\$p > svg > foreignObject > section .zoom-effect{position:relative;display:inline-block;--zoom-start-scale: 3;--zoom-end-x: 0;--zoom-end-y: 0;--zoom-duration: 10s;}div#\:\$p > svg > foreignObject > section .zoom-effect img{display:block;animation:zoomToPosition var(--zoom-duration) ease-out forwards;transform-origin:center center}div#\:\$p > svg > foreignObject > section .zoom-effect--claude{--zoom-start-scale: 4;--zoom-end-x: 500px;--zoom-end-y: -450px;--zoom-duration: 3s;}div#\:\$p > svg > foreignObject > section .emphasis-box{background-color:#fef3c7;padding:calc(var(--marpit-root-font-size, 1rem) * 0.5);border-left:4px solid #f59e0b;border-radius:2px;margin:calc(var(--marpit-root-font-size, 1rem) * 0.5) 0}div#\:\$p > svg > foreignObject > section .social-table tr:nth-child(odd), div#\:\$p > svg > foreignObject > section .social-table tr:nth-child(even){background-color:transparent!important}div#\:\$p > svg > foreignObject > section .social-table tr:hover, div#\:\$p > svg > foreignObject > section .social-table tr:focus-within{background-color:var(--table-hover-background-color)!important;color:var(--table-hover-color)!important;font-weight:700}div#\:\$p > svg > foreignObject > section.top-clients table{width:100%;margin-top:calc(var(--marpit-root-font-size, 1rem) * 0.6);table-layout:fixed;border-collapse:collapse;font-size:calc(var(--marpit-root-font-size, 1rem) * 0.85)}div#\:\$p > svg > foreignObject > section.top-clients table thead{display:none}div#\:\$p > svg > foreignObject > section.top-clients table col:nth-child(1){width:calc(var(--marpit-root-font-size, 1rem) * 2.2)}div#\:\$p > svg > foreignObject > section.top-clients table col:nth-child(2){width:calc(50% - calc(var(--marpit-root-font-size, 1rem) * 7.7))}div#\:\$p > svg > foreignObject > section.top-clients table col:nth-child(3){width:calc(var(--marpit-root-font-size, 1rem) * 5.5)}div#\:\$p > svg > foreignObject > section.top-clients table col:nth-child(4){width:calc(var(--marpit-root-font-size, 1rem) * 2.2)}div#\:\$p > svg > foreignObject > section.top-clients table col:nth-child(5){width:calc(50% - calc(var(--marpit-root-font-size, 1rem) * 7.7))}div#\:\$p > svg > foreignObject > section.top-clients table col:nth-child(6){width:calc(var(--marpit-root-font-size, 1rem) * 5.5)}div#\:\$p > svg > foreignObject > section.top-clients tbody td{padding:calc(var(--marpit-root-font-size, 1rem) * 0.35) calc(var(--marpit-root-font-size, 1rem) * 0.5);border-bottom:1px solid rgba(0, 0, 0, 0.1);vertical-align:middle;line-height:1.2}div#\:\$p > svg > foreignObject > section.top-clients tbody tr:last-child td{border-bottom:none}div#\:\$p > svg > foreignObject > section.top-clients table td:nth-child(1), div#\:\$p > svg > foreignObject > section.top-clients table td:nth-child(4){text-align:center;font-weight:600;color:#64748b;font-size:calc(var(--marpit-root-font-size, 1rem) * 0.7);background-color:rgba(0, 0, 0, 0.04)}div#\:\$p > svg > foreignObject > section.top-clients table td:nth-child(2), div#\:\$p > svg > foreignObject > section.top-clients table td:nth-child(5){font-weight:600;color:#1f2937;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}div#\:\$p > svg > foreignObject > section.top-clients table td:nth-child(3), div#\:\$p > svg > foreignObject > section.top-clients table td:nth-child(6){text-align:right}div#\:\$p > svg > foreignObject > section.top-clients table td:nth-child(3) .client-icons, div#\:\$p > svg > foreignObject > section.top-clients table td:nth-child(6) .client-icons{justify-content:flex-end}div#\:\$p > svg > foreignObject > section.top-clients table tr:nth-child(even), div#\:\$p > svg > foreignObject > section.top-clients table tr:nth-child(odd){background-color:transparent!important}div#\:\$p > svg > foreignObject > section.top-clients tbody td:nth-child(1), div#\:\$p > svg > foreignObject > section.top-clients tbody td:nth-child(2), div#\:\$p > svg > foreignObject > section.top-clients tbody td:nth-child(3){transition:background-color 0.15s ease}div#\:\$p > svg > foreignObject > section.top-clients tbody tr:hover td:nth-child(1), div#\:\$p > svg > foreignObject > section.top-clients tbody tr:hover td:nth-child(2), div#\:\$p > svg > foreignObject > section.top-clients tbody tr:hover td:nth-child(3){background-color:rgba(59, 130, 246, 0.08)!important}div#\:\$p > svg > foreignObject > section.top-clients tbody tr:hover td:nth-child(2){font-weight:700;color:#1e40af}div#\:\$p > svg > foreignObject > section.top-clients tbody td:nth-child(4), div#\:\$p > svg > foreignObject > section.top-clients tbody td:nth-child(5), div#\:\$p > svg > foreignObject > section.top-clients tbody td:nth-child(6){transition:background-color 0.15s ease}div#\:\$p > svg > foreignObject > section.top-clients tbody tr:hover td:nth-child(4), div#\:\$p > svg > foreignObject > section.top-clients tbody tr:hover td:nth-child(5), div#\:\$p > svg > foreignObject > section.top-clients tbody tr:hover td:nth-child(6){background-color:rgba(59, 130, 246, 0.08)!important}div#\:\$p > svg > foreignObject > section.top-clients tbody tr:hover td:nth-child(5){font-weight:700;color:#1e40af}div#\:\$p > svg > foreignObject > section.top-clients .client-icons{display:inline-flex;gap:calc(var(--marpit-root-font-size, 1rem) * 0.25);align-items:center;justify-content:center}div#\:\$p > svg > foreignObject > section.top-clients .capability-icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:4px;background-color:rgba(59, 130, 246, 0.15);transition:transform 0.15s ease}div#\:\$p > svg > foreignObject > section.top-clients .capability-icon img{width:17px;height:17px;box-shadow:none;border-radius:0;filter:invert(36%) sepia(85%) saturate(2270%) hue-rotate(208deg) brightness(96%) contrast(92%)}div#\:\$p > svg > foreignObject > section.top-clients .capability-icon.disabled{background-color:rgba(0, 0, 0, 0.03)}div#\:\$p > svg > foreignObject > section.top-clients .capability-icon.disabled img{filter:invert(80%) sepia(5%) saturate(200%) hue-rotate(180deg) brightness(95%) contrast(85%);opacity:0.35}div#\:\$p > svg > foreignObject > section.top-clients .icon-delete{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:4px;background-color:rgba(239, 68, 68, 0.15);transition:transform 0.15s ease}div#\:\$p > svg > foreignObject > section.top-clients .icon-delete img{width:17px;height:17px;box-shadow:none;border-radius:0;filter:invert(35%) sepia(89%) saturate(2270%) hue-rotate(343deg) brightness(96%) contrast(92%)}div#\:\$p > svg > foreignObject > section.top-clients .icon-alert{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:4px;background-color:rgba(239, 68, 68, 0.12);transition:transform 0.15s ease}div#\:\$p > svg > foreignObject > section.top-clients .icon-alert img{width:17px;height:17px;box-shadow:none;border-radius:0;filter:invert(35%) sepia(89%) saturate(2270%) hue-rotate(343deg) brightness(96%) contrast(92%)}div#\:\$p > svg > foreignObject > section.top-clients .legend{display:flex;gap:calc(var(--marpit-root-font-size, 1rem) * 1.5);margin-top:calc(var(--marpit-root-font-size, 1rem) * 0.8);padding:calc(var(--marpit-root-font-size, 1rem) * 0.5) calc(var(--marpit-root-font-size, 1rem) * 0.6);background-color:rgba(0, 0, 0, 0.02);border-radius:6px;font-size:calc(var(--marpit-root-font-size, 1rem) * 0.78);justify-content:center;align-items:center}div#\:\$p > svg > foreignObject > section.top-clients div#\:\$p > svg > foreignObject > section section.legend{--marpit-root-font-size: calc(var(--marpit-root-font-size, 1rem) * 0.78);}div#\:\$p > svg > foreignObject > section.top-clients .legend-item{display:flex;align-items:center;gap:calc(var(--marpit-root-font-size, 1rem) * 0.35)}div#\:\$p > svg > foreignObject > section.top-clients .legend-item .legend-label{color:#64748b;font-weight:500}div#\:\$p > svg > foreignObject > section.top-clients .client-icon{width:16px;height:16px;border-radius:3px;background-color:rgba(0, 0, 0, 0.1);display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:bold;line-height:1}div#\:\$p > svg > foreignObject > section.top-clients div#\:\$p > svg > foreignObject > section section.client-icon{--marpit-root-font-size: 10px;}div#\:\$p > svg > foreignObject > section.top-clients .client-icon.icon-delete{background-color:#ef4444;color:white}div#\:\$p > svg > foreignObject > section.top-clients .client-icon.icon-capability{background-color:#3b82f6;color:white}div#\:\$p > svg > foreignObject > section header{display:flex;justify-content:flex-end;align-items:center;position:absolute;top:20px;left:20px;right:20px;height:28px;z-index:1000;font-size:16px;font-weight:bold;color:#333}div#\:\$p > svg > foreignObject > section.titlepage header, div#\:\$p > svg > foreignObject > section.transition header{display:none}div#\:\$p > svg > foreignObject > section .header-logos{display:flex;align-items:center;gap:12px}div#\:\$p > svg > foreignObject > section .header-logos img{height:28px;width:auto;box-shadow:none!important;border-radius:0!important;object-fit:contain}div#\:\$p > svg > foreignObject > section .header-logos img[src*="hf_logo"]{height:32px}div#\:\$p > svg > foreignObject > section .no-shadow img, div#\:\$p > svg > foreignObject > section img.no-shadow{box-shadow:none!important}div#\:\$p > svg > foreignObject > section .shadow img, div#\:\$p > svg > foreignObject > section img.shadow{box-shadow:0 4px 8px rgba(0, 0, 0, 0.15)!important}div#\:\$p > svg > foreignObject > section.conversational-state .state-table{width:100%;margin-top:calc(var(--marpit-root-font-size, 1rem) * 0.6);table-layout:fixed;border-collapse:collapse;font-size:calc(var(--marpit-root-font-size, 1rem) * 0.75)}div#\:\$p > svg > foreignObject > section.conversational-state div#\:\$p > svg > foreignObject > section section.state-table{--marpit-root-font-size: calc(var(--marpit-root-font-size, 1rem) * 0.75);}div#\:\$p > svg > foreignObject > section.conversational-state .state-table thead{border-bottom:1px solid rgba(0, 0, 0, 0.12)}div#\:\$p > svg > foreignObject > section.conversational-state .state-table.show-headers thead{display:table-header-group}div#\:\$p > svg > foreignObject > section.conversational-state .state-table thead th{padding:calc(var(--marpit-root-font-size, 1rem) * 0.35) calc(var(--marpit-root-font-size, 1rem) * 0.5);text-align:center;font-weight:700;font-size:calc(var(--marpit-root-font-size, 1rem) * 0.72);color:#1f2937;background-color:rgba(0, 0, 0, 0.04)}div#\:\$p > svg > foreignObject > section.conversational-state .state-table thead th:first-child{text-align:center;font-weight:700;background-color:rgba(59, 130, 246, 0.08);color:#1e40af}div#\:\$p > svg > foreignObject > section.conversational-state .state-table tbody td{padding:calc(var(--marpit-root-font-size, 1rem) * 0.35) calc(var(--marpit-root-font-size, 1rem) * 0.5);border-bottom:1px solid rgba(0, 0, 0, 0.08);vertical-align:middle;text-align:center;line-height:1.3}div#\:\$p > svg > foreignObject > section.conversational-state .state-table tbody td:first-child{font-weight:700;text-align:center;background-color:rgba(0, 0, 0, 0.04);color:#1f2937;font-family:'Fira Code', monospace}div#\:\$p > svg > foreignObject > section.conversational-state .state-table tbody tr:last-child td{border-bottom:none}div#\:\$p > svg > foreignObject > section.conversational-state .state-table tr:nth-child(even), div#\:\$p > svg > foreignObject > section.conversational-state .state-table tr:nth-child(odd){background-color:transparent!important}div#\:\$p > svg > foreignObject > section.conversational-state .state-table tr:hover td{background-color:rgba(59, 130, 246, 0.08)!important}div#\:\$p > svg > foreignObject > section.conversational-state .state-table tr:hover td:first-child{font-weight:700;color:#1e40af}div#\:\$p > svg > foreignObject > section.conversational-state .state-table tr.state-change-row td:first-child{background-color:rgba(251, 191, 36, 0.2);color:#92400e}div#\:\$p > svg > foreignObject > section.conversational-state .state-table tr.state-change-row td{background-color:rgba(251, 191, 36, 0.08)}div#\:\$p > svg > foreignObject > section.conversational-state .state-table tr.danger-row td:first-child{background-color:rgba(239, 68, 68, 0.2);color:#991b1b}div#\:\$p > svg > foreignObject > section.conversational-state .state-table tr.danger-row td{background-color:rgba(239, 68, 68, 0.08)}div#\:\$p > svg > foreignObject > section .corner-logo{position:absolute;display:flex;align-items:center;gap:8px;font-size:14px;color:#333;z-index:1000}div#\:\$p > svg > foreignObject > section section.corner-logo{--marpit-root-font-size: 14px;}div#\:\$p > svg > foreignObject > section .corner-logo img{height:24px;width:auto}div#\:\$p > svg > foreignObject > section .corner-logo-bottom-left{bottom:20px;left:20px}div#\:\$p > svg > foreignObject > section .corner-logo-bottom-right{bottom:20px;right:20px}div#\:\$p > svg > foreignObject > :where(section){container-type:size}div#\:\$p > svg > foreignObject > section img[data-marp-twemoji]{background:transparent;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em;width:1em}div#\:\$p > svg > foreignObject > :where(section):not([\20 root]){font-family:'Fira Sans', sans-serif;font-weight:initial;color:#6c6c6c;color:#2b3446;background-color:#727d8b;background-color:#f8b13d;background-color:#435160;background-color:#f5eee6;background-color:#d9dee6;background-color:#f4f4ed;--h1-color                  : #3d09ae;--h1-color                  : #06858e;--border-color              : #a0660387;--bold-color                : rgb(21, 105, 201);--bold-color                : #0d2d58;--italic-color              : rgb(38, 48, 71);--italic-background-color   : rgba(172, 215, 255, 0.713);--list-item-color           : rgb(255, 212, 95);--after-color               : rgb(51, 48, 48);--table-font-color          : black;--table-header-color        : rgb(0, 132, 255);--main-color                : rgb(207, 77, 17);--darker-color              : #246;--lighter-color             : #080a0a;--extra-back-color          : rgb(42, 45, 53);--letter-spacing            : 0.125px;--cool-list-color           : rgb(255, 68, 0);--author-align              : right;}div#\:\$p > svg > foreignObject > section.titlepage .title{border-bottom:1px solid orangered}div#\:\$p > svg > foreignObject > section.titlepage .subtitle{font-weight:300}div#\:\$p > svg > foreignObject > section.titlepage .author, div#\:\$p > svg > foreignObject > section.titlepage .date, div#\:\$p > svg > foreignObject > section.titlepage .organization{text-align:left}div#\:\$p > svg > foreignObject > section.titlepage :is(h1, marp-h1){border-bottom:1px solid orangered}div#\:\$p > svg > foreignObject > section.titlepage :is(h2, marp-h2){font-weight:300}div#\:\$p > svg > foreignObject > section.titlepage :is(h3, marp-h3), div#\:\$p > svg > foreignObject > section.titlepage :is(h4, marp-h4), div#\:\$p > svg > foreignObject > section.titlepage :is(h5, marp-h5){text-align:right}div#\:\$p > svg > foreignObject > section.transition{--transitionpage-color: #247397;}div#\:\$p > svg > foreignObject > section.transition :is(h1, marp-h1) .mcp-model{color:#FF9D00}div#\:\$p > svg > foreignObject > section.transition :is(h1, marp-h1) .mcp-context{color:#6b7280}div#\:\$p > svg > foreignObject > section.transition2{background-color:#c53732}div#\:\$p > svg > foreignObject > section.cite{--background-color: #49454f;--strong-color: rgb(182, 112, 27);}div#\:\$p > svg > foreignObject > section.cite p{color:#fffbfe}div#\:\$p > svg > foreignObject > section.cite strong{color:#f87ca1}div#\:\$p > svg > foreignObject > section img{box-shadow:0 4px 8px rgba(0, 0, 0, 0.15);border-radius:4px}div#\:\$p > svg > foreignObject > section .footprint-bars{display:flex;flex-direction:column;gap:calc(var(--marpit-root-font-size, 1rem) * 1.5);margin-top:calc(var(--marpit-root-font-size, 1rem) * 2)}div#\:\$p > svg > foreignObject > section .footprint-bars .row{display:grid;grid-template-columns:260px 1fr;gap:calc(var(--marpit-root-font-size, 1rem) * 1.5);align-items:center}div#\:\$p > svg > foreignObject > section .footprint-bars .label strong{display:block;font-size:1.05em;color:var(--bold-color)}div#\:\$p > svg > foreignObject > section .footprint-bars .label .meta{font-size:0.8em;color:#475569;margin-top:calc(var(--marpit-root-font-size, 1rem) * 0.25)}div#\:\$p > svg > foreignObject > section .footprint-bars .label div#\:\$p > svg > foreignObject > section section.meta{--marpit-root-font-size: 0.8em;}div#\:\$p > svg > foreignObject > section .footprint-bars .bar{position:relative;height:42px;border-radius:999px;background:rgba(15, 23, 42, 0.12);overflow:hidden}div#\:\$p > svg > foreignObject > section .footprint-bars .bar[data-note]::after{content:attr(data-note);position:absolute;top:calc(100% + 4px);left:0;font-size:0.62em;letter-spacing:0.06em;text-transform:uppercase;color:#64748b}div#\:\$p > svg > foreignObject > section .footprint-bars div#\:\$p > svg > foreignObject > section section.bar[data-note]::after{--marpit-root-font-size: 0.62em;}div#\:\$p > svg > foreignObject > section .footprint-bars .fill{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg, #f97316 0%, #facc15 100%);transform-origin:left center;transform:scaleX(var(--scale, 1))}div#\:\$p > svg > foreignObject > section .footprint-bars .fill :is(span, marp-span){position:absolute;right:16px;top:50%;transform:translateY(-50%);font-weight:600;color:#1f2937;font-size:0.85em}div#\:\$p > svg > foreignObject > section .footprint-bars .fill.is-tiny{background:linear-gradient(90deg, #38bdf8 0%, #0ea5e9 100%)}div#\:\$p > svg > foreignObject > section .footprint-bars .fill.is-tiny :is(span, marp-span){color:#0f172a}div#\:\$p > svg > foreignObject > section .footprint-note{margin-top:calc(var(--marpit-root-font-size, 1rem) * 1.25);font-size:0.72em;color:#475569;letter-spacing:0.04em;text-transform:uppercase}div#\:\$p > svg > foreignObject > section div#\:\$p > svg > foreignObject > section section.footprint-note{--marpit-root-font-size: 0.72em;}div#\:\$p > svg > foreignObject > section .footprint-grid{margin-top:calc(var(--marpit-root-font-size, 1rem) * 2.5);display:grid;grid-template-columns:repeat(12, minmax(0, 1fr));gap:calc(var(--marpit-root-font-size, 1rem) * 1.2);align-items:end}div#\:\$p > svg > foreignObject > section .footprint-grid .panel{position:relative;border-radius:28px;border:3px solid rgba(15, 23, 42, 0.15);background:linear-gradient(145deg, rgba(248, 196, 113, 0.3), rgba(249, 115, 22, 0.65));box-shadow:0 28px 48px rgba(15, 23, 42, 0.18);padding:calc(var(--marpit-root-font-size, 1rem) * 2.2);min-height:clamp(240px, 52vh, 520px);color:#1f2937;overflow:hidden}div#\:\$p > svg > foreignObject > section .footprint-grid .panel small{display:block;font-size:0.78em;text-transform:uppercase;letter-spacing:0.08em;color:rgba(15, 23, 42, 0.65);margin-bottom:calc(var(--marpit-root-font-size, 1rem) * 0.4)}div#\:\$p > svg > foreignObject > section .footprint-grid .panel strong{display:block;font-size:1.75em;color:var(--bold-color)}div#\:\$p > svg > foreignObject > section .footprint-grid .panel p{font-size:0.95em;margin-top:calc(var(--marpit-root-font-size, 1rem) * 1);color:rgba(15, 23, 42, 0.82)}div#\:\$p > svg > foreignObject > section .footprint-grid .panel::after{content:attr(data-caption);position:absolute;right:28px;bottom:26px;font-size:0.78em;text-transform:uppercase;letter-spacing:0.1em;color:rgba(15, 23, 42, 0.55)}div#\:\$p > svg > foreignObject > section .footprint-grid div#\:\$p > svg > foreignObject > section section.panel::after{--marpit-root-font-size: 0.78em;}div#\:\$p > svg > foreignObject > section .footprint-grid .panel.context{grid-column:span 3;min-height:clamp(90px, 16vh, 220px);background:linear-gradient(145deg, rgba(59, 130, 246, 0.35), rgba(14, 165, 233, 0.75));box-shadow:0 20px 32px rgba(14, 165, 233, 0.28)}div#\:\$p > svg > foreignObject > section .footprint-grid .panel.context strong{color:#0f172a}div#\:\$p > svg > foreignObject > section .footprint-grid .panel.context p{color:rgba(15, 23, 42, 0.68)}div#\:\$p > svg > foreignObject > section .footprint-grid .panel.weights{grid-column:span 9}div#\:\$p > svg > foreignObject > section .window-grid{margin-top:calc(var(--marpit-root-font-size, 1rem) * 2);display:grid;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));gap:calc(var(--marpit-root-font-size, 1rem) * 1.2)}div#\:\$p > svg > foreignObject > section .window-card{background:white;border-radius:18px;border:1px solid rgba(15, 23, 42, 0.08);box-shadow:0 16px 32px rgba(15, 23, 42, 0.12);padding:calc(var(--marpit-root-font-size, 1rem) * 1.6);position:relative;overflow:hidden}div#\:\$p > svg > foreignObject > section .window-card::after{content:attr(data-year);position:absolute;top:18px;right:20px;font-size:0.72em;text-transform:uppercase;letter-spacing:0.12em;color:rgba(15, 23, 42, 0.45)}div#\:\$p > svg > foreignObject > section div#\:\$p > svg > foreignObject > section section.window-card::after{--marpit-root-font-size: 0.72em;}div#\:\$p > svg > foreignObject > section .window-card strong{display:block;font-size:1.2em;color:var(--bold-color)}div#\:\$p > svg > foreignObject > section .window-card .tokens{font-size:1.05em;margin-top:calc(var(--marpit-root-font-size, 1rem) * 0.7);font-weight:600;color:#1e293b}div#\:\$p > svg > foreignObject > section .window-card div#\:\$p > svg > foreignObject > section section.tokens{--marpit-root-font-size: 1.05em;}div#\:\$p > svg > foreignObject > section .window-card .tokens :is(span, marp-span){display:block;font-size:0.7em;font-weight:500;letter-spacing:0.04em;color:#64748b;text-transform:uppercase}div#\:\$p > svg > foreignObject > section .window-card p{font-size:0.82em;line-height:1.35;color:#475569;margin-top:calc(var(--marpit-root-font-size, 1rem) * 1)}div#\:\$p > svg > foreignObject > section .window-card .badge{margin-top:calc(var(--marpit-root-font-size, 1rem) * 1.2);display:inline-flex;align-items:center;gap:calc(var(--marpit-root-font-size, 1rem) * 0.35);padding:calc(var(--marpit-root-font-size, 1rem) * 0.35) calc(var(--marpit-root-font-size, 1rem) * 0.8);border-radius:999px;background:rgba(14, 165, 233, 0.12);color:#0369a1;font-size:0.7em;letter-spacing:0.05em;text-transform:uppercase}div#\:\$p > svg > foreignObject > section .window-card div#\:\$p > svg > foreignObject > section section.badge{--marpit-root-font-size: 0.7em;}div#\:\$p > svg > foreignObject > section .analog-table{margin-top:calc(var(--marpit-root-font-size, 1rem) * 1.8);border-radius:16px;border:1px solid rgba(15, 23, 42, 0.08);overflow:hidden;box-shadow:0 18px 30px rgba(15, 23, 42, 0.1)}div#\:\$p > svg > foreignObject > section .analog-table table{width:100%;border-collapse:collapse;font-size:0.85em}div#\:\$p > svg > foreignObject > section .analog-table th, div#\:\$p > svg > foreignObject > section .analog-table td{padding:calc(var(--marpit-root-font-size, 1rem) * 0.85) calc(var(--marpit-root-font-size, 1rem) * 1);text-align:left}div#\:\$p > svg > foreignObject > section .analog-table tr:nth-child(even){background:rgba(15, 23, 42, 0.04)}div#\:\$p > svg > foreignObject > section .analog-table th{background:rgba(15, 23, 42, 0.08);text-transform:uppercase;font-size:0.72em;letter-spacing:0.08em;color:#1f2937}div#\:\$p > svg > foreignObject > section .analog-notes{margin-top:calc(var(--marpit-root-font-size, 1rem) * 1);font-size:0.72em;color:#475569;letter-spacing:0.04em;text-transform:uppercase}div#\:\$p > svg > foreignObject > section div#\:\$p > svg > foreignObject > section section.analog-notes{--marpit-root-font-size: 0.72em;}div#\:\$p > svg > foreignObject > section .footprint-nesting{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:calc(var(--marpit-root-font-size, 1rem) * 2);margin-top:calc(var(--marpit-root-font-size, 1rem) * 2)}div#\:\$p > svg > foreignObject > section .footprint-nesting .box{position:relative;background:#fff7ed;border:2px solid #fb923c;border-radius:18px;padding:calc(var(--marpit-root-font-size, 1rem) * 1.75);min-height:240px;box-shadow:inset 0 0 0 1px rgba(15, 23, 42, 0.05)}div#\:\$p > svg > foreignObject > section .footprint-nesting .box strong{font-size:1.1em;color:var(--bold-color)}div#\:\$p > svg > foreignObject > section .footprint-nesting .box.emphasis{background:#ecfeff;border-color:#38bdf8}div#\:\$p > svg > foreignObject > section .footprint-nesting .chip{display:inline-flex;align-items:center;gap:calc(var(--marpit-root-font-size, 1rem) * 0.4);padding:calc(var(--marpit-root-font-size, 1rem) * 0.35) calc(var(--marpit-root-font-size, 1rem) * 0.85);border-radius:999px;background:#ffedd5;border:1px solid #f97316;font-size:0.7em;letter-spacing:0.06em;text-transform:uppercase;margin-top:calc(var(--marpit-root-font-size, 1rem) * 1.1)}div#\:\$p > svg > foreignObject > section .footprint-nesting div#\:\$p > svg > foreignObject > section section.chip{--marpit-root-font-size: 0.7em;}div#\:\$p > svg > foreignObject > section .footprint-nesting .box.emphasis .chip{background:#e0f2fe;border-color:#0ea5e9;color:#0369a1}div#\:\$p > svg > foreignObject > section .footprint-nesting .box .inner{position:absolute;bottom:18px;right:18px;width:clamp(60px, 22%, 140px);min-height:clamp(60px, 22%, 120px);background:#0ea5e9;color:white;border-radius:14px;padding:calc(var(--marpit-root-font-size, 1rem) * 0.75);font-size:0.8em;display:flex;align-items:center;justify-content:center;text-align:center;box-shadow:0 10px 18px rgba(14, 165, 233, 0.35)}div#\:\$p > svg > foreignObject > section .footprint-nesting .box div#\:\$p > svg > foreignObject > section section.inner{--marpit-root-font-size: 0.8em;}div#\:\$p > svg > foreignObject > section .footprint-nesting .box .inner::after{content:'magnified';position:absolute;top:-22px;font-size:0.6em;letter-spacing:0.08em;text-transform:uppercase;color:rgba(14, 165, 233, 0.9)}div#\:\$p > svg > foreignObject > section .footprint-nesting .box div#\:\$p > svg > foreignObject > section section.inner::after{--marpit-root-font-size: 0.6em;}div#\:\$p > svg > foreignObject > section .footprint-nesting ul{margin-top:calc(var(--marpit-root-font-size, 1rem) * 1);padding-left:calc(var(--marpit-root-font-size, 1rem) * 1.15);font-size:0.85em;color:#1f2937}div#\:\$p > svg > foreignObject > section .footprint-nesting ul li{margin-bottom:calc(var(--marpit-root-font-size, 1rem) * 0.35)}div#\:\$p > svg > foreignObject > section{width:1280px;height:720px}div#\:\$p > svg > foreignObject > section iframe.demo{width:100%;height:70vh;border:none;border-radius:16px;background:transparent}div#\:\$p > svg > foreignObject > section iframe.demo.demo--column{height:65vh}div#\:\$p > svg > foreignObject > section iframe.demo.demo--short{height:52vh}div#\:\$p > svg > foreignObject > section video.full-slide{width:100%;height:100%;object-fit:contain}div#\:\$p > svg > foreignObject > section .cite-author{text-align:right}div#\:\$p > svg > foreignObject > section .cite-author:after{color:orangered;font-size:125%;font-weight:bold;font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;padding-right:130px}div#\:\$p > svg > foreignObject > section section.cite-author:after{--marpit-root-font-size         : 125%;}div#\:\$p > svg > foreignObject > section .cite-author[data-text]:after{content:" - "attr(data-text) " - "}div#\:\$p > svg > foreignObject > section .cite-author p{padding-bottom:40px}div#\:\$p > svg > foreignObject > section .bottom-image{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);width:calc(100% - 40px);max-width:95%}div#\:\$p > svg > foreignObject > section .bottom-image img{width:100%;height:auto;object-fit:contain}div#\:\$p > svg > foreignObject > section .bottom-image-flush{position:absolute;bottom:0;left:0;right:0;width:100%}div#\:\$p > svg > foreignObject > section .bottom-image-flush img{width:100%;height:auto;object-fit:contain}div#\:\$p > svg > foreignObject > section[data-marpit-advanced-background="background"]{columns:initial!important;display:block!important;padding:0!important}div#\:\$p > svg > foreignObject > section[data-marpit-advanced-background="background"]::before, div#\:\$p > svg > foreignObject > section[data-marpit-advanced-background="background"]::after, div#\:\$p > svg > foreignObject > section[data-marpit-advanced-background="content"]::before, div#\:\$p > svg > foreignObject > section[data-marpit-advanced-background="content"]::after{display:none!important}div#\:\$p > svg > foreignObject > section[data-marpit-advanced-background="background"] > div[data-marpit-advanced-background-container]{all:initial;display:flex;flex-direction:row;height:100%;overflow:hidden;width:100%}div#\:\$p > svg > foreignObject > section[data-marpit-advanced-background="background"] > div[data-marpit-advanced-background-container][data-marpit-advanced-background-direction="vertical"]{flex-direction:column}div#\:\$p > svg > foreignObject > section[data-marpit-advanced-background="background"][data-marpit-advanced-background-split] > div[data-marpit-advanced-background-container]{width:var(--marpit-advanced-background-split, 50%)}div#\:\$p > svg > foreignObject > section[data-marpit-advanced-background="background"][data-marpit-advanced-background-split="right"] > div[data-marpit-advanced-background-container]{margin-left:calc(100% - var(--marpit-advanced-background-split, 50%))}div#\:\$p > svg > foreignObject > section[data-marpit-advanced-background="background"] > div[data-marpit-advanced-background-container] > figure{all:initial;background-position:center;background-repeat:no-repeat;background-size:cover;flex:auto;margin:0}div#\:\$p > svg > foreignObject > section[data-marpit-advanced-background="background"] > div[data-marpit-advanced-background-container] > figure > figcaption{position:absolute;border:0;clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;padding:0;white-space:nowrap;width:1px}div#\:\$p > svg > foreignObject > section[data-marpit-advanced-background="content"], div#\:\$p > svg > foreignObject > section[data-marpit-advanced-background="pseudo"]{background:transparent!important}div#\:\$p > svg > foreignObject > section[data-marpit-advanced-background="pseudo"], div#\:\$p > svg[data-marpit-svg] > foreignObject[data-marpit-advanced-background="pseudo"]{pointer-events:none!important}div#\:\$p > svg > foreignObject > section[data-marpit-advanced-background-split]{width:100%;height:100%}
 </style></head><body><div class="bespoke-marp-osc"><button data-bespoke-marp-osc="prev" tabindex="-1" title="Previous slide">Previous slide</button><span data-bespoke-marp-osc="page"></span><button data-bespoke-marp-osc="next" tabindex="-1" title="Next slide">Next slide</button><button data-bespoke-marp-osc="fullscreen" tabindex="-1" title="Toggle fullscreen (f)">Toggle fullscreen</button><button data-bespoke-marp-osc="presenter" tabindex="-1" title="Open presenter view (p)">Open presenter view</button></div><div id=":$p"><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="1" data-header="&lt;span class=&quot;header-logos&quot;&gt;&lt;img src=&quot;./images/hf_logo.svg&quot;   /&gt;&lt;img src=&quot;./images/github-mark.svg&quot; /&gt;github.com/evalstate&lt;/span&gt;" data-class="titlepage" data-theme="freud" data-style="iframe.demo {
   width: 100%;
-  height: 70vh;
+  height: min(70vh, 500px);
   border: none;
   border-radius: 16px;
   background: transparent;
 }
 
 iframe.demo.demo--column {
-  height: 65vh;
+  height: min(65vh, 460px);
 }
 
 iframe.demo.demo--short {
-  height: 52vh;
+  height: min(52vh, 370px);
 }
 
 video.full-slide {
@@ -66,18 +66,18 @@ video.full-slide {
 }
 " lang="C" class="titlepage" style="--header:&lt;span class=&quot;header-logos&quot;&gt;&lt;img src=&quot;./images/hf_logo.svg&quot;   /&gt;&lt;img src=&quot;./images/github-mark.svg&quot; /&gt;github.com/evalstate&lt;/span&gt;;--class:titlepage;--theme:freud;--style:iframe.demo {
   width: 100%;
-  height: 70vh;
+  height: min(70vh, 500px);
   border: none;
   border-radius: 16px;
   background: transparent;
 }
 
 iframe.demo.demo--column {
-  height: 65vh;
+  height: min(65vh, 460px);
 }
 
 iframe.demo.demo--short {
-  height: 52vh;
+  height: min(52vh, 370px);
 }
 
 video.full-slide {
@@ -168,18 +168,18 @@ video.full-slide {
 </section>
 </foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="2" data-header="&lt;span class=&quot;header-logos&quot;&gt;&lt;img src=&quot;./images/hf_logo.svg&quot;   /&gt;&lt;img src=&quot;./images/github-mark.svg&quot; /&gt;github.com/evalstate&lt;/span&gt;" data-theme="freud" data-style="iframe.demo {
   width: 100%;
-  height: 70vh;
+  height: min(70vh, 500px);
   border: none;
   border-radius: 16px;
   background: transparent;
 }
 
 iframe.demo.demo--column {
-  height: 65vh;
+  height: min(65vh, 460px);
 }
 
 iframe.demo.demo--short {
-  height: 52vh;
+  height: min(52vh, 370px);
 }
 
 video.full-slide {
@@ -189,18 +189,18 @@ video.full-slide {
 }
 " lang="C" style="--header:&lt;span class=&quot;header-logos&quot;&gt;&lt;img src=&quot;./images/hf_logo.svg&quot;   /&gt;&lt;img src=&quot;./images/github-mark.svg&quot; /&gt;github.com/evalstate&lt;/span&gt;;--theme:freud;--style:iframe.demo {
   width: 100%;
-  height: 70vh;
+  height: min(70vh, 500px);
   border: none;
   border-radius: 16px;
   background: transparent;
 }
 
 iframe.demo.demo--column {
-  height: 65vh;
+  height: min(65vh, 460px);
 }
 
 iframe.demo.demo--short {
-  height: 52vh;
+  height: min(52vh, 370px);
 }
 
 video.full-slide {
@@ -245,18 +245,18 @@ video.full-slide {
 </section>
 </foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="3" data-header="&lt;span class=&quot;header-logos&quot;&gt;&lt;img src=&quot;./images/hf_logo.svg&quot;   /&gt;&lt;img src=&quot;./images/github-mark.svg&quot; /&gt;github.com/evalstate&lt;/span&gt;" data-theme="freud" data-style="iframe.demo {
   width: 100%;
-  height: 70vh;
+  height: min(70vh, 500px);
   border: none;
   border-radius: 16px;
   background: transparent;
 }
 
 iframe.demo.demo--column {
-  height: 65vh;
+  height: min(65vh, 460px);
 }
 
 iframe.demo.demo--short {
-  height: 52vh;
+  height: min(52vh, 370px);
 }
 
 video.full-slide {
@@ -266,18 +266,18 @@ video.full-slide {
 }
 " lang="C" style="--header:&lt;span class=&quot;header-logos&quot;&gt;&lt;img src=&quot;./images/hf_logo.svg&quot;   /&gt;&lt;img src=&quot;./images/github-mark.svg&quot; /&gt;github.com/evalstate&lt;/span&gt;;--theme:freud;--style:iframe.demo {
   width: 100%;
-  height: 70vh;
+  height: min(70vh, 500px);
   border: none;
   border-radius: 16px;
   background: transparent;
 }
 
 iframe.demo.demo--column {
-  height: 65vh;
+  height: min(65vh, 460px);
 }
 
 iframe.demo.demo--short {
-  height: 52vh;
+  height: min(52vh, 370px);
 }
 
 video.full-slide {
@@ -291,18 +291,18 @@ video.full-slide {
 </section>
 </foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="4" data-header="&lt;span class=&quot;header-logos&quot;&gt;&lt;img src=&quot;./images/hf_logo.svg&quot;   /&gt;&lt;img src=&quot;./images/github-mark.svg&quot; /&gt;github.com/evalstate&lt;/span&gt;" data-theme="freud" data-style="iframe.demo {
   width: 100%;
-  height: 70vh;
+  height: min(70vh, 500px);
   border: none;
   border-radius: 16px;
   background: transparent;
 }
 
 iframe.demo.demo--column {
-  height: 65vh;
+  height: min(65vh, 460px);
 }
 
 iframe.demo.demo--short {
-  height: 52vh;
+  height: min(52vh, 370px);
 }
 
 video.full-slide {
@@ -312,18 +312,18 @@ video.full-slide {
 }
 " lang="C" style="--header:&lt;span class=&quot;header-logos&quot;&gt;&lt;img src=&quot;./images/hf_logo.svg&quot;   /&gt;&lt;img src=&quot;./images/github-mark.svg&quot; /&gt;github.com/evalstate&lt;/span&gt;;--theme:freud;--style:iframe.demo {
   width: 100%;
-  height: 70vh;
+  height: min(70vh, 500px);
   border: none;
   border-radius: 16px;
   background: transparent;
 }
 
 iframe.demo.demo--column {
-  height: 65vh;
+  height: min(65vh, 460px);
 }
 
 iframe.demo.demo--short {
-  height: 52vh;
+  height: min(52vh, 370px);
 }
 
 video.full-slide {
@@ -340,18 +340,18 @@ video.full-slide {
 </section>
 </foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="5" data-header="&lt;span class=&quot;header-logos&quot;&gt;&lt;img src=&quot;./images/hf_logo.svg&quot;   /&gt;&lt;img src=&quot;./images/github-mark.svg&quot; /&gt;github.com/evalstate&lt;/span&gt;" data-theme="freud" data-style="iframe.demo {
   width: 100%;
-  height: 70vh;
+  height: min(70vh, 500px);
   border: none;
   border-radius: 16px;
   background: transparent;
 }
 
 iframe.demo.demo--column {
-  height: 65vh;
+  height: min(65vh, 460px);
 }
 
 iframe.demo.demo--short {
-  height: 52vh;
+  height: min(52vh, 370px);
 }
 
 video.full-slide {
@@ -361,18 +361,18 @@ video.full-slide {
 }
 " lang="C" style="--header:&lt;span class=&quot;header-logos&quot;&gt;&lt;img src=&quot;./images/hf_logo.svg&quot;   /&gt;&lt;img src=&quot;./images/github-mark.svg&quot; /&gt;github.com/evalstate&lt;/span&gt;;--theme:freud;--style:iframe.demo {
   width: 100%;
-  height: 70vh;
+  height: min(70vh, 500px);
   border: none;
   border-radius: 16px;
   background: transparent;
 }
 
 iframe.demo.demo--column {
-  height: 65vh;
+  height: min(65vh, 460px);
 }
 
 iframe.demo.demo--short {
-  height: 52vh;
+  height: min(52vh, 370px);
 }
 
 video.full-slide {
@@ -416,18 +416,18 @@ video.full-slide {
 </section>
 </foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="6" data-header="&lt;span class=&quot;header-logos&quot;&gt;&lt;img src=&quot;./images/hf_logo.svg&quot;   /&gt;&lt;img src=&quot;./images/github-mark.svg&quot; /&gt;github.com/evalstate&lt;/span&gt;" data-theme="freud" data-style="iframe.demo {
   width: 100%;
-  height: 70vh;
+  height: min(70vh, 500px);
   border: none;
   border-radius: 16px;
   background: transparent;
 }
 
 iframe.demo.demo--column {
-  height: 65vh;
+  height: min(65vh, 460px);
 }
 
 iframe.demo.demo--short {
-  height: 52vh;
+  height: min(52vh, 370px);
 }
 
 video.full-slide {
@@ -437,18 +437,18 @@ video.full-slide {
 }
 " lang="C" style="--header:&lt;span class=&quot;header-logos&quot;&gt;&lt;img src=&quot;./images/hf_logo.svg&quot;   /&gt;&lt;img src=&quot;./images/github-mark.svg&quot; /&gt;github.com/evalstate&lt;/span&gt;;--theme:freud;--style:iframe.demo {
   width: 100%;
-  height: 70vh;
+  height: min(70vh, 500px);
   border: none;
   border-radius: 16px;
   background: transparent;
 }
 
 iframe.demo.demo--column {
-  height: 65vh;
+  height: min(65vh, 460px);
 }
 
 iframe.demo.demo--short {
-  height: 52vh;
+  height: min(52vh, 370px);
 }
 
 video.full-slide {
@@ -465,18 +465,18 @@ video.full-slide {
 </section>
 </foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="7" data-header="&lt;span class=&quot;header-logos&quot;&gt;&lt;img src=&quot;./images/hf_logo.svg&quot;   /&gt;&lt;img src=&quot;./images/github-mark.svg&quot; /&gt;github.com/evalstate&lt;/span&gt;" data-theme="freud" data-style="iframe.demo {
   width: 100%;
-  height: 70vh;
+  height: min(70vh, 500px);
   border: none;
   border-radius: 16px;
   background: transparent;
 }
 
 iframe.demo.demo--column {
-  height: 65vh;
+  height: min(65vh, 460px);
 }
 
 iframe.demo.demo--short {
-  height: 52vh;
+  height: min(52vh, 370px);
 }
 
 video.full-slide {
@@ -486,18 +486,18 @@ video.full-slide {
 }
 " lang="C" style="--header:&lt;span class=&quot;header-logos&quot;&gt;&lt;img src=&quot;./images/hf_logo.svg&quot;   /&gt;&lt;img src=&quot;./images/github-mark.svg&quot; /&gt;github.com/evalstate&lt;/span&gt;;--theme:freud;--style:iframe.demo {
   width: 100%;
-  height: 70vh;
+  height: min(70vh, 500px);
   border: none;
   border-radius: 16px;
   background: transparent;
 }
 
 iframe.demo.demo--column {
-  height: 65vh;
+  height: min(65vh, 460px);
 }
 
 iframe.demo.demo--short {
-  height: 52vh;
+  height: min(52vh, 370px);
 }
 
 video.full-slide {
@@ -515,18 +515,18 @@ video.full-slide {
 </section>
 </foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="8" data-header="&lt;span class=&quot;header-logos&quot;&gt;&lt;img src=&quot;./images/hf_logo.svg&quot;   /&gt;&lt;img src=&quot;./images/github-mark.svg&quot; /&gt;github.com/evalstate&lt;/span&gt;" data-class="transition" data-theme="freud" data-style="iframe.demo {
   width: 100%;
-  height: 70vh;
+  height: min(70vh, 500px);
   border: none;
   border-radius: 16px;
   background: transparent;
 }
 
 iframe.demo.demo--column {
-  height: 65vh;
+  height: min(65vh, 460px);
 }
 
 iframe.demo.demo--short {
-  height: 52vh;
+  height: min(52vh, 370px);
 }
 
 video.full-slide {
@@ -536,18 +536,18 @@ video.full-slide {
 }
 " lang="C" class="transition" style="--header:&lt;span class=&quot;header-logos&quot;&gt;&lt;img src=&quot;./images/hf_logo.svg&quot;   /&gt;&lt;img src=&quot;./images/github-mark.svg&quot; /&gt;github.com/evalstate&lt;/span&gt;;--class:transition;--theme:freud;--style:iframe.demo {
   width: 100%;
-  height: 70vh;
+  height: min(70vh, 500px);
   border: none;
   border-radius: 16px;
   background: transparent;
 }
 
 iframe.demo.demo--column {
-  height: 65vh;
+  height: min(65vh, 460px);
 }
 
 iframe.demo.demo--short {
-  height: 52vh;
+  height: min(52vh, 370px);
 }
 
 video.full-slide {
@@ -561,18 +561,18 @@ video.full-slide {
 </section>
 </foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="9" data-header="&lt;span class=&quot;header-logos&quot;&gt;&lt;img src=&quot;./images/hf_logo.svg&quot;   /&gt;&lt;img src=&quot;./images/github-mark.svg&quot; /&gt;github.com/evalstate&lt;/span&gt;" data-theme="freud" data-style="iframe.demo {
   width: 100%;
-  height: 70vh;
+  height: min(70vh, 500px);
   border: none;
   border-radius: 16px;
   background: transparent;
 }
 
 iframe.demo.demo--column {
-  height: 65vh;
+  height: min(65vh, 460px);
 }
 
 iframe.demo.demo--short {
-  height: 52vh;
+  height: min(52vh, 370px);
 }
 
 video.full-slide {
@@ -582,18 +582,18 @@ video.full-slide {
 }
 " lang="C" style="--header:&lt;span class=&quot;header-logos&quot;&gt;&lt;img src=&quot;./images/hf_logo.svg&quot;   /&gt;&lt;img src=&quot;./images/github-mark.svg&quot; /&gt;github.com/evalstate&lt;/span&gt;;--theme:freud;--style:iframe.demo {
   width: 100%;
-  height: 70vh;
+  height: min(70vh, 500px);
   border: none;
   border-radius: 16px;
   background: transparent;
 }
 
 iframe.demo.demo--column {
-  height: 65vh;
+  height: min(65vh, 460px);
 }
 
 iframe.demo.demo--short {
-  height: 52vh;
+  height: min(52vh, 370px);
 }
 
 video.full-slide {
@@ -604,22 +604,22 @@ video.full-slide {
 ;" data-size="16:9">
 <header><span class="header-logos"><img src="./images/hf_logo.svg" /><img src="./images/github-mark.svg" />github.com/evalstate</span></header>
 <h1 id="preparing-mcp-for-the-future-1">Preparing MCP for the future</h1>
-<iframe class="demo" loading="lazy" src="./animations/stdio-simple.html"></iframe>
+<iframe class="demo" loading="eager" src="./animations/stdio-simple.html"></iframe>
 </section>
 </foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="10" data-header="&lt;span class=&quot;header-logos&quot;&gt;&lt;img src=&quot;./images/hf_logo.svg&quot;   /&gt;&lt;img src=&quot;./images/github-mark.svg&quot; /&gt;github.com/evalstate&lt;/span&gt;" data-class="transition" data-theme="freud" data-style="iframe.demo {
   width: 100%;
-  height: 70vh;
+  height: min(70vh, 500px);
   border: none;
   border-radius: 16px;
   background: transparent;
 }
 
 iframe.demo.demo--column {
-  height: 65vh;
+  height: min(65vh, 460px);
 }
 
 iframe.demo.demo--short {
-  height: 52vh;
+  height: min(52vh, 370px);
 }
 
 video.full-slide {
@@ -629,18 +629,18 @@ video.full-slide {
 }
 " lang="C" class="transition" style="--header:&lt;span class=&quot;header-logos&quot;&gt;&lt;img src=&quot;./images/hf_logo.svg&quot;   /&gt;&lt;img src=&quot;./images/github-mark.svg&quot; /&gt;github.com/evalstate&lt;/span&gt;;--class:transition;--theme:freud;--style:iframe.demo {
   width: 100%;
-  height: 70vh;
+  height: min(70vh, 500px);
   border: none;
   border-radius: 16px;
   background: transparent;
 }
 
 iframe.demo.demo--column {
-  height: 65vh;
+  height: min(65vh, 460px);
 }
 
 iframe.demo.demo--short {
-  height: 52vh;
+  height: min(52vh, 370px);
 }
 
 video.full-slide {
@@ -655,18 +655,18 @@ video.full-slide {
 </section>
 </foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="11" data-header="&lt;span class=&quot;header-logos&quot;&gt;&lt;img src=&quot;./images/hf_logo.svg&quot;   /&gt;&lt;img src=&quot;./images/github-mark.svg&quot; /&gt;github.com/evalstate&lt;/span&gt;" data-theme="freud" data-style="iframe.demo {
   width: 100%;
-  height: 70vh;
+  height: min(70vh, 500px);
   border: none;
   border-radius: 16px;
   background: transparent;
 }
 
 iframe.demo.demo--column {
-  height: 65vh;
+  height: min(65vh, 460px);
 }
 
 iframe.demo.demo--short {
-  height: 52vh;
+  height: min(52vh, 370px);
 }
 
 video.full-slide {
@@ -676,18 +676,18 @@ video.full-slide {
 }
 " lang="C" style="--header:&lt;span class=&quot;header-logos&quot;&gt;&lt;img src=&quot;./images/hf_logo.svg&quot;   /&gt;&lt;img src=&quot;./images/github-mark.svg&quot; /&gt;github.com/evalstate&lt;/span&gt;;--theme:freud;--style:iframe.demo {
   width: 100%;
-  height: 70vh;
+  height: min(70vh, 500px);
   border: none;
   border-radius: 16px;
   background: transparent;
 }
 
 iframe.demo.demo--column {
-  height: 65vh;
+  height: min(65vh, 460px);
 }
 
 iframe.demo.demo--short {
-  height: 52vh;
+  height: min(52vh, 370px);
 }
 
 video.full-slide {
@@ -698,22 +698,22 @@ video.full-slide {
 ;" data-size="16:9">
 <header><span class="header-logos"><img src="./images/hf_logo.svg" /><img src="./images/github-mark.svg" />github.com/evalstate</span></header>
 <div style="text-align: center; font-size: 22px; font-weight: 600; margin-bottom: 6px;">Current Protocol - Stateful Connection</div>
-<iframe class="demo" loading="lazy" src="./animations/http-multinode.html"></iframe>
+<iframe class="demo" loading="eager" src="./animations/http-multinode.html"></iframe>
 </section>
 </foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="12" data-header="&lt;span class=&quot;header-logos&quot;&gt;&lt;img src=&quot;./images/hf_logo.svg&quot;   /&gt;&lt;img src=&quot;./images/github-mark.svg&quot; /&gt;github.com/evalstate&lt;/span&gt;" data-theme="freud" data-style="iframe.demo {
   width: 100%;
-  height: 70vh;
+  height: min(70vh, 500px);
   border: none;
   border-radius: 16px;
   background: transparent;
 }
 
 iframe.demo.demo--column {
-  height: 65vh;
+  height: min(65vh, 460px);
 }
 
 iframe.demo.demo--short {
-  height: 52vh;
+  height: min(52vh, 370px);
 }
 
 video.full-slide {
@@ -723,18 +723,18 @@ video.full-slide {
 }
 " lang="C" style="--header:&lt;span class=&quot;header-logos&quot;&gt;&lt;img src=&quot;./images/hf_logo.svg&quot;   /&gt;&lt;img src=&quot;./images/github-mark.svg&quot; /&gt;github.com/evalstate&lt;/span&gt;;--theme:freud;--style:iframe.demo {
   width: 100%;
-  height: 70vh;
+  height: min(70vh, 500px);
   border: none;
   border-radius: 16px;
   background: transparent;
 }
 
 iframe.demo.demo--column {
-  height: 65vh;
+  height: min(65vh, 460px);
 }
 
 iframe.demo.demo--short {
-  height: 52vh;
+  height: min(52vh, 370px);
 }
 
 video.full-slide {
@@ -745,22 +745,22 @@ video.full-slide {
 ;" data-size="16:9">
 <header><span class="header-logos"><img src="./images/hf_logo.svg" /><img src="./images/github-mark.svg" />github.com/evalstate</span></header>
 <div style="text-align: center; font-size: 22px; font-weight: 600; margin-bottom: 6px;">Future Protocol - No Initialize, Capabilities with Request/Response Pair</div>
-<iframe class="demo" loading="lazy" src="./animations/http-multinode-stateless.html"></iframe>
+<iframe class="demo" loading="eager" src="./animations/http-multinode-stateless.html"></iframe>
 </section>
 </foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="13" data-header="&lt;span class=&quot;header-logos&quot;&gt;&lt;img src=&quot;./images/hf_logo.svg&quot;   /&gt;&lt;img src=&quot;./images/github-mark.svg&quot; /&gt;github.com/evalstate&lt;/span&gt;" data-class="transition" data-theme="freud" data-style="iframe.demo {
   width: 100%;
-  height: 70vh;
+  height: min(70vh, 500px);
   border: none;
   border-radius: 16px;
   background: transparent;
 }
 
 iframe.demo.demo--column {
-  height: 65vh;
+  height: min(65vh, 460px);
 }
 
 iframe.demo.demo--short {
-  height: 52vh;
+  height: min(52vh, 370px);
 }
 
 video.full-slide {
@@ -770,18 +770,18 @@ video.full-slide {
 }
 " lang="C" class="transition" style="--header:&lt;span class=&quot;header-logos&quot;&gt;&lt;img src=&quot;./images/hf_logo.svg&quot;   /&gt;&lt;img src=&quot;./images/github-mark.svg&quot; /&gt;github.com/evalstate&lt;/span&gt;;--class:transition;--theme:freud;--style:iframe.demo {
   width: 100%;
-  height: 70vh;
+  height: min(70vh, 500px);
   border: none;
   border-radius: 16px;
   background: transparent;
 }
 
 iframe.demo.demo--column {
-  height: 65vh;
+  height: min(65vh, 460px);
 }
 
 iframe.demo.demo--short {
-  height: 52vh;
+  height: min(52vh, 370px);
 }
 
 video.full-slide {
@@ -796,18 +796,18 @@ video.full-slide {
 </section>
 </foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="14" data-header="&lt;span class=&quot;header-logos&quot;&gt;&lt;img src=&quot;./images/hf_logo.svg&quot;   /&gt;&lt;img src=&quot;./images/github-mark.svg&quot; /&gt;github.com/evalstate&lt;/span&gt;" data-theme="freud" data-style="iframe.demo {
   width: 100%;
-  height: 70vh;
+  height: min(70vh, 500px);
   border: none;
   border-radius: 16px;
   background: transparent;
 }
 
 iframe.demo.demo--column {
-  height: 65vh;
+  height: min(65vh, 460px);
 }
 
 iframe.demo.demo--short {
-  height: 52vh;
+  height: min(52vh, 370px);
 }
 
 video.full-slide {
@@ -817,18 +817,18 @@ video.full-slide {
 }
 " lang="C" style="--header:&lt;span class=&quot;header-logos&quot;&gt;&lt;img src=&quot;./images/hf_logo.svg&quot;   /&gt;&lt;img src=&quot;./images/github-mark.svg&quot; /&gt;github.com/evalstate&lt;/span&gt;;--theme:freud;--style:iframe.demo {
   width: 100%;
-  height: 70vh;
+  height: min(70vh, 500px);
   border: none;
   border-radius: 16px;
   background: transparent;
 }
 
 iframe.demo.demo--column {
-  height: 65vh;
+  height: min(65vh, 460px);
 }
 
 iframe.demo.demo--short {
-  height: 52vh;
+  height: min(52vh, 370px);
 }
 
 video.full-slide {
@@ -839,22 +839,22 @@ video.full-slide {
 ;" data-size="16:9">
 <header><span class="header-logos"><img src="./images/hf_logo.svg" /><img src="./images/github-mark.svg" />github.com/evalstate</span></header>
 <div style="text-align: center; font-size: 22px; font-weight: 600; margin-bottom: 6px;">Sampling and Elicitation</div>
-<iframe class="demo" loading="lazy" src="./animations/http-multinode-shared-storage.html"></iframe>
+<iframe class="demo" loading="eager" src="./animations/http-multinode-shared-storage.html"></iframe>
 </section>
 </foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="15" data-header="&lt;span class=&quot;header-logos&quot;&gt;&lt;img src=&quot;./images/hf_logo.svg&quot;   /&gt;&lt;img src=&quot;./images/github-mark.svg&quot; /&gt;github.com/evalstate&lt;/span&gt;" data-theme="freud" data-style="iframe.demo {
   width: 100%;
-  height: 70vh;
+  height: min(70vh, 500px);
   border: none;
   border-radius: 16px;
   background: transparent;
 }
 
 iframe.demo.demo--column {
-  height: 65vh;
+  height: min(65vh, 460px);
 }
 
 iframe.demo.demo--short {
-  height: 52vh;
+  height: min(52vh, 370px);
 }
 
 video.full-slide {
@@ -864,18 +864,18 @@ video.full-slide {
 }
 " lang="C" style="--header:&lt;span class=&quot;header-logos&quot;&gt;&lt;img src=&quot;./images/hf_logo.svg&quot;   /&gt;&lt;img src=&quot;./images/github-mark.svg&quot; /&gt;github.com/evalstate&lt;/span&gt;;--theme:freud;--style:iframe.demo {
   width: 100%;
-  height: 70vh;
+  height: min(70vh, 500px);
   border: none;
   border-radius: 16px;
   background: transparent;
 }
 
 iframe.demo.demo--column {
-  height: 65vh;
+  height: min(65vh, 460px);
 }
 
 iframe.demo.demo--short {
-  height: 52vh;
+  height: min(52vh, 370px);
 }
 
 video.full-slide {
@@ -888,27 +888,27 @@ video.full-slide {
 <div style="text-align: center; font-size: 22px; font-weight: 600; margin-bottom: 6px;">Multi-round trip flow + stateful request</div>
 <div class="columns">
 <div>
-<iframe class="demo demo--column" loading="lazy" src="./animations/mcp-mrtr-flow.html"></iframe>
+<iframe class="demo demo--column" loading="eager" src="./animations/mcp-mrtr-flow.html"></iframe>
 </div>
 <div>
-<iframe class="demo demo--column" loading="lazy" src="./animations/mcp-stateful-request.html"></iframe>
+<iframe class="demo demo--column" loading="eager" src="./animations/mcp-stateful-request.html"></iframe>
 </div>
 </div>
 </section>
 </foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="16" data-header="&lt;span class=&quot;header-logos&quot;&gt;&lt;img src=&quot;./images/hf_logo.svg&quot;   /&gt;&lt;img src=&quot;./images/github-mark.svg&quot; /&gt;github.com/evalstate&lt;/span&gt;" data-theme="freud" data-style="iframe.demo {
   width: 100%;
-  height: 70vh;
+  height: min(70vh, 500px);
   border: none;
   border-radius: 16px;
   background: transparent;
 }
 
 iframe.demo.demo--column {
-  height: 65vh;
+  height: min(65vh, 460px);
 }
 
 iframe.demo.demo--short {
-  height: 52vh;
+  height: min(52vh, 370px);
 }
 
 video.full-slide {
@@ -918,18 +918,18 @@ video.full-slide {
 }
 " lang="C" style="--header:&lt;span class=&quot;header-logos&quot;&gt;&lt;img src=&quot;./images/hf_logo.svg&quot;   /&gt;&lt;img src=&quot;./images/github-mark.svg&quot; /&gt;github.com/evalstate&lt;/span&gt;;--theme:freud;--style:iframe.demo {
   width: 100%;
-  height: 70vh;
+  height: min(70vh, 500px);
   border: none;
   border-radius: 16px;
   background: transparent;
 }
 
 iframe.demo.demo--column {
-  height: 65vh;
+  height: min(65vh, 460px);
 }
 
 iframe.demo.demo--short {
-  height: 52vh;
+  height: min(52vh, 370px);
 }
 
 video.full-slide {
@@ -942,27 +942,27 @@ video.full-slide {
 <div style="text-align: center; font-size: 22px; font-weight: 600; margin-bottom: 6px;">Chat interaction vs API payload</div>
 <div class="columns">
 <div>
-<iframe class="demo demo--column" loading="lazy" src="./animations/chat-demo.html"></iframe>
+<iframe class="demo demo--column" loading="eager" src="./animations/chat-demo.html"></iframe>
 </div>
 <div>
-<iframe class="demo demo--column" loading="lazy" src="./animations/chat-api-view.html"></iframe>
+<iframe class="demo demo--column" loading="eager" src="./animations/chat-api-view.html"></iframe>
 </div>
 </div>
 </section>
 </foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="17" data-header="&lt;span class=&quot;header-logos&quot;&gt;&lt;img src=&quot;./images/hf_logo.svg&quot;   /&gt;&lt;img src=&quot;./images/github-mark.svg&quot; /&gt;github.com/evalstate&lt;/span&gt;" data-theme="freud" data-style="iframe.demo {
   width: 100%;
-  height: 70vh;
+  height: min(70vh, 500px);
   border: none;
   border-radius: 16px;
   background: transparent;
 }
 
 iframe.demo.demo--column {
-  height: 65vh;
+  height: min(65vh, 460px);
 }
 
 iframe.demo.demo--short {
-  height: 52vh;
+  height: min(52vh, 370px);
 }
 
 video.full-slide {
@@ -972,18 +972,18 @@ video.full-slide {
 }
 " lang="C" style="--header:&lt;span class=&quot;header-logos&quot;&gt;&lt;img src=&quot;./images/hf_logo.svg&quot;   /&gt;&lt;img src=&quot;./images/github-mark.svg&quot; /&gt;github.com/evalstate&lt;/span&gt;;--theme:freud;--style:iframe.demo {
   width: 100%;
-  height: 70vh;
+  height: min(70vh, 500px);
   border: none;
   border-radius: 16px;
   background: transparent;
 }
 
 iframe.demo.demo--column {
-  height: 65vh;
+  height: min(65vh, 460px);
 }
 
 iframe.demo.demo--short {
-  height: 52vh;
+  height: min(52vh, 370px);
 }
 
 video.full-slide {
@@ -996,27 +996,27 @@ video.full-slide {
 <div style="text-align: center; font-size: 22px; font-weight: 600; margin-bottom: 6px;">MRTR flow + Cumulative Request</div>
 <div class="columns">
 <div>
-<iframe class="demo demo--column" loading="lazy" src="./animations/mcp-mrtr-flow.html"></iframe>
+<iframe class="demo demo--column" loading="eager" src="./animations/mcp-mrtr-flow.html"></iframe>
 </div>
 <div>
-<iframe class="demo demo--column" loading="lazy" src="./animations/mcp-mrtr-request.html"></iframe>
+<iframe class="demo demo--column" loading="eager" src="./animations/mcp-mrtr-request.html"></iframe>
 </div>
 </div>
 </section>
 </foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="18" data-header="&lt;span class=&quot;header-logos&quot;&gt;&lt;img src=&quot;./images/hf_logo.svg&quot;   /&gt;&lt;img src=&quot;./images/github-mark.svg&quot; /&gt;github.com/evalstate&lt;/span&gt;" data-class="transition" data-theme="freud" data-style="iframe.demo {
   width: 100%;
-  height: 70vh;
+  height: min(70vh, 500px);
   border: none;
   border-radius: 16px;
   background: transparent;
 }
 
 iframe.demo.demo--column {
-  height: 65vh;
+  height: min(65vh, 460px);
 }
 
 iframe.demo.demo--short {
-  height: 52vh;
+  height: min(52vh, 370px);
 }
 
 video.full-slide {
@@ -1026,18 +1026,18 @@ video.full-slide {
 }
 " lang="C" class="transition" style="--header:&lt;span class=&quot;header-logos&quot;&gt;&lt;img src=&quot;./images/hf_logo.svg&quot;   /&gt;&lt;img src=&quot;./images/github-mark.svg&quot; /&gt;github.com/evalstate&lt;/span&gt;;--class:transition;--theme:freud;--style:iframe.demo {
   width: 100%;
-  height: 70vh;
+  height: min(70vh, 500px);
   border: none;
   border-radius: 16px;
   background: transparent;
 }
 
 iframe.demo.demo--column {
-  height: 65vh;
+  height: min(65vh, 460px);
 }
 
 iframe.demo.demo--short {
-  height: 52vh;
+  height: min(52vh, 370px);
 }
 
 video.full-slide {
@@ -1052,18 +1052,18 @@ video.full-slide {
 </section>
 </foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="19" data-header="&lt;span class=&quot;header-logos&quot;&gt;&lt;img src=&quot;./images/hf_logo.svg&quot;   /&gt;&lt;img src=&quot;./images/github-mark.svg&quot; /&gt;github.com/evalstate&lt;/span&gt;" data-theme="freud" data-style="iframe.demo {
   width: 100%;
-  height: 70vh;
+  height: min(70vh, 500px);
   border: none;
   border-radius: 16px;
   background: transparent;
 }
 
 iframe.demo.demo--column {
-  height: 65vh;
+  height: min(65vh, 460px);
 }
 
 iframe.demo.demo--short {
-  height: 52vh;
+  height: min(52vh, 370px);
 }
 
 video.full-slide {
@@ -1073,18 +1073,18 @@ video.full-slide {
 }
 " lang="C" style="--header:&lt;span class=&quot;header-logos&quot;&gt;&lt;img src=&quot;./images/hf_logo.svg&quot;   /&gt;&lt;img src=&quot;./images/github-mark.svg&quot; /&gt;github.com/evalstate&lt;/span&gt;;--theme:freud;--style:iframe.demo {
   width: 100%;
-  height: 70vh;
+  height: min(70vh, 500px);
   border: none;
   border-radius: 16px;
   background: transparent;
 }
 
 iframe.demo.demo--column {
-  height: 65vh;
+  height: min(65vh, 460px);
 }
 
 iframe.demo.demo--short {
-  height: 52vh;
+  height: min(52vh, 370px);
 }
 
 video.full-slide {
@@ -1095,22 +1095,22 @@ video.full-slide {
 ;" data-size="16:9">
 <header><span class="header-logos"><img src="./images/hf_logo.svg" /><img src="./images/github-mark.svg" />github.com/evalstate</span></header>
 <div style="text-align: center; font-size: 22px; font-weight: 600; margin-bottom: 6px;">MCP cookies for session semantics</div>
-<iframe class="demo" loading="lazy" src="./animations/http-multinode-cookie.html"></iframe>
+<iframe class="demo" loading="eager" src="./animations/http-multinode-cookie.html"></iframe>
 </section>
 </foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="20" data-header="&lt;span class=&quot;header-logos&quot;&gt;&lt;img src=&quot;./images/hf_logo.svg&quot;   /&gt;&lt;img src=&quot;./images/github-mark.svg&quot; /&gt;github.com/evalstate&lt;/span&gt;" data-theme="freud" data-style="iframe.demo {
   width: 100%;
-  height: 70vh;
+  height: min(70vh, 500px);
   border: none;
   border-radius: 16px;
   background: transparent;
 }
 
 iframe.demo.demo--column {
-  height: 65vh;
+  height: min(65vh, 460px);
 }
 
 iframe.demo.demo--short {
-  height: 52vh;
+  height: min(52vh, 370px);
 }
 
 video.full-slide {
@@ -1120,18 +1120,18 @@ video.full-slide {
 }
 " lang="C" style="--header:&lt;span class=&quot;header-logos&quot;&gt;&lt;img src=&quot;./images/hf_logo.svg&quot;   /&gt;&lt;img src=&quot;./images/github-mark.svg&quot; /&gt;github.com/evalstate&lt;/span&gt;;--theme:freud;--style:iframe.demo {
   width: 100%;
-  height: 70vh;
+  height: min(70vh, 500px);
   border: none;
   border-radius: 16px;
   background: transparent;
 }
 
 iframe.demo.demo--column {
-  height: 65vh;
+  height: min(65vh, 460px);
 }
 
 iframe.demo.demo--short {
-  height: 52vh;
+  height: min(52vh, 370px);
 }
 
 video.full-slide {
@@ -1151,18 +1151,18 @@ video.full-slide {
 </section>
 </foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="21" data-header="&lt;span class=&quot;header-logos&quot;&gt;&lt;img src=&quot;./images/hf_logo.svg&quot;   /&gt;&lt;img src=&quot;./images/github-mark.svg&quot; /&gt;github.com/evalstate&lt;/span&gt;" data-theme="freud" data-style="iframe.demo {
   width: 100%;
-  height: 70vh;
+  height: min(70vh, 500px);
   border: none;
   border-radius: 16px;
   background: transparent;
 }
 
 iframe.demo.demo--column {
-  height: 65vh;
+  height: min(65vh, 460px);
 }
 
 iframe.demo.demo--short {
-  height: 52vh;
+  height: min(52vh, 370px);
 }
 
 video.full-slide {
@@ -1172,18 +1172,18 @@ video.full-slide {
 }
 " lang="C" style="--header:&lt;span class=&quot;header-logos&quot;&gt;&lt;img src=&quot;./images/hf_logo.svg&quot;   /&gt;&lt;img src=&quot;./images/github-mark.svg&quot; /&gt;github.com/evalstate&lt;/span&gt;;--theme:freud;--style:iframe.demo {
   width: 100%;
-  height: 70vh;
+  height: min(70vh, 500px);
   border: none;
   border-radius: 16px;
   background: transparent;
 }
 
 iframe.demo.demo--column {
-  height: 65vh;
+  height: min(65vh, 460px);
 }
 
 iframe.demo.demo--short {
-  height: 52vh;
+  height: min(52vh, 370px);
 }
 
 video.full-slide {
@@ -1221,18 +1221,18 @@ video.full-slide {
 </section>
 </foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="22" data-header="&lt;span class=&quot;header-logos&quot;&gt;&lt;img src=&quot;./images/hf_logo.svg&quot;   /&gt;&lt;img src=&quot;./images/github-mark.svg&quot; /&gt;github.com/evalstate&lt;/span&gt;" data-class="transition" data-theme="freud" data-style="iframe.demo {
   width: 100%;
-  height: 70vh;
+  height: min(70vh, 500px);
   border: none;
   border-radius: 16px;
   background: transparent;
 }
 
 iframe.demo.demo--column {
-  height: 65vh;
+  height: min(65vh, 460px);
 }
 
 iframe.demo.demo--short {
-  height: 52vh;
+  height: min(52vh, 370px);
 }
 
 video.full-slide {
@@ -1242,18 +1242,18 @@ video.full-slide {
 }
 " lang="C" class="transition" style="--header:&lt;span class=&quot;header-logos&quot;&gt;&lt;img src=&quot;./images/hf_logo.svg&quot;   /&gt;&lt;img src=&quot;./images/github-mark.svg&quot; /&gt;github.com/evalstate&lt;/span&gt;;--class:transition;--theme:freud;--style:iframe.demo {
   width: 100%;
-  height: 70vh;
+  height: min(70vh, 500px);
   border: none;
   border-radius: 16px;
   background: transparent;
 }
 
 iframe.demo.demo--column {
-  height: 65vh;
+  height: min(65vh, 460px);
 }
 
 iframe.demo.demo--short {
-  height: 52vh;
+  height: min(52vh, 370px);
 }
 
 video.full-slide {