*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{color-scheme:light dark;-webkit-text-size-adjust:100%}body{min-height:100vh;background:var(--page);color:var(--ink);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{display:block;max-width:100%;height:auto}a{color:inherit}ul,ol{list-style:none}:focus-visible{outline:2px solid var(--focus, currentColor);outline-offset:3px}.skip-link{position:absolute;left:1rem;top:-4rem;z-index:10;padding:.5rem 1rem;background:var(--ink);color:var(--page)}.skip-link:focus{top:1rem}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/hanken-grotesk/hanken-grotesk-var.woff2) format("woff2")}@font-face{font-family:Victor Mono;font-style:normal;font-weight:100 700;font-display:swap;src:url(/fonts/victor-mono/victor-mono-var.woff2) format("woff2")}@font-face{font-family:VT323;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/vt323/vt323-400.woff2) format("woff2")}:root{--page: #f5f5f2;--ink: #000000;--text-2: #4f4f4f;--muted: #666666;--divider: #cfcfcb;--hairline: rgba(0, 0, 0, .12);--dot: rgba(0, 0, 0, .14);--frame-dash: rgba(0, 0, 0, .45);--frame-fill: var(--page);--btn-bg: #000000;--btn-text: #ffffff;--chip-bg: rgba(0, 0, 0, .07);--focus: #000000;--key-l: .5;--key-c: .12;--mr-page: #ebeae2;--mr-ink: #000000;--mr-text-2: #585858;--mr-accent: #4a4de6;--mr-chip-bg: #ffffff}@media(prefers-color-scheme:dark){:root{--page: #161616;--ink: #ffffff;--text-2: #b4b4b4;--muted: #9a9a9a;--divider: rgba(255, 255, 255, .14);--hairline: rgba(255, 255, 255, .1);--dot: rgba(255, 255, 255, .12);--frame-dash: rgba(255, 255, 255, .45);--btn-bg: #ffffff;--btn-text: #000000;--chip-bg: rgba(255, 255, 255, .1);--focus: #ffffff;--key-l: .78;--key-c: .11;--mr-page: #292b36;--mr-ink: #ffffff;--mr-text-2: #b0b0b0;--mr-accent: #ff7142;--mr-chip-bg: rgba(255, 255, 255, .12)}}body{font-family:Hanken Grotesk,system-ui,sans-serif;font-size:17px;line-height:1.55}.wrap{max-width:64rem;margin:0 auto;padding:0 24px}.kicker,.label,.logo-name,.header-mail,.footer-nav,.app-status,.app-slot{font-family:Victor Mono,ui-monospace,monospace}.kicker{font-size:clamp(16px,2vw,20px);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-2)}.label{display:flex;align-items:center;gap:12px;margin-bottom:32px;font-size:14px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.label:after{content:"";flex:1;height:1px;background:var(--divider)}.btn{display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 1.5rem;border-radius:9999px;background:var(--btn-bg);color:var(--btn-text);font:500 15.5px/1 Hanken Grotesk,system-ui,sans-serif;text-decoration:none;white-space:nowrap;transition:opacity .12s cubic-bezier(.2,.7,.2,1)}.btn:hover{opacity:.88}.textured{position:relative}.textured>:not(.dot-field){position:relative}.dot-field{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle at center,var(--dot) 0 1.35px,transparent 1.85px);background-size:32px 32px;background-position:center top;-webkit-mask-image:linear-gradient(to right,#000 0,#000 calc(50% - 600px),rgba(0,0,0,.25) calc(50% - 440px),rgba(0,0,0,.25) calc(50% + 440px),#000 calc(50% + 600px),#000 100%),linear-gradient(to bottom,transparent,#000 120px,#000 calc(100% - 160px),transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,#000 0 calc(50% - 600px),#00000040 calc(50% - 440px) calc(50% + 440px),#000 calc(50% + 600px) 100%),linear-gradient(to bottom,transparent,#000 120px,#000 calc(100% - 160px),transparent);mask-composite:intersect}.plus-frame{position:relative;padding:28px;background:var(--frame-fill)}.plus-frame:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(to right,var(--frame-dash) 0 3px,transparent 3px 6px) top / 100% 1px no-repeat,repeating-linear-gradient(to right,var(--frame-dash) 0 3px,transparent 3px 6px) bottom / 100% 1px no-repeat,repeating-linear-gradient(to bottom,var(--frame-dash) 0 3px,transparent 3px 6px) left / 1px 100% no-repeat,repeating-linear-gradient(to bottom,var(--frame-dash) 0 3px,transparent 3px 6px) right / 1px 100% no-repeat}.pf{position:absolute;width:9px;height:9px;pointer-events:none;background:linear-gradient(var(--ink),var(--ink)) center / 9px 1.2px no-repeat,linear-gradient(var(--ink),var(--ink)) center / 1.2px 9px no-repeat,var(--page)}.pf-tl{top:-4px;left:-4px}.pf-tr{top:-4px;right:-4px}.pf-bl{bottom:-4px;left:-4px}.pf-br{bottom:-4px;right:-4px}.header{border-bottom:1px solid var(--hairline);background:var(--page)}.header-row{display:flex;align-items:center;justify-content:space-between;gap:16px;height:64px}.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none}.logo-mark{width:22px;height:22px}.logo-name{font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.header-mail{font-size:13px;color:var(--text-2);text-underline-offset:3px}.header-mail:hover{color:var(--ink)}@media(max-width:520px){.header-mail{display:none}}.intro{padding:96px 0 88px;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.intro-title{margin-top:6px;font-size:clamp(44px,7vw,72px);font-weight:400;line-height:1.05;letter-spacing:-.02em}.verb{position:relative;display:inline-block;min-width:4ch;padding:0;border:0;background:none;color:inherit;font-size:.86em;font-family:Victor Mono,ui-monospace,monospace;font-weight:500;line-height:inherit;letter-spacing:-.02em;white-space:pre;cursor:pointer}.verb-letter{display:inline-block}.verb-letter.is-note{font-weight:700}.verb.is-tuned .verb-letter.is-note,.verb.is-tuned .tuner-needle{color:oklch(var(--key-l) var(--key-c) calc(var(--note-hue, 25) * 1deg));background-color:currentColor}.verb.is-tuned .verb-letter.is-note{background-color:transparent}.verb.is-tuned .verb-letter.is-note,.verb.is-tuned .tuner-needle{transition:color .24s linear,background-color .24s linear}.tuner{position:absolute;left:0;top:-.3em;width:1.6em;height:.22em;pointer-events:none;transform:translate(var(--tuner-x, calc(1.5ch - .8em) ));transition:transform .7s cubic-bezier(.2,.7,.2,1);background:repeating-linear-gradient(to right,var(--divider) 0 1px,transparent 1px .2em) left bottom / 100% .1em no-repeat}.tuner:after{content:"";position:absolute;left:50%;bottom:0;width:1px;height:.22em;background:var(--muted)}.tuner-needle{position:absolute;left:calc(50% - 1.5px);bottom:-.04em;width:3px;height:.3em;border-radius:2px;background:var(--ink)}.tuner-label{position:absolute;left:50%;bottom:1.4em;transform:translate(-50%);font-size:.26em;line-height:1;font-weight:700;letter-spacing:.08em;opacity:0;transition:opacity .16s linear}.verb:hover .tuner-label,.verb:focus-visible .tuner-label{opacity:1}.key{transition:color .7s ease-out}.key.is-lit{color:oklch(var(--key-l) var(--key-c) calc(var(--hue) * 1deg));transition:none}.intro-title{cursor:default}.intro-top{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.sound-toggle{padding:4px 12px;border:1px solid var(--divider);border-radius:9999px;background:none;color:var(--text-2);font-family:Victor Mono,ui-monospace,monospace;font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.sound-toggle:hover{color:var(--ink)}.sound-toggle[aria-pressed=true]{border-color:var(--ink);color:var(--ink)}.sound-toggle[hidden]{display:none}.intro-text{max-width:36rem;margin-top:28px;font-size:19px;color:var(--text-2)}.section{padding:48px 0}.section-last{padding-bottom:120px}.apps{display:grid;gap:28px}@media(min-width:800px){.apps{grid-template-columns:3fr 2fr}}.app{display:flex;flex-direction:column;gap:14px}.app-head{display:flex;align-items:center;gap:12px}.app-status{margin-left:auto;font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.app-text{max-width:28rem;font-size:17px}.app-musairec{--frame-fill: var(--mr-page);color:var(--mr-ink)}.app-musairec .app-status,.app-musairec .app-text{color:var(--mr-text-2)}.app-icon{width:44px;height:44px;border-radius:10px}.mr-wordmark{font-family:VT323,ui-monospace,monospace;font-weight:400;font-synthesis:none;font-size:30px;letter-spacing:.04em;line-height:1}.mr-line{margin-top:10px}.mr-kicker{display:block;font-family:Victor Mono,ui-monospace,monospace;font-weight:700;font-size:15px;letter-spacing:.1em;text-transform:uppercase;color:var(--mr-text-2)}.mr-big{display:block;font-size:clamp(34px,4.4vw,44px);line-height:1.1;letter-spacing:-.02em}.mr-big em{font-style:normal;font-weight:500;color:var(--mr-accent)}.chips{display:flex;flex-wrap:wrap;gap:6px}.chips li{padding:2px 8px;border-radius:6px;background:var(--mr-chip-bg);font-size:12px;font-weight:600;line-height:1.6}.app-btn{align-self:flex-start;margin-top:8px}.app-next{--frame-fill: transparent;min-height:220px}.app-slot{font-size:13px;color:var(--muted)}.app-next-title{margin-top:auto;font-size:28px;font-weight:400;letter-spacing:-.01em;color:var(--text-2)}.app-next .app-text{color:var(--muted)}.about-text{max-width:40rem;font-size:clamp(22px,2.6vw,28px);line-height:1.35;letter-spacing:-.01em}.contact{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px}.contact-text{max-width:26rem;font-size:20px}.footer{padding:36px 0;border-top:1px solid var(--hairline)}.footer-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}.footer-nav{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-2)}.footer-nav a{text-decoration:none}.footer-nav a:hover{text-decoration:underline}