.mk-well{padding:calc(var(--mk) * .13);border-radius:calc(var(--mk) * .33);background:linear-gradient(#050506,#0d0d10);flex:none;place-items:center;display:inline-grid;box-shadow:inset 0 2px 6px #000000e6,inset 0 -1px #ffffff0f,0 1px #ffffff0d}.mk{width:calc(var(--mk) * 1.12);height:var(--mk);border-radius:calc(var(--mk) * .2);background:#0b0b0d;flex:none;display:inline-block;position:relative;box-shadow:0 1px #ffffff0a,0 8px 14px #0000008c,0 20px 32px -12px #000000d9}.mk-face{inset:0 0 calc(var(--mk) * .045 + 1px);border-radius:inherit;box-shadow:inset 0 0 0 1.5px var(--mk-lit), inset 0 1px 0 #ffffff29, inset 0 0 0 1px #ffffff09, inset 0 -2px 3px #00000073, 0 1px 0 #2a2a2e, 0 3px 0 #141416, 0 5px 0 #0c0c0e;background:radial-gradient(120% 80% at 28% 0,#ffffff1c,#0000 55%),linear-gradient(#2b2b30 0%,#1d1d21 55%,#18181b 100%);transition:box-shadow .3s;position:absolute}.mk-face:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,#0000 30%,#ffffff0b 46%,#0000 62%);position:absolute;inset:0}.mk-glyph{font:500 calc(var(--mk) * .15)/1 var(--display);letter-spacing:-.01em;color:#d9d9de;position:absolute;top:13%}.mk-tl{left:15%}.mk-tr{font-size:calc(var(--mk) * .14);right:14%}.mk-word{font:500 calc(var(--mk) * .1)/1 var(--display);color:#a9a9b0;position:absolute;bottom:15%;left:13%}.mk-globe{width:calc(var(--mk) * .15);height:calc(var(--mk) * .15);fill:none;stroke:#a9a9b0;stroke-width:1.4px;position:absolute;bottom:15%;left:15%}.mk-tiny{width:auto;min-width:calc(var(--mk) * 1.15);padding:0 calc(var(--mk) * .3);vertical-align:calc(var(--mk) * -.28);box-shadow:0 1px #ffffff0a,0 3px 6px #00000080}.mk-tiny .mk-face{box-shadow:inset 0 0 0 1.5px var(--mk-lit), inset 0 1px 0 #ffffff29, inset 0 -1px 2px #00000073, 0 1px 0 #2a2a2e, 0 2px 0 #0c0c0e;inset:0 0 2px}.mk-c{height:100%;font-size:calc(var(--mk) * .52);place-items:center;line-height:1;display:grid;position:relative;top:0}
.hero-a{--ha-ease:cubic-bezier(.16, 1, .3, 1);text-align:left;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:clamp(40px,6vw,96px);max-width:1180px;margin:0 auto;padding-top:clamp(24px,6svh,64px);display:grid}.hero-a .ha-h1{font:700 clamp(44px, 6.4vw, 92px)/.96 var(--display);letter-spacing:-.045em}.hero-a .ha-h1 span{animation:ha-rise 1s var(--ha-ease) both;display:block}.hero-a .ha-h1 .ha-l2{color:var(--quiet);animation-delay:.12s}.hero-a .ha-lede{max-width:30ch;color:var(--quiet);animation:ha-rise 1s var(--ha-ease) .24s both;margin-top:clamp(20px,2.4vw,28px);font-size:clamp(18px,1.6vw,21px);line-height:1.45}.hero-a .ha-cta{animation:ha-rise 1s var(--ha-ease) .34s both;align-items:center;gap:20px;margin-top:clamp(28px,3.2vw,40px);display:flex}.hero-a .ha-meta{color:var(--faint);font-size:12.5px;line-height:1.5}.hero-a .ha-stage{animation:ha-rise 1.1s var(--ha-ease) .45s both;justify-items:start;gap:18px;display:grid}.hero-a .ha-cap{color:var(--quiet);animation:ha-in .5s var(--ha-ease) both;align-items:center;gap:12px;padding-left:8px;font-size:13px;display:flex}.hero-a .ha-keys,.hero-a .ha-keyrow{align-items:center;gap:6px;display:inline-flex}.hero-a .ha-keyrow i{color:var(--faint);font-style:normal}.hero-a .ha-kbd{min-width:30px;height:30px;font:500 13px/1 var(--sf);color:var(--body);background:#1a1a1d;border-radius:7px;flex-direction:column;justify-content:center;padding:0 8px;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff1a,0 1px #ffffff0a}.hero-a .ha-kbd em{font:500 8.5px/1 var(--sf);color:var(--faint);text-transform:lowercase;margin-top:2px;font-style:normal}.hero-a .ha-name{color:var(--body);font-weight:600}.hero-a .ha-capsule{width:min(100%,460px);min-height:76px;transition:opacity .5s var(--ha-ease), transform .5s var(--ha-ease);background:linear-gradient(#17171a,#0f0f11);border-radius:38px;align-items:center;gap:16px;padding:16px 28px 16px 16px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff17,0 30px 60px -30px #000c}.hero-a .ha-capsule.ha-out{opacity:0;transform:translateY(6px)scale(.985)}.hero-a .ha-glyph{background:#ffffff0d;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid}.hero-a .ha-text{min-width:0;font:500 clamp(16px, 1.35vw, 18px)/1.4 var(--display);letter-spacing:-.01em;flex:1;display:grid}.hero-a .ha-said,.hero-a .ha-got{transition:opacity .55s var(--ha-ease), filter .55s var(--ha-ease), transform .55s var(--ha-ease);grid-area:1/1}.hero-a .ha-said{color:var(--quiet);font-style:italic}.hero-a .ha-w{opacity:0;filter:blur(4px);transition:opacity .3s,filter .3s}.hero-a .ha-w.ha-on{opacity:1;filter:none}.hero-a .ha-got{color:var(--body);opacity:0;filter:blur(6px);transform:translateY(4px)}.hero-a .ha-done .ha-said,.hero-a .ha-out .ha-said{opacity:0;filter:blur(6px);transform:translateY(-4px)}.hero-a .ha-done .ha-got,.hero-a .ha-out .ha-got{opacity:1;filter:none;transform:none}.hero-a .ha-line{background:linear-gradient(90deg, transparent, var(--c1), var(--c2), transparent);opacity:.25;border-radius:2px;height:1.5px;transition:opacity .6s;position:absolute;bottom:0;left:32px;right:32px}.hero-a .ha-hear .ha-line{animation:1.6s ease-in-out infinite ha-listen}.hero-a .ha-done .ha-line{opacity:.55}.hero-a .ha-dots{gap:8px;padding-left:30px;list-style:none;display:flex}.hero-a .ha-dots li{width:5px;height:5px;transition:background .4s ease, width .4s var(--ha-ease);background:#ffffff2e;border-radius:50%}.hero-a .ha-dots li.ha-cur{background:var(--c1);border-radius:3px;width:18px}@keyframes ha-rise{0%{opacity:0;filter:blur(8px);transform:translateY(14px)}}@keyframes ha-in{0%{opacity:0;transform:translateY(4px)}}@keyframes ha-listen{0%,to{opacity:.2}50%{opacity:.75}}@media (max-width:860px){.hero-a{grid-template-columns:1fr;gap:36px;padding-top:12px}.hero-a .ha-cta{flex-direction:column;align-items:flex-start;gap:12px}.hero-a .ha-capsule{width:100%}}@media (prefers-reduced-motion:reduce){.hero-a *,.hero-a .ha-h1 span{transition:none!important;animation:none!important}}
.hero-b{--b-a:#64d2ff;--b-b:#5e5ce6;--b-ease:cubic-bezier(.16, 1, .3, 1);--s:clamp(112px, 9.4vw, 140px);text-align:center;flex-direction:column;align-items:center;display:flex}.hero-b[data-mode=rules]{--b-a:#8b7bff;--b-b:#b9b0ff}.hero-b[data-mode=assist]{--b-a:#ff6fb5;--b-b:#bf5af2}.hero-b .hero-b-edge{pointer-events:none;z-index:-1;opacity:0;height:100svh;transition:opacity .9s var(--b-ease);box-shadow:inset 60px 0 90px -60px color-mix(in srgb, var(--b-a) 38%, transparent), inset -60px 0 90px -60px color-mix(in srgb, var(--b-b) 38%, transparent), inset 0 -50px 90px -60px color-mix(in srgb, var(--b-a) 26%, var(--b-b) 0%), inset 0 50px 90px -60px color-mix(in srgb, var(--b-b) 22%, transparent);position:absolute;top:calc(-84px - 3svh);left:0;right:0}@media (max-width:899px),(max-height:559px),(prefers-reduced-motion:reduce){.hero-b .hero-b-edge{height:auto;position:fixed;inset:0}}:root:not(.js) .hero-b .hero-b-edge{height:auto;position:fixed;inset:0}.hero-b[data-held] .hero-b-edge{opacity:1;transition-duration:.6s;animation:4s ease-in-out .6s infinite hero-b-breathe}@keyframes hero-b-breathe{50%{opacity:.85}}.intro .hero-b .hero-b-title{font:700 clamp(48px, 6.4vw, 84px)/.98 var(--display);letter-spacing:-.04em;color:var(--body,#f5f5f7);text-wrap:balance;max-width:14ch;animation:hero-b-rise .9s var(--b-ease) .1s both}.hero-b .hero-b-title em{color:var(--quiet,#a1a1a6);font-style:normal}@keyframes hero-b-rise{0%{opacity:0;filter:blur(8px);transform:translateY(12px)}}.hero-b .hero-b-stage{animation:hero-b-rise 1.1s var(--b-ease) .25s both;justify-content:center;align-items:flex-start;gap:clamp(28px,3.2vw,48px);margin-top:clamp(22px,3.4vh,34px);padding:12px 32px 0;display:flex;position:relative}.hero-b .hero-b-stage:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(50% 55% at 50% 40%,#ffffff0d,#0000 70%);position:absolute;inset:-30px -70px -10px}.hero-b .hero-b-slot{flex-direction:column;align-items:center;gap:12px;display:flex}.hero-b .hero-b-slot[data-key=rules],.hero-b .hero-b-slot[data-key=assist]{--k:calc(var(--s) * .78);padding-top:calc(var(--s) * .11)}.hero-b .hero-b-slot[data-key=rules]{--kw:var(--k)}.hero-b .hero-b-slot[data-key=assist]{--kw:calc(var(--s) * .96)}.hero-b .hero-b-slot[data-key=dictate]{--k:var(--s);--kw:var(--s)}.hero-b .hero-b-well{width:calc(var(--kw) + 18px);height:calc(var(--k) + 18px);border-radius:calc(var(--k) * .2 + 8px);background:linear-gradient(#050506,#0d0d10);place-items:center;display:grid;box-shadow:inset 0 2px 6px #000000e6,inset 0 -1px #ffffff0f,0 1px #ffffff0d}.hero-b .hero-b-key{all:unset;box-sizing:border-box;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:var(--kw);height:var(--k);border-radius:calc(var(--k) * .2);transition:box-shadow .45s var(--b-ease);background:#0b0b0d;position:relative;box-shadow:0 1px #ffffff0a,0 8px 14px #0000008c,0 20px 32px -12px #000000d9}.hero-b .hero-b-face{border-radius:inherit;transition:transform .5s var(--b-ease), box-shadow .5s var(--b-ease);background:radial-gradient(120% 80% at 28% 0,#ffffff1c,#0000 55%),linear-gradient(#2b2b30 0%,#1d1d21 55%,#18181b 100%);display:block;position:absolute;inset:0 0 5px;box-shadow:inset 0 1px #ffffff29,inset 0 0 0 1px #ffffff09,inset 0 -2px 3px #00000073,0 1px #2a2a2e,0 3px #141416,0 5px #0c0c0e}.hero-b .hero-b-face:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,#0000 30%,#ffffff0b 46%,#0000 62%);position:absolute;inset:0}.hero-b .hero-b-glyph{font:500 calc(var(--s) * .15)/1 var(--display);letter-spacing:-.01em;color:#d9d9de;transition:color .3s,text-shadow .3s;position:absolute;top:13%}.hero-b .hero-b-tl{left:15%}.hero-b .hero-b-tr{font-size:calc(var(--s) * .14);right:14%}.hero-b .hero-b-word{font:500 calc(var(--s) * .1)/1 var(--display);letter-spacing:0;color:#a9a9b0;transition:color .3s;position:absolute;bottom:15%;left:13%}.hero-b .hero-b-globe{width:calc(var(--s) * .15);height:calc(var(--s) * .15);fill:none;stroke:#a9a9b0;stroke-width:1.4px;transition:stroke .3s,filter .3s;position:absolute;bottom:15%;left:15%}.hero-b .hero-b-key:hover .hero-b-face{box-shadow:inset 0 1px #fff3,inset 0 0 0 1px #ffffff0d,inset 0 -2px 3px #00000073,0 1px #2a2a2e,0 3px #141416,0 5px #0c0c0e}.hero-b .hero-b-key:focus-visible{outline-offset:8px;outline:2px solid #ffffff59}.hero-b .hero-b-key[data-down]{box-shadow:0 0 0 1px color-mix(in srgb, var(--b-a) 30%, transparent), 0 1px 6px -1px color-mix(in srgb, var(--b-a) 45%, transparent), 0 1px 2px #000c;transition:transform 90ms ease-out,box-shadow 90ms ease-out;transform:scale(.965)}.hero-b .hero-b-key{transition:transform .22s var(--b-ease), box-shadow .45s var(--b-ease)}.hero-b .hero-b-key[data-down] .hero-b-face{background:radial-gradient(120% 80% at 28% 0,#ffffff0f,#0000 55%),linear-gradient(#232327 0%,#19191c 55%,#151517 100%);transition-duration:90ms;transform:translateY(3px);box-shadow:inset 0 1px #ffffff12,inset 0 0 0 1px #ffffff05,inset 0 2px 6px #00000080,0 1px #141416}.hero-b .hero-b-key[data-down] .hero-b-glyph{color:color-mix(in srgb, var(--b-a) 40%, #fff);text-shadow:0 0 10px color-mix(in srgb, var(--b-a) 65%, transparent)}.hero-b .hero-b-key[data-down] .hero-b-word{color:color-mix(in srgb, var(--b-a) 45%, #ddd)}.hero-b .hero-b-key[data-down] .hero-b-globe{stroke:color-mix(in srgb, var(--b-a) 45%, #fff);filter:drop-shadow(0 0 4px color-mix(in srgb, var(--b-a) 55%, transparent))}.hero-b .hero-b-name{font:500 13px/1 var(--display);letter-spacing:-.005em;color:var(--quiet,#a1a1a6);opacity:.75;transition:color .4s,opacity .4s}.hero-b .hero-b-name[data-lit]{opacity:1;color:color-mix(in srgb, var(--b-a) 55%, #fff)}.hero-b .hero-b-demo{max-width:40ch;animation:hero-b-rise 1s var(--b-ease) .4s both;margin-top:clamp(14px,2.2vh,22px)}.hero-b .hero-b-line{min-height:1.45em;font:400 clamp(17px, 1.5vw, 19px)/1.45 var(--display);letter-spacing:-.01em;color:var(--quiet,#a1a1a6);margin:0}.hero-b .hero-b-sub{height:22px;font:500 13.5px/22px var(--display);color:var(--quiet,#a1a1a6);margin:6px 0 0}.hero-b .hero-b-said{color:#d4d4d9}.hero-b .hero-b-cut{color:var(--quiet,#a1a1a6);opacity:.55;text-decoration:line-through;text-decoration-thickness:1.5px;-webkit-text-decoration-color:color-mix(in srgb, var(--b-a) 70%, transparent);text-decoration-color:color-mix(in srgb, var(--b-a) 70%, transparent);transition:opacity .4s,color .4s}.hero-b .hero-b-caret{vertical-align:-.15em;background:linear-gradient(var(--b-a), var(--b-b));border-radius:1px;width:2px;height:1.05em;margin-left:2px;animation:1s step-end infinite hero-b-blink;display:inline-block}@keyframes hero-b-blink{50%{opacity:0}}.hero-b .hero-b-result{color:var(--body,#f5f5f7);animation:hero-b-settle .35s var(--b-ease) both}@keyframes hero-b-settle{0%{opacity:0;filter:blur(6px);transform:translateY(4px)}}.hero-b .hero-b-step{animation:hero-b-settle .25s var(--b-ease) both;align-items:center;gap:8px;display:inline-flex}.hero-b .hero-b-spin{border:1.5px solid #ffffff24;border-top-color:var(--b-a);border-radius:50%;width:10px;height:10px;animation:.8s linear infinite hero-b-turn}@keyframes hero-b-turn{to{transform:rotate(360deg)}}.hero-b .hero-b-done{color:var(--body,#f5f5f7)}.hero-b .hero-b-done svg{fill:none;width:14px;height:14px;stroke:var(--b-a);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.hero-b .hero-b-get{animation:hero-b-rise 1s var(--b-ease) .5s both;justify-items:center;gap:10px;margin-top:clamp(14px,2.2vh,22px);display:grid}.hero-b .hero-b-get small{color:var(--quiet,#a1a1a6);font-size:12.5px}@media (max-width:520px){.hero-b{--s:84px}.hero-b .hero-b-stage{gap:10px;padding-inline:0}.hero-b .hero-b-stage:before{inset:-30px 0 -10px}}@media (prefers-reduced-motion:reduce){.hero-b *,.hero-b :before,.hero-b :after{transition-duration:10ms!important;animation:none!important}.hero-b .hero-b-key[data-down] .hero-b-face{transform:translateY(3px)}}.hero-b .hero-b-under{place-items:center;height:22px;margin-top:10px;display:grid}.hero-b .hero-b-under>*{grid-area:1/1}.hero-b .hero-b-under .hero-b-sub{margin:0}@media (min-width:720px){.hero-b .hero-b-demo{max-width:none}.hero-b .hero-b-line{white-space:nowrap}}.hero-b{isolation:isolate}.hero-b .hero-b-lines{z-index:-1;left:50%;top:calc(12px + 9px + var(--s) / 2 - 180px);pointer-events:none;opacity:.35;width:100vw;height:360px;transition:opacity .5s var(--b-ease);justify-content:space-between;align-items:center;padding:0 1.2vw;display:flex;position:absolute;transform:translate(-50%);-webkit-mask-image:linear-gradient(90deg,#000 0%,#000c 16%,#0000 36% 64%,#000c 84%,#000 100%);mask-image:linear-gradient(90deg,#000 0%,#000c 16%,#0000 36% 64%,#000c 84%,#000 100%)}.hero-b[data-held] .hero-b-lines{opacity:.9}.hero-b:not([data-held]) .hero-b-lines i{animation-duration:calc(var(--d) * 1.8)}.hero-b .hero-b-lines i{width:3px;height:var(--h);animation:hero-b-level var(--d) ease-in-out var(--dl) infinite alternate;background:#ffffffd9;border-radius:3px;flex:none;position:relative}.hero-b .hero-b-lines i:after{content:"";border-radius:inherit;background:linear-gradient(var(--b-a), var(--b-b) 50%, var(--b-a));opacity:0;transition:opacity .6s var(--b-ease);position:absolute;inset:0}.hero-b[data-held] .hero-b-lines i:after{opacity:1}.hero-b .hero-b-lines{transition:transform .9s cubic-bezier(.22, 1, .36, 1), opacity .6s var(--b-ease);transform:translate(-50%)scaleY(.12)}.hero-b[data-held] .hero-b-lines{transition-duration:.7s,.4s;transform:translate(-50%)scaleY(1)}@keyframes hero-b-level{0%{transform:scaleY(.18)}45%{transform:scaleY(1)}70%{transform:scaleY(.55)}to{transform:scaleY(.85)}}.intro[data-hero=b]{align-self:stretch;overflow-x:clip}@media (prefers-reduced-motion:reduce){.hero-b .hero-b-lines i{animation:none;transform:scaleY(.6)}}@media (max-width:520px){.hero-b .hero-b-lines{display:none}}.hero-b .hero-b-title{margin-top:clamp(28px,5svh,56px)}.hero-b{padding-bottom:clamp(32px,6svh,72px)}
.hero-c{--hc-in:cubic-bezier(.16, 1, .3, 1);--hc-swap:3s}.hero-c .hc-h1{min-height:calc(1.96*clamp(44px,7.2vw,88px));font:700 clamp(44px, 7.2vw, 88px)/.98 var(--display);letter-spacing:-.04em;color:#f5f5f7;place-items:center;margin:0;display:grid}.hero-c .hc-said,.hero-c .hc-head{grid-area:1/1}.hero-c .hc-said{max-width:22ch;font:500 clamp(26px, 3.6vw, 44px)/1.2 var(--display);letter-spacing:-.02em;color:#6e6e73;animation:hc-said-in .7s var(--hc-in) .1s both, hc-said-out .7s cubic-bezier(.5, 0, .2, 1) var(--hc-swap) forwards;display:block}.hero-c .hc-kept,.hero-c .hc-um{color:inherit}.hero-c .hc-kept{animation:1s 2.1s forwards hc-kept;display:inline}.hero-c .hc-um{vertical-align:bottom;white-space:pre;max-width:5em;animation:hc-collapse .65s cubic-bezier(.6, 0, .2, 1) calc(1.95s + var(--f) * 70ms) forwards;display:inline-block;position:relative;overflow:hidden}.hero-c .hc-um:after{content:"";transform-origin:0;height:max(2px,.06em);animation:hc-strike .32s cubic-bezier(.6, 0, .2, 1) calc(.95s + var(--f) * .2s) forwards;background:#a1a1a6;border-radius:1px;position:absolute;top:56%;left:0;right:.28em;transform:scaleX(0)}.hero-c .hc-head{animation:none;display:block}.hero-c .hc-line{color:#f5f5f7;opacity:0;animation:hc-rise .95s var(--hc-in) calc(var(--hc-swap) + .15s + var(--i) * .12s) forwards;display:block}.hero-c .hc-lede{color:#a1a1a6;opacity:0;max-width:46ch;animation:hc-fade .8s ease calc(var(--hc-swap) + .5s) forwards;margin:22px auto 0;font-size:clamp(17px,1.6vw,20px);line-height:1.5}.hero-c .hc-get{opacity:0;animation:hc-fade .8s ease calc(var(--hc-swap) + .65s) forwards;justify-items:center;gap:12px;margin-top:30px;display:grid}.hero-c .hc-get small{color:#a1a1a6;font-size:12.5px}@keyframes hc-said-in{0%{opacity:0;filter:blur(6px);transform:translateY(8px)}}@keyframes hc-said-out{to{opacity:0;filter:blur(10px);transform:translateY(-10px)scale(.98)}}@keyframes hc-strike{to{transform:scaleX(1)}}@keyframes hc-collapse{to{opacity:0;max-width:0}}@keyframes hc-kept{to{color:#d2d2d7}}@keyframes hc-rise{0%{opacity:0;filter:blur(8px);transform:translateY(14px)}to{opacity:1;filter:none;transform:none}}@keyframes hc-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.hero-c .hc-said{display:none}.hero-c .hc-line,.hero-c .hc-lede,.hero-c .hc-get{opacity:1;animation:none}}
.hero-d{justify-items:center;padding-top:clamp(8px,3svh,36px);display:grid}.hero-d .hero-d-title{font:inherit;letter-spacing:normal;margin:0}.hero-d .hero-d-title .hero-d-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;animation:none;position:absolute;overflow:hidden}.hero-d .hero-d-title .hero-d-word{font:700 clamp(120px, 15vw, 200px)/.92 var(--wordmark);letter-spacing:-.04em;color:#f5f5f7;background:linear-gradient(100deg,#f5f5f7 0% 38%,#64d2ff 43%,#5e5ce6 46.5%,#8b7bff 50%,#b9b0ff 52.5%,#ff6fb5 55.5%,#bf5af2 58.5%,#f5f5f7 64% 100%) 100% 0/320% 100% no-repeat;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;padding:0 .04em .06em;animation:1.4s cubic-bezier(.16,1,.3,1) both hero-d-in,11s cubic-bezier(.45,0,.25,1) 1.6s infinite hero-d-sweep;display:block}.hero-d .hero-d-line{max-width:40ch;font:500 clamp(19px, 1.7vw, 24px)/1.4 var(--display);letter-spacing:-.012em;color:#a1a1a6;margin:clamp(18px,2.4svh,28px) auto 0;animation:1.2s cubic-bezier(.16,1,.3,1) .35s both hero-d-in}.hero-d .hero-d-key{vertical-align:.08em;min-width:1.9em;font:600 .78em/1.25 var(--display);letter-spacing:0;color:#f5f5f7;background:#ffffff12;border-radius:.32em;margin:0 .08em;padding:.08em .42em;display:inline-block;box-shadow:inset 0 0 0 1px #ffffff29}.hero-d .hero-d-get{justify-items:center;gap:14px;margin-top:clamp(28px,4svh,44px);animation:1.2s cubic-bezier(.16,1,.3,1) .55s both hero-d-in;display:grid}.hero-d .hero-d-meta{letter-spacing:.005em;color:#86868b;font-size:12.5px}@keyframes hero-d-sweep{0%{background-position:100% 0}55%{background-position:0 0}to{background-position:0 0}}@keyframes hero-d-in{0%{opacity:0;filter:blur(6px);transform:translateY(12px)}}@media (max-width:520px){.hero-d .hero-d-title .hero-d-word{font-size:clamp(88px,27vw,120px)}}@media (prefers-reduced-motion:reduce){.hero-d .hero-d-title .hero-d-word,.hero-d .hero-d-line,.hero-d .hero-d-get{animation:none}.hero-d .hero-d-title .hero-d-word{-webkit-text-fill-color:#f5f5f7;background:0 0}}
.hero-e{--e-body:#f5f5f7;--e-quiet:#a1a1a6;--e-dim:#6e6e73;--e-line:#ffffff1f;text-align:center;max-width:1040px;color:var(--e-body);flex-direction:column;align-items:center;margin:0 auto;display:flex}.hero-e .hero-e__title{font:700 clamp(40px, 5.2vw, 76px)/1.02 var(--display);letter-spacing:-.045em;text-wrap:balance;margin:0}.hero-e .hero-e__title span{display:inline-block}.hero-e .hero-e__title span+span{color:var(--e-quiet)}.hero-e .hero-e__row{border-top:1px solid var(--e-line);grid-template-columns:repeat(3,minmax(0,1fr));width:100%;margin:clamp(32px,4.4vh,48px) 0 0;padding:0;list-style:none;display:grid}.hero-e .hero-e__col{flex-direction:column;align-items:center;padding:24px clamp(16px,2.4vw,36px) 4px;display:flex;position:relative}.hero-e .hero-e__col+.hero-e__col{border-left:1px solid var(--e-line)}.hero-e .hero-e__col:before{content:"";opacity:0;width:56px;height:1px;animation:hero-e-listen 9s var(--out,cubic-bezier(.22, 1, .36, 1)) infinite;animation-delay:calc(var(--i) * 3s + 1.2s);margin-left:-28px;position:absolute;top:-1px;left:50%;transform:scaleX(0)}.hero-e .hero-e__col--dictate:before{background:linear-gradient(90deg,#64d2ff,#5e5ce6)}.hero-e .hero-e__col--rules:before{background:linear-gradient(90deg,#8b7bff,#b9b0ff)}.hero-e .hero-e__col--assist:before{background:linear-gradient(90deg,#ff6fb5,#bf5af2)}.hero-e .hero-e__keys{justify-content:center;align-items:center;gap:6px;height:34px;display:flex}.hero-e .hero-e__keywrap{align-items:center;gap:6px;display:inline-flex}.hero-e .hero-e__plus{font:400 12px/1 var(--display);color:var(--e-dim)}.hero-e .hero-e__kbd{box-sizing:border-box;min-width:34px;height:34px;font:500 13px/1 var(--display);color:#d2d2d7;animation:9s ease-in-out infinite hero-e-press;animation-delay:calc(var(--i) * 3s + 1.2s);background:linear-gradient(#1c1c1f,#141416);border-radius:7px;flex-direction:column;justify-content:space-between;align-items:center;padding:6px 7px 5px;display:inline-flex;position:relative;box-shadow:inset 0 0 0 .5px #ffffff29,inset 0 1px #ffffff12,0 1px #0009}.hero-e .hero-e__kbd:not(.hero-e__kbd--wide){justify-content:center}.hero-e .hero-e__kbd--wide{align-items:flex-end;min-width:46px}.hero-e .hero-e__kbd--wide .hero-e__sym{align-self:flex-end;font-size:12px}.hero-e .hero-e__sub{font:500 8.5px/1 var(--display);letter-spacing:.02em;color:var(--e-quiet);align-self:flex-start}.hero-e .hero-e__name{font:600 19px/1.2 var(--display);letter-spacing:-.02em;color:var(--e-body);align-items:center;gap:7px;margin:18px 0 0;display:inline-flex}.hero-e .hero-e__said{max-width:30ch;font:400 14px/1.45 var(--display);color:var(--e-dim);text-wrap:balance;margin:12px 0 0}.hero-e .hero-e__result{max-width:30ch;font:500 15px/1.45 var(--display);letter-spacing:-.01em;color:var(--e-body);text-wrap:balance;margin:6px 0 0;padding-top:14px;position:relative}.hero-e .hero-e__result:before{content:"";background:var(--e-line);width:1px;height:8px;position:absolute;top:0;left:50%}.hero-e .hero-e__cta{flex-direction:column;align-items:center;gap:12px;margin-top:clamp(28px,4vh,44px);display:flex}.hero-e .hero-e__download{color:#000;height:44px;font:500 16px/1 var(--display);letter-spacing:-.01em;background:#f5f5f7;border-radius:980px;align-items:center;padding:0 24px;text-decoration:none;transition:background-color .2s;display:inline-flex}.hero-e .hero-e__download:hover{background:#fff}.hero-e .hero-e__download:focus-visible{outline-offset:3px;outline:2px solid #64d2ff}.hero-e .hero-e__meta{font:400 12px/1.4 var(--display);color:var(--e-dim);margin:0}.hero-e .hero-e__title,.hero-e .hero-e__col,.hero-e .hero-e__cta{animation:.9s cubic-bezier(.22,1,.36,1) both hero-e-in}.hero-e .hero-e__col{animation-delay:calc(.25s + var(--i) * 80ms)}.hero-e .hero-e__cta{animation-delay:.55s}@keyframes hero-e-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes hero-e-listen{0%{opacity:0;transform:scaleX(0)}6%{opacity:1;transform:scaleX(1)}28%{opacity:1;transform:scaleX(1)}33%,to{opacity:0;transform:scaleX(1)}}@keyframes hero-e-press{0%,33%,to{color:#d2d2d7;transform:none}3%,27%{color:#fff;transform:translateY(1px);box-shadow:inset 0 0 0 .5px #ffffff38,inset 0 1px 2px #00000080}}@media (max-width:760px){.hero-e .hero-e__row{grid-template-columns:1fr}.hero-e .hero-e__col{text-align:left;grid-template-columns:auto 1fr;place-items:start;column-gap:16px;padding:18px 0;display:grid}.hero-e .hero-e__col+.hero-e__col{border-left:0;border-top:1px solid var(--e-line)}.hero-e .hero-e__col:before{transform-origin:0;margin-left:0;left:0}.hero-e .hero-e__keys{grid-row:1/span 3;justify-content:flex-start}.hero-e .hero-e__name{margin:0;font-size:17px}.hero-e .hero-e__said{margin-top:4px;font-size:13px}.hero-e .hero-e__said,.hero-e .hero-e__result{max-width:none}.hero-e .hero-e__result{grid-column:2;margin:2px 0 0;padding-top:0;font-size:14px}.hero-e .hero-e__result:before{content:"→ ";width:auto;height:auto;color:var(--e-dim);background:0 0;position:static}}@media (prefers-reduced-motion:reduce){.hero-e .hero-e__title,.hero-e .hero-e__col,.hero-e .hero-e__cta,.hero-e .hero-e__kbd,.hero-e .hero-e__col:before{animation:none}}