.hm{--hm-ink:#fff;--hm-muted:#94a3b8;--hm-word-off:#94a3b847;--hm-node-bg:#0f1d33;--hm-node-border:#94a3b838;--hm-dash:#00ccff4d;--hm-zlabel:#5fd4f5;--hm-name:#cbd5e1;--hm-proc:#00ccff1a;--hm-slot-bg:#ffffff06;--hm-slot-border:#94a3b833;--hm-vm-bg:#0b1629;--hm-vm-border:#00ccff73;--hm-vm-ink:#7fe3ff;--hm-d1:#0cf;--hm-d1-ink:#02131d;--hm-d2:#0e6f8f;--hm-d2-ink:#e6f9ff;--hm-d3:#8be6ff;--hm-d3-ink:#02131d;--hm-on:#22c55e;--hm-off:#f87171;--hm-line:#00ccff73;--hm-line-ink:#5fd4f5;--hm-ease:cubic-bezier(.65,0,.35,1);background:var(--card);border:1px solid var(--cyan-border);border-radius:1.25rem;padding:clamp(1.25rem,3.5vw,2.75rem) clamp(1rem,3.5vw,2.75rem) 1rem;position:relative;overflow:hidden}html.light .hm{--hm-ink:#0f172a;--hm-muted:#475569;--hm-word-off:#0f172a2e;--hm-node-bg:#eef2f4;--hm-node-border:#d3dbe0;--hm-dash:#0077a059;--hm-zlabel:#0b5d75;--hm-name:#334155;--hm-proc:#dbf2f8;--hm-slot-bg:#e7ecef;--hm-slot-border:#cfd8dd;--hm-vm-bg:#fff;--hm-vm-border:#a3c6d1;--hm-vm-ink:#0b5d75;--hm-d1:#00cbff;--hm-d1-ink:#03222c;--hm-d2:#0b6a87;--hm-d2-ink:#fff;--hm-d3:#9be6fa;--hm-d3-ink:#03222c;--hm-on:#16a34a;--hm-off:#dc2626;--hm-line:#7fb1c1;--hm-line-ink:#0b6a87;box-shadow:0 1px 3px #0d2d3c0f}.hm-mono{font-family:ui-monospace,SF Mono,Menlo,Consolas,Liberation Mono,monospace}.hm.is-instant,.hm.is-instant *{transition:none!important;animation:none!important}.hm-head{height:6rem;display:flow-root}@media (width<=640px){.hm-head{height:7.5rem}}.hm-title{color:var(--hm-ink);letter-spacing:-.02em;font-size:clamp(22px,3.3vw,40px);font-weight:700;line-height:1.1}.hm-title>span{color:var(--hm-word-off);transition:color .35s;transition-delay:calc(var(--i) * .11s)}.hm-title.is-on>span{color:var(--hm-ink)}.hm-sub{color:var(--hm-muted);opacity:0;margin-top:.45rem;font-size:clamp(13px,1.35vw,16px);font-weight:300;transition:opacity .5s,transform .5s;transform:translateY(6px)}.hm-sub.is-on{opacity:1;transition-delay:var(--d,0s);transform:none}.hm-body{position:relative}.hm-stage-wrap{width:100%;aspect-ratio:var(--hm-w,1200) / 340;position:relative}.hm-stage{width:calc(var(--hm-w,1200) * 1px);height:340px;transform:scale(var(--hm-k,1));transform-origin:0 0;position:absolute;top:0;left:0}.hm-node,.hm-vm,.hm-chip,.hm-ph{transform-origin:0 0;transition:transform .8s var(--hm-ease), opacity .5s ease;position:absolute;top:0;left:0}.hm-node,.hm-ph{border-radius:12px;width:200px;height:200px}.hm-node{background:var(--hm-node-bg);border:1.5px solid var(--hm-node-border);transition:transform .8s var(--hm-ease), opacity .5s ease, box-shadow .4s ease, border-color .4s ease}.hm-name{letter-spacing:.1em;color:var(--hm-name);font-size:12px;position:absolute;top:11px;left:14px}.hm-dot{background:var(--hm-on);border-radius:50%;width:9px;height:9px;transition:background-color .3s;position:absolute;top:14px;right:14px}.hm-zone{border:1px dashed var(--hm-dash);border-radius:8px;width:184px;transition:opacity .5s;position:absolute;left:8px}.hm-proc{height:70px;top:34px}.hm-stor{height:82px;top:110px}.hm-zlabel{letter-spacing:.12em;color:var(--hm-zlabel);font-size:7.5px;font-weight:600;position:absolute;top:4px;left:6px}.hm-fill{background:var(--hm-proc);border-radius:6px;position:absolute;inset:18px 5px 5px}.hm-slots{grid-template-columns:repeat(3,1fr);gap:6px;display:grid;position:absolute;inset:18px 5px 5px}.hm-slots>i{background:var(--hm-slot-bg);border:1px solid var(--hm-slot-border);border-radius:6px}.hm-flag{text-align:center;letter-spacing:.12em;opacity:0;font-size:11px;transition:opacity .4s;position:absolute;top:-24px;left:0;right:0}.hm-node[data-status=off]{opacity:.42}.hm-node[data-status=off] .hm-dot{background:var(--hm-off)}.hm-node[data-status=off] .hm-flag{opacity:1;color:var(--hm-off)}.hm-node[data-status=back]{border-color:var(--hm-on);box-shadow:0 0 0 3px color-mix(in srgb, var(--hm-on) 22%, transparent)}.hm-node[data-status=back] .hm-flag{opacity:1;color:var(--hm-on)}.hm-node[data-mode=storage] .hm-proc,.hm-node[data-mode=compute] .hm-stor{opacity:.3}.hm-ph{border:1.5px dashed var(--hm-node-border)}.hm-vm{background:var(--hm-vm-bg);border:1px solid var(--hm-vm-border);width:32px;height:24px;color:var(--hm-vm-ink);z-index:1;border-radius:5px;place-items:center;font-size:10px;font-weight:600;display:grid}.hm-chip{z-index:2;border-radius:5px;place-items:center;width:50px;height:20px;font-size:10px;font-weight:600;display:grid}.hm-chip[data-kind=d1]{background:var(--hm-d1);color:var(--hm-d1-ink)}.hm-chip[data-kind=d2]{background:var(--hm-d2);color:var(--hm-d2-ink)}.hm-chip[data-kind=d3]{background:var(--hm-d3);color:var(--hm-d3-ink)}.hm-chip:after{content:"";border:2px solid var(--hm-line);opacity:0;border-radius:8px;transition:opacity .35s,transform .35s;position:absolute;inset:-5px;transform:scale(.85)}.hm-chip.is-ring:after{opacity:1;transform:none}.hm-ceph{height:0;transition:left .8s var(--hm-ease), top .8s var(--hm-ease), width .8s var(--hm-ease), opacity .5s ease, clip-path .9s var(--hm-ease);clip-path:inset(-20px 50%);opacity:0;position:absolute}.hm-ceph.is-on{clip-path:inset(-20px 0);opacity:1}.hm-ceph:before{content:"";background:var(--hm-line);border-radius:2px;height:3px;position:absolute;top:-1.5px;left:0;right:0}.hm-ceph>span{background:var(--card);color:var(--hm-line-ink);letter-spacing:.2em;padding:0 12px;font-size:13px;font-weight:600;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.hm-aside{color:var(--hm-ink)}.hm-steps,.hm-roles{display:none}.hm[data-aside=steps] .hm-steps,.hm[data-aside=roles] .hm-roles{display:block}.hm-steps ol{gap:.7em;display:grid}.hm-steps li{opacity:0;align-items:center;gap:.7em;font-size:clamp(12px,1.35vw,17px);font-weight:300;transition:opacity .45s,transform .45s;display:flex;transform:translateY(6px)}.hm-steps li b{background:var(--hm-d1);width:1.75em;height:1.75em;color:var(--hm-d1-ink);border-radius:50%;flex:none;place-items:center;font-size:.85em;font-weight:600;transition:opacity .3s;display:grid}.hm[data-step="1"] .hm-steps li:nth-child(-n+1),.hm[data-step="2"] .hm-steps li:nth-child(-n+2),.hm[data-step="3"] .hm-steps li,.hm[data-step="4"] .hm-steps li{opacity:.45;transform:none}.hm[data-step="1"] .hm-steps li:first-child,.hm[data-step="2"] .hm-steps li:nth-child(2),.hm[data-step="3"] .hm-steps li:nth-child(3),.hm[data-step="4"] .hm-steps li{opacity:1}.hm-steps p{color:var(--hm-muted);opacity:0;margin-top:1em;font-size:clamp(12px,1.35vw,17px);font-weight:300;transition:opacity .5s}.hm[data-step="4"] .hm-steps p{opacity:1}.hm-role{opacity:0;transition:opacity .5s}.hm-role:nth-child(2){transition-delay:.35s}.hm[data-aside=roles].is-roles-on .hm-role{opacity:1}.hm-role small{letter-spacing:.14em;color:var(--hm-line-ink);font-size:clamp(10px,1vw,13px);display:block}.hm-role strong{margin-top:.15em;font-size:clamp(13px,1.6vw,21px);font-weight:600;display:block}.hm-role .hm-where{font-weight:500;display:none}.hm:not(.is-compact) .hm-aside{flex-direction:column;justify-content:center;width:35%;display:flex;position:absolute;top:0;bottom:0;left:0}.hm:not(.is-compact) .hm-roles{position:absolute;inset:0}.hm:not(.is-compact) .hm-role{position:absolute;left:0;transform:translateY(-50%)}.hm:not(.is-compact) .hm-role:first-child{top:23.5%}.hm:not(.is-compact) .hm-role:nth-child(2){top:76.5%}.hm.is-compact .hm-aside{height:2.75rem;margin-bottom:.25rem;position:relative}.hm.is-compact .hm-steps ol{display:block}.hm.is-compact .hm-steps li{position:absolute;top:0;left:0;right:0}.hm.is-compact .hm-steps li:not(:first-child),.hm.is-compact[data-step="2"] .hm-steps li:first-child,.hm.is-compact[data-step="3"] .hm-steps li:first-child,.hm.is-compact[data-step="4"] .hm-steps li:first-child{opacity:0!important}.hm.is-compact[data-step="2"] .hm-steps li:nth-child(2),.hm.is-compact[data-step="3"] .hm-steps li:nth-child(3){opacity:1!important}.hm.is-compact .hm-steps p{margin:0;line-height:1.75em;position:absolute;top:0;left:0;right:0}.hm.is-compact .hm-roles{display:none}.hm.is-compact[data-aside=roles] .hm-roles{gap:.2rem;display:grid}.hm.is-compact .hm-role small{display:none}.hm.is-compact .hm-role strong{margin:0;font-size:14px}.hm.is-compact .hm-role .hm-where{color:var(--hm-line-ink);display:inline}.hm-cover{z-index:5;text-align:center;background:var(--card);opacity:0;visibility:hidden;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;transition:opacity .6s,visibility 0s linear .6s;display:flex;position:absolute;inset:0}.hm[data-cover=intro] .hm-cover--intro,.hm[data-cover=outro] .hm-cover--outro{opacity:1;visibility:visible;transition:opacity .6s,visibility}.hm-cover img{width:clamp(180px,30vw,300px);height:auto}.hm-kicker{letter-spacing:.16em;color:var(--hm-line-ink);margin-top:1.4rem;font-size:11px}.hm-cover h3{color:var(--hm-ink);letter-spacing:-.02em;margin-top:.5rem;font-size:clamp(24px,3.6vw,44px);font-weight:700;line-height:1.1}.hm-cover p{max-width:34rem;color:var(--hm-muted);margin-top:.6rem;font-size:clamp(13px,1.3vw,16px);font-weight:300}.hm-cover-chips{gap:10px;margin-top:1.75rem;display:flex}.hm-cover-chips .hm-chip{opacity:0;position:relative;transform:scale(1.15)}.hm[data-cover=intro] .hm-cover-chips .hm-chip{animation:.45s forwards hm-pop}.hm-cover-chips .hm-chip:nth-child(2){animation-delay:.2s!important}.hm-cover-chips .hm-chip:nth-child(3){animation-delay:.4s!important}@keyframes hm-pop{0%{opacity:0;transform:scale(.6)translateY(8px)}to{opacity:1;transform:scale(1.15)}}.hm-cover--outro p,.hm-cover--outro a{opacity:0;transition:opacity .6s}.hm[data-cover=outro].is-outro-text .hm-cover--outro p,.hm[data-cover=outro].is-outro-cta .hm-cover--outro a{opacity:1}.hm-cover--outro a{color:var(--hm-line-ink);text-underline-offset:4px;margin-top:.9rem;font-size:clamp(13px,1.3vw,16px);font-weight:600;text-decoration:underline}.hm-bar{z-index:6;align-items:center;gap:.75rem;margin-top:.75rem;display:flex;position:relative}.hm-play{width:32px;height:32px;color:var(--hm-muted);border:1px solid var(--cyan-border);border-radius:50%;flex:none;place-items:center;transition:color .2s,border-color .2s;display:grid}.hm-play:hover{color:var(--hm-ink);border-color:var(--cyan)}.hm-play svg{width:12px;height:12px}.hm-play .hm-i-play{display:none}.hm.is-paused .hm-play .hm-i-play{display:block}.hm.is-paused .hm-play .hm-i-pause{display:none}.hm-segs{flex:1;gap:4px;display:flex}.hm-seg{flex:var(--f,1);cursor:pointer;height:16px;position:relative}.hm-seg:before,.hm-seg:after{content:"";border-radius:2px;height:3px;position:absolute;top:6.5px;left:0}.hm-seg:before{background:var(--hm-slot-border);right:0}.hm-seg:after{width:calc(var(--p,0) * 100%);background:var(--cyan)}.hm-seg:focus-visible{outline:2px solid var(--cyan);outline-offset:2px;border-radius:3px}