@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/inter-latin-ext-wght-normal.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/inter-latin-wght-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:100 800;src:url(/fonts/jetbrains-mono-latin-ext-wght-normal.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:100 800;src:url(/fonts/jetbrains-mono-latin-wght-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}html:root:has(main.app-shell.typing-page,main.app-shell>.layout>.trainer){--at-scheme:dark;--at-navy:#1e293b;--at-blue:#2075c7;--at-yellow:#f6c343;--at-bg:#0f172a;--at-panel:#1e293b;--at-soft:#273449;--at-ink:#f8fafc;--at-muted:#a3b1c4;--at-border:#74869e;--at-accent:#38bdf8;--at-focus:#f6c343;--at-success:#68d391;--at-error:#fc8181;--ref-line:#334155;--ref-shadow:0 8px 22px -4px #0006, 0 3px 8px -2px #0003;--ref-kbd-frame:#0b1120;--ref-key:#1e293b;--ref-key-edge:#334155;--ref-key-ink:#e2e8f0;--ref-correct-bg:#48bb7833;--ref-wrong-bg:#f5656559}html[data-flowkeys-theme=light]:root:has(main.app-shell.typing-page,main.app-shell>.layout>.trainer){--at-scheme:light;--at-navy:#2583d8;--at-blue:#1f74c4;--at-bg:#eef6fb;--at-panel:#fff;--at-soft:#e0f2fe;--at-ink:#2d3748;--at-muted:#55657a;--at-border:#8193a8;--at-accent:#1f74c4;--at-focus:#b07508;--at-success:#2f855a;--at-error:#c53030;--ref-line:#dbe4ee;--ref-shadow:0 8px 22px -4px #2583d814, 0 3px 8px -2px #0000000a;--ref-kbd-frame:#d9e0e7;--ref-key:#fff;--ref-key-edge:#c1ccd7;--ref-key-ink:#334155;--ref-correct-bg:#48bb782e;--ref-wrong-bg:#f565654d}html:root:has(main.app-shell.typing-page,main.app-shell>.layout>.trainer){color-scheme:var(--at-scheme);--background:var(--at-bg);--foreground:var(--at-ink);--card:var(--at-panel);--card-foreground:var(--at-ink);--popover:var(--at-panel);--popover-foreground:var(--at-ink);--primary:var(--at-blue);--primary-foreground:#fff;--secondary:var(--at-soft);--secondary-foreground:var(--at-ink);--muted:var(--at-soft);--muted-foreground:var(--at-muted);--accent:var(--at-soft);--accent-foreground:var(--at-ink);--border:var(--at-border);--input:var(--at-border);--ring:var(--at-focus);--design-canvas:var(--at-bg);--design-surface:var(--at-panel);--design-soft:var(--at-soft);--design-ink:var(--at-ink);--design-muted:var(--at-muted);--design-border:var(--at-border);--design-action:var(--at-blue);--design-action-ink:#fff;--design-teal:var(--at-accent);--design-focus:var(--at-focus)}html[data-flowkeys-theme]:root:has(main.app-shell.typing-page,main.app-shell>.layout>.trainer){color-scheme:var(--at-scheme);--background:var(--at-bg);--foreground:var(--at-ink);--card:var(--at-panel);--card-foreground:var(--at-ink);--popover:var(--at-panel);--popover-foreground:var(--at-ink);--primary:var(--at-blue);--primary-foreground:#fff;--secondary:var(--at-soft);--secondary-foreground:var(--at-ink);--muted:var(--at-soft);--muted-foreground:var(--at-muted);--accent:var(--at-soft);--accent-foreground:var(--at-ink);--border:var(--at-border);--input:var(--at-border);--ring:var(--at-focus);--design-canvas:var(--at-bg);--design-surface:var(--at-panel);--design-soft:var(--at-soft);--design-ink:var(--at-ink);--design-muted:var(--at-muted);--design-border:var(--at-border);--design-action:var(--at-blue);--design-action-ink:#fff;--design-teal:var(--at-accent);--design-focus:var(--at-focus)}html:root:has(main.app-shell.typing-page,main.app-shell>.layout>.trainer) body{background:var(--at-bg)}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) .topbar{--design-surface:var(--at-navy);--design-soft:#fff3;--design-border:#ffffff4d;background:var(--at-navy);min-height:58px;padding-block:10px;box-shadow:0 2px 10px #0000001f}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) .topbar .training-page-label{color:#fff;letter-spacing:0;font-weight:700}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) .topbar :is(button,.account-control,.learn-appearance,.search-nav-link,.manual-link),html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) .topbar .site-language-menu summary{color:#fff;background:#ffffff24;border:1px solid #ffffff3d;border-radius:8px;font-weight:600;transition:background-color .15s}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) .topbar :is(button,.account-control,.learn-appearance,.search-nav-link,.manual-link):hover,html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) .topbar .site-language-menu summary:hover{color:#fff;background:#ffffff42}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) .topbar .site-language-menu :is(ul,nav,a){background:var(--at-panel);color:var(--at-ink)}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) .topbar .site-language-menu :is(ul,nav){border:1px solid var(--ref-line);border-radius:12px;box-shadow:0 14px 32px #0000002e}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) .topbar .site-language-menu a:is(:hover,:focus-visible){background:var(--at-soft);color:var(--at-accent)}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) .topbar .site-language-menu a[aria-current]{color:var(--at-accent);font-weight:800}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) .topbar :is(button,a,summary):focus-visible{outline:3px solid var(--at-yellow);outline-offset:3px}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) :is(.typing-controls,.typing-metric,.typing-analytics,.settings-content,.typing-path-picker,.typing-progress-disclosure,.side-card,.sidebar,.practice-panel,.category-card,.planned-hub,.session-toolbar,.shortcut-voice-status){background:var(--at-panel);border-color:var(--ref-line);box-shadow:var(--ref-shadow);border-radius:12px}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) :is(.typing-stage,.challenge,.completion-card){border:2px solid var(--ref-line);box-shadow:var(--ref-shadow);border-radius:18px}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) .typing-tutor:is(.theme-light,.theme-dark) .typing-workspace .typing-stage,html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) .challenge{background:var(--at-panel)}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) .challenge.correct{border-color:#68b664}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) .challenge.wrong{border-color:var(--at-error)}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) .typing-path-options button,html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) .platform-toolbar button,html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) .mode-switch button{border-color:var(--ref-line);border-radius:999px;font-weight:700;transition:border-color .15s,color .15s,background-color .15s}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) :is(.typing-path-options,.platform-toolbar,.mode-switch) button:not(.active):hover{border-color:var(--at-accent);color:var(--at-accent)}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) :is(.typing-path-options,.platform-toolbar) button.active{background:var(--at-blue);border-color:var(--at-blue);color:#fff;box-shadow:0 4px 12px #2583d840}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) .sidebar button{border-radius:8px}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) :is(.sidebar,.category-card) button.active{background:var(--at-soft);border-color:var(--at-accent);color:var(--at-accent)}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) .category-card{transition:transform .18s,border-color .18s,box-shadow .18s}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) .category-card:hover{border-color:var(--at-accent);transform:translateY(-4px);box-shadow:0 12px 24px #2583d824}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) :is(.typing-reset,.quiet,.reset,.keyboard-footer>button){border:2px solid var(--ref-line);color:var(--at-muted);background:0 0;border-radius:9px;font-weight:700}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) :is(.typing-reset,.quiet,.reset,.keyboard-footer>button):not(:disabled):hover{border-color:var(--at-ink);color:var(--at-ink)}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) :is(.typing-stage-top .typing-focus-button,.completion-card button,.practice-play){color:#1e293b;background:linear-gradient(#f8d353 0%,#f0b823 100%);border:1px solid #d99b16;border-radius:9px;font-weight:800;transition:transform .15s,filter .15s;box-shadow:0 3px #c2880e}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) :is(.typing-stage-top .typing-focus-button,.completion-card button,.practice-play):hover{filter:brightness(1.04);transform:translateY(-1px)}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) :is(.typing-stage-top .typing-focus-button,.completion-card button,.practice-play):active{transform:translateY(2px);box-shadow:0 1px #c2880e}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) .typing-stage-top .typing-focus-button.is-active{background:var(--at-soft);border-color:var(--ref-line);box-shadow:none;color:var(--at-accent)}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) :is(button,a,summary,input,select,textarea,[tabindex]):focus-visible{outline-color:var(--at-focus)}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) .typing-tutor:is(.theme-light,.theme-dark) .typing-stage-top{color:var(--at-muted);font-weight:600}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) .typing-tutor:is(.theme-light,.theme-dark) .typing-stage-top strong{color:var(--at-accent)}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) .typing-tutor:is(.theme-light,.theme-dark) .typing-text .typing-char{border-radius:6px}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) .typing-tutor:is(.theme-light,.theme-dark) .typing-workspace .typing-text .typing-char.typed-correct{background-color:var(--ref-correct-bg);color:var(--at-success)}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) .typing-tutor:is(.theme-light,.theme-dark) .typing-workspace .typing-text .typing-char.typed-wrong{background-color:var(--ref-wrong-bg);color:var(--at-error)}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) .typing-tutor:is(.theme-light,.theme-dark)[data-practice-mode=text] .typing-workspace .typing-text .typing-char.typing-current{background:var(--at-blue);color:#fff;box-shadow:0 0 0 2px var(--at-blue), 0 4px 12px #2583d859;border-radius:6px}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) .typing-tutor:is(.theme-light,.theme-dark) .typing-text-viewport{scrollbar-color:var(--ref-line) transparent}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) .typing-tutor:is(.theme-light,.theme-dark) .typing-stage .text-window-label{color:var(--at-muted)}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) .typing-tutor:is(.theme-light,.theme-dark) .typing-stage [role=progressbar]{border-radius:999px}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) .typing-tutor[data-practice-mode][data-feedback-animations]:is(.theme-light,.theme-dark) .typing-keyboard-panel,html[data-flowkeys-theme=light] main.app-shell:is(.typing-page,:has(>.layout>.trainer)) .typing-tutor[data-practice-mode][data-feedback-animations]:is(.theme-light,.theme-dark):not(.theme-high-contrast):not(.theme-custom) .typing-keyboard-panel{--kb-frame:var(--ref-kbd-frame);--kb-border:var(--ref-key-edge);--kb-ink:var(--ref-key-ink);--kb-target:#2583d8;--kb-target-ink:#fff;--kb-hit:#68d391;--kb-hit-ink:#10301c;background:var(--kb-frame);border-color:#0000;border-radius:16px;box-shadow:inset 0 2px 4px #fff6,0 8px 20px #0000000f}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) .typing-tutor:is(.theme-light,.theme-dark) .typing-keyboard-panel .typing-keyboard .typing-key-row>span{border-width:1px 1px 3px;border-radius:7px}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) .typing-tutor:is(.theme-light,.theme-dark) .typing-keyboard-panel .typing-keyboard .typing-key-row>span.finger-neutral:not(.next):not(.physically-pressed):not(.key-feedback-a):not(.key-feedback-b){background:var(--ref-key);color:var(--ref-key-ink)}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) .typing-tutor:is(.theme-light,.theme-dark) .typing-workspace .floating-typing-keyboard .typing-keyboard .typing-key-row>span.next:not(.physically-pressed):not(.key-feedback-a):not(.key-feedback-b){color:#fff;z-index:2;background:#2583d8;border-color:#1a5fa0;box-shadow:0 0 0 5px #2583d847}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) .typing-tutor:is(.theme-light,.theme-dark) .typing-workspace .floating-typing-keyboard .typing-keyboard .typing-key-row>span:is(.physically-pressed,.key-feedback-a,.key-feedback-b):not(.key-feedback-error),html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) .typing-tutor:is(.theme-light,.theme-dark) .typing-key-row>span:is(.physically-pressed,.key-feedback-a,.key-feedback-b):not(.key-feedback-error){color:#10301c;background:#68d391;border-color:#3d9a63}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) .typing-tutor:is(.theme-light,.theme-dark) .typing-keyboard-panel .next-key strong{color:var(--at-accent)}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) .typing-tutor:is(.theme-light,.theme-dark) .keyboard-landscape .typing-key-row>span.next{--zone-fill:#2583d8;--zone-ink:#fff;--zone-edge:#1a5fa0;outline:2px solid #1a5fa0;box-shadow:0 0 0 5px #2583d847}@media (forced-colors:none){html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) .typing-tutor:is(.theme-light,.theme-dark) .keyboard-landscape .keyboard-finger-legend>span{color:var(--ref-key-ink)!important}}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) .keyboard-board{background:var(--ref-kbd-frame);border:0;border-radius:16px;box-shadow:inset 0 2px 4px #fff6,0 8px 20px #0000000f}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) .keyboard-board .keyboard-row button{border-width:1px 1px 3px;border-radius:7px;transition:transform 80ms,background-color 80ms}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) .keyboard-board .keyboard-row button.selected{color:#fff;background:#2583d8;border-color:#1a5fa0;box-shadow:0 0 0 5px #2583d847}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) .keyboard-board .keyboard-row button.pressed{color:#10301c;background:#68d391;border-color:#3d9a63;transform:translateY(2px)}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) .answer-space kbd,html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) .hint-panel kbd{background:var(--at-panel);color:var(--at-ink);border:2px solid #94a3b8;border-radius:10px;box-shadow:0 4px #cbd5e1}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) .result-line.correct{color:var(--at-success)}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) .result-line.wrong{color:var(--at-error)}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) .typing-tutor>.typing-workspace+[role=status]{background:var(--at-panel);box-shadow:var(--ref-shadow);color:var(--at-ink);text-align:center;border:2px solid #68b664;border-radius:18px;padding:20px 28px;font-weight:800}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) .typing-tutor>.typing-workspace+[role=status]:before,html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) .completion-card:before{content:"★ ★ ★";color:#f6c343;letter-spacing:.2em;text-shadow:0 6px 14px #f6c34373;margin-bottom:8px;font-size:2.4rem;line-height:1;display:block}@media (prefers-reduced-motion:no-preference){html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) .typing-tutor[data-feedback-animations=true]>.typing-workspace+.appreciation:before,html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) .completion-card:before{animation:.45s cubic-bezier(.18,.89,.32,1.28) both at-reference-stars}}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) .typing-tutor .tutor-confetti i:nth-child(5n+1){background:#f6c343}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) .typing-tutor .tutor-confetti i:nth-child(5n+2){background:#2583d8}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) .typing-tutor .tutor-confetti i:nth-child(5n+3){background:#48bb78}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) .typing-tutor .tutor-confetti i:nth-child(5n+4){background:#f56565}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) .typing-tutor .tutor-confetti i:nth-child(5n+5){background:#a855f7}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) .completion-card{background:var(--at-panel);color:var(--at-ink)}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) .completion-card .celebration{color:#fff;background:#68b664;border:2px solid #4f964b;border-radius:50%;box-shadow:0 4px #3d7a3a}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) .completion-card p{color:var(--at-accent)}@keyframes at-reference-stars{0%{opacity:.2;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@container at-trainer (width<=760px){html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) :is(.typing-stage,.challenge,.completion-card){border-radius:14px}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) .typing-tutor>.typing-workspace+[role=status]:before,html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) .completion-card:before{font-size:1.8rem}}@media (prefers-reduced-motion:reduce){html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) :is(.category-card,.typing-stage-top .typing-focus-button,.completion-card button,.practice-play,.keyboard-board .keyboard-row button){transition:none}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) :is(.category-card,.typing-stage-top .typing-focus-button,.completion-card button,.practice-play):is(:hover,:active),html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) .keyboard-board .keyboard-row button.pressed{transform:none}}html main.app-shell.typing-page .typing-hub-tabs{background:#0000002e;border-radius:999px;gap:2px;padding:3px;display:inline-flex}html main.app-shell.typing-page .typing-hub-tab{color:#fff;border-radius:999px;align-items:center;gap:6px;min-height:38px;padding:0 14px;font-size:.86rem;font-weight:700;text-decoration:none;transition:background .18s,transform .18s;display:inline-flex}html main.app-shell.typing-page .typing-hub-tab:hover{background:#ffffff38;transform:translateY(-1px)}html main.app-shell.typing-page .typing-hub-tab.active{color:#1a5fa0;background:#fff}html main.app-shell.typing-page .typing-hub-tab:focus-visible{outline-offset:2px;outline:3px solid #f6c343}@media (max-width:700px){html main.app-shell.typing-page .typing-hub-tabs{order:5;justify-content:center;width:100%}}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) .typing-text{letter-spacing:1px;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:500;line-height:1.7}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) .typing-stage-top{font-family:Inter,ui-sans-serif,system-ui,sans-serif}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) .typing-text .typing-char{border-bottom:3px solid #0000;border-radius:6px;padding:0 1px}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) .typing-text .typing-current{border-bottom-color:#1a5fa0}@media (prefers-reduced-motion:no-preference){html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) .typing-text .typed-correct{animation:.24s cubic-bezier(.2,.8,.2,1) both at-ref-land}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) .typing-text .typing-current{animation:1.5s ease-in-out infinite at-ref-caret}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) .typing-tutor[data-feedback-animations=true]>.typing-workspace+.appreciation{animation:.5s cubic-bezier(.18,.89,.32,1.28) both at-ref-card-pop;box-shadow:0 0 0 3px #f6c34366,0 18px 40px #f6c34333}}@keyframes at-ref-land{0%{background-color:#48bb7866;transform:translateY(-3px)}to{transform:none}}@keyframes at-ref-caret{0%,to{box-shadow:0 4px 12px #2583d859}50%{box-shadow:0 4px 18px #2583d8a6}}@keyframes at-ref-card-pop{0%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:1;transform:none}}html main.app-shell:has(>.layout>.trainer) .topic-group{border-top:1px solid var(--ref-line);gap:6px;margin-top:18px;padding-top:14px;display:grid}html main.app-shell:has(>.layout>.trainer) .side-subheading{color:var(--at-muted);letter-spacing:.09em;text-transform:uppercase;padding:0 4px 2px;font-size:.72rem;font-weight:800}html main.app-shell:has(>.layout>.trainer) .training-collections .nav-section{gap:4px;margin-bottom:14px;display:grid}html main.app-shell:has(>.layout>.trainer) .training-collections .nav-section-button{box-shadow:none;color:var(--at-muted);letter-spacing:.09em;text-transform:uppercase;background:0 0;border:0;padding:6px 4px;font-size:.72rem;font-weight:800}html main.app-shell:has(>.layout>.trainer) .training-collections .nav-section-button .nav-chevron{display:none}:is(html main.app-shell:has(>.layout>.trainer) .training-collections .nav-section-button:hover,html main.app-shell:has(>.layout>.trainer) .training-collections .nav-section-button[aria-current=true]){color:var(--at-accent)}html main.app-shell:has(>.layout>.trainer) .training-collections .nav-children{gap:4px;display:grid}html main.app-shell:has(>.layout>.trainer) .key-lock{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}html main.app-shell:has(>.layout>.trainer) .key-lock-status{color:var(--at-muted);max-width:34ch;font-size:.78rem}html main.app-shell:has(>.layout>.trainer) .key-lock-button.locked{color:#fff;background:#2f855a;border-color:#276749}html main.app-shell:has(>.layout>.trainer) .key-lock-button:disabled{opacity:.55;cursor:not-allowed}html main.app-shell:has(>.layout>.trainer) .key-lock-button.armed{color:#172b46;background:#f6c343;border-color:#b48012}html main.app-shell:has(>.layout>.trainer) .key-lock-button.armed:not(:disabled):hover{color:#172b46;background:#ffda65;border-color:#8a6208}html main.app-shell:has(>.layout>.trainer) .key-lock-auto{color:var(--at-ink);align-items:center;gap:8px;margin:8px 0;display:flex}html main.app-shell:has(>.layout>.trainer) .key-lock-auto input{accent-color:#2f855a;width:18px;height:18px;margin:0}html main.app-shell:has(>.layout>.trainer) .sidebar nav{grid-template-columns:minmax(0,1fr);min-width:0}html main.app-shell:has(>.layout>.trainer) .sidebar .nav-group{grid-template-columns:minmax(0,1fr);min-width:0}html main.app-shell:has(>.layout>.trainer) .topic-group{grid-template-columns:minmax(0,1fr);min-width:0}html main.app-shell:has(>.layout>.trainer) .nav-section{grid-template-columns:minmax(0,1fr);min-width:0}html main.app-shell:has(>.layout>.trainer) .nav-children{grid-template-columns:minmax(0,1fr);min-width:0}html main.app-shell:has(>.layout>.trainer) .sidebar nav button{min-width:0;max-width:100%}html main.app-shell:has(>.layout>.trainer) .sidebar nav button>span{overflow-wrap:anywhere;white-space:normal;min-width:0;line-height:1.2}html main.app-shell:has(>.layout>.trainer) .training-collections .nav-children{border-left:0;margin:0;padding-left:0}html main.app-shell:has(>.layout>.trainer) .training-collections .nav-section-button>span{white-space:normal;line-height:1.25}html main.app-shell:has(>.layout>.trainer) .challenge-actions button:disabled{opacity:.5;cursor:not-allowed}html main.app-shell:has(>.layout>.trainer) .session-toolbar{flex-wrap:wrap;gap:10px 22px}html main.app-shell:has(>.layout>.trainer) .session-toolbar .shortcut-layout-select{flex-direction:row;align-items:center;gap:10px;display:inline-flex}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) #setting-training.typing-path-picker{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:12px;display:grid}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) #setting-training .typing-path-options{width:auto;display:contents}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) #setting-training :is(.typing-path-options button,.typing-focus-button){box-sizing:border-box;border:1px solid var(--ref-line);text-align:left;background:var(--at-panel);width:100%;min-height:68px;color:var(--at-ink);font:inherit;cursor:pointer;border-radius:14px;justify-content:flex-start;align-items:center;gap:12px;margin:0;padding:10px 16px;font-size:.98rem;font-weight:700;line-height:1.25;text-decoration:none;display:flex}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) #setting-training .typing-focus-button:hover{border-color:var(--at-accent);color:var(--at-accent)}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) #setting-training .typing-path-options button.active{background:var(--at-accent);border-color:var(--at-accent);color:#fff}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) #setting-training :is(.typing-path-options button,.typing-focus-button):focus-visible{outline:3px solid var(--at-focus);outline-offset:2px}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) #setting-training .typing-path-options button>span{min-width:0}@media (max-width:1100px){html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) #setting-training.typing-path-picker{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) #setting-training.typing-path-picker{grid-template-columns:1fr}}html main.app-shell.typing-page .typing-tutor[data-practice-mode=text] .typing-stage{gap:6px}html main.app-shell.typing-page .typing-tutor[data-practice-mode=text] .typing-text-viewport{min-width:0;padding-top:0;-webkit-mask-image:none;mask-image:none}html main.app-shell.typing-page .typing-tutor[data-practice-mode=text] .typing-text{text-align:start;text-align-last:auto;text-justify:auto;letter-spacing:normal;word-spacing:normal;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:0;padding-top:0;line-height:1.5}html main.app-shell.typing-page .typing-tutor[data-practice-mode=text] .typing-text .typing-char{padding-inline:0}html main.app-shell.typing-page .typing-tutor[data-practice-mode=text] .typing-text .typing-word{white-space:normal}html main.app-shell.typing-page .typing-tutor[data-practice-mode=text] .typing-controls{--control-height:56px;grid-template-columns:minmax(110px,.8fr) minmax(150px,1.2fr) minmax(190px,1.5fr) minmax(160px,1fr) minmax(210px,1.4fr);align-items:end}html main.app-shell.typing-page .typing-tutor[data-practice-mode=text] .typing-controls :is(.tutor-settings-slot,.tutor-voice-control){align-self:end}html main.app-shell.typing-page .typing-tutor[data-practice-mode=text] .typing-controls>.tutor-control [data-slot=select-trigger],html main.app-shell.typing-page .typing-tutor[data-practice-mode=text] .typing-controls .tutor-settings>summary,html main.app-shell.typing-page .typing-tutor[data-practice-mode=text] .typing-controls .tutor-voice-control{min-height:var(--control-height);box-sizing:border-box;border-radius:10px;width:100%;height:auto;margin-block:0;padding:8px 12px;font-size:14px;line-height:1.3}html main.app-shell.typing-page .typing-tutor[data-practice-mode=text] .typing-controls .tutor-settings>summary{color:#172b46;box-shadow:none;background:#f6c343;border-color:#b48012}html main.app-shell.typing-page .typing-tutor[data-practice-mode=text] .typing-controls .tutor-settings>summary svg{color:#172b46}html main.app-shell.typing-page .typing-tutor[data-practice-mode=text] .typing-controls .tutor-settings>summary:hover{background:#ffda65}html main.app-shell.typing-page .typing-tutor[data-practice-mode=text] .typing-controls .tutor-voice-control{background:var(--at-blue);color:#fff;box-shadow:none;border-color:#1b65a8}html main.app-shell.typing-page .typing-tutor[data-practice-mode=text] .typing-controls .tutor-voice-control :is(svg,strong,small,span){color:inherit}html main.app-shell.typing-page .typing-tutor[data-practice-mode=text] .typing-controls .tutor-voice-control:hover{background:#2075c7}html main.app-shell.typing-page .typing-tutor .keyboard-landscape .keyboard-finger-legend{background:var(--at-panel);color:var(--at-ink);border:1px solid var(--at-border);border-radius:10px;padding:8px 10px}html main.app-shell.typing-page .typing-tutor .keyboard-landscape .keyboard-finger-legend>span{font-weight:600;color:var(--at-ink)!important}html main.app-shell:has(>.layout>.trainer) .sidebar nav button{background:var(--at-panel);color:var(--at-ink);border:1px solid var(--at-border);min-height:46px;box-shadow:none;font-weight:650}html main.app-shell:has(>.layout>.trainer) .sidebar nav button :is(span,small,svg){color:inherit;opacity:1}html main.app-shell:has(>.layout>.trainer) .sidebar nav button:hover{background:var(--at-soft);border-color:var(--at-blue)}html main.app-shell:has(>.layout>.trainer) .sidebar nav button.active{color:#fff;background:#1b66ad;border-color:#1b66ad;box-shadow:inset 4px 0 #f6c343}html main.app-shell:has(>.layout>.trainer) .sidebar nav .training-collections .nav-section-button.active{color:#fff}html main.app-shell:has(>.layout>.trainer) .sidebar nav .training-collections .nav-section-button.active:hover{color:#fff}html main.app-shell:has(>.layout>.trainer) .sidebar nav button:focus-visible{outline:3px solid var(--at-focus);outline-offset:2px}@media (max-width:1150px){html main.app-shell.typing-page .typing-tutor[data-practice-mode=text] .typing-controls{grid-template-columns:repeat(6,minmax(0,1fr))}html main.app-shell.typing-page .typing-tutor[data-practice-mode=text] .typing-controls>*{grid-column:span 2}html main.app-shell.typing-page .typing-tutor[data-practice-mode=text] .typing-controls>:is(.tutor-settings-slot,.tutor-voice-control){grid-column:span 3}}@media (max-width:600px){html main.app-shell.typing-page .typing-tutor[data-practice-mode=text] .typing-controls{grid-template-columns:minmax(0,1fr)}html main.app-shell.typing-page .typing-tutor[data-practice-mode=text] .typing-controls>*,html main.app-shell.typing-page .typing-tutor[data-practice-mode=text] .typing-controls>#setting-keyboard,html main.app-shell.typing-page .typing-tutor[data-practice-mode=text] .typing-controls>:is(.tutor-settings-slot,.tutor-voice-control){grid-column:auto}}@media (forced-colors:active){html main.app-shell.typing-page .typing-tutor .keyboard-landscape .keyboard-finger-legend>span{color:canvastext!important}}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) .topbar .top-actions{align-items:center}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) .topbar .top-actions :is(.search-nav-link,.account-control,.learn-appearance,.site-language-menu summary){box-sizing:border-box;white-space:nowrap;flex-direction:row;justify-content:center;align-items:center;gap:8px;height:44px;min-height:44px;padding:0 14px;line-height:1.2;display:inline-flex}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) .topbar .manual-nav-link svg{flex:none;width:18px;height:18px;display:block}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) #setting-training .typing-path-options button.active{color:#172b45;background:#f6c343;border-color:#c28c0c}html main.app-shell:is(.typing-page,:has(>.layout>.trainer)) #setting-training .typing-path-options button.active :is(svg,small,span,strong){color:#172b45}html main.app-shell.typing-page .typing-tutor[data-practice-mode=text]{gap:12px}html main.app-shell.typing-page .typing-tutor[data-practice-mode=text]>.typing-controls+.typing-save-note,html main.app-shell.typing-page .typing-tutor[data-practice-mode=text]>.typing-save-note[data-device-layout-source]{display:none}@media (min-width:1151px){html main.app-shell.typing-page .typing-tutor[data-practice-mode=text] .typing-workspace{grid-template-rows:minmax(180px,1fr) auto;height:clamp(400px,100svh - 340px,720px);min-height:400px}html main.app-shell.typing-page .typing-tutor[data-practice-mode=text] .typing-workspace.keyboard-hidden{grid-template-rows:minmax(180px,1fr)}html main.app-shell.typing-page .typing-tutor[data-practice-mode=text] .floating-typing-keyboard{width:88%}html main.app-shell.typing-page .typing-tutor[data-practice-mode=text] .keyboard-landscape{padding:6px 10px}html main.app-shell.typing-page .typing-tutor[data-practice-mode=text] .keyboard-landscape .typing-keyboard{gap:4px;padding-block:4px}html main.app-shell.typing-page .typing-tutor[data-practice-mode=text] .keyboard-landscape .typing-key-row>span{height:36px;min-height:36px}html main.app-shell.typing-page .typing-tutor[data-practice-mode=text] .next-key{min-height:26px;margin-bottom:4px}html main.app-shell.typing-page .typing-tutor[data-practice-mode=text] .keyboard-landscape .keyboard-finger-legend{margin-top:5px;padding:5px 8px}}html main.app-shell:has(>.layout>.trainer) .session-toolbar{justify-content:flex-start;align-items:center;gap:12px 18px;min-height:44px;margin-bottom:8px;padding:0}html main.app-shell:has(>.layout>.trainer) .session-toolbar>.shortcut-layout-select{flex-flow:row;flex:280px;align-items:center;gap:10px;min-width:0;margin:0;display:flex}html main.app-shell:has(>.layout>.trainer) .session-toolbar>.shortcut-layout-select>span{white-space:nowrap;flex:none}html main.app-shell:has(>.layout>.trainer) .session-toolbar>.shortcut-layout-select>select{box-sizing:border-box;flex:1 1 0;width:auto;min-width:0;height:44px;min-height:44px;margin:0}html main.app-shell:has(>.layout>.trainer) .shortcut-voice-status{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:8px 12px;display:flex}html main.app-shell:has(>.layout>.trainer) .shortcut-voice-status>div:not(.score-pills){flex:0 auto}html main.app-shell:has(>.layout>.trainer) .shortcut-voice-status>button{flex:none;margin:0}@media (max-width:760px){html main.app-shell:has(>.layout>.trainer) .session-toolbar{flex-direction:row}html main.app-shell:has(>.layout>.trainer) .session-toolbar>.shortcut-layout-select{flex-basis:100%;width:100%}}@media (min-width:761px) and (max-height:860px){html main.app-shell:has(>.layout>.trainer) .practice-panel{margin-top:10px}html main.app-shell:has(>.layout>.trainer) .keyboard-board{padding:6px 14px 10px}html main.app-shell:has(>.layout>.trainer) :is(.keyboard-main,.keyboard-side){grid-template-rows:repeat(6,36px);gap:4px}html main.app-shell:has(>.layout>.trainer) :is(.keyboard-nav,.keyboard-arrows){grid-template-rows:repeat(2,36px);gap:4px}html main.app-shell:has(>.layout>.trainer) .keyboard-board .keyboard-row{margin-bottom:0}html main.app-shell:has(>.layout>.trainer) .keyboard-board .keyboard-row button{height:36px;min-height:36px}}html main.app-shell:has(>.layout>.trainer) .key-lock-help{color:var(--at-muted);font-size:.78rem;position:relative}html main.app-shell:has(>.layout>.trainer) .key-lock-help summary{cursor:pointer;text-underline-offset:3px;text-decoration:underline}html main.app-shell:has(>.layout>.trainer) .key-lock-help[open]{flex-basis:100%}html main.app-shell:has(>.layout>.trainer) .key-lock-help p{max-width:80ch;margin:8px 0;line-height:1.5}html main.app-shell:has(>.layout>.trainer) .shortcut-key-sound{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}html main.app-shell:has(>.layout>.trainer) .shortcut-key-sound[aria-pressed=true]{background:var(--at-blue);color:#fff;border-color:var(--at-blue)}html main.app-shell:has(>.layout>.trainer) .shortcut-key-sound>span{color:inherit}html main.app-shell:has(>.layout>.trainer) .meeting-shortcut-help{border:1px solid var(--at-border);color:var(--at-muted);border-radius:9px;margin:0 0 8px;padding:8px 12px;font-size:.8rem}html main.app-shell:has(>.layout>.trainer) .meeting-shortcut-help summary{cursor:pointer;font-weight:500}html main.app-shell:has(>.layout>.trainer) .meeting-shortcut-help p{max-width:90ch;margin:8px 0;line-height:1.5}.learn-site{--learn-bg:#09111c;--learn-panel:#111e2c;--learn-text:#f4f7fb;--learn-muted:#afbbc9;--learn-accent:#b6f581;color:var(--learn-text);background:var(--learn-bg);min-height:100vh;font-family:Arial,sans-serif;line-height:1.65}.learn-site *{box-sizing:border-box}.learn-site a{color:inherit;text-decoration:none}.learn-site a:focus-visible{outline:3px solid var(--learn-accent);outline-offset:6px;border-radius:4px}.learn-site .learn-skip{color:#12200e;z-index:100;background:#b6f581;padding:12px 20px;position:fixed;top:-100px;left:20px}.learn-site .learn-skip:focus{top:14px}.learn-header{border-bottom:1px solid #273441;align-items:center;gap:30px;max-width:1320px;min-height:94px;margin:auto;padding:20px 44px;display:flex}.learn-brand{letter-spacing:-1px;align-items:center;gap:12px;font-size:24px;font-weight:800;display:inline-flex}.learn-brand>span{background:var(--learn-accent);color:#192b11;border-radius:11px;place-items:center;width:36px;height:38px;display:grid}.learn-nav{flex:1;justify-content:center;gap:34px;font-size:14px;display:flex}.learn-nav a:hover,.learn-related a:hover,.learn-text-link:hover{color:var(--learn-accent)}.learn-languages{letter-spacing:1px;align-items:center;gap:10px;font-size:12px;font-weight:700;display:flex}.learn-languages a{padding:8px}.learn-languages [aria-current]{color:var(--learn-accent)}.learn-languages span{color:#556371}.learn-site main{max-width:1320px;margin:auto}.learn-hero{grid-template-columns:minmax(0,1.35fr) minmax(330px,1fr);align-items:center;gap:64px;padding:85px 44px 65px;display:grid}.learn-eyebrow{letter-spacing:2px;color:var(--learn-accent);align-items:center;gap:9px;margin:0 0 25px;font-size:10px;font-weight:700;display:flex}.learn-eyebrow>span{background:var(--learn-accent);border-radius:50%;width:6px;height:6px}.learn-site h1{letter-spacing:-2.4px;text-wrap:balance;max-width:730px;margin:0 0 26px;font-size:clamp(34px,3.8vw,56px);font-weight:650;line-height:1.14}.learn-site h1 em{color:var(--learn-accent);font-style:normal}.learn-intro{max-width:620px;color:var(--learn-muted);margin:0 0 28px;font-size:16px;line-height:1.85}.learn-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.learn-site .learn-cta{background:var(--learn-accent);color:#17240f;border:1px solid #90c45f;border-radius:9px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:12px 17px;font-size:13px;font-weight:700;line-height:1.4;transition:background .15s;display:inline-flex}.learn-site .learn-cta:hover{background:#caff9c}.learn-note{color:#a8b6c6;margin-top:16px;font-size:11px}.learn-text-link{font-size:13px}.learn-demo{background:linear-gradient(145deg,#162534,#101b28);border:1px solid #344354;border-radius:18px;padding:26px;transform:none;box-shadow:0 25px 75px #0003}.learn-demo-label{letter-spacing:1.5px;color:#aab9c8;align-items:center;gap:7px;font-size:8px;display:flex}.learn-demo-label>span:last-child{margin-left:auto}.learn-dot{background:var(--learn-accent);border-radius:50%;width:5px;height:5px}.learn-audio{color:#c1ccd6;align-items:center;gap:10px;margin-top:38px;font-size:11px;display:flex}.learn-audio svg{color:var(--learn-accent)}.learn-wave{letter-spacing:2px;color:var(--learn-accent);margin-left:auto;font-size:21px}.learn-demo-sentence{letter-spacing:-1px;padding:4px 0 12px;font-size:25px;line-height:1.5}.learn-demo-sentence>span{color:#7b8c9c}.learn-demo-sentence>b{color:var(--learn-accent);font-weight:400}.learn-demo-divider{color:#aab9c8;letter-spacing:1.3px;border-top:1px solid #344354;margin-top:24px;padding-top:23px;font-size:8px}.learn-demo-divider+p{margin:10px 0 17px;font-size:13px}.learn-key-preview{gap:24px;display:flex}.learn-key-preview>div{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.learn-key-preview kbd{background:#243445;border:1px solid #526276;border-bottom-width:3px;border-radius:7px;place-items:center;min-width:39px;height:38px;padding:0 9px;font-family:inherit;font-size:13px;display:grid}.learn-key-preview b{color:#8e9baa;font-size:12px;font-weight:400}.learn-key-preview small{color:#9bafc0;flex-basis:100%;margin-top:5px;font-size:9px}.learn-demo .learn-demo-foot{color:#a9b9c8;align-items:center;gap:5px;margin:29px 0 0;font-size:9px;display:flex}.learn-support{color:#b8c4cf;border-top:1px solid #273441;border-bottom:1px solid #273441;flex-wrap:wrap;justify-content:space-between;gap:18px;margin:0 44px;padding:23px 0;font-size:11px;display:flex}.learn-support>span:first-child{color:#e3ebf1;align-items:center;gap:8px;display:flex}.learn-support svg{color:var(--learn-accent)}.learn-paths{padding:75px 44px}.learn-section-head{margin-bottom:33px}.learn-section-head .learn-eyebrow,.learn-related .learn-eyebrow{margin-bottom:13px}.learn-site h2{letter-spacing:-1px;text-wrap:balance;margin:0 0 18px;font-size:30px;font-weight:550;line-height:1.3}.learn-pillar-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.learn-pillar{background:#101c29;border:1px solid #2c3b4a;border-radius:12px;padding:30px;position:relative}.learn-icon{color:var(--learn-accent);background:#21352a;border:1px solid #3d5540;border-radius:10px;place-items:center;width:46px;height:46px;display:grid}.learn-number{color:#7c8b9b;font-size:12px;position:absolute;top:35px;right:28px}.learn-pillar h3{letter-spacing:-.5px;margin:22px 0 12px;font-size:21px}.learn-pillar p{color:var(--learn-muted);margin:0 0 23px;font-size:14px;line-height:1.85}.learn-pillar>a{color:var(--learn-accent);align-items:center;gap:12px;font-size:12px;font-weight:700;display:inline-flex}.learn-related{border-top:1px solid #273441;grid-template-columns:1fr 1.2fr;gap:40px;margin:0 44px;padding:36px 0 48px;display:grid}.learn-related nav{gap:0;display:grid}.learn-related a{border-bottom:1px solid #273441;justify-content:space-between;align-items:center;gap:20px;padding:12px 0;font-size:13px;display:flex}.learn-related svg{color:var(--learn-accent);flex-shrink:0}.learn-layout-note{color:#a7b7c6;max-width:980px;margin:0 44px 50px;font-size:11px}.learn-layout-note a{text-decoration:underline}.learn-site .learn-footer{color:#b0bfcd;background:#080f19;border-top:1px solid #273441;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:32px max(44px,50vw - 616px);display:flex}.learn-footer .learn-brand{color:#f4f7fb;font-size:20px}.learn-footer p{margin:6px 0 0;font-size:12px}.learn-footer nav{flex-wrap:wrap;gap:25px;font-size:11px;display:flex}.learn-footer small{font-size:10px}.learn-guide-body{grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:70px;padding:65px 44px;display:grid}.learn-guide-copy section{margin:0 0 35px}.learn-guide-copy h2{font-size:25px}.learn-guide-copy p{color:var(--learn-muted);font-size:15px;line-height:1.9}.learn-guide-aside{background:#111f2b;border:1px solid #334553;border-radius:14px;align-self:start;padding:28px;position:sticky;top:24px}.learn-guide-aside h2{font-size:25px}.learn-guide-aside pre{white-space:pre-wrap;color:#d9e9cc;margin:25px 0;font:14px/1.9 Arial,sans-serif}.learn-guide-aside>p:last-child{color:var(--learn-muted);margin-top:20px;font-size:12px}.learn-guide-aside .learn-cta{width:100%}@media (min-width:1450px){.learn-hero{padding-top:105px;padding-bottom:85px}}@media (max-width:1000px){.learn-hero{grid-template-columns:minmax(0,1.3fr) minmax(290px,1fr);gap:30px;padding:55px 28px}.learn-header{padding:20px 28px}.learn-site h1{letter-spacing:-1.8px;font-size:39px}.learn-support,.learn-related{margin-left:28px;margin-right:28px}.learn-paths,.learn-guide-body{padding:55px 28px}.learn-demo{padding:20px}.learn-key-preview{gap:12px}.learn-guide-body{gap:30px}.learn-layout-note{margin-left:28px;margin-right:28px}}@media (max-width:720px){.learn-header{flex-wrap:wrap;gap:12px;padding:18px 22px}.learn-brand{font-size:22px}.learn-nav{flex-basis:100%;order:3;justify-content:flex-start;gap:26px;padding-top:8px;font-size:12px}.learn-languages{margin-left:auto}.learn-hero{grid-template-columns:1fr;gap:35px;padding:45px 22px 35px}.learn-site h1{letter-spacing:-1.7px;font-size:38px}.learn-intro{font-size:15px}.learn-demo{width:100%;max-width:480px;transform:none}.learn-eyebrow{letter-spacing:1.3px;font-size:9px}.learn-support{justify-content:flex-start;gap:14px 22px;margin:0 22px}.learn-support>span:first-child{flex-basis:100%}.learn-paths{padding:45px 22px}.learn-pillar-grid{grid-template-columns:1fr}.learn-pillar{padding:26px}.learn-site h2{font-size:26px}.learn-related{grid-template-columns:1fr;gap:12px;margin:0 22px}.learn-guide-body{grid-template-columns:1fr;gap:10px;padding:40px 22px}.learn-guide-aside{position:static}.learn-layout-note{margin:0 22px 35px}.learn-site .learn-footer{flex-direction:column;align-items:flex-start;padding:28px 22px}.learn-actions>.learn-cta{flex:1;min-width:200px}.learn-demo-sentence{font-size:24px}}@media (prefers-reduced-motion:reduce){.learn-site *{transition:none!important}}.learn-audio>span{white-space:nowrap}.learn-wave{letter-spacing:0;flex-shrink:0;font-size:16px}.learn-hero>*{min-width:0}.learn-demo-label,.learn-audio{flex-wrap:wrap}.learn-wave{margin-left:0}.learn-pillar h3,.learn-site h1,.learn-site h2,.learn-related a{overflow-wrap:anywhere}.learn-nav{gap:12px}.learn-nav-box{background:#111e2c;border:1px solid #405266;border-radius:10px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:10px 17px;font-weight:600;display:inline-flex}.learn-nav-box svg{color:#b6f581;flex-shrink:0}.learn-nav-box:hover,.learn-nav-box[aria-current=page]{color:#f4f7fb;background:#1b2c26;border-color:#b6f581}@media (max-width:720px){.learn-nav{gap:10px}.learn-nav-box{flex:1;gap:7px;min-width:0;padding:10px 9px;font-size:12px}}.learn-header .account-control{flex:none}.learn-site>.community-reviews{max-width:1232px;margin:0 auto 54px}.learn-site .community-reviews h2{margin:4px 0 0}.learn-site .community-reviews a{text-decoration:none}@media (max-width:1000px){.learn-site>.community-reviews{margin-left:28px;margin-right:28px}}@media (max-width:720px){.learn-header .account-control{order:2;margin-left:0}.learn-languages{order:1}.learn-site>.community-reviews{margin-left:22px;margin-right:22px}}.learn-site{--learn-bg:#0b1420;--learn-panel:#172233;--learn-text:#eff5fc;--learn-muted:#b5c6d9;--learn-accent:#b9ed8a;--learn-border:#53667c;--learn-soft:#223248;--learn-action:#b9ed8a;--learn-action-ink:#14221a;--learn-teal:#93d9c0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;line-height:1.6}html[data-flowkeys-theme=light] .learn-site{--learn-bg:#f6f9ff;--learn-panel:#fff;--learn-text:#19344d;--learn-muted:#506578;--learn-accent:#096b62;--learn-border:#75899c;--learn-soft:#eef4fb;--learn-action:#2456a6;--learn-action-ink:#fff;--learn-teal:#096b62}.learn-site :is(.learn-header,.learn-support,.learn-related,.learn-related a,.learn-footer){border-color:var(--learn-border)}.learn-site .learn-header{gap:15px;max-width:1320px;min-height:82px;padding:14px 34px}.learn-site .learn-brand{color:var(--learn-text);letter-spacing:-.045em;font-size:22px}.learn-site .learn-brand>span{width:42px;height:42px;color:var(--learn-action-ink);background:var(--learn-action)}.learn-site .learn-nav{gap:8px;font-size:14px}.learn-site .learn-nav-box{min-height:44px;color:var(--learn-muted);background:0 0;border-color:#0000;border-radius:10px}.learn-site .learn-nav-box svg{color:var(--learn-teal)}.learn-site .learn-nav-box:hover,.learn-site .learn-nav-box[aria-current=page]{color:var(--learn-text);background:var(--learn-soft);border-color:var(--learn-border)}.learn-site .learn-languages{letter-spacing:0;gap:5px;font-size:14px}.learn-site .learn-languages [aria-current]{color:var(--learn-teal)}.learn-site .learn-languages span{color:var(--learn-muted)}.learn-site .learn-appearance{border:1px solid var(--learn-border);background:var(--learn-panel);min-height:44px;color:var(--learn-text);white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 13px;font-size:14px;font-weight:700;display:inline-flex}.learn-site .learn-appearance:hover{background:var(--learn-soft)}.learn-site .learn-appearance:focus-visible{outline:3px solid var(--design-focus);outline-offset:3px}.learn-site .learn-hero{gap:clamp(26px,5vw,70px);padding-top:64px;padding-bottom:56px}.learn-site .learn-eyebrow{color:var(--learn-teal);letter-spacing:.1em;margin-bottom:18px;font-size:12px}.learn-site .learn-eyebrow>span,.learn-site .learn-dot{background:var(--learn-teal)}.learn-site h1{color:var(--learn-text);letter-spacing:-.055em;margin-bottom:24px;font-size:clamp(2.25rem,4.5vw,3.8rem);font-weight:750;line-height:1.12}.learn-site h1 em{color:var(--learn-teal)}.learn-site h2{color:var(--learn-text);letter-spacing:-.035em;font-size:clamp(1.65rem,2.5vw,2.15rem);font-weight:720}.learn-site .learn-intro{color:var(--learn-muted);font-size:18px;line-height:1.65}.learn-site .learn-cta{border:1px solid var(--learn-action);background:var(--learn-action);min-height:48px;color:var(--learn-action-ink);font-size:14px;box-shadow:0 2px #0002}.learn-site .learn-cta:hover{background:var(--learn-action);filter:brightness(1.07)}.learn-site .learn-actions .learn-cta:nth-child(2){background:var(--learn-panel);color:var(--learn-text);border-color:var(--learn-border)}.learn-site .learn-actions .learn-cta:nth-child(3){background:var(--learn-soft);color:var(--learn-text);border-color:var(--learn-border)}.learn-site .learn-text-link{color:var(--learn-teal);font-size:14px;font-weight:700}.learn-site .learn-note{color:var(--learn-muted);font-size:13px;line-height:1.55}.learn-site .learn-demo,.learn-site .learn-pillar,.learn-site .learn-guide-aside{color:var(--learn-text);background:var(--learn-panel);border:1px solid var(--learn-border);border-radius:22px;box-shadow:0 12px 35px #00000014}.learn-site .learn-demo{padding:28px}.learn-site .learn-demo-label,.learn-site .learn-demo-divider{color:var(--learn-muted);font-size:12px}.learn-site .learn-audio,.learn-site .learn-demo-foot{color:var(--learn-muted);font-size:14px}.learn-site .learn-audio svg,.learn-site .learn-wave,.learn-site .learn-demo-sentence>span,.learn-site .learn-demo-sentence>b{color:var(--learn-teal)}.learn-site .learn-demo-sentence{color:var(--learn-text);font-size:clamp(24px,2.5vw,32px)}.learn-site .learn-demo-divider{border-color:var(--learn-border)}.learn-site .learn-key-preview kbd{color:var(--learn-text);background:var(--learn-soft);border-color:var(--learn-border)}.learn-site .learn-key-preview b,.learn-site .learn-key-preview small{color:var(--learn-muted);font-size:12px}.learn-site .learn-support{color:var(--learn-muted);font-size:14px}.learn-site .learn-support>span:first-child{color:var(--learn-text)}.learn-site .learn-support svg,.learn-site .learn-related svg{color:var(--learn-teal)}.learn-site .learn-paths{padding-top:60px}.learn-site .learn-pillar-grid{gap:18px}.learn-site .learn-pillar{padding:28px}.learn-site .learn-icon{background:var(--learn-soft);color:var(--learn-teal);border-color:var(--learn-border)}.learn-site .learn-number,.learn-site .learn-pillar p,.learn-site .learn-guide-copy p,.learn-site .learn-guide-aside>p:last-child,.learn-site .learn-layout-note,.learn-site .learn-related a{color:var(--learn-muted)}.learn-site .learn-pillar h3{color:var(--learn-text);font-size:21px}.learn-site .learn-pillar p,.learn-site .learn-guide-copy p{font-size:16px;line-height:1.7}.learn-site .learn-pillar>a{color:var(--learn-teal);font-size:14px}.learn-site .learn-guide-aside pre{color:var(--learn-text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.learn-site .learn-footer{background:var(--learn-panel);color:var(--learn-muted)}.learn-site .learn-footer .learn-brand{color:var(--learn-text)}.learn-site .learn-footer :is(p,nav,small){font-size:13px}.learn-site .learn-skip{background:var(--learn-action);color:var(--learn-action-ink)}@media (max-width:1120px){.learn-site .learn-header{flex-wrap:wrap}.learn-site .learn-nav{flex-basis:100%;order:3;justify-content:center}}@media (max-width:720px){.learn-site .learn-header{gap:10px;padding:15px 18px}.learn-site .learn-nav{justify-content:flex-start;gap:5px;overflow-x:auto}.learn-site .learn-nav-box{white-space:normal;overflow-wrap:anywhere;padding:8px}.learn-site .learn-appearance{order:1}.learn-site .learn-languages{margin-left:auto}.learn-site .learn-hero{padding:40px 20px}.learn-site .learn-intro{font-size:16px}.learn-site .learn-support{font-size:13px}.learn-site .learn-demo{padding:20px}}@media (max-width:480px){.learn-site .learn-appearance span{display:none}.learn-site .learn-appearance{width:44px;padding:0}.learn-site .learn-nav-box{gap:5px;font-size:12px}.learn-site .learn-nav-box svg{width:16px}.learn-site .learn-actions>.learn-cta{min-width:100%}}.learn-site .learn-brand>span{background:url(/alphatype-mark.png) 50%/contain no-repeat;border:0;border-radius:50%;flex:none;width:42px;height:42px;box-shadow:0 0 0 1px #ffffffdf}html[data-flowkeys-theme=light] .learn-site .learn-brand>span{box-shadow:0 0 0 1px #2456a680}.learn-site .learn-footer .learn-brand>span{width:38px;height:38px}html:not([data-flowkeys-theme=light]) .learn-site{--learn-bg:#08152d;--learn-panel:#10264b;--learn-text:#f3f8ff;--learn-muted:#b6c9e6;--learn-accent:#8ed7ff;--learn-border:#4a709b;--learn-soft:#1a3865;--learn-action:#3c91e5;--learn-action-ink:#fff;--learn-teal:#8ed7ff;background:radial-gradient(at 82% 6%,#1a65b24d,#0000 39%),radial-gradient(at 15% 40%,#17427f52,#0000 53%),#08152d}html:not([data-flowkeys-theme=light]) .learn-site .learn-footer{background:#0b1c38}.trainer-preview-pair{gap:16px;min-width:0;display:grid}.learn-site .trainer-preview-card{border:1px solid var(--learn-border);background:linear-gradient(112deg,var(--learn-panel),var(--learn-soft));min-height:190px;color:var(--learn-text);border-radius:20px;gap:12px;padding:23px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 42px #0003}.trainer-preview-card:hover{border-color:var(--learn-accent);transform:translateY(-2px)}.trainer-preview-card .preview-heading{align-items:center;gap:10px;font-size:17px;font-weight:800;display:flex}.trainer-preview-card .preview-heading svg:last-child{margin-left:auto}.trainer-preview-card .preview-explainer{color:var(--learn-muted);font-size:13px;line-height:1.5}.trainer-preview-card .preview-track{border:1px solid var(--learn-border);white-space:nowrap;background:#06132f8c;border-radius:9px;align-items:center;min-height:46px;padding:4px 12px;font-size:16px;font-weight:700;display:flex;position:relative;overflow:hidden}.trainer-preview-card .preview-sweep{pointer-events:none;background:linear-gradient(90deg,#0000,#69c8ff47,#0000);width:25%;animation:5.4s linear infinite preview-sweep;position:absolute;inset:0 auto 0 -28%}.preview-typing-reveal{white-space:nowrap;width:0;animation:5.4s steps(19,end) infinite preview-type;display:inline-block;overflow:hidden}.preview-caret{background:var(--learn-accent);width:2px;height:21px;animation:.8s step-end infinite preview-blink}.preview-shortcut-sequence{align-items:center;gap:8px;animation:5.4s ease-out infinite preview-shortcut;display:flex}.preview-shortcut-sequence kbd{border:1px solid var(--learn-border);background:var(--learn-soft);text-align:center;border-bottom-width:3px;border-radius:6px;min-width:30px;padding:3px 7px;font:700 14px ui-monospace,monospace}.preview-check{color:#93e9b4;padding-left:6px;font-size:21px}.trainer-preview-card .preview-footer{color:var(--learn-accent);align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}@keyframes preview-sweep{0%{left:-28%}75%,to{left:110%}}@keyframes preview-type{0%,9%{width:0}67%,85%{width:21ch}to{width:0}}@keyframes preview-blink{50%{opacity:0}}@keyframes preview-shortcut{0%,15%{opacity:0;transform:translate(-32px)}48%,85%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(14px)}}html[data-flowkeys-theme=light] .trainer-preview-card .preview-track{background:#e9f2fc}html[data-flowkeys-theme=light] .preview-check{color:#096b62}@media (max-width:720px){.trainer-preview-pair{width:100%}.learn-site .trainer-preview-card{min-height:170px;padding:18px}}@media (prefers-reduced-motion:reduce){.trainer-preview-card:hover{transform:none}.trainer-preview-card .preview-sweep{display:none}.preview-typing-reveal{width:auto;animation:none}.preview-caret{animation:none}.preview-shortcut-sequence{opacity:1;animation:none;transform:none}}.site-language-menu{color:var(--learn-text,var(--design-ink));flex:none;position:relative}.site-language-menu summary{border:1px solid var(--learn-border,var(--design-border));background:var(--learn-panel,var(--design-surface));min-height:44px;color:inherit;cursor:pointer;white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:7px 11px;font-size:14px;font-weight:800;list-style:none;display:inline-flex}.site-language-menu summary::-webkit-details-marker{display:none}.site-language-menu[open] summary{border-color:var(--learn-accent,var(--design-focus))}.site-language-menu nav{z-index:60;border:1px solid var(--learn-border,var(--design-border));background:var(--learn-panel,var(--design-surface));border-radius:11px;width:max-content;min-width:200px;padding:5px;display:grid;position:absolute;top:calc(100% + 5px);right:0;box-shadow:0 15px 35px #0006}.site-language-menu nav a{color:var(--learn-text,var(--design-ink));white-space:nowrap;border-radius:7px;padding:10px 12px;font-size:14px;display:block}:is(.site-language-menu nav a:hover,.site-language-menu nav a:focus-visible){background:var(--learn-soft,var(--design-soft))}html:not([data-flowkeys-theme=light]) .learn-site.whitepace-site,.learn-site.whitepace-site{--wp-navy:var(--at-navy);--wp-blue:var(--at-blue);--wp-yellow:var(--at-yellow);--wp-art-paper:#fff3cb;--wp-gutter:max(24px, calc((100% - 1240px) / 2));--learn-bg:#10233c;--learn-panel:#17304f;--learn-soft:#1c3a5e;--learn-text:#f7faff;--learn-muted:#bdcee4;--learn-accent:#ffe492;--learn-teal:#97c9ff;--learn-border:#6e89a7;--learn-action:#246acc;--learn-action-ink:#fff;background:var(--learn-bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px}html[data-flowkeys-theme=light] .learn-site.whitepace-site{--learn-bg:#fff;--learn-panel:#f5f9ff;--learn-soft:#eaf3ff;--learn-text:#172b43;--learn-muted:#435972;--learn-teal:#155eac;--learn-border:#8b9db0;--learn-accent:#155eac}.learn-site.whitepace-site .learn-header,.learn-site.whitepace-site .learn-hero,.learn-site.whitepace-site .learn-related,.learn-site.whitepace-site .learn-footer{--learn-text:#fff;--learn-muted:#d2e2f6;--learn-soft:#124b89;--learn-panel:#0b437f;--learn-border:#8fb7df;--learn-teal:#ffe492;--learn-accent:#ffe492;background:var(--wp-navy);color:#fff}.learn-site.whitepace-site .learn-header{max-width:none;padding:24px var(--wp-gutter);border:0;gap:18px;min-height:96px}.learn-site.whitepace-site .learn-brand{letter-spacing:-.05em;color:#fff;white-space:nowrap;gap:10px;font-size:27px}.learn-site.whitepace-site .learn-brand>span{width:40px;height:40px;box-shadow:none}.learn-site.whitepace-site .learn-nav{justify-content:flex-end;gap:4px}.learn-site.whitepace-site .learn-nav-box{color:#fff;border-radius:5px;padding:10px;font-size:14px;font-weight:500}.learn-site.whitepace-site .learn-nav-box svg{display:none}.learn-site.whitepace-site .learn-nav-box:hover{background:#16548e;border-color:#0000}.learn-site.whitepace-site .site-language-menu summary,.learn-site.whitepace-site .learn-appearance{color:#fff;background:#0b437f;border-color:#8fb7df;border-radius:6px}.learn-site.whitepace-site .site-language-menu nav{color:#fff;background:#0b437f}.learn-site.whitepace-site .account-control{background:var(--wp-yellow);color:#16365c;border:1px solid var(--wp-yellow);border-radius:6px;min-height:44px;padding:10px 16px;font-size:14px}.learn-site.whitepace-site main{max-width:none}.learn-site.whitepace-site .learn-hero{isolation:isolate;padding:62px var(--wp-gutter) 86px;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:64px;position:relative;overflow:hidden}.learn-site.whitepace-site .learn-hero:before{content:"";z-index:-1;opacity:.4;pointer-events:none;background:repeating-radial-gradient(at 18% 58%,#0000 0 26px,#5e98d4 27px 28px,#0000 29px 55px);border-radius:48%;position:absolute;inset:18% -18% -25% -20%;transform:rotate(-12deg);-webkit-mask-image:linear-gradient(#0000,#0007,#0000);mask-image:linear-gradient(#0000,#0007,#0000)}.learn-site.whitepace-site .learn-eyebrow{color:var(--learn-teal);letter-spacing:.14em;font-size:11px;font-weight:700}.learn-site.whitepace-site h1{letter-spacing:-.045em;color:#fff;text-wrap:balance;max-width:690px;margin-bottom:25px;font-size:clamp(2.5rem,4.1vw,3.75rem);font-weight:750;line-height:1.13}.learn-site.whitepace-site h1 em{color:#ffe492;font-style:normal}.learn-site.whitepace-site .learn-intro{color:var(--learn-muted);max-width:620px;margin-bottom:28px;font-size:17px;line-height:1.7}.learn-site.whitepace-site .learn-actions{gap:12px;margin-top:0}.learn-site.whitepace-site .learn-cta{background:var(--wp-blue);border:1px solid var(--wp-blue);color:#fff;min-height:50px;box-shadow:none;border-radius:6px;padding:13px 18px;font-size:14px}.learn-site.whitepace-site .learn-cta:hover{filter:none;background:#1b59ad;border-color:#1b59ad}.learn-site.whitepace-site .learn-actions .learn-cta:nth-child(2),.learn-site.whitepace-site .learn-actions .learn-cta:nth-child(3){color:#fff;background:0 0;border-color:#9fc6ef}.learn-site.whitepace-site .learn-actions .learn-cta:nth-child(n+2):hover{background:#15548f}.learn-site.whitepace-site .learn-note{color:#d2e2f6;font-size:12px;line-height:1.65}.learn-site.whitepace-site .learn-home .trainer-preview-pair{background:0 0;grid-template-columns:minmax(0,1fr);align-self:center;gap:16px}.learn-site.whitepace-site .wp-keyboard-art{background:var(--wp-art-paper);color:#173558;border:0;border-radius:11px;grid-column:1/-1;min-width:0;padding:17px;display:block;box-shadow:0 18px 45px #001b4433}.learn-site.whitepace-site .wp-art-top{border-bottom:1px solid #c7dbf0;align-items:center;gap:15px;padding-bottom:14px;font-size:13px;font-weight:700;display:flex}.learn-site.whitepace-site .wp-art-top>svg{color:#246acc;margin-left:auto}.learn-site.whitepace-site .wp-art-dots{gap:5px;display:flex}.learn-site.whitepace-site .wp-art-dots i{background:#99b6d7;border-radius:50%;width:6px;height:6px}.learn-site.whitepace-site .wp-art-text{--wp-letter-gap:17px;align-items:center;gap:var(--wp-letter-gap);padding:23px 12px;font:650 34px ui-monospace,SFMono-Regular,Menlo,monospace;display:flex;position:relative}.learn-site.whitepace-site .wp-art-text>span:nth-child(-n+2){color:#246acc}.learn-site.whitepace-site .wp-art-text>span:nth-child(n+3){color:#63778c}.learn-site.whitepace-site .wp-art-caret{width:2px;height:34px;transform:translateX(calc(6 * (1ch + var(--wp-letter-gap))));background:#246acc;animation:3s steps(6,end) wp-type-caret;position:absolute;left:12px}.learn-site.whitepace-site .wp-art-text>span:nth-child(-n+6){animation:.45s ease-out backwards wp-type-letter}.learn-site.whitepace-site .wp-art-text>span:nth-child(2){animation-delay:.35s}.learn-site.whitepace-site .wp-art-text>span:nth-child(3){animation-delay:.7s}.learn-site.whitepace-site .wp-art-text>span:nth-child(4){animation-delay:1.05s}.learn-site.whitepace-site .wp-art-text>span:nth-child(5){animation-delay:1.4s}.learn-site.whitepace-site .wp-art-text>span:nth-child(6){animation-delay:1.75s}@keyframes wp-type-letter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes wp-type-caret{0%{transform:translate(0)}85%,to{transform:translateX(calc(6 * (1ch + var(--wp-letter-gap))))}}.learn-site.whitepace-site .wp-keyboard{background:#eaf3ff;border:1px solid #acc8e7;border-radius:9px;padding:10px}.learn-site.whitepace-site .wp-keyboard-row{justify-content:center;gap:5px;margin:5px 0;display:flex}.learn-site.whitepace-site .wp-keyboard-row>span{aspect-ratio:1;background:#fff;border:1px solid #98b9dc;border-bottom:3px solid #8aa9ca;border-radius:5px;place-items:center;width:9%;max-width:37px;font:650 13px ui-monospace,SFMono-Regular,Menlo,monospace;display:grid}.learn-site.whitepace-site .wp-keyboard-row .wp-key-home{color:#233b56;background:#ffe492;border-color:#c6aa51}.learn-site.whitepace-site .wp-keyboard-row .wp-space-key{aspect-ratio:7;width:48%;max-width:none}.learn-site.whitepace-site .wp-art-bottom{color:#245ca1;align-items:center;gap:8px;padding:16px 4px 0;font-size:12px;font-weight:700;display:flex}.learn-site.whitepace-site .wp-audio-bars{align-items:center;gap:4px;height:35px;margin-left:auto;display:flex}.learn-site.whitepace-site .wp-audio-bars>i{background:#246acc;border-radius:2px;width:3px}.learn-site.whitepace-site .learn-home .trainer-preview-card{--learn-panel:var(--wp-navy);--learn-soft:var(--wp-navy);--learn-text:#f3f8ff;--learn-muted:#d2e2f6;--learn-accent:#ffe492;--learn-border:#8fb7df;border:1px solid var(--learn-border);background:linear-gradient(112deg, var(--learn-panel), var(--learn-soft));min-height:190px;color:var(--learn-text);border-radius:20px;gap:12px;padding:23px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 42px #0003}html[data-flowkeys-theme=light] .learn-site.whitepace-site .learn-home .trainer-preview-card{--learn-panel:var(--wp-art-paper);--learn-soft:var(--wp-art-paper);--learn-text:#19344d;--learn-muted:#506578;--learn-accent:#096b62;--learn-border:#75899c}.learn-site.whitepace-site .learn-home .trainer-preview-card:hover{border-color:var(--learn-accent);transform:translateY(-2px)}.learn-site.whitepace-site .learn-home .preview-heading{align-items:center;gap:10px;font-size:17px;font-weight:800;display:flex}.learn-site.whitepace-site .learn-home .preview-heading svg{flex:none}.learn-site.whitepace-site .learn-home .preview-explainer{color:var(--learn-muted);font-size:13px;line-height:1.5}.learn-site.whitepace-site .learn-home .preview-track{display:flex}.learn-site.whitepace-site .learn-home .preview-footer{color:var(--learn-accent);font-size:13px}@media (max-width:720px){.learn-site.whitepace-site .learn-home .trainer-preview-card{min-height:170px;padding:18px}}@media (prefers-reduced-motion:reduce){.learn-site.whitepace-site .learn-home .trainer-preview-card:hover{transform:none}}.learn-site.whitepace-site .learn-support{padding:26px var(--wp-gutter);border:0;border-bottom:1px solid var(--learn-border);color:var(--learn-muted);background:var(--learn-panel);flex-wrap:wrap;justify-content:space-between;gap:14px 28px;margin:0;font-size:13px;display:flex}.learn-site.whitepace-site .learn-paths{padding:80px 0 0}.learn-site.whitepace-site .learn-section-head{padding:0 var(--wp-gutter) 42px;text-align:center;max-width:none}.learn-site.whitepace-site .learn-section-head .learn-eyebrow{color:var(--learn-teal);justify-content:center}.learn-site.whitepace-site h2{color:var(--learn-text);letter-spacing:-.04em;font-size:clamp(2rem,3.1vw,2.8rem);font-weight:750;line-height:1.2}.learn-site.whitepace-site .learn-pillar-grid{grid-template-columns:minmax(0,1fr);gap:0;display:grid}.learn-site.whitepace-site .learn-pillar{padding:64px var(--wp-gutter);box-shadow:none;background:var(--learn-bg);border:0;border-radius:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"number art""title art""copy art""action art";align-items:start;gap:15px 100px;display:grid}.learn-site.whitepace-site .learn-pillar:nth-child(2n){background:var(--learn-panel);grid-template-areas:"art number""art title""art copy""art action"}.learn-site.whitepace-site .learn-pillar:nth-child(3){--learn-text:#fff;--learn-muted:#d2e2f6;--learn-teal:#ffe492;color:#fff;background:#043873}.learn-site.whitepace-site .learn-pillar .learn-icon{display:none}.learn-site.whitepace-site .learn-pillar .learn-number{color:var(--learn-teal);letter-spacing:.15em;grid-area:number;margin:0;font-size:12px;position:static}.learn-site.whitepace-site .learn-pillar h3{width:fit-content;max-width:100%;color:var(--learn-text);letter-spacing:-.045em;grid-area:title;margin:0;padding-bottom:13px;font-size:clamp(1.8rem,3vw,2.65rem);line-height:1.15;position:relative}.learn-site.whitepace-site .learn-pillar h3:after{content:"";background:#ffe492;border-radius:80% 20% 20% 40%;width:135px;max-width:80%;height:6px;position:absolute;bottom:0;left:0;transform:rotate(-2deg)}.learn-site.whitepace-site .learn-pillar p{color:var(--learn-muted);grid-area:copy;max-width:570px;margin:0;font-size:17px;line-height:1.75}.learn-site.whitepace-site .learn-pillar>a{color:#fff;background:#246acc;border-radius:6px;grid-area:action;justify-content:center;align-items:center;gap:10px;width:fit-content;min-height:48px;margin-top:8px;padding:12px 18px;font-size:14px;font-weight:650;display:inline-flex}.learn-site.whitepace-site .learn-pillar>a:hover{background:#1b59ad}.learn-site.whitepace-site .wp-feature-art{isolation:isolate;color:#164c87;background:#e7f1ff;border-radius:50%;grid-area:art;align-content:center;align-self:center;justify-items:center;gap:24px;width:100%;min-height:295px;display:grid;position:relative;overflow:hidden}.learn-site.whitepace-site .wp-art-orbit{z-index:-1;border:1px dashed #80a8d5;border-radius:50%;width:85%;height:92%;position:absolute;transform:rotate(-18deg)}.learn-site.whitepace-site .wp-art-orbit-small{width:57%;height:66%;transform:rotate(18deg)}.learn-site.whitepace-site .wp-feature-symbol{background:#fff;border:1px solid #93b7df;border-radius:50%;place-items:center;width:68px;height:68px;display:grid;box-shadow:0 7px #c7dbee}.learn-site.whitepace-site .wp-feature-keys{align-items:center;gap:17px;display:flex}.learn-site.whitepace-site .wp-feature-keys kbd{color:#173d6a;background:#fff;border:1px solid #93b7df;border-bottom:6px solid #8daed2;border-radius:8px;place-items:center;min-width:75px;min-height:63px;padding:12px 20px;font:700 clamp(17px,2vw,25px) ui-monospace,SFMono-Regular,Menlo,monospace;display:grid}.learn-site.whitepace-site .wp-feature-keys kbd:first-child{background:#ffe492;border-color:#c1a451}.learn-site.whitepace-site .wp-feature-mark{letter-spacing:.05em;font:650 15px ui-monospace,SFMono-Regular,Menlo,monospace}.learn-site.whitepace-site .wp-feature-art-0,.learn-site.whitepace-site .wp-feature-art-1{background:var(--wp-art-paper)}@supports (offset-path:ellipse(50% 50% at 50% 50%)){.learn-site.whitepace-site .wp-feature-art-0[data-art-motion=ready],.learn-site.whitepace-site .wp-feature-art-1[data-art-motion=ready]{grid-template-rows:68px 63px 24px;overflow:visible}.learn-site.whitepace-site .wp-feature-art-0 .wp-art-orbit,.learn-site.whitepace-site .wp-feature-art-1 .wp-art-orbit{top:4%;left:7.5%}.learn-site.whitepace-site .wp-feature-art-0 .wp-art-orbit-small,.learn-site.whitepace-site .wp-feature-art-1 .wp-art-orbit-small{top:17%;left:21.5%}.learn-site.whitepace-site .wp-feature-art-0[data-art-motion=ready] .wp-feature-symbol,.learn-site.whitepace-site .wp-feature-art-1[data-art-motion=ready] .wp-feature-symbol{position:absolute;top:calc(50% - 34px);left:calc(50% - 34px)}.learn-site.whitepace-site .wp-feature-art-0[data-art-motion=ready] .wp-feature-mark,.learn-site.whitepace-site .wp-feature-art-1[data-art-motion=ready] .wp-feature-mark{grid-row:3;animation:4s linear wp-orbit-caption}.learn-site.whitepace-site .wp-feature-art-0[data-art-motion=ready] .wp-feature-keys,.learn-site.whitepace-site .wp-feature-art-1[data-art-motion=ready] .wp-feature-keys{width:57%;height:66%;display:block;position:absolute;top:17%;left:21.5%;transform:rotate(18deg)}.learn-site.whitepace-site .wp-feature-art-0[data-art-motion=ready] .wp-feature-keys kbd,.learn-site.whitepace-site .wp-feature-art-1[data-art-motion=ready] .wp-feature-keys kbd{--wp-key-start:0%;--wp-key-end:100%;offset-path:ellipse(50% 50% at 50% 50%);offset-distance:var(--wp-key-start);offset-rotate:-18deg;animation:4s linear wp-key-orbit;position:absolute;top:0;left:0}.learn-site.whitepace-site .wp-feature-art-0[data-art-motion=ready] .wp-feature-keys kbd:nth-child(2),.learn-site.whitepace-site .wp-feature-art-1[data-art-motion=ready] .wp-feature-keys kbd:nth-child(2){--wp-key-start:50%;--wp-key-end:150%}}@keyframes wp-orbit-caption{0%,95%{opacity:0}to{opacity:1}}@keyframes wp-key-orbit{0%{offset-distance:var(--wp-key-start)}to{offset-distance:var(--wp-key-end)}}.learn-site.whitepace-site .wp-feature-art-2[data-art-motion=ready] .wp-feature-symbol>svg{transform-box:fill-box;transform-origin:50%;animation:4s linear wp-globe-spin}@keyframes wp-globe-spin{to{transform:rotate(360deg)}}.learn-site.whitepace-site .wp-feature-art-2{background:var(--wp-art-paper);border-radius:20px}.learn-site.whitepace-site .wp-feature-art-3{color:#715712;background:#fff3cb}.learn-site.whitepace-site .learn-related{padding:70px var(--wp-gutter);border:0;border-radius:0;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:70px;margin:0;display:grid}.learn-site.whitepace-site .learn-related h2{color:#fff}.learn-site.whitepace-site .learn-related nav{grid-template-columns:1fr 1fr;gap:10px;display:grid}.learn-site.whitepace-site .learn-related a{color:#fff;border:1px solid #8fb7df;border-radius:5px;justify-content:space-between;gap:12px;min-height:48px;padding:12px 15px;font-size:14px;display:flex}.learn-site.whitepace-site .learn-related a:hover{color:#ffe492;background:#124b89}.learn-site.whitepace-site .community-reviews{padding:70px var(--wp-gutter);background:var(--learn-bg);color:var(--learn-text);border:0;border-radius:0;margin:0}.learn-site.whitepace-site .community-heading>svg{color:var(--learn-teal)}.learn-site.whitepace-site .community-reviews :is(h2,strong){color:var(--learn-text)}.learn-site.whitepace-site .community-reviews :is(.community-intro,.reviews-empty,.community-heading p){color:var(--learn-muted)}.learn-site.whitepace-site .community-signin{color:#fff;background:#246acc;border:0;border-radius:6px;align-items:center;min-height:48px;padding:12px 18px;display:inline-flex}.learn-site.whitepace-site .review-list article{background:var(--learn-panel);color:var(--learn-text);border-color:var(--learn-border)}.learn-site.whitepace-site .learn-layout-note{max-width:none;padding:28px var(--wp-gutter);color:var(--learn-muted);background:var(--learn-panel);margin:0;font-size:13px}.learn-site.whitepace-site .learn-layout-note a{color:var(--learn-teal);text-decoration:underline}.learn-site.whitepace-site .learn-footer{max-width:none;padding:45px var(--wp-gutter);border:0;gap:30px}.learn-site.whitepace-site .learn-footer :is(p,small){color:#d2e2f6}.learn-site.whitepace-site .learn-footer a{color:#fff}.learn-site.whitepace-site .learn-footer nav{gap:14px}.learn-site.whitepace-site .learn-guide-body{padding:65px var(--wp-gutter);gap:65px;margin:0}.learn-site.whitepace-site .learn-guide-copy h2{margin:0 0 20px}.learn-site.whitepace-site .learn-guide-copy section{padding-bottom:35px}.learn-site.whitepace-site .learn-guide-copy p{color:var(--learn-muted);font-size:17px}.learn-site.whitepace-site .learn-guide-aside{background:var(--learn-panel);color:var(--learn-text);border:1px solid var(--learn-border);box-shadow:none;border-radius:10px}.learn-site.whitepace-site .learn-demo{color:#173558;box-shadow:none;--learn-text:#173558;--learn-muted:#435972;--learn-teal:#155eac;--learn-border:#8b9db0;--learn-soft:#eaf3ff;background:#fff;border:6px solid #82b9f4;border-radius:10px;padding:26px}.learn-site.whitepace-site .learn-demo-typing,.learn-site.whitepace-site .learn-demo-shortcuts{background:var(--wp-art-paper)}.learn-site.whitepace-site .learn-demo-typing .learn-key-preview kbd{animation:3.2s ease-in-out wp-shortcut-press}.learn-site.whitepace-site .learn-demo-typing .learn-key-preview kbd:nth-of-type(2){animation-delay:.18s}.learn-site.whitepace-site .learn-demo-typing .learn-key-preview>div:nth-child(2) kbd{animation-delay:1.3s}.learn-site.whitepace-site .learn-demo-typing .learn-key-preview>div:nth-child(2) kbd:nth-of-type(2){animation-delay:1.48s}@keyframes wp-shortcut-press{0%,15%,55%,to{transform:translateY(0)}24%,42%{transform:translateY(3px)}}:is(.learn-site.whitepace-site a:focus-visible,.learn-site.whitepace-site button:focus-visible,.learn-site.whitepace-site summary:focus-visible){outline-offset:5px;outline:3px solid #da9800}.learn-site.whitepace-site :is(.learn-header,.learn-hero,.learn-related,.learn-footer) :is(a,button,summary):focus-visible{outline-color:#ffe492}.learn-site.whitepace-site .learn-skip{color:#16365c;background:#ffe492}@media (max-width:1120px){.learn-site.whitepace-site .learn-header{flex-wrap:wrap;gap:12px;padding-block:18px}.learn-site.whitepace-site .learn-header .learn-brand{margin-right:auto}.learn-site.whitepace-site .learn-nav{flex-basis:100%;order:3;justify-content:flex-start}.learn-site.whitepace-site .learn-hero{gap:35px;padding-top:45px}.learn-site.whitepace-site .learn-pillar{column-gap:50px}.learn-site.whitepace-site .learn-related{gap:35px}}@media (max-width:800px){.learn-site.whitepace-site .learn-hero{grid-template-columns:minmax(0,1fr);padding-bottom:50px}.learn-site.whitepace-site h1{max-width:670px;font-size:clamp(2.25rem,6vw,3.6rem)}.learn-site.whitepace-site .trainer-preview-pair{justify-self:center;width:100%;max-width:590px}.learn-site.whitepace-site .learn-support{justify-content:flex-start}.learn-site.whitepace-site .learn-pillar{grid-template-columns:minmax(0,1fr);grid-template-areas:"number""title""copy""action""art";gap:18px;padding-block:48px}.learn-site.whitepace-site .learn-pillar:nth-child(2n){grid-template-areas:"number""title""copy""action""art"}.learn-site.whitepace-site .wp-feature-art{justify-self:center;max-width:520px;margin-top:15px}.learn-site.whitepace-site .learn-related{grid-template-columns:minmax(0,1fr);gap:24px;padding-block:48px}.learn-site.whitepace-site .learn-guide-body{grid-template-columns:minmax(0,1fr);gap:28px;padding-block:40px}}@media (max-width:480px){.learn-site.whitepace-site{--wp-gutter:20px}.learn-site.whitepace-site .learn-header{gap:8px;padding:16px 20px}.learn-site.whitepace-site .learn-brand{gap:7px;font-size:23px}.learn-site.whitepace-site .learn-brand>span{width:32px;height:32px}.learn-site.whitepace-site .site-language-menu{order:1}.learn-site.whitepace-site .site-language-menu summary{padding:7px 8px;font-size:12px}.learn-site.whitepace-site .account-control{order:2;padding:10px;font-size:12px}.learn-site.whitepace-site .learn-nav{justify-content:space-between;gap:3px;overflow:visible}.learn-site.whitepace-site .learn-nav-box{flex:0 auto;min-width:0;padding:8px 4px;font-size:12px}.learn-site.whitepace-site .learn-hero{gap:28px;padding-top:30px}.learn-site.whitepace-site .learn-actions>.learn-cta{flex-basis:100%;justify-content:space-between;width:100%;min-width:0}.learn-site.whitepace-site .learn-intro{font-size:16px}.learn-site.whitepace-site .trainer-preview-pair{grid-template-columns:minmax(0,1fr)}.learn-site.whitepace-site .trainer-preview-card{gap:8px;padding:16px}.learn-site.whitepace-site .wp-keyboard-art{padding:12px}.learn-site.whitepace-site .wp-art-text{--wp-letter-gap:14px;padding:20px 4px;font-size:30px}.learn-site.whitepace-site .wp-art-caret{left:4px}.learn-site.whitepace-site .wp-keyboard{padding:6px}.learn-site.whitepace-site .wp-keyboard-row{gap:3px}.learn-site.whitepace-site .wp-keyboard-row>span{font-size:10px}.learn-site.whitepace-site .wp-audio-bars{gap:3px}.learn-site.whitepace-site .learn-paths{padding-top:46px}.learn-site.whitepace-site .learn-section-head{text-align:left;padding-bottom:12px}.learn-site.whitepace-site .learn-section-head .learn-eyebrow{justify-content:flex-start}.learn-site.whitepace-site .learn-pillar p{font-size:16px}.learn-site.whitepace-site .wp-feature-art{gap:17px;min-height:240px}.learn-site.whitepace-site :is(.wp-feature-art-0,.wp-feature-art-1)[data-art-motion=ready] .wp-feature-symbol{width:60px;height:60px;top:calc(50% - 30px);left:calc(50% - 30px)}.learn-site.whitepace-site .wp-feature-keys{gap:12px}.learn-site.whitepace-site .wp-feature-keys kbd{min-width:65px;padding:10px 14px}.learn-site.whitepace-site .learn-related nav{grid-template-columns:minmax(0,1fr)}.learn-site.whitepace-site .community-reviews{padding-block:45px}.learn-site.whitepace-site .learn-footer{grid-template-columns:1fr;padding-block:35px;display:grid}}@media (prefers-reduced-motion:reduce){.learn-site.whitepace-site .wp-feature-art[data-art-motion=ready] .wp-feature-keys{grid-row:2;gap:17px;width:auto;height:auto;display:flex;position:static;inset:auto;transform:none}.learn-site.whitepace-site .wp-feature-art[data-art-motion=ready] .wp-feature-keys kbd{offset-path:none;offset-distance:0;offset-rotate:0deg;animation:none;position:static}.learn-site.whitepace-site .wp-feature-art[data-art-motion=ready] .wp-feature-symbol{grid-row:1;width:68px;height:68px;position:static;inset:auto}.learn-site.whitepace-site .wp-feature-art[data-art-motion=ready] .wp-feature-mark,.learn-site.whitepace-site .wp-feature-art-2[data-art-motion=ready] .wp-feature-symbol>svg,.learn-site.whitepace-site .wp-art-text>span:nth-child(n),.learn-site.whitepace-site .learn-demo-typing .learn-key-preview kbd{animation:none}.learn-site.whitepace-site *,.learn-site.whitepace-site :before,.learn-site.whitepace-site :after{scroll-behavior:auto;transition:none;animation:none}}.learn-site.whitepace-site .community-reviews{width:100%;min-width:0;container-type:inline-size}.learn-site.whitepace-site .review-list{grid-template-columns:minmax(0,1fr);align-items:start;width:100%;min-width:0}.learn-site.whitepace-site .review-list article{width:100%;min-width:0;max-width:100%}.learn-site.whitepace-site .review-list article:only-child{grid-column:1/-1}.learn-site.whitepace-site .review-list article>div{flex-wrap:wrap}.learn-site.whitepace-site .review-list article strong{overflow-wrap:anywhere;min-width:0}.learn-site.whitepace-site .review-list article span{flex-shrink:0}.learn-site.whitepace-site .review-form,.learn-site.whitepace-site .review-form>label{min-width:0}.learn-site.whitepace-site .review-form textarea{width:100%;min-width:0;max-width:100%}@container (width>=60rem){.learn-site.whitepace-site .review-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.learn-site.whitepace-site .learn-header .learn-nav{align-items:center;gap:10px}.learn-site.whitepace-site .learn-header :is(.learn-nav-box,.site-language-menu summary,.learn-appearance,.account-control){box-sizing:border-box;white-space:nowrap;border-radius:6px;flex-direction:row;justify-content:center;align-items:center;gap:8px;height:44px;min-height:44px;padding:0 14px;font-size:14px;font-weight:600;line-height:1.2;display:inline-flex}.learn-site.whitepace-site .learn-header .manual-nav-link{background:#0b437f;border:1px solid #8fb7df}.learn-site.whitepace-site .learn-header .learn-appearance{width:44px;padding:0}.learn-site.whitepace-site h1{text-wrap:pretty}@media (min-width:721px) and (max-width:1120px){.learn-site.whitepace-site .learn-header:has(.learn-nav>:only-child){flex-wrap:nowrap}.learn-site.whitepace-site .learn-header:has(.learn-nav>:only-child) .learn-nav{flex:auto;order:0;justify-content:flex-end;padding-top:0}}.learn-site.whitepace-site .learn-home .learn-actions .learn-cta:nth-child(3){text-underline-offset:4px;background:0 0;border-color:#0000;padding-inline:4px;text-decoration:underline}.learn-site.whitepace-site .learn-home .learn-actions .learn-cta:nth-child(3):hover{color:#ffe492;background:0 0}.learn-site.whitepace-site .wp-feature-art-2{border-radius:50%}.learn-site.whitepace-site .learn-related nav>a:last-child:nth-child(odd){grid-column:1/-1}.learn-site.whitepace-site .community-heading p{text-transform:uppercase;letter-spacing:.14em}@media (max-width:720px){.learn-site.whitepace-site .learn-header .learn-nav{flex-wrap:wrap;justify-content:flex-start;min-width:0;max-width:100%}}.learn-site.whitepace-site .learn-footer nav{flex-wrap:wrap;gap:4px 18px;display:flex}.learn-site.whitepace-site .learn-footer nav a,.learn-site.whitepace-site .learn-layout-note a,.learn-site.whitepace-site .learn-text-link{align-items:center;min-height:28px;display:inline-flex}