.how.svelte-1hxevr5{overflow:clip;--px-scale: 1}.how.svelte-1hxevr5>.tex:where(.svelte-1hxevr5){opacity:.5}.grid.svelte-1hxevr5{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:start}.scene.svelte-1hxevr5{position:sticky;top:96px;padding:24px;min-height:460px;display:flex;flex-direction:column;gap:20px;min-width:0}.scene-top.svelte-1hxevr5{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px 12px;font-family:var(--font-mono);font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--color-ink-3)}.scene-step.svelte-1hxevr5{color:var(--color-ink-2)}.scene-grid.svelte-1hxevr5{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start;flex:1}.apps.svelte-1hxevr5,.provs.svelte-1hxevr5{display:flex;flex-direction:column;gap:14px;min-width:0}.provs.svelte-1hxevr5{padding-top:8px}.app.svelte-1hxevr5,.prov.svelte-1hxevr5{border:1px solid var(--color-line-2);border-radius:var(--radius-sm);padding:12px;display:flex;flex-direction:column;gap:8px;background:var(--color-canvas);min-width:0}.app.svelte-1hxevr5{transition:opacity .6s}.prov.svelte-1hxevr5{transition:opacity .6s,border-color .6s}.name.svelte-1hxevr5{font-family:var(--font-mono);font-size:13px;color:var(--color-ink);overflow-wrap:anywhere}.key.svelte-1hxevr5{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-family:var(--font-mono);font-size:12px;color:var(--color-brand);transition:opacity .6s}.note.svelte-1hxevr5{font-family:var(--font-mono);font-size:12px;color:var(--color-ink-3);overflow-wrap:anywhere}.prov.brand.svelte-1hxevr5{border-color:var(--color-brand)}.prov.brand.svelte-1hxevr5 .note:where(.svelte-1hxevr5){color:var(--color-brand)}.prov.warning.svelte-1hxevr5{border-color:var(--color-warning)}.prov.warning.svelte-1hxevr5 .note:where(.svelte-1hxevr5){color:var(--color-warning)}.gw.svelte-1hxevr5{display:flex;flex-direction:column;gap:12px;align-items:center;padding-top:8px;min-width:0}.gw-box.svelte-1hxevr5{border:1px solid var(--color-brand);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-elevated) 55%,transparent);padding:16px 14px;display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;box-sizing:border-box;min-width:0}.gw-mark.svelte-1hxevr5{width:100%;max-width:calc(72px * var(--px-scale));aspect-ratio:1;height:auto}.gw-name.svelte-1hxevr5{font-family:var(--font-mono);font-size:13px;color:var(--color-brand)}.store.svelte-1hxevr5{width:100%;border-top:1px solid var(--color-line-2);padding-top:10px;display:flex;flex-direction:column;gap:6px;font-family:var(--font-mono);font-size:12px;color:var(--color-ink-2);transition:opacity .6s}.store-row.svelte-1hxevr5{display:flex;justify-content:space-between;flex-wrap:wrap;gap:2px 8px;overflow-wrap:anywhere}.store-note.svelte-1hxevr5{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;font-family:var(--font-mono);font-size:12px;color:var(--color-ink-3);transition:opacity .6s}.caption.svelte-1hxevr5{border-top:1px solid var(--color-line-soft);padding-top:12px;font-family:var(--font-mono);font-size:14px;line-height:1.7;color:var(--color-ink-2);min-height:44px}.px-term.svelte-1hxevr5{width:calc(54px * var(--px-scale));height:calc(39px * var(--px-scale))}.px-key.svelte-1hxevr5{width:calc(22px * var(--px-scale));height:calc(8px * var(--px-scale))}.px-cloud.svelte-1hxevr5{width:calc(54px * var(--px-scale));height:calc(27px * var(--px-scale))}.px-lock.svelte-1hxevr5{width:calc(14px * var(--px-scale));height:calc(14px * var(--px-scale))}.steps.svelte-1hxevr5{display:flex;flex-direction:column;gap:clamp(120px,22vh,220px);padding:40px 0 120px;min-width:0}.step.svelte-1hxevr5{display:flex;flex-direction:column;gap:14px}.step.svelte-1hxevr5 p:where(.svelte-1hxevr5){margin:0;font-size:18px;line-height:1.55;color:var(--color-ink-2);max-width:440px}.rule.svelte-1hxevr5{display:flex;flex-direction:column;gap:14px;border-top:1px solid var(--color-line-soft);padding-top:32px}.rule.svelte-1hxevr5 p:where(.svelte-1hxevr5){margin:0;font-size:20px;line-height:1.5;color:var(--color-ink-2);max-width:440px}.rule.svelte-1hxevr5 .strong:where(.svelte-1hxevr5){color:var(--color-ink)}@media(max-width:900px){.grid.svelte-1hxevr5{grid-template-columns:minmax(0,1fr)}.scene.svelte-1hxevr5{position:static}.scene-grid.svelte-1hxevr5{gap:10px}.app.svelte-1hxevr5,.prov.svelte-1hxevr5{padding:10px}.steps.svelte-1hxevr5{gap:64px;padding:24px 0 48px}}@media(max-width:480px){.how.svelte-1hxevr5{--px-scale: .7}}.scramble.svelte-1mmqwc{font-variant-numeric:tabular-nums;white-space:pre}.grid.svelte-17jo230{padding-block:clamp(56px,8vw,112px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:center}.copy.svelte-17jo230{display:flex;flex-direction:column;gap:22px;min-width:0}.copy.svelte-17jo230 .eyebrow:where(.svelte-17jo230){margin:0}.copy.svelte-17jo230 .lead:where(.svelte-17jo230){max-width:520px;text-wrap:pretty}.swap.svelte-17jo230{border:1px solid var(--color-line-2);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-canvas) 80%,transparent);padding:24px 28px;display:flex;flex-direction:column;gap:14px;min-width:0}.swap.svelte-17jo230 p:where(.svelte-17jo230){margin:0}.swap-label.svelte-17jo230{font-family:var(--font-mono);font-size:14px;line-height:1.5;letter-spacing:.12em;text-transform:uppercase;color:var(--color-ink-3)}.line.svelte-17jo230{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:1ch;row-gap:4px;font-family:var(--font-mono);font-size:20px;line-height:1.4;color:var(--color-ink);min-width:0}.hname.svelte-17jo230{white-space:nowrap}.line.svelte-17jo230 .key{color:var(--color-brand)}.swap-note.svelte-17jo230{font-size:16px;line-height:1.5;color:var(--color-ink-2)}@media(max-width:900px){.grid.svelte-17jo230{grid-template-columns:minmax(0,1fr)}}@media(max-width:480px){.swap.svelte-17jo230{padding:20px}.line.svelte-17jo230{font-size:16px}}.head.svelte-qkejb7{display:flex;flex-direction:column;gap:16px;max-width:720px;margin-bottom:36px}.intro.svelte-qkejb7{margin:0;font-size:17px;line-height:1.6;color:var(--color-ink-2);text-wrap:pretty}.facts.svelte-qkejb7{margin:0;max-width:760px;border:1px solid var(--color-line-2);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-canvas) 80%,transparent);padding:8px 28px;display:grid;grid-template-columns:200px minmax(0,1fr);column-gap:0;row-gap:0}dt.svelte-qkejb7,dd.svelte-qkejb7{margin:0;padding-block:14px;border-top:1px solid var(--color-line)}dt.svelte-qkejb7{padding-right:24px}dt.svelte-qkejb7:first-of-type,dt.svelte-qkejb7:first-of-type+dd:where(.svelte-qkejb7){border-top:0}dt.svelte-qkejb7{font-family:var(--font-mono);font-size:13px;line-height:1.6;letter-spacing:.12em;text-transform:uppercase;color:var(--color-ink-3)}dd.svelte-qkejb7{font-size:17px;line-height:1.6;color:var(--color-ink);display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;min-width:0;overflow-wrap:anywhere}.mono.svelte-qkejb7{font-family:var(--font-mono);font-size:15px}.muted.svelte-qkejb7{color:var(--color-ink-2)}.note.svelte-qkejb7{font-size:15px;color:var(--color-ink-2)}.bad.svelte-qkejb7{color:var(--color-warning)}@media(max-width:640px){.facts.svelte-qkejb7{grid-template-columns:minmax(0,1fr);padding:4px 20px}dt.svelte-qkejb7{padding-bottom:4px}dd.svelte-qkejb7{padding-top:0;border-top:0}}.dots.svelte-1pilnld{opacity:.6;background-image:radial-gradient(color-mix(in srgb,var(--color-brand) 22%,transparent) 1px,transparent 1.2px);background-size:28px 28px;--mask: radial-gradient(ellipse 50% 70% at 75% 50%, black 0%, transparent 100%)}.grid.svelte-1pilnld{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:clamp(32px,5vw,72px);align-items:center}.copy.svelte-1pilnld{display:flex;flex-direction:column;gap:22px}.body.svelte-1pilnld{margin:0;max-width:540px;font-size:20px;line-height:1.55;color:var(--color-ink-2);text-wrap:pretty}.copy.svelte-1pilnld .btn:where(.svelte-1pilnld){align-self:flex-start}.card.svelte-1pilnld{padding:28px;border-radius:var(--radius-lg)}.scene.svelte-1pilnld{position:relative;aspect-ratio:560 / 240}.scene.svelte-1pilnld svg:where(.svelte-1pilnld){position:absolute;inset:0;width:100%;height:100%;font-family:var(--font-mono)}.wire.svelte-1pilnld{stroke:color-mix(in srgb,var(--color-brand) 50%,transparent)}.box.svelte-1pilnld{fill:var(--color-surface);stroke:color-mix(in srgb,var(--color-brand) 40%,transparent)}.t-ink.svelte-1pilnld{fill:var(--color-ink)}.t-ink2.svelte-1pilnld{fill:var(--color-ink-2)}.t-muted.svelte-1pilnld{fill:var(--color-ink-3)}.t-brand.svelte-1pilnld{fill:var(--color-brand)}.scene.svelte-1pilnld img:where(.svelte-1pilnld){position:absolute;pointer-events:none}.laptop.svelte-1pilnld{left:7.14%;top:25%;width:19.29%;height:30%}.server.svelte-1pilnld{left:75%;top:23.33%;width:14.29%;height:33.33%}