@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/c36f509c0a8f9f85.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/a76f53ca6612e7b3.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Instrument Serif";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/60c06664b5a95c7d.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/c940764593d0fe5d.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--cream:#fdfcf9;--ink:#202124;--muted:#74767b;--blue:#3867c4;--accent:#3867c4;--accent-deep:#2e54a6;--accent-soft:#eef4ff;--accent-line:#ccdafa;--warm-soft:#fff7e6;--leaf:#678443;--leaf-soft:#eff5df;--clay:#ac6a49;--clay-soft:#fff0e5;--lemon:#faf3d6;--teal:#397b76;--line:#e9e9eb;--surface:#f2f5ed;--yellow:#f0eeea;--sans:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--display:"Instrument Serif",Georgia,serif;--serif:var(--display);--mono:"IBM Plex Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;transition:background .2s,color .2s,border-color .2s}button:disabled{cursor:default;opacity:.5}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}em{font-weight:inherit;font-style:normal}button:focus-visible,a:focus-visible,summary:focus-visible,textarea:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--blue);outline-offset:5px}::selection{background:#dbe9ff;color:#254372}.wrap{width:min(1120px,calc(100% - 96px));margin-inline:auto}.skip{position:fixed;left:16px;top:-100px;z-index:100;padding:12px;background:#fff;color:var(--blue)}.skip:focus{top:12px}.scroll-progress{position:fixed;top:0;left:0;right:0;z-index:60;height:2px;background:var(--blue);transform:scaleX(var(--read-progress,0));transform-origin:left}.brand{display:inline-flex;align-items:center;gap:8px;font:600 27px/1 var(--sans);letter-spacing:-1.2px}.brandmark{display:inline-flex;width:42px;height:42px;flex-shrink:0;background:transparent}.brandmark img{display:block;width:100%;height:100%;object-fit:contain}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:52px;padding:15px 21px;border:1px solid #355bb1;border-radius:9px;background:linear-gradient(#527bdd,#3962bd);color:#fff;font-size:14px;font-weight:500;line-height:1.4;transition:background .2s,transform .2s}.button:hover{background:#3155ac;transform:translateY(-1px)}.button:active{transform:translateY(0)}.button span{font-size:20px;font-weight:400}.button.small{min-height:42px;padding:10px 16px;font-size:13px}.text-button{display:inline-flex;align-items:center;gap:20px;padding:13px 0;background:transparent;font-size:14px}.text-button:hover{color:var(--blue)}.eyebrow{font:400 10px/1.6 var(--mono);letter-spacing:.09em}h2{font:400 clamp(40px,4.4vw,60px)/1.05 var(--display);letter-spacing:-.025em}h2 em{color:var(--accent)}h3{font:500 20px/1.4 var(--sans);letter-spacing:-.035em}.traffic{display:flex;gap:6px;width:44px}.traffic i{width:7px;height:7px;border-radius:50%;background:#c9c9c9}.mini-brand{display:inline-flex;width:26px;height:26px;flex-shrink:0}.mini-brand img{width:100%;height:100%;object-fit:contain}.demo-window{min-width:0;width:100%;background:#fffef8;border:1px solid var(--line);border-radius:8px;overflow:hidden}.window-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 24px;background:#eee;border-bottom:1px solid var(--line);color:var(--muted);font-size:11px}.window-symbol{width:44px;text-align:right;font-size:17px}.demo-panel{padding:30px;min-height:430px}.document-meta{display:flex;justify-content:space-between;gap:15px;margin-bottom:27px;color:var(--muted);font-size:11px}.document-text{font:400 22px/1.65 var(--sans);min-height:210px;letter-spacing:-.02em}.document-text p+p{margin-top:20px}.ghost{background:var(--accent-soft);color:#71939d;transition:color .2s,background .2s}.ghost.accepted{color:var(--ink);background:transparent}.typing-caret{display:inline-block;width:2px;height:24px;background:var(--blue);margin-left:2px;vertical-align:-3px;animation:blink 1.3s steps(1) infinite}.suggestion-bar{display:flex;align-items:center;gap:9px;margin-top:28px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.suggestion-bar button{display:flex;align-items:center;gap:10px;margin-left:auto;padding:8px 11px;background:var(--surface);border:1px solid var(--line);border-radius:4px;font-size:12px}.suggestion-bar kbd{font:11px var(--mono);padding:3px 5px;border:1px solid var(--line);border-radius:3px;background:#fffef8}.demo-caption{display:flex;justify-content:space-between;gap:16px;font-size:11px;line-height:1.6;color:var(--muted);margin-top:18px}.local-icon{margin-right:6px}.completion-examples,.sound-options{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px}.completion-examples button,.sound-options button{padding:9px 12px;background:var(--surface);border:1px solid transparent;border-radius:4px;color:var(--muted);font-size:12px}.completion-examples button[aria-pressed=true],.sound-options button.selected{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent-deep)}.sound-label{display:block;font-size:16px;line-height:1.6}#sound-input{width:100%;resize:none;padding:20px 0;background:transparent;border:0;font:22px/1.65 var(--sans);color:var(--ink);min-height:125px}#sound-input::placeholder{color:#959595}.sound-options{margin:22px 0}.sound-options #play-sound{background:transparent;margin-left:auto}.sound-status{font-size:12px;line-height:1.7;color:var(--muted)}.keyboard-link{margin-left:auto;text-decoration:underline;text-underline-offset:4px}summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;line-height:1.6}summary::-webkit-details-marker{display:none}summary>span{transition:transform .2s}details[open] summary>span{transform:rotate(45deg)}footer{display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:12px;line-height:1.6;padding:38px 0;color:var(--muted)}footer>div{display:flex;gap:20px}footer a:hover{color:var(--blue)}dialog{width:min(560px,calc(100% - 32px));border:1px solid var(--line);border-radius:9px;padding:38px;background:var(--cream);color:var(--ink)}dialog::backdrop{background:#22222280;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}dialog .brandmark{margin-bottom:20px}dialog h2{margin:18px 0 26px;font-size:48px}dialog>p:not(.eyebrow){font-size:14px;line-height:1.8;color:var(--muted)}dialog .button{margin-top:24px}dialog .dialog-note{font-size:12px;margin-top:18px}.dialog-close{position:absolute;top:14px;right:14px;background:transparent;font-size:26px;padding:5px 10px}#checkout-status:empty{display:none}#availability #back-to-demo{margin-top:12px}@keyframes blink{50%{opacity:0}}@keyframes content-in{0%{opacity:.3;transform:translateY(4px)}to{opacity:1;transform:none}}.content-change{animation:content-in .2s ease-out}.motion-ready .reveal{opacity:0;transform:translateY(16px);transition:opacity .6s,transform .6s}.motion-ready .reveal.visible{opacity:1;transform:none}@media(max-width:1000px){.wrap{width:calc(100% - 56px)}}@media(max-width:700px){.wrap{width:calc(100% - 40px)}h2{font-size:36px}.button{min-height:50px;padding:14px 18px;font-size:13px;gap:20px}.document-text{font-size:20px}.suggestion-bar{flex-wrap:wrap;row-gap:14px}.demo-caption{flex-wrap:wrap}footer{align-items:flex-start;flex-wrap:wrap;padding:30px 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;transform:none}}.sound-lab{position:relative;isolation:isolate;padding:95px 0 67px}.sound-lab:before{content:"";position:absolute;inset:0 calc(50% - 50vw);background:#f4f4f1;z-index:-1}.sound-lab-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:46px}.sound-lab-heading .eyebrow{color:#898986;margin-bottom:22px}.sound-lab-heading h2 em{color:#90908d}.sound-lab-description{max-width:325px;margin-bottom:6px}.sound-lab-description p{font-size:16px;line-height:1.85;color:#8b8b88}.keyboard-playground{padding:0 55px}.playground-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:30px;border-top:1px solid #dfdfdc}.playground-title{font-size:14px;color:#959592}.playground-actions{display:flex;align-items:center;gap:22px}.playground-actions button{font-size:13px;background:transparent;color:#90908d;padding:8px 0}.keyboard-sample>span{margin-left:6px}.playground-actions #keyboard-mute{color:#5f5f5c;border-left:1px solid #d5d5d2;padding-left:22px;min-width:87px}.playground-actions #keyboard-mute[aria-pressed=true]{color:#aaaaa7}.switch-picker{display:flex;justify-content:center;gap:8px;margin:34px auto 0;width:fit-content;padding:5px;background:#ecece9;border:1px solid #e3e3e0;border-radius:9px}.switch-picker button{display:flex;align-items:center;gap:9px;padding:11px 21px;background:transparent;color:#959592;font-size:14px;border:1px solid transparent;border-radius:6px;transition:background .2s,color .2s,box-shadow .2s}.switch-picker button.selected{background:#fffffd;color:#5b5b58;border-color:#dededb;box-shadow:0 2px 4px #32322f0a}.switch-picker small{display:none}.switch-dot{width:7px;height:7px;border-radius:50%;background:#aeaeab}.alpaca-dot{background:#a6a6a3}.red-dot{background:#b88689}.typing-desk{position:relative;max-width:900px;margin:38px auto 31px;padding:0 15px 34px;text-align:center}.typing-desk label{display:block;font:12px var(--mono);color:#aaaaa7;margin-bottom:14px;letter-spacing:.015em}.typing-desk textarea{display:block;width:100%;resize:none;border:0;background:transparent;padding:0 15px;color:#676764;font-size:27px;line-height:1.5;letter-spacing:-.8px;text-align:center;min-height:49px;max-height:96px;overflow:auto}.typing-desk textarea::placeholder{color:#b4b4b1}.typing-desk textarea:focus-visible{outline:none}.typing-desk:focus-within label{color:#80807d}.typing-desk button{background:transparent;color:#939390;font-size:12px;padding:6px;position:absolute;bottom:0}.typing-desk button:hover{color:#4d4d4a}#start-typing{left:50%;transform:translate(-50%)}#clear-keyboard{right:15px}.keyboard-shell{position:relative;width:100%;max-width:938px;margin:auto;padding:15px 15px 0;background:linear-gradient(135deg,#e5e5e2,#ccccc9);border:1px solid #bdbdba;border-radius:12px;box-shadow:inset 0 1px #fffffd,0 3px #babab7,0 4px #a8a8a5,0 25px 40px -12px #46464332;transform:none}.keyboard-case{padding:8px;background:#b7b7b4;border-radius:7px;box-shadow:inset 0 1px 4px #61615e30}.key-row{display:grid;grid-template-columns:repeat(60,minmax(0,1fr));gap:0;margin:0 -2.5px 5px}.key-row:last-child{margin-bottom:0}.keyboard-key{position:relative;display:flex;grid-column:span var(--span);margin:0 2.5px;flex:var(--units) 1 0;min-width:0;height:50px;align-items:stretch;justify-content:center;padding:0;border:1px solid #cbcbc8;border-bottom-color:#aaaaa7;border-radius:5px;background:linear-gradient(#fefefb,#ededea);color:#8a8a87;box-shadow:0 2px 1px #82827f,inset 0 1px #fff;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:transform 65ms,background 65ms,box-shadow 65ms}.keyboard-key>span{display:flex;align-items:center;justify-content:center;width:100%;font:13px var(--sans);font-weight:500;line-height:1.2;letter-spacing:0}.keyboard-key.aux,.keyboard-key.delete-key,.keyboard-key.enter-key,.keyboard-key.arrow-key{background:linear-gradient(#ebebe8,#ddddda);border-color:#c9c9c6;border-bottom-color:#ababa8;color:#90908d}.keyboard-key.aux>span,.keyboard-key.delete-key>span,.keyboard-key.enter-key>span{font-size:11px;justify-content:flex-start;padding-left:12px}.keyboard-key.enter-key>span,.keyboard-key.delete-key>span{justify-content:flex-end;padding-right:12px}.keyboard-key.accent{background:linear-gradient(#72726f,#5e5e5b);border-color:#5f5f5c;border-bottom-color:#40403d;color:#ebebe8;box-shadow:0 2px 1px #434340,inset 0 1px #9e9e9b}.keyboard-key.accent>span{justify-content:center;padding:0;font-size:12px}.keyboard-key.space-key{background:linear-gradient(#f8f8f5,#ebebe8)}.keyboard-key:hover{filter:brightness(1.02)}.keyboard-key.is-pressed,.keyboard-key:active{transform:translateY(2px);background:#c7c7c4;border-color:#a7a7a4;box-shadow:0 0 #82827f;color:#696966;filter:none}.keyboard-branding{display:flex;align-items:center;justify-content:space-between;padding:12px 7px;color:#a5a5a2;gap:15px;font-size:12px}.keyboard-branding>span:first-child{font-family:var(--sans);font-size:13px;font-weight:650;letter-spacing:-.4px}.key-indicator{font:10px var(--mono);letter-spacing:.035em}.sound-settings{max-width:938px;margin:29px auto 0;border-bottom:1px solid #dededb}.sound-settings summary{padding:18px 0;font-size:13px;color:#81817e;justify-content:flex-start;gap:17px}.sound-settings summary>span{font-size:12px;color:#adadaa}.sound-settings summary>.settings-plus{margin-left:auto;font-size:20px}.sound-settings[open] summary>span{transform:none}.sound-settings[open] summary>.settings-plus{transform:rotate(45deg)}.keyboard-controls{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:50px;padding:15px 0 30px}.keyboard-controls label{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#81817e;gap:10px}.keyboard-controls output{font-size:12px;color:#a8a8a5}.keyboard-controls input[type=range]{width:100%;accent-color:#858582;margin:17px 0 0;cursor:pointer;height:14px}.range-extremes{display:flex;justify-content:space-between;font-size:12px;color:#adadaa;margin-top:7px}.control-spatial label{justify-content:flex-start;gap:10px}.control-spatial input{width:15px;height:15px;margin:0;accent-color:#858582}.control-spatial>span{display:block;margin-top:13px;font-size:12px;line-height:1.7;color:#adadaa;max-width:220px}.keyboard-help{text-align:center;margin-top:22px;color:#a6a6a3;font-size:12px;line-height:1.7;min-height:21px}.sound-details{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;border-top:1px solid #dfdfdc;margin-top:58px;padding-top:30px}.sound-details>div{display:flex;gap:16px}.detail-index{font:12px var(--mono);color:#aeaeab;padding-top:4px}.sound-details h3{font-size:15px;font-weight:500;color:#82827f;letter-spacing:-.3px}.sound-details p{font-size:13px;line-height:1.8;color:#a6a6a3;margin-top:9px}@media(max-width:1100px){.keyboard-playground{padding:0 10px}.keyboard-key{height:45px}.key-row{gap:0}.keyboard-key.aux>span,.keyboard-key.delete-key>span,.keyboard-key.enter-key>span{font-size:10px;padding-left:7px;padding-right:7px}.sound-details{gap:25px}.sound-details>div{gap:12px}}@media(max-width:700px){.sound-lab{padding:69px 0 45px}.sound-lab-heading{display:block;margin-bottom:28px}.sound-lab-heading h2{font-size:44px}.sound-lab-heading .eyebrow{margin-bottom:19px}.sound-lab-description{margin-top:22px;max-width:330px}.sound-lab-description p{font-size:16px;line-height:1.8}.keyboard-playground{padding:0}.playground-top{padding-top:19px;gap:12px;flex-wrap:wrap}.playground-title{font-size:13px}.playground-actions{gap:16px}.playground-actions button{font-size:12px}.playground-actions #keyboard-mute{min-width:80px;padding-left:16px}.switch-picker{gap:2px;margin-top:25px;width:100%;padding:4px}.switch-picker button{flex:1;justify-content:center;font-size:13px;padding:11px 7px;gap:7px}.switch-dot{width:6px;height:6px}.typing-desk{padding:0 0 33px;margin:29px 0 23px}.typing-desk label{font-size:11px;margin-bottom:13px}.typing-desk textarea{font-size:22px;padding:0;letter-spacing:-.7px;min-height:60px}.typing-desk button{font-size:12px}.keyboard-shell{padding:7px 7px 0;border-radius:8px;box-shadow:inset 0 1px #fff,0 2px #babab7,0 3px #a8a8a5,0 18px 28px -10px #46464335}.keyboard-case{padding:5px;border-radius:5px}.key-row{display:flex;gap:3px;margin:0 0 4px}.key-row-0{display:none}.keyboard-key{height:37px;margin:0;flex:1 1 0;border-radius:4px;box-shadow:0 1px 1px #82827f,inset 0 1px #fff}.keyboard-key>span{font-size:11px}.keyboard-key.aux{display:none}.keyboard-key.enter-key{flex:1.4}.keyboard-key.enter-key>span{font-size:9px;justify-content:center;padding:0}.keyboard-key.space-key{flex:6}.keyboard-key.space-key>span:after{content:"space";font-size:11px;color:#ababa8}.keyboard-key.mobile-delete{display:flex;flex:1.4}.keyboard-key.mobile-delete>span{font-size:14px}.keyboard-key.arrow-key{flex:1.2}.keyboard-branding{padding:10px 4px;gap:8px}.keyboard-branding>span:first-child{font-size:11px}.key-indicator{font-size:8px}.sound-settings{margin-top:21px}.sound-settings summary{font-size:13px;gap:12px}.sound-settings summary>span{font-size:11px}.keyboard-controls{grid-template-columns:1fr 1fr;gap:28px;padding:12px 0 24px}.control-spatial{grid-column:1/-1}.control-spatial>span{max-width:100%}.keyboard-controls label{font-size:13px}.keyboard-help{font-size:12px;margin-top:20px;min-height:41px}.sound-details{grid-template-columns:1fr;gap:24px;margin-top:31px;padding-top:28px}.sound-details>div{gap:19px}.sound-details h3{font-size:15px}.sound-details p{font-size:13px;margin-top:6px}}.playground-title,.playground-actions button{color:#787875}.switch-picker button{color:#7f7f7c}.typing-desk label{color:#90908d}.typing-desk textarea::placeholder{color:#989895}.typing-desk button{color:#7d7d7a}.keyboard-key{color:#6a6a67}.keyboard-key.aux,.keyboard-key.delete-key,.keyboard-key.enter-key,.keyboard-key.arrow-key{color:#767673}.keyboard-key.accent{color:#f4f4f1}.keyboard-branding{color:#80807d}.keyboard-help,.sound-details p{color:#8a8a87}.sound-details h3{color:#6c6c69}.sound-settings summary,.keyboard-controls label{color:#767673}.sound-settings summary>span,.keyboard-controls output,.range-extremes,.control-spatial>span{color:#8e8e8b}.keyboard-playground.is-typing .typing-desk label{color:#6d6d6a}.sound-lab-heading h2 em{color:#838380}.sound-lab-description p,.playground-title,.playground-actions button{color:#747471}.switch-picker button{color:#767673}.typing-desk label{color:#82827f}.typing-desk textarea::placeholder{color:#90908d}.sound-details p,.keyboard-help{color:#7d7d7a}.sound-settings summary>span,.keyboard-controls output,.range-extremes,.control-spatial>span{color:#838380}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sound-lab{padding:76px 0 60px}.sound-lab-heading{margin-bottom:42px}.keyboard-playground{padding:0 32px;max-width:1130px;margin:auto}.typing-toolbar{display:flex;align-items:center;gap:25px;margin-bottom:27px;padding-top:26px;border-top:1px solid #ddddda}.typing-modes,.test-durations{display:flex;align-items:center;gap:17px}.typing-modes button,.test-durations button{font-size:14px;padding:8px 0;background:transparent;color:#9b9b98}.typing-modes button[aria-pressed=true],.test-durations button[aria-pressed=true]{color:#585855}.typing-modes button[aria-pressed=true]{box-shadow:0 2px #797976}.test-durations{border-left:1px solid #dcdcd9;padding-left:25px;gap:15px}.test-durations button{font:13px var(--mono)}.test-stats{margin-left:auto;display:flex;gap:23px;font-size:12px;color:#979794;font-variant-numeric:tabular-nums}.test-stats strong{font-family:var(--mono);font-size:21px;font-weight:500;letter-spacing:-1px;color:#555552;margin-right:4px}.typing-workspace{position:relative;min-height:165px;margin:30px 0 0;cursor:text}.passage-viewport{height:156px;overflow:hidden;position:relative;mask-image:linear-gradient(#010100 0% 89%,#01010099)}#test-passage{position:relative;font:26px/52px var(--mono);letter-spacing:-.6px;color:#adadaa;transition:transform .2s ease;will-change:transform;word-spacing:0}.test-word{display:inline-block;white-space:nowrap}.test-space{white-space:pre}.test-word>span,.test-space{position:relative}.test-word .correct,.test-space.correct{color:#4f4f4c}.test-word .incorrect,.test-space.incorrect{color:#bf5c6c;text-decoration:underline;text-decoration-color:#d88191;text-underline-offset:6px;background:#ee758811}.current:before{content:"";position:absolute;left:-2px;top:1px;bottom:0;width:2px;background:#6b6b68;border-radius:1px}.typing-workspace:not(.has-focus) .current:before{animation:blink 1.3s steps(1) infinite}.typing-workspace[data-mode=test] #keyboard-input{position:absolute;left:0;top:0;width:1px;height:1px;min-height:0;padding:0;border:0;opacity:0;overflow:hidden;resize:none;pointer-events:none;font-size:16px}.typing-workspace[data-mode=free] .passage-viewport{display:none}.typing-workspace[data-mode=free] #keyboard-input{display:block;box-sizing:border-box;width:100%;min-height:156px;max-height:none;resize:none;overflow:hidden;border:0;background:transparent;font:24px/1.8 var(--mono);letter-spacing:-.6px;color:#565653;padding:0;outline:none}.typing-workspace[data-mode=free] #keyboard-input::placeholder{color:#a7a7a4}.typing-session-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:18px 0 38px;min-height:33px}.typing-session-bar p{font-size:12px;line-height:1.7;color:#8f8f8c;max-width:650px}.typing-session-bar>div{display:flex;gap:20px;flex-shrink:0}.typing-session-bar button{font-size:12px;padding:7px 0;background:transparent;color:#848481;position:static!important;transform:none!important}.typing-session-bar button:hover{color:#5e5e5b}.typing-workspace[data-state=finished] .passage-viewport{visibility:hidden}.test-result{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#f4f4f1;text-align:center;gap:12px}.test-result .eyebrow{font-size:11px;color:#949491}.test-result h3{font-size:29px;color:#51514e}.test-result p{font:17px var(--mono);color:#71716e}.test-result .button{min-height:36px;padding:8px 14px;font-size:12px;border-radius:5px;gap:12px;margin-top:2px}.keyboard-shell{max-width:none;padding:12px 12px 0;border:1px solid #2e2e2b;border-radius:13px;background:linear-gradient(145deg,#4c4c49,#373734);box-shadow:inset 0 1px #72726f,0 3px #2a2a27,0 4px #1b1b18,0 25px 36px -18px #36363366}.keyboard-case{padding:5px;background:#2a2a27;border-radius:7px;box-shadow:inset 0 1px 4px #181815}.key-row{grid-template-columns:repeat(64,minmax(0,1fr));margin:0 -2px 5px}.keyboard-key{margin:0 2px;height:44px;border-radius:5px;background:#c6c6c3;border:1px solid #b3b3b0;border-bottom-color:#9e9e9b;box-shadow:0 2px #151512;display:block;padding:2px 3px 5px;color:#6b6b68}.keyboard-key>span{height:100%;width:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(#f8f8f5,#ededea);border:1px solid #fffffdaa;border-radius:4px;box-shadow:0 1px 2px #53535025;font-size:12px}.keyboard-key.aux,.keyboard-key.delete-key,.keyboard-key.enter-key{background:#5d5d5a;border-color:#6b6b68;border-bottom-color:#50504d;color:#d7d7d4}.keyboard-key.aux>span,.keyboard-key.delete-key>span,.keyboard-key.enter-key>span{background:linear-gradient(#7e7e7b,#70706d);border-color:#a4a4a14d;justify-content:center;padding:0;font-size:10px;font-weight:400;box-shadow:0 1px 2px #19191630}.keyboard-key.accent{background:#4a4a47;border-color:#656562;color:#f1f1ee}.keyboard-key.accent>span{background:linear-gradient(#868683,#6f6f6c);border-color:#b7b7b46b;font-size:11px}.keyboard-key.arrow-key{background:#c6c6c3;color:#70706d;border-color:#b3b3b0}.keyboard-key.space-key{background:#c6c6c3}.keyboard-key.function-key{height:35px}.keyboard-key.function-key>span{font-size:10px}.keyboard-key.is-pressed,.keyboard-key:active{transform:translateY(2px);background:#7a7a77;box-shadow:0 0 #151512;border-color:#898986;color:#fffffd}.keyboard-key.is-pressed>span,.keyboard-key:active>span{background:#aaaaa7;border-color:#c1c1be;color:#3b3b38;box-shadow:none}.keyboard-branding{padding:9px 5px 8px;color:#acaca9}.keyboard-branding>span:first-child{font-size:11px;color:#acaca9}.key-indicator{font-size:9px;color:#acaca9}.keyboard-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:28px}.keyboard-footer .switch-picker{margin:0;padding:0;background:none;border:0;gap:5px}.switch-label{font-size:12px;align-self:center;color:#959592;margin-right:13px}.keyboard-footer .switch-picker button{font-size:13px;padding:8px 13px;gap:0;flex:none;background:transparent;border-radius:5px}.keyboard-footer .switch-picker button.selected{background:#e8e8e5;border-color:#d7d7d4;box-shadow:none}.keyboard-footer .playground-actions{gap:18px}.sound-settings{max-width:none;margin-top:12px}.keyboard-help{margin-top:17px}.mobile-delete{display:none}.sound-details{margin-top:38px}@media(max-width:1000px){.keyboard-playground{padding:0}.typing-toolbar{gap:20px}.test-stats{gap:15px}.typing-modes{gap:14px}.test-durations{padding-left:20px;gap:12px}.typing-modes button{font-size:13px}.keyboard-key{height:39px}.keyboard-key.function-key{height:30px}.keyboard-key>span{font-size:11px}.keyboard-key.aux>span,.keyboard-key.delete-key>span,.keyboard-key.enter-key>span{font-size:9px}.keyboard-footer .playground-actions{gap:13px}.keyboard-footer .switch-picker button{font-size:12px;padding:8px 10px}}@media(max-width:700px){.sound-lab{padding:62px 0 42px}.sound-lab-heading{margin-bottom:25px}.typing-toolbar{flex-wrap:wrap;gap:16px 20px;padding-top:21px;margin-bottom:20px}.typing-modes{gap:19px}.typing-modes button{font-size:14px;padding:8px 0}.test-durations{margin-left:auto;gap:12px;border:0;padding:0}.test-durations button{font-size:12px}.test-stats{width:100%;margin:0;gap:28px;border-top:1px solid #e3e3e0;padding-top:14px}.test-stats strong{font-size:20px}.typing-workspace{margin-top:21px;min-height:132px}.passage-viewport{height:132px}#test-passage{font-size:21px;line-height:44px;letter-spacing:-.6px}.typing-workspace[data-mode=free] #keyboard-input{font-size:20px;line-height:1.8;min-height:156px}.typing-session-bar{display:block;margin:18px 0 27px}.typing-session-bar p{font-size:12px;line-height:1.75;min-height:42px}.typing-session-bar>div{margin-top:9px;justify-content:space-between}.typing-session-bar button{font-size:12px}.keyboard-shell{padding:6px 6px 0;border-radius:9px;box-shadow:inset 0 1px #72726f,0 2px #2a2a27,0 3px #1b1b18,0 20px 27px -14px #36363366}.keyboard-case{padding:4px;border-radius:5px}.key-row{display:flex;gap:3px;margin:0 0 4px}.key-row-0,.key-row-1{display:none}.keyboard-key{height:37px;margin:0;flex:1 1 0;padding:1px 1px 4px;border-radius:4px}.keyboard-key>span{border-radius:3px;font-size:10px}.keyboard-key.aux{display:none}.keyboard-key.enter-key{flex:1.45}.keyboard-key.enter-key>span{font-size:8px}.keyboard-key.arrow-key{flex:1}.key-row-4 .arrow-key{display:none}.keyboard-key.space-key{flex:6}.keyboard-key.mobile-delete{display:block;flex:1.2}.keyboard-branding{padding:8px 3px}.key-indicator{font-size:8px}.keyboard-branding>span:first-child{font-size:10px}.keyboard-footer{display:block;margin-top:22px}.keyboard-footer .switch-picker{width:auto;gap:3px}.keyboard-footer .switch-picker button{flex:1;font-size:12px;padding:9px 7px}.switch-label{font-size:12px;margin-right:7px}.keyboard-footer .playground-actions{justify-content:flex-end;margin-top:12px;gap:20px}.keyboard-footer .playground-actions button{font-size:12px}.sound-settings{margin-top:4px}.test-result{gap:9px}.test-result .eyebrow{display:none}.test-result h3{font-size:24px}.test-result p{font-size:13px}.test-result .button{font-size:12px;min-height:34px}}#test-passage{font-weight:500;color:#a5a5a2}.test-word .correct,.test-space.correct{color:#4d4d4a}.sound-lab:before{background:#fafaf7}.sound-lab .sound-lab-heading{max-width:1000px;margin:0 auto 64px;align-items:center}.sound-lab-heading h2{font-size:48px;line-height:1.12}.sound-lab .keyboard-playground{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;--key-top:#fefefb;--key-bottom:#f5f5f2;--key-edge:#cfcfcc;--modifier-top:#e7e7e4;--modifier-bottom:#ddddda;--modifier-edge:#c1c1be;--modifier-ink:#6a6a67;--case:#e5e5e2;--case-border:#c8c8c5;--key-ink:#6d6d6a;--key-accent:#acaca9}.sound-lab .keyboard-playground[data-sound-pack=alpaca]{--key-top:#fbfbf8;--key-bottom:#eeeeeb;--key-edge:#c5c5c2;--modifier-top:#dbdbd8;--modifier-bottom:#cdcdca;--modifier-edge:#ababa8;--modifier-ink:#5f5f5c;--case:#ddddda;--case-border:#b1b1ae;--key-ink:#885b72;--key-accent:#9d9d9a}.sound-lab .keyboard-playground[data-sound-pack=keychron]{--key-top:#737370;--key-bottom:#60605d;--key-edge:#484845;--modifier-top:#4b4b48;--modifier-bottom:#3f3f3c;--modifier-edge:#2f2f2c;--modifier-ink:#d2d2cf;--case:#494946;--case-border:#333330;--key-ink:#ededea;--key-accent:#a9a9a6}.typing-console{--test-line:46px;max-width:820px;margin:auto;padding:0;background:transparent;color:#3c3c39;border:0;border-radius:0;box-shadow:none;overflow:visible}.typing-console .typing-toolbar{display:flex;justify-content:center;align-items:center;gap:28px;flex-wrap:wrap;margin:0;padding:0;border:0}.typing-console .typing-modes{display:flex;gap:3px;border:1px solid #e4e4e1;padding:4px;border-radius:99px;background:#eeeeeb}.typing-console .typing-modes button{color:#7f7f7c;padding:10px 18px;border:0;border-radius:99px;background:transparent;font-size:12px;white-space:nowrap}.typing-console .typing-modes button[aria-pressed=true]{background:#fffffd;color:#4a4a47;box-shadow:0 1px 5px #30302d0d}.typing-console .test-durations{display:flex;align-items:center;gap:7px;margin:0;padding:0 0 0 24px;border:0;border-left:1px solid #dfdfdc}.typing-console .test-durations button{padding:9px 10px;min-width:37px;font:12px var(--mono);background:transparent;color:#858582;border-radius:6px}.typing-console .test-durations button[aria-pressed=true]{background:#e6e6e3;color:#5f5f5c}.test-dashboard{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0;margin:45px 0 24px}.test-kicker{display:none}#typing-state{display:flex;align-items:center;gap:8px;font-size:11px;line-height:1.6;color:#7a7a77;margin:0}.session-dot{width:5px;height:5px;background:#a3a3a0;border-radius:50%;flex-shrink:0}.typing-console[data-state=running] .session-dot{background:#868683}.typing-console .test-stats{display:flex;align-items:center;gap:26px;width:auto;margin:0;padding:0;border:0}.typing-console .test-stats>span{display:flex;align-items:baseline;gap:6px;min-width:0}.typing-console .test-stats strong{font:500 19px/1 var(--mono);letter-spacing:-.5px;color:#61615e;font-variant-numeric:tabular-nums;min-width:22px}.typing-console .test-stats small{font:10px/1.5 var(--sans);color:#7d7d7a;white-space:nowrap}.typing-console .typing-workspace{position:relative;min-height:0;margin:0;padding:0;border-radius:0;background:transparent;box-shadow:none}.typing-console .typing-workspace.has-focus{box-shadow:none}.typing-console .passage-viewport{height:calc(var(--test-line) * 2);overflow:hidden;mask-image:none;-webkit-mask-image:none;cursor:text}.typing-console #test-passage{font:400 25px/var(--test-line) var(--mono);letter-spacing:-.6px;color:#868683;transition:transform .18s ease-out;white-space:normal}.typing-console .test-word{white-space:nowrap}.typing-console .test-word .correct,.typing-console .test-space.correct{color:#41413e}.typing-console .test-word .incorrect,.typing-console .test-space.incorrect{color:#c26d86;background:#c26d8609;text-decoration-color:#c26d8699;text-decoration-thickness:1px;text-underline-offset:6px}.typing-console .current:before{top:0;bottom:auto;height:1.2em;left:-2px;width:2px;background:#81817e;border-radius:2px}.typing-console .typing-workspace.has-focus .current:before{animation:blink 1.2s steps(1) infinite}.typing-console .typing-workspace[data-mode=free] #keyboard-input{font:400 24px/1.8 var(--mono);color:#4c4c49;min-height:150px;letter-spacing:-.4px}.typing-console #keyboard-input::placeholder{color:#9f9f9c}.typing-console #keyboard-input:focus-visible{outline:none}.typing-console .test-progress{height:2px;border-radius:2px;margin:29px 0 0;background:#e7e7e4}.typing-console .test-progress>span{background:#979794}.typing-console .typing-session-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:22px 0 0;padding:0;border:0;min-height:0}.typing-console .typing-session-bar p{font-size:11px;color:#7d7d7a;line-height:1.8;max-width:360px;min-height:0}.typing-console .typing-session-bar>div{display:flex;align-items:center;gap:21px;flex-shrink:0;margin:0;width:auto}.typing-console .typing-session-bar button{font-size:11px;color:#7d7d7a;padding:10px 0}.typing-console #start-typing{position:static;transform:none!important;border:1px solid #d7d7d4;border-radius:8px;background:#eeeeeb;color:#636360;padding:10px 14px;white-space:nowrap}.typing-console #start-typing:hover{background:#dededb}.typing-console #clear-keyboard{position:static;white-space:nowrap}.typing-console .free-writing-tools{border-color:#e1e1de;color:#90908d;margin-top:23px;padding-top:20px;font-size:10px}.typing-console #copy-free-writing{background:#eeeeeb;color:#6d6d6a;border-color:#d7d7d4}.typing-console .test-result{background:transparent;min-height:200px;padding:14px 10px;gap:9px}.typing-console .test-result .eyebrow{color:#8c8c89;font:9px var(--mono);display:block}.typing-console .test-result h3{font-size:34px;color:#585855;letter-spacing:-1.2px}.typing-console #test-result-copy{color:#787875;font-size:15px;margin-top:7px}.typing-console #test-best{color:#969693;font-size:11px;margin:5px 0 10px}.typing-console .test-result .button{background:#e1e1de;color:#5c5c59;padding:11px 18px;min-height:40px;font-size:12px}.keyboard-desk{max-width:690px;margin:39px auto 0;padding:0 5px}.keyboard-desk .typing-room-top{margin:0 0 14px;align-items:center;justify-content:flex-end;gap:20px}.keyboard-desk .typing-room-top>div{display:none}.keyboard-desk #keyboard-visibility{border:0;background:transparent;color:#7d7d7a;font-size:10px;padding:5px 0}.keyboard-desk .keyboard-shell{max-width:none;width:100%;border-radius:16px;padding:12px 12px 0;transform:rotate(-1.5deg);box-shadow:inset 0 1px #fffffdd9,0 3px 0 var(--case-border),0 5px #6c6c6926,0 20px 25px -17px #61615e59;transition:background .25s,border-color .25s}.keyboard-desk .keyboard-case{padding:3px;border-radius:6px;background:transparent;box-shadow:none}.keyboard-desk .key-row{margin-bottom:6px;grid-template-columns:repeat(60,minmax(0,1fr))}.keyboard-desk .key-row:last-child{margin-bottom:0}.keyboard-desk .keyboard-key{height:40px;padding:1px 1px 4px;margin:0 2px;box-shadow:0 1px 1px #5e5e5b30;border-radius:6px;border-color:var(--key-edge)}.keyboard-desk .keyboard-key>span{font-size:12px;border-radius:5px;border-color:#fffffd70;box-shadow:inset 0 1px #fffffd70}.keyboard-desk .keyboard-key.aux>span,.keyboard-desk .keyboard-key.enter-key>span{font-size:9px;padding-left:6px;padding-right:6px}.keyboard-desk .keyboard-key[data-code=Backquote]>span{background:#c1c1be;color:#676764}.keyboard-desk .keyboard-key.is-pressed>span,.keyboard-desk .keyboard-key:active>span{background:#adadaa;color:#4b4b48;box-shadow:inset 0 1px 3px #4d4d4a26}.keyboard-desk .keyboard-key.is-pressed,.keyboard-desk .keyboard-key:active{transform:translateY(2px);box-shadow:none}.keyboard-desk .keyboard-branding{padding:10px 5px 12px;opacity:1;color:var(--key-ink)}.keyboard-desk .keyboard-branding>span:first-child{font-size:9px}.keyboard-desk .key-indicator{font-size:7px;letter-spacing:.04em}.keyboard-desk .sound-presets{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:36px 0 0}.keyboard-desk .sound-presets>button{flex-direction:row;padding:9px 13px;gap:9px;border-radius:99px;background:transparent;border:1px solid transparent;box-shadow:none;min-width:0}.keyboard-desk .sound-presets>button:hover{transform:none;background:#ecece9;box-shadow:none}.keyboard-desk .sound-presets>button[aria-pressed=true]{border-color:#ccccc9;background:#e9e9e6;box-shadow:none}.keyboard-desk .sound-presets strong{font-size:11px;font-weight:500;color:#797976}.keyboard-desk .sound-presets small,.keyboard-desk .switch-check{display:none}.keyboard-desk .switch-cap{width:14px;height:14px;border-radius:4px;font-size:0;transform:none;box-shadow:inset 0 0 0 2px #bdbdba40,0 1px #9e9e9b40}.keyboard-desk [data-pack=alpaca] .switch-cap{box-shadow:inset 0 0 0 2px #92928f40,0 1px #81817e40}.keyboard-desk [data-pack=keychron] .switch-cap{background:#676764;box-shadow:inset 0 0 0 2px #44444140,0 1px #44444140}.keyboard-desk .keyboard-footer{justify-content:center;margin-top:17px;gap:0}.keyboard-desk .sound-activity{display:none}.keyboard-desk .playground-actions{justify-content:center;gap:18px}.keyboard-desk .playground-actions button{font-size:11px}.keyboard-desk .playground-actions #keyboard-sample{min-width:108px;padding:9px 12px;border:0;background:transparent;color:#767673}.keyboard-desk .playground-actions #keyboard-sample:hover{background:#e9e9e6}.keyboard-desk .playground-actions #keyboard-mute{padding-left:18px;min-width:75px;border-color:#d5d5d2;color:#7e7e7b}.keyboard-desk .sound-settings{max-width:510px;margin-top:25px;border-top:1px solid #dfdfdc;border-bottom:0}.keyboard-desk .sound-settings summary{font-size:11px;padding:18px 0;color:#8a8a87;gap:14px}.keyboard-desk .sound-settings summary>span{font-size:10px;color:#9f9f9c}.keyboard-desk .keyboard-help{font-size:10px;line-height:1.8;margin:10px auto 0;text-align:center;color:#9a9a97}.sound-lab .sound-details{max-width:980px;margin:55px auto 0}@media(max-width:800px){.sound-lab .sound-lab-heading{margin-bottom:48px}.typing-console{max-width:720px}.typing-console #test-passage{font-size:23px}.typing-console .typing-session-bar p{max-width:310px}.keyboard-desk{max-width:650px}}@media(max-width:700px){.sound-lab-heading h2{font-size:40px}.sound-lab .sound-lab-heading{margin-bottom:39px}.typing-console{--test-line:38px;padding:0 3px}.typing-console .typing-toolbar{gap:18px}.typing-console .typing-modes{padding:3px}.typing-console .typing-modes button{font-size:11px;padding:9px 14px}.typing-console .test-durations{padding-left:0;border-left:0;gap:5px}.typing-console .test-durations button{font-size:11px;padding:8px;min-width:34px}.test-dashboard{margin:31px 0 20px;gap:16px;align-items:center;flex-wrap:wrap}#typing-state{font-size:10px;gap:6px}.typing-console .test-stats{gap:15px;margin-left:auto;flex-wrap:nowrap}.typing-console .test-stats>span{gap:5px}.typing-console .test-stats strong{font-size:16px;min-width:0}.typing-console .test-stats small{font-size:9px}.typing-console #test-passage{font-size:20px;letter-spacing:-.45px}.typing-console .typing-workspace[data-mode=free] #keyboard-input{font-size:20px;line-height:1.9}.typing-console .test-progress{margin-top:24px}.typing-console .typing-session-bar{flex-wrap:wrap;margin-top:17px;gap:14px}.typing-console .typing-session-bar p{font-size:10px;max-width:none}.typing-console .typing-session-bar>div{width:100%;justify-content:space-between;gap:20px}.typing-console .typing-session-bar button{font-size:11px}.typing-console .free-writing-tools{gap:14px;flex-wrap:wrap}.typing-console .test-result{min-height:200px}.typing-console .test-result h3{font-size:29px}.typing-console #test-result-copy{font-size:13px;line-height:1.8}.typing-console #test-best{font-size:10px;line-height:1.8}.keyboard-desk{margin-top:23px;padding:0}.keyboard-desk .typing-room-top{margin-bottom:13px}.keyboard-desk #keyboard-visibility{font-size:9px}.keyboard-desk .keyboard-shell{transform:rotate(-1deg);padding:8px 7px 0;border-radius:10px}.keyboard-desk .keyboard-case{padding:2px}.keyboard-desk .key-row{margin-bottom:4px;gap:3px}.keyboard-desk .keyboard-key{height:36px;margin:0;padding:1px 1px 4px;border-radius:4px}.keyboard-desk .keyboard-key>span{font-size:10px;border-radius:3px}.keyboard-desk .keyboard-key.enter-key>span{font-size:7px;padding:0}.keyboard-desk .keyboard-branding{padding:9px 3px;gap:8px}.keyboard-desk .keyboard-branding>span:first-child{font-size:8px}.keyboard-desk .key-indicator{font-size:6px}.keyboard-desk .sound-presets{margin-top:27px;gap:5px}.keyboard-desk .sound-presets>button{padding:9px 10px;gap:7px}.keyboard-desk .sound-presets strong{font-size:10px}.keyboard-desk .switch-cap{width:12px;height:12px;border-radius:3px}.keyboard-desk .keyboard-footer{margin-top:11px}.keyboard-desk .playground-actions{gap:14px}.keyboard-desk .sound-settings{margin-top:22px}.keyboard-desk .keyboard-help{font-size:9px}.sound-lab .sound-details{margin-top:39px}}@media(max-width:380px){.typing-console .typing-toolbar{gap:15px}.typing-console .test-stats{gap:17px;margin-left:0;width:100%}.test-dashboard{gap:16px}.typing-console #test-passage{font-size:19px}.keyboard-desk .sound-presets>button{padding:9px 8px}.keyboard-desk .sound-presets strong{font-size:9px}.keyboard-desk .keyboard-key{height:33px}.keyboard-desk .keyboard-key>span{font-size:9px}}@media(prefers-reduced-motion:reduce){.typing-console #test-passage{transition:none}.typing-console .current:before{animation:none}}.draftkey-site{--cream:#08090b;--ink:#ededef;--muted:#a3a5ad;--line:#ffffff19;--blue:#ff827b;--accent:#ff827b;--accent-deep:#ffb9b5;--accent-soft:#24262c;--accent-line:#4a4d56;--display:var(--sans);background:var(--cream);color:var(--ink);color-scheme:dark}.draftkey-site ::selection{background:#713731;color:#ededef}.draftkey-site .wrap{width:min(1120px,calc(100% - 80px))}.draftkey-site h2{font:550 36px/1.2 var(--sans);letter-spacing:-1.3px}.draftkey-site h3{font:550 17px/1.5 var(--sans);letter-spacing:-.25px}.draftkey-site .eyebrow{color:#8d909a;font:500 10px/1.6 var(--sans);letter-spacing:1.5px}.draftkey-site .button{color:#202124;background:#ededf0;border:1px solid #ededf0;border-radius:7px;box-shadow:none;min-height:48px;padding:12px 19px;font-size:13px;gap:22px}.draftkey-site .button:hover{background:#fff;transform:none}.draftkey-site .button.small{min-height:38px;padding:8px 14px;font-size:12px;gap:15px}.header-shell{position:fixed;left:50%;transform:translate(-50%);top:16px;width:min(1204px,calc(100% - 48px));z-index:30;background:#111214d9;border:1px solid #ffffff16;border-radius:15px;box-shadow:inset 0 1px #ffffff0a,0 8px 24px #0002;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.draftkey-site .header.wrap{width:100%;padding:0 28px}.header{display:flex;align-items:center;gap:32px;height:70px}.draftkey-site .brand{font-size:20px;font-weight:600;letter-spacing:-.9px;gap:9px}.brand img{object-fit:contain}.header nav{display:flex;align-items:center;gap:28px;margin-left:auto;font-size:12px;color:var(--muted)}.header nav a:hover,.header nav a[aria-current]{color:var(--ink)}.menu-toggle{display:none}.simple-hero{position:relative;isolation:isolate;text-align:center;padding:250px 0 88px;min-height:800px}.hero-copy{position:relative;z-index:1}.simple-hero h1{font:600 clamp(48px,5.3vw,68px)/1.08 var(--sans);letter-spacing:-2.8px;margin:0;color:#f5f5f6;text-shadow:0 3px 12px #0005}.simple-hero h1 span{color:inherit}.hero-description{max-width:490px;margin:29px auto 0;color:#e0e0e4;font-size:17px;line-height:1.65;text-wrap:balance;text-shadow:0 2px 7px #0008}.hero-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:28px;margin-top:45px}.quiet-link{display:inline-flex;align-items:center;gap:13px;font-size:13px;line-height:1.8;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#555861}.quiet-link:hover{text-decoration-color:var(--ink)}.hero-requirements{margin-top:23px;font-size:11px;color:#a4a6ae}.hero-art{position:absolute;z-index:-1;inset:0 -30px;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 50% 48%,#51151b,#08090b 66%)}#hero-canvas{display:block;width:100%;height:100%;opacity:.94}.hero-vignette{position:absolute;inset:0;background:linear-gradient(#08090b00 65%,#08090b 99%),linear-gradient(90deg,#08090b,transparent 12%,transparent 88%,#08090b);pointer-events:none}.how-section{padding:64px 0 86px}.section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:34px}.section-top .eyebrow{margin-bottom:13px}.section-top>p{max-width:250px;font-size:14px;line-height:1.75;color:var(--muted)}.writing-comparison{margin-top:48px}.flow-example-label{display:flex;justify-content:space-between;gap:15px;margin-bottom:18px;font-size:11px;color:#a2a8b4}.flow-example-label>span{color:#8d949f}.flow-lanes{display:grid;grid-template-columns:1fr 1fr;gap:64px}.flow-lane{min-width:0;border-top:1px solid var(--line);padding-top:22px}.flow-label{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:13px;color:#dcdee4}.flow-label>span:last-child{font-size:11px;color:#9398a4}.flow-metrics{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:28px 0 30px}.flow-metrics p{display:flex;flex-direction:column;gap:8px}.flow-metrics strong{font:450 44px/1 var(--sans);letter-spacing:-1.7px;font-variant-numeric:tabular-nums}.flow-metrics span{font-size:10px;color:#969ca8}.flow-metrics .flow-clock{text-align:right}.flow-metrics .flow-clock strong{font:400 20px/1.25 var(--mono);letter-spacing:-.8px;color:#a9afbb}.flow-draft{font-size:23px;line-height:1.7;letter-spacing:-.5px;min-height:196px;color:#b2b7c2;overflow-wrap:anywhere}.finished-draft .flow-draft{color:#eeeeef}.flow-caret{display:inline-block;width:1px;height:1.05em;margin-right:-1px;background:#d0d4dd;vertical-align:-.12em}.flow-selection{background:#8994ac44;color:#f5f7fb}.flow-lane[data-phase=corrected] .flow-draft{color:#c8ddc1}.flow-detail{font:10px/1.7 var(--mono);color:#858d9b;margin-top:6px}.flow-lane[data-phase=selecting] .flow-status,.flow-lane[data-phase=returning] .flow-status{color:#ddaaa5}.typo{text-decoration:underline;text-decoration-style:dotted;text-decoration-color:#cb7873;text-underline-offset:6px;text-decoration-thickness:1px}.flow-track{height:2px;background:#ffffff0b;margin-top:26px;overflow:hidden}.flow-track>span{display:block;width:100%;height:100%;background:#676d79}.finished-draft .flow-track>span{background:#d5ddd3}.flow-status{font-size:11px;line-height:1.7;color:#989eaa;margin-top:15px;min-height:38px}.flow-lane[data-phase=fixing] .flow-status{color:#ddaaa5}.finished-draft[data-phase=done] .flow-status{color:#bac8b6}.flow-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid var(--line);margin-top:28px;padding-top:22px}.flow-footer>p{font-size:13px;line-height:1.8;color:#a8aeb9}.flow-footer>p>span{color:#e5e7ec}.flow-controls{display:flex;align-items:center;gap:24px;flex-shrink:0}.flow-controls button{padding:8px 0;background:none;border:0;border-radius:0;color:#b4bac5;font-size:11px}.flow-controls button:hover{color:#fff}.flow-controls button:disabled{color:#686e7a;cursor:default}.example-caption{font-size:11px;line-height:1.6;color:#9699a3;margin-top:16px}.how-steps,.setup-steps{list-style:none;padding:0;margin:40px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:48px}.how-steps li>span,.setup-steps li>span{display:block;font:11px var(--mono);color:#7f838d;margin-bottom:15px}.how-steps p,.setup-steps p{color:var(--muted);font-size:13px;line-height:1.85;margin-top:9px}.writing-section{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding:84px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.writing-copy .eyebrow{margin-bottom:17px}.writing-copy h2{margin-bottom:24px}.writing-copy>p:not(.eyebrow){font-size:14px;line-height:1.9;color:var(--muted);margin-bottom:16px}.writing-copy .quiet-link{margin-top:12px}kbd{display:inline-block;border:1px solid #ffffff26;background:#151619;border-radius:4px;padding:0 6px;font:13px/1.8 var(--sans);color:#d2d4da;box-shadow:0 1px #ffffff26}.writing-example{align-self:center;margin:0;padding:28px 30px;background:#151619;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,#22242a,#141518);box-shadow:0 20px 50px #0004,inset 0 1px #ffffff0a}.writing-example figcaption{display:flex;justify-content:space-between;font-size:11px;color:#90949e}.writing-example figcaption>span:first-child{color:#edeef2;font-weight:500}.writing-example blockquote{margin:27px 0;font:400 23px/1.65 var(--sans);letter-spacing:-.5px}.example-actions{display:flex;flex-wrap:wrap;gap:19px;border-top:1px solid var(--line);padding-top:19px;color:#b4b7c0;font-size:11px}.writing-example>p{margin-top:17px;color:#8c909a;font-size:10px;line-height:1.8}.everyday-section{padding:88px 0}.everyday-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:80px}.everyday-grid article{position:relative;padding:30px 0 28px 46px;border-top:1px solid var(--line)}.feature-symbol{position:absolute;left:0;top:28px;font-size:20px;color:#b0b3bd}.everyday-grid article p{margin:10px 0 17px;max-width:380px;color:var(--muted);font-size:14px;line-height:1.85}.everyday-grid article a{font-size:11px;color:#c6c8d0;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#4d5059}.privacy-section{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding:45px;background:#111216;border-radius:12px}.privacy-section .eyebrow{margin-bottom:15px}.privacy-section p:not(.eyebrow){font-size:14px;line-height:1.85;color:var(--muted)}.privacy-section p.small-copy{font-size:12px;margin:15px 0 20px;color:#9295a0}.typing-section{padding:30px 0 72px;scroll-margin-top:0}.room-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:45px;margin-bottom:34px}.room-heading .eyebrow{margin-bottom:16px}.draftkey-site .room-heading h2{font-size:43px;line-height:1.12;letter-spacing:-1.6px}.room-heading h2 span{color:#9398a5}.room-heading>p{max-width:345px;font-size:14px;line-height:1.85;color:var(--muted)}.typing-room-content{padding:28px 0 0;background:none;border:0;border-radius:0;box-shadow:none}.sound-selector{max-width:820px;margin:0 auto 32px}.sound-selector-heading{display:flex;justify-content:space-between;gap:16px;font:9px var(--mono);letter-spacing:.06em;color:#969ca9;margin-bottom:15px}.sound-selector-heading>span:last-child{font:11px var(--sans);letter-spacing:0;color:#858d9b}.draftkey-site .sound-selector .sound-presets{display:flex;flex-wrap:wrap;gap:4px 26px;margin:0}.draftkey-site .sound-selector .sound-presets>button{display:flex;align-items:center;flex-direction:row;justify-content:flex-start;gap:8px;padding:12px 0;background:none;border:0;border-bottom:1px solid transparent;border-radius:0;color:#969ca8;box-shadow:none;min-width:0;transform:none}.draftkey-site .sound-selector .sound-presets>button:hover{background:none;color:#eeeff2;transform:none}.draftkey-site .sound-selector .sound-presets>button[aria-pressed=true]{background:none;border-bottom-color:#b4b8c2;color:#f3f4f7}.draftkey-site .sound-selector .sound-presets strong{font-size:13px;font-weight:500;color:inherit}.draftkey-site .sound-selector .sound-presets small{display:none}.draftkey-site .sound-selector .switch-cap{width:6px;height:6px;border:0;border-radius:50%;background:#c9c7ba;color:transparent;font-size:0;box-shadow:none;flex-shrink:0;transform:none}.draftkey-site [data-pack=sprite] .switch-cap{background:#ac9179}.draftkey-site [data-pack=alpaca] .switch-cap{background:#bdbbbb}.draftkey-site [data-pack=keychron] .switch-cap{background:#a37677}.draftkey-site [data-pack=thock] .switch-cap{background:#8495af}.draftkey-site [data-pack=ticks] .switch-cap{background:#636c7d}.draftkey-site .sound-selector .switch-check{display:none}.room-footnote{display:flex;justify-content:space-between;gap:25px;margin:17px 3px 0;font-size:10px;line-height:1.8;color:#868d9b}.room-footnote>span{max-width:420px}.draftkey-site .sound-lab{padding:0}.draftkey-site .sound-lab:before{display:none}.draftkey-site .sound-lab-heading{display:block;margin:0 auto 36px;max-width:650px;text-align:center}.draftkey-site .sound-lab-heading>div:first-child{display:none}.draftkey-site .sound-lab-description{max-width:none;margin:0}.draftkey-site .sound-lab-description p{font-size:13px;color:var(--muted);line-height:1.85}.draftkey-site .typing-console .test-stats strong{color:#eeeeef}.draftkey-site .typing-console .test-word .correct{color:#f0f0f2}.draftkey-site .typing-console .current:before{background:#f1f1f3}.draftkey-site .typing-console #test-passage{color:#838791}.draftkey-site .keyboard-controls input{accent-color:#b4b7c0}.draftkey-site .sound-details{display:none}.setup-section{padding:88px 0 70px}.setup-steps{border-top:1px solid var(--line);padding-top:30px;margin-top:0}.setup-requirements{border-top:1px solid var(--line);margin-top:30px;padding-top:20px;font-size:11px;line-height:1.9;color:#969aa5}.faq-section{display:grid;grid-template-columns:1fr 1.5fr;gap:70px;padding:42px 0 70px}.faq-section h2{font-size:28px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{padding:20px 0;font-size:14px}.faq-list summary>span{font-size:18px;color:#a0a4af}.faq-list details p{padding:0 25px 22px 0;color:var(--muted);font-size:13px;line-height:1.85}.simple-closing{text-align:center;border-top:1px solid var(--line);padding:70px 0 65px}.simple-closing h2{font-size:43px;margin-bottom:27px;line-height:1.2}.simple-closing>p{font-size:11px;color:#969aa5;margin-top:15px}.simple-closing .text-button{font-size:11px;color:var(--muted);text-decoration:underline;text-underline-offset:4px;margin-top:5px}.site-footer{display:grid;grid-template-columns:1fr auto;border-top:1px solid var(--line);gap:22px;padding:29px 0}.site-footer .brand{font-size:20px}.site-footer nav{display:flex;gap:24px;font-size:11px}.site-footer>p{grid-column:1 / -1;font-size:10px;color:#9195a0}.draftkey-site dialog{border-radius:12px;background:#08090b}.draftkey-site dialog h2{font-size:34px}.draftkey-site dialog h2 em{color:inherit}.draftkey-site dialog .eyebrow{font-size:9px}@media(max-width:1000px){.header{gap:22px}.header nav{gap:20px}.writing-section,.privacy-section{gap:50px}.how-steps,.setup-steps{gap:30px}.everyday-grid{column-gap:50px}.faq-section{gap:35px}}@media(max-width:700px){.draftkey-site .wrap{width:calc(100% - 40px)}.header-shell{top:10px;width:calc(100% - 24px);border-radius:12px}.draftkey-site .header.wrap{padding:0 13px}.header{height:58px;gap:13px}.header>.button{margin-left:auto}.header .brand{font-size:21px}.header .brand img{width:26px;height:26px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:25px;height:36px;padding:2px;background:transparent}.menu-toggle span{display:block;width:20px;height:1px;background:var(--ink)}.header nav{display:none;position:absolute;top:65px;left:-1px;right:-1px;padding:20px;background:#15161bf5;border:1px solid var(--line);border-radius:12px;font-size:14px}.header nav.is-open{display:flex;flex-direction:column;align-items:flex-start;gap:23px}.simple-hero{padding:220px 0 66px;min-height:735px}.simple-hero h1{font-size:44px;letter-spacing:-1.8px;margin:0}.hero-art{inset:0 -20px}.hero-description{font-size:15px;line-height:1.65;max-width:325px;margin-top:25px}.hero-actions{gap:20px;margin-top:42px}.hero-actions .quiet-link{font-size:12px}.hero-requirements{font-size:10px}.draftkey-site h2{font-size:29px;letter-spacing:-1px}.how-section{padding:40px 0 55px}.section-top{display:block;margin-bottom:25px}.section-top>p{margin-top:13px;max-width:none;font-size:13px}.flow-example-label{font-size:10px;align-items:flex-start}.flow-example-label>span{max-width:145px;text-align:right}.writing-comparison{margin-top:32px}.flow-lanes{grid-template-columns:1fr;gap:31px}.flow-lane{padding-top:19px}.flow-label{font-size:12px}.flow-label>span:last-child{font-size:10px}.flow-metrics{margin:22px 0}.flow-metrics strong{font-size:38px}.flow-draft{font-size:21px;min-height:252px;line-height:1.7}.flow-track{margin-top:20px}.flow-status{min-height:0}.flow-footer{align-items:flex-start;flex-direction:column;gap:12px;margin-top:27px;padding-top:19px}.flow-footer>p{font-size:12px}.flow-controls{gap:25px}.example-caption{font-size:10px;line-height:1.8}.how-steps,.setup-steps{grid-template-columns:1fr;gap:23px;margin-top:28px}.how-steps li,.setup-steps li{padding-left:37px;position:relative}.how-steps li>span,.setup-steps li>span{position:absolute;left:0;top:6px}.how-steps h3,.setup-steps h3{font-size:16px}.how-steps p,.setup-steps p{margin-top:5px}.writing-section{grid-template-columns:1fr;gap:30px;padding:53px 0}.writing-copy h2{margin-bottom:20px}.writing-copy .quiet-link{margin-top:3px}.writing-example{padding:25px}.writing-example blockquote{font-size:22px;margin:23px 0}.example-actions{gap:17px}.everyday-section{padding:55px 0}.everyday-grid{grid-template-columns:1fr}.everyday-grid article{padding:25px 0 24px 42px}.feature-symbol{top:24px}.privacy-section{grid-template-columns:1fr;gap:22px;padding:28px 25px}.privacy-section h2 br{display:none}.typing-section{padding:25px 0 30px}.room-heading{display:block;margin-bottom:26px}.draftkey-site .room-heading h2{font-size:35px;letter-spacing:-1.2px}.room-heading>p{margin-top:20px;font-size:13px;max-width:none}.typing-room-content{padding:12px 0 0}.draftkey-site .sound-lab{padding:0}.sound-selector{margin-bottom:25px}.sound-selector-heading{font-size:8px;gap:8px;align-items:center}.sound-selector-heading>span:last-child{font-size:9px;text-align:right;max-width:110px;line-height:1.6}.draftkey-site .sound-selector .sound-presets{gap:2px 21px}.draftkey-site .sound-selector .sound-presets>button{padding:12px 0;gap:7px}.draftkey-site .sound-selector .sound-presets strong{font-size:11px}.room-footnote{display:block;font-size:10px}.room-footnote>span{display:block;margin-top:6px}.draftkey-site .typing-console .test-stats{gap:14px}.draftkey-site .keyboard-desk .keyboard-shell{transform:none}.draftkey-site .keyboard-desk .sound-presets>button{padding:9px 5px}.draftkey-site .keyboard-desk .sound-presets strong{font-size:9px}.setup-section{padding:56px 0 36px}.setup-section .section-top .quiet-link{margin-top:18px}.setup-steps{margin-top:0}.setup-requirements{font-size:10px;line-height:1.9;margin-top:26px}.faq-section{grid-template-columns:1fr;gap:24px;padding:25px 0 46px}.faq-section h2{font-size:27px}.simple-closing{padding:48px 0 40px}.simple-closing h2{font-size:35px}.site-footer{grid-template-columns:1fr;gap:25px;padding:26px 0}.site-footer nav{flex-wrap:wrap;gap:17px 22px}.draftkey-site dialog{padding:28px 24px}}.draftkey-site .sound-settings summary>span{transform:none}.draftkey-site .sound-settings[open]>summary>.settings-plus{transform:rotate(45deg)}.draftkey-site .free-writing-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);flex-wrap:wrap}.draftkey-site #copy-free-writing{font-size:11px;border:0;border-radius:0;padding:7px 0;background:none;color:#d3d5dc}.draftkey-site .typing-console{color:#dddfe5}.draftkey-site .typing-console .typing-modes{background:none;border:0;gap:24px}.draftkey-site .typing-console .typing-modes button{color:#999da8}.draftkey-site .typing-console .typing-modes button[aria-pressed=true]{background:none;color:#fff;box-shadow:0 1px #b4b8c2}.draftkey-site .typing-console .test-durations{border-color:#ffffff1c}.draftkey-site .typing-console .test-durations button{color:#a5a9b3}.draftkey-site .typing-console .test-durations button[aria-pressed=true]{background:#30333a;color:#f0f0f3}.draftkey-site #typing-state,.draftkey-site .typing-console .test-stats small{color:#a8acb6}.draftkey-site .typing-console .typing-workspace[data-mode=free] #keyboard-input{color:#e0e2e8}.draftkey-site .typing-console #keyboard-input::placeholder{color:#818691}.draftkey-site .typing-console .test-progress{background:#ffffff14}.draftkey-site .typing-console .test-progress>span{background:#babfc9}.draftkey-site .typing-console .typing-session-bar p,.draftkey-site .typing-console .typing-session-bar button,.draftkey-site .typing-console .free-writing-tools{color:#a1a6b2}.draftkey-site .typing-console #start-typing{background:#282b32;border-color:#454952;color:#e3e5eb}.draftkey-site .typing-console #start-typing:hover{background:#373b45}.draftkey-site .typing-console .test-result h3,.draftkey-site .typing-console #test-result-copy{color:#e0e3ea}.draftkey-site .typing-console .test-result .eyebrow,.draftkey-site .typing-console #test-best{color:#a8adba}.draftkey-site .keyboard-desk .sound-presets strong,.draftkey-site .keyboard-desk #keyboard-visibility{color:#adb2be}.draftkey-site .keyboard-desk .sound-presets>button:hover{background:#252830}.draftkey-site .keyboard-desk .sound-presets>button[aria-pressed=true]{background:#292d35;border-color:#525865}.draftkey-site .keyboard-desk .playground-actions #keyboard-sample,.draftkey-site .keyboard-desk .playground-actions #keyboard-mute{color:#b9bec9;border-color:#454a55}.draftkey-site .keyboard-desk .playground-actions #keyboard-sample:hover{background:#252830}.draftkey-site .keyboard-desk .sound-settings{border-color:#ffffff1c}.draftkey-site .keyboard-desk .sound-settings summary,.draftkey-site .keyboard-desk .sound-settings summary>span,.draftkey-site .keyboard-desk .keyboard-help,.draftkey-site .keyboard-controls label,.draftkey-site .keyboard-controls output,.draftkey-site .control-spatial>span,.draftkey-site .range-extremes{color:#a6acb9}.draftkey-site .sound-preferences{color:#a6acb9;font-size:11px;line-height:1.8}.draftkey-site #reset-sound-settings{background:#282c34;color:#ccd0db;border-radius:5px;padding:7px 9px}.draftkey-site .typing-console .typing-toolbar{justify-content:flex-start;gap:20px}.draftkey-site .typing-console .typing-modes{border-radius:0;padding:0}.draftkey-site .typing-console .typing-modes button{border-radius:0;padding:9px 0}.draftkey-site .test-dashboard{margin-top:27px;margin-bottom:19px}.draftkey-site .typing-console .typing-workspace[data-mode=free] #keyboard-input{font:400 23px/1.7 var(--sans);letter-spacing:-.3px;padding:0;resize:none}.draftkey-site .keyboard-desk{margin-top:28px}.draftkey-site .keyboard-desk .typing-room-top{justify-content:space-between;align-items:flex-end;margin-bottom:15px}.draftkey-site .keyboard-desk .typing-room-top>div{display:block}.draftkey-site .room-label{font:8px var(--mono);letter-spacing:.1em;color:#9199a8}.draftkey-site #switch-description{margin-top:6px;font-size:11px;color:#b3bbca}.draftkey-site .keyboard-desk .keyboard-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:25px}.draftkey-site .keyboard-footer .control-volume{width:190px}.draftkey-site .keyboard-footer .control-volume label{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#b3bbca}.draftkey-site .keyboard-footer .control-volume input{width:100%;height:12px;margin:9px 0 0;accent-color:#b8c0cd}.draftkey-site .keyboard-desk .sound-settings{max-width:none;margin-top:23px}.draftkey-site .keyboard-controls{grid-template-columns:1fr 1fr;gap:35px}.draftkey-site .keyboard-desk .keyboard-help{font-size:11px;color:#969fae}@media(max-width:700px){.draftkey-site .typing-console .typing-toolbar{gap:14px;justify-content:space-between}.draftkey-site .typing-console .typing-modes button{font-size:11px;padding:9px 0}.draftkey-site .typing-console .typing-workspace[data-mode=free] #keyboard-input{font-size:21px}.draftkey-site .keyboard-desk .typing-room-top>div{max-width:190px}.draftkey-site #switch-description{font-size:10px;line-height:1.6}.draftkey-site .keyboard-desk .keyboard-footer{flex-wrap:wrap;gap:15px}.draftkey-site .keyboard-footer .control-volume{width:100%}.draftkey-site .keyboard-desk .playground-actions{width:100%;justify-content:space-between;margin:0}.draftkey-site .keyboard-controls{gap:20px}.draftkey-site .keyboard-controls label{font-size:11px}}.draftkey-site .sound-lab .keyboard-desk{max-width:1000px;padding:0;margin-top:42px}.draftkey-site .sound-lab .keyboard-desk .typing-room-top{display:flex;max-width:820px;margin:0 auto 12px}.draftkey-site .sound-lab .keyboard-desk .keyboard-shell{height:320px;width:100%;padding:0;border:0;border-radius:0;background:none;box-shadow:none;transform:none;overflow:hidden;isolation:isolate;mask-image:radial-gradient(ellipse 65% 85% at 57% 34%,#000 12%,#000b 40%,transparent 84%);-webkit-mask-image:radial-gradient(ellipse 65% 85% at 57% 34%,#000 12%,#000b 40%,transparent 84%)}.draftkey-site .sound-lab .keyboard-desk .keyboard-case{width:1120px;padding:0;background:none;border:0;border-radius:0;box-shadow:none;transform:translate(88px,-45px) rotate(-7deg);transform-origin:50% 40%}.draftkey-site .sound-lab .keyboard-desk .key-row{display:grid;grid-template-columns:repeat(60,minmax(0,1fr));gap:0;margin:0 -4px 9px}.draftkey-site .sound-lab .keyboard-desk .keyboard-key{display:flex;height:72px;margin:0 4px;padding:0;border:1px solid #a6abb433;border-radius:8px;background:linear-gradient(160deg,#fafbff08,#a9b0bd03);color:#848995;box-shadow:inset 0 1px #ffffff18;transition:background .15s,border-color .15s,transform .15s}.draftkey-site .sound-lab .keyboard-desk .keyboard-key>span{position:relative;background:none;border:0;border-radius:7px;box-shadow:none;text-shadow:none;color:#848995;font-size:17px;font-weight:400}.draftkey-site .sound-lab .keyboard-desk .keyboard-key.aux>span,.draftkey-site .sound-lab .keyboard-desk .keyboard-key.enter-key>span,.draftkey-site .sound-lab .keyboard-desk .keyboard-key.delete-key>span{font-size:12px;padding:13px;align-items:flex-end}.draftkey-site .sound-lab .keyboard-desk .keyboard-key.dual-legend>span{font-size:15px}.draftkey-site .sound-lab .keyboard-desk .key-secondary{position:absolute;top:14px;left:16px;color:#737985;font-size:12px}.draftkey-site .sound-lab .keyboard-desk .dual-legend .key-legend{position:absolute;bottom:13px;left:16px}.draftkey-site .sound-lab .keyboard-desk .keyboard-key>span:after{display:none}.draftkey-site .sound-lab .keyboard-desk .keyboard-key.is-pressed,.draftkey-site .sound-lab .keyboard-desk .keyboard-key:active{transform:translateY(2px);background:#c4cadb18;border-color:#b9c2d16b;box-shadow:inset 0 1px 3px #0002}.draftkey-site .sound-lab .keyboard-desk .keyboard-key.is-pressed>span,.draftkey-site .sound-lab .keyboard-desk .keyboard-key:active>span{background:none;color:#e1e6ef;box-shadow:none}.draftkey-site .sound-lab .keyboard-desk .keyboard-key.mobile-delete,.draftkey-site .sound-lab .keyboard-desk .keyboard-branding{display:none}.draftkey-site .sound-lab .keyboard-desk .keyboard-footer,.draftkey-site .sound-lab .keyboard-desk .sound-settings{max-width:820px;margin-left:auto;margin-right:auto}@media(max-width:700px){.draftkey-site .sound-lab .keyboard-desk{margin-top:32px}.draftkey-site .sound-lab .keyboard-desk .keyboard-shell{height:230px;mask-image:radial-gradient(ellipse 90% 88% at 58% 33%,#000b 0%,#0008 40%,transparent 83%);-webkit-mask-image:radial-gradient(ellipse 90% 88% at 58% 33%,#000b 0%,#0008 40%,transparent 83%)}.draftkey-site .sound-lab .keyboard-desk .keyboard-case{width:770px;transform:translate(-40px,-25px) rotate(-8deg)}.draftkey-site .sound-lab .keyboard-desk .keyboard-key{height:51px;margin:0 3px;border-radius:6px}.draftkey-site .sound-lab .keyboard-desk .key-row{margin-bottom:7px}.draftkey-site .sound-lab .keyboard-desk .keyboard-key>span{font-size:13px}.draftkey-site .sound-lab .keyboard-desk .keyboard-key.aux>span,.draftkey-site .sound-lab .keyboard-desk .keyboard-key.enter-key>span,.draftkey-site .sound-lab .keyboard-desk .keyboard-key.delete-key>span{font-size:10px;padding:8px}.draftkey-site .sound-lab .keyboard-desk .keyboard-key.dual-legend>span{font-size:12px}.draftkey-site .sound-lab .keyboard-desk .key-secondary{top:8px;left:11px;font-size:9px}.draftkey-site .sound-lab .keyboard-desk .dual-legend .key-legend{bottom:8px;left:11px}}.draftkey-site .hero-identity{margin:0 0 18px;color:#e8c7c7;letter-spacing:1.2px}.product-gallery{padding:56px 0 70px}.product-gallery .section-top{align-items:center}.product-gallery .section-top h2{max-width:600px}.gallery-intro{max-width:640px;color:var(--muted);font-size:14px;line-height:1.85}.product-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:34px}.product-gallery-grid figure{margin:0;min-width:0}.product-gallery-grid img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:10px}.product-gallery-grid a{display:block}.product-gallery-grid h3{margin:19px 0 10px}.product-gallery-grid a:hover h3{color:#ffb9b5}.product-gallery-grid a:focus-visible{outline:2px solid #ffb9b5;outline-offset:6px;border-radius:10px}.product-gallery-grid figcaption{font-size:12px;line-height:1.85;color:var(--muted)}@media(max-width:760px){.product-gallery{padding:40px 0 52px}.product-gallery .section-top{align-items:flex-start;flex-direction:column;gap:20px}.product-gallery-grid{grid-template-columns:1fr;gap:34px}}.legal-content nav{display:flex;flex-wrap:wrap;gap:12px}.typing-test-page .tool-header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:88px;border-bottom:1px solid #252830}.tool-header nav,.tool-footer nav{display:flex;flex-wrap:wrap;gap:24px;font-size:12px}.tool-breadcrumbs{padding-top:26px;font-size:11px;color:#929baa}.tool-breadcrumbs ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0;line-height:1.8}.tool-breadcrumbs li+li:before{content:"/";margin-right:8px;color:#626b78}.typing-test-page .tool-intro{padding-block:52px 60px;max-width:900px;text-align:center}.typing-test-page .tool-intro h1{font:500 clamp(38px,5vw,64px)/1.1 var(--sans);letter-spacing:-.035em;margin:18px 0 24px}.typing-test-page .tool-intro h1 em{color:#949daa}.tool-intro>p:not(.eyebrow){max-width:640px;margin-inline:auto;font-size:15px;line-height:1.8;color:#a0a7b2}.tool-intro-links{display:flex;justify-content:center;flex-wrap:wrap;gap:24px;margin:24px 0;font-size:13px}.tool-intro-links a,.tool-guide a:not(.button),.tool-footer a{text-decoration:underline;text-underline-offset:4px}.typing-test-page .tool-intro .tool-note{font-size:11px;color:#818b98}.typing-test-page .sound-lab{margin-top:0}.tool-noscript{padding:18px;border:1px solid #424b5a;line-height:1.8}.typing-test-page .tool-guide{max-width:820px;padding-top:70px}.tool-guide section{padding:0 0 48px;scroll-margin-top:25px}.typing-test-page .tool-guide h2{font-size:29px;letter-spacing:-.6px;margin-bottom:22px}.tool-guide h3{font-size:16px;line-height:1.6;margin:24px 0 8px;font-weight:500}.tool-guide p,.tool-guide li{color:#a0a7b2;font-size:14px;line-height:1.9}.tool-guide p+p{margin-top:16px}.tool-guide ol{padding-left:24px;margin-bottom:22px}.tool-guide li{padding-left:4px;margin-bottom:14px}.tool-guide strong{font-weight:500;color:#dce1e9}.score-example{padding:22px 26px;background:#151c26;border:1px solid #303c4e;border-radius:12px;margin:24px 0}.score-example>span{display:block;font-size:11px;color:#91a4bd;margin-bottom:14px}.tool-profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:24px}.tool-profile-grid article{padding:20px;border:1px solid #34312c;border-radius:10px;background:#191714}.tool-profile-grid h3{margin:0 0 8px;color:#d8ccbc}.tool-profile-grid p{font-size:12px;color:#b1a99d}.tool-next{border-top:1px solid #252830;padding-top:36px!important}.tool-next .button{display:inline-flex;margin-top:26px}.tool-back{display:inline-block;margin:24px;font-size:12px}.tool-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;border-top:1px solid #252830;padding-block:26px 36px;font-size:11px;color:#8e98a7;line-height:1.8}@media(max-width:650px){.typing-test-page .tool-header{min-height:74px;gap:14px}.tool-header nav{gap:14px;font-size:11px}.tool-header .brand{font-size:18px}.typing-test-page .tool-intro{padding-block:34px 40px}.typing-test-page .tool-guide{padding-top:44px}.typing-test-page .tool-guide h2{font-size:25px}.tool-profile-grid{grid-template-columns:1fr}.score-example{padding:18px}.tool-back{margin-left:0}.tool-footer nav{gap:16px}}