:root{color-scheme:light;--bg: #fafafa;--surface: #ffffff;--ink: #0a0a0a;--ink-soft: #1f1f1f;--muted: #666666;--muted-soft: #999999;--line: #ebebeb;--line-strong: #d4d4d4;--accent: #0c66e4;--accent-strong: #0747a6;--accent-soft: rgba(12, 102, 228, .1);--green: #1f845a;--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--radius-xl: 20px;--shadow-sm: 0 1px 2px rgba(15, 15, 15, .06);--shadow: 0 4px 18px rgba(15, 15, 15, .06), 0 1px 3px rgba(15, 15, 15, .04);--shadow-lg: 0 24px 60px -20px rgba(15, 15, 15, .18), 0 8px 20px -8px rgba(15, 15, 15, .08);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-feature-settings:"cv11","ss01","ss03"}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6;min-height:100vh;position:relative}a{color:inherit;text-decoration:none}code{background:#0f0f0f0d;border-radius:4px;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88em;padding:1px 6px}pre{margin:0}pre,pre code{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.bg-grid{background-image:radial-gradient(circle at 1px 1px,rgba(15,15,15,.07) 1px,transparent 0);background-size:22px 22px;top:0;right:0;bottom:0;left:0;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 30%,transparent 80%);mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 30%,transparent 80%);pointer-events:none;position:fixed;z-index:0}main,.nav,footer{position:relative;z-index:1}.nav{align-items:center;display:flex;gap:24px;margin:0 auto;max-width:1180px;padding:22px 28px;width:100%}.brand{align-items:center;color:var(--ink);display:inline-flex;flex:0 0 auto;font-size:15px;font-weight:700;gap:8px;letter-spacing:-.01em}.brand-mark{color:var(--ink);display:inline-block;flex:0 0 auto;height:16px;width:16px}.nav-links{display:flex;flex:1 1 auto;gap:28px;margin-left:36px}.nav-links a{color:var(--muted);font-size:14px;font-weight:500;transition:color .12s ease}.nav-links a:hover{color:var(--ink)}.nav-cta{display:flex;flex:0 0 auto;gap:8px}.btn{align-items:center;border:1px solid transparent;border-radius:999px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:600;gap:8px;height:36px;letter-spacing:-.01em;padding:0 16px;transition:background-color .14s ease,color .14s ease,border-color .14s ease,transform .14s ease,box-shadow .14s ease;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--ink);color:#fff}.btn-primary:hover{background:#1f1f1f;box-shadow:var(--shadow)}.btn-ghost{background:var(--surface);border-color:var(--line);color:var(--ink)}.btn-ghost:hover{border-color:var(--line-strong);box-shadow:var(--shadow-sm)}.btn-lg{font-size:15px;height:48px;padding:0 22px}.cta-prefix{color:var(--muted-soft);font-family:JetBrains Mono,ui-monospace,monospace;font-weight:500;margin-right:-2px}.btn-primary .cta-prefix{color:#ffffff8c}.btn.is-copied{border-color:var(--green);color:var(--green)}.toast{background:var(--ink);border-radius:999px;bottom:32px;box-shadow:0 10px 30px #0f0f0f2e,0 1px 2px #0f0f0f1a;color:#fff;font-size:13px;font-weight:500;left:50%;letter-spacing:-.005em;opacity:0;padding:10px 18px;pointer-events:none;position:fixed;transform:translate(-50%,12px);transition:opacity .18s ease,transform .18s ease;white-space:nowrap;z-index:1000}.toast.is-visible{opacity:1;transform:translate(-50%)}.toast[data-variant=error]{background:#b91c1c}.btn-icon{align-items:center;display:inline-flex;gap:6px}.btn-icon svg{flex:0 0 auto}.npm-mark{background:#cb3837;border-radius:3px;color:#fff;display:inline-flex;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:9px;font-weight:700;height:16px;letter-spacing:.04em;padding:0 4px;align-items:center;text-transform:lowercase}main{margin:0 auto;max-width:1180px;padding:0 28px}.hero{padding:64px 0 48px;text-align:center}.eyebrow{background:var(--surface);border:1px solid var(--line);border-radius:999px;color:var(--muted);display:inline-block;font-size:12px;font-weight:500;letter-spacing:.02em;padding:5px 12px;text-decoration:none;transition:border-color .12s ease,color .12s ease}a.eyebrow:hover{border-color:var(--line-strong);color:var(--ink)}.hero h1{font-size:clamp(36px,5.4vw,72px);font-weight:800;letter-spacing:-.035em;line-height:1.04;margin:22px auto 24px}.hero-line{display:block;white-space:nowrap}.hl{background:linear-gradient(120deg,#0c66e4,#6e5dc6 60%,#1f845a 110%);-webkit-background-clip:text;background-clip:text;color:transparent}.lede{color:var(--muted);font-size:clamp(16px,1.4vw,19px);line-height:1.55;margin:0 auto 36px;max-width:60ch}.cta{align-items:center;display:inline-flex;flex-wrap:wrap;gap:10px;justify-content:center}.hero-sub{color:var(--muted-soft);font-size:13px;margin:14px 0 0}.hero-preview{margin:64px auto 0;max-width:980px;perspective:1600px}.kp-window{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;text-align:left;transform:rotateX(2deg);transform-origin:top center}.kp-titlebar{align-items:center;background:#fbfbfb;border-bottom:1px solid var(--line);display:flex;gap:6px;padding:12px 16px}.kp-dot{border-radius:999px;display:inline-block;height:11px;width:11px}.kp-dot-r{background:#ff5f56}.kp-dot-y{background:#ffbd2e}.kp-dot-g{background:#27c93f}.kp-url{color:var(--muted);flex:1 1 auto;font-family:JetBrains Mono,monospace;font-size:12px;text-align:center}.kp-board{background:linear-gradient(180deg,#f8fafc,#f4f6fb);display:grid;gap:12px;grid-template-columns:repeat(3,1fr);padding:24px}.kp-col{background:#ebecf0b3;border-radius:var(--radius);display:flex;flex-direction:column;gap:8px;padding:12px}.kp-col-head{align-items:center;color:var(--ink);display:flex;font-size:13px;font-weight:600;gap:8px;padding:4px 4px 8px}.kp-col-icon{background:var(--muted-soft);border-radius:4px;display:inline-block;height:12px;position:relative;width:12px}.kp-col-icon-doing{background:var(--accent)}.kp-col-icon-done{background:var(--green)}.kp-card{align-items:center;background:var(--surface);border:1px solid transparent;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);cursor:grab;display:flex;font-size:13px;font-weight:500;gap:8px;padding:10px 12px;transition:border-color .12s ease,box-shadow .12s ease,opacity .12s ease,transform .12s ease}.kp-card:hover{border-color:var(--line-strong)}.kp-card:hover .kp-del{opacity:1}.kp-card-dragging{cursor:grabbing;opacity:.4;transform:rotate(-1deg)}.kp-card-text{flex:1 1 auto;outline:none;min-width:0}.kp-card-text:focus{background:var(--accent-soft);border-radius:3px;box-shadow:0 0 0 2px var(--accent-soft);padding:0 4px;margin:0 -4px}.kp-col-title{outline:none}.kp-col-title:focus{background:var(--accent-soft);border-radius:3px;padding:0 4px;margin:0 -4px}.kp-col-drop{background:#0c66e414;outline:2px dashed var(--accent);outline-offset:-4px}.kp-card-active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft),var(--shadow-sm)}.kp-card-done{color:var(--muted)}.kp-card-done .kp-card-text{text-decoration:line-through;text-decoration-color:var(--muted-soft)}.kp-check{background:var(--surface);border:1.5px solid var(--line-strong);border-radius:3px;cursor:pointer;flex:0 0 auto;height:14px;padding:0;transition:background-color .12s ease,border-color .12s ease;width:14px}.kp-check:hover{border-color:var(--accent)}.kp-check-done{background:var(--accent);border-color:var(--accent);position:relative}.kp-check-done:after{border:solid #ffffff;border-width:0 1.5px 1.5px 0;content:"";height:7px;left:4px;position:absolute;top:1px;transform:rotate(45deg);width:3px}.kp-del{background:transparent;border:none;border-radius:3px;color:var(--muted-soft);cursor:pointer;flex:0 0 auto;font-size:16px;height:18px;line-height:1;margin-left:auto;opacity:0;padding:0;transition:background-color .12s ease,color .12s ease,opacity .12s ease;width:18px}.kp-del:hover{background:#dc26261a;color:#b91c1c}.kp-add{background:transparent;border:1px dashed var(--line-strong);border-radius:var(--radius-sm);color:var(--muted);cursor:pointer;font-family:inherit;font-size:12px;font-weight:500;margin-top:4px;padding:8px 10px;text-align:left;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.kp-add:hover{background:#0f0f0f08;border-color:var(--ink);color:var(--ink)}section{padding:80px 0}.section-title{font-size:clamp(28px,3vw,40px);font-weight:700;letter-spacing:-.025em;line-height:1.1;margin:0 0 12px;text-align:center}.section-lede{color:var(--muted);font-size:17px;margin:0 auto 48px;max-width:60ch;text-align:center}.feature-grid{display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}@media (max-width: 880px){.feature-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.feature-grid{grid-template-columns:1fr}}.feature{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.feature:hover{border-color:var(--line-strong);box-shadow:var(--shadow);transform:translateY(-2px)}.feature-icon{align-items:center;background:var(--ink);border-radius:var(--radius-sm);color:#fff;display:inline-flex;height:36px;justify-content:center;margin-bottom:14px;width:36px}.feature h3{font-size:16px;font-weight:600;letter-spacing:-.01em;margin:0 0 6px}.feature p{color:var(--muted);font-size:14px;line-height:1.55;margin:0}.qs-grid{align-items:center;display:grid;gap:48px;grid-template-columns:1fr 1fr}.qs-grid .section-title,.qs-grid .section-lede{margin:0 0 16px;text-align:left}.qs-grid .section-lede{margin-bottom:24px;max-width:none}.qs-cta{margin-top:8px}.qs-stage{display:grid;gap:16px;grid-template-columns:1fr;transition:gap .2s ease}.qs-terminal{background:#0a0a0a;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.qs-terminal-bar{align-items:center;background:#1a1a1a;display:flex;gap:6px;padding:12px 16px}.qs-terminal-title{color:#888;flex:1 1 auto;font-family:JetBrains Mono,monospace;font-size:12px;text-align:center}.qs-terminal-body{color:#f5f5f5;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13.5px;line-height:1.7;padding:22px 24px;min-height:200px}.qs-line,.qs-prompt-line{display:flex;gap:6px;white-space:pre-wrap;word-break:break-all}.qs-line-out{animation:qs-fade-in .22s ease both;color:#cfcfcf}@keyframes qs-fade-in{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:none}}.qs-prompt{color:var(--green);flex:0 0 auto;font-weight:600}.qs-comment{color:#888}.qs-input{background:transparent;border:none;caret-color:#f5f5f5;color:#f5f5f5;flex:1 1 auto;font-family:inherit;font-size:inherit;outline:none;padding:0}.qs-input::placeholder{color:#555}.qs-input::selection{background:#1f845a66}.qs-input-frozen{color:#f5f5f5}.qs-browser{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);opacity:0;overflow:hidden;transform:translateY(8px) scale(.98);transition:opacity .32s ease,transform .32s ease}.qs-browser-open{opacity:1;transform:none}.qs-browser-bar{align-items:center;background:#fbfbfb;border-bottom:1px solid var(--line);display:flex;gap:6px;padding:10px 14px}.qs-browser-url{color:var(--muted);flex:1 1 auto;font-family:JetBrains Mono,monospace;font-size:12px;text-align:center}.qs-browser .kp-board{padding:14px}.qs-pair{display:grid;gap:12px;grid-template-columns:1fr}.qs-file{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);opacity:0;overflow:hidden;transform:translateY(8px) scale(.98);transition:opacity .32s ease 80ms,transform .32s ease 80ms}.qs-file-open{opacity:1;transform:none}.qs-file-bar{align-items:center;background:#fbfbfb;border-bottom:1px solid var(--line);color:var(--muted);display:flex;font-family:JetBrains Mono,monospace;font-size:12px;gap:8px;padding:10px 14px}.qs-file-icon{color:var(--muted);display:inline-flex}.qs-file-name{color:var(--ink);font-weight:500}.qs-file-status{color:var(--green);font-size:11px;margin-left:auto;transition:color .12s ease}.qs-file-status-writing{color:var(--accent)}.qs-file-body{background:var(--surface);border:none;color:var(--ink);display:block;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;line-height:1.65;margin:0;max-height:320px;min-height:220px;outline:none;overflow:auto;padding:16px 18px;resize:vertical;white-space:pre-wrap;width:100%}.qs-file-body:focus{background:#0c66e405}.format-grid{align-items:center;display:grid;gap:24px;grid-template-columns:1fr auto 1fr;margin:0 auto;max-width:1080px}.format-pre{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--ink);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.65;min-height:320px;outline:none;padding:22px 24px;resize:vertical;width:100%}.format-pre:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.format-arrow{color:var(--muted-soft);font-size:36px;line-height:1}.format-render{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:16px}.kp-board-mini{background:transparent;gap:10px;padding:4px}.kp-board-mini .kp-col{padding:10px}.kp-board-mini .kp-card{font-size:12.5px;padding:8px 10px}.changelog{padding-bottom:80px}.changelog-board{display:grid;gap:12px;grid-auto-columns:minmax(260px,1fr);grid-auto-flow:column;margin:0 auto;max-width:100%;overflow-x:auto;padding:12px 4px 24px;scroll-snap-type:x proximity}.changelog-board>*{scroll-snap-align:start}.changelog-loading{color:var(--muted);font-size:14px;grid-column:1 / -1;padding:24px;text-align:center}.changelog-col{background:var(--surface);border:1px solid var(--line);min-width:0}.changelog-col-head{align-items:baseline;color:var(--ink);display:flex;gap:8px;justify-content:space-between;padding:4px 4px 8px;text-decoration:none}.changelog-col-head:hover .changelog-tag{color:var(--accent)}.changelog-tag{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;font-weight:600}.changelog-date{color:var(--muted);font-size:11px;font-weight:500}.changelog-card{background:var(--bg);border:1px solid var(--line);display:block;padding:10px 12px}.changelog-card-heading{color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.02em;margin-bottom:4px;text-transform:uppercase}.changelog-card-body{color:var(--ink);font-size:13px;font-weight:400;line-height:1.45}.changelog-empty{color:var(--muted);font-style:italic}.closing{padding:96px 0 120px;text-align:center}footer{border-top:1px solid var(--line);margin:0 auto;max-width:1180px;padding:24px 28px 36px}.footer-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.footer-meta{color:var(--muted);font-size:13px}.footer-meta a{color:var(--ink-soft)}.footer-meta a:hover{color:var(--accent)}@media (max-width: 860px){.nav{padding:18px 20px}.nav-links{display:none}.hero{padding:32px 0 24px}.hero h1{margin-top:18px}.hero-preview{margin-top:36px}.kp-board{grid-template-columns:1fr;padding:14px}section{padding:56px 0}.qs-grid{grid-template-columns:1fr;gap:28px}.qs-grid .section-title,.qs-grid .section-lede{text-align:center}.format-grid{grid-template-columns:1fr}.format-arrow{transform:rotate(90deg)}}@media (max-width: 520px){main,.nav,footer{padding-left:18px;padding-right:18px}.btn-lg{height:44px;padding:0 18px}}