@font-face{font-family:nunito;src:url(/fonts/nunito-bold.4be694b6305d4b8395e4dbdf6a0a33b48bd24e3444416dfac0a47a06ea453625.woff2)format("woff2");font-weight:400 700;font-style:normal;font-display:swap}@font-face{font-family:nunito;src:url(/fonts/nunito-extrabold.903c95488aa6ba0ea2506743eee48543e7e7698754d6063f0587cfab4bbb3237.woff2)format("woff2");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:nunito;src:url(/fonts/nunito-black.dc32392c78915af5ceadede9762ef0704cda49d0c9105d7a2976329bb78d890d.woff2)format("woff2");font-weight:900;font-style:normal;font-display:swap}.k-grape{--face:#8B5CF6;--light:#B596FA;--side:#6236C9;--on:#FFFFFF;--emboss:#6236C9}.k-grey{--face:#AEBBD6;--light:#C9D3E6;--side:#8391B2;--on:#15224A}.k-leaf{--face:#2EBD59;--light:#6FDB8E;--side:#1E8E40;--on:#15224A}.k-ocean{--face:#2F6BFF;--light:#7CA2FF;--side:#1C48C9;--on:#FFFFFF;--emboss:#1C48C9}.k-sun{--face:#FFC53D;--light:#FFDD85;--side:#DB9600;--on:#15224A}.k-tangerine{--face:#FF8A1F;--light:#FFB46E;--side:#D0640A;--on:#15224A}.k-tomato{--face:#FF4436;--light:#FF8A7A;--side:#C92418;--on:#FFFFFF;--emboss:#C92418}:root{--sky:#e8f0fc;--ink:#15224a;--ink-soft:#55628a;--chalk:#ffffff;--chalk-side:#c6d3ec;--link:#1c48c9;--shadow:rgba(21, 34, 74, 0.26);--radius:28px;--font:"Nunito", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", "Helvetica Neue", Arial, sans-serif;--spring:cubic-bezier(0.3, 1.7, 0.55, 1);color-scheme:light}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--sky);color:var(--ink);font-family:var(--font);font-weight:500;font-size:1.125rem;line-height:1.55;overflow-wrap:break-word}@media(min-width:48rem){body{font-size:1.25rem}}main{flex:1 0 auto}main:focus{outline:none}h1,h2,h3{margin:0;line-height:1.12;text-wrap:balance}h1{font-weight:900;font-size:clamp(2.375rem,1.5rem + 3.8vw,4.5rem);letter-spacing:-.01em}h2{font-weight:900;font-size:clamp(1.875rem,1.4rem + 2vw,2.75rem)}h3{font-weight:900;font-size:1.5rem}p{margin:0}a{color:var(--link);text-decoration-thickness:2px;text-underline-offset:.18em}:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:8px}.wrap{width:100%;max-width:72rem;margin-inline:auto;padding-inline:clamp(1rem,4vw,2.5rem)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:absolute;inset-inline-start:1rem;top:-100px;z-index:20;padding:.75rem 1.25rem;border-radius:999px;background:var(--ink);color:var(--chalk);font-weight:800;text-decoration:none}.skip-link:focus{top:1rem}.slab,.card,.reason,.prose,.sample-card{--depth:8px;border-radius:var(--radius);box-shadow:0 var(--depth)0 var(--side,var(--chalk-side)),0 calc(var(--depth) + 10px)28px -10px var(--shadow);margin-bottom:var(--depth)}.key-art{display:block;width:100%;height:auto;overflow:visible}.key-art .cap-top,.key-art .cap-side{transition:transform .4s var(--spring)}.key-art .cap-side{transform-box:fill-box;transform-origin:50% 100%}.latched .cap-top{transform:translateY(7.2px)}.latched .cap-side{transform:scaleY(.55)}.site-header-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:1rem}.logo{display:inline-flex;align-items:center;gap:.5rem;color:var(--ink);text-decoration:none;font-weight:900;font-size:1.75rem;line-height:1}.logo-key{width:3.25rem}.lang{position:relative}.lang-button{display:inline-flex;align-items:center;gap:.5rem;min-height:3rem;padding:.5rem 1.1rem;border-radius:999px;background:var(--chalk);box-shadow:0 4px 0 var(--chalk-side),0 10px 18px -8px var(--shadow);color:var(--ink);font-weight:800;cursor:pointer;list-style:none;user-select:none;transition:transform .25s var(--spring),box-shadow .25s}.lang-button::-webkit-details-marker{display:none}.lang-button:active,.lang[open] .lang-button{transform:translateY(4px);box-shadow:0 0 0 var(--chalk-side),0 4px 8px -6px var(--shadow);transition-duration:.07s}.lang-button:focus-visible{border-radius:999px}.lang-code{display:none}@media(max-width:24rem){.site-header-row{gap:.5rem}.logo{font-size:1.375rem;gap:.375rem}.logo-key{width:2.5rem}.lang-button{padding-inline:.85rem}.lang-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.lang-code{display:inline}}.lang-icon{width:1.4em;height:1.4em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.lang-list{position:absolute;inset-inline-end:0;top:calc(100% + .75rem);z-index:10;min-width:13rem;max-height:min(70vh,32rem);overflow:auto;margin:0;padding:.5rem;list-style:none;border-radius:20px;background:var(--chalk);box-shadow:0 6px 0 var(--chalk-side),0 18px 32px -10px var(--shadow)}.lang-list:has(>li:nth-child(9)){display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));width:min(calc(100vw - 2rem),38rem)}.lang-list a{display:block;padding:.6rem .9rem;border-radius:12px;color:var(--ink);font-weight:800;text-decoration:none}.lang-list a:hover,.lang-list a[aria-current]{background:var(--sky)}.lang-list a[aria-current]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.2em}.hero{padding-block:clamp(.5rem,3vw,2.5rem)clamp(1rem,3vw,2rem)}.hero-grid{display:grid;grid-template-areas:"key" "text";align-items:center;gap:.75rem}@media(min-width:56rem){.hero-grid{grid-template-columns:1.1fr 1fr;grid-template-areas:"text key";gap:3rem}}.hero-key{grid-area:key;justify-self:center;width:min(100%,26rem);cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.hero-key:active .cap-top,.hero-key.is-down .cap-top{transform:translateY(12px);transition:transform .07s ease-out}.hero-key:active .cap-side,.hero-key.is-down .cap-side{transform:scaleY(.25);transition:transform .07s ease-out}.hero-text{grid-area:text}.hero-line{margin-top:1rem;text-wrap:balance;font-weight:800;font-size:clamp(1.375rem,1.05rem + 1.3vw,2rem);line-height:1.3}.hero-hint{margin-top:1.25rem;color:var(--ink-soft)}.section{padding-block:clamp(2rem,4vw,3.5rem)}.section h2{margin-bottom:clamp(1.5rem,3vw,2.25rem)}.apps,.steps,.reasons{margin:0;padding:0;list-style:none;display:grid}.apps{gap:2rem 1.75rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr))}.card{position:relative;display:flex;flex-direction:column;gap:.5rem;padding:1.25rem clamp(1.25rem,3vw,1.75rem)1.5rem;background:var(--face);color:var(--on);text-shadow:0 1px 0 var(--emboss,transparent);transition:transform .3s var(--spring),box-shadow .3s}.card-key{width:7rem;margin-bottom:.25rem}.card-name{font-size:clamp(1.625rem,1.45rem + .5vw,1.875rem)}.card-line{font-weight:800;font-size:1.375rem;line-height:1.35}.card-store{margin-top:auto;padding-top:1rem;font-weight:800;font-size:1.25rem}.card-tag{position:absolute;top:1.25rem;inset-inline-end:1.25rem;padding:.3rem .9rem;border-radius:999px;background:var(--chalk);color:var(--ink);font-weight:900;font-size:1.125rem;text-shadow:none;box-shadow:0 3px 0 var(--side)}.card-link{color:inherit;text-decoration:none}.card-link::after{content:"";position:absolute;inset:0;border-radius:var(--radius)}.card-link:focus-visible{outline:none}.card-link:focus-visible::after{outline:4px solid var(--ink);outline-offset:4px}.card.is-link:hover .card-name{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:.15em}.card.is-link:has(.card-link:active){transform:translateY(var(--depth));box-shadow:0 0 0 var(--side),0 6px 12px -8px var(--shadow);transition-duration:.07s}.steps{gap:2.5rem 2rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr))}.step-art{height:10.5rem;display:flex;align-items:flex-end;justify-content:center;margin-bottom:1.25rem}.step-art .key-art{width:auto;height:100%}.step h3{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.step-number{flex:none;display:inline-grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--ink);color:var(--chalk);font-size:1.25rem;box-shadow:0 3px #0b1433}.sample-card{--depth:6px;display:flex;flex-direction:column;gap:.25rem;width:min(100%,15.5rem);margin-bottom:1.75rem;padding:1rem 1.25rem 1.1rem;border-radius:22px;background:var(--chalk)}.sample-text{font-weight:900;font-size:1.5rem;line-height:1.15}.sample-sound{font-weight:800;font-size:1.125rem;color:var(--link)}.reasons{gap:1.75rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr))}.reason{--depth:6px;padding:clamp(1.25rem,3vw,1.75rem);background:var(--chalk)}.reason:last-child{grid-column:1/-1}.reason-head{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.reason-chip{flex:none;display:grid;place-items:center;width:3.5rem;height:3.5rem;border-radius:50%;background:var(--face);color:var(--on);box-shadow:0 4px 0 var(--side)}.icon{width:2rem;height:2rem;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.icon .icon-fill{fill:currentColor;stroke:none}.reason p{max-width:62ch}.reason p+p{margin-top:.75rem}.page{padding-block:clamp(1rem,4vw,2.5rem)clamp(2rem,5vw,4rem)}.page-header,.prose{max-width:48rem;margin-inline:auto}.page-header{margin-bottom:1.5rem}.page-header h1{font-size:clamp(1.5rem,.6rem + 5vw,3.5rem);hyphens:auto}.page-date{margin-top:.75rem;color:var(--ink-soft)}.prose{padding:clamp(1.25rem,5vw,3rem);background:var(--chalk)}.prose>*+*{margin-top:1rem}.prose h2{margin-top:2.5rem;font-size:clamp(1.5rem,1.3rem + .8vw,1.875rem)}.prose h3{margin-top:2rem;font-size:1.375rem}.prose>:first-child{margin-top:0}.prose h2+*,.prose h3+*{margin-top:.75rem}.prose ul,.prose ol{padding-inline-start:1.5em;margin-bottom:0}.prose li+li{margin-top:.5rem}.prose li::marker{color:var(--ink-soft);font-weight:900}.prose strong{font-weight:900}.prose a{overflow-wrap:anywhere}.prose blockquote{margin-inline:0;padding:1rem 1.25rem;border-inline-start:6px solid var(--chalk-side);border-radius:12px;background:var(--sky)}.prose hr{border:0;border-top:2px solid var(--sky);margin-block:2rem}.prose code{font-size:.9em;padding:.1em .35em;border-radius:6px;background:var(--sky)}.table-scroll{overflow-x:auto}.prose table{width:100%;border-collapse:collapse}.prose th,.prose td{padding:.65rem .75rem;border-bottom:2px solid var(--sky);text-align:start;vertical-align:top}.prose th{font-weight:900;border-bottom-color:var(--chalk-side)}.prose .align-center{text-align:center}.prose .align-right{text-align:end}.notfound{padding-block:clamp(1.5rem,5vw,4rem);text-align:center}.notfound-key{width:min(60%,12rem);margin:0 auto 1.5rem}.notfound h1{font-size:clamp(2rem,1.4rem + 3vw,3.25rem)}.notfound p{margin-top:1rem}.pill{display:inline-flex;align-items:center;min-height:3.25rem;margin-top:1rem;padding:.75rem 1.75rem;border-radius:999px;background:var(--ink);color:var(--chalk);font-weight:900;text-decoration:none;box-shadow:0 5px #0b1433;transition:transform .25s var(--spring),box-shadow .25s}.pill:active{transform:translateY(5px);box-shadow:0 0 #0b1433;transition-duration:.07s}.pill:focus-visible{border-radius:999px}.site-footer{margin-top:clamp(1.5rem,4vw,3rem);padding-block:2.25rem 2.75rem;background:var(--chalk);color:var(--ink-soft);box-shadow:0 -2px 0 var(--chalk-side)}.site-footer-grid{display:grid;gap:1.25rem}.footer-links{display:flex;flex-wrap:wrap;gap:.75rem 2rem;margin:0;padding:0;list-style:none}.site-footer a{color:var(--ink);font-weight:800}.footer-legal address{font-style:normal;white-space:pre-line}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:0s!important;animation:none!important;scroll-behavior:auto!important}}