@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-latin-400-normal-CDDApCn2.woff2) format("woff2"),url(/assets/ibm-plex-sans-latin-400-normal-CYLoc0-x.woff) format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-latin-600-normal-CuJfVYMP.woff2) format("woff2"),url(/assets/ibm-plex-sans-latin-600-normal-Cu4Hd6ag.woff) format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff) format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-latin-600-normal-BgSNZQsw.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-600-normal-DWFSQ4vo.woff) format("woff")}.regroup-scene,.map-scene{display:grid;gap:16px}.eyebrow{margin:0;color:var(--muted);font:600 10.5px/1.4 var(--font-mono);letter-spacing:.04em;text-transform:uppercase}.flow-note{margin:0;color:var(--muted);font-size:12px;line-height:1.4}.scene-heading{margin:0 0 6px;font-size:clamp(18px,2.2cqw,24px);line-height:1.25;font-weight:600;letter-spacing:-.01em}.regroup-heading{margin:0;min-height:1.25em;display:flex;align-items:end}.regroup-flow{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:28px;align-items:start}.flow-main{display:grid;gap:8px;padding:18px;background:var(--surface);border:1px solid var(--line)}.source-heading,.result-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.source-heading{display:grid;gap:2px}.source-state{margin-left:32px}.source-positions{position:relative;margin-top:-3px}.position-label{position:absolute;top:2px;color:var(--muted);font:10px/1.3 var(--font-mono)}.position-rail{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;margin-left:32px;height:17px;text-align:center;font:10.5px/1.3 var(--font-mono)}.position-rail>span{padding-top:2px}.packet-values,.flow-lanes,.lane-connectors,.result-row,.stored-cells{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px}.packet-values,.flow-lanes,.lane-connectors,.result-row{margin-left:32px}.packet-values>span{display:grid;place-items:center;min-width:0;min-height:32px;font:600 clamp(12px,1.6cqw,17px)/1.3 var(--font-mono)}.lane-stage{position:relative}.lane-instruction{position:absolute;top:50%;transform:translateY(-50%);color:var(--muted);font:10px/1.2 var(--font-mono)}.flow-lanes>div{height:58px;justify-content:center;padding:4px 0!important;gap:1px!important}.lane-name{font:10px/1.3 var(--font-mono);color:var(--muted)}.flow-connection{position:relative;min-height:20px}.lane-connectors{font:20px/20px var(--font-mono);text-align:center}.connection-label{position:absolute;left:0;top:50%;transform:translateY(-50%);font:10px/1 var(--font-mono);color:var(--muted)}.result-row>span{font-size:clamp(12px,1.5cqw,16px)!important}.causal-conclusion{margin:0;padding-top:8px;border-top:1px solid var(--hairline);color:var(--ink);font-size:14px;line-height:1.45}.regroup-reference{display:grid;gap:5px;border-top:1px solid var(--line);padding-top:10px;margin-top:4px}.comparison-legend{display:flex;flex-wrap:wrap;gap:4px 12px;color:var(--muted);font:10px/1.4 var(--font-mono)}.comparison-legend>span{display:inline-flex;align-items:center;gap:4px}.comparison-legend b{width:11px;height:11px;display:inline-grid;place-items:center;font-size:9px;line-height:1;color:var(--ink)}.legend-delivery{background:var(--ink)}.legend-write{background:var(--flash-bg);box-shadow:inset 0 0 0 1px var(--flash)}.legend-empty{box-shadow:inset 0 0 0 1px var(--recede)}.legend-future{background:repeating-linear-gradient(135deg,transparent,transparent 3px,var(--hairline) 3px,var(--hairline) 4px);box-shadow:inset 0 0 0 1px var(--hairline)}.comparison-row{display:grid;grid-template-columns:90px minmax(0,1fr);gap:8px;align-items:center;color:var(--muted);font:11px/1.3 var(--font-mono)}.comparison-name{display:grid;gap:1px;font:10.5px/1.3 var(--font-ui);color:var(--ink)}.comparison-name small{font:10px/1.3 var(--font-mono);color:var(--muted)}.schedule-grid{display:grid;grid-template-columns:repeat(26,minmax(0,1fr));gap:2px}.history-finish{font:10.5px/1.4 var(--font-mono);color:var(--muted)}.result-comparison{display:grid;gap:4px;justify-items:center;margin:0}.result-comparison figcaption{color:var(--muted);font:11px/1.4 var(--font-mono)}.delivery-strip{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:2px}.comparison-axis{font-size:10px}.comparison-axis .delivery-strip{text-align:center}.flow-context{border-bottom:1px solid var(--hairline)}.flow-context>summary{display:none}.context-heading{padding-top:2px}.flow-context>summary,.model-boundary>summary,.event-history>summary{cursor:pointer;font-size:13px;line-height:1.4;padding:12px 0;min-height:44px}.flow-context[open]>:not(summary){margin-bottom:12px}.stored-detail{display:grid;gap:5px}.stored-row{display:grid;grid-template-columns:96px minmax(0,1fr);gap:8px;align-items:center}.stored-row>span{font:10px/1.4 var(--font-mono);color:var(--muted);white-space:nowrap}.stored-cells{gap:1px;background:var(--hairline)}.mini-patch{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:1px;width:64px;flex:none;border:1px solid var(--line);padding:1px;background:var(--hairline)}.map-intro{margin:0;max-width:68ch;font-size:clamp(13.5px,1.5cqw,15px)}.gpu-map{display:grid;grid-template-columns:minmax(0,1.5fr) 110px minmax(0,1fr);grid-template-rows:auto 38px auto 38px auto auto;align-items:center;width:100%;max-width:800px;margin:0 auto}.map-node{background:var(--surface);border:1px solid var(--line);padding:12px 16px;display:grid;gap:5px;min-width:0}.map-node strong{font-size:14px;line-height:1.3}.map-application{grid-column:1;grid-row:1;display:flex;align-items:center;gap:12px}.map-launch{grid-column:1;grid-row:2}.map-arrow{display:flex;flex-direction:column;align-items:center;font:11px/1.2 var(--font-mono);color:var(--muted)}.map-arrow>:last-child{font:22px/1 var(--font-mono);color:var(--ink)}.map-gpu{grid-column:1;grid-row:3;border:2px solid var(--ink)}.map-group{display:grid;gap:5px;padding:7px 0}.map-group-label{font-size:11px;color:var(--muted);line-height:1.3}.map-lanes{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:3px}.map-lanes>span{display:grid;place-items:center;height:30px;border:1px solid var(--line);background:var(--surface);color:var(--muted);font:10px/1 var(--font-mono)}.map-more-groups{display:grid;gap:4px}.map-more-groups .map-lanes>span{height:6px}.map-exchange{grid-column:2;grid-row:3;display:grid;gap:16px;padding:0 4px;font:11px/1.25 var(--font-mono);text-align:center}.map-exchange>div{display:grid;gap:4px}.map-exchange span[aria-hidden]{display:block;font:28px/.8 var(--font-mono);color:var(--ink)}.map-memory{grid-column:3;grid-row:3;justify-items:center;text-align:center}.map-memory-patch{width:min(100%,100px);margin:5px 0}.map-write{grid-column:1;grid-row:4}.map-result{grid-column:1 / -1;grid-row:5;display:flex;align-items:center;gap:12px}.map-boundary{grid-column:1 / -1;grid-row:6;margin-top:12px;color:var(--muted);font-size:11.5px;line-height:1.4}.map-lessons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;border-top:1px solid var(--line);padding-top:16px}.map-lesson{display:grid;align-content:start;gap:7px;text-align:left;border:0;padding:0 4px;background:transparent;color:var(--ink);cursor:pointer}.map-lesson>strong{font-size:14px;line-height:1.4}.lesson-link{font-size:12px;text-decoration:underline;text-underline-offset:3px}.map-lesson:hover .lesson-link{color:var(--accent)}.model-boundary{border-top:1px solid var(--hairline);max-width:78ch}.model-boundary p{font-size:13px;line-height:1.5;margin:0 0 12px}.case-intro{display:grid;grid-template-columns:minmax(0,1fr) 96px;gap:24px;align-items:start}.case-timeline{display:grid;gap:6px}.case-strip,.case-axis,.case-window{display:grid;grid-template-columns:repeat(30,minmax(0,1fr));gap:2px}.case-axis{font:10px/1.3 var(--font-mono);color:var(--muted);height:14px;margin:0 1px}.case-axis>span{position:relative}.case-axis b{position:absolute;left:50%;transform:translate(-50%);font-weight:400}.case-window>span{border-top:1px solid var(--line);padding-top:3px;font:10px/1.4 var(--font-mono);color:var(--muted);text-align:center}.case-window .startup-window{grid-column:1 / 4;font-size:10px}.case-window .future-window{grid-column:21 / 31;border-color:var(--hairline)}.event-history{border-bottom:1px solid var(--hairline)}.event-history>summary{font-size:12px}.event-history ol{max-height:220px;overflow-y:auto;margin:0 0 10px;padding-left:24px;font-size:12px}.event-history p{margin:0 0 10px;font-size:12px}button:focus-visible,summary:focus-visible,[data-beat-heading]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@container (max-width: 639px){.causal-conclusion{font-size:13px}.case-intro{grid-template-columns:minmax(0,1fr) 56px;gap:12px}.case-patch>div{width:56px!important}.case-patch>span{display:none}.regroup-scene{gap:8px}.regroup-flow{grid-template-columns:minmax(0,1fr);gap:4px}.flow-main{border:0;padding:0;background:transparent;gap:4px}.packet-values,.flow-lanes,.lane-connectors,.result-row,.position-rail{gap:3px;margin-left:30px}.source-state{margin-left:30px}.packet-values>span{min-height:26px}.flow-lanes>div{height:48px}.source-heading .flow-note,.result-heading .flow-note{font-size:10.5px}.regroup-reference{gap:4px;padding-top:6px;margin-top:0}.comparison-row{grid-template-columns:88px minmax(0,1fr);gap:6px;font-size:10px}.flow-context>summary{display:list-item;font-size:12px}.context-heading{display:none}.gpu-map{grid-template-columns:minmax(0,1.6fr) 48px minmax(0,1fr);grid-template-rows:auto 32px auto 36px auto auto}.map-node{padding:10px;gap:4px}.map-application{grid-column:1 / -1;gap:12px}.map-gpu{padding:10px 8px}.map-gpu strong{font-size:12px}.map-gpu .flow-note{font-size:11px}.map-group-label{font-size:10px}.map-lanes{gap:2px}.map-lanes>span{font-size:9px}.map-memory{padding:8px 6px}.map-memory .flow-note{font-size:11px}.map-exchange{font-size:9px}.map-write{font-size:10px}.map-boundary{margin-top:8px;font-size:11px}.map-lessons{grid-template-columns:minmax(0,1fr);gap:20px}}@container (max-width: 340px){.regroup-heading{font-size:18px}.regroup-scene .eyebrow{font-size:9.5px}.lane-name{font-size:9px}.comparison-legend{font-size:9px;gap:4px 6px}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-ui)}button{font-family:inherit}a{color:var(--ink);text-underline-offset:3px}.gpu-journey{width:100%;height:100vh;height:100dvh;display:flex;flex-direction:column;background:var(--bg);color:var(--ink);font:15px/1.5 var(--font-ui);position:relative;container-type:inline-size}.btn{border:1px solid var(--line);border-radius:2px;background:var(--surface);color:var(--ink);cursor:pointer;min-height:44px;padding:8px 14px;font-size:14px}.btn:hover{border-color:var(--accent)}.btn[aria-pressed=true],.btn[aria-current=step]{background:var(--ink);color:var(--surface)}.segmented{display:flex;gap:0}.segmented .btn+.btn{border-left:0}summary{cursor:pointer;padding:10px 0}.journey-header{display:flex;align-items:center;gap:10px;padding:0 14px;min-height:48px;border-bottom:1px solid var(--hairline);background:var(--surface);flex:none}.journey-header .btn{min-height:32px;font-size:12px;padding:4px 10px;flex:none}.journey-brand{font-size:14px;font-weight:600;letter-spacing:.02em;text-decoration:none;white-space:nowrap}.journey-brand span{margin-left:5px;font:600 10px var(--font-mono);letter-spacing:.08em;color:var(--muted)}.journey-progress{margin-left:auto;font:12px var(--font-mono);color:var(--muted);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.journey-stage{flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-gutter:stable;padding:clamp(12px,2cqw,20px)}.journey-content{display:grid;gap:16px;align-content:start;max-width:1080px;margin:0 auto;width:100%}.journey-transport{border-top:1px solid var(--line);background:var(--surface);padding:10px 14px max(12px,env(safe-area-inset-bottom));display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;flex:none}.journey-caption{flex:3 1 260px;min-width:0;display:grid;gap:2px}.journey-caption p{margin:0;font-size:clamp(13.5px,1.5cqw,15px);line-height:1.45;max-width:74ch}.step-label{font:11px var(--font-mono);color:var(--muted)}.journey-buttons{display:flex;flex-wrap:wrap;gap:6px;align-items:center;flex:1 1 auto;justify-content:flex-end}.journey-primary{font-size:15px;font-weight:600;padding:10px 18px;background:var(--ink);border-color:var(--ink);color:var(--surface);flex:1 1 auto;max-width:420px}.chapter-menu{position:fixed;inset:0 0 0 auto;width:min(100%,360px);max-width:100%;height:auto;max-height:none;margin:0;background:var(--surface);color:var(--ink);border:0;border-left:1px solid var(--line);padding:16px;overflow-y:auto}.chapter-menu::backdrop{background:#0006}.chapter-menu-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.chapter-menu-header h2{font-size:18px;margin:0}.chapter-menu nav{display:grid;gap:6px}.chapter-menu nav .btn{text-align:left}.chapter-menu-tools{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px;border-top:1px solid var(--hairline);padding-top:16px}.gpu-sr-only,.gpu-skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.gpu-skip:focus{position:absolute;z-index:10;background:var(--surface);padding:10px}.legend-gap{background:transparent;box-shadow:inset 0 0 0 1px var(--recede)}@container (max-width: 639px){.journey-caption p{font-size:13px}.journey-buttons .btn{padding:8px 10px;font-size:13px}.journey-buttons .journey-primary{padding:8px 14px;font-size:14px}.journey-progress>span{display:none}}@container (max-width: 359px){.map-lanes>span{font-size:0}}@media(max-height:420px){.gpu-journey{height:auto;min-height:100dvh}.journey-stage{overflow:visible}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}@container (max-width: 340px){.comparison-legend>span{gap:3px}}.lane-name-general{font:clamp(8px,1cqw,10px) var(--font-mono);color:var(--muted)}.patch-zoom{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none}@media(prefers-reduced-motion:reduce){.patch-zoom{display:none}}.gpu-journey{--muted: #60606a}:root[data-theme=bench] .gpu-journey{--muted: #aaaab5}