.StepSpotlight_spot__LpGst{--spot:rgb(var(--home-math));position:absolute;z-index:15;pointer-events:none}.StepSpotlight_ring__vHnOP{position:absolute;inset:0;border:2px solid var(--spot);border-radius:8px;box-shadow:0 0 0 4px rgb(var(--home-math)/.16)}.StepSpotlight_arrow__oEQfl{position:absolute;top:50%;fill:none;stroke:var(--spot);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 1px rgb(255 255 255/.9))}.StepSpotlight_spot__LpGst[data-arrow=right] .StepSpotlight_arrow__oEQfl{left:calc(100% + 6px);transform:translateY(-50%)}.StepSpotlight_spot__LpGst[data-arrow=left] .StepSpotlight_arrow__oEQfl{right:calc(100% + 6px);transform:translateY(-50%) scaleX(-1)}.StepSpotlight_spot__LpGst[data-arrow=above] .StepSpotlight_arrow__oEQfl,.StepSpotlight_spot__LpGst[data-arrow=below] .StepSpotlight_arrow__oEQfl{top:auto;left:50%}.StepSpotlight_spot__LpGst[data-arrow=below] .StepSpotlight_arrow__oEQfl{top:calc(100% + 12px);transform:translateX(-50%) rotate(90deg)}.StepSpotlight_spot__LpGst[data-arrow=above] .StepSpotlight_arrow__oEQfl{bottom:calc(100% + 12px);transform:translateX(-50%) rotate(-90deg)}@media (prefers-reduced-motion:no-preference){.StepSpotlight_spot__LpGst{animation:StepSpotlight_spotIn__qnFCV .26s cubic-bezier(.22,.68,0,1) both}.StepSpotlight_ring__vHnOP{animation:StepSpotlight_ringPulse__MvPf8 1.6s ease-in-out infinite}.StepSpotlight_spot__LpGst[data-arrow=right] .StepSpotlight_arrow__oEQfl{animation:StepSpotlight_arrowFromRight__Lk2mi 1.6s ease-in-out infinite}.StepSpotlight_spot__LpGst[data-arrow=left] .StepSpotlight_arrow__oEQfl{animation:StepSpotlight_arrowFromLeft__7cLrX 1.6s ease-in-out infinite}.StepSpotlight_spot__LpGst[data-arrow=below] .StepSpotlight_arrow__oEQfl{animation:StepSpotlight_arrowFromBelow__1SwB_ 1.6s ease-in-out infinite}.StepSpotlight_spot__LpGst[data-arrow=above] .StepSpotlight_arrow__oEQfl{animation:StepSpotlight_arrowFromAbove__hpjPl 1.6s ease-in-out infinite}}@keyframes StepSpotlight_spotIn__qnFCV{0%{opacity:0;transform:scale(1.25)}}@keyframes StepSpotlight_ringPulse__MvPf8{50%{box-shadow:0 0 0 9px rgb(var(--home-math)/.06)}}@keyframes StepSpotlight_arrowFromRight__Lk2mi{0%,to{opacity:.35;transform:translate(8px,-50%)}50%{opacity:1;transform:translateY(-50%)}}@keyframes StepSpotlight_arrowFromLeft__7cLrX{0%,to{opacity:.35;transform:translate(-8px,-50%) scaleX(-1)}50%{opacity:1;transform:translateY(-50%) scaleX(-1)}}@keyframes StepSpotlight_arrowFromBelow__1SwB_{0%,to{opacity:.35;transform:translate(-50%,8px) rotate(90deg)}50%{opacity:1;transform:translate(-50%) rotate(90deg)}}@keyframes StepSpotlight_arrowFromAbove__hpjPl{0%,to{opacity:.35;transform:translate(-50%,-8px) rotate(-90deg)}50%{opacity:1;transform:translate(-50%) rotate(-90deg)}}.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;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}}