:root{--bg:#fbfbfa;--surface:#fff;--sunk:#f2f2ef;--ink:#171716;--muted:#74746f;--faint:#a9a9a3;--line:#e9e9e5;--accent:#f2603f;--live:#1f9d55;--wip:#c46a14;--lab:#8b5cf6;--font:"Geist", ui-sans-serif, system-ui, -apple-system, sans-serif;--mono:"Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--serif:"Instrument Serif", ui-serif, Georgia, serif;--col:640px;color-scheme:light dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not(.theme-light){--bg:#0c0c0d;--surface:#141415;--sunk:#19191b;--ink:#ededeb;--muted:#8f8f8a;--faint:#5b5b57;--line:#232325;--accent:#ff7552;--live:#4ccf82;--wip:#eaa04f;--lab:#b49cff;color-scheme:dark}}:root[data-theme=dark]:not(.theme-light),:root.theme-dark{--bg:#0c0c0d;--surface:#141415;--sunk:#19191b;--ink:#ededeb;--muted:#8f8f8a;--faint:#5b5b57;--line:#232325;--accent:#ff7552;--live:#4ccf82;--wip:#eaa04f;--lab:#b49cff;color-scheme:dark}:root[data-theme=light]:not(.theme-dark),:root.theme-light{color-scheme:light}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{background:var(--bg);color:var(--ink);font:400 15px/1.65 var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}::selection{background:var(--accent);color:#fff}h1,h2,h3,p,dl,dd,figure{margin:0}h1,h2,h3{letter-spacing:-.015em;text-wrap:balance;font-weight:500}.muted{color:var(--muted)}.small{font-size:13px}.page{max-width:calc(var(--col) + 48px);margin:0 auto;padding:0 24px}.ink-link{color:var(--ink);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px;text-decoration-thickness:1px;transition:text-decoration-color .2s}.ink-link:hover{text-decoration-color:var(--ink)}.site-header{justify-content:space-between;align-items:center;padding:40px 0 0;font-size:14px;display:flex}.wordmark{font-weight:500}.site-nav{color:var(--muted);align-items:center;gap:20px;display:flex}.site-nav a{transition:color .2s}.site-nav a:hover{color:var(--ink)}.theme-toggle{width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;margin:-6px -6px -6px 0;padding:0;transition:color .2s,background .2s;display:inline-grid}.theme-toggle:hover{color:var(--ink);background:var(--sunk)}.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.theme-toggle svg{width:17px;height:17px}.theme-toggle .moon,:root[data-theme=dark]:not(.theme-light) .theme-toggle .sun,:root.theme-dark .theme-toggle .sun{display:none}:root[data-theme=dark]:not(.theme-light) .theme-toggle .moon,:root.theme-dark .theme-toggle .moon{display:block}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not(.theme-light) .theme-toggle .sun{display:none}:root:not([data-theme=light]):not(.theme-light) .theme-toggle .moon{display:block}}.intro{gap:16px;padding:96px 0 72px;display:grid}.intro h1{letter-spacing:-.03em;margin-bottom:8px;font-size:clamp(28px,5vw,36px);line-height:1.15}.intro h1 em{font:italic 400 1.12em/1 var(--serif);letter-spacing:-.01em;color:var(--accent);padding-right:.04em}.intro p{max-width:560px}.block{padding:0 0 64px}.label{font:500 13px/1 var(--font);color:var(--muted);letter-spacing:0;margin-bottom:16px}.projects{gap:2px;margin:0 -14px;padding:0;list-style:none;display:grid}.project{position:relative}.project>a,.p-row{border-radius:12px;grid-template-columns:36px 1fr auto;gap:16px;padding:14px;transition:background .2s;display:grid}.project>a:hover{background:var(--sunk)}.p-icon{border-radius:9px;width:36px;height:36px}.p-main{gap:2px;min-width:0;display:grid}.p-title{align-items:center;gap:10px;font-weight:500;display:flex}.p-lead{color:var(--ink)}.p-why{color:var(--muted);font-size:14px}.p-arrow{color:var(--faint);align-self:center;transition:transform .25s,color .25s}.project>a:hover .p-arrow{color:var(--ink);transform:translate(3px)}.state{font:400 12px/1 var(--mono);color:var(--faint);align-items:center;gap:5px;display:inline-flex}.state:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.state-live{color:var(--live)}.state-wip{color:var(--wip)}.state-lab,.tag-lab{color:var(--lab)}.tags{flex-wrap:wrap;gap:4px 6px;margin-top:8px;display:flex}.tags span{font:400 11.5px/1 var(--mono);color:var(--muted);background:var(--sunk);border-radius:6px;padding:5px 7px}.project>a:hover .tags span{background:var(--bg)}.p-icon-lab{background:var(--sunk);padding:0;overflow:visible}.p-icon-lab .b{fill:none;stroke:var(--faint);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;animation:4s linear infinite light}.p-icon-lab .b-tri{--c:#3dbf8a}.p-icon-lab .b-cir{--c:#ff5a5f;animation-delay:1s}.p-icon-lab .b-x{--c:#5b8def;animation-delay:2s}.p-icon-lab .b-sq{--c:#d77fd6;animation-delay:3s}@keyframes light{0%,22%{stroke:var(--c)}28%,to{stroke:var(--faint)}}.ring{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--accent) 40%, transparent);opacity:0;border-radius:50%;width:110px;animation:3.6s ease-out infinite ring;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ring:nth-child(2){animation-delay:1.2s}.ring:nth-child(3){animation-delay:2.4s}@keyframes ring{0%{opacity:.9;transform:translate(-50%,-50%)scale(.6)}to{opacity:0;transform:translate(-50%,-50%)scale(2.4)}}.pairs{display:grid}.pairs div{border-top:1px solid var(--line);grid-template-columns:180px 1fr;gap:16px;padding:12px 0;display:grid}.pairs div:last-child{border-bottom:1px solid var(--line)}.pairs dt{font-weight:500}.pairs dd{color:var(--muted)}.site-footer{gap:28px;padding:24px 0 48px;display:grid}.site-footer p{max-width:520px}.footer-links{color:var(--muted);flex-wrap:wrap;gap:6px 18px;font-size:14px;display:flex}.footer-links a:hover{color:var(--ink)}.footer-meta{font:400 12px/1 var(--mono);color:var(--faint);justify-content:space-between;gap:16px;display:flex}.continuo-art{background:radial-gradient(60% 70% at 50% 45%,#3a1a10 0%,#150d0d 55%,#0b090b 100%);justify-content:center;align-items:center;padding:0 5%;display:flex;position:absolute;inset:0;overflow:hidden;container-type:inline-size}.continuo-art-hero{aspect-ratio:16/9;position:relative}.ca-glow{aspect-ratio:1;filter:blur(10px);background:radial-gradient(circle,#ff6e3c47,#0000 65%);border-radius:50%;width:46%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ca-mac{z-index:1;aspect-ratio:16/10.5;background:linear-gradient(160deg,#2a2230,#191520 70%);border:1px solid #ffffff17;border-radius:2.4cqw;flex:1;position:relative;overflow:hidden;box-shadow:0 30px 60px -20px #000c;container-type:inline-size}.ca-bar{color:#ffffff8c;background:#ffffff0d;align-items:center;gap:3.2cqw;height:7.5cqw;padding:0 4cqw;font-size:3.3cqw;display:flex}.ca-bar b{color:#fff;font-weight:600}.ca-bar em{margin-left:auto;font-style:normal}.ca-apple{background:#ffffffb3;border-radius:40% 40% 50% 50%;width:2.6cqw;height:3cqw}.ca-window{background:#232027;border:1px solid #ffffff1a;border-radius:2.4cqw;padding-bottom:5cqw;position:absolute;top:22%;left:9%;right:9%;box-shadow:0 16px 30px -10px #000000b3}.ca-chrome{color:#ffffff8c;border-bottom:1px solid #ffffff12;align-items:center;gap:1.6cqw;height:9cqw;padding:0 4cqw;font-size:3.4cqw;display:flex}.ca-chrome i{background:#ff5f57;border-radius:50%;width:2.6cqw;height:2.6cqw}.ca-chrome i:nth-child(2){background:#febc2e}.ca-chrome i:nth-child(3){background:#28c840;margin-right:3cqw}.ca-lines{gap:2.4cqw;padding:5cqw 5cqw 0;display:grid}.ca-lines s{background:#ffffff1f;border-radius:1cqw;height:1.8cqw;display:block}.ca-lines s.short{width:55%}.ca-type{color:#fff;padding:5cqw 5cqw 0;font-size:4.4cqw;font-weight:500}.ca-caret{vertical-align:-.6cqw;background:#ff6a3d;width:.5cqw;min-width:1.5px;height:4.6cqw;margin-left:.6cqw;animation:1s step-end infinite caret;display:inline-block}@keyframes caret{50%{opacity:0}}.ca-seam{z-index:2;background:linear-gradient(#0000,#ff8a4c 30%,#ff4f5e 70%,#0000);border-radius:2px;flex:none;width:2px;height:74%;margin:0 3%;position:relative;box-shadow:0 0 18px 2px #ff6e3c8c}.ca-cursor{z-index:3;fill:#fff;stroke:#111;stroke-width:1.2px;filter:drop-shadow(0 3px 6px #0009);width:max(14px,4cqw);animation:5s cubic-bezier(.6,0,.3,1) infinite cross;position:absolute;top:46%;left:30%}@keyframes cross{0%,15%{transform:translate(0)}50%,70%{transform:translate(40cqw,-6px)}to{transform:translate(0)}}.breadcrumb{color:var(--faint);gap:8px;padding-top:72px;font-size:13px;display:flex}.breadcrumb a{color:var(--muted)}.breadcrumb a:hover{color:var(--ink)}.detail-head{justify-items:start;padding:32px 0 40px;display:grid}.app-icon{border-radius:9px;width:36px;height:36px}.app-icon-lg{border-radius:12px;width:52px;height:52px}.detail-tags{align-items:center;gap:12px;margin-top:20px;display:flex}.platform{font:400 12px/1 var(--mono);color:var(--muted)}.tag{font:400 12px/1 var(--mono);color:var(--faint);align-items:center;gap:5px;display:inline-flex}.tag:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.tag-live{color:var(--live)}.tag-wip{color:var(--wip)}.tag.tag-lab{color:var(--lab)}.detail-head h1{letter-spacing:-.03em;margin-top:8px;font-size:clamp(28px,5vw,36px);line-height:1.15}.lead{color:var(--muted);max-width:560px;margin-top:10px}.chips{flex-wrap:wrap;gap:4px 6px;margin:16px 0 0;padding:0;list-style:none;display:flex}.chips li{font:400 11.5px/1 var(--mono);color:var(--muted);background:var(--sunk);border-radius:6px;padding:5px 7px}.hero-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:24px;display:flex}.button{background:var(--ink);height:36px;color:var(--bg);border-radius:9px;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:500;transition:opacity .2s;display:inline-flex}.button:hover{opacity:.85}.link-quiet{color:var(--muted);font-size:14px;transition:color .2s}.link-quiet:hover{color:var(--ink)}.detail-media{background:var(--sunk);border-radius:14px;margin:0 -14px 16px;position:relative;overflow:hidden}.detail-media.qp-media{padding:20px 20px 0}.detail-media.qp-media img{box-shadow:0 0 0 1px var(--line), 0 -8px 30px -12px #0003;border-radius:8px 8px 0 0}.tattle-media-lg{aspect-ratio:16/8;background:radial-gradient(circle, color-mix(in srgb, var(--accent) 14%, var(--sunk)), var(--sunk) 70%);place-items:center;display:grid}.tattle-media-lg img{z-index:1;filter:drop-shadow(0 14px 22px #d050324d);width:96px;position:relative}.tattle-media-lg .ring{width:150px}.detail-section{gap:16px;padding:40px 0 0;display:grid}.detail-section>.eyebrow{font:500 13px/1 var(--font);color:var(--muted)}.prose{gap:14px;display:grid}.prose h2,.h2-tight{letter-spacing:-.02em;font-size:20px;line-height:1.3}.h2-tight{margin-bottom:16px}.prose p{color:var(--muted);max-width:600px}.compare{border:1px solid var(--line);border-radius:12px;font-size:14px;overflow-x:auto}.compare-row{border-top:1px solid var(--line);grid-template-columns:90px 1fr 1fr;gap:16px;padding:10px 14px;display:grid}.compare-row>span:first-child{font-weight:500}.compare-row>span:last-child{color:var(--ink)}.compare-head{background:var(--sunk);font:400 12px/1.4 var(--mono);color:var(--muted);border-top:0}.compare-head>span:last-child{color:var(--accent)}.feature-grid{grid-template-columns:repeat(2,1fr);gap:24px 32px;margin:0;padding:0;list-style:none;display:grid}.feature-grid li{align-content:start;gap:2px;display:grid}.feature-grid .num{font:400 12px/1 var(--mono);color:var(--faint);margin-bottom:6px}.feature-grid h3{letter-spacing:-.01em;font-size:15px}.feature-grid p{color:var(--muted);font-size:14px}.note{color:var(--muted);margin-top:20px;font-size:13px}.faq{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;justify-content:space-between;gap:16px;padding:14px 0;font-weight:500;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font:400 16px/1.4 var(--mono);color:var(--faint);transition:transform .2s}.faq details[open] summary:after{transform:rotate(45deg)}.faq summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.faq details p{color:var(--muted);max-width:600px;padding:0 24px 16px 0;font-size:14px}code{font:400 .9em var(--mono);background:var(--sunk);border-radius:4px;padding:1px 4px}.outro{isolation:isolate;color:#f4f1ee;background:#0d0b0c;border-radius:16px;grid-template-columns:44px minmax(0,360px);align-items:center;gap:18px;margin:64px -14px 48px;padding:32px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff12}.o-deco{z-index:-1;pointer-events:none;position:absolute;inset:0}.o-icon{border-radius:11px;width:44px;height:44px;box-shadow:0 8px 20px -6px #0009}.o-copy{gap:2px;min-width:0;display:grid}.outro h2{letter-spacing:-.02em;color:#fff;font-size:17px}.outro p{color:#fff9;font-size:14px}.o-actions{flex-wrap:wrap;grid-column:2;gap:8px;display:flex}.o-button{color:#111;white-space:nowrap;background:#fff;border-radius:9px;grid-column:2;justify-self:start;align-items:center;gap:8px;height:36px;padding:0 14px;font-size:14px;font-weight:500;transition:transform .2s,box-shadow .2s;display:inline-flex}.o-button-ghost{color:#fff;background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff24}.o-button:hover{transform:translateY(-1px);box-shadow:0 6px 20px -6px #ffffff80}.outro-continuo{background:radial-gradient(70% 140% at 85%,#4a1c0f 0%,#1a0e0d 50%,#0d0b0c 80%)}.o-seam{background:linear-gradient(#0000,#ff8a4c 35%,#ff4f5e 65%,#0000);width:2px;position:absolute;top:-10%;bottom:-10%;right:18%;box-shadow:0 0 22px 3px #ff6e3c80}.o-cursor{fill:#fff;stroke:#111;stroke-width:1.2px;width:20px;animation:4s cubic-bezier(.6,0,.3,1) infinite hop;position:absolute;top:40%;right:calc(18% + 34px)}@keyframes hop{0%,20%{transform:translate(0)}50%,75%{transform:translate(56px)}to{transform:translate(0)}}.outro-query-pilot{background:radial-gradient(60% 140% at 90%,#3d2a0a 0%,#14100b 55%,#0d0b0c 85%)}.outro-query-pilot .o-deco{background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-size:72px 24px;mask-image:linear-gradient(270deg,#000,#0000 70%)}.o-keys{opacity:.9;gap:6px;display:flex;position:absolute;top:50%;right:9%;transform:translateY(-50%)rotate(-6deg)}.o-keys kbd{width:52px;height:52px;font:500 20px/1 var(--font);color:#ffd28a;background:linear-gradient(#2a2216,#1b160f);border-radius:11px;place-items:center;display:grid;box-shadow:inset 0 1px #ffffff1f,0 4px #0a0806,0 10px 20px -6px #000c}.outro-tattle{background:radial-gradient(70% 160% at 88%,#5a200c 0%,#1c0f0b 55%,#0d0b0c 85%)}.o-rings i{aspect-ratio:1;opacity:0;border:1px solid #ff8c5a80;border-radius:50%;width:90px;animation:3.6s ease-out infinite ring;position:absolute;top:50%;left:84%}.o-rings i:nth-child(2){animation-delay:1.2s}.o-rings i:nth-child(3){animation-delay:2.4s}@media (prefers-reduced-motion:no-preference){main>*,.detail>*{animation:.7s cubic-bezier(.2,.7,.2,1) both rise}main>:nth-child(2),.detail>:nth-child(2){animation-delay:50ms}main>:nth-child(3),.detail>:nth-child(3){animation-delay:.1s}main>:nth-child(4),.detail>:nth-child(4){animation-delay:.15s}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.ring{opacity:.5}}@media (width<=600px){.page{padding:0 16px}.site-header{padding-top:24px}.intro{padding:64px 0 48px}.projects{margin:0 -10px}.project>a,.p-row{grid-template-columns:32px 1fr;gap:12px;padding:12px 10px}.p-icon{width:32px;height:32px}.p-arrow{display:none}.pairs div{grid-template-columns:1fr;gap:2px}.breadcrumb{padding-top:48px}.detail-media{margin:0 0 16px}.detail-media.qp-media{padding:12px 12px 0}.feature-grid{grid-template-columns:1fr;gap:20px}.compare-row{grid-template-columns:1fr 1fr;gap:2px 12px}.compare-row>span:first-child{grid-column:1/-1}.compare-head>span:first-child{display:none}.continuo-art-hero{aspect-ratio:16/10}.outro{grid-template-columns:44px 1fr;margin-inline:0;padding:22px}.o-button,.o-actions{grid-column:1/-1}.o-seam,.o-cursor,.o-keys{display:none}.o-rings i{top:80%;left:85%}.ca-bar span:not(.ca-apple){display:none}}