.kp-wrap{max-width:1340px;margin:0 auto;padding:0 40px 60px}.kp-hero{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;padding:44px 0 36px}.kp-eyebrow{font-family:var(--font-display);font-weight:600;font-size:13px;color:var(--color-brand);text-transform:uppercase;letter-spacing:.08em;margin:0 0 10px}.kp-wrap h1{font-family:var(--font-display);font-weight:700;font-size:44px;line-height:1.08;letter-spacing:-.02em;margin:0 0 14px;color:var(--color-text);text-wrap:balance}.kp-lede{font-size:17px;line-height:1.55;color:var(--color-text-muted);max-width:540px;margin:0}.kp-hero-keys{display:flex;gap:14px}.kp-keychip{--c: var(--color-brand);width:78px;height:86px;border-radius:14px;background:linear-gradient(180deg,color-mix(in oklab,var(--c) 80%,white) 0%,var(--c) 70%);box-shadow:inset 0 1.5px #fff9,inset 0 -3px #0000001f,0 3px color-mix(in oklab,var(--c) 75%,black),0 8px 16px -8px #46328c66;display:flex;flex-direction:column;padding:10px 12px;color:#fff;cursor:default;transition:transform .18s var(--bounce),box-shadow .18s}.kp-keychip:hover{transform:translateY(2px);box-shadow:inset 0 1.5px #fff9,inset 0 -1px #0000001a,0 1px color-mix(in oklab,var(--c) 70%,black),0 4px 10px -6px #46328c66}.kp-keychip-top{font-family:var(--font-display);font-weight:700;font-size:38px;line-height:1;flex:1}.kp-keychip-sub{font-family:var(--font-mono);font-size:11px;opacity:.85;text-transform:uppercase;letter-spacing:.06em}.kp-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:36px}.kp-stat{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius);padding:22px 24px;box-shadow:var(--shadow);position:relative;transition:transform .18s var(--bounce),box-shadow .18s}.kp-stat:before{content:"";position:absolute;inset:1px 1px auto;height:8px;border-radius:calc(var(--radius) - 2px) calc(var(--radius) - 2px) 0 0;background:linear-gradient(180deg,#ffffffd9,#fff0);pointer-events:none}.kp-stat:hover{transform:translateY(2px);box-shadow:var(--shadow-press)}.kp-stat-value{font-family:var(--font-display);font-weight:700;font-size:38px;color:var(--color-brand);line-height:1;letter-spacing:-.02em;margin-bottom:10px}.kp-stat-value.mono{font-family:var(--font-mono);font-size:32px}.kp-stat-value small{font-size:18px;color:var(--color-text-muted);font-weight:600}.kp-stat-label{font-family:var(--font-display);font-weight:600;font-size:13px;color:var(--color-text);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.kp-stat-sub{font-size:13px;color:var(--color-text-muted)}.kp-type-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.kp-type-mini{font-family:var(--font-display);font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px}.kp-chiprow{display:flex;align-items:center;gap:16px;margin-bottom:18px;flex-wrap:wrap}.kp-chiplabel{font-family:var(--font-display);font-weight:600;font-size:13px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.kp-chips{display:flex;gap:8px;flex-wrap:wrap}.kp-chip{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--color-border);border-radius:999px;padding:8px 14px;font-family:var(--font-display);font-weight:600;font-size:13px;color:var(--color-text);cursor:pointer;box-shadow:0 2px 0 0 var(--color-border);transition:transform .18s var(--bounce),box-shadow .18s,background .15s,color .15s;white-space:nowrap}.kp-chip:hover{transform:translateY(-1px)}.kp-chip.is-active{background:var(--color-brand);color:#fff;border-color:transparent;box-shadow:0 2px 0 0 var(--color-brand-dark)}.kp-chip.is-active[data-type=linear]{background:var(--sw-linear);box-shadow:0 2px color-mix(in oklab,var(--sw-linear) 75%,black)}.kp-chip.is-active[data-type=tactile]{background:var(--sw-tactile);box-shadow:0 2px color-mix(in oklab,var(--sw-tactile) 75%,black)}.kp-chip.is-active[data-type=clicky]{background:var(--sw-clicky);box-shadow:0 2px color-mix(in oklab,var(--sw-clicky) 75%,black)}.kp-chip.is-active[data-type=silent]{background:var(--sw-silent);box-shadow:0 2px color-mix(in oklab,var(--sw-silent) 75%,black)}.kp-chip-n{font-family:var(--font-mono);font-size:11px;background:#00000012;border-radius:6px;padding:2px 6px}.kp-chip.is-active .kp-chip-n{background:#00000038;color:#fff}.kp-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.kp-controls-right{margin-left:auto;display:flex;align-items:center;gap:10px}.kp-sortby{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:600;font-size:13px;color:var(--color-text-muted);white-space:nowrap}.kp-sortby select{font-family:var(--font-display);font-weight:600;font-size:13px;color:var(--color-text);background:#fff;border:1px solid var(--color-border);border-radius:999px;padding:8px 14px;box-shadow:0 2px 0 0 var(--color-border);cursor:pointer}.kp-search{display:flex;align-items:center;gap:8px;background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:999px;padding:8px 14px;min-width:220px;color:var(--color-text-muted);font-size:14px}.kp-search-icon{font-size:16px}.kp-search input{background:none;border:none;outline:none;font:inherit;font-family:var(--font-body);color:var(--color-text);flex:1;width:100%}.kp-search input::placeholder{color:var(--color-text-muted)}.kp-table-wrap{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden;position:relative}.kp-table-wrap:before{content:"";position:absolute;inset:1px 1px auto;height:8px;border-radius:calc(var(--radius-lg) - 2px) calc(var(--radius-lg) - 2px) 0 0;background:linear-gradient(180deg,#ffffffd9,#fff0);pointer-events:none;z-index:1}#switch-table{width:100%;border-collapse:separate;border-spacing:0}#switch-table thead th{background:var(--color-bg-alt);font-family:var(--font-display);font-weight:600;font-size:12px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;text-align:center;padding:14px 16px;border-bottom:1px solid var(--color-border);white-space:nowrap;position:sticky;top:0}#switch-table thead th.th-left{text-align:left}#switch-table tbody td{padding:14px 16px;border-bottom:1px dashed var(--color-border);font-size:14px;vertical-align:middle;text-align:center}#switch-table tbody tr:last-child td{border-bottom:none}#switch-table tbody tr{transition:background .15s;--row-accent: #7c5cff;--row-bg: #ece7ff}#switch-table tbody tr[data-type=linear]{--row-accent: var(--sw-linear);--row-bg: var(--sw-linear-bg)}#switch-table tbody tr[data-type=tactile]{--row-accent: var(--sw-tactile);--row-bg: var(--sw-tactile-bg)}#switch-table tbody tr[data-type=clicky]{--row-accent: var(--sw-clicky);--row-bg: var(--sw-clicky-bg)}#switch-table tbody tr[data-type=silent]{--row-accent: var(--sw-silent);--row-bg: var(--sw-silent-bg)}#switch-table tbody tr:hover{background:var(--color-brand-light)}#switch-table tbody td:first-child{border-left:4px solid var(--row-accent, transparent);text-align:left}#switch-table td.r{text-align:right}.kp-name strong{font-family:var(--font-display);font-weight:600;font-size:15px;color:var(--color-text);display:block;line-height:1.2}.kp-name strong a{color:inherit;text-decoration:none}.kp-name strong a:hover{color:var(--color-brand)}.kp-mfr{font-size:12px;color:var(--color-text-muted);margin-top:2px;display:block}.kp-badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 10px 4px 8px;font-family:var(--font-display);font-weight:600;font-size:12px;text-transform:capitalize;white-space:nowrap;background:var(--row-bg);color:var(--row-accent);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--row-accent) 20%,transparent)}.kp-badge .kp-dot{background:var(--row-accent)}.kp-sound{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--color-border);border-radius:999px;padding:3px 10px 3px 7px;font-size:12px;font-weight:500;color:var(--color-text-muted);text-transform:capitalize;white-space:nowrap}.kp-sound svg{color:var(--color-brand)}.kp-na{color:var(--color-text-muted)}.kp-wrap .mono{font-family:var(--font-mono);font-feature-settings:"tnum"}.kp-gauge{display:inline-flex;align-items:center;gap:8px;justify-content:flex-end}.kp-gauge-track{width:56px;height:6px;background:var(--color-border);border-radius:999px;overflow:hidden;flex-shrink:0}.kp-gauge-fill{height:100%;border-radius:999px;transition:width .3s var(--bounce);background:var(--row-accent)}.kp-gauge-fill--muted{background:#cfc6e8}.kp-row-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:999px;background:var(--color-bg-alt);color:var(--color-brand-dark);text-decoration:none;font-size:16px;font-weight:600;transition:transform .18s var(--bounce),background .15s,color .15s}.kp-row-btn:hover{background:var(--color-brand);color:#fff;transform:scale(1.1)}.kp-empty{padding:2rem;text-align:center;color:var(--color-text-muted);font-family:var(--font-body)}