.tester{background:#090b0ab8;overflow:visible}.tester-heading{border-bottom:1px solid var(--line);border-top:1px solid var(--line);grid-template-columns:1fr;align-items:center;width:100vw;height:calc(100svh - 4.5rem);padding:clamp(3rem,7vh,7rem) max(clamp(1.5rem,5vw,5rem),50vw - 720px + 3rem);display:grid;position:relative;left:50%;overflow:hidden;transform:translate(-50%)}.tester-heading:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#090b0af0 0%,#090b0acc 34%,#090b0a4d 58%,#090b0a14 100%),linear-gradient(#090b0a4d,#0000 24% 76%,#090b0a57);position:absolute;inset:0}.hero-copy{z-index:2;max-width:58rem;position:relative}.tester h1{letter-spacing:-.075em;text-shadow:0 4px 28px #000000d9;max-width:12ch;margin:0;font-size:clamp(3.8rem,6.7vw,7rem);line-height:.86}.tester-heading p{color:#a1a8a1;max-width:42rem;margin:1.75rem 0 0;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.65}.hero-keyboard{z-index:1;object-fit:cover;object-position:center;opacity:.78;filter:brightness(.74);width:100%;height:100%;position:absolute;inset:0}.hero-actions{gap:.8rem;margin-top:2rem;display:flex}.hero-actions a{text-transform:uppercase;border:1px solid #535b53;border-radius:.2rem;justify-content:center;align-items:center;gap:2rem;min-height:3.1rem;padding:.75rem 1.15rem;font-size:.78rem;font-weight:800;text-decoration:none;display:inline-flex}.hero-actions .primary-action{color:#11160d;border-color:var(--green);background:var(--green);box-shadow:0 0 20px #9cff352e}.hero-actions .secondary-action{color:#e6eae4;background:#0b0e0cc2}.hero-actions a:hover{border-color:var(--green)}.hero-community{flex-wrap:wrap;gap:.55rem;margin-top:1.35rem;display:flex}.hero-community a{color:#c6cec2;text-transform:uppercase;background:#0b0e0c94;border:1px solid #9cff353d;border-radius:.2rem;align-items:center;gap:.5rem;min-height:2.35rem;padding:.5rem .7rem;font-size:.66rem;font-weight:750;text-decoration:none;transition:color .14s,border-color .14s,background-color .14s,transform .14s;display:inline-flex}.hero-community a:hover{border-color:var(--green);color:var(--green);background:#9cff3514;transform:translateY(-1px)}.hero-community svg{fill:currentColor;width:.9rem;height:.9rem}.hero-ready{color:#dce5d8;text-transform:uppercase;grid-template-columns:auto 1fr;align-items:center;gap:.2rem .65rem;margin-top:2.4rem;font-size:.7rem;display:grid}.hero-ready i{background:var(--green);border-radius:50%;grid-row:1/span 2;width:.5rem;height:.5rem;box-shadow:0 0 12px #9cff35e6}.hero-ready small{color:#626a63;font-size:.58rem}.tester-intro{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:end;gap:3rem;padding:clamp(4rem,8vw,7rem) clamp(1rem,3vw,2.5rem) 2.5rem;display:grid}.tester-intro h2{letter-spacing:-.065em;margin:0;font-size:clamp(2.8rem,5vw,5rem);line-height:.9}.tester-intro p{color:#929a92;max-width:46rem;margin:1.4rem 0 0;line-height:1.7}.input-monitor{color:#687068;text-transform:uppercase;border-bottom:1px solid #394039;justify-content:space-between;align-items:center;gap:2rem;min-width:14rem;padding-bottom:.75rem;font-size:.62rem;display:flex}.input-monitor strong{color:var(--green);align-items:center;gap:.45rem;font-weight:500;display:inline-flex}.input-monitor i{background:var(--green);border-radius:50%;width:.42rem;height:.42rem;box-shadow:0 0 10px #9cff35cc}.tester button{color:#dce1dc;background:#171a18;border:1px solid #3a403b;border-radius:.35rem;min-height:2.75rem;padding:.65rem 1rem;font-weight:750}.tester button:hover{border-color:#697268}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.toolbar .icon-button{color:#53637b;flex:0 0 2.75rem;place-items:center;width:2.75rem;min-width:2.75rem;padding:0;display:grid}.toolbar .icon-button:hover{color:var(--green);background:#1c211b;border-color:#627355}.toolbar .icon-button svg{fill:currentColor;grid-area:1/1;width:1rem;height:1rem}.toolbar .icon-button [data-sound-icon=on]{display:none}.toolbar .icon-button[aria-pressed=true]{color:var(--green);background:#1b2715;border-color:#587044}.toolbar .icon-button[aria-pressed=true] [data-sound-icon=off]{display:none}.toolbar .icon-button[aria-pressed=true] [data-sound-icon=on]{display:block}.control-bar{background:#101311;border:1px solid #343a35;border-radius:.45rem;align-items:center;gap:1.25rem;min-height:5rem;padding:.8rem 1.25rem;display:flex;box-shadow:inset 0 1px #ffffff09}.test-summary{border-right:1px solid var(--line);align-items:center;gap:.8rem;min-width:15rem;padding-right:1.25rem;display:flex}.summary-icon{width:2.5rem;height:2.5rem;color:var(--green);background:#171b17;border:1px solid #394039;border-radius:.35rem;flex:0 0 2.5rem;place-items:center;display:grid}.summary-icon svg{fill:currentColor;width:1.05rem;height:1.05rem}.summary-copy{flex:1;min-width:0}.summary-copy>strong{font-size:.92rem;display:block}.progress-row{color:#818981;align-items:center;gap:.45rem;margin-top:.45rem;font-size:.68rem;font-weight:700;display:flex}.progress-track{background:#2d332d;width:5rem;height:.3rem;display:block;overflow:hidden}.progress-track i{background:var(--green);width:0;height:100%;transition:width .16s;display:block;box-shadow:0 0 8px #9cff35a6}.tested-total{color:#788078}.status-readouts{flex:1;align-items:center;gap:1rem;min-width:0;display:flex}.last-code{background:#171a18;border:1px solid #394039;border-radius:.35rem;align-items:center;gap:.65rem;min-width:10rem;min-height:2.75rem;padding:.55rem .75rem;display:flex}.last-code>span{color:#858d85;text-transform:uppercase;letter-spacing:.09em;font-size:.65rem;font-weight:800}.last-code strong{text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.lock-status{justify-content:end;align-items:center;gap:.55rem;display:flex}.lock-status .lock{color:#53637b;text-transform:uppercase;letter-spacing:.05em;background:#edf1f7;border-radius:999px;padding:.45rem .65rem .45rem 1.25rem;font-size:.66rem;font-weight:800;position:relative}.lock-status .lock:before{content:"";background:#aeb8c7;border-radius:50%;width:.38rem;height:.38rem;position:absolute;top:50%;left:.55rem;transform:translateY(-50%)}.lock[data-on=true]{color:#075b3a;background:#b9f4d8}.lock[data-on=true]:before{background:#0d9f67;box-shadow:0 0 0 3px #0d9f671f}.toolbar{border-left:1px solid var(--line);flex:none;justify-content:flex-end;align-items:center;gap:.55rem;padding-left:1.25rem;display:flex}.theme-picker{position:relative}.tester .theme-trigger{color:#53637b;align-items:center;gap:.5rem;min-width:7.4rem;padding:.55rem .65rem;display:flex}.theme-trigger .palette-icon{fill:currentColor;width:.9rem;height:.9rem}.theme-trigger .chevron-icon{fill:currentColor;width:.55rem;height:.55rem;margin-left:auto;transition:transform .14s}.theme-trigger[aria-expanded=true] .chevron-icon{transform:rotate(180deg)}.theme-trigger span{font-size:.72rem}.theme-menu{z-index:5;background:#fff;border:1px solid #cbd4e1;border-radius:.8rem;width:13rem;padding:.4rem;position:absolute;top:calc(100% + .45rem);right:0;box-shadow:0 14px 34px #1720332e}.theme-menu[hidden]{display:none}.tester .theme-menu>button{width:100%;min-height:3.2rem;color:inherit;box-shadow:none;text-align:left;background:0 0;border:0;border-radius:.55rem;align-items:center;gap:.7rem;margin:0 0 .15rem;padding:.55rem .65rem;display:flex}.tester .theme-menu>button:hover,.tester .theme-menu>button[aria-selected=true]{color:#1745c7;background:#edf2ff}.theme-menu i{background:#fff;border:1px solid #c6cfdd;border-bottom-width:3px;border-radius:.35rem;flex:0 0 1.8rem;width:1.8rem;height:1.5rem;display:block}.theme-menu i[data-preview=mechanical]{background:linear-gradient(145deg,#777d88,#4b5059);border-color:#4a4f58;box-shadow:inset 0 1px #ffffff47}.theme-menu i[data-preview=dark]{background:#30333a;border-color:#17191e}.theme-menu i[data-preview=retro]{background:#d8d3c8;border-color:#918d84}.theme-menu>button>span{flex-direction:column;gap:.12rem;display:flex}.theme-menu strong{font-size:.72rem}.theme-menu small{color:#718097;font-size:.62rem;font-weight:500}.theme-scope{border-top:1px solid #d8dee7;margin-top:.35rem;padding:.7rem .55rem .25rem}.theme-scope>span{color:#718097;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.45rem;font-size:.6rem;font-weight:700;display:block}.theme-scope>div{background:#edf1f7;border-radius:.5rem;grid-template-columns:1fr 1fr;gap:.25rem;padding:.2rem;display:grid}.tester .theme-scope button{color:#68778d;min-height:2rem;box-shadow:none;text-align:center;background:0 0;border:0;justify-content:center;padding:.4rem;font-size:.62rem}.tester .theme-scope button[aria-pressed=true]{color:#1745c7;background:#fff;box-shadow:0 1px 3px #1720331f}.toolbar fieldset{background:#edf1f7;border:1px solid #d4dce8;border-radius:.75rem;align-items:center;gap:.2rem;margin:0;padding:.2rem;display:flex;box-shadow:inset 0 1px 2px #1720330f}.toolbar legend{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.toolbar label{color:#53637b;cursor:pointer;border:1px solid #0000;border-radius:.55rem;justify-content:center;align-items:center;gap:.4rem;min-width:4.6rem;min-height:2.25rem;padding:.5rem .7rem;font-size:.75rem;font-weight:750;transition:color .14s,background-color .14s,border-color .14s,box-shadow .14s;display:flex;position:relative}.toolbar label svg{flex:none;transition:transform .14s}.toolbar .brand-logo{fill:currentColor;width:1rem;height:1rem}.toolbar label:hover svg{transform:translateY(-1px)}.toolbar label:hover{color:#263249;background:#ffffff8c}.toolbar label:has(input:checked){color:#1745c7;background:#fff;border-color:#cbd8ff;box-shadow:0 1px 3px #1720331f,0 4px 12px #275efe14}.toolbar label:has(input:checked):before{content:"";background:var(--blue);border-radius:999px;width:1.1rem;height:2px;position:absolute;bottom:.3rem;left:50%;transform:translate(-50%)}.toolbar label input{opacity:0;width:1px;height:1px;margin:0;position:absolute}.toolbar label:has(input:focus-visible){outline-offset:3px;outline:3px solid #ff9f1c}.keyboard-scroll{contain:layout;padding:3rem 1.25rem 1.5rem;overflow-x:auto}.keyboard-scroll:focus,.keyboard-scroll:focus-visible{outline:none}.keyboard{--key-bg:#2b302c;--key-function-bg:#202421;--key-color:#eef1ed;--key-border:#0f1210;background:#171a18;border:1px solid #353b36;border-radius:.55rem;flex-direction:column;gap:.8rem;min-width:1160px;padding:1rem;display:flex;box-shadow:inset 0 1px #ffffff0d,0 15px 40px #0000004d}.keyboard-body{gap:.8rem;display:flex}.main-keys{flex:1}.key-row{gap:.38rem;margin-bottom:.38rem;display:flex}.key-row:first-child [data-code=F1],.key-row:first-child [data-code=F5],.key-row:first-child [data-code=F9]{margin-left:.8rem}.key{flex:var(--key-width,1) 1 0;border:1px solid var(--key-border);min-width:0;height:3.1rem;color:var(--key-color);background:var(--key-bg);text-align:center;border-bottom-width:3px;border-radius:.48rem;place-items:center;padding:.25rem;font-size:.72rem;font-weight:750;transition:transform 70ms,color .16s,background-color .16s,border-color .16s;display:grid}.key[data-kind=function],.key[data-kind=navigation]{background:var(--key-function-bg)}.tester[data-keycap-theme=mechanical] .keyboard{--key-bg:#25282e;--key-function-bg:#1f2227;--key-color:#f1f3f5;--key-border:#111318;background:linear-gradient(145deg,#30343b 0%,#171a1f 52%,#101216 100%);border:1px solid #0d0f12;padding:1.15rem;box-shadow:inset 0 1px #ffffff1f,inset 0 -3px 8px #0000007a,0 8px 18px #11182738}.tester[data-keycap-theme=mechanical] .control-bar,.tester[data-keycap-theme=mechanical] .numpad-stack .lock-status{background:#121418ad;border-color:#3d424b}.tester[data-keycap-theme=mechanical] .control-bar{color:#f1f3f5;box-shadow:inset 0 1px #ffffff0f}.tester[data-keycap-theme=mechanical] .progress-row,.tester[data-keycap-theme=mechanical] .tested-total,.tester[data-keycap-theme=mechanical] .lock-status .lock{color:#aeb5c0}.tester[data-keycap-theme=mechanical] .summary-icon,.tester[data-keycap-theme=mechanical] .last-code{color:#dce1e8;background:#252930;border-color:#444a55}.tester[data-keycap-theme=mechanical] .toolbar{border-left-color:#444a55}.tester[data-keycap-theme=mechanical] .theme-trigger,.tester[data-keycap-theme=mechanical] .toolbar .icon-button{color:#cbd1da;background:linear-gradient(145deg,#30353d,#22262c);border-color:#444a55;box-shadow:inset 0 1px #ffffff12}.tester[data-keycap-theme=mechanical] .theme-trigger:hover,.tester[data-keycap-theme=mechanical] .toolbar .icon-button:hover{color:#f3f5f7;background:#353b44;border-color:#606875}.tester[data-keycap-theme=mechanical] .toolbar fieldset{background:#1e2228;border-color:#444a55;box-shadow:inset 0 1px 3px #00000059}.tester[data-keycap-theme=mechanical] .toolbar label{color:#aeb6c2}.tester[data-keycap-theme=mechanical] .toolbar label:hover{color:#e6e9ed;background:#ffffff0d}.tester[data-keycap-theme=mechanical] .toolbar label:has(input:checked){color:#f1f4f7;background:linear-gradient(145deg,#454c57,#30353d);border-color:#555e6b;box-shadow:0 1px 2px #0000006b,inset 0 1px #ffffff1a}.tester[data-keycap-theme=mechanical] .toolbar label:has(input:checked):before{background:#78a9ff}.tester[data-keycap-theme=mechanical] .theme-menu{color:#e5e8ec;background:#20242a;border-color:#444a55;box-shadow:0 16px 36px #0000006b}.tester[data-keycap-theme=mechanical] .theme-menu>button{color:#c8ced7;background:0 0}.tester[data-keycap-theme=mechanical] .theme-menu>button:hover,.tester[data-keycap-theme=mechanical] .theme-menu>button[aria-selected=true]{color:#f3f5f7;background:#343a43}.tester[data-keycap-theme=mechanical] .theme-menu small{color:#969fab}.tester[data-keycap-theme=mechanical] .theme-scope{border-top-color:#444a55}.tester[data-keycap-theme=mechanical] .theme-scope>span{color:#969fab}.tester[data-keycap-theme=mechanical] .theme-scope>div{background:#181b20}.tester[data-keycap-theme=mechanical] .theme-scope button[aria-pressed=true]{color:#f2f4f6;background:#343a43}.tester[data-keycap-theme=mechanical] .toolbar .icon-button[aria-pressed=true]{color:#a9c7ff;background:#2d3a51;border-color:#586b8d}.tester[data-keycap-theme=mechanical] .key{isolation:isolate;text-shadow:0 1px 1px #000c;background:linear-gradient(90deg,#15171b,#292d33 48%,#121419);border:1px solid #0c0e11;border-bottom:6px solid #08090b;border-radius:.55rem;padding:.24rem .28rem .34rem;position:relative;box-shadow:0 3px 4px #00000080,0 1px #ffffff14}.tester[data-keycap-theme=mechanical] .key>span{background:linear-gradient(155deg,#737a85 0%,#555b65 42%,#3c4149 100%);border:1px solid #ffffff17;border-radius:.38rem;place-items:center;width:100%;height:100%;display:grid;box-shadow:inset 1px 1px 1px #ffffff4d,inset -1px -2px 3px #00000057,0 1px 1px #0000008c}.tester[data-keycap-theme=mechanical] .key-row:nth-child(2) .key>span{background:linear-gradient(155deg,#6b727d,#4b515a 55%,#363a41)}.tester[data-keycap-theme=mechanical] .key-row:nth-child(3) .key>span,.tester[data-keycap-theme=mechanical] .key-row:nth-child(4) .key>span{background:linear-gradient(155deg,#626974,#444a52 55%,#30343a)}.tester[data-keycap-theme=mechanical] .key-row:nth-child(n+5) .key>span{background:linear-gradient(155deg,#59606a,#3d4249 55%,#2b2f35)}.tester[data-keycap-theme=mechanical] .key[data-kind=function]>span,.tester[data-keycap-theme=mechanical] .key[data-kind=navigation]>span{color:#d8dde4;background:linear-gradient(155deg,#4e545e,#343940 58%,#25292f)}.tester[data-keycap-theme=mechanical] [data-code=Escape]>span,.tester[data-keycap-theme=mechanical] [data-code=Enter]>span,.tester[data-keycap-theme=mechanical] [data-code=NumpadEnter]>span{color:#fff5ef;background:linear-gradient(155deg,#d16453,#a64034 58%,#70271f)}.tester[data-keycap-theme=mechanical] [data-code=Space]>span{background:linear-gradient(175deg,#555c66,#34383f 62%,#24272c)}.tester[data-keycap-theme=mechanical] .key[data-state=tested]{color:#d8f3ea;background:linear-gradient(90deg,#153c35,#205348 48%,#12342e);border-color:#245f54 #245f54 #123b34;box-shadow:0 3px 4px #00000075,0 0 0 1px #4aa18b1f}.tester[data-keycap-theme=mechanical] .keyboard .key[data-state=tested]>span{color:#d8f3ea;text-shadow:0 1px 1px #000000a6;background:linear-gradient(155deg,#526f69,#3c5751 58%,#2b433e);border-color:#90d3c233;box-shadow:inset 1px 1px 1px #d7f4ec2e,inset -1px -2px 3px #0000004d,0 1px 1px #00000073}.tester[data-keycap-theme=mechanical] .key[data-state=pressed]{border-bottom-width:2px;transform:translateY(4px);box-shadow:0 1px 1px #00000073}.tester[data-keycap-theme=mechanical] .key[data-state=pressed]>span{color:#fff;text-shadow:0 1px 2px #000000b3;background:linear-gradient(155deg,#34477c,#1c2d5d 58%,#111a3c);border-color:#ffffff14;box-shadow:inset 1px 2px 4px #0000006b}.tester[data-keycap-theme=dark] .keyboard{--key-bg:#30333a;--key-function-bg:#24272d;--key-color:#f4f5f7;--key-border:#17191e}.tester[data-keycap-theme=dark] .key{border-bottom-color:#111318;box-shadow:inset 0 1px #ffffff14}.tester[data-keycap-theme=retro] .keyboard{--key-bg:#d8d3c8;--key-function-bg:#70736d;--key-color:#30342f;--key-border:#918d84}.tester[data-keycap-theme=retro] .key[data-kind=function],.tester[data-keycap-theme=retro] .key[data-kind=navigation]{color:#fffdf5}.tester[data-keycap-theme=retro] [data-code=Escape],.tester[data-keycap-theme=retro] [data-code=Enter],.tester[data-keycap-theme=retro] [data-code=NumpadEnter]{color:#fff8ec;background:#a94738;border-color:#87382e}.tester[data-keycap-theme=classic] .toolbar fieldset{background:#cbd3dc;border-color:#aeb8c4;box-shadow:inset 0 1px 2px #1720331a}.tester[data-keycap-theme=classic] .toolbar label{color:#53637b}.tester[data-keycap-theme=classic] .toolbar label:hover{color:#263249;background:#ffffff8c}.tester[data-keycap-theme=classic] .toolbar label:has(input:checked){color:#234d9f;background:#e8edf2;border-color:#9eafd0;box-shadow:0 1px 3px #17203324,0 4px 12px #275efe12}.tester[data-keycap-theme=classic] .toolbar label:has(input:checked):before{background:#275efe}.tester[data-keycap-theme=dark] .toolbar fieldset{background:#1c1f24;border-color:#424750;box-shadow:inset 0 1px 3px #00000059}.tester[data-keycap-theme=dark] .toolbar label{color:#aeb5bf}.tester[data-keycap-theme=dark] .toolbar label:hover{color:#f0f2f4;background:#ffffff0d}.tester[data-keycap-theme=dark] .toolbar label:has(input:checked){color:#f4f6f8;background:#363b43;border-color:#555c67;box-shadow:0 1px 2px #0006,inset 0 1px #ffffff14}.tester[data-keycap-theme=dark] .toolbar label:has(input:checked):before{background:#9cff35}.tester[data-keycap-theme=dark] .theme-menu{color:#d8dde3;background:#202328;border-color:#424750}.tester[data-keycap-theme=dark] .theme-menu>button:hover,.tester[data-keycap-theme=dark] .theme-menu>button[aria-selected=true]{color:#f4f6f8;background:#343840}.tester[data-keycap-theme=dark] .theme-scope{border-top-color:#424750}.tester[data-keycap-theme=dark] .theme-scope>div{background:#1c1f24}.tester[data-keycap-theme=dark] .theme-scope button[aria-pressed=true]{color:#f4f6f8;background:#363b43}.tester[data-keycap-theme=retro] .toolbar fieldset{background:#c2beb5;border-color:#99958c;box-shadow:inset 0 1px 2px #3e392f2e}.tester[data-keycap-theme=retro] .toolbar label{color:#464a44}.tester[data-keycap-theme=retro] .toolbar label:hover{color:#30342f;background:#fffcf073}.tester[data-keycap-theme=retro] .toolbar label:has(input:checked){color:#71382f;background:#ddd8ce;border-color:#a88c82;box-shadow:0 1px 3px #463d2d33,inset 0 1px #fff6}.tester[data-keycap-theme=retro] .toolbar label:has(input:checked):before{background:#a94738}.tester[data-keycap-theme=retro] .theme-scope{border-top-color:#c5bca6}.tester[data-keycap-theme=retro] .theme-scope>div{background:#c2beb5}.tester[data-keycap-theme=retro] .theme-scope button[aria-pressed=true]{color:#71382f;background:#ddd8ce}.tester[data-keycap-theme=retro] .theme-scope>span{color:#766f61}.key[data-state=tested]{color:#064c35;background:#c7f5df;border-color:#62cda0}.key[data-state=pressed]{color:#fff;background:#172554;border-color:#172554;border-bottom-width:1px;transform:translateY(2px)}.side-cluster{gap:.8rem;width:25rem;display:flex}.numpad-stack{flex-direction:column;flex:1;min-width:0;display:flex}.numpad-stack .lock-status{background:#ffffff8c;border:1px solid #cbd4e1;border-radius:.65rem;justify-content:center;gap:.35rem;height:3.1rem;margin-bottom:.38rem}.numpad-stack .lock{background:0 0;padding:.4rem .45rem .4rem 1rem}.numpad-stack .lock:before{left:.35rem}.nav-keys,.numpad{grid-template-columns:repeat(3,1fr);align-content:start;gap:.38rem;display:grid}.nav-keys{grid-template-rows:repeat(6,3.1rem);width:11rem}.nav-keys .key{height:auto}.nav-keys [data-code=PrintScreen]{grid-area:1/1}.nav-keys [data-code=ScrollLock]{grid-area:1/2}.nav-keys [data-code=Pause]{grid-area:1/3}.nav-keys [data-code=Insert]{grid-area:3/1}.nav-keys [data-code=Home]{grid-area:3/2}.nav-keys [data-code=PageUp]{grid-area:3/3}.nav-keys [data-code=Delete]{grid-area:4/1}.nav-keys [data-code=End]{grid-area:4/2}.nav-keys [data-code=PageDown]{grid-area:4/3}.nav-keys [data-code=ArrowUp]{grid-area:5/2}.nav-keys [data-code=ArrowLeft]{grid-area:6/1}.nav-keys [data-code=ArrowDown]{grid-area:6/2}.nav-keys [data-code=ArrowRight]{grid-area:6/3}.numpad{flex:1;grid-template-rows:repeat(5,3.1rem);grid-template-columns:repeat(4,1fr);align-content:end}.numpad .key{min-width:2.8rem;height:auto}.numpad [data-code=NumLock]{grid-area:1/1}.numpad [data-code=NumpadDivide]{grid-area:1/2}.numpad [data-code=NumpadMultiply]{grid-area:1/3}.numpad [data-code=NumpadSubtract]{grid-area:1/4}.numpad [data-code=Numpad7]{grid-area:2/1}.numpad [data-code=Numpad8]{grid-area:2/2}.numpad [data-code=Numpad9]{grid-area:2/3}.numpad [data-code=NumpadAdd]{grid-area:2/4/span 2/span 1}.numpad [data-code=Numpad4]{grid-area:3/1}.numpad [data-code=Numpad5]{grid-area:3/2}.numpad [data-code=Numpad6]{grid-area:3/3}.numpad [data-code=Numpad1]{grid-area:4/1}.numpad [data-code=Numpad2]{grid-area:4/2}.numpad [data-code=Numpad3]{grid-area:4/3}.numpad [data-code=NumpadEnter]{grid-area:4/4/span 2/span 1}.numpad [data-code=Numpad0]{grid-area:5/1/span 1/span 2}.numpad [data-code=NumpadDecimal]{grid-area:5/3}.keyboard-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:1.5rem;min-height:4rem;margin:0 1.25rem;padding:.9rem .25rem;display:flex}.legend{color:#858d85;flex-wrap:wrap;gap:1.2rem;font-size:.72rem;font-weight:700;display:flex}.legend span{align-items:center;gap:.4rem;display:flex}.legend i{background:#fff;border:1px solid #c6cfdd;border-radius:.2rem;width:.8rem;height:.8rem}.legend i[data-swatch=tested]{background:#c7f5df;border-color:#62cda0}.legend i[data-swatch=pressed]{background:#172554;border-color:#172554}.tester-meta{color:#757d75;text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:1rem;font-size:.65rem;font-weight:400;display:flex}.tester-meta>*+:before{content:"|";color:#aeb8c7;margin-right:1rem;font-weight:400}.tester-meta span{white-space:nowrap;align-items:center;gap:.28rem;display:inline-flex}.tester-meta svg{fill:currentColor;width:.58rem;height:.58rem}.capture-status{color:#53637b;font-size:inherit;margin:0}.tester[data-active=true] .capture-status{color:var(--green);font-weight:400}.tester[data-keycap-theme=classic] .keyboard{--key-bg:#4a535c;--key-function-bg:#363e45;--key-color:#e1e5e8;--key-border:#22292f;background:#293138;box-shadow:inset 0 2px 8px #070c104d}.tester[data-keycap-theme=classic] .control-bar,.tester[data-keycap-theme=classic] .numpad-stack .lock-status{color:#d5dadd;background:#2b333ae0;border-color:#47525c}.tester[data-keycap-theme=classic] .summary-icon,.tester[data-keycap-theme=classic] .last-code,.tester[data-keycap-theme=classic] .theme-trigger,.tester[data-keycap-theme=classic] .toolbar .icon-button{color:#b6c0c8;background:#303940;border-color:#47525c}.tester[data-keycap-theme=classic] .theme-menu{color:#d5dadd;background:#252c32;border-color:#47525c}.tester[data-keycap-theme=retro] .keyboard{background:#4a4640;box-shadow:inset 0 2px 8px #00000052}.tester[data-keycap-theme=retro] .control-bar,.tester[data-keycap-theme=retro] .numpad-stack .lock-status{color:#302f2a;background:#d8d3c8e0;border-color:#99958c}.tester[data-keycap-theme=retro] .progress-row,.tester[data-keycap-theme=retro] .tested-total{color:#4b504a}.tester[data-keycap-theme=retro] .last-code>span{color:#50544e}.tester[data-keycap-theme=retro] .lock-status .lock{color:#3f4b5d}.tester[data-keycap-theme=retro] .summary-icon,.tester[data-keycap-theme=retro] .last-code,.tester[data-keycap-theme=retro] .theme-trigger,.tester[data-keycap-theme=retro] .toolbar .icon-button{color:#464a44;background:#d8d3c8;border-color:#99958c}.tester[data-keycap-theme=retro] .theme-menu{color:#302f2a;background:#d0cbc1;border-color:#99958c}.tester[data-keycap-theme=retro] .theme-menu>button{color:#5e625b;background:0 0}.tester[data-keycap-theme=retro] .theme-menu>button:hover,.tester[data-keycap-theme=retro] .theme-menu>button[aria-selected=true]{color:#71382f;background:#bdb8ae}html[data-site-theme=classic] .tester{background:#1a1f23cc}html[data-site-theme=classic] .tester-heading{background:#1d2328}html[data-site-theme=classic] .tester-heading:after{background:linear-gradient(90deg,#1d2328f0 0%,#1d2328cc 34%,#1d23284d 58%,#1d232814 100%),linear-gradient(#1d23284d,#0000 24% 76%,#1d232857)}html[data-site-theme=classic] .tester-heading h1{color:#e1e5e8;text-shadow:0 4px 28px #000000b8}html[data-site-theme=classic] .tester-heading p,html[data-site-theme=classic] .tester-intro p{color:#607089}html[data-site-theme=classic] .hero-keyboard{opacity:.68;filter:saturate(.78)brightness(.78)}html[data-site-theme=classic] .hero-actions .secondary-action{color:#d5dadd;background:#1e252acc}html[data-site-theme=classic] .hero-community a{color:#c1cbd1;background:#1e252ab8;border-color:#9cff3538}html[data-site-theme=classic] .hero-ready{color:#bac2c8}html[data-site-theme=classic] .hero-ready small{color:#727d85}html[data-site-theme=classic] .input-monitor{color:#7e8992;border-bottom-color:#47525c}html[data-site-theme=retro] .tester{background:#211f1bd1}html[data-site-theme=retro] .tester-heading{background:#26231f}html[data-site-theme=retro] .tester-heading:after{background:linear-gradient(90deg,#26231ff0 0%,#26231fcc 34%,#26231f4d 58%,#26231f14 100%),linear-gradient(#26231f4d,#0000 24% 76%,#26231f57)}html[data-site-theme=retro] .tester-heading h1{color:#e2ddd3;text-shadow:0 4px 28px #000000c2}html[data-site-theme=retro] .tester-heading p,html[data-site-theme=retro] .tester-intro p{color:#6f6b60}html[data-site-theme=retro] .hero-keyboard{opacity:.66;filter:sepia(.2)saturate(.72)brightness(.72)}html[data-site-theme=retro] .hero-actions .secondary-action{color:#ddd8cd;background:#27231ed1;border-color:#625c52}html[data-site-theme=retro] .hero-community a{color:#d1cbc0;background:#27231eb8;border-color:#9cff3533}html[data-site-theme=retro] .hero-ready{color:#c3bdb2}html[data-site-theme=retro] .hero-ready small{color:#80796e}html[data-site-theme=retro] .input-monitor{color:#817a70;border-bottom-color:#5d574e}@media (width<=760px){.tester-heading{grid-template-columns:1fr;align-items:start;height:calc(100svh - 4.5rem);min-height:46rem;padding-top:5rem}.tester-heading:after{background:linear-gradient(#090b0af0 0%,#090b0ac7 42%,#090b0a2e 72%,#090b0a5c 100%)}.tester-intro{grid-template-columns:1fr;align-items:start}.tester h1{font-size:clamp(3.3rem,16vw,5rem)}.hero-keyboard{object-position:62% center;opacity:.62;width:100%;height:100%;inset:0}.hero-actions{flex-direction:column;align-items:stretch;max-width:18rem}.tester-heading{flex-direction:column;align-items:stretch}.keyboard-footer{flex-direction:column;align-items:flex-start}.tester-meta{flex-wrap:wrap}}@media (width<=1440px){.tester-heading{max-width:calc(100% + 2 * var(--page-gutter))}}.homepage{--home-surface:#050f0fd1;--home-card:#071213cc;--home-border:#71928b40;--home-copy:#eaf2ed;--home-muted:#a0b0aa}.homepage a{text-decoration:none}.home-kicker{color:var(--green);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.68rem;font-weight:800;line-height:1.4}.home-kicker span{color:var(--home-copy);padding-inline:.35rem}.home-hero{border-bottom:1px solid var(--home-border);isolation:isolate;align-items:center;width:100vw;min-height:clamp(37rem,46vw,42rem);padding:clamp(4rem,6vw,6rem) max(clamp(1.5rem,6vw,6rem),50vw - 720px + 6rem);display:flex;position:relative;left:50%;overflow:hidden;transform:translate(-50%)}.home-hero-bg{z-index:-3;object-fit:cover;object-position:62% top;width:100%;height:100%;position:absolute;inset:0}.home-hero-overlay{z-index:-2;background:linear-gradient(90deg,#030a0aad 0%,#030a0a85 35%,#030a0a14 66%,#030a0a03 100%),linear-gradient(#030a0a0f,#030a0a1f);position:absolute;inset:0}.home-hero-content{width:min(100%,40rem)}.home-hero h1{max-width:15ch;color:var(--home-copy);letter-spacing:-.075em;text-shadow:0 4px 28px #000000b3;margin:.9rem 0 1.5rem;font-size:clamp(3.4rem,5vw,5.7rem);font-weight:850;line-height:.87}.home-hero-lede{max-width:38rem;color:var(--home-copy);margin:0;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.55}.home-hero-actions{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.home-button{border:1px solid var(--green);letter-spacing:.02em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:2rem;min-height:3.6rem;padding:.75rem 1.35rem;font-size:.88rem;font-weight:800;transition:transform .16s,background-color .16s,color .16s;display:inline-flex}.home-button:hover{transform:translateY(-2px)}.home-button-primary{color:#10170e;background:var(--green);min-width:19rem;box-shadow:0 0 24px color-mix(in srgb, var(--green) 20%, transparent)}.home-button-secondary{min-width:13.5rem;color:var(--home-copy);border-color:var(--home-border);background:#040c0cad}.home-button-secondary:hover{color:#10170e;background:var(--green)}.home-button svg{fill:currentColor;width:.7rem;height:.7rem}.home-trust-list{color:var(--home-copy);text-transform:uppercase;flex-wrap:wrap;gap:1.2rem 2rem;margin:2rem 0 0;padding:0;font-size:.7rem;list-style:none;display:flex}.home-trust-list li{align-items:center;gap:.5rem;display:inline-flex}.home-trust-list li svg{width:.9rem;height:.9rem;fill:var(--green)}.home-features,.home-faq,.home-tester-intro{border-bottom:0;position:relative}.home-features:after,.home-faq:after,.home-tester-intro:after,.homepage>.tester:after{border-bottom:1px solid var(--home-border);content:"";width:100vw;position:absolute;bottom:0;left:50%;right:0;transform:translate(-50%)}.home-features{padding:1rem 0 2.15rem}.home-section-intro{text-align:center;max-width:68rem;margin:0 auto .4rem}.home-section-intro h2{color:var(--home-copy);letter-spacing:-.065em;margin:.35rem 0 .3rem;font-size:clamp(2rem,2.7vw,2.45rem);line-height:.98}.home-section-intro>p:last-child{max-width:40rem;color:var(--home-muted);margin:0 auto;font-size:.9rem;line-height:1.45}.home-tester-intro h2{color:var(--home-copy);letter-spacing:-.065em;margin:.65rem 0 1.25rem;font-size:clamp(2.4rem,4.5vw,4.2rem);line-height:.93}.feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;min-width:0;display:grid}.feature-card{border:1px solid var(--home-border);background:var(--home-card);border-radius:.45rem;flex-direction:column;min-width:0;transition:transform .16s,border-color .16s,background-color .16s;display:flex;overflow:hidden}.feature-card:hover{border-color:color-mix(in srgb, var(--green) 70%, var(--home-border));background:color-mix(in srgb, var(--green) 6%, var(--home-card));transform:translateY(-3px)}.feature-card-image{aspect-ratio:3;border-bottom:1px solid var(--home-border);background:#071010;overflow:hidden}.feature-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .22s;display:block}.feature-card:hover .feature-card-image img{transform:scale(1.04)}.feature-card-copy{flex-direction:column;flex:1;min-height:4.25rem;padding:.65rem .85rem;display:flex;position:relative}.feature-number{color:var(--green);letter-spacing:.08em;font-size:.62rem;font-weight:800}.feature-card h3{color:var(--home-copy);margin:.4rem 0 .25rem;font-size:1.02rem;line-height:1.1}.feature-card p{max-width:19ch;color:var(--home-muted);margin:0;font-size:.76rem;line-height:1.35}.feature-arrow{border:1px solid var(--home-border);width:1.7rem;height:1.7rem;color:var(--home-copy);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:1rem;right:1rem}.feature-arrow svg{fill:currentColor;width:.72rem;height:.72rem}.home-how,.home-testimonials{border-bottom:1px solid var(--home-border);width:100vw;padding:clamp(4rem,7vw,7rem) max(clamp(1.5rem,6vw,6rem),50vw - 720px + 4rem);position:relative;left:50%;overflow:hidden;transform:translate(-50%)}.home-how{isolation:isolate}.home-how-bg{z-index:-1;opacity:.26;filter:saturate(.78)brightness(.5);background:url(/hero-bg.png) 50% 63%/cover no-repeat;position:absolute;inset:0}.home-how:after{z-index:-1;content:"";background:linear-gradient(#030a0adb,#030a0af2);position:absolute;inset:0}.home-centered-heading{text-align:center;max-width:45rem;margin:0 auto 2.75rem}.home-centered-heading h2{color:var(--home-copy);letter-spacing:-.065em;margin:.55rem 0 .65rem;font-size:clamp(2.4rem,4.8vw,4.3rem);line-height:.95}.home-centered-heading>p:last-child{color:var(--home-muted);margin:0 auto;line-height:1.6}.step-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:74rem;margin:0 auto;display:grid}.step-card{border-right:1px solid var(--home-border);grid-template-columns:auto 3.5rem 1fr;align-items:center;gap:1.2rem;min-width:0;padding:1.2rem 1.5rem;display:grid;position:relative}.step-card:last-child{border-right:0}.step-number{color:#e8f4ea;background:color-mix(in srgb, var(--green) 28%, #143b18);border-radius:50%;place-items:center;width:2.5rem;height:2.5rem;font-size:1.25rem;font-weight:800;display:grid}.step-icon{color:var(--green);text-align:center;line-height:1}.step-icon svg{fill:currentColor;width:1.65rem;height:1.65rem}.step-card h3{color:var(--home-copy);margin:0 0 .45rem;font-size:1rem}.step-card p{color:var(--home-muted);margin:0;font-size:.78rem;line-height:1.5}.home-testimonials{background:radial-gradient(circle at 50% 0,#49914140,#0000 35rem),#071212}.testimonial-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;max-width:74rem;margin:0 auto;display:grid}.testimonial-card{border:1px solid var(--home-border);background:#041212b8;border-radius:.45rem;min-width:0;padding:1.5rem}.testimonial-author{color:var(--home-copy);align-items:center;gap:.75rem;font-size:.8rem;font-weight:700;display:flex}.testimonial-avatar{color:#21302a;background:#dcebed;border-radius:50%;place-items:center;width:2.4rem;height:2.4rem;font-size:1.1rem;display:grid}.testimonial-stars{color:#d7f71f;letter-spacing:.15em;margin:1rem 0 .75rem;font-size:.85rem}.testimonial-card p{color:var(--home-copy);margin:0 0 1.1rem;font-size:.9rem;line-height:1.6}.testimonial-card small{color:var(--home-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.68rem}.home-faq{padding:clamp(4rem,7vw,7rem) 0}.home-faq .home-centered-heading{max-width:58rem}.home-faq .home-centered-heading h2{font-size:clamp(2.4rem,5vw,4.6rem)}.home-faq-list{border-top:1px solid var(--home-border);max-width:58rem;margin:0 auto}.home-faq details{border-bottom:1px solid var(--home-border)}.home-faq summary{cursor:pointer;min-height:3.2rem;color:var(--home-copy);justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 1.1rem;font-size:.82rem;font-weight:750;list-style:none;display:flex}.home-faq summary::-webkit-details-marker{display:none}.home-faq summary:after{width:.45rem;height:.45rem;color:var(--home-copy);content:"";border-bottom:1px solid;border-right:1px solid;transition:transform .15s;transform:rotate(45deg)translateY(-.15rem)}.home-faq details[open] summary:after{transform:rotate(180deg)}.home-faq details p{max-width:48rem;color:var(--home-muted);margin:0;padding:0 3rem 1.1rem 1.1rem;font-size:.84rem;line-height:1.65}.home-faq details a{color:var(--green);text-underline-offset:.18em;text-decoration:underline}.home-newsletter{border-bottom:1px solid var(--home-border);background:#061010;width:100vw;padding:clamp(3rem,6vw,5rem) max(clamp(1.5rem,6vw,6rem),50vw - 720px + 4rem);position:relative;left:50%;overflow:hidden;transform:translate(-50%)}.home-newsletter:before{opacity:.18;content:"";filter:saturate(.8)brightness(.45);background:url(/hero-bg.png) 50% 83%/cover no-repeat;position:absolute;inset:0}.home-newsletter-inner{border:1px solid var(--home-border);text-align:center;background:#061414bd;border-radius:.5rem;max-width:48rem;margin:0 auto;padding:2.5rem;position:relative}.home-newsletter h2{color:var(--home-copy);letter-spacing:-.06em;margin:.5rem 0 .55rem;font-size:clamp(2rem,4vw,3.3rem)}.home-newsletter-inner>p:not(.home-kicker):not(.newsletter-status){color:var(--home-muted);margin:0 auto 1.5rem;line-height:1.55}.newsletter-form{gap:.45rem;max-width:32rem;margin:0 auto;display:flex}.newsletter-form input{border:1px solid var(--home-border);min-width:0;min-height:2.9rem;color:var(--home-copy);background:#010a0aa6;border-radius:.25rem;flex:1;padding:.75rem 1rem}.newsletter-form input::placeholder{color:#7d918b}.newsletter-form button{border:1px solid var(--green);color:#10200f;background:var(--green);border-radius:.25rem;min-height:2.9rem;padding:.75rem 1.1rem;font-size:.75rem;font-weight:800}.newsletter-form button:hover{filter:brightness(1.08)}.newsletter-status{color:var(--green);margin:.85rem 0 0;font-size:.78rem}.home-tester-intro{grid-template-columns:1fr 1fr;align-items:end;gap:3rem;padding:clamp(4rem,7vw,7rem) clamp(1rem,3vw,2.5rem) 2.5rem;display:grid}.home-tester-intro h2{margin-bottom:0}.home-tester-intro>p{max-width:34rem;color:var(--home-muted);margin:0;line-height:1.65}.homepage .tester{margin-inline:calc(-1 * var(--page-gutter));position:relative}.homepage .tester:after,.homepage .tester .tester-intro{border-bottom:0}.homepage .tester:after{display:none}.homepage .tester .tester-intro{padding-inline:max(var(--page-gutter), clamp(1rem, 3vw, 2.5rem))}.visually-hidden{clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;width:1px!important;height:1px!important;position:absolute!important;overflow:hidden!important}@media (width<=1440px){.home-hero,.home-how,.home-testimonials,.home-newsletter{max-width:calc(100% + 2 * var(--page-gutter))}}@media (width>=761px){.home-hero-content{transform:translateY(-1rem)}}@media (width<=1080px){.home-section-intro{display:block}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.home-hero{align-items:flex-start;min-height:42rem;padding-top:5rem}.home-hero-bg{object-position:66% top}.home-hero-overlay{background:linear-gradient(#030a0a9e 0%,#030a0a6b 44%,#030a0a0a 100%)}.home-hero h1{font-size:clamp(3.3rem,15vw,5rem)}.home-hero-lede{max-width:33rem;font-size:1rem}.home-hero-actions{flex-direction:column;align-items:stretch;max-width:20rem}.home-button{width:100%}.home-features,.home-faq,.home-tester-intro{padding-top:4rem;padding-bottom:4rem}.home-section-intro{display:block}.home-section-intro h2{margin-bottom:1rem}.feature-grid,.testimonial-grid{grid-template-columns:1fr}.feature-card-copy{min-height:9rem}.home-how,.home-testimonials,.home-newsletter{padding-top:4rem;padding-bottom:4rem}.step-grid{grid-template-columns:1fr;max-width:32rem}.step-card{border-right:0;border-bottom:1px solid var(--home-border);grid-template-columns:2.5rem 3rem 1fr;padding:1rem 0}.step-card:last-child{border-bottom:0}.home-newsletter-inner{padding:2rem 1.1rem}.newsletter-form{flex-direction:column;align-items:stretch}.newsletter-form input,.newsletter-form button{width:100%}.home-tester-intro{grid-template-columns:1fr;align-items:start;gap:1.5rem}.homepage .tester{margin-inline:calc(-1 * var(--page-gutter))}}@media (prefers-reduced-motion:reduce){.home-button,.feature-card,.feature-card-image img,.home-faq summary:after{transition:none}}