@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff)format("woff")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ground:#141414;--panel:#1a1a1b;--text:#ecebe8;--muted:#96938e;--accent:#d9a650;--rule:#ffffff12;--edge:#ffffff17;--rounded:ui-rounded, system-ui, sans-serif}body{background:var(--ground);color:var(--text);margin:0;font:16px/1.5 system-ui,sans-serif}a{color:var(--text)}a:hover{color:#fff}a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}h1,h2,p{margin:0}.muted{color:var(--muted)}main{box-sizing:border-box;flex-direction:column;align-items:center;gap:112px;min-height:100vh;padding:96px 16px 64px;display:flex}.hero{text-align:center;flex-direction:column;align-items:center;gap:28px;max-width:680px;display:flex}.logo{place-items:center;width:168px;height:168px;display:grid;position:relative}.logo img{width:86%}.logo canvas{width:100%;height:100%;position:absolute;inset:0}h1{font:600 56px/1.05 var(--rounded);letter-spacing:-.015em}.lead{max-width:560px;color:var(--muted);font-size:18px;line-height:1.55}.how{flex-direction:column;gap:40px;width:100%;max-width:860px;display:flex}.window{border:1px solid var(--edge);background:var(--panel);border-radius:22px;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff5e10f,0 24px 60px #00000073,0 2px 6px #00000040}.titlebar{border-bottom:1px solid var(--rule);height:44px;color:var(--muted);justify-content:center;align-items:center;font-size:13px;display:flex}.letter{box-sizing:border-box;height:420px;padding:40px clamp(24px,6vw,64px) 0;font:17px/1.75 IBM Plex Mono,ui-monospace,monospace}.steps{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:28px;margin:0;padding:0;list-style:none;display:grid}.steps li{flex-direction:column;gap:8px;transition:opacity .3s;display:flex}.steps .title{font:600 18px/1.3 var(--rounded)}.steps .muted{font-size:14px}.steps[data-step] li{opacity:.4}.steps[data-step="1"] li:first-child,.steps[data-step="2"] li:nth-child(2),.steps[data-step="3"] li:nth-child(3){opacity:1}kbd{text-align:center;background:#ffffff0a;border:1px solid #ffffff29;border-radius:7px;min-width:1.6em;padding:1px 8px;font:500 14px/1.6 system-ui,sans-serif;transition:all .15s;display:inline-block}.steps[data-key] kbd{border-color:var(--accent);background:#d9a6502e}.panel{box-sizing:border-box;border:1px solid var(--edge);background:var(--panel);border-radius:26px;width:100%;max-width:680px;padding:28px 32px 10px;box-shadow:inset 0 1px #fff5e10f,0 10px 30px #00000059,0 2px 6px #00000040}.panel-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;padding-bottom:18px;display:flex}.panel-head h2{font:600 22px/1.2 var(--rounded)}.panel-head .muted{font-size:14px}.build{border-top:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;display:flex}.build div{flex-direction:column;gap:2px;min-width:0;display:flex}.build .muted{font-size:13px}.get{box-sizing:border-box;background:var(--accent);min-height:44px;color:var(--panel);border-radius:14px;align-items:center;gap:8px;padding:0 18px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.get:hover{color:var(--panel)}.get svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.languages{justify-content:center;align-items:center;gap:20px;display:flex}.flag{box-sizing:border-box;border:1px solid #ffffff1f;border-radius:50%;width:40px;height:40px;display:block;overflow:hidden;box-shadow:0 4px 12px #0000004d}.flag svg{width:100%;height:100%;display:block}.flag.more{box-shadow:none;color:var(--muted);border:1px dashed #ffffff47;place-items:center;display:grid}.flag.more svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:16px;height:16px}.resources{justify-content:space-evenly;gap:16px;width:100%;max-width:680px;display:flex}.resources div{flex-direction:column;align-items:center;gap:6px;padding:20px 4px;display:flex}.resources .muted{align-items:center;gap:8px;font-size:13px;display:flex}.resources svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.resources .value{font:600 20px/1.2 var(--rounded)}footer a{width:44px;height:44px;color:var(--muted);justify-content:center;align-items:center;display:inline-flex}footer svg{fill:currentColor;width:24px;height:24px}p.svelte-mqftmh{transition:opacity .5s}.faded.svelte-mqftmh{opacity:0}.ink.svelte-mqftmh{white-space:pre;animation:.42s cubic-bezier(.2,.9,.25,1) both svelte-mqftmh-ink;display:inline-block}@keyframes svelte-mqftmh-ink{0%{opacity:0;filter:blur(6px);transform:translateY(3px)}}.caret.svelte-mqftmh{vertical-align:-.2em;background:var(--accent);width:2px;height:1.15em;margin-left:1px;display:inline-block}.blink.svelte-mqftmh{animation:1.1s step-end infinite svelte-mqftmh-blink}@keyframes svelte-mqftmh-blink{55%{opacity:0}}@media (prefers-reduced-motion:reduce){.ink.svelte-mqftmh,.blink.svelte-mqftmh{animation:none}}.stage.svelte-mqftmh{pointer-events:none;color:#f2e6d2;transform-origin:50% calc(100% - 78px);opacity:0;flex-direction:column;align-items:center;gap:12px;padding-bottom:40px;font:15px/1 system-ui,sans-serif;transition:scale .24s cubic-bezier(.5,0,.75,0),translate .38s cubic-bezier(.55,0,1,.45) .16s,opacity .18s .36s;display:flex;position:absolute;inset:auto 0 0;translate:0 170px;scale:.6}.stage.shown.svelte-mqftmh{opacity:1;transition:translate .62s cubic-bezier(.16,1,.3,1),scale .56s cubic-bezier(.34,1.56,.64,1) .42s,opacity .16s;translate:0;scale:1}.pill.svelte-mqftmh{box-sizing:border-box;opacity:0;background:#241d16db;border:1px solid #f0debe24;border-radius:17px;justify-content:flex-end;align-items:center;max-width:calc(100% - 32px);height:34px;transition:width .36s cubic-bezier(.2,.9,.25,1),opacity .22s,scale .26s;display:flex;overflow:hidden;scale:.92;box-shadow:inset 0 1px #fff5e11a,0 10px 30px #00000059,0 2px 6px #00000040}.pill.open.svelte-mqftmh{opacity:1;scale:1}.pill.clipped.svelte-mqftmh{-webkit-mask-image:linear-gradient(90deg,#0000,#000 48px);mask-image:linear-gradient(90deg,#0000,#000 48px)}.pill.svelte-mqftmh span:where(.svelte-mqftmh){white-space:nowrap;flex:none;padding:0 16px}.orb.svelte-mqftmh{flex-shrink:0;width:76px;height:76px}