:root{--bg:#0d0c0b;--bg-2:#100f0d;--surface:#161412;--surface-2:#1c1a17;--surface-3:#252220;--border:#2a2622;--border-strong:#3a352f;--text:#f5f2ec;--text-muted:#9a948a;--text-dim:#6b665e;--accent:#e8a838;--accent-bright:#f2bd5a;--accent-deep:#c98a1f;--accent-soft:#e8a83824;--accent-line:#e8a83847;--success:#7cb87c;--ink-on-accent:#1a1408;--shadow:0 1px 2px #0000004d, 0 10px 30px #00000059;--shadow-lg:0 8px 24px #0006, 0 40px 80px #0000008c;--glow:0 0 80px -20px #e8a83873;--radius:16px;--radius-sm:10px;--radius-lg:24px;--maxw:1120px;--font:"DM Sans", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--focus-bg:#141210;--focus-bg-2:#1b1814;--focus-text:#f5f2ec;--focus-pending:#6b665e80;--focus-dim:#9a948a;--focus-incorrect:#e2937f;--focus-incorrect-bg:#d6604a2e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark only;font-family:var(--font);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-size:17px;line-height:1.55}*,:before,:after{box-sizing:border-box}body{background:radial-gradient(120% 90% at 50% -10%, #e8a8381a, transparent 55%), radial-gradient(80% 60% at 85% 8%, #e8a8380d, transparent 60%), linear-gradient(180deg, var(--bg) 0%, var(--bg-2) 60%, #000 100%);background-attachment:fixed;min-height:100svh;margin:0;overflow-x:hidden}#root{min-height:100svh}::selection{background:var(--accent-soft);color:var(--text)}a{color:var(--accent);text-underline-offset:3px;text-decoration-thickness:1px;transition:color .15s}a:hover{color:var(--accent-bright)}.shell{min-height:100svh;max-width:var(--maxw);flex-direction:column;margin:0 auto;padding:0 clamp(1rem,4vw,2rem);display:flex}.header{z-index:20;background:color-mix(in srgb, var(--bg) 78%, transparent);-webkit-backdrop-filter:blur(14px)saturate(140%);border-bottom:1px solid color-mix(in srgb, var(--border) 80%, transparent);padding:.8rem 0;position:sticky;top:0}.header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;display:flex}.brand{letter-spacing:-.02em;color:var(--text);align-items:center;gap:.55rem;font-size:1.2rem;font-weight:700;text-decoration:none;display:inline-flex}.brand:hover{color:var(--text)}.brand-mark{border-radius:8px;flex-shrink:0;display:block;box-shadow:0 2px 8px #00000080}.header-cta{background:var(--accent);color:var(--ink-on-accent);border-radius:999px;align-items:center;gap:.4rem;padding:.5rem 1.15rem;font-size:.85rem;font-weight:700;text-decoration:none;transition:background .15s,transform .1s,box-shadow .2s;display:inline-flex}.header-cta:hover{background:var(--accent-bright);color:var(--ink-on-accent);transform:translateY(-1px);box-shadow:0 6px 20px -6px #e8a83899}.header-cta:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.nav ul{flex-wrap:wrap;gap:.35rem 1.5rem;margin:0;padding:0;list-style:none;display:flex}.nav-link{color:var(--text-muted);letter-spacing:.01em;border-bottom:2px solid #0000;padding:.35rem 0;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .15s,border-color .15s}.nav-link:hover{color:var(--text)}.nav-link.active{color:var(--text);border-bottom-color:var(--accent);font-weight:600}.main{flex:1;padding:clamp(2rem,6vw,4rem) 0 clamp(2.5rem,8vw,4.5rem)}.footer{border-top:1px solid var(--border);margin-top:auto;padding:2.5rem 0}.footer-inner{text-align:center}.footer-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem .5rem;margin-bottom:.75rem;font-size:.88rem;display:flex}.footer-links a{color:var(--text-muted);font-weight:500;text-decoration:none}.footer-links a:hover{color:var(--text)}.footer-dot{color:var(--border-strong);-webkit-user-select:none;user-select:none}.footer-copy{color:var(--text-dim);margin:0;font-size:.85rem}.footer-copy a{color:var(--text-muted);text-decoration:none}.footer-copy a:hover{color:var(--text)}.page{max-width:40rem;margin:0 auto}.home{max-width:none}.eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.22em;color:var(--accent);margin:0 0 1rem;font-size:.72rem;font-weight:500}.hero{text-align:center;padding:clamp(1.5rem,5vw,3rem) 0 clamp(1.5rem,4vw,2.5rem)}.hero-title{letter-spacing:-.035em;max-width:15ch;color:var(--text);text-wrap:balance;overflow-wrap:break-word;margin:0 auto 1.25rem;font-size:clamp(2.3rem,8.5vw,5rem);font-weight:700;line-height:1.06}.hero-accent{color:var(--accent)}.lede{color:var(--text-muted);max-width:34rem;margin:0 auto;font-size:1.18rem;line-height:1.6}.hero-cta{flex-direction:column;align-items:center;gap:.7rem;margin-top:2rem;display:flex}.proof{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 60%, transparent);max-width:48rem;color:var(--text-muted);text-align:center;border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem 1.1rem;margin:0 auto clamp(3rem,8vw,5rem);padding:1rem 1.25rem;font-size:.9rem;display:flex}.proof-item{align-items:center;gap:.4rem;display:inline-flex}.proof-item strong{color:var(--text);font-weight:650}.proof-icon{width:16px;height:16px;color:var(--accent)}.proof-dot{color:var(--border-strong);-webkit-user-select:none;user-select:none}.section-head{text-align:center;max-width:38rem;margin:0 auto clamp(2rem,5vw,3rem)}.section-title{letter-spacing:-.025em;color:var(--text);margin:0 0 .8rem;font-size:clamp(1.8rem,4.5vw,2.7rem);font-weight:700;line-height:1.1}.section-lede{color:var(--text-muted);max-width:34rem;margin:0 auto;font-size:1.05rem;line-height:1.6}.feature-row{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,6vw,5rem);margin-bottom:clamp(3.5rem,9vw,6rem);display:grid}.feature-row.is-reversed .feature-copy{order:2}.feature-copy{text-align:left}.feature-copy .section-title{margin-bottom:.7rem;font-size:clamp(1.7rem,4vw,2.4rem)}.feature-copy .section-lede{max-width:30rem;margin:0 0 1.8rem}.feature-list{flex-direction:column;gap:1.1rem;margin:0;padding:0;list-style:none;display:flex}.feature-item{align-items:flex-start;gap:.9rem;display:flex}.feature-item-icon{background:var(--surface-2);border:1px solid var(--border);width:42px;height:42px;color:var(--accent);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.feature-item-icon svg{width:22px;height:22px}.feature-item strong{color:var(--text);margin-bottom:.15rem;font-size:1rem;display:block}.feature-item p{color:var(--text-muted);margin:0;font-size:.92rem;line-height:1.5}.feature-art{justify-content:center;display:flex}.device{width:268px;max-width:78vw;box-shadow:var(--shadow-lg), inset 0 0 0 1px #ffffff0f;background:linear-gradient(155deg,#34302a 0%,#16140f 45%,#0a0908 100%);border-radius:42px;padding:9px}.device.is-tilted{transform:rotate(-2deg)}.device-screen{aspect-ratio:1320/2868;background:#000;border-radius:33px;position:relative;overflow:hidden}.device-screen img{object-fit:cover;width:100%;height:100%;display:block}.device-notch{z-index:2;background:#000;border-radius:999px;width:32%;height:17px;position:absolute;top:9px;left:50%;transform:translate(-50%)}.device-glow{position:relative}.device-glow:before{content:"";z-index:-1;background:radial-gradient(60% 50% at 50% 40%, var(--glow-color,#e8a83866), transparent 70%);filter:blur(20px);opacity:.7;position:absolute;inset:-12% -8% -4%}.themes{margin-bottom:clamp(3.5rem,9vw,6rem)}.theme-shots{perspective:1200px;justify-content:center;align-items:flex-end;gap:clamp(.75rem,3vw,2rem);margin-bottom:clamp(2rem,5vw,3rem);display:flex}.theme-shots .device{width:220px}.theme-shots .device:first-child{transform:rotate(-4deg)translateY(8px)}.theme-shots .device:nth-child(3){transform:rotate(4deg)translateY(8px)}.theme-shots .device:nth-child(2){z-index:2}.themes-grid{grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:.85rem;max-width:60rem;margin:0 auto;display:grid}.swatch{border-radius:var(--radius);border:1px solid var(--border);flex-direction:column;justify-content:space-between;min-height:116px;padding:1rem 1rem .85rem;transition:transform .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden}.swatch:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.swatch-glyph{font-family:var(--font-mono);font-size:1.5rem;font-weight:600;line-height:1}.swatch-glyph:after{content:"";vertical-align:.06em;background:currentColor;border-radius:1px;width:.62em;height:.16em;margin-left:.12em;display:inline-block}.swatch-meta{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.swatch-name{font-size:.92rem;font-weight:600}.swatch-tag{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;opacity:.7;border:1px solid;border-radius:999px;padding:.15rem .45rem;font-size:.58rem;font-weight:500}.pro-panel{border-radius:var(--radius-lg);background:radial-gradient(120% 120% at 12% 0%, #e8a83829, transparent 55%), linear-gradient(160deg, var(--surface-2), var(--bg));box-shadow:var(--shadow-lg);border:1px solid var(--accent-line);margin-bottom:clamp(3rem,7vw,5rem);padding:clamp(2.25rem,5vw,3.5rem) clamp(1.5rem,4vw,3rem)}.pro-inner{text-align:center;max-width:42rem;margin:0 auto}.pro-eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.22em;color:var(--accent);margin:0 0 .7rem;font-size:.72rem;font-weight:500}.pro-title{letter-spacing:-.03em;color:var(--text);margin:0 0 .6rem;font-size:clamp(1.9rem,5vw,2.9rem);font-weight:700;line-height:1.06}.pro-subtitle{color:var(--text-muted);max-width:34rem;margin:0 auto 2rem;font-size:1.05rem}.pro-features{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem 1.5rem;margin:0 0 2rem;padding:0;list-style:none;display:grid}.pro-features li{color:var(--text);align-items:center;gap:.6rem;font-size:.96rem;font-weight:500;display:flex}.pro-check{width:18px;height:18px;color:var(--accent);flex-shrink:0}.pro-foot{border-top:1px solid var(--border);color:var(--text-dim);text-align:left;justify-content:center;align-items:flex-start;gap:.55rem;margin:0;padding-top:1.5rem;font-size:.88rem;line-height:1.5;display:flex}.pro-foot-icon{width:18px;height:18px;color:var(--accent);flex-shrink:0;margin-top:.1rem}.final-cta{text-align:center;margin-bottom:3rem;padding:clamp(2rem,5vw,3rem) 1.5rem}.final-cta h2{letter-spacing:-.025em;margin:0 0 .5rem;font-size:clamp(1.6rem,4vw,2.4rem);font-weight:700}.final-cta p{color:var(--text-muted);max-width:30rem;margin:0 auto 1.4rem}.home-footer{justify-content:center;gap:1.5rem;padding-bottom:1rem;font-size:.84rem;display:flex}.home-footer a{color:var(--text-muted);font-weight:500;text-decoration:none}.home-footer a:hover{color:var(--text)}.app-store-badge{border-radius:8px;transition:transform .2s,box-shadow .2s;display:inline-flex}.app-store-badge:hover{transform:translateY(-1px)}.app-store-badge:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.app-store-badge img{width:auto;height:44px;display:block}.cta-note{color:var(--text-muted);letter-spacing:.01em;margin:0;font-size:.88rem}.cta-note strong{color:var(--text);font-weight:700}.button{cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;padding:.7rem 1.5rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:background .15s,transform .1s,box-shadow .2s;display:inline-flex}.button.primary{background:var(--accent);color:var(--ink-on-accent)}.button.primary:hover{background:var(--accent-bright);color:var(--ink-on-accent);transform:translateY(-1px);box-shadow:0 6px 20px -6px #e8a83899}.button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.lede.tight{text-align:left;max-width:none;margin-bottom:1.25rem}.prose h1{letter-spacing:-.03em;margin:0 0 .35rem;font-size:clamp(1.9rem,4vw,2.4rem);font-weight:700;line-height:1.12}.prose .meta{color:var(--text-dim);margin:0 0 1.75rem;font-size:.88rem}.prose h2{color:var(--text);letter-spacing:-.01em;margin:2rem 0 .65rem;font-size:1.05rem;font-weight:700}.prose p,.prose ul{color:var(--text-muted);margin:0 0 1rem}.prose ul{padding-left:1.25rem}.prose li{margin-bottom:.35rem}.prose strong{color:var(--text);font-weight:650}.faq dt{color:var(--text);margin-top:1.25rem;font-weight:650}.faq dt:first-child{margin-top:0}.faq dd{color:var(--text-muted);margin:.35rem 0 0}.typetest{text-align:left;max-width:44rem;margin:clamp(1.75rem,4vw,2.5rem) auto 0}.typetest-bar{justify-content:center;gap:clamp(1.75rem,7vw,3.5rem);margin-bottom:.85rem;display:flex}.typetest-stat{flex-direction:column;align-items:center;gap:.1rem;display:flex}.typetest-stat-value{font-family:var(--font-mono);color:var(--text);font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:600;line-height:1}.typetest-stat.is-emphasis .typetest-stat-value{color:var(--accent);font-size:1.9rem}.typetest-stat-label{text-transform:uppercase;letter-spacing:.14em;color:var(--text-dim);font-size:.62rem;font-weight:600}.typetest-paper{background:radial-gradient(120% 100% at 0% 0%, #e8a83814, transparent 60%), linear-gradient(165deg, var(--focus-bg-2), var(--focus-bg));border:1px solid var(--border);box-shadow:var(--shadow-lg), var(--glow);border-radius:18px;min-height:200px;padding:clamp(1.25rem,4vw,2rem);position:relative;overflow:hidden}.typetest-text{font-family:var(--font-mono);letter-spacing:.01em;color:var(--focus-pending);white-space:pre-wrap;word-break:break-word;-webkit-user-select:none;user-select:none;z-index:1;margin:0;font-size:clamp(1.05rem,2.5vw,1.32rem);line-height:1.95;position:relative}.typetest-char{transition:color 60ms linear}.typetest-char.is-pending{color:var(--focus-pending)}.typetest-char.is-correct,.typetest-char.is-current{color:var(--focus-text)}.typetest-char.is-incorrect{color:var(--focus-incorrect);background:var(--focus-incorrect-bg);border-radius:3px}.typetest-caret{background:var(--accent);vertical-align:-.18em;border-radius:1px;width:2px;height:1.15em;margin-right:-2px;animation:1.05s infinite caret-blink;display:inline-block}@keyframes caret-blink{0%,45%{opacity:1}55%,to{opacity:0}}.typetest-input{color:#0000;caret-color:#0000;-webkit-text-fill-color:transparent;width:100%;height:100%;font:inherit;cursor:text;z-index:2;background:0 0;border:none;outline:none;margin:0;padding:0;position:absolute;inset:0}.typetest-overlay{z-index:3;background:color-mix(in srgb, var(--focus-bg) 28%, transparent);-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);cursor:text;border:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.typetest-overlay span{background:var(--accent-soft);border:1px solid var(--accent-line);color:var(--text);font-family:var(--font);border-radius:999px;padding:.5rem 1.05rem;font-size:.85rem;font-weight:550}.typetest-progress{z-index:4;background:#f5f2ec14;height:3px;position:absolute;bottom:0;left:0;right:0}.typetest-progress span{background:var(--accent);height:100%;transition:width .15s;display:block}.typetest-controls{text-align:center;color:var(--text-muted);margin-top:.85rem;font-size:.85rem}.typetest-controls-dot{color:var(--border-strong);margin:0 .5rem}.link-button{appearance:none;font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;transition:color .15s}.link-button:hover{color:var(--accent-bright)}.link-button:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.typetest-result{text-align:center;flex-direction:column;align-items:center;gap:.85rem;animation:.3s both result-in;display:flex}@keyframes result-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.result-headline{flex-direction:column;align-items:center;display:flex}.result-wpm{font-family:var(--font-mono);color:var(--accent);font-variant-numeric:tabular-nums;font-size:clamp(3rem,11vw,4.5rem);font-weight:600;line-height:1}.result-wpm-label{text-transform:uppercase;letter-spacing:.18em;color:var(--text-dim);font-size:.65rem;font-weight:600}.result-grid{justify-content:center;gap:clamp(1.25rem,6vw,2.5rem);display:flex}.result-stat{flex-direction:column;align-items:center;gap:.15rem;display:flex}.result-stat-value{font-family:var(--font-mono);color:var(--focus-text);font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:600}.result-stat-label{text-transform:uppercase;letter-spacing:.12em;color:var(--text-dim);font-size:.6rem;font-weight:600}.result-trouble{margin-top:.25rem}.result-trouble-label{color:var(--text-dim);margin:0 0 .6rem;font-size:.88rem}.result-clean{color:var(--accent);margin:.25rem 0 0;font-weight:550}.result-pitch{max-width:30rem;color:var(--text-muted);margin:.3rem auto 0;font-size:.92rem;line-height:1.55}.result-cta{flex-direction:column;align-items:center;gap:.6rem;margin-top:.4rem;display:flex}.result-actions{gap:1.25rem;display:flex}kbd{font-family:var(--font-mono);background:var(--accent-soft);border:1px solid var(--accent-line);color:var(--text);border-radius:5px;margin:0 .1rem;padding:.05rem .4rem;font-size:.85em;display:inline-block}.kbd{font-family:var(--font-mono);flex-direction:column;align-items:center;gap:.3rem;display:flex}.kbd-row{justify-content:center;gap:.3rem;display:flex}.kbd-key{width:1.7rem;height:1.7rem;color:var(--text-dim);background:#f5f2ec0d;border:1px solid #f5f2ec0a;border-radius:6px;place-items:center;font-size:.78rem;display:grid}.kbd-space{width:8rem}.kbd-key[data-mark=error]{color:#fff;background:#c8553d;border-color:#c8553d}.kbd-key[data-mark=slow]{color:#1a1813;background:#cf8a3f;border-color:#cf8a3f}.kbd-key[data-mark=warm]{background:var(--accent-soft);border-color:var(--accent-line);color:var(--text)}@media (width<=860px){.feature-row{text-align:center;grid-template-columns:1fr;justify-items:center}.feature-row .feature-copy,.feature-row.is-reversed .feature-copy{text-align:center;order:2}.feature-art{order:1}.feature-copy .section-lede{margin-inline:auto}.feature-list{text-align:left;max-width:26rem;margin-inline:auto}.theme-shots .device{width:150px}}@media (width<=700px){.header-inner{flex-direction:column;align-items:flex-start}.nav ul{gap:.5rem 1rem}.pro-features{grid-template-columns:1fr;max-width:22rem;margin-inline:auto}.theme-shots{display:none}}