:root{--bg:#eeedf4;--ink:#14132a;--muted:#4a4966;--line:#d3d2e0;--accent:#5b1fe0;--accent-ink:#fff;--panel:#1e1c36;--panel-ink:#e9e8f3;--panel-muted:#a3a2bd;--cap:#f4f3f8;--cap-ink:#2d2c45;color-scheme:light}:root[data-theme=dark]{--bg:#17162b;--ink:#f4f3fa;--muted:#b4b3cc;--line:#3a3958;--accent:#9c7bff;--accent-ink:#17162b;--panel:#24223f;color-scheme:dark}:where(.astro-lcdefpme){box-sizing:border-box}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Archivo Variable,system-ui,sans-serif;font-size:1.0625rem;line-height:1.55}a:where(.astro-lcdefpme){color:var(--accent);text-underline-offset:.18em}:where(.astro-lcdefpme):focus-visible{outline:3px solid var(--accent);outline-offset:3px}.wrap:where(.astro-lcdefpme){width:min(72rem,100% - 2rem);margin-inline:auto}.skip:where(.astro-lcdefpme){position:absolute;top:-4rem;left:1rem}.skip:where(.astro-lcdefpme):focus{top:1rem}.top:where(.astro-lcdefpme){flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1.5rem;padding-block:1.25rem;display:flex}.mark:where(.astro-lcdefpme){color:var(--ink);font-size:1.25rem;font-weight:850;font-stretch:125%;text-decoration:none}.top:where(.astro-lcdefpme) nav:where(.astro-lcdefpme){flex-wrap:wrap;gap:.25rem 1.25rem;display:flex}.top:where(.astro-lcdefpme) nav:where(.astro-lcdefpme) a:where(.astro-lcdefpme){color:var(--ink);font-weight:500;text-decoration:none}.top:where(.astro-lcdefpme) nav:where(.astro-lcdefpme) a:where(.astro-lcdefpme):hover{color:var(--accent)}.hero:where(.astro-lcdefpme){gap:1.5rem 3rem;padding-block:clamp(2rem,6vw,4.5rem) clamp(2rem,5vw,3.5rem);display:grid}h1:where(.astro-lcdefpme){letter-spacing:-.035em;margin:0;font-size:clamp(5rem,21vw,13rem);font-weight:900;font-stretch:125%;line-height:.8}.intro:where(.astro-lcdefpme) p{max-width:34ch;margin:0;font-size:clamp(1.25rem,2.4vw,1.625rem);font-stretch:100%;line-height:1.35}.intro:where(.astro-lcdefpme) strong{font-weight:inherit}.get:where(.astro-lcdefpme){align-self:end}.button:where(.astro-lcdefpme){background:var(--accent);color:var(--accent-ink);border-radius:.6rem;padding:.8rem 1.4rem;font-weight:700;font-stretch:110%;text-decoration:none;display:inline-block}.button:where(.astro-lcdefpme):hover{filter:brightness(1.12)}.meta:where(.astro-lcdefpme){max-width:40ch;color:var(--muted);margin:.75rem 0 0;font-size:.9375rem}@media (width>=52rem){.hero:where(.astro-lcdefpme){grid-template-columns:1fr auto}h1:where(.astro-lcdefpme){grid-column:1/-1}}.panel:where(.astro-lcdefpme){background:var(--panel);color:var(--panel-ink);border-radius:1.25rem;padding:clamp(1rem,3vw,2rem)}.panel-title:where(.astro-lcdefpme){margin:0;font-size:1.125rem;font-weight:700;font-stretch:112%}.panel-hint:where(.astro-lcdefpme){max-width:62ch;color:var(--panel-muted);margin:.25rem 0 1.5rem;font-size:.9375rem}.keys:where(.astro-lcdefpme){grid-template-columns:repeat(15,minmax(0,1fr));gap:clamp(3px,.6vw,8px);display:grid}.key:where(.astro-lcdefpme){background:var(--cap);height:clamp(9.5rem,24vw,15rem);color:var(--cap-ink);font:inherit;cursor:pointer;border:0;border-radius:4px 4px clamp(5px,1vw,10px) clamp(5px,1vw,10px);flex-direction:column;align-items:center;padding:clamp(6px,1vw,12px) 0;transition:transform 80ms ease-out,box-shadow 80ms ease-out;display:flex;position:relative;box-shadow:inset 0 -5px #cfcee0}.key:where(.astro-lcdefpme).empty{cursor:default}.key:where(.astro-lcdefpme)[aria-pressed=true]{transform:translateY(3px);box-shadow:inset 0 -2px #cfcee0}.led:where(.astro-lcdefpme){aspect-ratio:1;background:color-mix(in srgb, var(--c,#9998ad) 30%, #4a4966);width:clamp(7px,1.1vw,12px);animation:.26s ease-out both boot;animation-delay:calc(var(--i) * 45ms);border-radius:50%;flex:none}.empty:where(.astro-lcdefpme) .led:where(.astro-lcdefpme){background:#c3c2d3;animation:none}.key:where(.astro-lcdefpme)[aria-pressed=true] .led:where(.astro-lcdefpme){background:var(--c);box-shadow:0 0 6px 1px var(--c), 0 0 18px 4px color-mix(in srgb, var(--c) 55%, transparent)}@keyframes boot{0%{background:#4a4966}}.label:where(.astro-lcdefpme){writing-mode:vertical-rl;white-space:nowrap;letter-spacing:.01em;margin-top:auto;font-size:clamp(.6875rem,1.25vw,.9375rem);font-weight:600;font-stretch:88%;transform:rotate(180deg)}.readout:where(.astro-lcdefpme){border-left:4px solid var(--c);gap:.25rem;min-height:9rem;margin-top:1.5rem;padding-left:1rem;display:grid}.readout:where(.astro-lcdefpme) p:where(.astro-lcdefpme){margin:0}.readout-name:where(.astro-lcdefpme){font-size:clamp(1.5rem,3.5vw,2.25rem);font-weight:800;font-stretch:118%;line-height:1.1}.readout-text:where(.astro-lcdefpme){max-width:60ch;color:var(--panel-ink)}.readout-link:where(.astro-lcdefpme){color:#c9b8ff;justify-self:start}@media (prefers-reduced-motion:reduce){.led:where(.astro-lcdefpme){animation:none}.key:where(.astro-lcdefpme){transition:none}}.split:where(.astro-lcdefpme){gap:.5rem 3rem;padding-block:clamp(3rem,7vw,5rem) 0;display:grid}.split:where(.astro-lcdefpme) h2:where(.astro-lcdefpme){margin:0;font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:800;font-stretch:118%;line-height:1.1}@media (width>=52rem){.split:where(.astro-lcdefpme){grid-template-columns:16rem 1fr}}.features:where(.astro-lcdefpme){max-width:66ch}.features:where(.astro-lcdefpme) ul{margin:0;padding:0;list-style:none}.features:where(.astro-lcdefpme) li{border-top:1px solid var(--line);padding-block:.9rem}.features:where(.astro-lcdefpme) li:first-child{border-top:0;padding-top:.4rem}.features:where(.astro-lcdefpme) li strong{font-stretch:108%}.features:where(.astro-lcdefpme) p{color:var(--muted);margin:1.5rem 0 0}.steps:where(.astro-lcdefpme){counter-reset:step;gap:1rem;margin:0;padding:0;list-style:none;display:grid}@media (width>=40rem){.steps:where(.astro-lcdefpme){grid-template-columns:repeat(3,1fr)}}.steps:where(.astro-lcdefpme) li:where(.astro-lcdefpme){counter-increment:step;border-top:3px solid var(--ink);padding-top:.75rem}.steps:where(.astro-lcdefpme) li:where(.astro-lcdefpme):before{content:counter(step);color:var(--muted);font-size:.9375rem;font-weight:600;display:block}.steps:where(.astro-lcdefpme) a:where(.astro-lcdefpme){color:var(--ink);font-size:1.375rem;font-weight:750;font-stretch:112%}.steps:where(.astro-lcdefpme) a:where(.astro-lcdefpme):hover{color:var(--accent)}.steps:where(.astro-lcdefpme) p:where(.astro-lcdefpme){color:var(--muted);margin:.25rem 0 0}.foot:where(.astro-lcdefpme){border-top:1px solid var(--line);color:var(--muted);margin-top:clamp(4rem,9vw,7rem);padding-block:2rem 3rem;font-size:.9375rem}.foot:where(.astro-lcdefpme) p:where(.astro-lcdefpme){max-width:72ch;margin:0 0 .75rem}