.sc-lede{max-width:var(--max);margin:0 auto;padding:0 1.25rem}.scrolly{--s-c1:color-mix(in srgb, var(--fg) 5%, var(--bg));--s-c2:color-mix(in srgb, var(--fg) 11%, var(--bg));--s-c3:color-mix(in srgb, var(--fg) 20%, var(--bg));--s-edge:color-mix(in srgb, var(--fg) 34%, var(--bg));--s-hot:var(--accent);--s-hot-soft:color-mix(in srgb, var(--accent) 28%, var(--bg));--s-mem:color-mix(in srgb, #3f7cac 70%, var(--bg));--s-mem-soft:color-mix(in srgb, #3f7cac 26%, var(--bg));--s-optic:#169a85;--s-pcb:color-mix(in srgb, #3f8f5c 22%, var(--bg));--s-metal:color-mix(in srgb, #b8862b 60%, var(--bg));--s-shade:#000;--s-today:#6b6b66;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:0;max-width:96rem;margin:.5rem auto 2.5rem;padding:0 1.25rem;display:grid;position:relative}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .scrolly{--s-c1:color-mix(in srgb, var(--fg) 12%, var(--bg));--s-c2:color-mix(in srgb, var(--fg) 20%, var(--bg));--s-c3:color-mix(in srgb, var(--fg) 30%, var(--bg));--s-mem:color-mix(in srgb, #7db4e0 70%, var(--bg));--s-mem-soft:color-mix(in srgb, #7db4e0 30%, var(--bg));--s-optic:#3fc9b2;--s-pcb:color-mix(in srgb, #5fbf83 26%, var(--bg));--s-today:#9a9a92}}:root[data-theme=dark] .scrolly{--s-c1:color-mix(in srgb, var(--fg) 12%, var(--bg));--s-c2:color-mix(in srgb, var(--fg) 20%, var(--bg));--s-c3:color-mix(in srgb, var(--fg) 30%, var(--bg));--s-mem:color-mix(in srgb, #7db4e0 70%, var(--bg));--s-mem-soft:color-mix(in srgb, #7db4e0 30%, var(--bg));--s-optic:#3fc9b2;--s-pcb:color-mix(in srgb, #5fbf83 26%, var(--bg));--s-today:#9a9a92}.sc-stage-wrap{z-index:2;background:var(--bg);border-bottom:1px solid var(--line);grid-row:1;align-self:start;padding:.5rem 0 .35rem;position:sticky;top:0}.sc-left{grid-column:1;padding-right:.5rem}.sc-right{grid-column:2;padding-left:.5rem}.sc-steps{z-index:1;grid-area:1/1/auto/-1;padding-top:calc(30vh + 6.5rem);position:relative}.sc-stage{margin:0}.sc-head,.sc-meta{font:500 .66rem/1.3 var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);justify-content:space-between;gap:.5rem;display:flex}.sc-head{border-top:2px solid var(--line);padding-top:.4rem}.sc-today .sc-head{border-top-color:var(--s-today)}.sc-next .sc-head{border-top-color:var(--accent)}.sc-head .sc-title{color:var(--fg);font-weight:600}.sc-next .sc-head .sc-title{color:var(--accent)}.sc-head .sc-kicker{font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sc-canvas{aspect-ratio:1.732;width:min(100%,51.96vh);margin:0 auto;position:relative}.sc-canvas svg{width:100%;height:100%;display:block;position:absolute;inset:0;overflow:hidden}.sc-canvas svg *{vector-effect:non-scaling-stroke}.sc-labels{pointer-events:none;position:absolute;inset:0;overflow:hidden}.sc-lbl{white-space:nowrap;font:500 .68rem/1.25 var(--font-body);color:var(--fg);background:color-mix(in srgb, var(--bg) 82%, transparent);border-radius:4px;padding:.1rem .3rem;position:absolute;transform:translate(-50%,calc(-100% - .3rem))}.sc-lbl.below{transform:translate(-50%,.3rem)}.sc-meta{text-transform:none;letter-spacing:.02em;margin-top:.25rem;font-size:.72rem}.sc-dens{flex-wrap:wrap;align-items:baseline;column-gap:.4rem;margin-top:.35rem;display:flex}.sc-dnum{font:600 1.35rem/1.1 var(--font-head);color:var(--fg);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.sc-next .sc-dnum{color:var(--accent)}.sc-dunit{font:500 .66rem/1.2 var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.sc-dbasis{font:.75rem/1.3 var(--font-body);color:var(--muted);flex-basis:100%}.sc-caption{font:.85rem/1.4 var(--font-body);color:var(--fg);min-height:2.8em;margin:.3rem 0 0;display:none}.step{align-items:center;min-height:72vh;padding:1rem 0;display:flex}.step:last-child{min-height:55vh}.card{background:var(--bg);border:1px solid var(--line);border-radius:12px;max-width:34rem;margin:0 auto;padding:1rem 1.15rem;transition:opacity .4s,border-color .4s}.step:not(.active) .card{opacity:.4}.step.active .card{border-color:color-mix(in srgb, var(--accent) 45%, var(--line))}.card h3{margin:.1rem 0 .4rem;font-size:1.2rem}.card p{margin:0 0 .6rem;font-size:.93rem;line-height:1.55}.card p:last-child{margin-bottom:0}.card .kicker{font:500 .7rem/1.3 var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:.2rem}.card .mult{align-items:center;gap:.6rem;margin:.35rem 0 .5rem;display:flex}.card .mult-num{font:700 2.4rem/1 var(--font-head);color:var(--accent);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.card .mult-txt{font:500 .68rem/1.35 var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.card .mult-range{text-transform:none;letter-spacing:0;color:var(--fg);font-size:.78rem}.card .tag{font:600 .68rem/1.2 var(--font-body);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .15rem}.card .tag-today{color:var(--s-today)}.card .tag-next{color:var(--accent)}@media (width<=639px){.sc-lbl,.sc-dbasis{display:none}.sc-dnum{font-size:1.05rem}.sc-dunit{font-size:.56rem}.sc-canvas{width:100%}.sc-meta{font-size:.6rem}}@media (width>=640px){.sc-caption{display:block}}@media (width>=1100px){.scrolly{grid-template-columns:minmax(0,1fr) minmax(16rem,21rem) minmax(0,1fr);column-gap:2.25rem}.sc-stage-wrap{border:0;grid-row:1;align-items:flex-start;padding:7vh 0 0;display:flex;top:0}.sc-left{grid-column:1;padding-right:0}.sc-right{grid-column:3;padding-left:0}.sc-stage{width:100%}.sc-canvas{width:min(100%,90.064vh)}.sc-steps{grid-area:1/2;padding-top:0}.step{min-height:100vh}.step:first-child{align-items:flex-start;min-height:75vh;padding-top:calc(7vh + 1.4rem)}.card{border:0;border-top:1px solid var(--line);background:0 0;border-radius:0;margin:0;padding:1rem 0 0}.step.active .card{border-color:var(--accent)}.card h3{font-size:1.4rem}.card p{font-size:.95rem;line-height:1.6}.step:last-child{min-height:70vh}}.scrolly .bx{--top:var(--s-c2)}.scrolly .bx .tp{fill:var(--top);stroke:var(--s-edge);stroke-width:.6px}.scrolly .bx .sl{fill:color-mix(in srgb, var(--top) 72%, var(--s-shade));stroke:var(--s-edge);stroke-width:.4px;stroke-opacity:.5}.scrolly .bx .sr{fill:color-mix(in srgb, var(--top) 84%, var(--s-shade));stroke:var(--s-edge);stroke-width:.4px;stroke-opacity:.5}.scrolly .die{--top:var(--s-c2)}.scrolly .io{--top:var(--s-c3)}.scrolly .io .tp,.scrolly .cache .tp,.scrolly .core .tp,.scrolly .tensor .tp,.scrolly .bridge .tp,.scrolly .rdl .tp{stroke:none}.scrolly .cache{--top:var(--s-mem-soft)}.scrolly .core{--top:var(--s-hot-soft)}.scrolly .tensor{--top:color-mix(in srgb, var(--accent) 60%, var(--bg))}.scrolly .memory{--top:var(--s-mem)}.scrolly .photonic{--top:color-mix(in srgb, var(--s-optic) 55%, var(--bg))}.scrolly .bond{--top:var(--s-hot)}.scrolly .bond .tp{stroke:none}.scrolly .reticle{fill:none;stroke:var(--s-hot);stroke-dasharray:5 3;stroke-width:1.25px}.scrolly .pt-core{fill:var(--s-hot-soft)}.scrolly .interposer{--top:var(--s-c1)}.scrolly .substrate{--top:var(--s-pcb)}.scrolly .pt-bga{fill:var(--s-metal)}.scrolly .bridge{--top:color-mix(in srgb, var(--fg) 65%, var(--bg))}.scrolly .hbm{--top:var(--s-mem)}.scrolly .iodie{--top:var(--s-c3)}.scrolly .rdl{--top:var(--s-metal)}.scrolly .panel{--top:color-mix(in srgb, #3f7cac 10%, var(--bg))}.scrolly .pcb{--top:var(--s-pcb)}.scrolly .power{--top:var(--s-metal)}.scrolly .vrm{--top:var(--s-c3)}.scrolly .conn{--top:var(--s-c2)}.scrolly .cpu{--top:color-mix(in srgb, #8a5bb5 45%, var(--bg))}.scrolly .dimm{--top:var(--s-mem-soft)}.scrolly .nic,.scrolly .dpu{--top:var(--s-c3)}.scrolly .fiber{stroke:var(--s-optic);fill:none;stroke-width:1.25px}.scrolly .flyover{stroke:var(--s-metal);fill:none;stroke-width:2.25px;stroke-linecap:round}.scrolly .trace{stroke:var(--s-metal);fill:none;stroke-width:.9px;opacity:.85}.scrolly .tray{--top:var(--s-pcb)}.scrolly .tray.sw{--top:var(--s-mem-soft)}.scrolly .pkg{--top:var(--s-c2)}.scrolly .swchip{--top:var(--s-mem)}.scrolly .spine{stroke:var(--s-metal);stroke-width:1.5px}.scrolly .post{stroke:var(--s-edge);stroke-width:1px}.scrolly .floor{--top:var(--s-c1)}.scrolly .floor .tp{stroke:var(--line)}.scrolly .rackbox{--top:var(--s-c3)}.scrolly .rackbox .sl{fill:url(#sc-slats-x)}.scrolly .rackbox .sr{fill:url(#sc-slats-y)}.scrolly .rackbox .sl,.scrolly .rackbox .sr{stroke:var(--s-edge);stroke-width:.5px}.scrolly .pt-slat-bg{fill:color-mix(in srgb, var(--s-c3) 72%, var(--s-shade))}.scrolly .pt-slat-bg2{fill:color-mix(in srgb, var(--s-c3) 84%, var(--s-shade))}.scrolly .pt-slat{fill:color-mix(in srgb, #3f8f5c 60%, var(--bg))}.scrolly .racklid{--top:var(--s-pcb)}.scrolly .racklid .tp{stroke:none}.scrolly .ring{fill:none;stroke:var(--s-hot);stroke-dasharray:5 4;stroke-width:1.5px}
