@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=STIX+Two+Text:ital,wght@0,400;0,500;0,600;1,400&display=swap";:root{--paper:#ECEEDF;--panel:#F8F9EF;--ink:#424A30;--rule:#B0B99A;--accent:#717E4F;--mono:"IBM Plex Mono",monospace;--serif:"STIX Two Text",Georgia,serif;color:var(--ink);background:var(--paper);font-family:Arial,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0}button,a,input,select{-webkit-tap-highlight-color:transparent}button,input,select{font:inherit;color:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.42}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{border-radius:0}button:hover:not(:disabled),a:hover{color:var(--accent)}[hidden]{display:none!important}header,section,footer{max-width:1440px;margin:0 auto}header{height:94px;display:flex;align-items:center;gap:40px;padding:0 5%;border-bottom:1px solid var(--rule)}.brand{display:flex;align-items:center;gap:10px;font:500 17px var(--mono);letter-spacing:-.6px;white-space:nowrap}.brand-mark{width:44px;height:44px}nav{display:flex;gap:28px;margin-left:auto;font-size:13px}.header-cta{font:11px var(--mono);border:1px solid var(--ink);padding:12px 16px}.header-cta span{margin-left:14px}.hero{display:grid;grid-template-columns:1.08fr 1fr;gap:40px;padding:44px 5% 36px;align-items:center}.eyebrow,.panel-label,.card-number,.card-foot,.matrix-title,.terminal-top,.hero-art figcaption{font:10px var(--mono);letter-spacing:.8px}.hero h1{font:500 clamp(46px,4.8vw,72px)/.98 var(--serif);letter-spacing:-2.3px;margin:20px 0}.hero h1 em{font-weight:400}.hero p{font-size:15px;line-height:1.65;max-width:470px;margin:0}.hero-links{display:flex;gap:26px;align-items:center;margin-top:22px;font:11px var(--mono)}.hero-links>a{border-bottom:1px solid var(--ink);padding-bottom:4px}.text-button{border:0;background:none;padding:4px 0;font:11px var(--mono)}.hero-art{margin:0}.hero-art svg{display:block;width:100%;max-height:260px}.hero-art figcaption{border-top:1px solid var(--rule);padding-top:12px;text-align:center;font-size:9px;letter-spacing:0}.section{padding:44px 5%;border-top:1px solid var(--rule)}h2{font:400 clamp(35px,4vw,54px)/1.04 var(--serif);letter-spacing:-1.3px;margin:13px 0 0}h3{font:500 27px/1.1 var(--serif);letter-spacing:-.6px}.lab{padding-top:25px}.lab-title{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:23px}.lab-title h2{font-size:36px}.lab-title p{font-size:12px;line-height:1.6;margin:0}.lab-title p span{font:10px var(--mono)}.terminal{border:1px solid var(--rule);background:var(--panel)}.terminal-top{display:flex;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--rule);background:var(--ink);color:var(--panel)}.terminal-top i{display:inline-block;width:6px;height:6px;background:var(--paper);margin-right:9px}.workbench{display:grid;grid-template-columns:260px 1fr}.config{padding:24px;border-right:1px solid var(--rule);display:flex;flex-direction:column;align-items:stretch}.panel-label{margin-bottom:22px}.config label{font:11px var(--mono);margin-bottom:8px}.config select{height:38px;max-width:100%;border:1px solid var(--rule);padding:0 8px;background:var(--paper);margin-bottom:18px;font-size:12px}.config-note{font-size:11px;line-height:1.6;margin:0 0 16px}.subtle-button{padding:9px 0;border:0;border-top:1px solid var(--rule);background:none;text-align:left;font:11px var(--mono)}.compute{padding:24px 28px}.inputs{display:grid;grid-template-columns:1fr 35px 1fr;align-items:center;gap:14px}.matrix-title{display:flex;justify-content:space-between;gap:12px;font-size:9px;margin-bottom:10px;letter-spacing:0}.matrix{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.matrix input,.matrix>span{width:100%;min-width:0;border:1px solid var(--rule);height:35px;text-align:center;background:var(--paper);font:13px var(--mono);border-radius:0;appearance:textfield}.matrix input::-webkit-inner-spin-button{appearance:none}.operator{font:32px var(--serif);text-align:center}.compute-actions{display:flex;align-items:center;gap:12px;margin-top:20px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 18px;border:1px solid var(--ink);font:11px var(--mono);background:transparent}.primary{background:var(--ink);color:var(--panel)}.primary:hover:not(:disabled){background:var(--accent);color:var(--panel)}.secondary{background:var(--paper)}#step-label{margin-left:auto;font:10px var(--mono)}#lab-message{font-size:11px;line-height:1.5;min-height:34px;margin:13px 0}.result-area{display:grid;grid-template-columns:1fr 1fr;gap:45px;border-top:1px solid var(--rule);padding-top:18px}.output>span{display:grid;place-items:center;background:transparent}.stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stats>div{display:flex;flex-direction:column;gap:5px;border-bottom:1px solid var(--rule);padding-bottom:8px}.stats span{font:9px var(--mono)}.stats b{font:26px var(--serif);font-weight:400}.trace{border-top:1px solid var(--rule);padding:20px 24px}.lane-view{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px}.lane-view>div{display:grid;gap:5px;border:1px solid var(--rule);padding:9px;font-family:var(--mono)}.lane-view span,.lane-view small{font-size:8px}.lane-view b{font-size:14px;font-weight:400}.lane-view .active{background:var(--paper);border-color:var(--accent)}pre{font:10px/1.6 var(--mono);overflow:auto;max-height:180px;margin-bottom:0}.artifact-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--rule);padding:18px 24px;font:9px var(--mono)}.artifact-bar>div{display:flex;gap:10px;flex-wrap:wrap}.artifact-bar button{border:1px solid var(--rule);background:transparent;padding:10px;font:10px var(--mono)}.hash-note{padding:0 24px 16px;margin:0;font:9px/1.6 var(--mono);overflow-wrap:anywhere}.section-heading{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:30px;align-items:start;margin-bottom:32px}.section-heading h2{margin:0;font-size:38px}.section-heading p{font-size:13px;line-height:1.7;margin:0}.architecture-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--rule)}.architecture-grid article{padding:25px;border-right:1px solid var(--rule)}.architecture-grid article:last-child{border-right:0}.architecture-grid p{font-size:13px;line-height:1.7;min-height:68px}.card-foot{font-size:9px;letter-spacing:0;border-top:1px solid var(--rule);padding-top:16px;display:block}.lane-diagram{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;height:82px;margin:26px 0}.lane-diagram i{border:1px solid var(--accent);background:var(--panel)}.lane-diagram i:nth-child(3n){background:var(--accent)}.memory-diagram{display:flex;gap:8px;height:82px;margin:26px 0}.memory-diagram i{flex:1;border:1px solid var(--accent);position:relative}.memory-diagram i:after{content:"";position:absolute;inset:15px 0;border-top:1px solid var(--accent);border-bottom:1px solid var(--accent)}.replay-diagram{display:flex;align-items:center;justify-content:space-between;height:82px;margin:26px 0;font:17px var(--mono)}.replay-diagram span{padding:18px 10px;border:1px solid var(--rule)}.replay-diagram i{font-style:normal}.idea{display:grid;grid-template-columns:1fr 1fr;gap:60px}.idea-copy p{font-size:15px;line-height:1.8;margin-top:0}.idea-copy a{display:inline-block;font:11px var(--mono);border-bottom:1px solid var(--ink);padding-bottom:6px;margin-top:14px}.closing{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:45px 5%;background:var(--ink);color:var(--panel)}.closing h2{font-size:42px;margin:0}.closing .primary{border-color:var(--panel);background:var(--panel);color:var(--ink)}.closing>.eyebrow{max-width:150px;line-height:1.8}footer{padding:30px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;font:9px var(--mono)}footer .brand{font-size:12px}footer .brand-mark{width:32px;height:32px}dialog{width:min(550px,calc(100% - 32px));border:1px solid var(--ink);background:var(--panel);color:var(--ink);padding:38px}dialog::backdrop{background:#424a3080}dialog h2{margin:20px 0}dialog p{font-size:14px;line-height:1.7}.dialog-close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:28px}.intro{position:fixed;inset:0;z-index:100;background:var(--paper);display:flex;flex-direction:column;padding:28px 5%;overflow:hidden}.intro-top,.intro-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;font:10px var(--mono);letter-spacing:.8px}.intro-top button{font:11px var(--mono);padding:12px 16px;border:1px solid var(--ink);background:transparent}.intro-bottom{margin-top:auto;padding-top:25px}.intro-progress{width:30%;height:2px;background:var(--rule)}.intro-progress i{display:block;width:0;height:2px;background:var(--ink);animation:progress 10s linear forwards}#intro-scene{height:53vh;max-height:470px;margin:auto auto 0;width:min(900px,100%)}#intro-scene svg{width:100%;height:100%;overflow:visible}.intro-copy{text-align:center;margin:0 auto auto}.intro-copy>span{font:10px var(--mono);letter-spacing:1.4px}.intro-copy h1{font:400 clamp(36px,5vw,66px)/1.05 var(--serif);letter-spacing:-1px;margin:16px 0}.intro-chip{transform-origin:450px 220px;animation:chip-unfold 3s ease both}.intro-routes path{stroke-dasharray:470;stroke-dashoffset:470;animation:route-draw 3s 1.5s ease forwards}.intro-lanes{opacity:0;animation:appear .5s 2s forwards}.intro-banks{opacity:0;animation:appear .7s 4s forwards}.intro-labels{opacity:0;animation:labels 4s 3s forwards}.intro-results{opacity:0;animation:appear 1s 6s forwards}.intro-results rect:nth-child(2){transform:translateY(-10px)}.intro-results rect:nth-child(3){transform:translateY(-20px)}.intro-results rect:nth-child(4){transform:translateY(-30px)}@keyframes progress{to{width:100%}}@keyframes chip-unfold{0%{transform:scale(.58)}to{transform:scale(1)}}@keyframes route-draw{to{stroke-dashoffset:0}}@keyframes appear{to{opacity:1}}@keyframes labels{0%{opacity:0}20%,80%{opacity:1}to{opacity:0}}@media(min-width:1500px){header,section,footer{border-left:1px solid var(--rule);border-right:1px solid var(--rule)}}@media(max-width:900px){header{padding:0 4%;height:80px;gap:20px}nav{gap:16px}.header-cta{display:none}.hero{padding:32px 4%;gap:20px}.hero h1{font-size:54px}.hero .eyebrow{font-size:8px}.section{padding-left:4%;padding-right:4%}.workbench{grid-template-columns:210px 1fr}.config,.compute{padding:20px}.result-area{gap:20px}.compute-actions{flex-wrap:wrap}.button{padding:11px 13px;gap:15px}#step-label{margin-left:0}.section-heading{grid-template-columns:1fr 2fr}.section-heading p{grid-column:2}.architecture-grid article{padding:18px}.artifact-bar{align-items:start;flex-direction:column;gap:12px}footer>span:nth-child(2){display:none}.closing{gap:20px}.closing h2{font-size:36px}}@media(max-width:620px){header{height:69px}.brand{font-size:14px}.brand-mark{width:35px;height:35px}nav a:not([href="#lab"]){display:none}nav{font:10px var(--mono)}.hero{display:block;padding:28px 5% 24px}.hero h1{font-size:51px;margin:17px 0}.hero p{font-size:13px;line-height:1.65}.hero-art{display:none}.hero-links{font-size:10px;gap:20px;margin-top:18px}.text-button{font-size:10px}.lab{padding-top:23px}.lab-title{display:block;margin-bottom:18px}.lab-title h2{font-size:33px}.lab-title p{margin-top:12px;font-size:11px}.lab-title p span{font-size:9px}.workbench{display:block}.config{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;padding:16px;border-right:0;border-bottom:1px solid var(--rule)}.config .panel-label{grid-column:1/-1;margin-bottom:5px}.config label{margin:0;align-self:center}.config select{margin:0;height:33px;font-size:11px}.config-note{grid-column:1/-1;font-size:10px;margin:5px 0}.subtle-button{grid-column:1/-1;font-size:10px;padding:7px 0}.terminal-top{font-size:9px;padding:12px}.compute{padding:16px 12px}.inputs{gap:6px;grid-template-columns:1fr 18px 1fr}.matrix-title{font-size:8px;gap:5px;line-height:1.4}.matrix{gap:3px}.matrix input,.matrix>span{height:30px;font-size:12px}.operator{font-size:23px}.compute-actions{gap:8px;margin-top:17px}.button{font-size:10px;padding:11px 12px;gap:12px}#step-label{font-size:9px}.result-area{grid-template-columns:1fr;gap:16px}.stats{grid-template-columns:repeat(4,1fr);gap:6px}.stats span{font-size:7px;line-height:1.5}.stats b{font-size:24px}.trace{padding:16px 12px}.lane-view{grid-template-columns:repeat(4,minmax(0,1fr))}.lane-view>div{padding:7px}.artifact-bar{padding:15px 12px}.artifact-bar>div{gap:6px}.artifact-bar button{font-size:9px;padding:10px 8px}.hash-note{padding:0 12px 15px;font-size:8px}.section-heading{display:block}.section-heading h2{font-size:36px;margin:15px 0}.section-heading p{font-size:13px}.architecture-grid{grid-template-columns:1fr}.architecture-grid article{border-right:0;border-bottom:1px solid var(--rule);padding:23px}.architecture-grid article:last-child{border-bottom:0}.architecture-grid p{min-height:0}.lane-diagram,.memory-diagram,.replay-diagram{height:65px;margin:20px 0}.idea{grid-template-columns:1fr;gap:25px}.idea-copy p{font-size:14px}.closing{display:block;padding:32px 5%}.closing>.eyebrow{max-width:none;font-size:9px}.closing h2{margin:15px 0 23px;font-size:40px}footer{flex-wrap:wrap;padding:24px 5%;gap:18px}footer>span:last-child{width:100%;font-size:9px}.intro{padding:18px 5%}.intro-top{font-size:8px;gap:10px}.intro-top button{font-size:10px;padding:10px}.intro-bottom{font-size:8px;gap:10px}.intro-bottom>span:first-child{max-width:145px;line-height:1.5}.intro-copy h1{font-size:40px;max-width:340px}.intro-copy>span{font-size:9px}#intro-scene{height:43vh;margin-top:auto}.intro-copy{margin-top:10px}.intro-progress{width:20%}dialog{padding:30px 24px}dialog h2{font-size:42px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-height:560px){.intro{padding:12px 4%}#intro-scene{height:45vh}.intro-copy h1{font-size:32px;margin:8px}.intro-bottom{padding-top:10px}}