@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.3p2_lha1f2xer.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.1qq4vpdcun5oj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.390ncx5urfkfu.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.21jp631_3pja2.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:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.0wgildi0cnwt9.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:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_efde1a47-module__SZ3kUW__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_efde1a47-module__SZ3kUW__variable{--font-geist:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.31988l_ccedte.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.2tuy5pz7dlieh.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.2dbetqa9o8jxf.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.1uyisp29ctx0d.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.1rgnod-3esatf.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:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.0r6juujl39pe6.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:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_1bf8cbf6-module__FlyLvG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_1bf8cbf6-module__FlyLvG__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}:root{--font-display:var(--font-geist), "Hiragino Sans", "Yu Gothic", sans-serif;--font-body:var(--font-geist), "Hiragino Sans", "Yu Gothic", sans-serif;--font-mono:var(--font-geist-mono), "SFMono-Regular", monospace;--color-paper:#f3f7fc;--color-paper-2:#e7eef5;--color-panel:#f9fcff;--color-ink:#0b121a;--color-ink-2:#222c38;--color-muted:#515c69;--color-rule:#c6cfda;--color-rule-strong:#91a0b1;--color-accent:#006af1;--color-accent-dark:#004ab2;--color-accent-hover:#004ab2;--color-accent-ink:#f6f9fc;--color-focus:#005ad0;--color-graphite:#0b141f;--color-graphite-2:#172330;--color-graphite-3:#1b2530;--color-key-edge:#414e5d;--color-key-led-off:#313942;--color-on-graphite:#f3f7fc;--color-led:#3dc74e;--shadow-panel:#0f171f14;--shadow-key:#0002054d;--shadow-led:#3dc74e8c;--text-xs:.72rem;--text-sm:.84rem;--text-base:1rem;--text-md:1.25rem;--text-lg:1.56rem;--text-xl:1.95rem;--text-2xl:2.44rem;--text-display:clamp(2.7rem, 6vw + .2rem, 5.1rem);--space-3xs:.125rem;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--space-2xl:4rem;--space-3xl:6rem;--space-4xl:9rem;--page-gutter:clamp(1rem, 4vw, 4rem);--content-max:78rem;--radius-sm:.38rem;--radius-md:.65rem;--radius-lg:1rem;--rule:1px;--ease-out:cubic-bezier(.16,1,.3,1);--ease-in:cubic-bezier(.7,0,.84,0);--ease-in-out:cubic-bezier(.65,0,.35,1);--dur-micro:.12s;--dur-short:.22s;--dur-long:.42s;--z-base:1;--z-raised:10;--z-sticky:200}@supports (color:lab(0% 0 0)){:root{--color-paper:lab(97.0897% -.78842 -2.89248);--color-paper-2:lab(93.6038% -1.16691 -4.33002);--color-panel:lab(98.8338% -.497311 -1.81044);--color-ink:lab(5.22342% -.988416 -6.28274);--color-ink-2:lab(17.5766% -1.86802 -8.7819);--color-muted:lab(38.4702% -2.12708 -8.87693);--color-rule:lab(82.5733% -1.70544 -6.47124);--color-rule-strong:lab(65.1452% -2.64737 -10.6926);--color-accent:lab(46.5965% 16.8773 -76.428);--color-accent-dark:lab(32.8104% 17.4385 -65.9681);--color-accent-hover:lab(32.8104% 17.4385 -65.9681);--color-accent-ink:lab(97.6725% -.594974 -2.17145);--color-focus:lab(39.8157% 15.8938 -69.4687);--color-graphite:lab(6.12625% -1.23282 -8.38545);--color-graphite-2:lab(12.9068% -1.91152 -10.4413);--color-graphite-3:lab(14.0925% -1.78808 -8.75652);--color-key-edge:lab(32.6513% -2.38228 -10.5867);--color-key-led-off:lab(23.3983% -1.66687 -7.08755);--color-on-graphite:lab(97.0897% -.78842 -2.89248);--color-led:lab(71.056% -56.255 47.8748);--shadow-panel:lab(7.17479% -1.28882 -6.94574/.08);--shadow-key:lab(.446274% -.0521988 -1.48106/.3);--shadow-led:lab(71.056% -56.255 47.8748/.55)}}@media (prefers-color-scheme:dark){:root{--color-paper:#070d14;--color-paper-2:#0c131b;--color-panel:#121a23;--color-ink:#eaeff4;--color-ink-2:#c4cbd4;--color-muted:#929da9;--color-rule:#27313d;--color-rule-strong:#4f5f71;--color-accent:#186de7;--color-accent-dark:#7db2ff;--color-accent-hover:#0260d9;--color-accent-ink:#f6f9fc;--color-focus:#7db2ff;--color-graphite:#010409;--color-graphite-2:#172330;--color-graphite-3:#141e28;--color-key-edge:#4a5a6b;--color-key-led-off:#333b45;--color-on-graphite:#f3f7fc;--shadow-panel:#00000159;--shadow-key:#00000094;--shadow-led:#3dc74e9e}@supports (color:lab(0% 0 0)){:root{--color-paper:lab(3.33314% -.642806 -4.25597);--color-paper-2:lab(5.67303% -1.05997 -6.51485);--color-panel:lab(8.87828% -1.52948 -7.6925);--color-ink:lab(94.1883% -.883639 -3.25217);--color-ink-2:lab(81.4185% -1.43597 -5.40034);--color-muted:lab(64.0036% -2.01428 -7.8746);--color-rule:lab(19.8989% -1.91236 -8.7967);--color-rule-strong:lab(39.599% -2.7629 -12.3453);--color-accent:lab(46.9852% 12.6026 -69.5652);--color-accent-dark:lab(71.3029% -.110745 -49.5656);--color-accent-hover:lab(42.2121% 14.7085 -69.4955);--color-accent-ink:lab(97.6725% -.594974 -2.17145);--color-focus:lab(71.3029% -.110745 -49.5656);--color-graphite:lab(1.02719% -.208482 -2.09073);--color-graphite-2:lab(12.9068% -1.91152 -10.4413);--color-graphite-3:lab(10.6072% -1.68606 -8.72647);--color-key-edge:lab(37.2771% -2.72787 -12.3329);--color-key-led-off:lab(24.5588% -1.67727 -7.09169);--color-on-graphite:lab(97.0897% -.78842 -2.89248);--shadow-panel:lab(.0533943% .0161082 -.320122/.35);--shadow-key:lab(.0210648% .0245422 -.205919/.58);--shadow-led:lab(71.056% -56.255 47.8748/.62)}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-2xl:1.5rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.contents{display:contents}.table{display:table}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}*{box-sizing:border-box}html{scroll-behavior:smooth;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;overflow-x:clip}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}body{background:var(--color-paper);color:var(--color-ink-2);font-family:var(--font-body);font-size:var(--text-base);font-variant-numeric:oldstyle-nums;text-rendering:optimizelegibility;margin:0;line-height:1.62;overflow-x:clip}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}main{min-width:0}.site-nav{width:min(100%, var(--content-max));padding:var(--space-lg) var(--page-gutter);border-bottom:var(--rule) solid var(--color-rule);justify-content:space-between;align-items:center;margin-inline:auto;display:flex}.nav-actions{align-items:center;gap:var(--space-sm);display:flex}.language-picker{min-width:44px;min-height:44px;padding-inline:var(--space-sm);justify-content:center;align-items:center;gap:var(--space-xs);border:var(--rule) solid var(--color-rule-strong);border-radius:var(--radius-sm);background:var(--color-panel);color:var(--color-ink);font-size:var(--text-sm);display:inline-flex;position:relative}.language-symbol{color:var(--color-accent-dark);font-weight:750}.language-current{white-space:nowrap}.language-picker select{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.language-picker:focus-within{outline:2px solid var(--color-focus);outline-offset:3px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.wordmark{align-items:center;gap:var(--space-xs);min-height:44px;color:var(--color-ink);font-family:var(--font-mono);font-size:var(--text-md);letter-spacing:-.04em;white-space:nowrap;font-weight:700;display:inline-flex}.wordmark-icon{background-position:50%;background-repeat:no-repeat;background-size:contain;flex:none;width:2rem;height:2rem;display:block}.wordmark-dot{aspect-ratio:1;background:var(--color-led);border-radius:50%;width:.48rem}.nav-download,.button{min-height:44px;padding-inline:var(--space-lg);border:var(--rule) solid var(--color-rule-strong);border-radius:var(--radius-sm);white-space:nowrap;transition:transform var(--dur-micro) var(--ease-out), background-color var(--dur-micro) var(--ease-out), border-color var(--dur-micro) var(--ease-out);justify-content:center;align-items:center;font-weight:650;line-height:1;display:inline-flex}.hero{width:min(100%, var(--content-max));padding:clamp(var(--space-xl), 5vw, var(--space-2xl)) var(--page-gutter) clamp(var(--space-3xl), 7vw, var(--space-4xl));gap:var(--space-2xl);align-items:center;margin-inline:auto;display:grid}.hero-copy{min-width:0}.kicker{margin:0 0 var(--space-lg);color:var(--color-accent-dark);font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:.11em;text-transform:uppercase;font-weight:650}h1,h2,h3,p{margin-block:0}h1,h2,h3{min-width:0;color:var(--color-ink);font-family:var(--font-display);overflow-wrap:anywhere}h1{letter-spacing:-.055em;max-width:12ch;font-size:clamp(2.7rem,4vw + .5rem,4.5rem);font-weight:720;line-height:1.05}.hero-title-line{white-space:nowrap;display:block}.hero-lede{max-width:60ch;margin-top:var(--space-lg);color:var(--color-muted);font-size:var(--text-md);line-height:1.7}.hero-actions{margin-top:var(--space-xl);align-items:center;gap:var(--space-lg);flex-wrap:wrap;display:flex}.button-primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-ink)}.text-link{align-items:center;gap:var(--space-xs);border-bottom:var(--rule) solid var(--color-rule-strong);min-height:44px;color:var(--color-ink);white-space:nowrap;font-weight:620;display:inline-flex}.requirements{margin-top:var(--space-lg);color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.demo-panel{background:var(--color-graphite);min-width:0;color:var(--color-on-graphite);border:var(--rule) solid var(--color-graphite-2);border-radius:var(--radius-lg);box-shadow:0 1px 2px var(--shadow-panel);overflow:hidden}.demo-status,.demo-caption{justify-content:flex-end;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);font-family:var(--font-body);font-size:var(--text-xs);font-variant-numeric:tabular-nums;display:flex}.demo-status{border-bottom:var(--rule) solid var(--color-graphite-2)}.demo-status strong{color:var(--color-on-graphite)}.demo-caption{border-top:var(--rule) solid var(--color-graphite-2);color:var(--color-rule-strong)}.key-stage{min-height:22rem;padding:var(--space-xl);place-items:center;display:grid;position:relative}.hud-preview{min-width:8.5rem;padding:var(--space-sm) var(--space-lg);border:var(--rule) solid var(--color-graphite-2);border-radius:var(--radius-md);background:var(--color-graphite-3);color:var(--color-on-graphite);text-align:center;font-weight:700;position:absolute;inset-block-start:var(--space-xl)}.hud-preview.is-visible{animation:hud-in var(--dur-short) var(--ease-out) both}.hud-preview.is-hidden{visibility:hidden}.caps-key{aspect-ratio:1.35;width:min(14rem,70vw);margin-top:var(--space-xl);align-content:center;place-items:center;gap:var(--space-xs);border:var(--rule) solid var(--color-key-edge);background:linear-gradient(145deg, var(--color-graphite-2), var(--color-graphite));color:var(--color-on-graphite);box-shadow:0 1.1rem 1.8rem var(--shadow-key);cursor:pointer;transition:transform var(--dur-micro) var(--ease-out);border-bottom-width:.4rem;border-radius:1.2rem;display:grid;position:relative}.caps-symbol{font-size:var(--text-2xl);line-height:1}.caps-key>span:last-child{font-family:var(--font-body);font-size:var(--text-sm)}.key-led{aspect-ratio:1;background:var(--color-key-led-off);width:.65rem;transition:background-color var(--dur-micro) var(--ease-in-out);border-radius:50%;position:absolute;inset-block-start:var(--space-md);inset-inline-end:var(--space-md)}.caps-key.is-on .key-led{background:var(--color-led);box-shadow:0 0 .8rem var(--shadow-led)}.caps-key:active,.caps-key.is-pressed{transform:translateY(.22rem)}.demo-led-label{align-items:center;gap:var(--space-xs);white-space:nowrap;display:inline-flex}.demo-led-label i{aspect-ratio:1;background:var(--color-rule-strong);border-radius:50%;width:.5rem}.demo-led-label i.active{background:var(--color-led)}.guided-tour,.caps-lock-section,.modes-section,.led-section,.price-section{width:min(100%, var(--content-max));padding-inline:var(--page-gutter);margin-inline:auto}.guided-tour{padding-block:var(--space-3xl) var(--space-4xl)}.section-intro{max-width:46rem}.section-intro h2,.led-copy h2,.price-section h2{letter-spacing:-.045em;font-size:clamp(2rem,4vw,3.6rem);font-weight:720;line-height:1.08}.section-intro>p:last-child,.led-copy>p:last-child{margin-top:var(--space-lg);max-width:42rem;color:var(--color-muted);font-size:var(--text-md)}.tour-story{margin-top:var(--space-2xl);border-top:var(--rule) solid var(--color-rule)}.tour-chapter{gap:var(--space-xl);padding-block:var(--space-xl);border-bottom:var(--rule) solid var(--color-rule);display:grid}.tour-step{gap:var(--space-lg);grid-template-columns:auto minmax(0,1fr);display:grid}.step-index{color:var(--color-accent-dark);font-family:var(--font-body);font-size:var(--text-sm)}.tour-step h3{font-size:var(--text-lg)}.tour-step p{margin-top:var(--space-xs);color:var(--color-muted)}.tour-screenshot{min-width:0;margin:0}.tour-screenshot img{border:var(--rule) solid var(--color-rule-strong);border-radius:var(--radius-md);background:var(--color-graphite);width:100%;height:auto;display:block}.tour-action{gap:var(--space-xl);padding-block:var(--space-xl);border-bottom:var(--rule) solid var(--color-rule);display:grid}.action-flow{align-items:center;gap:var(--space-sm);color:var(--color-accent-dark);flex-wrap:wrap;display:flex}.action-flow strong{padding:var(--space-sm) var(--space-md);border:var(--rule) solid var(--color-rule-strong);border-radius:var(--radius-sm);background:var(--color-panel);color:var(--color-ink);font-size:var(--text-sm);white-space:nowrap;line-height:1}.caps-lock-section{padding-block:var(--space-3xl);gap:var(--space-2xl);border-top:var(--rule) solid var(--color-rule);display:grid}.caps-lock-flow{gap:var(--space-md);padding:var(--space-xl);border:var(--rule) solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-panel);display:grid}.caps-lock-flow div{gap:var(--space-xs);min-width:0;display:grid}.caps-lock-flow span{color:var(--color-accent-dark);font-size:var(--text-xs)}.caps-lock-flow strong{color:var(--color-ink);font-size:var(--text-md);overflow-wrap:anywhere}.caps-lock-flow i{color:var(--color-accent-dark);font-style:normal}.modes-section{padding-block:var(--space-3xl);background:var(--color-paper-2);max-width:none}.modes-inner{width:min(100%, calc(var(--content-max) - 2 * var(--page-gutter)));margin-inline:auto}.modes-section .section-intro{max-width:46rem}.mode-list{margin-top:var(--space-2xl);border-top:var(--rule) solid var(--color-rule)}.mode-row{gap:var(--space-sm) var(--space-md);padding:var(--space-lg) var(--space-md);border-bottom:var(--rule) solid var(--color-rule);grid-template-columns:2.5rem minmax(0,1fr);display:grid}.mode-row:nth-child(odd){background:var(--color-panel)}.mode-number{color:var(--color-accent-dark);font-family:var(--font-body);font-size:var(--text-sm)}.mode-summary{gap:var(--space-xs);min-width:0;display:grid}.mode-heading{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.mode-heading h3{font-size:var(--text-md)}.mode-summary p{color:var(--color-muted)}.mode-type{width:fit-content;padding:var(--space-3xs) var(--space-xs);border:var(--rule) solid var(--color-rule);border-radius:var(--radius-sm);color:var(--color-ink-2);font-family:var(--font-body);font-size:var(--text-xs);white-space:nowrap;line-height:1}.mode-transition{align-items:center;gap:var(--space-sm) var(--space-md);flex-wrap:wrap;grid-column:2;min-width:0;display:flex}.transition-track{align-items:center;gap:var(--space-sm);flex-wrap:wrap;min-width:0;display:flex}.transition-part{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:inline-flex}.transition-state{min-height:2rem;padding-inline:var(--space-sm);border:var(--rule) solid var(--color-rule-strong);border-radius:var(--radius-sm);background:var(--color-panel);color:var(--color-ink);font-size:var(--text-sm);white-space:nowrap;align-items:center;font-weight:650;display:inline-flex}.transition-action{color:var(--color-accent-dark);justify-items:center;line-height:1;display:inline-grid}.transition-action small{font-size:var(--text-xs);white-space:nowrap}.transition-action i{margin-top:var(--space-3xs);font-style:normal}.transition-return{color:var(--color-accent-dark);font-size:var(--text-xs);white-space:nowrap;font-weight:650;line-height:1.2}.transition-note{color:var(--color-muted);font-size:var(--text-xs)}.led-section{padding-block:var(--space-4xl);gap:var(--space-2xl);display:grid}.led-table{gap:var(--space-sm);display:grid}.led-header{display:none}.led-row{gap:var(--space-md);padding:var(--space-lg);border:var(--rule) solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-panel);display:grid}.led-row small{margin-bottom:var(--space-3xs);color:var(--color-muted);font-size:var(--text-xs);font-weight:500;display:block}.led-state{color:var(--color-accent-dark);font-family:var(--font-body);font-size:var(--text-sm);font-weight:650}.led-pattern{color:var(--color-ink);line-height:1.45}.led-examples{color:var(--color-muted);line-height:1.45}.price-section{padding-block:var(--space-3xl);gap:var(--space-xl);border-top:var(--rule) solid var(--color-rule);display:grid}.price-section h2{max-width:none;font-size:clamp(1.35rem,3vw,2.7rem)}html:lang(ja) .price-section h2{white-space:nowrap}.price-copy{gap:var(--space-lg);align-items:start;display:grid}.price-copy p{max-width:42rem;color:var(--color-muted);font-size:var(--text-md)}.price-actions{gap:var(--space-sm);flex-wrap:wrap;display:flex}.site-footer{width:min(100%, var(--content-max));padding:var(--space-xl) var(--page-gutter) var(--space-2xl);gap:var(--space-sm) var(--space-xl);border-top:var(--rule) solid var(--color-rule);color:var(--color-muted);font-family:var(--font-body);font-size:var(--text-xs);flex-wrap:wrap;justify-content:space-between;margin-inline:auto;display:flex}.site-footer a{white-space:nowrap;min-height:44px;color:var(--color-ink-2);align-items:center;display:inline-flex}.reveal{opacity:0;animation:reveal var(--dur-long) var(--ease-out) forwards;animation-delay:calc(var(--i,0) * 70ms);transform:translateY(8px)}.nav-download:active,.button:active,.text-link:active,.site-footer a:active{transform:translateY(1px)}.button:disabled,.caps-key:disabled{opacity:.55;cursor:not-allowed;transform:none}@keyframes reveal{to{opacity:1;transform:none}}@keyframes hud-in{0%{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:none}}@media (hover:hover) and (pointer:fine){.nav-download:hover,.button:hover{border-color:var(--color-accent);transform:translateY(-1px)}.button-primary:hover{background:var(--color-accent-hover)}.text-link:hover{border-color:var(--color-accent);color:var(--color-accent-dark)}.caps-key:hover{transform:translateY(-1px)}.site-footer a:hover{color:var(--color-accent-dark)}}@media (max-width:39.99rem){h1{max-width:none;font-size:clamp(1.75rem,8vw,2.75rem)}html:lang(ja) h1,html:lang(zh-Hans) h1,html:lang(zh-Hant) h1,html:lang(ko) h1{font-size:clamp(2rem,9.4vw,2.75rem)}}@media (max-width:32rem){.site-nav{padding-block:var(--space-md)}.language-current{display:none}.language-picker{padding-inline:0}.nav-actions{gap:var(--space-xs)}.nav-download{padding-inline:var(--space-md)}}@media (min-width:40rem){.hero{grid-template-columns:minmax(0,1.05fr) minmax(20rem,.95fr)}.tour-chapter{grid-template-columns:minmax(12rem,.6fr) minmax(0,1.4fr);align-items:center}.tour-chapter-menu .tour-screenshot{justify-self:start;width:min(100%,21.25rem)}.tour-action{grid-template-columns:minmax(12rem,.6fr) minmax(0,1.4fr);align-items:center}.caps-lock-flow{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:center}.mode-row{grid-template-columns:2.5rem minmax(14rem,.75fr) minmax(0,1.25fr);align-items:start}.mode-transition{grid-column:3}.led-header,.led-row{gap:var(--space-lg);grid-template-columns:.72fr 1.38fr 1fr}.led-header{padding:0 var(--space-lg) var(--space-xs);color:var(--color-muted);font-size:var(--text-xs);display:grid}.led-row{align-items:start}.led-row small{display:none}.price-section{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media (min-width:60rem){.hero{gap:var(--space-3xl);grid-template-columns:minmax(0,1.15fr) minmax(27rem,.85fr)}.led-section{grid-template-columns:minmax(0,.8fr) minmax(32rem,1.2fr);align-items:start}.led-copy{position:sticky;inset-block-start:var(--space-xl)}}@media (min-width:68rem){.caps-lock-section{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.15s!important;animation-duration:.15s!important;animation-iteration-count:1!important}.reveal{opacity:1;animation:none;transform:none}}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}