:root{color-scheme:light;font-family:Space Grotesk,DM Sans,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f4f8f6;color:#0b1b17;--surface: #fbfdfb;--surface-strong: #e3ebe7;--surface-soft: #f4f8f6;--text: #0b1b17;--muted: #53615c;--border: #dfe8e2;--accent: #1fb866;--accent-strong: #0f8f4a;--accent-soft: #e8f7ee;--cta: #22c55e;--cta-strong: #16a34a;--blue: #2c6a8f;--amber: #9a5a14;--amber-soft: #f5dec0;--red: #b42318;--red-soft: #fee4e2;--green: #2f7d4e;--green-soft: #e4f0df;--deck: #101a22;--deck-strong: #081117;--key-face: #1d2934;--key-face-hover: #273645;--key-edge: #071017;--key-text: #dce8e3;--shadow: 0 18px 44px rgba(13, 29, 23, .1);--stage-shadow: 0 26px 70px rgba(9, 24, 31, .16)}:root[data-theme=dark]{color-scheme:dark;background:#111810;color:#f7f3e8;--surface: #182219;--surface-strong: #273425;--surface-soft: #131d15;--text: #f7f3e8;--muted: #c7cdbf;--border: #3d4a37;--accent: #9bd0a8;--accent-strong: #c0e3c7;--accent-soft: #203f2b;--cta: #9bd0a8;--cta-strong: #c0e3c7;--blue: #99c4e4;--amber: #f1c47b;--amber-soft: #4b3518;--red: #ff978d;--red-soft: #4a211e;--green: #8ee2aa;--green-soft: #1d452b;--deck: #111b23;--deck-strong: #070d12;--key-face: #1c2731;--key-face-hover: #263440;--key-edge: #05090d;--key-text: #e5eee9;--shadow: 0 24px 60px rgba(0, 0, 0, .35);--stage-shadow: 0 26px 78px rgba(0, 0, 0, .42)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:linear-gradient(rgba(19,118,75,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(19,118,75,.035) 1px,transparent 1px),linear-gradient(180deg,#fbfdfb,#f1f6f4 52%,#f8faf8),var(--surface-soft);background-size:32px 32px,32px 32px,auto;color:var(--text)}body,button,select{font:inherit}button,select,a{color:inherit}main{overflow:hidden}.hero{position:relative;isolation:isolate;padding:clamp(28px,3.8vw,56px) clamp(18px,4vw,72px) 18px}.hero:before{position:absolute;inset:-88px 0 0;z-index:-2;content:"";background:linear-gradient(rgba(15,143,74,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(15,143,74,.035) 1px,transparent 1px),radial-gradient(60% 56% at 76% 16%,rgba(34,197,94,.16),transparent 58%);background-size:28px 28px,28px 28px,auto}.hero:after{position:absolute;top:70px;right:-14px;z-index:-1;width:180px;height:280px;content:"";background-image:radial-gradient(rgba(34,197,94,.26) 1px,transparent 1.5px);background-size:10px 10px;opacity:.5}.site-header{display:flex;align-items:center;justify-content:space-between;gap:22px;width:min(calc(100% - 32px),1540px);min-height:64px;margin:16px auto 0;border:1px solid rgba(223,232,226,.9);border-radius:8px;padding:0 clamp(14px,2vw,24px);background:#fffffff0;box-shadow:0 18px 52px #0f241a14}.brand,.site-nav,.header-actions,.local-badge,.language-menu,.language-menu__trigger,.theme-link{display:inline-flex;align-items:center}.brand{gap:16px;font-size:1.02rem;font-weight:900;text-decoration:none}.brand__wordmark{color:#0f1f18;font-size:1.52rem;letter-spacing:0}.brand__wordmark span{color:var(--accent)}.brand__mark{display:grid;width:52px;height:52px;place-items:center;border-radius:14px;background:linear-gradient(145deg,#30e57c,#16a34a);color:#fff;font-size:1.55rem;box-shadow:0 20px 34px #10b98142;transition:box-shadow .18s ease,transform .18s ease}.brand:hover .brand__mark{box-shadow:0 18px 34px #22c55e52;transform:translateY(-1px)}.site-nav{gap:24px;margin-left:auto;font-size:1.08rem;font-weight:750}.nav-menu{position:relative}.nav-menu:after{position:absolute;top:100%;left:50%;z-index:79;width:220px;height:24px;content:"";transform:translate(-50%)}.nav-menu__trigger{display:inline-flex;align-items:center;gap:10px;border-radius:999px;padding:15px 28px;background:#d8fae8;color:var(--accent-strong);font-weight:900;transition:background-color .16s ease,color .16s ease}.nav-menu:hover .nav-menu__trigger,.nav-menu:focus-within .nav-menu__trigger{background:#ccf7de;color:#04743f}.nav-menu__trigger svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s ease}.nav-menu:hover .nav-menu__trigger svg,.nav-menu:focus-within .nav-menu__trigger svg{transform:rotate(180deg)}.site-nav a{position:relative;padding:14px 18px}.site-nav a:after{position:absolute;right:20%;bottom:3px;left:20%;height:2px;border-radius:999px;content:"";background:var(--cta);opacity:0;transform:scaleX(.5);transition:opacity .18s ease,transform .18s ease}.site-nav a:hover:after{opacity:1;transform:scaleX(1)}.nav-dropdown{position:absolute;top:calc(100% + 16px);left:50%;z-index:80;display:grid;width:min(1120px,calc(100vw - 48px));max-height:min(620px,calc(100vh - 128px));overflow-y:auto;border:1px solid rgba(226,232,240,.72);border-radius:28px;padding:40px;background:#fffffff7;box-shadow:0 38px 90px #0f172a2e;backdrop-filter:blur(22px);opacity:0;pointer-events:none;transform:translate(-50%,12px);transition:opacity .16s ease,transform .16s ease}.nav-menu:hover .nav-dropdown,.nav-menu:focus-within .nav-dropdown{opacity:1;pointer-events:auto;transform:translate(-50%)}.nav-dropdown__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px;row-gap:34px}.nav-dropdown a{display:flex;align-items:flex-start;gap:22px;border-radius:18px;padding:0;transition:background-color .16s ease,transform .16s ease}.nav-dropdown a:after{display:none}.nav-dropdown a:hover,.nav-dropdown a:focus-visible{background:transparent;transform:translateY(-2px)}.nav-dropdown__icon{display:grid;flex:0 0 auto;width:72px;height:72px;place-items:center;border:1px solid #e5e7eb;border-radius:16px;background:#f3f6fa;color:#64748b;box-shadow:0 14px 28px #0f172a0f;transition:background-color .16s ease,border-color .16s ease,color .16s ease}.nav-dropdown a:hover .nav-dropdown__icon,.nav-dropdown a:focus-visible .nav-dropdown__icon{border-color:#22c55e38;background:var(--accent-soft);color:var(--accent-strong)}.nav-dropdown__icon svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.nav-dropdown__copy{display:grid;gap:9px;min-width:0}.nav-dropdown strong{color:var(--text);font-size:1.24rem;line-height:1.12;transition:color .16s ease}.nav-dropdown a:hover strong,.nav-dropdown a:focus-visible strong{color:var(--accent-strong)}.nav-dropdown__copy span{color:#64748b;font-size:1.02rem;font-weight:650;line-height:1.32}.nav-dropdown__footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:40px -40px -40px;border-top:1px solid #edf2f0;padding:18px 40px;background:linear-gradient(135deg,#f8fafc,#f3fbf7);color:#64748b;font-size:.96rem;font-weight:750}.nav-dropdown__footer a{display:inline-flex;gap:5px;border-radius:0;padding:0;color:var(--accent-strong);font-weight:900}.nav-dropdown__footer a:hover,.nav-dropdown__footer a:focus-visible{background:transparent;transform:none}.site-nav a,.theme-link{text-decoration:none}.header-actions{gap:14px}.language-menu{position:relative}.language-menu:after{position:absolute;top:100%;right:0;z-index:89;width:100%;height:12px;content:""}.language-menu__trigger{gap:8px;min-height:44px;border:1px solid var(--border);border-radius:999px;padding:0 14px;background:#ffffffe6;color:#334155;font:inherit;font-size:.88rem;font-weight:850;cursor:pointer;box-shadow:0 10px 24px #0f172a0f}.language-menu__trigger svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round;transition:transform .16s ease}.language-menu:hover .language-menu__trigger svg,.language-menu:focus-within .language-menu__trigger svg{transform:rotate(180deg)}.language-menu__list{position:absolute;top:calc(100% + 10px);right:0;z-index:90;display:grid;min-width:168px;gap:4px;border:1px solid rgba(226,232,240,.82);border-radius:18px;padding:8px;background:#fffffffa;box-shadow:0 24px 58px #0f172a29;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .16s ease,transform .16s ease}.language-menu:hover .language-menu__list,.language-menu:focus-within .language-menu__list{opacity:1;pointer-events:auto;transform:translateY(0)}.language-menu__list a{border-radius:12px;padding:9px 10px;color:#334155;font-size:.92rem;font-weight:780;text-decoration:none}.language-menu__list a:hover,.language-menu__list a:focus-visible,.language-menu__list a[aria-current=page]{background:var(--accent-soft);color:var(--accent-strong)}.nav-start{gap:8px}.local-badge{position:relative;gap:8px;min-height:44px;border:1px solid var(--border);border-radius:8px;padding:0 13px;background:#f6fbf7d1;color:var(--accent-strong);font-weight:850;font-size:.82rem}.local-badge__dot{position:relative;width:10px;height:10px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 4px #22c55e1f}.local-badge__dot:before{position:absolute;inset:0;border-radius:inherit;content:"";background:currentColor;color:var(--accent);opacity:.45;animation:local-pulse 1.8s ease-out infinite}@keyframes local-pulse{0%{transform:scale(1)}70%,to{opacity:0;transform:scale(2.25)}}.local-badge svg,.theme-link svg,.hero__assurance svg,.privacy-note svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.theme-link{justify-content:center;width:44px;height:44px;border:1px solid var(--border);border-radius:8px;color:var(--text)}.hero__copy{display:grid;grid-template-columns:minmax(340px,650px) minmax(320px,460px);column-gap:clamp(32px,11vw,220px);align-items:center;max-width:1520px;margin:0 auto}.hero__text{display:grid;justify-items:start}.eyebrow,.panel__eyebrow{margin:0 0 18px;color:var(--accent-strong);font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.eyebrow{display:inline-flex;border:1px solid rgba(30,101,68,.14);border-radius:999px;padding:8px 18px;background:#e5efdc}h1,h2{margin:0;line-height:1.04;letter-spacing:0}h1{max-width:620px;font-size:4.65rem;text-wrap:balance}h2{font-size:1.75rem}p{line-height:1.65}.hero__lede{max-width:560px;margin:14px 0 0;color:#475a51;font-size:1.08rem}.privacy-note{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 16px;align-self:center;min-height:auto;margin:8px 0 0;padding:18px;border:1px solid var(--border);border-radius:8px;background:linear-gradient(135deg,#ffffffe6,#e8f7eec2),#fff;color:var(--muted);box-shadow:0 18px 48px #0f241a1a,inset 0 1px #ffffffe6}.privacy-note__icon,.assurance-icon{display:grid;place-items:center;border:1px solid rgba(30,101,68,.12);border-radius:50%;background:var(--accent-soft);color:var(--accent-strong)}.privacy-note__icon{width:46px;height:46px}.privacy-note__icon svg{width:22px;height:22px}.privacy-note__body{align-self:center}.privacy-note__body strong{display:block;margin-bottom:5px;color:var(--text);font-size:1rem}.privacy-note__body p{margin:0;font-size:.86rem;line-height:1.45}.privacy-note__checks{display:grid;grid-column:1 / -1;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px;border-top:1px solid var(--border);padding-top:13px;color:#213a30;font-size:.78rem}.privacy-note__checks span{display:inline-flex;align-items:center;gap:9px;min-width:0;white-space:nowrap}.privacy-note__checks span:before{width:14px;height:14px;flex:0 0 auto;border:1.5px solid var(--accent);border-radius:50%;content:"";background:linear-gradient(135deg,transparent 48%,var(--accent) 49% 59%,transparent 60%) 3px 5px / 7px 5px no-repeat}.hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:24px}.button__play{width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:10px solid currentColor}.hero__assurance{display:inline-flex;align-items:center;gap:12px}.assurance-icon{width:44px;height:44px}.hero__assurance strong,.hero__assurance small{display:block}.hero__assurance strong{color:var(--text);font-weight:900}.hero__assurance small{margin-top:2px;color:var(--muted);font-size:.86rem}.hero-console{display:grid;gap:16px;align-self:center;margin-top:8px;border:1px solid rgba(17,35,27,.12);border-radius:8px;padding:18px;background:radial-gradient(circle at 12% 12%,rgba(34,197,94,.2),transparent 36%),linear-gradient(145deg,#0c1724,#06110d 70%);color:#eefdf4;box-shadow:0 24px 70px #07130f38}.hero-console__top,.hero-console__stats{display:flex;align-items:center;justify-content:space-between;gap:10px}.hero-console__top{color:#eefdf4b3;font-size:.78rem;font-weight:800}.hero-console__top strong{border:1px solid rgba(34,197,94,.34);border-radius:7px;padding:6px 9px;color:#7af0a6}.mini-keyboard{display:grid;gap:7px;overflow:hidden}.mini-keyboard div{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(36px,1fr);gap:6px}.mini-keyboard span{display:grid;min-height:34px;place-items:center;border:1px solid rgba(255,255,255,.1);border-radius:7px;background:#ffffff14;color:#eefdf4bd;font-size:.72rem;font-weight:850}.mini-keyboard .is-active{border-color:#22c55eb8;background:#22c55e;color:#06150e}.mini-keyboard .is-wide{grid-column:span 3}.hero-console__stats{border-top:1px solid rgba(255,255,255,.1);padding-top:14px}.hero-console__stats span{display:grid;gap:3px;color:#eefdf4a8;font-size:.73rem}.hero-console__stats strong{color:#7af0a6;font-size:1.25rem;line-height:1}.home-page{background:#f8faf9}.home-page .site-header,.site-page .site-header{position:sticky;top:24px;z-index:50;display:grid;grid-template-columns:minmax(260px,1fr) auto minmax(520px,1fr);align-items:center;width:min(calc(100% - 112px),1870px);min-height:96px;margin:24px auto 0;border:1px solid rgba(255,255,255,.72);border-radius:24px;padding:0 36px;background:linear-gradient(135deg,#ffffffeb,#f7fcf9d6),#ffffffe0;box-shadow:0 28px 70px #0f172a1a,inset 0 1px #ffffffe6;backdrop-filter:blur(18px)}.home-page .brand,.site-page .brand{justify-self:start}.home-page .brand__mark,.site-page .brand__mark{width:52px;height:52px;color:#f8faf9;border-radius:14px}.home-page .site-nav a,.site-page .site-nav a{color:#647067}.home-page .site-nav,.site-page .site-nav{justify-self:center;margin-left:0}.home-page .site-nav>a:first-child,.site-page .site-nav>a:first-child{color:var(--accent-strong)}.home-page .header-actions,.site-page .header-actions{justify-self:end;gap:18px}.home-page .local-badge,.site-page .local-badge,.home-page .language-menu__trigger,.site-page .language-menu__trigger{min-height:50px;border:1px solid #dbe7df;border-radius:999px;padding:0 18px;background:#ffffffe6;color:#334155;font-size:1.02rem;box-shadow:0 10px 24px #0f172a14}.home-page .theme-link,.site-page .theme-link{width:38px;height:38px;border:0;border-radius:999px;color:#6b776f}.home-page .theme-link:hover,.site-page .theme-link:hover{background:#eef4f1;color:var(--text)}.home-page .site-header .button--primary,.site-page .site-header .button--primary{background:#0f172a;color:#fbfffc;min-height:64px;border-radius:999px;padding:0 34px;font-size:1.14rem;box-shadow:0 20px 42px #0f172a3d}.home-page .site-header .button--primary:hover,.site-page .site-header .button--primary:hover{background:#111827;transform:translateY(-1px)}.site-header .nav-start span{color:#4ade80}.home-page .hero{padding:72px clamp(18px,4vw,72px) 120px}.home-page .hero:before{background:radial-gradient(60% 58% at 82% 24%,rgba(31,184,102,.11),transparent 62%),linear-gradient(rgba(15,143,74,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(15,143,74,.025) 1px,transparent 1px);background-size:auto,32px 32px,32px 32px}.home-page .hero:after{display:none}.home-page .hero__copy{grid-template-columns:minmax(0,1.03fr) minmax(360px,.76fr);column-gap:clamp(42px,8vw,128px);max-width:1280px}.home-page .eyebrow{margin-bottom:22px;border:0;padding:7px 13px;background:#d1fae5b8;color:#047857;font-size:.72rem;font-weight:900}.home-page h1{max-width:680px;color:#0f1d18;font-size:4.35rem;line-height:1.08}.home-page h1 span{color:var(--accent)}.home-page .hero__lede{max-width:560px;margin-top:18px;color:#62716a;font-size:1.1rem}.home-page .hero__actions{gap:20px;margin-top:30px}.home-page .hero__assurance{color:#5c6861}.home-page .hero-console{position:relative;gap:0;overflow:hidden;width:min(100%,430px);justify-self:center;border-color:#e2e8f014;border-radius:22px;padding:0;background:#101923;box-shadow:0 28px 70px #0f172a42,0 0 0 1px #1fb86614}.home-page .hero-console:before{position:absolute;inset:-2px;z-index:-1;border-radius:24px;content:"";background:linear-gradient(90deg,#1fb8666b,#14b8a652);filter:blur(18px);opacity:.45}.home-page .hero-console__top{padding:14px 16px;border-bottom:1px solid rgba(226,232,240,.08);background:#0f172a5c}.home-page .hero-console__top strong{border:0;border-radius:6px;background:#1fb8662e;padding:4px 8px;font-size:.64rem;text-transform:uppercase}.home-page .mini-keyboard{padding:32px 42px 24px}.home-page .mini-keyboard div{display:flex;justify-content:center;gap:10px}.home-page .mini-keyboard span{width:52px;min-height:52px;border-radius:11px;background:#1d2937;color:#94a3b8;font-size:.9rem}.home-page .mini-keyboard .is-active{background:var(--accent);color:#fbfffc;box-shadow:0 0 18px #1fb86657}.home-page .hero-console__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:18px 20px 22px;text-align:center}.home-page .hero-console__stats span{text-transform:uppercase}.home-page .hero-console__stats strong{font-size:1.55rem}.site-page .hero{padding:74px clamp(18px,4vw,72px) 108px}.site-page .hero:before,.site-page .hero:after{display:block}.site-page .hero__copy{grid-template-columns:minmax(0,1fr) minmax(320px,.52fr);column-gap:clamp(42px,8vw,128px);align-items:center;max-width:1280px;margin:0 auto}.site-page .hero__copy .eyebrow,.site-page .hero__copy h1,.site-page .hero__copy .hero__lede{grid-column:1}.site-page .eyebrow{border:0;border-radius:999px;padding:7px 13px;background:#d1fae5b8;color:#047857;font-size:.72rem;font-weight:900}.site-page h1{max-width:780px;color:#0f1d18;font-size:clamp(3rem,6vw,4.2rem);line-height:1.08}.site-page .hero__lede{max-width:650px;margin-top:18px;color:#62716a;font-size:1.1rem}.site-page .privacy-note{display:grid;position:relative;grid-column:2;grid-row:1 / span 3;gap:12px;align-self:center;max-width:390px;margin:0;border:1px solid #dfe8e2;border-radius:24px;padding:28px;background:radial-gradient(circle at 86% 12%,rgba(31,184,102,.14),transparent 38%),#fbfdfc;box-shadow:0 24px 60px #0f172a14;color:#3f5148;font-weight:700;line-height:1.6}.site-page .hero__actions{grid-column:1;grid-row:auto;gap:20px;margin-top:30px}.site-page .hero__actions span{color:var(--muted);font-weight:750}.tool-shell{position:relative;padding:10px clamp(18px,3vw,48px) 56px;background:linear-gradient(180deg,#e0ece79e,#f8faf800)}.tool-loading{padding:24px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.keyboard-tester{display:grid;gap:16px;max-width:1540px;margin:0 auto}.toolbar,.tester-surface,.panel{border:1px solid var(--border);border-radius:14px;background:#fbfdfbe6;box-shadow:var(--shadow);backdrop-filter:blur(14px)}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px}.field{display:flex;align-items:center;gap:18px;min-width:min(540px,100%)}.field span{color:var(--text);font-size:.88rem;font-weight:900;white-space:nowrap}select{width:min(320px,100%);min-height:44px;border:1px solid var(--border);border-radius:7px;background:#fffffff5;padding:0 16px;font-size:.84rem}.button-row{display:flex;flex-wrap:wrap;gap:10px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid transparent;border-radius:7px;padding:0 16px;font-weight:800;cursor:pointer;text-decoration:none;transition:transform .14s ease,background-color .16s ease,border-color .16s ease}.button--small{min-height:44px;padding:0 16px;font-size:.82rem}.button:hover{transform:translateY(-1px)}.button--primary{background:var(--cta);color:#06150e;box-shadow:0 12px 24px #22c55e3d}.button--primary:hover{background:var(--cta-strong)}.button--secondary{border-color:var(--border);background:#fffffff0}.tester-surface{overflow:hidden;padding:0;background:linear-gradient(180deg,#fbfdfbfa,#e8efecf0),var(--surface);outline:none}.tester-surface--focused{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft),var(--stage-shadow)}.focus-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0;padding:22px 28px 12px;background:transparent}.focus-banner p{display:inline-flex;align-items:center;gap:9px;margin:0;font-weight:850}.focus-banner div>span{display:block;margin-top:4px;color:var(--muted)}.status-dot{display:inline-block;width:13px;height:13px;margin-top:0;border-radius:50%;background:var(--cta);box-shadow:0 0 0 4px #22c55e24}.privacy-chip{display:inline-flex;flex:0 0 auto;align-items:center;gap:7px;border:1px solid var(--border);border-radius:8px;padding:8px 11px;background:var(--accent-soft);color:var(--accent-strong);font-weight:800;font-size:.84rem}.mode-strip{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0 28px 18px}.mode-chip{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(31,184,102,.18);border-radius:999px;padding:7px 12px;background:#f6fbf7db;color:#1f342b;font-size:.8rem;font-weight:800}.mode-chip__icon{position:relative;width:15px;height:15px;flex:0 0 auto;border:1.5px solid var(--accent);border-radius:4px}.mode-chip__icon:after{position:absolute;top:2px;left:4px;width:4px;height:7px;border-right:1.8px solid var(--accent);border-bottom:1.8px solid var(--accent);content:"";transform:rotate(45deg)}:root[data-theme=dark] body{background:linear-gradient(rgba(155,208,168,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(155,208,168,.035) 1px,transparent 1px),linear-gradient(180deg,#101710,#121b15 56%,#0f1512),var(--surface-soft);background-size:32px 32px,32px 32px,auto}:root[data-theme=dark] .toolbar,:root[data-theme=dark] .tester-surface,:root[data-theme=dark] .panel{background:#182219e6}:root[data-theme=dark] .tester-surface{background:linear-gradient(180deg,#182219f5,#131d15f0),var(--surface)}:root[data-theme=dark] .mode-chip,:root[data-theme=dark] .privacy-chip{background:#203f2bc7;color:var(--accent-strong)}:root[data-theme=dark] .button--secondary,:root[data-theme=dark] select{background:#273425eb}.virtual-keyboard{--key-unit-width: 48px;--key-unit-height: 44px;--key-row-gap: 8px;overflow-x:auto;margin:0 24px 24px;padding:clamp(18px,2.2vw,28px);border:1px solid rgba(221,237,229,.08);border-radius:18px;background:linear-gradient(rgba(154,176,166,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(154,176,166,.045) 1px,transparent 1px),linear-gradient(145deg,var(--deck),var(--deck-strong) 78%);background-size:28px 28px,28px 28px,auto;box-shadow:inset 0 1px #ffffff14,inset 0 -1px #00000059,var(--stage-shadow)}.keyboard-row{display:flex;min-width:max-content;gap:var(--key-row-gap);margin-bottom:var(--key-row-gap)}.keyboard-row:last-child{margin-bottom:0}.keyboard-row--overlap{margin-bottom:calc(-1 * var(--key-unit-height))}.keycap,.key-spacer{width:calc(var(--key-width, 1) * var(--key-unit-width));min-width:calc(var(--key-width, 1) * var(--key-unit-width))}.keycap{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;height:var(--key-unit-height);border:1px solid rgba(231,241,236,.08);border-bottom:4px solid var(--key-edge);border-radius:10px;background:linear-gradient(180deg,color-mix(in srgb,var(--key-face) 90%,#f7fbf8),var(--key-face));padding:7px 8px 6px;color:var(--key-text);box-shadow:inset 0 1px #ffffff14,0 8px 16px #00000042;font-size:.72rem;font-weight:850;text-align:left;transition:background-color .12s ease,border-color .12s ease,transform .12s ease,box-shadow .12s ease}.keycap--height-2{height:calc(var(--key-unit-height) + var(--key-unit-height) + var(--key-row-gap))}.keyboard-full-size{--keyboard-cluster-gap: calc(var(--key-row-gap) * 4);display:grid;grid-template-columns:max-content max-content max-content;align-items:start;column-gap:var(--keyboard-cluster-gap);min-width:max-content}.keyboard-cluster,.keyboard-cluster--grid{display:grid;grid-template-rows:repeat(6,var(--key-unit-height));row-gap:var(--key-row-gap)}.keyboard-cluster__row{display:flex;gap:var(--key-row-gap);height:var(--key-unit-height)}.keyboard-cluster--grid{grid-template-columns:repeat(var(--keyboard-cluster-columns),var(--key-unit-width));column-gap:var(--key-row-gap)}.keyboard-cluster--nav{--keyboard-cluster-columns: 3}.keyboard-cluster--numpad{--keyboard-cluster-columns: 4}.keyboard-grid-cell{min-width:0;min-height:0}.keyboard-grid-cell .keycap,.keyboard-grid-cell .keycap--height-2{width:100%;min-width:0;height:100%}.keycap small{color:#dce8e3a8;font-size:.68rem;font-weight:700}.keycap--pressed{border-color:#53f497cc;border-bottom-width:1px;background:linear-gradient(180deg,#35e978,#13aa58);color:#06150e;transform:translateY(3px);box-shadow:inset 0 1px #ffffff38,0 0 22px #22c55e80}.keycap--pressed small,.keycap--released small,.keycap--suspect small,.keycap--stuck small{color:currentColor;opacity:.72}.keycap--released{border-color:#34d39994;background:linear-gradient(180deg,#d8f9e6,#a9edc5);color:#0d3525}.keycap--suspect{border-color:var(--amber);background:linear-gradient(180deg,#ffe4b5,var(--amber-soft));color:#4d2f08}.keycap--stuck{border-color:var(--red);background:linear-gradient(180deg,#ffd8d4,var(--red-soft));color:#5f1610}.tester-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:16px}.home-page .tester-grid{grid-template-areas:"guide guide stats" "ghosting issues report";grid-template-columns:minmax(260px,1fr) minmax(260px,1fr) minmax(320px,.9fr);gap:18px}.home-page .guided-panel{grid-area:guide}.home-page .stats-panel{grid-area:stats}.home-page .ghosting-panel{grid-area:ghosting}.home-page .issues-panel{grid-area:issues}.home-page .report-panel{grid-area:report}.panel{padding:18px}.panel__header{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:18px}.panel__header svg{color:var(--accent-strong)}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stats-panel{background:linear-gradient(rgba(154,176,166,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(154,176,166,.04) 1px,transparent 1px),linear-gradient(145deg,#14202a,#0a131a);background-size:26px 26px,26px 26px,auto;color:#edf7f2}.stats-panel .panel__eyebrow,.stats-panel .panel__header svg,.stats-panel .stat__icon,.stats-panel .stat__value{color:#7be8a6}.stats-panel .stat__label,.stats-panel .detail-list dt,.stats-panel .detail-list dd{color:#edf7f2b8}.stat{display:grid;gap:6px;min-height:88px;border:1px solid var(--border);border-radius:12px;padding:12px;background:linear-gradient(180deg,#fbfdfbeb,#f2f7f4e0)}.stats-panel .stat{border-color:#dceee41a;background:#ffffff0f}.stat__icon{color:var(--accent-strong)}.stat__value{color:var(--accent-strong);font-size:1.72rem;font-weight:900;line-height:1}.stat__label,.detail-list dt{color:var(--muted);font-size:.82rem;font-weight:750}.timing-stat{min-height:76px}.timing-stat .stat__value{font-size:1.35rem}.detail-list{display:grid;gap:12px;margin:16px 0 0}.detail-list div{display:grid;gap:5px}.detail-list dt,.detail-list dd{margin:0}.detail-list dd{overflow-wrap:anywhere;font-weight:760}.panel-note{margin:16px 0 0;color:var(--muted);font-size:.92rem}.combo-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.combo{border:1px solid var(--border);border-radius:999px;padding:7px 10px;background:var(--surface-soft);color:var(--muted);font-size:.82rem;font-weight:750}.guided-list{display:grid;gap:12px}.guided-panel{grid-column:span 2}.home-page .guided-panel,.home-page .report-panel{grid-column:auto}.guide-step{display:grid;gap:8px;border:1px solid var(--border);border-radius:12px;padding:14px;background:linear-gradient(180deg,#fbfdfbf5,#f4f8f6e6)}.guide-step__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.guide-step h3{margin:0;font-size:.96rem;letter-spacing:0}.guide-step strong{color:var(--accent);white-space:nowrap}.guide-step p{margin:0;color:var(--muted);font-size:.9rem}.progress-bar{height:8px;overflow:hidden;border-radius:999px;background:var(--surface-strong)}.progress-bar span{display:block;width:100%;height:100%;border-radius:inherit;background:var(--cta);transform-origin:left center;transition:transform .16s ease}.report-panel{grid-column:span 2}.report-panel pre{max-height:220px;overflow:auto;margin:0 0 14px;border:1px solid var(--border);border-radius:12px;padding:14px;background:#f6faf7;color:var(--text);white-space:pre-wrap}.report-summary{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}.report-summary strong,.report-summary span{border:1px solid var(--border);border-radius:999px;padding:7px 10px;background:#f8fcf9;font-size:.82rem;font-weight:800}.home-section{max-width:1540px;margin:0 auto;padding:56px clamp(18px,4vw,48px)}.section-heading,.diagnostic-copy,.trust-copy{display:grid;gap:10px;max-width:700px}.section-heading>span,.diagnostic-copy>span,.trust-copy>span,.diagnostic-card>span,.diagnostic-card__label{color:var(--accent-strong);font-size:.76rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.section-heading h2,.section-heading h3,.diagnostic-copy h2,.trust-copy h2{margin:0;max-width:780px;font-size:3.15rem;line-height:.98;text-wrap:balance}.section-heading p,.diagnostic-copy p,.trust-copy p{margin:0;max-width:650px;color:var(--muted);font-size:1rem;line-height:1.65;text-wrap:pretty}.workflow-grid{display:grid;grid-template-columns:1.1fr .9fr 1fr;gap:14px;margin-top:24px}.workflow-grid article,.diagnostic-card,.trust-list div{border:1px solid var(--border);border-radius:8px;background:#ffffffe6;box-shadow:0 16px 40px #0f241a12}.workflow-grid article{display:grid;min-height:210px;align-content:space-between;gap:20px;padding:22px}.workflow-grid article:nth-child(2){margin-top:34px}.workflow-grid article>span{color:#0f8f4a61;font-size:3rem;font-weight:900;line-height:.9;font-variant-numeric:tabular-nums}.workflow-grid h3,.diagnostic-card h3{margin:0;font-size:1.15rem}.workflow-grid p,.diagnostic-card p{margin:8px 0 0;color:var(--muted);line-height:1.55;text-wrap:pretty}.diagnostic-section{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);gap:clamp(28px,5vw,72px);align-items:start}.diagnostic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.diagnostic-card{min-height:220px;padding:20px}.diagnostic-card--large{grid-column:span 2;background:radial-gradient(circle at 88% 12%,rgba(34,197,94,.2),transparent 30%),#fff}.trust-section{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);gap:clamp(28px,6vw,88px);align-items:center;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.trust-list{display:grid;gap:12px}.trust-list div{display:grid;grid-template-columns:minmax(150px,.35fr) 1fr;gap:14px;align-items:center;padding:18px}.trust-list strong{color:var(--text)}.trust-list span{color:var(--muted);line-height:1.5}.faq-section .section-heading,.related-tools .section-heading{margin-bottom:22px}.faq-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.content-section,.content-grid{max-width:1540px;margin:0 auto;padding:42px clamp(18px,4vw,48px)}.content-section h2,.content-grid h2{margin-bottom:14px;color:var(--text)}.steps{display:grid;gap:10px;margin:0;padding-left:1.3rem;color:var(--muted);line-height:1.7}.content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.content-grid article{border:1px solid var(--border);border-radius:8px;padding:18px;background:#ffffffd6;box-shadow:0 12px 32px #0f241a0f}.content-grid p,.content-section p{margin:0;color:var(--muted)}.faq{display:grid;gap:12px}.faq h2{margin-bottom:8px}details{border:1px solid var(--border);border-radius:8px;padding:16px 18px;background:#ffffffe6;box-shadow:0 12px 32px #0f241a0f}summary{cursor:pointer;font-weight:850;list-style-position:outside}details p{margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.related-tools{padding-bottom:72px}.related-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0 0;padding:0;list-style:none}.related-list a{display:grid;min-height:100%;gap:6px;border:1px solid var(--border);border-radius:8px;padding:14px;background:#ffffffe6;color:var(--text);text-decoration:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.related-list a:hover{border-color:#22c55e73;box-shadow:0 14px 34px #0f241a14;transform:translateY(-1px)}.related-list strong{font-size:.96rem}.related-list span{color:var(--muted);font-size:.84rem;line-height:1.45}.home-page .tool-shell{max-width:1400px;margin:-68px auto 96px;border:1px solid rgba(226,232,228,.92);border-radius:28px;padding:26px;background:#f8fbf9e6;box-shadow:0 32px 90px #0f172a1c}.home-page .tool-shell__heading,.site-page .tool-shell__heading{display:grid;gap:8px;margin-bottom:22px}.home-page .tool-shell__heading span,.site-page .tool-shell__heading span{color:var(--accent);font-size:.8rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.home-page .tool-shell__heading h2,.site-page .tool-shell__heading h2{margin:0;color:#0f1d18;font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.08;letter-spacing:0}.site-page .tool-shell{max-width:1400px;margin:-62px auto 96px;border:1px solid rgba(226,232,228,.92);border-radius:28px;padding:26px;background:#f8fbf9e6;box-shadow:0 32px 90px #0f172a1c}.home-page .keyboard-tester,.site-page .keyboard-tester{gap:22px;max-width:none}.home-page .toolbar,.site-page .toolbar{border-radius:18px;padding:14px 18px;background:#fbfdfc;box-shadow:0 12px 28px #0f172a0e}.home-page .tester-surface,.site-page .tester-surface{display:grid;gap:18px;border:0;background:transparent;box-shadow:none;backdrop-filter:none}.home-page .tester-surface--focused,.site-page .tester-surface--focused{box-shadow:none}.home-page .tester-surface--focused .virtual-keyboard,.site-page .tester-surface--focused .virtual-keyboard{border-color:#1fb8665c;box-shadow:0 0 0 3px #1fb8661f,0 28px 70px #0f172a38}.home-page .focus-banner,.site-page .focus-banner{align-items:flex-start;border:1px solid #dfe8e2;border-bottom:0;border-radius:18px 18px 0 0;padding:20px 22px 8px;background:#fbfdfc;box-shadow:0 12px 28px #0f172a0d}.home-page .focus-banner p,.site-page .focus-banner p{color:#0f1d18;font-size:1.08rem}.home-page .focus-banner div>span{color:#62716a;font-size:.96rem}.site-page .focus-banner div>span{color:#62716a;font-size:.96rem}.home-page .status-dot,.site-page .status-dot{width:9px;height:9px;box-shadow:none}.home-page .privacy-chip,.site-page .privacy-chip{border:0;border-radius:10px;padding:8px 11px;background:#e8f8ef;color:#047857}.home-page .mode-strip,.site-page .mode-strip{gap:10px;margin-top:-18px;border:1px solid #dfe8e2;border-top:0;border-radius:0 0 18px 18px;padding:6px 22px 18px;background:#fbfdfc}.home-page .mode-chip,.site-page .mode-chip{border-color:#1fb86638;background:#f5fbf7;color:#2f3c35;font-size:.82rem}.home-page .virtual-keyboard,.site-page .virtual-keyboard{--key-unit-width: 52px;--key-unit-height: 48px;--key-row-gap: 9px;margin:8px 0 0;padding:34px;border-radius:24px;background:linear-gradient(rgba(148,163,184,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.045) 1px,transparent 1px),#0f172a;background-size:28px 28px,28px 28px,auto;box-shadow:0 28px 70px #0f172a33}.home-page .keycap,.home-page .key-spacer,.site-page .keycap,.site-page .key-spacer{width:calc(var(--key-width, 1) * var(--key-unit-width));min-width:calc(var(--key-width, 1) * var(--key-unit-width))}.home-page .keycap,.site-page .keycap{border-color:#e2e8f00d;border-bottom-color:#070d17;border-radius:9px;background:linear-gradient(180deg,#253244,#1e293b);color:#d8e3ee;box-shadow:inset 0 1px #ffffff0e,0 5px #020617a8,0 10px 18px #02061738}.home-page .keycap:hover,.site-page .keycap:hover{background:linear-gradient(180deg,#314157,#263448)}.home-page .keycap--pressed,.site-page .keycap--pressed{background:linear-gradient(180deg,#8bf5bd,#34d399);color:#062318;box-shadow:inset 0 1px #ffffff3d,0 0 18px #34d39975}.home-page .keycap--released,.site-page .keycap--released{border-color:#34d39961;background:#10b9812e;color:#6ee7b7}.home-page .keycap--suspect,.site-page .keycap--suspect{background:#f59e0b38;color:#f7c66a}.home-page .keycap--stuck,.site-page .keycap--stuck{background:#ef444433;color:#fca5a5}.home-page .tester-grid,.site-page .tester-grid{grid-template-areas:"stats stats stats" "guide ghosting report" "issues issues report";grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.site-page .guided-panel{grid-area:guide}.site-page .stats-panel{grid-area:stats}.site-page .ghosting-panel{grid-area:ghosting}.site-page .issues-panel{grid-area:issues}.site-page .report-panel{grid-area:report}.home-page .panel,.site-page .panel{border-color:#dfe8e2;border-radius:20px;padding:24px;background:#fbfdfc;box-shadow:0 16px 40px #0f172a0f;backdrop-filter:none}.home-page .stats-panel,.site-page .stats-panel{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;border:0;padding:0;background:transparent;box-shadow:none}.home-page .stats-panel .panel__header,.site-page .stats-panel .panel__header{display:none}.home-page .stats-panel .stat-grid,.site-page .stats-panel .stat-grid{display:contents}.home-page .stats-panel .stat,.site-page .stats-panel .stat{min-height:106px;border-color:#dfe8e2;border-radius:18px;padding:18px;background:#fbfdfc;box-shadow:0 12px 28px #0f172a0e}.home-page .stats-panel .stat__icon,.site-page .stats-panel .stat__icon{color:#059669}.home-page .stats-panel .stat__value,.site-page .stats-panel .stat__value{color:#071424;font-size:2.15rem}.home-page .stats-panel .stat:first-child .stat__value,.site-page .stats-panel .stat:first-child .stat__value{color:var(--accent)}.home-page .stats-panel .stat__label,.site-page .stats-panel .stat__label{color:#52645b;font-size:.86rem}.home-page .stats-panel .detail-list,.site-page .stats-panel .detail-list{display:grid;align-content:center;gap:9px;min-height:106px;margin:0;border-radius:18px;padding:18px;background:radial-gradient(circle at 86% 12%,rgba(31,184,102,.16),transparent 38%),#0f2430;box-shadow:0 12px 28px #0f172a1a}.home-page .stats-panel .detail-list div:nth-child(2){display:none}.site-page .stats-panel .detail-list div:nth-child(2){display:none}.home-page .stats-panel .detail-list dt,.site-page .stats-panel .detail-list dt{color:#aebbb5;font-size:.86rem}.home-page .stats-panel .detail-list dd,.site-page .stats-panel .detail-list dd{color:#fbfdfc;font-size:2rem;font-weight:900;line-height:1}.home-page .panel__header,.site-page .panel__header{margin-bottom:24px}.home-page .panel__eyebrow,.site-page .panel__eyebrow{color:#059669}.home-page .panel__header h2,.home-page .panel__header h3,.site-page .panel__header h2,.site-page .panel__header h3{margin:0;color:#0f1d18;font-size:1.72rem;line-height:1.04;letter-spacing:0}.home-page .guided-list,.home-page .detail-list,.site-page .guided-list,.site-page .detail-list{gap:16px}.home-page .guide-step,.site-page .guide-step{border-color:#dfe8e2;border-radius:14px;padding:16px;background:#f8fbf9}.home-page .guide-step p,.home-page .panel-note,.site-page .guide-step p,.site-page .panel-note{color:#5d6b64}.home-page .progress-bar,.site-page .progress-bar{height:7px;background:#e6eee9}.home-page .combo,.site-page .combo{border-color:#dfe8e2;background:#f4f9f6;color:#4e5d56}.home-page .ghosting-panel .detail-list,.home-page .issues-panel .detail-list,.site-page .ghosting-panel .detail-list,.site-page .issues-panel .detail-list{padding:0}.home-page .ghosting-panel .detail-list div,.home-page .issues-panel .detail-list div,.site-page .ghosting-panel .detail-list div,.site-page .issues-panel .detail-list div{border:1px solid #e3ebe7;border-radius:14px;padding:14px;background:#f7faf8}.home-page .report-panel pre,.site-page .report-panel pre{max-height:240px;border-color:#dfe8e2;border-radius:14px;background:#f7faf8;color:#3f5148;font-size:.78rem}.home-page .report-summary strong,.home-page .report-summary span,.site-page .report-summary strong,.site-page .report-summary span{border-color:#dfe8e2;background:#f5faf7;color:#26362f}.home-page .report-panel .button,.site-page .report-panel .button{min-height:42px;border-radius:10px;background:#f7faf8}.site-page .content-grid,.site-page .content-section{max-width:1400px;padding:78px clamp(18px,4vw,72px)}.site-page .content-grid{gap:22px}.site-page .content-grid article{position:relative;overflow:hidden;min-height:230px;border-color:#dfe8e2;border-radius:24px;padding:28px;background:radial-gradient(circle at 88% 12%,rgba(31,184,102,.1),transparent 34%),#fbfdfc;box-shadow:0 16px 40px #0f172a0f}.site-page .content-grid article:first-child{grid-column:span 2}.site-page .content-grid article:before{display:block;width:42px;height:6px;margin-bottom:24px;border-radius:999px;content:"";background:var(--accent);opacity:.82}.site-page .content-grid h2,.site-page .content-section h2{color:#0f1d18;font-size:clamp(1.45rem,2vw,2rem);line-height:1.12}.site-page .content-grid p,.site-page .content-section p{color:#5d6b64;font-size:1rem;line-height:1.65}.site-page .faq{max-width:1400px}.site-page .faq h2,.site-page .related-tools h2{max-width:820px;color:#0f1d18;font-size:clamp(2rem,4vw,2.7rem);line-height:1.08}.site-page .faq-list{gap:16px;margin-top:26px}.site-page .faq-list details{border-color:#dfe8e2;border-radius:18px;padding:22px;background:#fbfdfc;box-shadow:0 14px 34px #0f172a0e}.site-page .faq-list summary{color:#0f1d18;font-size:1.02rem}.site-page .faq-list p{color:#5d6b64}.site-page .related-list{gap:16px;margin-top:26px}.site-page .related-list a{min-height:178px;border-color:#dfe8e2;border-radius:20px;padding:22px;background:linear-gradient(180deg,#fbfdfcf5,#f5faf7f0),#fbfdfc;box-shadow:0 14px 34px #0f172a0e}.site-page .related-list a:hover{border-color:#1fb86657;box-shadow:0 20px 46px #0f172a17;transform:translateY(-2px)}.site-page .related-list strong{color:#0f1d18;font-size:1.06rem}.site-page .related-list span{color:#5d6b64;font-size:.9rem}.home-page .home-section{max-width:none;padding:88px clamp(18px,4vw,72px)}.home-page .section-heading,.home-page .diagnostic-copy,.home-page .trust-copy{max-width:760px}.home-page .section-heading>span,.home-page .diagnostic-copy>span,.home-page .trust-copy>span,.home-page .diagnostic-card>span,.home-page .diagnostic-card__label{color:var(--accent);font-size:.8rem}.home-page .section-heading h2,.home-page .section-heading h3,.home-page .diagnostic-copy h2,.home-page .trust-copy h2{max-width:820px;color:#0f1d18;font-size:2.7rem;line-height:1.08}.home-page .workflow-section{position:relative;overflow:hidden;background:#fbfdfc}.home-page .workflow-grid,.home-page .diagnostic-copy,.home-page .diagnostic-grid,.home-page .related-tools .section-heading,.home-page .related-list{max-width:1280px;margin-right:auto;margin-left:auto}.home-page .workflow-section .section-heading{justify-items:center;max-width:760px;margin-right:auto;margin-left:auto;text-align:center}.home-page .workflow-section .section-heading>span{border-radius:999px;padding:6px 12px;background:#e8f8ef;color:var(--accent-strong);font-size:.74rem}.home-page .workflow-section .section-heading p{max-width:680px}.home-page .workflow-grid{position:relative;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,36px);margin-top:64px}.home-page .workflow-grid:before{position:absolute;top:56px;right:12%;left:12%;z-index:0;height:2px;content:"";background:linear-gradient(90deg,#dbeafe,#d1fae5,#ede9fe)}.home-page .workflow-grid article{position:relative;z-index:1;display:grid;justify-items:center;gap:18px;min-height:0;align-content:start;border:0;padding:0;background:transparent;box-shadow:none}.home-page .workflow-grid article:nth-child(2){margin-top:0}.home-page .workflow-card__media{position:relative;display:grid;width:112px;height:112px;place-items:center}.home-page .workflow-card__icon{display:grid;width:96px;height:96px;place-items:center;border:4px solid var(--workflow-border);border-radius:999px;background:var(--workflow-bg);color:var(--workflow-color);box-shadow:0 14px 32px #0f172a12;transition:box-shadow .18s ease,transform .18s ease}.home-page .workflow-card__icon svg{width:36px;height:36px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.home-page .workflow-card__step{position:absolute;top:3px;right:-8px;border-radius:999px;padding:5px 9px;background:#0f1d18;color:#fbfdfc;box-shadow:0 10px 22px #0f172a21;font-size:.68rem;font-weight:900;line-height:1;white-space:nowrap}.home-page .workflow-card__body{display:grid;gap:12px;width:100%;min-height:168px;align-content:start;border:1px solid #e6eee9;border-radius:18px;padding:28px 24px;background:#fbfdfc;box-shadow:0 16px 38px #0f172a0e;text-align:center;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.home-page .workflow-card--layout{--workflow-bg: #eff6ff;--workflow-border: #dbeafe;--workflow-color: #2563eb}.home-page .workflow-card--compare{--workflow-bg: #ecfdf5;--workflow-border: #d1fae5;--workflow-color: #059669}.home-page .workflow-card--export{--workflow-bg: #f5f3ff;--workflow-border: #ede9fe;--workflow-color: #7c3aed}.home-page .workflow-card:hover .workflow-card__icon{box-shadow:0 18px 38px #0f172a1c;transform:translateY(-6px)}.home-page .workflow-card:hover .workflow-card__body{border-color:color-mix(in srgb,var(--workflow-color) 28%,#e6eee9);box-shadow:0 20px 46px #0f172a14;transform:translateY(-2px)}.home-page .workflow-grid h3,.home-page .diagnostic-card h3{font-size:1.22rem}.home-page .workflow-grid h3{margin:0}.home-page .workflow-grid p{margin:0;color:#5d6b64;font-size:.96rem;line-height:1.65}.home-page .diagnostic-section{display:block;position:relative;overflow:hidden;background:#f3f7f5}.home-page .diagnostic-copy{justify-items:center;margin-bottom:56px;text-align:center}.home-page .diagnostic-copy>span{border-radius:999px;padding:6px 12px;background:#e8f8ef;color:var(--accent-strong);font-size:.74rem}.home-page .diagnostic-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.home-page .diagnostic-card{--diagnostic-accent: #059669;--diagnostic-tint: #ecfdf5;--diagnostic-soft: #d1fae5;position:relative;isolation:isolate;display:flex;overflow:hidden;flex-direction:column;gap:24px;min-height:310px;border-color:#e2e8e4e0;border-radius:26px;padding:clamp(26px,3vw,36px);background:linear-gradient(135deg,color-mix(in srgb,var(--diagnostic-tint) 52%,#fbfdfc),transparent 42%),#fbfdfc;box-shadow:0 18px 42px #0f172a0b;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.home-page .diagnostic-card:hover{border-color:color-mix(in srgb,var(--diagnostic-accent) 32%,#dfe8e2);box-shadow:0 24px 54px #0f172a13;transform:translateY(-2px)}.home-page .diagnostic-card__content{position:relative;z-index:1;display:grid;gap:10px;align-content:start}.home-page .diagnostic-card__icon{display:grid;width:48px;height:48px;place-items:center;border-radius:16px;margin-bottom:12px;background:var(--diagnostic-tint);color:var(--diagnostic-accent)}.home-page .diagnostic-card__icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.home-page .diagnostic-card__label{color:var(--diagnostic-accent);font-size:.7rem}.home-page .diagnostic-card h3{max-width:540px;color:#071424;font-size:1.5rem;line-height:1.14;text-wrap:balance}.home-page .diagnostic-card p{max-width:580px;margin:0;color:#5d6b64;font-size:1rem;line-height:1.65}.home-page .diagnostic-card--large,.home-page .diagnostic-card:nth-child(4){grid-column:span 2}.home-page .diagnostic-card--map{--diagnostic-accent: #10b981;--diagnostic-tint: #ecfdf5;--diagnostic-soft: #bbf7d0}.home-page .diagnostic-card--ghosting{--diagnostic-accent: #2563eb;--diagnostic-tint: #eff6ff;--diagnostic-soft: #bfdbfe}.home-page .diagnostic-card--chatter{--diagnostic-accent: #e11d48;--diagnostic-tint: #fff1f2;--diagnostic-soft: #fecdd3}.home-page .diagnostic-card--stuck{--diagnostic-accent: #d97706;--diagnostic-tint: #fffbeb;--diagnostic-soft: #fde68a;flex-direction:row;align-items:center}.home-page .diagnostic-card--stuck .diagnostic-card__content{flex:1 1 0}.home-page .diagnostic-mini-keyboard{position:relative;z-index:1;display:grid;gap:8px;margin-top:auto;border-top:1px solid #e9f0ec;padding-top:26px}.home-page .diagnostic-mini-keyboard div{display:flex;gap:8px}.home-page .diagnostic-mini-keyboard span{display:block;width:38px;height:32px;border:1px solid #e2e9e5;border-radius:7px;background:#eff4f1;box-shadow:inset 0 -2px #0f172a0b;transition:background .18s ease,opacity .18s ease,transform .18s ease}.home-page .diagnostic-mini-keyboard .is-wide{flex:1 1 92px;min-width:72px}.home-page .diagnostic-mini-keyboard .is-active{border-color:color-mix(in srgb,var(--diagnostic-accent) 40%,#e2e9e5);background:var(--diagnostic-accent);box-shadow:0 10px 20px color-mix(in srgb,var(--diagnostic-accent) 22%,transparent)}.home-page .diagnostic-card:hover .diagnostic-mini-keyboard span{opacity:.82;transform:translateY(-1px)}.home-page .diagnostic-stack,.home-page .diagnostic-pulse,.home-page .diagnostic-stuck-meter{position:relative;z-index:1;display:grid;min-height:112px;margin-top:auto;place-items:center}.home-page .diagnostic-stack span{position:absolute;display:grid;width:54px;height:54px;place-items:center;border-radius:12px;background:var(--diagnostic-accent);color:#fbfdfc;box-shadow:0 14px 26px color-mix(in srgb,var(--diagnostic-accent) 24%,transparent);font-weight:900;transition:transform .22s ease}.home-page .diagnostic-stack span:nth-child(1){transform:translate(-24px,10px)}.home-page .diagnostic-stack span:nth-child(2){z-index:1}.home-page .diagnostic-stack span:nth-child(3){background:color-mix(in srgb,var(--diagnostic-accent) 72%,#fbfdfc);transform:translate(24px,-10px)}.home-page .diagnostic-card:hover .diagnostic-stack span:nth-child(1){transform:translate(-34px,12px)}.home-page .diagnostic-card:hover .diagnostic-stack span:nth-child(2){transform:translateY(-6px)}.home-page .diagnostic-card:hover .diagnostic-stack span:nth-child(3){transform:translate(34px,-12px)}.home-page .diagnostic-pulse span,.home-page .diagnostic-pulse strong{position:absolute;width:56px;height:56px;border-radius:13px}.home-page .diagnostic-pulse span:first-child{background:color-mix(in srgb,var(--diagnostic-accent) 18%,transparent);opacity:.46;transform:scale(1.75)}.home-page .diagnostic-pulse span:nth-child(2){background:color-mix(in srgb,var(--diagnostic-accent) 24%,#fbfdfc);transform:scale(1.34)}.home-page .diagnostic-pulse strong{display:grid;place-items:center;background:var(--diagnostic-accent);color:#fbfdfc;box-shadow:0 14px 26px color-mix(in srgb,var(--diagnostic-accent) 24%,transparent);font-size:1rem}.home-page .diagnostic-card:hover .diagnostic-pulse span:first-child{transform:scale(1.92)}.home-page .diagnostic-card:hover .diagnostic-pulse strong{transform:scale(.96)}.home-page .diagnostic-stuck-meter{flex:0 0 220px;min-height:150px;border:1px solid color-mix(in srgb,var(--diagnostic-accent) 22%,#e4ece8);border-radius:22px;background:linear-gradient(rgba(217,119,6,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(217,119,6,.06) 1px,transparent 1px),#f8faf8;background-size:18px 18px,18px 18px,auto}.home-page .diagnostic-stuck-key{position:relative;display:grid;overflow:hidden;width:96px;height:70px;place-items:center;border:1px solid #e5e9e5;border-bottom:5px solid #d5ded8;border-radius:14px;background:#fbfdfc;color:#4c3a14;box-shadow:0 14px 24px #0f172a14}.home-page .diagnostic-stuck-key span{position:relative;z-index:1;font-size:.92rem;font-weight:900}.home-page .diagnostic-stuck-key i{position:absolute;inset:auto 0 0;height:32%;background:color-mix(in srgb,var(--diagnostic-accent) 22%,transparent);transition:height .7s ease}.home-page .diagnostic-card:hover .diagnostic-stuck-key i{height:100%}.home-page .trust-section{max-width:none;border:0;background:#101923;color:#f8fafc}.home-page .trust-copy{margin-left:max(0px,calc((100vw - 1280px)/2))}.home-page .trust-copy h2{color:#f8fafc}.home-page .trust-copy p{color:#a8b4ae}.home-page .trust-list{max-width:600px;margin-right:max(0px,calc((100vw - 1280px)/2))}.home-page .trust-list div{grid-template-columns:1fr;border-color:#e2e8f014;border-radius:20px;padding:22px;background:#ffffff0e;box-shadow:none}.home-page .trust-list strong{color:#f8fafc}.home-page .trust-list span{color:#a8b4ae}.home-page .faq-section{background:#fbfdfc}.home-page .faq-section .section-heading{justify-items:center;margin:0 auto 34px;text-align:center}.home-page .faq-list{grid-template-columns:1fr;max-width:760px;margin:0 auto;gap:14px}.home-page .faq-list details{border-color:#dfe8e2;border-radius:18px;padding:0;background:#fbfdfc;box-shadow:none}.home-page .faq-list summary{padding:18px 22px;background:#f3f7f5;list-style:none}.home-page .faq-list summary::-webkit-details-marker{display:none}.home-page .faq-list p{margin:0;padding:18px 22px 20px;background:#fbfdfc}.home-page .related-tools{border-top:1px solid #dfe8e2;background:#fff;padding-top:96px;padding-bottom:104px}.home-page .related-tools .section-heading{gap:14px;margin-bottom:42px}.home-page .related-tools .section-heading>span{width:max-content;border:1px solid #cdefda;border-radius:999px;padding:6px 12px;background:#ecfdf3;color:var(--accent-strong);font-size:.72rem}.home-page .related-tools .section-heading h2{max-width:760px;font-size:2.8rem;line-height:1.08}.home-page .related-list{gap:18px}.home-page .related-list li{min-width:0}.home-page .related-list a.related-tool-card{position:relative;overflow:hidden;min-height:238px;gap:0;border-color:#dfe8e2;border-radius:18px;padding:24px 24px 58px;background:#f8faf9;box-shadow:none;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}.home-page .related-list a.related-tool-card:before{position:absolute;top:0;right:0;left:0;height:3px;content:"";background:linear-gradient(90deg,var(--tool-accent),#14b8a6);opacity:0;transition:opacity .2s ease}.home-page .related-list a.related-tool-card:hover{border-color:color-mix(in srgb,var(--tool-accent) 36%,#dfe8e2);background:#fff;box-shadow:0 18px 42px color-mix(in srgb,var(--tool-accent) 12%,transparent);transform:translateY(-3px)}.home-page .related-list a.related-tool-card:hover:before{opacity:1}.home-page .related-tool-card__icon{display:grid;width:50px;height:50px;place-items:center;border:1px solid var(--tool-border);border-radius:14px;margin-bottom:22px;background:#fff;color:var(--tool-accent);box-shadow:0 8px 20px #0f172a0b;transition:background .2s ease,border-color .2s ease,transform .2s ease}.home-page .related-tool-card__icon svg,.home-page .related-tool-card__arrow{width:24px;height:24px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9}.home-page .related-list a.related-tool-card:hover .related-tool-card__icon{border-color:color-mix(in srgb,var(--tool-accent) 34%,var(--tool-border));background:var(--tool-tint);transform:scale(1.06)}.home-page .related-list a.related-tool-card strong{padding-right:26px;color:#0f1d18;font-size:1.05rem;line-height:1.28;transition:color .2s ease}.home-page .related-list a.related-tool-card:hover strong{color:var(--tool-accent)}.home-page .related-tool-card__description{display:-webkit-box;overflow:hidden;margin-top:10px;color:#647067;font-size:.9rem;line-height:1.6;-webkit-box-orient:vertical;-webkit-line-clamp:3}.home-page .related-tool-card__arrow{position:absolute;right:24px;bottom:24px;width:21px;height:21px;color:var(--tool-accent);opacity:0;transform:translate(-10px);transition:opacity .2s ease,transform .2s ease}.home-page .related-list a.related-tool-card:hover .related-tool-card__arrow{opacity:1;transform:translate(0)}.home-page .related-tool--blue{--tool-accent: #2563eb;--tool-border: #dbeafe;--tool-tint: #eff6ff}.home-page .related-tool--amber{--tool-accent: #d97706;--tool-border: #fde68a;--tool-tint: #fffbeb}.home-page .related-tool--rose{--tool-accent: #e11d48;--tool-border: #fecdd3;--tool-tint: #fff1f2}.home-page .related-tool--indigo{--tool-accent: #4f46e5;--tool-border: #e0e7ff;--tool-tint: #eef2ff}.home-page .related-tool--emerald{--tool-accent: #059669;--tool-border: #bbf7d0;--tool-tint: #ecfdf5}.home-page .related-tool--slate{--tool-accent: #475569;--tool-border: #e2e8f0;--tool-tint: #f1f5f9}.home-page .related-tool--cyan{--tool-accent: #0891b2;--tool-border: #cffafe;--tool-tint: #ecfeff}.home-page .related-tool--purple{--tool-accent: #9333ea;--tool-border: #f3e8ff;--tool-tint: #faf5ff}.home-page .site-footer{border-top:1px solid #dfe8e2;padding:34px 18px;background:#fbfdfc;color:#647067;text-align:center}.home-page .site-footer p{margin:0}@media(max-width:1180px){.site-header{flex-wrap:wrap;min-height:auto;padding-top:14px;padding-bottom:14px}.home-page .site-header,.site-page .site-header{display:flex;top:12px;width:min(calc(100% - 32px),1280px);margin-top:12px;padding:14px 18px}.site-nav{order:3;width:100%;justify-content:center;margin-left:0}.hero__copy{grid-template-columns:minmax(0,1fr);row-gap:28px}.privacy-note{max-width:760px}.tester-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-page .tester-grid{grid-template-areas:"stats stats" "guide ghosting" "issues report";grid-template-columns:minmax(0,1fr) minmax(300px,.9fr)}.workflow-grid,.diagnostic-section,.trust-section{grid-template-columns:1fr}.workflow-grid article:nth-child(2){margin-top:0}.faq-list,.diagnostic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:780px){.site-header{align-items:center;gap:12px}.brand{gap:10px;font-size:1.05rem}.brand__mark{width:44px;height:44px;border-radius:12px;font-size:1.3rem}.brand__wordmark{font-size:1.15rem}.header-actions{width:auto;flex-wrap:nowrap;justify-content:flex-end}.header-actions .local-badge,.header-actions .nav-start,.theme-link{display:none}.language-menu__list{right:auto;left:0}.nav-dropdown__grid{grid-template-columns:1fr}.nav-dropdown{width:min(560px,calc(100vw - 32px));padding:22px}.nav-dropdown__footer{align-items:flex-start;flex-direction:column;margin:22px -22px -22px;padding:16px 22px}.hero{padding-top:28px}h1{font-size:3.1rem}.section-heading h2,.section-heading h3,.diagnostic-copy h2,.trust-copy h2{font-size:2.25rem}.hero__copy{display:block}.privacy-note{margin-top:16px}.privacy-note__checks{grid-template-columns:1fr}.toolbar,.focus-banner{align-items:stretch;flex-direction:column}.field{display:grid;gap:8px}select,.button-row{width:100%}.button{flex:1 1 130px}.tester-grid,.content-grid,.related-list,.workflow-grid,.diagnostic-grid,.faq-list{grid-template-columns:1fr}.home-page .tester-grid{grid-template-areas:"stats" "guide" "ghosting" "issues" "report"}.home-section{padding:38px clamp(16px,5vw,24px)}.hero-console{margin-top:22px}.diagnostic-card--large{grid-column:auto}.trust-list div{grid-template-columns:1fr}.guided-panel,.report-panel{grid-column:auto}.keycap,.key-spacer{width:calc(var(--key-width, 1) * var(--key-unit-width));min-width:calc(var(--key-width, 1) * var(--key-unit-width))}.virtual-keyboard{--key-unit-width: 40px;--key-unit-height: 38px;--key-row-gap: 6px;margin-right:14px;margin-left:14px;padding:14px}.keycap{height:var(--key-unit-height);font-size:.68rem}}@media(max-width:1180px){.home-page .site-header,.site-page .site-header{padding-right:18px;padding-left:18px}.home-page .hero__copy{grid-template-columns:1fr}.home-page .hero-console{justify-self:start}.home-page .diagnostic-grid,.home-page .related-list{grid-template-columns:repeat(2,minmax(0,1fr))}.home-page .workflow-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.home-page .trust-copy,.home-page .trust-list{margin-right:0;margin-left:0}.home-page .stats-panel{grid-template-columns:repeat(3,minmax(0,1fr))}.site-page .tester-grid{grid-template-areas:"stats stats" "guide ghosting" "issues report";grid-template-columns:minmax(0,1fr) minmax(300px,.9fr)}.site-page .stats-panel{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:980px){.home-page .workflow-grid{width:min(100%,calc(100vw - 32px));grid-template-columns:1fr;max-width:560px;gap:30px}.home-page .workflow-grid:before{display:none}.home-page .workflow-card__body{max-width:100%;min-height:0}.home-page .workflow-grid p{overflow-wrap:break-word}}@media(max-width:780px){.home-page .hero,.site-page .hero{padding-top:44px;padding-bottom:96px}.home-page h1{font-size:3.15rem}.home-page .hero-console{width:100%}.home-page .tool-shell,.site-page .tool-shell{margin-top:-54px;margin-bottom:58px;border-radius:22px;padding:14px}.home-page .toolbar,.home-page .focus-banner,.home-page .mode-strip{border-radius:16px}.home-page .mode-strip{margin-top:0;border-top:1px solid #dfe8e2}.home-page .virtual-keyboard{--key-unit-width: 42px;--key-unit-height: 40px;--key-row-gap: 7px;padding:18px}.home-page .keycap,.home-page .key-spacer{width:calc(var(--key-width, 1) * var(--key-unit-width));min-width:calc(var(--key-width, 1) * var(--key-unit-width))}.home-page .stats-panel,.site-page .stats-panel{grid-template-columns:1fr}.home-page .home-section{padding:58px clamp(16px,5vw,24px)}.home-page .workflow-section .section-heading h2{font-size:2.25rem;line-height:1.12}.home-page .related-tools .section-heading h2{font-size:2.25rem}.home-page .workflow-card__body{padding:24px 18px}.home-page .related-list a.related-tool-card{min-height:0}.site-page .content-grid article:first-child{grid-column:auto}.home-page .workflow-grid,.home-page .diagnostic-grid,.home-page .related-list{grid-template-columns:1fr}.site-page .tester-grid{grid-template-areas:"stats" "guide" "ghosting" "issues" "report";grid-template-columns:1fr}.home-page .diagnostic-card--large,.home-page .diagnostic-card:nth-child(4){grid-column:auto}.home-page .diagnostic-card{min-height:0}.home-page .diagnostic-card--stuck{align-items:stretch;flex-direction:column}.home-page .diagnostic-stuck-meter{width:100%;flex-basis:auto}}@media(max-width:480px){.home-page .workflow-grid{max-width:358px}.home-page .workflow-card__body{padding:22px 16px}.home-page .workflow-grid p{font-size:.9rem}.home-page .diagnostic-mini-keyboard span{width:30px;height:28px}}.site-page:has(.tool-shell[aria-label="Keyboard Latency Tester tool"]) .hero{padding-top:30px;padding-bottom:10px}.site-page:has(.tool-shell[aria-label="Keyboard Latency Tester tool"]) .hero__copy{grid-template-columns:minmax(0,760px) minmax(300px,380px);align-items:center;max-width:1320px}.site-page:has(.tool-shell[aria-label="Keyboard Latency Tester tool"]) .eyebrow{justify-self:start;border:0;padding:0;background:transparent}.site-page:has(.tool-shell[aria-label="Keyboard Latency Tester tool"]) h1{font-size:clamp(3rem,5.2vw,4.75rem)}.site-page:has(.tool-shell[aria-label="Keyboard Latency Tester tool"]) .privacy-note{grid-column:2;grid-row:1 / span 3;align-self:center}.site-page:has(.tool-shell[aria-label="Keyboard Latency Tester tool"]) .hero__actions{grid-column:1;grid-row:4}.site-page:has(.tool-shell[aria-label="Keyboard Latency Tester tool"]) .tool-shell{margin-top:-8px;margin-bottom:76px}.site-page:has(.tool-shell[aria-label="Keyboard Latency Tester tool"]) .tester-grid{grid-template-areas:"timing timing stats stats" "guide guide report report" "ghosting issues report report"}.site-page:has(.tool-shell[aria-label="Keyboard Latency Tester tool"]) .timing-panel{grid-area:timing}.site-page:has(.tool-shell[aria-label="Keyboard Latency Tester tool"]) .stats-panel{grid-area:stats;display:block;border:1px solid rgba(220,238,228,.1);padding:24px;background:linear-gradient(rgba(154,176,166,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(154,176,166,.04) 1px,transparent 1px),linear-gradient(145deg,#14202a,#0a131a);background-size:26px 26px,26px 26px,auto;color:#edf7f2;box-shadow:0 16px 40px #0f172a1f}.site-page:has(.tool-shell[aria-label="Keyboard Latency Tester tool"]) .guided-panel{grid-area:guide}.site-page:has(.tool-shell[aria-label="Keyboard Latency Tester tool"]) .ghosting-panel{grid-area:ghosting}.site-page:has(.tool-shell[aria-label="Keyboard Latency Tester tool"]) .issues-panel{grid-area:issues}.site-page:has(.tool-shell[aria-label="Keyboard Latency Tester tool"]) .report-panel{grid-area:report}.site-page:has(.tool-shell[aria-label="Keyboard Latency Tester tool"]) .stats-panel .panel__header{display:flex}.site-page:has(.tool-shell[aria-label="Keyboard Latency Tester tool"]) .timing-panel .stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.site-page:has(.tool-shell[aria-label="Keyboard Latency Tester tool"]) .stats-panel .stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.site-page:has(.tool-shell[aria-label="Keyboard Latency Tester tool"]) .stats-panel h2{color:#edf7f2}.site-page:has(.tool-shell[aria-label="Keyboard Latency Tester tool"]) .stats-panel .stat{min-height:88px;border-color:#dceee41a;background:#ffffff0f;box-shadow:none}.site-page:has(.tool-shell[aria-label="Keyboard Latency Tester tool"]) .stats-panel .stat__icon,.site-page:has(.tool-shell[aria-label="Keyboard Latency Tester tool"]) .stats-panel .stat__value,.site-page:has(.tool-shell[aria-label="Keyboard Latency Tester tool"]) .stats-panel .panel__eyebrow,.site-page:has(.tool-shell[aria-label="Keyboard Latency Tester tool"]) .stats-panel .panel__header svg{color:#7be8a6}.site-page:has(.tool-shell[aria-label="Keyboard Latency Tester tool"]) .stats-panel .stat__label,.site-page:has(.tool-shell[aria-label="Keyboard Latency Tester tool"]) .stats-panel .detail-list dt,.site-page:has(.tool-shell[aria-label="Keyboard Latency Tester tool"]) .stats-panel .detail-list dd{color:#edf7f2b8}.site-page:has(.tool-shell[aria-label="Keyboard Latency Tester tool"]) .stats-panel .detail-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-height:auto;margin:18px 0 0;padding:0;background:transparent;box-shadow:none}.site-page:has(.tool-shell[aria-label="Keyboard Latency Tester tool"]) .stats-panel .detail-list div:nth-child(2){display:grid}@media(max-width:1180px){.site-page:has(.tool-shell[aria-label="Keyboard Latency Tester tool"]) .hero__copy{grid-template-columns:minmax(0,1fr)}.site-page:has(.tool-shell[aria-label="Keyboard Latency Tester tool"]) .privacy-note,.site-page:has(.tool-shell[aria-label="Keyboard Latency Tester tool"]) .hero__actions{grid-column:1;grid-row:auto}.site-page:has(.tool-shell[aria-label="Keyboard Latency Tester tool"]) .tester-grid{grid-template-areas:"timing timing" "stats stats" "guide guide" "ghosting issues" "report report"}}@media(max-width:780px){.site-page:has(.tool-shell[aria-label="Keyboard Latency Tester tool"]) .hero{padding-bottom:14px}.site-page:has(.tool-shell[aria-label="Keyboard Latency Tester tool"]) .hero__copy{display:grid}.site-page:has(.tool-shell[aria-label="Keyboard Latency Tester tool"]) .tester-grid{grid-template-areas:"timing" "stats" "guide" "ghosting" "issues" "report"}.site-page:has(.tool-shell[aria-label="Keyboard Latency Tester tool"]) .timing-panel .stat-grid,.site-page:has(.tool-shell[aria-label="Keyboard Latency Tester tool"]) .stats-panel .stat-grid,.site-page:has(.tool-shell[aria-label="Keyboard Latency Tester tool"]) .stats-panel .detail-list{grid-template-columns:repeat(2,minmax(0,1fr))}}button:focus-visible,select:focus-visible,a:focus-visible,.keycap:focus-visible{outline:3px solid var(--accent);outline-offset:3px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--refresh-ink: #0a1410;--refresh-ink-soft: #13231b;--refresh-paper: #f1f3ed;--refresh-card: #fbfcf8;--refresh-line: #d8ded5;--refresh-accent: #84d65b;--refresh-accent-strong: #55ad51;--refresh-accent-soft: #e1f3cf;--refresh-muted: #66716a;--refresh-shadow: 0 30px 90px rgba(21, 39, 30, .14);font-family:Segoe UI Variable Text,Aptos,Segoe UI,ui-sans-serif,system-ui,sans-serif}body{background:radial-gradient(circle at 8% 28%,rgba(132,214,91,.07),transparent 28rem),var(--refresh-paper)}h1,h2,h3,.brand__wordmark,.stat__value{font-family:Segoe UI Variable Display,Aptos Display,Segoe UI,ui-sans-serif,system-ui,sans-serif}.home-page .site-header,.site-page .site-header{top:16px;grid-template-columns:minmax(230px,1fr) auto minmax(430px,1fr);width:min(calc(100% - 48px),1440px);min-height:78px;margin-top:16px;border-color:#d9f4e021;border-radius:20px;padding:0 24px;background:linear-gradient(120deg,#13231bf7,#08140ff0),var(--refresh-ink);color:#f4fbf5;box-shadow:0 24px 70px #030c084d,inset 0 1px #ffffff14;backdrop-filter:blur(20px) saturate(120%)}.home-page .brand__mark,.site-page .brand__mark{width:46px;height:46px;border-radius:12px;background:var(--refresh-accent);color:#0a170d;box-shadow:0 10px 28px #84d65b38}.home-page .brand__wordmark,.site-page .brand__wordmark{color:#f4fbf5;font-size:1.35rem;font-weight:760;letter-spacing:-.045em}.home-page .brand__wordmark span,.site-page .brand__wordmark span,.site-header .nav-start span{color:var(--refresh-accent)}.home-page .site-nav a,.site-page .site-nav a{color:#ebf5eea3}.home-page .site-nav>a:first-child,.site-page .site-nav>a:first-child{color:#ebf5eea3}.home-page .site-nav a[aria-current=page],.site-page .site-nav a[aria-current=page],.home-page .nav-menu[data-active=true] .nav-menu__trigger,.site-page .nav-menu[data-active=true] .nav-menu__trigger{color:#f4fbf5}.home-page .nav-menu__trigger,.site-page .nav-menu__trigger{padding:11px 20px;background:#ffffff12}.home-page .nav-menu:hover .nav-menu__trigger,.home-page .nav-menu:focus-within .nav-menu__trigger,.site-page .nav-menu:hover .nav-menu__trigger,.site-page .nav-menu:focus-within .nav-menu__trigger{background:#84d65b21;color:#f4fbf5}.home-page .local-badge,.site-page .local-badge,.home-page .language-menu__trigger,.site-page .language-menu__trigger{min-height:42px;border-color:#ffffff1a;padding:0 15px;background:#ffffff0f;color:#f4fbf5c7;box-shadow:none}.home-page .site-header .button--primary,.site-page .site-header .button--primary{min-height:48px;border-radius:13px;padding:0 22px;background:var(--refresh-accent);color:#0b180e;font-size:1rem;box-shadow:0 14px 30px #84d65b2e}.home-page .site-header .button--primary:hover,.site-page .site-header .button--primary:hover{background:#96df72;transform:translateY(-2px)}.nav-dropdown,.language-menu__list{border-color:#ffffff1a;background:#0f1d16fa;color:#f3faf4;box-shadow:0 28px 80px #020a0666}.nav-dropdown a,.language-menu__list a{color:#ecf6efbd}.nav-dropdown a:hover,.nav-dropdown a:focus-visible,.language-menu__list a:hover,.language-menu__list a:focus-visible,.language-menu__list a[aria-current=page]{background:#84d65b1a;color:#f5fff7}.nav-dropdown strong{color:#f5fff7}.nav-dropdown__footer{border-color:#ffffff14;background:#030c0847}.home-page .hero,.site-page .hero{margin-top:-110px;padding-top:180px;padding-bottom:150px;background:radial-gradient(70% 92% at 84% 12%,rgba(93,184,102,.23),transparent 58%),radial-gradient(42% 52% at 14% 88%,rgba(132,214,91,.08),transparent 72%),linear-gradient(145deg,#0b1711,#11261a 54%,#0a1510);color:#f5faf6}.home-page .hero:before,.site-page .hero:before{inset:0;background:linear-gradient(rgba(207,238,216,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(207,238,216,.05) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,black,transparent 88%)}.home-page .hero:after,.site-page .hero:after{right:-3rem;bottom:1rem;width:30rem;height:30rem;border:1px solid rgba(132,214,91,.12);border-radius:50%;background:transparent;box-shadow:0 0 0 4rem #84d65b06,0 0 0 9rem #84d65b05}.home-page .hero__copy,.site-page .hero__copy{width:min(100%,1440px)}.home-page .hero__copy{grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);align-items:center;gap:clamp(64px,8vw,140px)}.home-page .hero__copy h1,.site-page .hero__copy h1{color:#f6fbf7;font-weight:760;letter-spacing:-.065em;text-wrap:balance}.home-page .hero__copy h1{max-width:760px;font-size:clamp(4.4rem,6.4vw,7rem);line-height:.89}.home-page .hero__copy h1 span{color:var(--refresh-accent)}.home-page .hero__lede,.site-page .hero__lede,.site-page .privacy-note{max-width:62ch;color:#e6f1e9ab;line-height:1.7}.site-page .privacy-note{border-color:#cfeed824;background:radial-gradient(circle at 86% 12%,rgba(132,214,91,.14),transparent 38%),#050f0aa3;color:#eff8f1c2;box-shadow:0 24px 60px #020a0647,inset 0 1px #ffffff0f}.site-page .privacy-note strong,.site-page .privacy-note p,.site-page .privacy-note span{color:inherit}.home-page .hero .eyebrow,.site-page .hero .eyebrow{color:var(--refresh-accent);letter-spacing:.12em}.home-page .hero .button--primary,.site-page .hero .button--primary{border-radius:12px;background:var(--refresh-accent);color:#0b180e;box-shadow:0 18px 42px #84d65b33}.home-page .hero__assurance strong,.home-page .hero__assurance small,.site-page .hero__actions span{color:#eff8f1c7}.home-page .hero-console{width:min(100%,520px);border:1px solid rgba(207,238,216,.12);border-radius:22px;background:linear-gradient(rgba(132,214,91,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(132,214,91,.05) 1px,transparent 1px),#050f0ab8;background-size:24px 24px,24px 24px,auto;box-shadow:0 40px 90px #020a066b,inset 0 1px #ffffff12;transform:rotate(1.25deg)}.home-page .hero-console:before{background:linear-gradient(90deg,var(--refresh-accent),rgba(132,214,91,0))}.home-page .tool-shell,.site-page .tool-shell{position:relative;z-index:2;max-width:1440px;margin:-88px auto 104px;border:1px solid rgba(255,255,255,.86);border-radius:32px;padding:18px;background:#f1f3edf5;box-shadow:var(--refresh-shadow),inset 0 1px #fff}.home-page .tool-shell__heading,.site-page .tool-shell__heading{position:relative;padding:22px 22px 24px}.home-page .tool-shell__heading:after,.site-page .tool-shell__heading:after{position:absolute;right:22px;bottom:30px;width:min(22vw,250px);height:1px;content:"";background:linear-gradient(90deg,transparent,#aeb9b0)}.home-page .tool-shell__heading span,.site-page .tool-shell__heading span,.home-page .panel__eyebrow,.site-page .panel__eyebrow{color:var(--refresh-accent-strong);letter-spacing:.11em}.home-page .tool-shell__heading h2,.site-page .tool-shell__heading h2{font-weight:740;letter-spacing:-.045em}.home-page .toolbar,.site-page .toolbar{border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:14px 16px;background:var(--refresh-ink-soft);color:#f3faf4;box-shadow:0 20px 52px #0c1d142b}.home-page .toolbar select,.site-page .toolbar select{border-color:#ffffff1f;background:#ffffff12;color:#f5fbf6}.home-page .toolbar select option,.site-page .toolbar select option{background:var(--refresh-ink-soft);color:#f5fbf6}.home-page .toolbar .button--secondary,.site-page .toolbar .button--secondary{border-color:#ffffff1f;background:#ffffff0f;color:#eff8f1}.home-page .toolbar .button--primary,.site-page .toolbar .button--primary{background:var(--refresh-accent);color:#0a170d;box-shadow:0 10px 24px #84d65b29}.home-page .tester-surface,.site-page .tester-surface{gap:0;overflow:hidden;border:1px solid rgba(188,222,198,.11);border-radius:24px;padding:10px;background:radial-gradient(circle at 84% 0%,rgba(132,214,91,.09),transparent 34%),#0b1611;box-shadow:0 28px 70px #0a1b1233}.home-page .tester-surface--focused,.site-page .tester-surface--focused{border-color:#84d65b80;box-shadow:0 0 0 4px #84d65b1f,0 34px 80px #0a1b1242}.home-page .focus-banner,.site-page .focus-banner{border:0;padding:18px 18px 8px;background:transparent;box-shadow:none}.home-page .focus-banner p,.site-page .focus-banner p{color:#f4fbf5}.home-page .focus-banner div>span,.site-page .focus-banner div>span{color:#e0eee594}.home-page .privacy-chip,.site-page .privacy-chip{background:#84d65b1f;color:#b8ed9f}.home-page .mode-strip,.site-page .mode-strip{gap:8px;margin:0;border:0;padding:8px 18px 18px;background:transparent}.home-page .mode-chip,.site-page .mode-chip{border-color:#d3ecda1a;background:#ffffff0a;color:#e5f1e8ad}.home-page .mode-chip__icon,.site-page .mode-chip__icon{border-color:var(--refresh-accent)}.home-page .virtual-keyboard,.site-page .virtual-keyboard{margin:0;border:1px solid rgba(255,255,255,.06);border-radius:17px;background:linear-gradient(rgba(160,201,172,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(160,201,172,.04) 1px,transparent 1px),#101a20;background-size:26px 26px,26px 26px,auto;box-shadow:inset 0 1px #ffffff0a,inset 0 -20px 60px #01070442}.home-page .keycap,.site-page .keycap{border-radius:8px;background:linear-gradient(180deg,#25332d,#18251f);color:#dce9e0;box-shadow:inset 0 1px #ffffff0f,0 5px #07100c,0 10px 20px #01080547}.home-page .keycap--pressed,.site-page .keycap--pressed{background:linear-gradient(180deg,#a5eb83,#70c95e);color:#0a170d;box-shadow:inset 0 1px #ffffff3d,0 0 28px #84d65b73}.home-page .stats-panel .stat,.site-page .stats-panel .stat{border:0;border-radius:16px;background:var(--refresh-card);box-shadow:0 12px 32px #15271e12}.home-page .stats-panel .stat:first-child,.site-page .stats-panel .stat:first-child{background:var(--refresh-accent-soft)}.home-page .stats-panel .stat__value,.site-page .stats-panel .stat__value,.home-page .stats-panel .detail-list dd,.site-page .stats-panel .detail-list dd{font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-variant-numeric:tabular-nums}.home-page .stats-panel .detail-list,.site-page .stats-panel .detail-list{border-radius:16px;background:radial-gradient(circle at 86% 12%,rgba(132,214,91,.18),transparent 40%),var(--refresh-ink-soft)}.home-page .panel,.site-page .panel{border:0;background:var(--refresh-card);box-shadow:0 20px 54px #15271e16}.home-page .guided-panel,.site-page .guided-panel{border-radius:28px 14px 28px 28px}.home-page .ghosting-panel,.site-page .ghosting-panel{border-radius:14px 28px 28px}.home-page .issues-panel,.site-page .issues-panel{background:radial-gradient(circle at 94% 0%,rgba(132,214,91,.1),transparent 36%),var(--refresh-card)}.home-page .report-panel,.site-page .report-panel{border-radius:28px;background:linear-gradient(rgba(132,214,91,.035) 1px,transparent 1px),var(--refresh-ink-soft);background-size:22px 22px,auto;color:#eef7f0}.home-page .report-panel .panel__header h3,.site-page .report-panel .panel__header h3{color:#f4fbf5}.home-page .report-panel pre,.site-page .report-panel pre{border-color:#ffffff14;background:#020a066b;color:#b9cec0}.home-page .report-summary strong,.home-page .report-summary span,.site-page .report-summary strong,.site-page .report-summary span{border-color:#ffffff14;background:#ffffff0f;color:#eff8f1cc}.home-page .report-panel .button,.site-page .report-panel .button{border-color:#ffffff1a;background:#ffffff14;color:#f2f9f3}.home-page .report-panel .button:hover,.site-page .report-panel .button:hover{background:var(--refresh-accent);color:#0a170d}.home-page .guide-step,.site-page .guide-step,.home-page .ghosting-panel .detail-list div,.home-page .issues-panel .detail-list div,.site-page .ghosting-panel .detail-list div,.site-page .issues-panel .detail-list div{border-color:var(--refresh-line);background:#f3f5ef}.home-page .progress-bar,.site-page .progress-bar{background:#dce3d9}.home-page .progress-bar span,.site-page .progress-bar span{background:var(--refresh-accent-strong)}.home-page .combo,.site-page .combo{border-color:#d7dfd5;background:#edf1e9}.home-page .home-section{max-width:1440px}.home-page .section-heading h2,.home-page .section-heading h3,.home-page .diagnostic-copy h2,.home-page .trust-copy h2{font-weight:740;letter-spacing:-.055em;text-wrap:balance}.home-page .section-heading p,.home-page .diagnostic-copy p,.home-page .trust-copy p{max-width:62ch;color:var(--refresh-muted);line-height:1.75}@media(min-width:1181px){.home-page .workflow-grid{grid-template-columns:minmax(0,1.16fr) minmax(340px,.84fr);grid-template-rows:repeat(2,minmax(210px,1fr));gap:20px}.home-page .workflow-card--layout{grid-row:1 / span 2}.home-page .workflow-card--compare,.home-page .workflow-card--export{display:grid;grid-template-columns:180px 1fr;min-height:0}.home-page .related-list{grid-template-columns:repeat(6,minmax(0,1fr))}.home-page .related-list>li:nth-child(-n+2){grid-column:span 3}.home-page .related-list>li:nth-child(n+3){grid-column:span 2}}.home-page .workflow-card,.home-page .diagnostic-card,.home-page .related-tool-card{border-color:transparent;box-shadow:0 22px 58px #15271e16;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.home-page .workflow-card:hover,.home-page .diagnostic-card:hover,.home-page .related-tool-card:hover{border-color:#55ad513d;box-shadow:0 30px 72px #15271e21;transform:translateY(-5px)}.home-page .workflow-card--layout{background:radial-gradient(circle at 82% 18%,rgba(132,214,91,.18),transparent 34%),var(--refresh-ink-soft);color:#f4fbf5}.home-page .workflow-card--layout h3,.home-page .workflow-card--layout p{color:inherit}.home-page .trust-section{overflow:hidden;border-radius:34px;background:radial-gradient(circle at 88% 0%,rgba(132,214,91,.17),transparent 34%),var(--refresh-ink-soft);color:#f2faf4;box-shadow:var(--refresh-shadow)}.home-page .trust-copy h2,.home-page .trust-copy p,.home-page .trust-list strong,.home-page .trust-list span{color:inherit}.home-page .trust-list div{border-color:#ffffff17;background:#ffffff0e}.home-page .related-tool-card__arrow{color:var(--refresh-accent-strong)}@media(max-width:1180px){.home-page .site-header,.site-page .site-header{grid-template-columns:minmax(220px,1fr) auto;width:min(calc(100% - 32px),980px)}.home-page .site-nav,.site-page .site-nav{grid-column:1 / -1}.home-page .hero__copy,.site-page .hero__copy{gap:52px}}@media(max-width:780px){.home-page .site-header,.site-page .site-header{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:8px;width:calc(100% - 24px);min-height:0;border-radius:18px;padding:10px 12px}.home-page .brand__wordmark,.site-page .brand__wordmark,.home-page .site-nav>a:first-child,.site-page .site-nav>a:first-child{display:none}.home-page .brand,.site-page .brand{grid-column:1}.home-page .site-nav,.site-page .site-nav{grid-column:2;order:initial;width:auto;justify-content:flex-end;justify-self:stretch}.home-page .nav-menu__trigger,.site-page .nav-menu__trigger{min-height:42px;padding:0 14px}.home-page .header-actions,.site-page .header-actions{grid-column:3;justify-self:end}.home-page .language-menu__trigger,.site-page .language-menu__trigger{min-height:42px;padding:0 13px}.home-page .hero,.site-page .hero{margin-top:-84px;padding-top:116px;padding-bottom:96px}.home-page .hero__copy h1{font-size:clamp(3.5rem,16vw,4.8rem);line-height:.92}.home-page .hero-console{margin-top:24px;transform:none}.home-page .tool-shell,.site-page .tool-shell{width:calc(100% - 16px);margin-top:-62px;border-radius:24px;padding:8px}.home-page .tool-shell__heading,.site-page .tool-shell__heading{padding:20px 14px}.home-page .tool-shell__heading:after,.site-page .tool-shell__heading:after{display:none}.home-page .toolbar,.site-page .toolbar{padding:14px}.home-page .tester-surface,.site-page .tester-surface{border-radius:20px;padding:6px}.home-page .focus-banner,.site-page .focus-banner{padding:16px 14px 8px}.home-page .mode-strip,.site-page .mode-strip{padding:8px 14px 16px}.home-page .virtual-keyboard,.site-page .virtual-keyboard{border-radius:15px;padding:18px}.home-page .panel,.site-page .panel,.home-page .guided-panel,.site-page .guided-panel,.home-page .ghosting-panel,.site-page .ghosting-panel,.home-page .report-panel,.site-page .report-panel{border-radius:20px}.home-page .trust-section{margin-right:12px;margin-left:12px;border-radius:24px}}@media(min-width:781px){.site-page:has(.tool-shell[aria-label="Keyboard Latency Tester tool"]) .hero{padding-top:140px;padding-bottom:70px}}.home-page .tool-shell,.home-page .home-section{--home-frame: 1440px;--home-gutter: clamp(28px, 5vw, 80px)}.home-page .home-section{width:min(calc(100% - 32px),var(--home-frame));max-width:var(--home-frame);margin:0 auto;padding:104px var(--home-gutter) 116px}.home-page .workflow-section,.home-page .diagnostic-section,.home-page .trust-section,.home-page .faq-section{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:start}.home-page .workflow-section .section-heading,.home-page .diagnostic-copy,.home-page .trust-copy,.home-page .faq-section .section-heading{grid-column:1 / span 4;justify-items:start;width:auto;max-width:none;margin:0;text-align:left}.home-page .workflow-section .section-heading h2,.home-page .diagnostic-copy h2,.home-page .trust-copy h2,.home-page .faq-section .section-heading h3{font-size:clamp(2.65rem,3.4vw,4rem);line-height:.98}.home-page .workflow-grid,.home-page .diagnostic-grid,.home-page .faq-list{grid-column:5 / -1;width:100%;max-width:none;margin:0}.home-page .workflow-grid{display:grid;grid-template-columns:1fr;grid-template-rows:none;gap:14px}.home-page .workflow-grid:before{display:none}.home-page .workflow-grid article,.home-page .workflow-card--compare,.home-page .workflow-card--export{display:grid;grid-template-columns:92px minmax(0,1fr);gap:18px;align-items:center;min-height:150px;margin:0;border:1px solid #e1e8df;border-radius:22px;padding:16px;background:#fafcf8e0;box-shadow:0 16px 42px #13281b0f}.home-page .workflow-card__media{width:92px;height:92px}.home-page .workflow-card__icon{width:72px;height:72px;border:1px solid rgba(79,153,68,.2);border-radius:18px;background:#e8f4df;color:#397b32;box-shadow:inset 0 1px #fffc,0 12px 28px #366b2f1a}.home-page .workflow-card__icon svg{width:29px;height:29px}.home-page .workflow-card__step{top:0;right:-2px;border-radius:7px;background:#102219}.home-page .workflow-card__body{display:grid;gap:7px;width:auto;min-height:0;border:0;border-radius:14px;padding:22px 24px;background:#f4f7f1;box-shadow:none;text-align:left}.home-page .workflow-grid .workflow-card--layout{grid-row:auto;background:radial-gradient(circle at 92% 0%,rgba(132,214,91,.15),transparent 36%),#12251a;border-color:#84d65b2e}.home-page .workflow-card--layout .workflow-card__body{background:#ffffff0e}.home-page .workflow-card--layout h3,.home-page .workflow-card--layout p{color:#f2f8f3}.home-page .workflow-card:hover .workflow-card__body,.home-page .workflow-card:hover .workflow-card__icon{transform:none}.home-page .diagnostic-section{background:linear-gradient(rgba(70,113,80,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(70,113,80,.035) 1px,transparent 1px),#f0f4ef;background-size:32px 32px,32px 32px,auto}.home-page .diagnostic-copy{position:sticky;top:124px;margin-bottom:0}.home-page .diagnostic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.home-page .diagnostic-card{min-height:300px;border-radius:22px;padding:30px;background:#fafcf8e6}.home-page .diagnostic-card--map,.home-page .diagnostic-card--stuck{grid-column:1 / -1}.home-page .diagnostic-card--ghosting,.home-page .diagnostic-card--chatter,.home-page .diagnostic-card--stuck{--diagnostic-accent: #4c8f42;--diagnostic-tint: #edf6e7;--diagnostic-soft: #d8eaca}.home-page .trust-section{padding-top:92px;padding-bottom:92px}.home-page .trust-copy{grid-column:1 / span 5;align-self:center;margin:0}.home-page .trust-list{grid-column:7 / -1;width:100%;max-width:none;margin:0}.home-page .trust-list div{grid-template-columns:minmax(130px,.38fr) 1fr;gap:22px;min-height:112px;border-radius:16px;padding:22px 24px}.home-page .faq-section .section-heading{margin:0}.home-page .faq-list{gap:10px}.home-page .related-tools .section-heading,.home-page .related-list{width:100%;max-width:none;margin-right:0;margin-left:0}.home-page .related-tools .section-heading{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:end}.home-page .related-tools .section-heading>span,.home-page .related-tools .section-heading>h2,.home-page .related-tools .section-heading>h3{grid-column:1 / span 5}.home-page .related-tools .section-heading>p{grid-column:7 / -1}.home-page .keyboard-tester{gap:16px}.home-page .toolbar{position:relative;min-height:76px;border-radius:18px 18px 10px 10px;padding:14px 18px 14px 24px;background:linear-gradient(90deg,rgba(132,214,91,.055),transparent 35%),#102119}.home-page .toolbar:before{position:absolute;top:0;right:20px;left:20px;height:2px;content:"";background:linear-gradient(90deg,transparent,rgba(132,214,91,.72),transparent)}.home-page .toolbar .field>span{color:#eff8f1b8}.home-page .tester-surface{position:relative;border:1px solid rgba(195,225,203,.14);border-radius:18px 18px 28px 28px;padding:0 14px 18px;background:radial-gradient(circle at 78% -10%,rgba(132,214,91,.14),transparent 34%),linear-gradient(145deg,#0b1711,#10231a 56%,#08130e);box-shadow:inset 0 1px #ffffff0f,inset 0 -1px #0000006b,0 34px 70px #08180e33}.home-page .tester-hardware-rail{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;min-height:46px;border-bottom:1px solid rgba(205,233,212,.1);padding:0 12px;color:#deefe380;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.68rem;font-weight:700;letter-spacing:.12em}.home-page .tester-hardware-rail__line{height:1px;background:linear-gradient(90deg,#84d65b57,#84d65b00)}.home-page .tester-hardware-rail__signal{display:inline-flex;align-items:center;gap:8px;color:#a6df8b}.home-page .tester-hardware-rail__signal i{width:7px;height:7px;border-radius:50%;background:#84d65b;box-shadow:0 0 14px #84d65bb3}.home-page .focus-banner{padding:20px 18px 8px}.home-page .mode-strip{padding:8px 18px 20px}.home-page .virtual-keyboard{position:relative;border:1px solid rgba(205,228,211,.13);border-bottom-color:#000000b3;border-radius:22px;padding:34px;background:radial-gradient(circle at 50% 0%,rgba(145,187,156,.08),transparent 48%),repeating-linear-gradient(135deg,rgba(255,255,255,.012) 0 1px,transparent 1px 5px),linear-gradient(160deg,#18251f,#0d1713 70%);box-shadow:inset 0 1px #ffffff14,inset 0 -16px 36px #01080457,0 18px #050c08,0 30px 54px #0108046b}.home-page .virtual-keyboard:before,.home-page .virtual-keyboard:after{position:absolute;top:13px;width:7px;height:7px;border:1px solid rgba(255,255,255,.12);border-radius:50%;content:"";background:#07100b;box-shadow:inset 0 1px 1px #ffffff24}.home-page .virtual-keyboard:before{left:14px}.home-page .virtual-keyboard:after{right:14px}.home-page .keycap{border:1px solid rgba(235,246,239,.09);border-bottom:4px solid #050c08;border-radius:9px;background:linear-gradient(145deg,rgba(255,255,255,.045),transparent 42%),linear-gradient(180deg,#2a3a32,#17251e);color:#e5efe8;box-shadow:inset 0 1px #ffffff17,inset 0 -1px #0000006b,0 5px #050c08,0 9px 14px #0107045c}.home-page .keycap--pressed{border-bottom-width:1px;background:linear-gradient(180deg,#a9eb85,#6fc855);color:#08140b;transform:translateY(4px);box-shadow:inset 0 1px #ffffff5c,0 0 26px #84d65b8f}.home-page .stats-panel{border:1px solid rgba(202,229,209,.11);border-radius:18px;padding:8px;background:linear-gradient(90deg,rgba(132,214,91,.06),transparent 26%),#102119;color:#eef6f0;box-shadow:0 18px 44px #0c1e1324}.home-page .stats-panel .stat-grid{gap:0}.home-page .stats-panel .stat{min-height:112px;border-right:1px solid rgba(216,237,222,.08);border-radius:0;background:transparent;box-shadow:none}.home-page .stats-panel .stat:first-child{border-radius:12px;background:#dff3cc;color:#122319}.home-page .stats-panel .stat:not(:first-child) .stat__value{color:#edf6ef}.home-page .stats-panel .stat:not(:first-child) .stat__icon{color:#84d65b}.home-page .stats-panel .stat:not(:first-child) .stat__label{color:#e2f0e694}.home-page .stats-panel .detail-list{min-height:112px;margin:0;border-radius:12px;background:radial-gradient(circle at 100% 0%,rgba(132,214,91,.16),transparent 48%),#ffffff0a}@media(min-width:981px){.home-page .tester-grid{grid-template-areas:"stats stats stats stats stats stats stats stats stats stats stats stats" "guide guide guide guide ghost ghost ghost ghost report report report report" "guide guide guide guide issues issues issues issues report report report report";grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto auto auto;align-items:stretch;gap:18px}.home-page .guided-panel{grid-area:guide}.home-page .ghosting-panel{grid-area:ghost}.home-page .issues-panel{grid-area:issues}.home-page .report-panel{grid-area:report}.home-page .guided-panel,.home-page .report-panel{height:100%}}@media(max-width:980px){.home-page .home-section{width:calc(100% - 20px);padding:76px 28px 84px}.home-page .workflow-section,.home-page .diagnostic-section,.home-page .trust-section,.home-page .faq-section{display:block}.home-page .workflow-section .section-heading,.home-page .diagnostic-copy,.home-page .trust-copy,.home-page .faq-section .section-heading{position:static;max-width:680px;margin-bottom:42px}.home-page .trust-list{margin:0}.home-page .tester-grid{grid-template-areas:"stats stats" "guide ghosting" "issues report";grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}@media(max-width:680px){.home-page .home-section{width:calc(100% - 16px);padding:60px 18px 68px}.home-page .workflow-grid article,.home-page .workflow-card--compare,.home-page .workflow-card--export{grid-template-columns:70px minmax(0,1fr);gap:10px;min-height:132px;padding:10px}.home-page .workflow-card__media{width:70px;height:70px}.home-page .workflow-card__icon{width:58px;height:58px;border-radius:15px}.home-page .workflow-card__body{padding:17px}.home-page .diagnostic-grid,.home-page .tester-grid{grid-template-columns:1fr}.home-page .tester-grid{grid-template-areas:"stats" "guide" "ghosting" "issues" "report"}.home-page .stats-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:1px}.home-page .stats-panel .stat{min-height:96px;border-right:0;border-bottom:1px solid rgba(216,237,222,.08)}.home-page .stats-panel .stat:nth-child(5),.home-page .stats-panel .detail-list{grid-column:1 / -1}.home-page .diagnostic-card--map,.home-page .diagnostic-card--stuck{grid-column:auto}.home-page .diagnostic-card--stuck{flex-direction:column;align-items:stretch}.home-page .tester-hardware-rail{grid-template-columns:1fr auto;padding:0 8px}.home-page .tester-hardware-rail__line{display:none}.home-page .virtual-keyboard{padding:24px 18px 30px}.home-page .related-tools .section-heading{display:block}.home-page .related-tools .section-heading>p{margin-top:14px}}@media(min-width:1400px){.home-page .virtual-keyboard--full-size,.site-page .virtual-keyboard--full-size{--key-unit-width: 50px;--key-unit-height: 46px;--key-row-gap: 8px;overflow-x:hidden;padding:28px}.home-page .virtual-keyboard--full-size .keyboard-full-size,.site-page .virtual-keyboard--full-size .keyboard-full-size{--keyboard-cluster-gap: 24px;width:100%;justify-content:space-between}}@media(min-width:1181px)and (max-width:1399px){.home-page .virtual-keyboard--full-size,.site-page .virtual-keyboard--full-size{--key-unit-width: 44px;--key-unit-height: 42px;--key-row-gap: 6px;overflow-x:hidden;padding:18px}.home-page .virtual-keyboard--full-size .keyboard-full-size,.site-page .virtual-keyboard--full-size .keyboard-full-size{--keyboard-cluster-gap: 18px;width:100%;justify-content:space-between}}@media(min-width:1080px)and (max-width:1182px){.home-page .virtual-keyboard--full-size,.site-page .virtual-keyboard--full-size{--key-unit-width: 40px;--key-unit-height: 38px;--key-row-gap: 5px;overflow-x:hidden;padding:14px}.home-page .virtual-keyboard--full-size .keyboard-full-size,.site-page .virtual-keyboard--full-size .keyboard-full-size{--keyboard-cluster-gap: 15px;width:100%;justify-content:space-between}}@media(min-width:981px)and (max-width:1079px){.home-page .virtual-keyboard--full-size,.site-page .virtual-keyboard--full-size{--key-unit-width: 35px;--key-unit-height: 36px;--key-row-gap: 4px;overflow-x:hidden;padding:12px}.home-page .virtual-keyboard--full-size .keyboard-full-size,.site-page .virtual-keyboard--full-size .keyboard-full-size{--keyboard-cluster-gap: 12px;width:100%;justify-content:space-between}}@media(min-width:1181px)and (max-width:1399px){.site-page .virtual-keyboard:not(.virtual-keyboard--full-size){--key-unit-width: 48px;--key-unit-height: 44px;--key-row-gap: 7px;overflow-x:hidden;padding:22px}}@media(min-width:1080px)and (max-width:1180px){.site-page .virtual-keyboard:not(.virtual-keyboard--full-size){--key-unit-width: 44px;--key-unit-height: 42px;--key-row-gap: 6px;overflow-x:hidden;padding:18px}}@media(min-width:981px)and (max-width:1079px){.site-page .virtual-keyboard:not(.virtual-keyboard--full-size){--key-unit-width: 40px;--key-unit-height: 38px;--key-row-gap: 5px;overflow-x:hidden;padding:14px}}.home-page .virtual-keyboard--full-size,.site-page .virtual-keyboard{scrollbar-width:thin;scrollbar-color:rgba(132,214,91,.45) rgba(3,12,8,.55)}.home-page .virtual-keyboard--full-size::-webkit-scrollbar,.site-page .virtual-keyboard::-webkit-scrollbar{height:8px}.home-page .virtual-keyboard--full-size::-webkit-scrollbar-track,.site-page .virtual-keyboard::-webkit-scrollbar-track{border-radius:999px;background:#030c088c}.home-page .virtual-keyboard--full-size::-webkit-scrollbar-thumb,.site-page .virtual-keyboard::-webkit-scrollbar-thumb{border:2px solid rgba(3,12,8,.55);border-radius:999px;background:#84d65b73}
