@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Inter:wght@400;500;600;700&display=swap";:root{--paper: #f3f1eb;--paper-raised: #f8f6f0;--ink: #171716;--muted: #696762;--rule: #aaa79f;--faint: #d8d5cd;--accent: #e84c36;--sans: "Inter", Helvetica, Arial, sans-serif;--mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;--page: min(1520px, calc(100vw - 72px) )}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.site-header{width:var(--page);min-height:84px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--rule);font-family:var(--mono);font-size:12px;letter-spacing:.08em}.wordmark{display:flex;align-items:center;gap:20px;text-decoration:none}.wordmark span:first-child{font-weight:500;font-size:19px;letter-spacing:-.08em}.wordmark span:last-child{color:var(--muted)}.site-header nav{display:flex;gap:40px}.site-header nav a{text-decoration:none;position:relative}.site-header nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:var(--accent);transition:right .2s ease}.site-header nav a:hover:after{right:0}.home-hero{width:var(--page);min-height:calc(100vh - 150px);margin:0 auto;display:grid;grid-template-columns:minmax(370px,.72fr) minmax(650px,1.28fr);align-items:center;gap:clamp(48px,6vw,110px);padding:68px 0 54px}.hero-copy{align-self:center}.eyebrow,.section-kicker{font:500 11px/1.4 var(--mono);letter-spacing:.14em;color:var(--accent);text-transform:uppercase}.hero-copy h1,.project-intro h1{margin:26px 0 24px;max-width:660px;font-size:clamp(48px,4.35vw,78px);line-height:.99;letter-spacing:-.055em;font-weight:600}.hero-copy>p{max-width:510px;margin:0;color:#363532;font-size:clamp(16px,1.25vw,20px);line-height:1.55;letter-spacing:-.018em}.hero-actions{display:flex;gap:12px;margin-top:38px}.button{min-height:52px;display:inline-flex;align-items:center;justify-content:space-between;gap:38px;padding:0 20px;border:1px solid var(--ink);font:500 13px var(--mono);text-decoration:none;transition:transform .18s ease,background .18s ease,color .18s ease}.button:hover{transform:translateY(-2px)}.button.primary{min-width:190px;background:var(--ink);color:var(--paper-raised)}.button.primary:hover{background:var(--accent);border-color:var(--accent)}.button.secondary:hover{background:var(--paper-raised)}.trace-figure,.engine-figure-wrap{border:1px solid var(--rule);background:#f8f6f06b}.figure-heading{height:44px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--rule);font:10px var(--mono);letter-spacing:.12em}.figure-heading button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;color:var(--muted);padding:9px 0;font:10px var(--mono);text-transform:uppercase;letter-spacing:.08em;cursor:pointer}.figure-heading button:hover{color:var(--accent)}.trace-figure svg,.engine-svg{width:100%;height:auto;display:block;color:var(--ink)}.trace-figure>svg,.engine-figure-wrap>svg{transition:opacity .22s ease}.trace-figure.is-resetting>svg,.engine-figure-wrap.is-resetting>svg{opacity:0}.plot-grid{color:var(--muted)}.svg-label,.svg-request,.svg-small,.svg-vertical,.svg-status,.svg-caption,.band-title,.matrix-letter{font-family:var(--mono);fill:currentColor;paint-order:stroke fill;stroke:var(--paper);stroke-width:4px;stroke-linejoin:round}.svg-label{font-size:11px;letter-spacing:.14em}.svg-request{font-size:10px;letter-spacing:.08em}.svg-small{font-size:8px;letter-spacing:.08em}.svg-vertical{font-size:8px;letter-spacing:.12em;fill:var(--muted)}.svg-status{font-size:12px;font-weight:500;letter-spacing:.1em;fill:var(--accent)}.svg-caption{font-size:8px;letter-spacing:.12em;fill:var(--muted)}.svg-caption.end{text-anchor:end}.section-rule,.trace-line,.batch-bracket,.stream-spine,.output-arrow,.flow-line{fill:none;stroke:var(--ink);stroke-width:1}.section-rule{stroke:var(--rule)}.trace-line{stroke:var(--faint)}.prompt-token,.generated-token,.output-token,.flow-token{stroke:var(--ink);stroke-width:1}.prompt-token,.flow-token{fill:#aaa9a4}.generated-token,.output-token{fill:var(--paper-raised)}.request-cursor{fill:var(--accent)}.compute-field>rect{fill:#ffffff1f;stroke:var(--ink);stroke-width:1}.compute-tile{fill:#ddd9d0;stroke:var(--ink);stroke-width:.75}.compute-tile.active{fill:#999994}.sweep-line{stroke:var(--accent);stroke-width:1.25}.stream-spine{stroke:var(--muted)}.site-footer{width:var(--page);min-height:66px;margin:0 auto;border-top:1px solid var(--rule);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font:9px var(--mono);letter-spacing:.12em}.site-footer a{text-decoration:none}.footer-links{display:flex;gap:26px}.footer-links a:hover{color:var(--accent)}.project-page{width:var(--page);margin:0 auto;padding:70px 0 90px}.project-intro{display:grid;grid-template-columns:minmax(500px,1.2fr) minmax(360px,.8fr);gap:100px;align-items:end;margin-bottom:76px}.back-link{display:inline-block;margin-bottom:38px;color:var(--muted);font:10px var(--mono);text-decoration:none;text-transform:uppercase;letter-spacing:.12em}.project-intro h1{max-width:800px;margin-bottom:0}.project-summary>p{margin:0 0 38px;max-width:590px;font-size:18px;line-height:1.55;letter-spacing:-.02em}.project-summary dl{margin:0;border-top:1px solid var(--rule);font:10px var(--mono)}.project-summary dl div{display:grid;grid-template-columns:110px 1fr;padding:10px 0;border-bottom:1px solid var(--faint)}.project-summary dt{color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.project-summary dd{margin:0}.engine-explorer{margin-bottom:90px}.technique-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ink);border-left:1px solid var(--ink)}.technique-tabs button{min-height:64px;padding:0 16px;display:flex;align-items:center;gap:14px;border:0;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);background:transparent;color:var(--ink);font:11px var(--mono);text-align:left;cursor:pointer;transition:background .2s,color .2s}.technique-tabs button span{color:var(--muted);font-size:9px}.technique-tabs button[aria-selected=true]{background:var(--ink);color:var(--paper)}.technique-tabs button[aria-selected=true] span{color:var(--accent)}.engine-figure-wrap{border-top:0}.engine-svg{--intro-opacity: 0;--intro-shift: 18px;--trace-length: 1}.engine-band{transition:opacity .26s ease}.engine-band rect{fill:#f8f6f040;stroke:var(--rule);stroke-width:1}.band-title{font-size:9px;letter-spacing:.15em}.request-flow{opacity:var(--intro-opacity);transform:translate(var(--intro-shift));transition:opacity .2s}.flow-line{stroke:var(--muted);stroke-dasharray:1;stroke-dashoffset:var(--trace-length)}.flow-token{fill:var(--paper-raised)}.micro{opacity:.22;transition:opacity .28s ease}.micro rect,.micro circle{fill:var(--paper-raised);stroke:var(--ink);stroke-width:1}.micro path{fill:none;stroke:var(--ink);stroke-width:1}.micro .verify-node{fill:var(--accent);stroke:var(--accent)}.matrix-letter{font-size:13px;font-weight:500}.engine-svg.focus-continuous-batching .micro-schedule,.engine-svg.focus-flash-attention .micro-attention,.engine-svg.focus-paged-kv-cache .micro-memory,.engine-svg.focus-speculative-decoding .micro-decode,.engine-svg.focus-continuous-batching .band-schedule,.engine-svg.focus-flash-attention .band-attention,.engine-svg.focus-paged-kv-cache .band-memory,.engine-svg.focus-speculative-decoding .band-decode{opacity:1}.engine-svg.focus-continuous-batching .band-attention,.engine-svg.focus-continuous-batching .band-memory,.engine-svg.focus-continuous-batching .band-decode,.engine-svg.focus-flash-attention .band-schedule,.engine-svg.focus-flash-attention .band-memory,.engine-svg.focus-flash-attention .band-decode,.engine-svg.focus-paged-kv-cache .band-schedule,.engine-svg.focus-paged-kv-cache .band-attention,.engine-svg.focus-paged-kv-cache .band-decode,.engine-svg.focus-speculative-decoding .band-schedule,.engine-svg.focus-speculative-decoding .band-attention,.engine-svg.focus-speculative-decoding .band-memory{opacity:.34}.technique-explanation{display:grid;grid-template-columns:minmax(220px,.38fr) 1fr;gap:36px;min-height:120px;padding:24px 28px;border:1px solid var(--ink);border-top:0}.technique-explanation span{color:var(--accent);font:10px var(--mono);letter-spacing:.1em}.technique-explanation p{max-width:850px;margin:0;font-size:16px;line-height:1.55}.project-story{display:grid;grid-template-columns:minmax(300px,.68fr) minmax(560px,1.32fr);gap:clamp(70px,9vw,150px);align-items:start;padding-top:96px;border-top:1px solid var(--ink)}.story-rail{position:sticky;top:32px}.story-rail h2{margin:22px 0 26px;max-width:520px;font-size:clamp(42px,4.1vw,68px);line-height:.98;letter-spacing:-.055em}.story-standfirst{max-width:470px;margin:0;color:var(--muted);font-size:14px;line-height:1.65}.story-rail nav{margin-top:42px;border-top:1px solid var(--rule)}.story-rail nav a{display:grid;grid-template-columns:34px 1fr;gap:8px;padding:11px 0;border-bottom:1px solid var(--faint);font:10px var(--mono);text-decoration:none}.story-rail nav a span{color:var(--accent)}.story-rail nav a:hover{color:var(--accent)}.story-body{max-width:780px}.story-lede{padding-bottom:74px}.story-lede p:first-child{margin-top:0;font-size:clamp(24px,2vw,31px);line-height:1.4;letter-spacing:-.035em}.story-lede p:last-child,.story-chapter>p{color:#3d3b37;font-size:17px;line-height:1.72}.story-chapter{padding:68px 0 76px;border-top:1px solid var(--rule);scroll-margin-top:32px}.chapter-label{color:var(--muted);font:10px var(--mono);letter-spacing:.1em}.chapter-label span{display:inline-block;min-width:34px;color:var(--accent)}.story-chapter h3{margin:22px 0 26px;max-width:700px;font-size:clamp(32px,3vw,50px);line-height:1.04;letter-spacing:-.045em}.story-chapter>p{margin:0 0 24px;max-width:720px}.story-code{margin:38px 0 0;padding:18px 20px 20px;border:1px solid var(--ink);background:#f8f6f06b}.story-code>span,.story-aside>span{color:var(--accent);font:9px var(--mono);letter-spacing:.12em}.story-code pre{margin:18px 0 0;font:12px/1.8 var(--mono);white-space:pre-wrap}.story-aside{margin:40px 0 0;padding:22px 0 0 30px;border-top:1px solid var(--ink);border-left:3px solid var(--accent)}.story-aside p{margin:12px 0 0;max-width:650px;font-size:16px;line-height:1.65}.measurements{margin-top:100px}.measurements h2{font-size:48px;letter-spacing:-.04em}.measurement-group h3{font:500 15px var(--mono)}.measurement-group table{width:100%;border-collapse:collapse;font:10px var(--mono)}.measurement-group th,.measurement-group td{padding:13px;border-bottom:1px solid var(--rule);text-align:left;white-space:nowrap}.measurement-group th{color:var(--muted);font-weight:400;text-transform:uppercase}@media(max-width:1180px){:root{--page: calc(100vw - 48px) }.home-hero{grid-template-columns:1fr;gap:52px;padding-top:70px}.hero-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:60px}.hero-copy .eyebrow,.hero-copy h1{grid-column:1 / -1}.hero-copy>p{grid-column:1}.hero-actions{grid-column:2;grid-row:3;align-self:start;margin-top:0}.project-intro{gap:50px}}@media(max-width:760px){:root{--page: calc(100vw - 32px) }.site-header{min-height:68px}.wordmark span:last-child{display:none}.site-header nav{gap:18px;font-size:10px}.site-header nav a:first-child{display:none}.home-hero{min-height:0;padding:54px 0 42px;gap:48px}.hero-copy{display:block}.hero-copy h1{font-size:clamp(46px,13vw,66px)}.hero-copy>p{font-size:17px}.hero-actions{margin-top:30px}.button{min-height:48px;padding:0 16px;gap:20px}.button.primary{min-width:0}.figure-heading,.figure-heading button{font-size:8px}.trace-figure svg{min-width:620px;transform:translate(-16px)}.trace-figure{overflow:hidden}.site-footer{min-height:82px;align-items:flex-start;padding:22px 0;gap:30px;line-height:1.5}.site-footer span:last-child{text-align:right}.project-page{padding:48px 0 70px}.project-intro{grid-template-columns:1fr;gap:36px;margin-bottom:54px}.back-link{margin-bottom:30px}.project-intro h1{font-size:clamp(46px,13vw,66px)}.project-summary>p{font-size:16px}.technique-tabs{grid-template-columns:1fr 1fr}.technique-tabs button{min-height:58px;font-size:9px;padding:0 10px;gap:8px}.engine-figure-wrap{overflow:hidden}.engine-svg{min-width:780px;transform:translate(-8px)}.technique-explanation{grid-template-columns:1fr;gap:14px;padding:20px}.technique-explanation p{font-size:14px}.engine-explorer{margin-bottom:66px}.project-story{grid-template-columns:1fr;gap:58px;padding-top:62px}.story-rail{position:static}.story-rail h2{font-size:clamp(42px,12vw,60px)}.story-rail nav{display:none}.story-lede{padding-bottom:54px}.story-lede p:first-child{font-size:23px}.story-lede p:last-child,.story-chapter>p{font-size:16px}.story-chapter{padding:54px 0 58px}.story-chapter h3{font-size:35px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
