.KeyboardFirstIntro_intro__1R3r5{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);border:1px solid rgb(var(--home-stone)/.65);border-radius:16px;overflow:hidden;background:rgb(var(--color-surface-50));box-shadow:0 20px 56px -32px rgb(var(--home-ink)/.32),0 2px 6px rgb(var(--home-ink)/.035)}.KeyboardFirstIntro_demo__6zeHi{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-right:1px solid rgb(var(--home-stone)/.65);background:rgb(var(--home-paper))}.KeyboardFirstIntro_lane__bG0xb{--lane:rgb(var(--home-wrong));--lane-tint:rgb(var(--home-wrong-tint));display:flex;flex-direction:column;gap:16px;min-width:0;padding:26px 24px 28px}.KeyboardFirstIntro_lane__bG0xb[data-kind=type]{--lane:rgb(var(--home-correct));--lane-tint:rgb(var(--home-correct-tint));border-left:1px solid rgb(var(--home-stone)/.5)}.KeyboardFirstIntro_laneLabel___xRMn{display:flex;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:500;color:rgb(var(--home-ink))}.KeyboardFirstIntro_laneMark__7qHiT{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;color:var(--lane);background:var(--lane-tint)}.KeyboardFirstIntro_display__rB8D9{position:relative;display:flex;align-items:center;min-height:64px;padding:0 14px;border:1px solid #d6d6d6;border-left:4px solid #2f72dc;border-radius:6px;background:#fff;font-size:22px;transition:border-color .24s}.KeyboardFirstIntro_lane__bG0xb[data-done=true] .KeyboardFirstIntro_display__rB8D9{border-left-color:var(--lane)}.KeyboardFirstIntro_done__Zpyro{position:absolute;right:10px;top:50%;display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;font-size:12px;font-weight:600;color:var(--lane);background:var(--lane-tint);transform:translateY(-50%)}.KeyboardFirstIntro_keypad__zRLQe{position:relative;display:grid;grid-template-columns:repeat(4,36px);gap:6px;align-self:flex-start}.KeyboardFirstIntro_key__oIQEt{display:grid;place-items:center;height:36px;border:1px solid #d0d0d0;border-radius:5px;background:#f4f4f4;color:#333;font-size:15px;transition:background .12s,transform .12s}.KeyboardFirstIntro_key__oIQEt[data-pressed=true]{background:#dfe9f7;border-color:#2f72dc;transform:translateY(1px)}.KeyboardFirstIntro_pointer__LNCPx{position:absolute;left:0;top:0;color:rgb(var(--home-ink));fill:#fff;filter:drop-shadow(0 1px 1px rgb(0 0 0/.25));transition:transform .42s cubic-bezier(.45,0,.2,1);pointer-events:none}.KeyboardFirstIntro_keystrokes__LaSTq{display:flex;flex-wrap:wrap;gap:5px;margin:0;padding:0;list-style:none}.KeyboardFirstIntro_keystrokes__LaSTq kbd{display:grid;place-items:center;min-width:30px;height:32px;padding:0 6px;border:solid rgb(var(--home-stone));border-width:1px 1px 2px;border-radius:5px;background:#fff;color:rgb(var(--home-muted));font:500 14px/1 var(--font-sans),sans-serif;transition:background .12s,color .12s,border-color .12s}.KeyboardFirstIntro_keystrokes__LaSTq li[data-typed=true] kbd{color:rgb(var(--home-correct));border-color:rgb(var(--home-correct)/.55);background:rgb(var(--home-correct-tint))}.KeyboardFirstIntro_copy__sNjkr{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:30px 32px 32px}.KeyboardFirstIntro_copyIcon__w_OEG{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;color:rgb(var(--home-math));background:rgb(var(--home-math-tint))}.KeyboardFirstIntro_copy__sNjkr h3{margin:2px 0 0;font:400 28px/1.15 var(--font-serif),Georgia,serif;font-variant-numeric:lining-nums;letter-spacing:-.035em;color:rgb(var(--home-ink));text-wrap:balance}.KeyboardFirstIntro_copy__sNjkr p{margin:0;font-size:16px;line-height:1.65;color:rgb(var(--home-ink));max-width:52ch}.KeyboardFirstIntro_copy__sNjkr strong{font-weight:600}.KeyboardFirstIntro_start__erMwo{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;max-width:440px;margin-top:6px;padding:14px 18px;border-radius:8px;background:rgb(var(--home-math));color:#fff;font-size:15px;font-weight:500;text-align:left;cursor:pointer;box-shadow:0 0 0 4px rgb(var(--home-math)/.2),0 12px 26px -12px rgb(var(--home-math)/.7);transition:box-shadow .18s,filter .18s,transform .12s}.KeyboardFirstIntro_start__erMwo:hover{filter:brightness(1.1);box-shadow:0 0 0 6px rgb(var(--home-math)/.22),0 14px 30px -12px rgb(var(--home-math)/.8)}.KeyboardFirstIntro_start__erMwo:active{transform:translateY(1px)}.KeyboardFirstIntro_start__erMwo:focus-visible{outline:2px solid rgb(var(--home-math));outline-offset:4px}.KeyboardFirstIntro_start__erMwo svg{flex:0 0 auto;transition:transform .18s}.KeyboardFirstIntro_start__erMwo:hover svg{transform:translateX(3px)}.KeyboardFirstIntro_startTitle__R2b_S{font-weight:600}@media (max-width:900px){.KeyboardFirstIntro_intro__1R3r5{grid-template-columns:minmax(0,1fr)}.KeyboardFirstIntro_demo__6zeHi{border-right:0;border-bottom:1px solid rgb(var(--home-stone)/.65)}}@media (max-width:560px){.KeyboardFirstIntro_demo__6zeHi{grid-template-columns:minmax(0,1fr)}.KeyboardFirstIntro_lane__bG0xb[data-kind=type]{border-left:0;border-top:1px solid rgb(var(--home-stone)/.5)}.KeyboardFirstIntro_copy__sNjkr{padding:24px 20px 26px}.KeyboardFirstIntro_copy__sNjkr h3{font-size:24px}}@media (prefers-reduced-motion:reduce){.KeyboardFirstIntro_key__oIQEt,.KeyboardFirstIntro_keystrokes__LaSTq kbd,.KeyboardFirstIntro_pointer__LNCPx{transition:none}}