:root{--bg:#10191d;--panel:#19262b;--line:#34464d;--text:#e7eee9;--muted:#a5b6b9;--lime:#d5ee8d;--cpu:#b5c4c9;--dmap:#74cde8;--mmap:#d5ee8d;--kp:#f5b68b;--pss:#baa5ed}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 system-ui,-apple-system,sans-serif}header{display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line);padding:22px 4vw;flex-wrap:wrap}.brand{font-weight:750;color:var(--text);text-decoration:none;font-size:21px}.brand span,.offline{font-size:10px;letter-spacing:2px;color:var(--muted);margin-left:18px}nav{display:flex;gap:5px;margin-left:auto;flex-wrap:wrap}button,select{background:transparent;border:1px solid var(--line);color:var(--text);border-radius:5px;padding:10px 15px;font:inherit;cursor:pointer}button:hover,button.active{background:var(--lime);color:#172019;border-color:var(--lime)}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--dmap);outline-offset:4px}select{background:var(--panel)}main{max-width:1320px;margin:auto;padding:55px 40px}.page{display:none}.page.active{display:block}.eyebrow{font-size:12px;letter-spacing:3px;color:var(--lime);margin-bottom:18px}h1{font-size:clamp(44px,6vw,82px);font-weight:500;line-height:1.07;letter-spacing:-3px;margin:0 0 28px}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--lime)}h2{font-size:25px;font-weight:550;line-height:1.3}h3{font-size:19px;line-height:1.35}p{margin:10px 0 18px}a{color:var(--dmap)}.intro{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;max-width:1000px}.intro>p:first-child,.lead{font-size:20px;max-width:850px}.muted{color:var(--muted);font-size:14px}.toolbar{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin:30px 0}label{color:var(--muted);font-size:13px}label select{margin-left:8px}#stageCount{color:var(--muted);margin-left:auto;font-variant-numeric:tabular-nums}.flowNodes{display:flex;gap:9px;overflow-x:auto;padding:20px 0 28px}.node{min-width:130px;flex:1;border:1px solid var(--line);padding:20px 12px;position:relative;border-top:3px solid var(--engine);text-align:left;background:var(--panel);color:var(--text)}.node small{display:block;color:var(--muted);font:11px monospace;margin-bottom:10px}.node span{font-size:15px;font-weight:600}.node.active{background:#2c3b35;color:var(--text);border-color:var(--lime);box-shadow:0 0 0 1px var(--lime)}.node.active:after{content:'';position:absolute;bottom:8px;left:12px;width:8px;height:8px;border-radius:50%;background:var(--lime);animation:travel 1.8s linear infinite}@keyframes travel{from{left:10%;opacity:.3}50%{opacity:1}to{left:85%;opacity:.3}}.stageDetail{display:flex;align-items:flex-start;gap:25px;background:var(--panel);border:1px solid var(--line);padding:28px;margin-bottom:20px;min-height:180px}.stageDetail h2{margin-top:0}.engine{font:12px monospace;padding:7px 10px;border:1px solid currentColor;letter-spacing:1px;white-space:nowrap;color:var(--mmap)}.engine.cpu{color:var(--cpu)}.engine.dmap{color:var(--dmap)}.engine.kp{color:var(--kp)}.engine.pss{color:var(--pss)}code{font-family:ui-monospace,monospace;font-size:13px;color:var(--dmap);overflow-wrap:anywhere}.legend{display:flex;gap:22px;flex-wrap:wrap;margin:25px 0 40px;font-size:12px;color:var(--muted)}.legend i{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--cpu);margin-right:7px}.legend i.dmap{background:var(--dmap)}.legend i.mmap{background:var(--mmap)}.legend i.kp{background:var(--kp)}.legend i.pss{background:var(--pss)}.twoCol{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin:30px 0}.twoCol article{border-top:1px solid var(--line);padding-top:15px}.chain{border:1px solid var(--line);padding:12px;display:flex;gap:15px;font:13px monospace}.chain b{color:var(--pss)}.tileLayout{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:20px;align-items:center;margin:35px 0}.matrix{display:grid;grid-template-columns:repeat(8,1fr);gap:3px}.cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#213239;font:10px monospace;color:var(--muted);border:1px solid transparent}.cell.hot{background:#42644c;color:#f5ffe6;border-color:#7ea86a}.cell.out{background:#243e49;color:var(--dmap)}.operator{font-size:26px;color:var(--muted)}.attentionGrid{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;max-width:460px}.attentionCell{aspect-ratio:1;background:#27333a;font:10px monospace;display:grid;place-items:center;color:#63747c}.attentionCell.allowed{background:#3e5a45;color:var(--lime)}.attentionCell.current{border:2px solid var(--lime)}.cache{padding:18px;background:var(--panel);margin-top:20px}.cache>div{display:flex;gap:4px;margin-top:12px}.cacheBlock{height:30px;flex:1;background:#2c3c42;border:1px solid var(--line);font:10px monospace;display:grid;place-items:center}.cacheBlock.used{background:#42644c;color:var(--lime)}.verticalFlow{display:flex;flex-direction:column;gap:7px}.verticalFlow span{border:1px solid var(--line);padding:8px 14px;background:var(--panel)}.verticalFlow span.highlight{border-color:var(--lime);color:var(--lime)}.caption{font:26px/1.5 Georgia,serif;border-left:3px solid var(--lime);padding:15px;background:var(--panel);min-height:80px}.versionCards{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:40px 0}.versionCard{background:var(--panel);padding:20px;border:1px solid var(--line)}.versionCard strong{font-size:24px;color:var(--lime)}.versionCard p{font-size:13px}.tableWrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:18px 15px}th{color:var(--muted);font-weight:500}td:first-child{color:var(--lime);font-weight:bold}.countChart{margin:25px 0}.barRow{display:grid;grid-template-columns:70px 1fr 100px;gap:14px;margin:12px 0;align-items:center;font:13px monospace}.barTrack{background:var(--panel);height:28px}.bar{height:100%;min-width:2px;background:var(--lime);transition:width .5s}.conversionSteps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:40px 0}.conversionSteps article{background:var(--panel);padding:28px;border-top:2px solid var(--lime)}.conversionSteps b{color:var(--lime);font:12px monospace}footer{padding:25px 4vw;border-top:1px solid var(--line);color:var(--muted);font-size:12px}footer span{float:right;font-size:10px;letter-spacing:2px}@media(max-width:850px){main{padding:30px 20px}.twoCol,.intro{grid-template-columns:1fr;gap:15px}.tileLayout{gap:8px;grid-template-columns:1fr 1fr}.tileLayout>div:last-child{grid-column:1/-1;max-width:300px}.operator{display:none}.versionCards{grid-template-columns:repeat(2,1fr)}.conversionSteps{grid-template-columns:1fr 1fr}.offline{display:none}nav{margin-left:0}h1{letter-spacing:-2px}.cell{font-size:9px}}@media(max-width:500px){.conversionSteps{grid-template-columns:1fr}.stageDetail{padding:18px;gap:12px}.versionCards{grid-template-columns:1fr 1fr}.barRow{grid-template-columns:55px 1fr 80px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media print{header nav,.toolbar,footer{display:none}body{background:white;color:black}main{padding:0}.page.active{display:block}article,.stageDetail,.versionCard{background:white;color:black;break-inside:avoid}p,.muted,code{color:black}h1 em,.eyebrow{color:#28552a}.flowNodes{flex-wrap:wrap}.node{color:black;background:white}button{display:none}}

.headLayout{position:relative;height:290px;border:1px solid var(--line);background:var(--panel);overflow:hidden}.headCell{position:absolute;width:calc(100% / 12 - 4px);height:31px;margin:2px;display:grid;place-items:center;font:11px monospace;transition:left .8s ease,top .8s ease;border-radius:2px}.head0{background:#365544;color:var(--lime)}.head1{background:#244653;color:var(--dmap)}.head2{background:#57412f;color:var(--kp)}

.benchmarkNotice{padding:22px 25px;border-left:3px solid var(--lime);background:var(--panel);margin:25px 0}.benchmarkGroup{margin:45px 0}.benchmarkGroup[hidden]{display:none}details{padding:18px;border:1px solid var(--line);margin-top:20px}summary{cursor:pointer;color:var(--lime)}

/* v150 additions: keep the original palette, font stack and type styles. */
header{display:grid;grid-template-columns:1fr auto;gap:16px 24px}header nav{grid-column:1/-1;margin-left:0}.brand{display:flex;align-items:center;gap:18px;width:fit-content}.brand>img{width:166px;height:auto;display:block;border-radius:5px}.brand .brandName{font:inherit;color:var(--text);letter-spacing:0;margin:0}.brand .brandName>span{display:block;margin:4px 0 0}.offline{grid-column:2;grid-row:1}.processorColumns>article{padding:28px}.processorFigure{margin:24px 0}.processorFigure img{width:100%;height:300px;object-fit:contain;background:#10191d;border-radius:7px}.processorFigure figcaption{font-size:12px;color:var(--muted);margin-top:8px}.engineGrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.engineGrid p{font-size:14px}.softwareSteps>div{border-bottom:1px solid var(--line);padding:0 0 20px;margin:0 0 20px}.softwareSteps>div>span,.appNumber{color:var(--lime);letter-spacing:2px;font-size:12px}.softwareSteps h3{margin:8px 0}.softwareSteps code{display:block;overflow-wrap:anywhere;font-size:12px}.acubeTools img{display:block;width:100%;height:auto;border-radius:5px;margin:18px 0}.processorChain{margin-top:28px}.applicationGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:32px 0}.applicationGrid article{padding:30px;background:var(--panel);border:1px solid var(--line);border-radius:8px}.applicationGrid h2{font-size:30px;line-height:1.2;margin:18px 0}.applicationGrid a{display:inline-block;margin-top:12px}a{overflow-wrap:anywhere}@media(max-width:700px){header{padding:18px 5vw;gap:14px}.brand{gap:12px}.brand>img{width:128px}.offline{display:none}.processorColumns>article{padding:20px}.applicationGrid{grid-template-columns:1fr}.engineGrid{gap:12px}.processorFigure img{height:240px}.applicationGrid article{padding:24px}.processorChain{flex-wrap:wrap}}
