/* Unified memory: spatial diagrams and restrained, interruptible motion. */
.viewer-actions{display:flex;align-items:center;gap:9px;flex-shrink:0}.motion-button{display:flex;align-items:center;gap:8px;white-space:nowrap;background:transparent;border:1px solid #354442;border-radius:5px;padding:10px 12px;font-size:13px;color:#a7bcb2}.motion-button:hover{border-color:#789b80;color:#d3e9ce}.motion-orbit{width:12px;height:12px;border:1px solid #709b82;border-radius:50%;position:relative}.motion-orbit:after{content:"";position:absolute;width:4px;height:4px;background:#bce8a0;border-radius:50%;top:-2px;left:3px}.motion-button[aria-pressed=false] .motion-orbit{opacity:.4}
.unified-memory{padding-top:82px;--ice:#9fdcdd;--memory-line:#344c4e}.unified-memory .performance-heading .eyebrow{color:#8cafb2}.memory-theater{overflow:hidden;border:1px solid #3b5455;border-radius:9px;background:radial-gradient(ellipse at 35% 38%,#2043493d,transparent 66%),#11191d;box-shadow:0 20px 65px #0003}.memory-theater-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 26px;border-bottom:1px solid #2b3b3f}.memory-theater-toolbar .segmented{border-color:#344c4e;background:#10191d}.memory-theater-toolbar .segmented button{font-size:14px;color:#9cafb3;padding:8px 17px}.memory-theater-toolbar .segmented button[aria-pressed=true]{color:#def7f5;background:#2b484a}.memory-play{background:transparent;border:0;padding:9px 0;color:#a0c9c8;font-size:13px;white-space:nowrap}.memory-story-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(275px,1fr);align-items:center;padding:25px 25px 27px;gap:30px}.memory-network{height:350px;position:relative;isolation:isolate;min-width:0;background-image:radial-gradient(#58757735 .8px,transparent .8px);background-size:20px 20px;border-radius:5px}.memory-network:before{content:"";position:absolute;inset:10px 0;background:radial-gradient(ellipse at 50% 80%,#76c7c111,transparent 70%);z-index:-1}.memory-routes{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none;stroke-width:1.5}.route-base{stroke:#456268;stroke-opacity:.65}.route-packets{stroke:var(--ice);stroke-width:3;stroke-linecap:round;stroke-dasharray:9 220;opacity:0}.gpu-packets{stroke:#c6e7a2}.copy-packets{stroke:#e2ba80}.compute-node{position:absolute;top:20px;width:37%;height:94px;display:flex;align-items:center;gap:13px;padding:15px 19px;border:1px solid #45656a;border-radius:5px;background:linear-gradient(145deg,#23383ccf,#142024);box-shadow:inset 0 0 0 4px #09151855,0 10px 24px #0003;transition:border-color .4s,box-shadow .4s,transform .4s}.cpu-node{left:6%}.gpu-node{right:6%;border-color:#526548;background:linear-gradient(140deg,#2a382ac9,#16201d)}.node-symbol{font-size:30px;color:#a0d2d1;line-height:1}.gpu-node .node-symbol{color:#c2d99d}.compute-node>div{display:flex;flex-direction:column}.compute-node div>span{font:11px ui-monospace,monospace;letter-spacing:.1em;color:#8eaaa8}.compute-node strong{font-weight:500;font-size:24px;line-height:1.35;color:#e0efea}.compute-node small{color:#8caaa3;font-size:12px;white-space:nowrap}.memory-link-caption{position:absolute;top:149px;left:0;width:100%;display:flex;align-items:center;flex-direction:column;pointer-events:none;gap:3px;font-size:13px;color:#b8d3ce}.memory-link-caption>span+span{font:11px ui-monospace,monospace;color:#78989a}.memory-pool{position:absolute;left:15%;top:235px;width:70%;height:90px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 21px;border:1px solid #5b7f79;border-radius:5px;background:repeating-linear-gradient(90deg,transparent,transparent 29px,#85c4b70a 29px,#85c4b70a 30px),linear-gradient(120deg,#23453d,#1b3031);box-shadow:inset 0 -4px #0b17174d,0 12px 35px #0003;transition:box-shadow .4s,border-color .4s}.memory-pool>div{display:flex;flex-direction:column}.memory-pool div>span{font:11px ui-monospace,monospace;color:#9bb6ad;letter-spacing:.035em}.memory-pool b{font-weight:450;font-size:36px;line-height:1.2;letter-spacing:-.03em;color:#ddf3d4}.memory-pool b small{font:14px ui-monospace,monospace;color:#a2c6b4;margin-left:3px}.data-token{font-size:13px;color:#c4e9db;border:1px solid #6c9c8880;background:#304e4399;padding:7px 10px;border-radius:3px;white-space:nowrap}.separate-bank{position:absolute;top:235px;width:37%;height:90px;display:flex;flex-direction:column;justify-content:center;padding:16px 20px;border:1px solid #41585e;border-radius:5px;background:#1c2b31}.ram-bank{left:6%}.vram-bank{right:6%;border-color:#796047;background:#312a23}.separate-bank>span{font:12px ui-monospace,monospace;color:#9cb7bb}.separate-bank>b{font-size:20px;font-weight:500;margin-top:5px;color:#d6e7e5}.vram-bank>span{color:#c3ad93}.vram-bank>b{color:#e0c7a3}
[data-memory-mode=unified] .discrete-only,[data-memory-mode=unified] .discrete-routes,[data-memory-mode=discrete] .unified-only,[data-memory-mode=discrete] .unified-routes{display:none}.memory-theater[data-step="0"] .cpu-node,.memory-theater[data-step="2"] .cpu-node{border-color:#a1d8d6;box-shadow:inset 0 0 0 4px #09151855,0 0 24px #79c7c11a}.memory-theater[data-step="1"] .gpu-node{border-color:#b6d992;box-shadow:inset 0 0 0 4px #09151855,0 0 24px #b2d77c1a}.memory-theater[data-step="0"] .cpu-packets,.memory-theater[data-step="1"] .gpu-packets,.memory-theater[data-step="2"] .cpu-packets,.memory-theater[data-step="1"] .copy-packets,.memory-theater[data-step="2"] .copy-packets{opacity:.9}.memory-theater[data-step="2"] .route-packets{animation-direction:reverse!important}
.memory-story{padding:10px 22px 10px 0}.memory-story .eyebrow{color:#88b5b5;font:12px ui-monospace,monospace;letter-spacing:.09em;margin-bottom:16px}.memory-story h3{font-size:25px;font-weight:450;line-height:1.4;letter-spacing:-.035em;margin:0 0 16px;color:#e0ece7}.memory-story>#memory-story-text{font-size:15px;line-height:1.9;color:#a0b6b2;min-height:114px;margin:0 0 18px}.memory-protocol{display:flex;align-items:center;gap:9px;font-size:13px;color:#c2e1d6;border-top:1px solid #304645;padding-top:17px}.protocol-dot{width:5px;height:5px;background:#a8d6be;border-radius:50%;box-shadow:0 0 10px #9edbb655}.memory-animation-note{font-size:12px;color:#7f9896;line-height:1.8;margin:12px 0 0}.memory-story-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#2d4243;border-top:1px solid #2d4243;border-bottom:1px solid #2d4243}.memory-story-steps button{position:relative;overflow:hidden;border:0;background:#162125;color:#90aaa8;font-size:14px;padding:17px 20px;text-align:left}.memory-story-steps button>span{font:12px ui-monospace,monospace;color:#728e8e;margin-right:15px}.memory-story-steps button[aria-pressed=true]{background:#223736;color:#d0ece1}.memory-story-steps button:hover{background:#293e3d}.memory-story-steps button>i{position:absolute;bottom:0;left:0;width:100%;height:2px;transform:scaleX(0);transform-origin:left;background:#a8d7c1}.memory-story-steps button[aria-pressed=true]>i{transform:scaleX(var(--step-progress,0))}.memory-theater-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 25px;font-size:12px;color:#8baaa3}.memory-theater-footer button{font-size:13px;border:0;background:transparent;padding:3px 0;color:#c2e0ac}.memory-theater-footer button:hover{color:#e4f9d3}
.memory-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:21px 0}.memory-principles article{border:1px solid #30433f;background:linear-gradient(145deg,#1b2b27aa,#121a1d);border-radius:7px;padding:28px 29px;min-width:0;transition:transform .25s,border-color .25s}.memory-principles article:hover{border-color:#597969;transform:translateY(-3px)}.memory-principles .eyebrow{font:11px ui-monospace,monospace;color:#8caaa0;letter-spacing:.06em}.memory-metric{font-size:66px;line-height:1.2;font-weight:420;letter-spacing:-.055em;color:#cde7d4;margin:20px 0;font-variant-numeric:tabular-nums}.memory-metric small{font-size:19px;color:#8eafa4;letter-spacing:0;margin-left:9px}.memory-metric.coherence-symbol{font-weight:300;color:#9ac2c2}.memory-principles h3{font-size:19px;font-weight:500;color:#d6e7dc;margin:0 0 11px}.memory-principles article>p:last-of-type:not(.memory-metric){font-size:15px;line-height:1.85;color:#9db3a8;margin:0}.memory-principles article>a{font-size:12px;display:inline-block;margin-top:15px;color:#a0c6b6}
.memory-budget{padding:32px;border:1px solid #4d6152;border-radius:8px;background:radial-gradient(ellipse at 80% 5%,#597a4529,transparent 65%),#141e1b}.budget-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.budget-heading .eyebrow{color:#8faf98;font:12px ui-monospace,monospace;letter-spacing:.1em}.budget-heading h3{font-size:28px;font-weight:450;letter-spacing:-.035em;line-height:1.4;margin:10px 0}.budget-heading p:not(.eyebrow){font-size:15px;color:#9ab2a2;margin:0}.estimate-badge{font-size:12px;white-space:nowrap;color:#a5b996;border:1px solid #455940;padding:6px 10px;border-radius:4px}.budget-controls{display:grid;grid-template-columns:1fr 1.2fr 1.5fr;gap:27px;margin:29px 0 31px;padding:23px 0;border-top:1px solid #324539;border-bottom:1px solid #324539;align-items:start}.model-size-label,.budget-label{display:block;font-size:13px;color:#b1c6b4;margin-bottom:10px}.model-size-label select{display:block;appearance:auto;width:100%;margin-top:10px;background:#101914;color:#d8e9ce;border:1px solid #3f5541;border-radius:5px;padding:10px 12px;font-family:inherit;font-size:14px;height:45px;cursor:pointer}.model-size-label select:focus-visible{outline:2px solid #b3d88e;outline-offset:4px}.budget-controls .segmented{height:45px;width:100%;margin-top:10px}.budget-controls .segmented button{flex:1;padding:7px 8px;font-size:13px}.reserve-control>div{display:flex;justify-content:space-between;font-size:13px;color:#b1c6b4;gap:12px}.reserve-control output{font-family:ui-monospace,monospace;color:#d7e8c3;white-space:nowrap}.reserve-control input{margin:22px 0 15px;background:#435840}.reserve-control small{display:block;font-size:11px;color:#829b8a;line-height:1.7}.budget-readout{display:flex;align-items:center;gap:32px;margin-bottom:22px}.budget-readout>div>span{display:block;font-size:13px;color:#8da78e;margin-bottom:7px}.budget-readout strong{font-size:44px;line-height:1.1;font-weight:450;color:#d3edb7;font-variant-numeric:tabular-nums;letter-spacing:-.04em}.budget-readout strong>small{font:15px ui-monospace,monospace;letter-spacing:0;margin-left:7px;color:#9ab389}.budget-readout>p{font:14px ui-monospace,monospace;color:#8da488;line-height:1.8}.budget-headroom{margin-left:auto;text-align:right}.budget-headroom strong{font-size:33px;color:#a5bdaa}.memory-budget[data-overflow=true] .budget-headroom strong,.memory-budget[data-overflow=true] #budget-status-label{color:#e1ad8e}.capacity-meter{height:41px;border:1px solid #516346;display:flex;position:relative;overflow:hidden;background:#233228;border-radius:4px;box-shadow:inset 0 2px 8px #0003}.capacity-meter>div:not(.meter-grid){height:100%;flex-shrink:0;transition:width .7s cubic-bezier(.16,1,.3,1)}.weight-segment{background:linear-gradient(90deg,#77994c,#c8e7a2);box-shadow:0 0 24px #b7d88420}.reserve-segment{background:repeating-linear-gradient(-45deg,#629397,#629397 4px,#527e82 4px,#527e82 8px)}.meter-grid{position:absolute;inset:0;background:linear-gradient(90deg,transparent calc(100% - 1px),#14221788 0);background-size:25% 100%;pointer-events:none}.capacity-ticks{display:flex;justify-content:space-between;font:11px ui-monospace,monospace;color:#82997c;margin:9px 0 17px}.capacity-legend{display:flex;gap:25px;font-size:12px;color:#a6b9a3;flex-wrap:wrap}.capacity-legend>span{display:flex;align-items:center;gap:7px}.capacity-legend i{width:8px;height:8px;border-radius:1px}.weight-key{background:#b5d68e}.reserve-key{background:#679ba0}.free-key{background:#3c5540;border:1px solid #5e7655}.format-detail{font-size:13px;color:#bacfac;margin:23px 0 7px;line-height:1.85}.budget-note{font-size:12px;line-height:1.85;color:#849d88;margin:0}.budget-footnotes{display:grid;grid-template-columns:1fr 1fr;gap:36px;padding:23px 0 0;margin-top:23px;border-top:1px solid #334637}.budget-footnotes h4{font-size:16px;font-weight:500;color:#c1d7b7;margin:0 0 10px}.budget-footnotes p{font-size:14px;line-height:1.85;color:#95af9c;margin:0}.memory-budget .arch-sources{margin-top:24px}
@keyframes memory-packet{to{stroke-dashoffset:-229}}@keyframes marker-halo{0%,100%{transform:scale(1);opacity:.32}55%{transform:scale(1.6);opacity:0}}@keyframes token-glow{0%,100%{box-shadow:0 0 0 #9cdac000}50%{box-shadow:0 0 18px #9cdac025}}html[data-motion=on] .memory-theater[data-active=true] .route-packets{animation:memory-packet 2.8s linear infinite}html[data-motion=on] .memory-theater[data-active=true] .data-token{animation:token-glow 3.8s ease-in-out infinite}.marker[aria-pressed=true]:after{content:"";position:absolute;inset:-6px;border:1px solid #d1edab;border-radius:50%;pointer-events:none;opacity:0}html[data-motion=on] .stage[data-active=true] .marker[aria-pressed=true]:after{animation:marker-halo 3.4s ease-out infinite}.reveal-ready{opacity:0;transform:translateY(17px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1)}.reveal-ready.is-visible{opacity:1;transform:none}html[data-motion=off]{scroll-behavior:auto}html[data-motion=off] .reveal-ready{opacity:1;transform:none}html[data-motion=off] *,html[data-motion=off] *:before,html[data-motion=off] *:after{animation:none!important;transition:none!important}.performance-card,.arch-card,.process-card{transition:border-color .25s,box-shadow .25s}.performance-card:hover,.arch-card:hover,.process-card:hover{border-color:#627b53;box-shadow:0 12px 30px #0002}
@media(max-width:1150px){.view-toolbar{align-items:flex-start;flex-wrap:wrap}.viewer-actions{margin-left:auto}.memory-story-layout{gap:24px;grid-template-columns:1.35fr 1fr;padding:20px}.compute-node{padding:13px;gap:9px}.compute-node .node-symbol{display:none}.memory-story{padding-right:0}.memory-story h3{font-size:23px}.memory-pool{padding:15px}.memory-pool div>span{font-size:9px}.data-token{font-size:11px;padding:6px}.memory-principles article{padding:25px}.budget-controls{gap:20px;grid-template-columns:.9fr 1.1fr 1.3fr}.reserve-control>div{font-size:12px}.memory-metric{font-size:58px}}
@media(max-width:900px){.memory-story-layout{grid-template-columns:1fr;gap:18px;padding:20px 26px 27px}.memory-network{max-width:700px;width:100%;margin:auto}.compute-node .node-symbol{display:block}.compute-node{padding:15px 20px}.memory-pool{padding:16px 22px}.memory-pool div>span{font-size:11px}.data-token{font-size:13px;padding:7px 10px}.memory-story{padding:22px 0 0;border-top:1px solid #304344}.memory-story>#memory-story-text{min-height:0}.memory-story .eyebrow{margin-bottom:10px}.memory-principles{gap:14px}.memory-principles article{padding:23px 20px}.memory-principles h3{font-size:17px}.memory-metric{font-size:49px}.memory-metric small{font-size:15px;margin-left:6px}.budget-controls{grid-template-columns:1fr 1fr}.reserve-control{grid-column:1/-1}.reserve-control input{margin:19px 0 13px}.budget-readout{gap:20px}.budget-readout>p{font-size:12px}.memory-principles .eyebrow{font-size:10px}}
@media(max-width:740px){.header nav>a[href="#specifications"]{display:none}.viewer-actions{width:100%;justify-content:space-between;gap:12px}.viewer-actions .tour-button{margin-left:auto;width:auto}.view-list{width:100%}.view-button:last-child{grid-column:1/-1}.unified-memory{padding-top:58px}.memory-theater-toolbar{padding:17px 20px;gap:10px}.memory-theater-toolbar .segmented button{font-size:13px;padding:7px 12px}.memory-theater-toolbar .segmented{width:auto}.memory-story-layout{padding:17px 19px 23px;gap:12px}.memory-story-steps button{font-size:13px;padding:15px 10px;text-align:center}.memory-story-steps button>span{font-size:11px;margin-right:7px}.memory-theater-footer{padding:16px 19px;font-size:11px}.memory-theater-footer button{font-size:12px}.memory-principles{grid-template-columns:1fr;gap:13px}.memory-principles article{display:grid;grid-template-columns:145px 1fr;column-gap:22px;padding:25px}.memory-principles .eyebrow{grid-column:1/-1;font-size:11px;margin-bottom:16px}.memory-metric{grid-column:1;grid-row:2/5;font-size:54px;margin:0}.memory-principles h3{grid-column:2;font-size:18px}.memory-principles article>p:last-of-type:not(.memory-metric){grid-column:2;font-size:14px}.memory-principles article>a{grid-column:2}.memory-budget{padding:25px}.budget-heading{flex-direction:column;gap:15px}.budget-heading h3{font-size:25px}.budget-heading p:not(.eyebrow){font-size:14px}.budget-controls{gap:19px;margin-top:22px}.budget-readout{flex-wrap:wrap;justify-content:space-between;gap:13px}.budget-readout>p{order:3;flex-basis:100%;margin:4px 0 0;font-size:12px}.budget-readout strong{font-size:39px}.budget-headroom strong{font-size:29px}.budget-footnotes{grid-template-columns:1fr;gap:21px}.capacity-legend{gap:13px;font-size:11px}.memory-story h3{font-size:24px}}
@media(max-width:520px){.memory-theater-toolbar{padding:14px 15px;flex-wrap:wrap}.memory-theater-toolbar .segmented{width:auto;max-width:100%}.memory-theater-toolbar .segmented button{font-size:12px;padding:7px 10px}.memory-play{font-size:12px}.memory-story-layout{padding:12px 15px 23px}.memory-network{height:350px}.compute-node{padding:12px;width:39%;height:94px;gap:0}.cpu-node{left:4%}.gpu-node{right:4%}.compute-node .node-symbol{display:none}.compute-node strong{font-size:23px}.compute-node div>span{font-size:10px}.compute-node small{font-size:10px}.memory-pool{left:6%;width:88%;padding:16px}.memory-pool div>span{font-size:10px}.memory-pool b{font-size:34px}.data-token{font-size:12px;padding:7px}.memory-link-caption{font-size:12px}.memory-link-caption>span+span{font-size:10px}.separate-bank{width:39%;padding:14px}.ram-bank{left:4%}.vram-bank{right:4%}.separate-bank>span{font-size:11px}.separate-bank>b{font-size:18px}.memory-story-steps button{font-size:12px;padding:15px 6px}.memory-story-steps button>span{display:block;margin:0 0 4px}.memory-theater-footer{align-items:flex-start;flex-direction:column;gap:11px;padding:17px}.memory-principles article{display:block;padding:25px}.memory-principles .eyebrow{margin-bottom:15px}.memory-metric{font-size:60px;margin:0 0 19px}.memory-metric small{font-size:18px}.memory-principles h3{font-size:20px}.memory-principles article>p:last-of-type:not(.memory-metric){font-size:15px}.memory-budget{padding:24px 19px}.budget-heading h3{font-size:23px}.budget-heading .eyebrow{font-size:10px}.budget-controls{grid-template-columns:1fr;gap:16px}.reserve-control{grid-column:auto}.model-size-label{margin:0}.budget-controls .segmented button{font-size:14px}.budget-controls .budget-label{margin-bottom:0}.budget-controls .segmented{margin-top:10px}.reserve-control{margin-top:3px}.reserve-control>div{font-size:13px}.budget-readout strong{font-size:36px}.budget-headroom strong{font-size:27px}.budget-readout strong>small{font-size:12px}.capacity-meter{height:35px}.capacity-legend{gap:12px;font-size:10px}.format-detail{font-size:12px}.budget-footnotes h4{font-size:16px}.memory-story>#memory-story-text{font-size:15px}}
@media(prefers-reduced-motion:reduce){.reveal-ready{opacity:1;transform:none}.memory-theater .route-packets,.memory-theater .data-token,.marker:after{animation:none!important}.capacity-meter>div{transition:none}}

.memory-theater[data-step="1"] .gpu-packets{animation-direction:reverse!important}.memory-theater[data-memory-mode=discrete][data-step="2"] .gpu-packets{opacity:.9;animation-direction:normal!important}
@media(max-width:390px){.compute-node{padding:10px}.compute-node small{white-space:normal;font-size:10px;line-height:1.4}.compute-node strong{font-size:21px}.memory-pool{padding:13px;gap:7px}.memory-pool div>span{font-size:9px}.data-token{font-size:11px;padding:6px}.memory-theater-toolbar .segmented{width:100%}.memory-play{margin-left:auto;padding:3px 0}}