:root{--font-sans:var(--font-die-grotesk-a);--font-text:var(--font-die-grotesk-a);--font-display:var(--font-die-grotesk-b);--font-logotype:var(--font-die-grotesk-d);--opsz-text:var(--font-opsz-16);--opsz-display:var(--font-opsz-36);--bg:var(--color-surface-2);--ink:var(--color-fill-active);--text:var(--color-text);--accent:var(--color-accent);--quiet:#cbccce;--faint:#969698;--note:#b3b3b5;--box:var(--text);--fill:var(--box);--key-fg:#0c0c0c;--key-lit-fg:#eaebed;--tint:6%;--g:max(var(--space-2), calc(100vw * 16 / 1440));--m:var(--g);--colw:calc((100vw - 2 * var(--m) - 4 * var(--g)) / 5);--u:calc(var(--colw) * .25);--r:min(12px, calc(var(--u) * .2));--span:2;--col:calc(5 - var(--span));background:var(--bg)}@media (prefers-color-scheme:dark){:root{--bg:#e52a00;--ink:#0c0c0c;--text:#fff;--accent:#fff;--quiet:#ccc;--faint:#979797;--note:#b4b4b4;--box:#0c0c0c;--fill:var(--box);--key-fg:#fff;--key-lit-fg:#0c0c0c}}@media (min-width:1855px){:root{--span:1}}@media (max-width:888px){:root{--span:3}}@media (max-width:587px){:root{--span:4}}*{box-sizing:border-box}html,body{background:var(--bg);margin:0}body{color:var(--text);font-family:var(--font-text);font-variation-settings:"opsz" var(--opsz-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:1rem;line-height:1.4}.app-root{isolation:isolate}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.stage{background:var(--bg);min-height:100svh;color:var(--text);--view-shift:16px;--view-in:calc(var(--motion-ui-duration-slow) * var(--motion-speed)) var(--motion-ui-easing-out);--enter-start:.36s;--enter-step:.64s;--enter-fade:.56s;--enter-blur:3px;position:relative;overflow:clip}.stage[data-over-letter],.stage[data-stretching]{cursor:ns-resize}.sizer{width:100%;height:calc(100svh - env(safe-area-inset-bottom,0px));pointer-events:none;visibility:hidden;position:absolute;top:0;left:0}.lockup{top:var(--m);left:var(--m);gap:var(--g);display:flex;position:absolute}.lockup svg{width:var(--colw);height:var(--colw);fill:var(--ink);display:block}.lockup .squashed{height:calc(2.75 * var(--u));display:none}.lockup-letter:nth-child(n+4) .sq{display:none}.lockup-letter:nth-child(n+4) .squashed{display:block}@media (max-width:888px){.lockup-letter:nth-child(3) .sq{display:none}.lockup-letter:nth-child(3) .squashed{display:block}}@media (max-width:587px){.lockup-letter:nth-child(2) .sq{display:none}.lockup-letter:nth-child(2) .squashed{display:block}}@media (max-width:442px){.lockup .lockup-letter .sq{display:block}.lockup .lockup-letter .squashed{display:none}}.canvas{pointer-events:none;display:block;position:absolute;top:0;left:0}[data-live] .lockup,.name{display:none}.stage[data-mark=name] .name{top:var(--m);left:var(--m);z-index:1;font-family:var(--font-logotype);font-variation-settings:"opsz" var(--font-opsz-96);font-weight:500;font-size:calc(2.75 * var(--u) / .7);color:var(--text);margin:0;line-height:.75;display:block;position:absolute}.stage[data-mark=name] .lockup{visibility:hidden}.panel{z-index:2;left:calc(var(--m) + var(--col) * (var(--colw) + var(--g)));width:calc(var(--span) * var(--colw) + (var(--span) - 1) * var(--g));bottom:calc(var(--m) + env(safe-area-inset-bottom,0px));background:color-mix(in srgb, var(--text) var(--tint), var(--bg));border-radius:var(--r);color:var(--text);touch-action:none;--lit:var(--text);--body-x:16px;--body-b:12px;--bar-inset:6px;--line-size:clamp(1.125rem, 1vw + .5rem, 1.75rem);--line-h:1.4em;position:absolute}@media (max-width:442px){:root{--r:calc(var(--radius-md) + 6px)}.panel{left:var(--m);right:var(--m);width:auto}}[data-live] .panel{will-change:transform, opacity;background:0 0;border-radius:0;inset:0 auto auto 0}[data-boxed=off] .panel{background:0 0}.stage:not([data-live]) .lockup,.stage:not([data-live]) .panel{opacity:0;--show-anyway:2.5s;animation:show-anyway 0s linear var(--show-anyway) forwards}@keyframes show-anyway{to{opacity:1}}.stage:not([data-boxed=off])[data-panel=solid] .panel{color:var(--bg);--lit:var(--bg)}.stage:not([data-live]):not([data-boxed=off])[data-panel=solid] .panel{background:var(--text)}@media (prefers-color-scheme:dark){.stage:not([data-live]):not([data-boxed=off])[data-panel=solid] .panel{color:var(--text);--lit:var(--text);background:var(--box)}}.stage:not([data-live]):not([data-boxed=off])[data-panel=fill] .panel{background:var(--box)}.panel-shadow{z-index:1;border-radius:var(--r);pointer-events:none;opacity:0;--a:.054;box-shadow:0 1px 1px rgb(0 0 0/var(--a)), 0 2px 2px rgb(0 0 0/var(--a)), 0 4px 4px rgb(0 0 0/var(--a)), 0 8px 8px rgb(0 0 0/var(--a)), 0 16px 16px rgb(0 0 0/var(--a)), 0 32px 32px rgb(0 0 0/var(--a));transition:opacity calc(var(--motion-ui-duration-base) * var(--motion-speed)) var(--motion-ui-easing-out);will-change:transform, opacity;position:absolute;top:0;left:0}.stage:not([data-live]) .panel-shadow{display:none}.stage[data-dragging] .panel-shadow{opacity:1;transition-duration:calc(var(--motion-ui-duration-fast) * var(--motion-speed))}.titlebar{padding:var(--bar-inset);align-items:center;gap:2px;display:flex;position:relative}[data-boxed=off] .titlebar{display:none}.stage:not([data-live]) .key-logo{visibility:hidden}.grip{z-index:1;touch-action:none;fill:currentColor;transition:color calc(var(--motion-ui-duration-base) * var(--motion-speed)) var(--motion-ui-easing-hover);background:0 0;border:0;padding:0;position:relative}.grip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.grip-square{width:24px;height:24px;color:var(--key-fg);background:var(--bg);border-radius:var(--radius-md);cursor:grab;place-items:center;display:grid}.grip-square[hidden]{display:none}[data-dragging] .grip-square{cursor:grabbing}@media (hover:hover) and (pointer:fine){.grip-square:hover{background:color-mix(in srgb, var(--fill) 14%, var(--bg))}}.grip-square svg{width:8px;height:12px}.bar-keys{font-family:var(--font-text);font-size:var(--type-label-size);font-weight:var(--type-label-weight);line-height:var(--type-label-line-height);font-variation-settings:"opsz" var(--opsz-text);flex-wrap:wrap;flex:1;gap:2px;display:flex;position:relative}.key{cursor:default;color:var(--key-fg);background:var(--bg);--color-focus:var(--accent)}@media (hover:hover) and (pointer:fine){.key:hover{background:color-mix(in srgb, var(--fill) 14%, var(--bg))}}.key[aria-current=true],.key[aria-pressed=true]{color:var(--key-lit-fg);background:var(--accent);--color-focus:var(--bg)}.key:focus-visible{z-index:1}.key-x{cursor:pointer;margin-left:auto}.grip-inline{vertical-align:-.04em;width:.5em;height:.8em;color:var(--quiet);border-radius:3px;margin-right:.3em;display:none}[data-dragging] .grip-inline{color:inherit}@media (hover:hover) and (pointer:fine){.grip-inline:hover{color:inherit}}.tagline .grip-inline svg{width:100%;height:100%;display:block}.stage[data-live][data-boxed=off] .grip-inline{display:inline-block}.body{padding:0 var(--body-x) var(--body-b)}.home{padding-top:clamp(var(--space-10), 100vw * 80 / 1440, var(--space-20))}[data-boxed=off] .body{padding:0 0 24px}.tagline{margin:0 0 clamp(var(--space-12), 100vw * 96 / 1440, var(--space-24));text-wrap:pretty;line-height:1.2}.tagline-note{color:var(--note)}.enter{transition:opacity var(--enter-fade) ease-out, filter var(--enter-fade) ease-out;transition-delay:calc(var(--enter-start) + var(--beat,0) * var(--enter-step))}.stage[data-panel-in=waiting] .enter{opacity:0;filter:blur(var(--enter-blur));transition:none}@media (prefers-reduced-motion:reduce){.enter{filter:none;transition:none}}.view{height:var(--view-h,auto);overscroll-behavior:contain;touch-action:pan-y;animation:view-in var(--view-in);outline:none;padding-top:8px;overflow-y:auto}@keyframes view-in{0%{opacity:0;filter:blur(var(--enter-blur));transform:translateX(var(--view-shift))}}.home-back{animation:home-back var(--view-in)}@keyframes home-back{0%{opacity:0;filter:blur(var(--enter-blur));transform:translateX(calc(var(--view-shift) * -1))}}.view-logo{padding-bottom:calc(var(--body-x) - var(--body-b))}@property --fade-top{syntax:"<length>";inherits:false;initial-value:0}@keyframes fade-top{to{--fade-top:24px}}.view-privacy{--fade-bottom:48px;height:calc(var(--view-h) + var(--body-b));margin:0 calc(var(--body-x) * -1) calc(var(--body-b) * -1);padding:8px 20px var(--fade-bottom) var(--body-x);-webkit-mask-image:linear-gradient(to bottom, #0000 0, #00000014 calc(var(--fade-top) * .2), #0000004d calc(var(--fade-top) * .4), #0000009e calc(var(--fade-top) * .6), #000000e0 calc(var(--fade-top) * .8), #000 var(--fade-top), #000 calc(100% - var(--fade-bottom)), #000000e0 calc(100% - var(--fade-bottom) * .8), #0000009e calc(100% - var(--fade-bottom) * .6), #0000004d calc(100% - var(--fade-bottom) * .4), #00000014 calc(100% - var(--fade-bottom) * .2), #0000 100%);mask-image:linear-gradient(to bottom, #0000 0, #00000014 calc(var(--fade-top) * .2), #0000004d calc(var(--fade-top) * .4), #0000009e calc(var(--fade-top) * .6), #000000e0 calc(var(--fade-top) * .8), #000 var(--fade-top), #000 calc(100% - var(--fade-bottom)), #000000e0 calc(100% - var(--fade-bottom) * .8), #0000009e calc(100% - var(--fade-bottom) * .6), #0000004d calc(100% - var(--fade-bottom) * .4), #00000014 calc(100% - var(--fade-bottom) * .2), #0000 100%);font-size:.9375rem}@supports (animation-timeline:scroll()){.view-privacy{animation:view-in var(--view-in), fade-top linear both;animation-timeline:auto,scroll(self);animation-range:normal,0 24px}}@media (prefers-reduced-motion:reduce){.view,.home-back{animation:none}@supports (animation-timeline:scroll()){.view-privacy{animation-name:none,fade-top}}}.waitlist-field{position:relative}.waitlist #waitlist-email{width:100%;height:var(--line-h);padding:0 calc(var(--line-h) + 8px) 0 0;font:inherit;color:inherit;caret-color:#0000;background:0 0;border:0;border-radius:0;outline:none}.waitlist #waitlist-email::placeholder{color:var(--faint)}.waitlist #waitlist-email:autofill{-webkit-text-fill-color:var(--lit);box-shadow:inset 0 0 0 100vmax var(--fill);filter:none}.caret-line{white-space:pre;pointer-events:none;align-items:center;height:100%;display:flex;position:absolute;top:0;left:0}.caret-before{visibility:hidden}.caret{min-width:.55em;height:1.1em;color:var(--fill);background:var(--lit);animation:caret-blink calc(var(--motion-ui-period-caret) * var(--motion-speed)) steps(1) infinite;align-items:center;display:flex}@keyframes caret-blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.caret{animation:none}}.waitlist-key{top:50%;right:calc(var(--bar-inset) - var(--body-x));width:calc(var(--line-h) + 2 * (var(--body-b) - var(--bar-inset)));height:calc(var(--line-h) + 2 * (var(--body-b) - var(--bar-inset)));font-size:var(--line-size);color:var(--fill);background:var(--accent);border-radius:max(2px, calc(var(--r) - var(--bar-inset)));cursor:pointer;transition:opacity calc(var(--motion-ui-duration-base) * var(--motion-speed)) var(--motion-ui-easing-hover), scale calc(var(--motion-ui-spring-press-duration) * var(--motion-speed)) var(--motion-ui-spring-press-easing);border:0;place-items:center;padding:0;display:grid;position:absolute;transform:translateY(-50%)}@media (prefers-reduced-motion:no-preference){.waitlist-key:active:not(:disabled){transition:opacity calc(var(--motion-ui-duration-base) * var(--motion-speed)) var(--motion-ui-easing-hover), scale calc(var(--motion-ui-duration-fast) * var(--motion-speed)) var(--motion-ui-easing-out);scale:.97}}.waitlist .waitlist-key svg,.waitlist-done .waitlist-key svg{fill:none;stroke:currentColor;stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round;width:.95em;height:.95em}#waitlist-email:placeholder-shown~.waitlist-key{color:var(--quiet);pointer-events:none;background:0 0}.waitlist-key:disabled{opacity:.5;cursor:progress}.waitlist-key:focus-visible{z-index:1;outline:2px solid var(--bg);outline-offset:2px}.waitlist-status{min-height:1.4em;margin:8px 0 0;font-size:.875rem}.waitlist-status:empty{min-height:0;margin:0}.waitlist-fix{font:inherit;color:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.waitlist-fix:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.waitlist-done{min-height:var(--line-h);padding-right:calc(var(--line-h) + 8px);line-height:var(--line-h);white-space:pre-wrap;overflow-wrap:anywhere;color:inherit;--blink-out:.42s;--blink-in:.3s;--blink-in-at:.48s;margin:0;position:relative}.tagline,.waitlist #waitlist-email,.caret-line,.waitlist-done{font-family:var(--font-display);font-variation-settings:"opsz" var(--opsz-display);font-size:var(--line-size);letter-spacing:clamp(0px,1.06667px - .0666667vw,.4px)}.done-key{top:calc(var(--line-h) / 2);animation:blink-out var(--blink-out) steps(1) forwards}.done-rest{opacity:0;animation:blink-in var(--blink-in) steps(1) var(--blink-in-at) forwards}@keyframes blink-out{0%,33%,67%{opacity:1}17%,50%,84%,to{opacity:0}}@keyframes blink-in{0%,50%{opacity:1}25%,75%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.done-key{opacity:0;animation:none}.done-rest{opacity:1;animation:none}}.hp{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.prose h1{font-family:var(--font-display);font-weight:400}.prose{max-width:36rem;margin:0 auto;padding:48px 16px}.prose a{color:inherit}.notice{max-width:60ch;color:var(--notice-body,var(--quiet));line-height:1.55}.notice-updated{color:var(--notice-quiet,var(--note))}.notice-section h2{font:inherit;color:var(--notice-head,var(--lit));margin:2em 0 .5em}.notice p,.notice ul{margin:0 0 1.1em}.notice ul{padding-left:1.2em}.notice li+li{margin-top:.6em}.notice strong{font-weight:inherit;color:var(--notice-head,var(--lit))}.notice a{color:inherit;font-weight:var(--type-label-weight);-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent);text-underline-offset:.18em;transition:color calc(var(--motion-ui-duration-base) * var(--motion-speed)) var(--motion-ui-easing-hover), text-decoration-thickness calc(var(--motion-ui-duration-base) * var(--motion-speed)) var(--motion-ui-easing-hover);text-decoration-thickness:.08em}@media (hover:hover) and (pointer:fine){.notice a:hover{color:var(--notice-head,var(--lit));text-decoration-thickness:.16em}}.prose .notice{--notice-head:var(--color-text);--notice-body:color-mix(in srgb, var(--color-text) 78%, var(--bg));--notice-quiet:var(--color-text-secondary)}@media (prefers-color-scheme:dark){.prose .notice{--notice-head:var(--text);--notice-body:var(--text);--notice-quiet:color-mix(in srgb, var(--text) 75%, var(--bg))}}.press-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(0,1fr);gap:12px;height:100%;margin:0;padding:0;list-style:none;display:grid}.press-item{height:100%;color:inherit;outline:none;text-decoration:none;display:grid}.press-card{background:var(--color-bg);border-radius:max(6px, calc(var(--r) * .6));border:3px solid #fff;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.press-card[data-version=transparent]{background:repeating-conic-gradient(var(--color-surface-3) 0 25%, var(--color-bg) 0 50%) 0 0 / 12px 12px}.press-card[data-version=red]{background:var(--color-accent)}.press-card[data-version=black]{background:var(--color-text)}.press-card img{object-fit:contain;width:62%;max-height:50%;display:block}.press-card[data-version=black] img{filter:invert()}.press-label{font-family:var(--font-text);color:var(--color-text-secondary);font-size:10px;line-height:1;position:absolute;bottom:4px}.press-caption{left:6px}.press-format{right:6px}.press-card[data-version=red] .press-label{color:var(--color-text)}.press-card[data-version=black] .press-label{color:var(--color-text-tertiary)}@media (hover:hover) and (pointer:fine){.press-item:hover .press-caption{color:var(--color-text)}.press-item:hover .press-card[data-version=black] .press-caption{color:#fff}}.press-item:focus-visible .press-card{outline:2px solid var(--accent);outline-offset:2px}.nf{height:100svh;min-height:420px;color:var(--text);background:var(--bg);position:relative;overflow:hidden}.nf-canvas{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.nf[data-over-cube]{cursor:grab}.nf[data-dragging]{cursor:grabbing;-webkit-user-select:none;user-select:none}.nf-home{left:var(--m);bottom:var(--m);font-family:var(--font-display);font-variation-settings:"opsz" var(--font-opsz-48);color:inherit;font-size:clamp(1.75rem,3.6vw,4rem);font-weight:400;line-height:1;text-decoration:none;position:absolute}@media (hover:hover) and (pointer:fine){.nf-home:hover{text-underline-offset:.12em;text-decoration:underline;text-decoration-thickness:.06em}}@media (max-width:587px){.nf-home{bottom:auto;left:50%;top:calc(var(--below,calc(50% + .198 * min(100vw, 100svh))) + 1.5em);white-space:nowrap;translate:-50%}}.nf-home:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:2px}
@font-face{font-family:dieGroteskA;src:url(../media/die_grotesk_a_regular-s.p.19w0gukclj2bj.woff2)format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:dieGroteskA;src:url(../media/die_grotesk_a_medium-s.p.16_t5pn--sbj2.woff2)format("woff2");font-display:swap;font-weight:500;font-style:normal}@font-face{font-family:dieGroteskA Fallback;src:local(Arial);ascent-override:91.3%;descent-override:19.83%;line-gap-override:0.0%;size-adjust:101.86%}._2QWjdG_className{font-family:dieGroteskA,dieGroteskA Fallback}._2QWjdG_variable{--font-die-grotesk-a:"dieGroteskA", "dieGroteskA Fallback"}
@font-face{font-family:dieGroteskB;src:url(../media/die_grotesk_b_regular-s.p.22rxn_ims5wcb.woff2)format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:dieGroteskB Fallback;src:local(Arial);ascent-override:96.12%;descent-override:20.88%;line-gap-override:0.0%;size-adjust:96.75%}.rad1Aq_className{font-family:dieGroteskB,dieGroteskB Fallback;font-style:normal;font-weight:400}.rad1Aq_variable{--font-die-grotesk-b:"dieGroteskB", "dieGroteskB Fallback"}
@font-face{font-family:dieGroteskD;src:url(../media/die_grotesk_d_medium-s.2dmgffiomt6_1.woff2)format("woff2");font-display:swap;font-weight:500;font-style:normal}@font-face{font-family:dieGroteskD Fallback;src:local(Arial);ascent-override:103.9%;descent-override:22.57%;line-gap-override:0.0%;size-adjust:89.51%}.Fu90IG_className{font-family:dieGroteskD,dieGroteskD Fallback;font-style:normal;font-weight:500}.Fu90IG_variable{--font-die-grotesk-d:"dieGroteskD", "dieGroteskD Fallback"}