.mechanism-wrap[data-astro-cid-oyekzag6]{position:relative;width:100%;max-width:920px;margin:0 auto;perspective:1400px;perspective-origin:50% 40%}.mechanism-stage[data-astro-cid-oyekzag6]{position:relative;width:100%;aspect-ratio:2.4 / 1;min-height:280px;transform-style:preserve-3d;transform:rotateX(8deg)}.device[data-astro-cid-oyekzag6]{position:absolute;top:50%;width:22%;min-width:160px;max-width:220px;transform-style:preserve-3d;animation:device-float 6s ease-in-out infinite}.device[data-astro-cid-oyekzag6].sender{left:2%;transform:translateY(-50%) rotateY(14deg);animation-delay:-3s}.device[data-astro-cid-oyekzag6].receiver{right:2%;transform:translateY(-50%) rotateY(-14deg)}.device-face[data-astro-cid-oyekzag6]{position:relative;border:1px solid var(--color-border-strong);background:var(--color-bg-subtle);border-radius:14px;padding:14px 14px 12px;box-shadow:0 1px color-mix(in srgb,var(--color-fg) 4%,transparent) inset,0 14px 30px -10px color-mix(in srgb,var(--color-fg) 14%,transparent);transform:translateZ(20px)}.device-screen[data-astro-cid-oyekzag6]{background:var(--color-bg);border:1px solid var(--color-border);border-radius:9px;padding:12px 12px 10px;display:flex;flex-direction:column;gap:8px}.device-title[data-astro-cid-oyekzag6]{font-size:13px;font-weight:600;color:var(--color-fg);letter-spacing:-.005em}.device-sub[data-astro-cid-oyekzag6]{font-size:10px;color:var(--color-fg-subtle);letter-spacing:.04em;text-transform:uppercase}.device-file[data-astro-cid-oyekzag6]{display:flex;align-items:center;gap:8px;padding:6px 8px;background:var(--color-bg-muted);border-radius:6px;font-size:11px;color:var(--color-fg-muted)}.file-icon[data-astro-cid-oyekzag6]{width:14px;height:14px;flex-shrink:0;color:var(--color-fg-muted)}.file-name[data-astro-cid-oyekzag6]{font-family:var(--font-mono);font-size:10.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-progress[data-astro-cid-oyekzag6]{position:relative;height:4px;background:var(--color-bg-muted);border-radius:999px;overflow:hidden}.device-progress[data-astro-cid-oyekzag6] .bar[data-astro-cid-oyekzag6]{position:absolute;inset:0;background:var(--color-accent);width:0%;border-radius:999px;animation:bar-fill 7s ease-out infinite}.device-progress[data-astro-cid-oyekzag6] .bar-rcv[data-astro-cid-oyekzag6]{animation:bar-fill 7s ease-out .5s infinite}.device-lock[data-astro-cid-oyekzag6]{position:absolute;top:-10px;right:-10px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:var(--color-bg);border:1px solid var(--color-accent);border-radius:50%;color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 14%,transparent);opacity:0;transform:scale(.7);transition:opacity .5s ease,transform .5s ease;animation:lock-pop 7s ease-out infinite}.device-lock[data-astro-cid-oyekzag6] svg[data-astro-cid-oyekzag6]{width:13px;height:13px}.device-shadow[data-astro-cid-oyekzag6]{position:absolute;left:8%;right:8%;bottom:-22px;height:18px;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--color-fg) 18%,transparent) 0%,transparent 70%);border-radius:50%;filter:blur(6px);transform:translateZ(-20px)}.wire[data-astro-cid-oyekzag6]{position:absolute;top:50%;left:24%;right:24%;width:52%;height:200px;transform:translateY(-50%) translateZ(10px);overflow:visible;color:var(--color-fg-muted)}.wire-live[data-astro-cid-oyekzag6]{stroke-dasharray:600;stroke-dashoffset:600;animation:wire-draw 7s ease-out infinite}.cloud-server[data-astro-cid-oyekzag6]{position:absolute;top:-8px;left:50%;transform:translate(-50%) translateZ(60px);display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 14px 10px;border:1px dashed var(--color-fg-subtle);border-radius:10px;background:color-mix(in srgb,var(--color-bg) 92%,transparent);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:cloud-fade 7s ease-in-out infinite}.cloud-glyph[data-astro-cid-oyekzag6]{width:22px;height:22px;color:var(--color-fg);display:block}.cloud-label[data-astro-cid-oyekzag6]{font-size:10px;color:var(--color-fg);font-weight:600;letter-spacing:.02em}.cloud-sublabel[data-astro-cid-oyekzag6]{font-size:9px;color:var(--color-fg-muted);letter-spacing:.02em}.packet-stream[data-astro-cid-oyekzag6]{position:absolute;top:50%;left:24%;right:24%;width:52%;height:0;transform:translateY(-50%) translateZ(15px);pointer-events:none}.packet[data-astro-cid-oyekzag6]{position:absolute;left:0;top:0;font-size:10px;line-height:1;color:var(--color-accent);text-shadow:0 0 8px color-mix(in srgb,var(--color-accent) 60%,transparent);opacity:0;animation:packet-fly 2.3s ease-in-out infinite;animation-delay:calc(2.6s + var(--i) * .18s);will-change:left,top,opacity}.encryption-badge[data-astro-cid-oyekzag6]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) translateY(-44px) translateZ(40px);display:flex;align-items:center;gap:6px;padding:5px 10px;background:var(--color-bg);border:1px solid var(--color-accent);border-radius:999px;font-size:10.5px;color:var(--color-fg);font-weight:600;letter-spacing:.01em;box-shadow:0 0 0 4px color-mix(in srgb,var(--color-accent) 12%,transparent);opacity:0;animation:enc-pop 7s ease-out infinite}.enc-glyph[data-astro-cid-oyekzag6]{width:12px;height:12px;color:var(--color-accent);display:block}.mechanism-caption[data-astro-cid-oyekzag6]{position:relative;width:100%;margin-top:24px;min-height:28px;text-align:center;font-size:13px;color:var(--color-fg-muted);letter-spacing:-.005em}.cap[data-astro-cid-oyekzag6]{position:absolute;left:50%;top:0;transform:translate(-50%) translateY(6px);opacity:0;white-space:nowrap;animation:cap-cycle 7s ease-in-out infinite}.cap[data-astro-cid-oyekzag6] strong[data-astro-cid-oyekzag6]{color:var(--color-fg);font-weight:600}.cap-dot[data-astro-cid-oyekzag6]{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--color-accent);margin-right:8px;vertical-align:1px;box-shadow:0 0 8px color-mix(in srgb,var(--color-accent) 60%,transparent)}.cap-0[data-astro-cid-oyekzag6]{animation-delay:0s}.cap-1[data-astro-cid-oyekzag6]{animation-delay:-4.6s}.cap-2[data-astro-cid-oyekzag6]{animation-delay:-2.3s}@keyframes device-float{0%,to{transform:translateY(-52%) rotateY(14deg)}50%{transform:translateY(-48%) rotateY(14deg)}}.device[data-astro-cid-oyekzag6].receiver{animation-name:device-float-r}@keyframes device-float-r{0%,to{transform:translateY(-52%) rotateY(-14deg)}50%{transform:translateY(-48%) rotateY(-14deg)}}@keyframes wire-draw{0%{stroke-dashoffset:600;opacity:0}20%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:1}}@keyframes cloud-fade{0%{opacity:0;transform:translate(-50%) translateZ(60px) translateY(-4px)}8%{opacity:1;transform:translate(-50%) translateZ(60px) translateY(0)}25%{opacity:1;transform:translate(-50%) translateZ(60px) translateY(0)}45%{opacity:.45;transform:translate(-50%) translateZ(60px) translateY(-2px)}to{opacity:.45;transform:translate(-50%) translateZ(60px) translateY(-4px)}}@keyframes lock-pop{0%,22%{opacity:0;transform:scale(.5)}32%{opacity:1;transform:scale(1.15)}38%,92%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes enc-pop{0%,25%{opacity:0;transform:translate(-50%,-50%) translateY(-32px) translateZ(40px) scale(.85)}35%{opacity:1;transform:translate(-50%,-50%) translateY(-44px) translateZ(40px) scale(1)}65%{opacity:1;transform:translate(-50%,-50%) translateY(-44px) translateZ(40px) scale(1)}78%{opacity:0;transform:translate(-50%,-50%) translateY(-48px) translateZ(40px) scale(.92)}to{opacity:0}}@keyframes packet-fly{0%{opacity:0;left:0%;top:0}10%{opacity:1;left:10%;top:-10px}50%{opacity:1;left:50%;top:-26px}90%{opacity:1;left:90%;top:-10px}to{opacity:0;left:100%;top:0}}@keyframes bar-fill{0%{width:0%}20%{width:0%}70%{width:100%}to{width:100%}}@keyframes cap-cycle{0%,to{opacity:0;transform:translate(-50%) translateY(6px)}5%{opacity:1;transform:translate(-50%) translateY(0)}30%{opacity:1;transform:translate(-50%) translateY(0)}35%{opacity:0;transform:translate(-50%) translateY(-6px)}}@keyframes packet-fly-desktop{0%{opacity:0;left:0%;top:-7px}10%{opacity:1;left:10%;top:-19px}50%{opacity:1;left:50%;top:-41px}90%{opacity:1;left:90%;top:-19px}to{opacity:0;left:100%;top:-7px}}@keyframes enc-pop-desktop{0%,25%{opacity:0;transform:translate(-50%,-50%) translateY(-38px) translateZ(40px) scale(.85)}35%{opacity:1;transform:translate(-50%,-50%) translateY(-50px) translateZ(40px) scale(1)}65%{opacity:1;transform:translate(-50%,-50%) translateY(-50px) translateZ(40px) scale(1)}78%{opacity:0;transform:translate(-50%,-50%) translateY(-54px) translateZ(40px) scale(.92)}to{opacity:0}}@media(min-width:641px){.mechanism-stage[data-astro-cid-oyekzag6]{aspect-ratio:1.8 / 1;min-height:380px}.device[data-astro-cid-oyekzag6]{width:26%;min-width:200px;max-width:280px}.device[data-astro-cid-oyekzag6].sender{left:4%}.device[data-astro-cid-oyekzag6].receiver{right:4%}.wire[data-astro-cid-oyekzag6]{left:28%;right:28%;width:44%;height:240px}.packet-stream[data-astro-cid-oyekzag6]{left:28%;right:28%;width:44%}.packet[data-astro-cid-oyekzag6]{animation-name:packet-fly-desktop}.cloud-server[data-astro-cid-oyekzag6]{top:4px;padding:9px 16px 11px}.encryption-badge[data-astro-cid-oyekzag6]{transform:translate(-50%,-50%) translateY(-50px) translateZ(40px);animation-name:enc-pop-desktop}}@media(max-width:640px){.mechanism-stage[data-astro-cid-oyekzag6]{aspect-ratio:1.5 / 1;min-height:220px;transform:rotateX(4deg)}.device[data-astro-cid-oyekzag6]{min-width:130px;width:30%}.device-screen[data-astro-cid-oyekzag6]{padding:9px 10px 8px}.device-title[data-astro-cid-oyekzag6]{font-size:12px}.device-sub[data-astro-cid-oyekzag6]{font-size:9px}.device-file[data-astro-cid-oyekzag6]{font-size:10px;padding:5px 7px}.file-name[data-astro-cid-oyekzag6]{font-size:9.5px}.cloud-server[data-astro-cid-oyekzag6]{padding:6px 10px 8px}.cloud-glyph[data-astro-cid-oyekzag6]{font-size:14px}.cloud-label[data-astro-cid-oyekzag6]{font-size:9px}.cloud-sublabel[data-astro-cid-oyekzag6]{font-size:8.5px}.encryption-badge[data-astro-cid-oyekzag6]{font-size:9.5px;padding:4px 8px}.mechanism-caption[data-astro-cid-oyekzag6]{font-size:12px;min-height:36px}.cap[data-astro-cid-oyekzag6]{white-space:normal;max-width:90%}}@media(prefers-reduced-motion:reduce){.device[data-astro-cid-oyekzag6],.device[data-astro-cid-oyekzag6].receiver,.wire-live[data-astro-cid-oyekzag6],.cloud-server[data-astro-cid-oyekzag6],.device-lock[data-astro-cid-oyekzag6],.encryption-badge[data-astro-cid-oyekzag6],.packet[data-astro-cid-oyekzag6],.device-progress[data-astro-cid-oyekzag6] .bar[data-astro-cid-oyekzag6],.cap[data-astro-cid-oyekzag6]{animation:none!important}.wire-live[data-astro-cid-oyekzag6]{stroke-dashoffset:0;opacity:1}.cloud-server[data-astro-cid-oyekzag6]{opacity:.5}.device-lock[data-astro-cid-oyekzag6]{opacity:1;transform:scale(1)}.encryption-badge[data-astro-cid-oyekzag6]{opacity:1}.device-progress[data-astro-cid-oyekzag6] .bar[data-astro-cid-oyekzag6]{width:100%}.cap-0[data-astro-cid-oyekzag6]{opacity:1}.device[data-astro-cid-oyekzag6].sender{transform:translateY(-50%) rotateY(14deg)}.device[data-astro-cid-oyekzag6].receiver{transform:translateY(-50%) rotateY(-14deg)}}.code-block[data-astro-cid-jgrc2lfe]{position:relative;margin:1.5rem 0;border:1px solid var(--color-border);border-radius:8px;overflow:hidden;background:var(--shiki-bg, var(--color-bg-subtle))}.code-block__caption[data-astro-cid-jgrc2lfe]{display:flex;align-items:center;gap:.75rem;padding:.5rem .85rem;background:var(--color-bg-muted);border-bottom:1px solid var(--color-border);font-size:.75rem;color:var(--color-fg-muted)}.code-block__lang[data-astro-cid-jgrc2lfe]{text-transform:uppercase;letter-spacing:.05em;font-weight:600;color:var(--color-fg-subtle);font-family:var(--font-mono)}.code-block__filename[data-astro-cid-jgrc2lfe]{font-family:var(--font-mono);color:var(--color-fg)}.code-block__lang-floating[data-astro-cid-jgrc2lfe]{position:absolute;top:.5rem;right:.75rem;z-index:1;font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-fg-subtle);opacity:.55;pointer-events:none;user-select:none}.code-block[data-astro-cid-jgrc2lfe] pre.astro-code{margin:0;padding:1rem 1.15rem;font-family:var(--font-mono);font-size:.825rem;line-height:1.6;overflow-x:auto;border-radius:0;border:0}.code-block[data-astro-cid-jgrc2lfe] pre.astro-code code{font-family:inherit;font-size:inherit;background:transparent!important;border:0;padding:0;display:block;white-space:pre-wrap;word-wrap:break-word}@media(min-width:768px){.code-block[data-astro-cid-jgrc2lfe] pre.astro-code{padding:1.25rem 1.4rem;font-size:.85rem}}