@import"https://cdn.jsdelivr.net/gh/aaaakshat/cm-web-fonts@latest/fonts.css";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--paper: #fbfaf6;--paper-2: #f4f1e8;--ink: #1b1a17;--ink-dim: #585347;--ink-faint: #8a8473;--rule: #ddd7c7;--link: #1a4f8a;--link-hover: #0f3a6b;--accent: #8a2d4a;--serif: "Computer Modern Serif", "Latin Modern Roman", Georgia, "Times New Roman", Times, serif;--sans: "Computer Modern Sans", "Latin Modern Sans", ui-sans-serif, system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--measure: 720px;--wide: 1080px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px;background:var(--paper)}body{margin:0;font-family:var(--serif);font-size:19px;line-height:1.62;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-family:var(--serif);font-weight:700;line-height:1.18;color:var(--ink);text-align:left}p{text-align:left}a{color:var(--link);text-decoration:none}a:hover{color:var(--link-hover);text-decoration:underline}hr{border:none;border-top:1px solid var(--rule);margin:2.5rem 0}.measure{max-width:var(--measure);margin:0 auto;padding:0 1.5rem}.wide,.container{max-width:var(--wide);margin:0 auto;padding:0 1.5rem}.section{padding:3.25rem 0}.eyebrow{font-variant:small-caps;letter-spacing:.06em;font-size:.95rem;color:var(--ink-dim)}.muted{color:var(--ink-dim)}code,pre{font-family:var(--mono)}.code-inline{font-family:var(--mono);font-size:.92em;background:var(--paper-2);border:1px solid var(--rule);border-radius:3px;padding:.02em .32em}.code-body .k{color:#8a2d4a;font-weight:700}.code-body .d{color:#1f6f8b}.code-body .q{color:#b5651d;font-weight:700}.code-body .o{color:#a23e6a}.code-body .c{color:#8a8473;font-style:italic}.code-body .n{color:#6a6356;font-style:italic}.code-body .cl{transition:opacity .35s ease,background .35s ease}.code-body.progressive .cl{opacity:.18}.code-body.progressive .cl.shown{opacity:1}.code-body .cl.added{background:#8a2d4a14;box-shadow:inset 2px 0 0 var(--accent)}.glass{background:var(--paper);border:1px solid var(--rule);border-radius:4px;box-shadow:0 1px #00000005}.figure{margin:2rem 0}.figure-frame{border:1px solid var(--rule);border-radius:4px;overflow:hidden;background:var(--paper-2)}.figure-caption{margin-top:.6rem;font-size:.92rem;color:var(--ink-dim);text-align:left}.figure-caption .fig-n{font-weight:700;color:var(--ink)}[data-reveal]{opacity:0;transform:translateY(12px);transition:opacity .55s ease,transform .55s cubic-bezier(.22,.61,.36,1);transition-delay:var(--reveal-delay, 0ms);will-change:opacity,transform}[data-reveal].is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){[data-reveal]{opacity:1!important;transform:none!important;transition:none!important}}.scrolly{margin-top:1.25rem}.scrolly-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.6fr);gap:2.5rem;align-items:start}@media(max-width:860px){.scrolly-grid{display:block}}.scrolly-stage{position:sticky;top:56px;height:calc(100vh - 56px);min-width:0;display:flex;flex-direction:column;justify-content:center}.stage-inner{display:flex;flex-direction:column;gap:.6rem;padding:.85rem;min-width:0}.stage-title{margin:0;font-size:1.12rem;font-weight:700;color:var(--ink)}.scrolly-stage>.figure-caption{margin-top:.5rem;font-size:.82rem;line-height:1.45;flex:0 0 auto}@media(max-width:860px){.scrolly-stage{position:sticky;top:48px;height:auto;display:block;z-index:5;background:var(--paper);padding-bottom:.4rem}.stage-inner{max-height:none;overflow:visible;gap:.45rem;padding:.7rem;box-shadow:0 10px 16px -12px #00000047}.stage-inner .stage-title{font-size:1rem}.scrolly .stage-inner .stage-canvas{height:132px}.scrolly .stage-inner .amfm-canvas-wrap{height:116px}.scrolly .stage-inner .pi-canvas{max-width:132px;max-height:132px}.scrolly .stage-inner .code-body{max-height:6.2em;font-size:.78rem;padding:.55rem .8rem;line-height:1.5}}.stage-canvas{width:100%;background:#f4f1e8;border:1px solid var(--rule);border-radius:4px;overflow:hidden}.stage-canvas canvas{width:100%;height:100%;display:block}.stage-foot{display:flex;align-items:baseline;gap:1.25rem;flex-wrap:wrap}.stage-foot .stat{font-size:.85rem;color:var(--ink-dim)}.stage-foot .stat b{font-family:var(--mono);color:var(--ink);font-weight:700}.stage-foot .stat.key b{color:var(--accent);font-size:1.05rem}.stage-engine{margin:0;font-size:.84rem;color:var(--ink-dim);font-family:var(--mono);min-height:1.2em}.stage-engine .ok{color:#1f6f8b;font-weight:700}.stage-engine .am{color:#8a2d4a;font-weight:700}.metric{color:var(--ink-faint)}.scrolly-steps{display:flex;flex-direction:column}.scrolly-step{min-height:82vh;display:flex;flex-direction:column;justify-content:center;opacity:.3;transition:opacity .4s ease}.scrolly-step:first-child{padding-top:8vh}.scrolly-step:last-child{min-height:82vh;padding-bottom:40vh}.scrolly-step.active{opacity:1}.scrolly-step h4{margin:0 0 .55rem;font-size:1.2rem;color:var(--accent)}.scrolly-step p{margin:0;font-size:1.04rem;color:var(--ink)}.scrolly-step{min-width:0}@media(max-width:860px){.scrolly-step{min-height:75vh}.scrolly-step:first-child{padding-top:1.5vh}.scrolly-step:last-child{min-height:75vh;padding-bottom:10vh}}.demo-title{font-size:clamp(1.4rem,2.6vw,1.9rem);margin:0 0 .3rem}.demo-lede{color:var(--ink-dim);font-size:1.05rem;margin:0}.scroll-progress{position:fixed;top:0;left:0;height:2px;width:100%;transform:scaleX(0);transform-origin:0 50%;background:var(--accent);opacity:.7;z-index:50;pointer-events:none}