:root{--color-primary:#f54e00;--color-primary-active:#d04200;--color-ink:#26251e;--color-body:#5a5852;--color-body-strong:#26251e;--color-muted:#807d72;--color-muted-soft:#a09c92;--color-hairline:#e6e5e0;--color-hairline-soft:#efeee8;--color-hairline-strong:#cfcdc4;--color-canvas:#f7f7f4;--color-canvas-soft:#fafaf7;--color-surface-card:#fff;--color-surface-strong:#e6e5e0;--color-on-primary:#fff;--color-timeline-thinking:#dfa88f;--color-timeline-grep:#9fc9a2;--color-timeline-read:#9fbbe0;--color-timeline-edit:#c0a8dd;--color-timeline-done:#c08532;--color-semantic-error:#cf2d56;--color-semantic-success:#1f8a65;--font-sans:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-code:"JetBrains Mono", "Fira Code", Consolas, monospace;--radius-none:0px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:9999px;--spacing-xxs:4px;--spacing-xs:8px;--spacing-sm:12px;--spacing-base:16px;--spacing-md:20px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:48px;--spacing-section:80px;--max-width:1200px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;background-color:var(--color-canvas);color:var(--color-ink);font-family:var(--font-sans)}body{background-color:var(--color-canvas);color:var(--color-ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-size:16px;font-weight:400;line-height:1.5}.display-mega{font-family:var(--font-sans);letter-spacing:-2.16px;color:var(--color-ink);margin:0;font-size:72px;font-weight:400;line-height:1.1}.display-lg{font-family:var(--font-sans);letter-spacing:-.72px;color:var(--color-ink);margin:0;font-size:36px;font-weight:400;line-height:1.2}.display-md{font-family:var(--font-sans);letter-spacing:-.325px;color:var(--color-ink);margin:0;font-size:26px;font-weight:400;line-height:1.25}.display-sm{font-family:var(--font-sans);letter-spacing:-.11px;color:var(--color-ink);margin:0;font-size:22px;font-weight:400;line-height:1.3}.title-md{font-family:var(--font-sans);letter-spacing:0;color:var(--color-ink);margin:0;font-size:18px;font-weight:600;line-height:1.4}.title-sm{font-family:var(--font-sans);letter-spacing:0;color:var(--color-ink);margin:0;font-size:16px;font-weight:600;line-height:1.4}.body-md{font-family:var(--font-sans);color:var(--color-body);margin:0;font-size:16px;font-weight:400;line-height:1.5}.body-tracked{font-family:var(--font-sans);letter-spacing:.08px;color:var(--color-body);margin:0;font-size:16px;font-weight:400;line-height:1.5}.body-sm{font-family:var(--font-sans);color:var(--color-body);margin:0;font-size:14px;font-weight:400;line-height:1.5}.caption{font-family:var(--font-sans);color:var(--color-muted);margin:0;font-size:13px;font-weight:400;line-height:1.4}.caption-uppercase{font-family:var(--font-sans);letter-spacing:.88px;text-transform:uppercase;color:var(--color-muted);font-size:11px;font-weight:600;line-height:1.4}.code-font{font-size:13px;font-weight:400;line-height:1.5;font-family:var(--font-code)!important}.container{max-width:var(--max-width);padding:0 var(--spacing-lg);margin:0 auto}.section-padding{padding-top:var(--spacing-section);padding-bottom:var(--spacing-section)}.top-nav{background-color:var(--color-canvas);border-bottom:1px solid var(--color-hairline);z-index:100;height:64px;position:sticky;top:0}.top-nav-inner{justify-content:space-between;align-items:center;height:100%;display:flex}.brand-wordmark{font-family:var(--font-sans);letter-spacing:-.2px;color:var(--color-ink);align-items:center;gap:8px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.brand-dot{background-color:var(--color-primary);border-radius:var(--radius-pill);width:8px;height:8px;display:inline-block}.nav-links{align-items:center;gap:28px;margin:0;padding:0;list-style:none;display:flex}.nav-link{font-family:var(--font-sans);color:var(--color-body);font-size:14px;font-weight:500;text-decoration:none;transition:color .15s}.nav-link:hover,.nav-link.active{color:var(--color-ink)}.nav-actions{align-items:center;gap:12px;display:flex}.button-primary{background-color:var(--color-primary);color:var(--color-on-primary);font-family:var(--font-sans);border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;height:40px;padding:10px 18px;font-size:14px;font-weight:500;text-decoration:none;transition:background-color .15s;display:inline-flex}.button-primary:hover{background-color:var(--color-primary-active);color:var(--color-on-primary)}.button-secondary{background-color:var(--color-surface-card);color:var(--color-ink);font-family:var(--font-sans);border-radius:var(--radius-md);border:1px solid var(--color-hairline-strong);cursor:pointer;justify-content:center;align-items:center;gap:8px;height:40px;padding:9px 17px;font-size:14px;font-weight:500;text-decoration:none;transition:background-color .15s,border-color .15s;display:inline-flex}.button-secondary:hover{background-color:var(--color-canvas);border-color:var(--color-ink)}.button-download,.button-ink{background-color:var(--color-ink);color:var(--color-canvas);font-family:var(--font-sans);border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;height:44px;padding:12px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:opacity .15s;display:inline-flex}.button-download:hover,.button-ink:hover{opacity:.9;color:var(--color-canvas)}.button-tertiary-text{color:var(--color-ink);font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.button-tertiary-text:hover{text-decoration:underline}.feature-card{background-color:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);padding:var(--spacing-lg);color:var(--color-ink);transition:border-color .15s}.feature-card:hover{border-color:var(--color-hairline-strong)}.ide-mockup-card{background-color:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);overflow:hidden}.ide-pane{background-color:var(--color-canvas-soft);border-radius:var(--radius-md);padding:var(--spacing-base);font-family:var(--font-code);color:var(--color-body);border:1px solid var(--color-hairline-soft);font-size:13px}.code-block{background-color:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);padding:var(--spacing-md);font-family:var(--font-code);color:var(--color-ink);font-size:13px;line-height:1.5;overflow-x:auto}.timeline-pill-thinking{background-color:var(--color-timeline-thinking);color:var(--color-ink);font-family:var(--font-sans);letter-spacing:.88px;text-transform:uppercase;border-radius:var(--radius-pill);align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.timeline-pill-grep{background-color:var(--color-timeline-grep);color:var(--color-ink);font-family:var(--font-sans);letter-spacing:.88px;text-transform:uppercase;border-radius:var(--radius-pill);align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.timeline-pill-read{background-color:var(--color-timeline-read);color:var(--color-ink);font-family:var(--font-sans);letter-spacing:.88px;text-transform:uppercase;border-radius:var(--radius-pill);align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.timeline-pill-edit{background-color:var(--color-timeline-edit);color:var(--color-ink);font-family:var(--font-sans);letter-spacing:.88px;text-transform:uppercase;border-radius:var(--radius-pill);align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.timeline-pill-done{background-color:var(--color-timeline-done);color:var(--color-on-primary);font-family:var(--font-sans);letter-spacing:.88px;text-transform:uppercase;border-radius:var(--radius-pill);align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-pill{background-color:var(--color-surface-strong);color:var(--color-ink);font-family:var(--font-sans);letter-spacing:.88px;text-transform:uppercase;border-radius:var(--radius-pill);align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.tech-tag{font-family:var(--font-code);color:var(--color-ink);background-color:var(--color-canvas-soft);border:1px solid var(--color-hairline);border-radius:var(--radius-xs);padding:3px 8px;font-size:12px;display:inline-block}.cta-band{background-color:var(--color-canvas);padding:96px var(--spacing-lg);text-align:center;border-top:1px solid var(--color-hairline)}.footer{background-color:var(--color-canvas);border-top:1px solid var(--color-hairline);padding:64px 48px}.footer-inner{max-width:var(--max-width);flex-direction:column;gap:32px;margin:0 auto;display:flex}.footer-bottom{border-top:1px solid var(--color-hairline-soft);color:var(--color-body);justify-content:space-between;align-items:center;padding-top:24px;font-size:14px;display:flex}.text-input{background-color:var(--color-surface-card);color:var(--color-ink);font-family:var(--font-sans);border:1px solid var(--color-hairline-strong);border-radius:var(--radius-md);outline:none;width:100%;height:44px;padding:12px 16px;font-size:16px;transition:border-color .15s}.text-input:focus{border-color:var(--color-primary)}textarea.text-input{resize:vertical;height:auto;min-height:120px}@media (width<=768px){.display-mega{letter-spacing:-1px;font-size:38px}.display-lg{letter-spacing:-.5px;font-size:28px}.section-padding{padding-top:48px;padding-bottom:48px}.top-nav{height:56px}.nav-links{display:none}.nav-links.mobile-open{background-color:var(--color-canvas);border-bottom:1px solid var(--color-hairline);z-index:99;flex-direction:column;gap:16px;padding:20px;display:flex;position:absolute;top:56px;left:0;right:0}.footer{padding:40px 20px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:12px}}