.hub .lyr{--gap:84px;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:center;margin-top:44px}.hub .lyr-stage{position:relative;height:calc(170px + var(--n) * var(--gap));perspective:1400px}.hub .lyr-stack{position:absolute;left:50%;top:70%;width:270px;height:150px;margin:-75px 0 0 -150px;transform-style:preserve-3d;transform:rotateX(58deg) rotate(-38deg)}.hub .lyr-sheet{--hl:0;--dim:0;position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;padding:18px 20px;border-radius:18px;transform:translateZ(calc(var(--i) * var(--gap) + var(--hl) * 18px)) translateX(calc(var(--hl) * -34px));opacity:calc(1 - var(--dim) * .55);background:color-mix(in srgb,var(--a) calc(6% + var(--i) * 4% + var(--hl) * 14%),color-mix(in srgb,var(--card) 92%,transparent));border:1px solid color-mix(in srgb,var(--a) calc(18% + var(--i) * 10% + var(--hl) * 60%),var(--rule));box-shadow:0 0 0 calc(var(--hl) * 1px) var(--a),0 0 calc(var(--hl) * 46px) calc(var(--hl) * -12px) var(--a),0 30px 40px -30px rgb(0 0 0/.8);transition:transform .6s var(--ease),background .35s,border-color .35s,box-shadow .35s,opacity .35s}.hub .lyr-sheet span{font-weight:700;font-size:17px;letter-spacing:-.02em;color:var(--ink)}.hub .lyr-sheet code{font:11.5px var(--font-mono);color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hub .lyr.in .lyr-sheet{animation:lyr-drop .9s var(--ease) both;animation-delay:calc(var(--i) * .14s)}@keyframes lyr-drop{0%{opacity:0;transform:translateZ(calc(var(--i) * var(--gap) + 140px))}}.hub .lyr-sheet.top{--hl:1;transform:translateZ(calc(var(--i) * var(--gap)))}.hub .lyr:has(.lyr-list li:hover) .lyr-sheet{--hl:0;--dim:1}.hub .lyr:has(.lyr-list li[style*="--i:0"]:hover) .lyr-sheet[style*="--i:0"]{--hl:1;--dim:0}.hub .lyr:has(.lyr-list li[style*="--i:1"]:hover) .lyr-sheet[style*="--i:1"]{--hl:1;--dim:0}.hub .lyr:has(.lyr-list li[style*="--i:2"]:hover) .lyr-sheet[style*="--i:2"]{--hl:1;--dim:0}.hub .lyr:has(.lyr-list li[style*="--i:3"]:hover) .lyr-sheet[style*="--i:3"]{--hl:1;--dim:0}.hub .lyr:has(.lyr-list li[style*="--i:4"]:hover) .lyr-sheet[style*="--i:4"]{--hl:1;--dim:0}.hub .lyr-arrow{position:absolute;right:4%;top:12%;bottom:12%;display:flex;flex-direction:column;align-items:center;gap:8px;font:600 10.5px var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}.hub .lyr-arrow em{font-style:normal}.hub .lyr-arrow em:first-child{color:var(--at)}.hub .lyr-arrow i{flex:1;width:2px;border-radius:2px;background:linear-gradient(180deg,var(--a),color-mix(in srgb,var(--a) 10%,transparent))}.hub .lyr-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.hub .lyr-list li{display:flex;gap:16px;padding:16px 18px;border-radius:var(--r-mid);border:1px solid var(--rule);background:var(--card);transition:border-color .3s,background .3s,opacity .3s}.hub .lyr-list li.top,.hub .lyr-list li:hover{border-color:color-mix(in srgb,var(--a) 50%,var(--rule));background:linear-gradient(100deg,color-mix(in srgb,var(--a) 11%,var(--card)),var(--card) 60%)}.hub .lyr-list:has(li:hover) li.top:not(:hover){border-color:var(--rule);background:var(--card)}.hub .lyr-list:has(li:hover) li:not(:hover){opacity:.7}.hub .lyr-n{transition:background .3s,color .3s}.hub .lyr-list li:is(.top,:hover) .lyr-n{background:color-mix(in srgb,var(--a) 22%,transparent)}.hub .lyr-list:has(li:hover) li.top:not(:hover) .lyr-n{background:color-mix(in srgb,var(--a) 12%,transparent)}.hub .lyr-n{flex:none;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;font:700 13px var(--font-mono);color:var(--at);background:color-mix(in srgb,var(--a) 12%,transparent);border:1px solid color-mix(in srgb,var(--a) 35%,transparent)}.hub .lyr-list li>div{min-width:0;display:grid;gap:6px}.hub .lyr-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0}.hub .lyr-h b{font-size:17px;letter-spacing:-.02em}.hub .lyr-h span{font:600 11px var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}.hub .lyr-list code{justify-self:start;max-width:100%;font:12.5px var(--font-mono);color:var(--ink);padding:4px 8px;border-radius:7px;background:var(--bg-2);border:1px solid var(--rule);overflow-wrap:anywhere}.hub .lyr-list p{margin:0;color:var(--ink-2);font-size:14.5px;line-height:1.55}.hub .lyr-note{grid-column:1/-1;margin:6px 0 0;max-width:60em;color:var(--ink-2);font-size:15.5px;line-height:1.6}.hub .lyr-note b{color:var(--ink)}:root[data-theme=light] .hub .lyr-sheet{box-shadow:0 24px 34px -26px rgb(16 18 27/.35)}@media (max-width:860px){.hub .lyr{grid-template-columns:1fr;gap:20px}.hub .lyr-stage{height:calc(190px + var(--n) * var(--gap))}}@media (prefers-reduced-motion:reduce){.hub .lyr.in .lyr-sheet{animation:none}.hub .lyr-sheet{transition:none}}.hub .mz{margin-top:40px}.hub .mz-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row dense;gap:16px}.hub .mz-t{--mx:50%;--my:0%;position:relative;display:flex;flex-direction:column;gap:6px;padding:16px 18px 20px;border-radius:var(--r-big);overflow:hidden;isolation:isolate;color:inherit;text-decoration:none;background:linear-gradient(180deg,color-mix(in srgb,var(--c) 7%,var(--card)),var(--card));border:1px solid var(--rule);transition:transform .45s var(--ease),box-shadow .45s,border-color .3s}.hub .mz-t.wide{grid-column:span 2}.hub .mz-t:before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .35s;pointer-events:none;background:radial-gradient(420px circle at var(--mx) var(--my),color-mix(in srgb,var(--c) 16%,transparent),transparent 60%)}.hub .mz-t:hover{transform:translateY(-4px);box-shadow:var(--sh-hover);border-color:color-mix(in srgb,var(--c) 45%,var(--rule))}.hub .mz-t:hover:before{opacity:1}.hub .mz-t:focus-visible{outline:2px solid var(--c);outline-offset:3px}.hub .mz-imgs{position:relative;display:flex;height:92px;margin-bottom:10px}.hub .mz-imgs img{width:92px;height:92px;flex:none;object-fit:cover;border-radius:14px;background:var(--card-2);margin-left:-18px;rotate:calc((var(--n) - 1.5) * 2deg);box-shadow:0 0 0 3px var(--card),0 12px 24px -14px rgb(0 0 0/.6);transition:margin .45s var(--ease),rotate .45s var(--ease),transform .45s var(--ease)}.hub .mz-imgs img:first-child{margin-left:0}.hub .mz-ai{position:absolute;z-index:1;top:7px;left:7px;padding:1px 6px;border-radius:6px;font:600 10px/15px var(--font-sans);letter-spacing:.02em;background:rgb(255 255 255/.92);color:#111118;box-shadow:0 2px 8px rgb(0 0 0/.12);pointer-events:none}.hub .mz-t:hover .mz-imgs img{rotate:0deg}.hub .mz-t:hover .mz-imgs img:nth-child(odd){transform:translateY(-4px)}.hub .mz-h{font-size:18px;font-weight:700;letter-spacing:-.02em}.hub .mz-p{flex:1;color:var(--ink-2);font-size:14.5px;line-height:1.55;text-wrap:pretty}.hub .mz-f{display:flex;align-items:center;gap:12px;margin-top:10px;padding-top:12px;border-top:1px solid var(--rule)}.hub .mz-m{font:600 11px var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb,var(--c) 70%,var(--ink))}.hub .mz-go{margin-left:auto;width:32px;height:32px;flex:none;border-radius:50%;display:grid;place-items:center;color:color-mix(in srgb,var(--c) 70%,var(--ink));border:1px solid color-mix(in srgb,var(--c) 40%,var(--rule));transition:transform .3s var(--ease),background .3s,border-color .3s}.hub .mz-t:hover .mz-go{transform:translateX(3px);border-color:var(--c);background:color-mix(in srgb,var(--c) 16%,transparent)}.hub .mz-links{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:22px 0 0}.hub .mz-links span{margin-right:6px;font:600 11px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.hub .mz-links a{padding:6px 13px;border-radius:99px;font-size:13.5px;font-weight:500;color:var(--ink);text-decoration:none;background:color-mix(in srgb,var(--c) 12%,transparent);border:1px solid color-mix(in srgb,var(--c) 32%,var(--rule));transition:background .25s,border-color .25s}.hub .mz-links a:hover{background:color-mix(in srgb,var(--c) 22%,transparent);border-color:var(--c)}@media (max-width:980px){.hub .mz-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hub .mz-t.wide{grid-column:span 2}}@media (max-width:600px){.hub .mz-grid{grid-template-columns:minmax(0,1fr)}.hub .mz-t.wide{grid-column:auto}.hub .mz-imgs img{width:76px;height:76px}.hub .mz-imgs img:nth-child(n+5){display:none}.hub .mz-imgs{height:76px}}@media (prefers-reduced-motion:reduce){.hub .mz-go,.hub .mz-imgs img,.hub .mz-t{transition:none}}