:root{--color-bg:#faf9f5;--color-overlay:#fbfaf9;--color-card:#fff;--color-heading:#17171a;--color-accent:#17171a;--color-accent-dark:#000;--color-name:#37352f;--color-text:#45443f;--color-muted:#78766f;--color-secondary:#a8a49a;--color-faint:#c9c5bb;--color-faint-2:#b8b4aa;--color-line:#d5d1c5;--color-border:#e6e3db;--color-add:#3f9142;--color-remove:#c2453d;--color-nav:#faf9f5d1;--color-on-accent:#fff;--color-terminal-ok:#9fd89f;--ease-out:cubic-bezier(.23, 1, .32, 1);--shadow-card:0 1px 2px #1c19170a;--shadow-card-hover:0 12px 28px -12px #1c191738, 0 2px 6px #1c19170f;--shadow-pop:0 18px 48px -18px #1c191747;--font-display:"Space Grotesk", ui-sans-serif, system-ui, -apple-system, "PingFang TC", "Segoe UI", sans-serif;--font-body:"Inter", ui-sans-serif, system-ui, -apple-system, "PingFang TC", "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--text-hero:clamp(2.6rem, 5vw, 4.4rem);--text-h2:clamp(1.75rem, 1.3rem + 1.6vw, 2.5rem);--text-body:clamp(16px, .95vw + .5rem, 18px);--text-eyebrow:12px;--radius-button:8px;--radius-card:12px;--radius-tile:14px;--radius-tile-lg:22px;--max-width:1180px;--nav-height:66px;--section-pad-y:clamp(56px, 8vw, 96px);--section-pad-x:24px;--tile-hatch:repeating-linear-gradient(135deg, #1c191707 0 6px, transparent 6px 12px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (width<=560px){:root{--section-pad-x:16px}}*,:before,:after{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;line-height:1.6}h1,h2,h3{font-family:var(--font-display);color:var(--color-heading);margin:0;line-height:1.15}p{margin:0}ul,ol{margin:0;padding:0;list-style:none}a{color:inherit}code,pre,kbd{font-family:var(--font-mono)}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:4px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mono{font-family:var(--font-mono)}.muted{color:var(--color-muted)}.diff-add{color:var(--color-add)}.diff-remove{color:var(--color-remove)}.meta{font-family:var(--font-mono);color:var(--color-secondary);font-size:12px}.truncate{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.container{max-width:var(--max-width);padding-inline:var(--section-pad-x);margin:0 auto}.btn{font-family:var(--font-body);border-radius:var(--radius-button);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s,background-color .15s,border-color .15s;display:inline-flex}.btn--primary{background:var(--color-accent);color:var(--color-on-accent)}.btn--primary:hover:not(:disabled){background:var(--color-accent-dark);transform:translateY(-1px)}.btn--secondary{background:var(--color-card);color:var(--color-heading);border-color:var(--color-border)}.btn--secondary:hover:not(:disabled){border-color:var(--color-line);box-shadow:var(--shadow-card);transform:translateY(-1px)}.btn--ghost{color:var(--color-muted);background:0 0}.btn--ghost:hover:not(:disabled){color:var(--color-text)}.btn--small{height:34px;padding:0 16px;font-size:14px}.btn--large{height:46px;padding:0 28px;font-size:1rem}.btn--block{width:100%}.btn:disabled{cursor:not-allowed;color:var(--color-secondary)}.hatched,.btn:disabled{border:1px dashed var(--color-line);background:var(--tile-hatch)}.nav{z-index:20;background:var(--color-nav);-webkit-backdrop-filter:blur(10px);position:sticky;top:0}.nav__inner{align-items:center;gap:8px 28px;padding-block:16px;display:flex}.nav__brand{font-family:var(--font-display);letter-spacing:-.01em;color:var(--color-heading);white-space:nowrap;align-items:center;gap:10px;font-size:1.25rem;font-weight:700;text-decoration:none;display:inline-flex}.nav__logo{background:var(--color-accent);width:32px;height:32px;color:var(--color-on-accent);font-family:var(--font-mono);border-radius:7px;flex-shrink:0;place-items:center;font-size:14px;font-weight:600;display:grid}.nav__suffix{font-family:var(--font-body);color:var(--color-muted);font-size:.95rem;font-weight:500}.nav__links{flex-wrap:wrap;gap:4px 20px;margin-right:auto;display:flex}.nav__link{color:var(--color-muted);border-bottom:1px solid #0000;padding:4px 0;font-size:15px;text-decoration:none}.nav__link:hover{color:var(--color-text)}.nav__link.active{color:var(--color-heading);border-bottom-color:var(--color-heading)}.nav__actions{align-items:center;gap:12px;min-width:0;margin-left:auto;display:flex}.nav__meta{color:var(--color-muted);font-size:14px}@media (width<=560px){.nav__inner{flex-wrap:wrap;padding-top:12px;padding-bottom:10px}.nav__links{order:3;width:100%;margin-right:0}.nav__meta{display:none}}.section__inner{padding-block:var(--section-pad-y)}.section__head{text-align:center;max-width:640px;margin:0 auto clamp(32px,5vw,56px)}.section__head h2{font-size:var(--text-h2);letter-spacing:-.02em;margin-top:10px}.section__head p{color:var(--color-muted);margin-top:12px;font-size:1rem}.section--rule{border-top:1px solid var(--color-border)}.hero__inner{min-height:calc(100svh - var(--nav-height));grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:center;gap:clamp(24px,4vw,56px);padding-block:clamp(32px,5vw,72px) clamp(40px,6vw,80px);display:grid}.hero__title{font-size:var(--text-hero);letter-spacing:-.03em;text-transform:uppercase;color:var(--color-heading);margin-top:18px;font-weight:700;line-height:1.05}.hero__subtitle{color:var(--color-muted);max-width:40ch;margin-top:24px;font-size:clamp(.95rem,.9rem + .2vw,1.05rem);line-height:1.7}.hero__ctas{flex-wrap:wrap;align-items:center;gap:20px;margin-top:32px;display:flex}@media (width<=860px){.hero__inner{grid-template-columns:minmax(0,1fr);min-height:0}}.ascii-stage{white-space:pre-line;display:block}.ascii-word{white-space:pre;display:inline-block}.ascii-char{text-align:center;display:inline-block}.ascii-char--lit{color:var(--color-heading)}.flow-art{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-tile-lg);width:100%;max-width:440px;box-shadow:var(--shadow-card);justify-self:end;margin:0;padding:28px clamp(16px,3vw,32px) 20px}.flow-art__pre{color:var(--color-faint-2);margin:0;font-size:clamp(11px,.6vw + 7px,13px);line-height:1.2;overflow:hidden}.flow-art__line--lit{color:var(--color-heading);font-weight:600}.flow-art__caption{border-top:1px dashed var(--color-border);margin-top:16px;padding-top:14px}@media (width<=860px){.flow-art{justify-self:stretch;max-width:none}}.caret{vertical-align:text-bottom;background:var(--color-text);width:.55em;height:1.05em;margin-left:2px;animation:.9s step-end infinite caret-blink;display:inline-block}@keyframes caret-blink{0%,49%{opacity:1}50%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.caret{opacity:0;animation:none}}.card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);color:inherit;padding:24px;text-decoration:none;display:block}.card--link{transition:transform .2s var(--ease-out), box-shadow .2s var(--ease-out)}@media (hover:hover) and (pointer:fine){.card--link:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-3px)}}.card__index{justify-content:space-between;gap:12px;display:flex}.card__title{letter-spacing:-.01em;font-size:1.25rem;font-weight:700}.card__index+.card__title{margin-top:18px}.card__body{color:var(--color-muted);margin-top:10px;font-size:15px;line-height:1.7}.card__more{color:var(--color-heading);align-items:center;gap:6px;margin-top:20px;font-size:14px;font-weight:600;display:inline-flex}.tile-empty{border-radius:var(--radius-tile);color:var(--color-secondary);text-align:center;padding:24px;font-size:14px}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}@media (width<=860px){.grid-3,.grid-2{grid-template-columns:minmax(0,1fr)}}.command{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-button);align-items:flex-start;gap:12px;margin-top:16px;padding:12px 12px 12px 16px;display:flex}.command code{min-width:0;color:var(--color-heading);overflow-wrap:anywhere;flex:1;font-size:13px;line-height:1.7}.command__prompt{color:var(--color-secondary);-webkit-user-select:none;user-select:none}.icon-button{border:1px solid var(--color-border);background:var(--color-card);width:28px;height:28px;color:var(--color-muted);cursor:pointer;border-radius:6px;flex-shrink:0;place-items:center;display:grid}.icon-button:hover{color:var(--color-heading);border-color:var(--color-line)}.board-mock{color:var(--color-muted);white-space:pre;margin:0;font-size:12.5px;line-height:2;overflow:hidden}.board-mock__lit{color:var(--color-heading);font-weight:600}.cta-row{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:36px;display:flex}.footer{border-top:1px solid var(--color-border)}.footer__inner{color:var(--color-muted);flex-wrap:wrap;justify-content:space-between;gap:12px 24px;padding-block:28px 40px;font-size:14px;display:flex}.footer__links{flex-wrap:wrap;gap:8px 20px;display:flex}.footer__links a{text-decoration:none}.footer__links a:hover{color:var(--color-text)}.article{max-width:680px;padding:clamp(24px, 4vw, 40px) var(--section-pad-x) var(--section-pad-y);margin:0 auto}.back-link{font:inherit;color:var(--color-text);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.back-link:hover{color:var(--color-heading)}.article__header{margin:36px 0 32px}.article__title{letter-spacing:-.02em;margin-top:8px;font-size:clamp(28px,2vw + 18px,38px);font-weight:700;line-height:1.2}.article__title:focus{outline:none}.article__lede{color:var(--color-muted);font-size:1.05rem}.article__body p+p{margin-top:18px}.article__body{margin-top:24px;font-size:16px;line-height:1.85}.sample{margin:32px 0 0;padding:0;overflow:hidden}.sample__head{border-bottom:1px solid var(--color-border);padding:10px 16px}.sample__code{color:var(--color-text);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:16px;font-size:13px;line-height:1.75}.article__next{flex-wrap:wrap;gap:12px;margin-top:48px;display:flex}.enter{position:relative}.enter__overlay{pointer-events:none;-webkit-user-select:none;user-select:none;font-family:var(--font-mono);padding-top:4px;font-size:13px;line-height:2;position:absolute;inset:0}.enter__meta{color:var(--color-secondary);align-items:center;gap:12px;display:flex}.enter__line{white-space:pre-wrap;overflow-wrap:anywhere;min-height:2em;color:var(--color-text)}.boot{z-index:40;background:var(--color-overlay);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.boot__body{white-space:pre;line-height:2}.boot__title,.boot__fill{color:var(--color-text)}.boot__noise{color:var(--color-faint)}.plan{flex-direction:column;padding:28px;display:flex}.plan--featured{border-color:var(--color-heading);box-shadow:var(--shadow-pop)}.plan__name{font-size:1.15rem;font-weight:700}.plan__price{font-family:var(--font-display);color:var(--color-heading);letter-spacing:-.02em;margin-top:18px;font-size:2rem;font-weight:700;line-height:1.1}.plan__unit{color:var(--color-muted);min-height:1.6em;margin-top:6px;font-size:14px}.plan__features{flex:1;gap:10px;margin:24px 0 28px;font-size:15px;display:grid}.plan__features li{align-items:flex-start;gap:10px;display:flex}.plan__features svg{color:var(--color-heading);flex-shrink:0;margin-top:4px}.plan__hint{text-align:center;min-height:1.6em;color:var(--color-secondary);margin-top:10px;font-size:13px}.auth{min-height:calc(100svh - var(--nav-height));padding:32px var(--section-pad-x) 64px;place-items:center;display:grid}.auth__card{width:100%;max-width:400px;padding:32px}.auth__title{letter-spacing:-.02em;margin-top:8px;font-size:1.75rem;font-weight:700}.auth__lede{color:var(--color-muted);margin-top:8px;font-size:15px}.auth__options{gap:10px;margin-top:28px;display:grid}.auth__option{justify-content:space-between}.auth__divider{align-items:center;gap:12px;margin:24px 0 16px;display:flex}.auth__divider:before,.auth__divider:after{content:"";border-top:1px dashed var(--color-line);flex:1}.field{color:var(--color-text);gap:6px;font-size:14px;display:grid}.input{width:100%;min-width:0;height:40px;font:inherit;color:var(--color-heading);background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-button);padding:0 12px;font-size:15px}.input:focus{border-color:var(--color-heading);outline:none}.form-row{align-items:stretch;gap:10px;display:flex}.form-row .btn{height:40px}.form-message{min-height:1.6em;margin-top:8px;font-size:13px}.form-message--error{color:var(--color-remove)}.form-message--ok{color:var(--color-add)}@media (width<=420px){.form-row{flex-direction:column}}.app-main{padding-block:clamp(24px, 4vw, 48px) var(--section-pad-y)}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 24px;margin-bottom:28px;display:flex}.back-link+.page-head{margin-top:20px}.page-head h1{letter-spacing:-.02em;margin-top:6px;font-size:clamp(1.6rem,1.2rem + 1.2vw,2.1rem);font-weight:700}.panel{padding:0;overflow:hidden}.panel+.panel{margin-top:20px}.panel__head{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.panel__title{font-size:15px;font-weight:600;font-family:var(--font-body)}.panel__body{padding:20px}.rows{display:grid}.row{border-top:1px solid var(--color-border);color:inherit;align-items:center;gap:4px 16px;padding:14px 20px;font-size:15px;text-decoration:none;display:grid}.row:first-child{border-top:0}.row--head{padding-top:10px;padding-bottom:10px}a.row:hover{background:var(--color-bg)}.row--members{grid-template-columns:minmax(0,1fr) auto}.row--flows{grid-template-columns:minmax(0,1.4fr) 90px minmax(0,1fr) 20px}.row--versions{grid-template-columns:90px minmax(0,1.4fr) minmax(0,1fr) auto}.row--board{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,.8fr) minmax(0,.9fr)}.cell-label{display:none}.email{color:var(--color-name);font-weight:500}.pill{border:1px solid var(--color-border);background:var(--color-card);height:24px;font-family:var(--font-mono);color:var(--color-text);border-radius:999px;justify-self:start;align-items:center;gap:6px;max-width:100%;padding:0 10px;font-size:12px;display:inline-flex}.pill--ink{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent)}.pill--dashed{color:var(--color-secondary);background:0 0;border-style:dashed}.dot{background:currentColor;border-radius:50%;width:6px;height:6px}.status-line{color:var(--color-muted);padding:20px;font-size:14px}.status-line--error{color:var(--color-remove)}@media (width<=640px){.row--head{display:none}.row--flows,.row--versions,.row--board{grid-template-columns:minmax(0,1fr) auto}.row--board>:first-child,.row--versions>:nth-child(2){grid-column:1/-1}.row--flows>:nth-child(3),.row--flows>:nth-child(4){display:none}.cell-label{margin-right:6px;display:inline}}.done-mark{color:var(--color-heading);margin:0 0 20px;font-size:12px;line-height:1.2}.done-terminal{border-radius:var(--radius-button);background:var(--color-accent);color:var(--color-border);font-family:var(--font-mono);overflow-wrap:anywhere;margin-top:24px;padding:14px 16px;font-size:13px;line-height:1.8}.done-terminal__ok{color:var(--color-terminal-ok)}.showcase{gap:48px;display:grid}.showcase__block h2{font-size:1.1rem;font-family:var(--font-mono);color:var(--color-secondary);margin-bottom:16px;font-weight:500}.swatches{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.swatch{padding:0;font-size:12px;overflow:hidden}.swatch__color{border-bottom:1px solid var(--color-border);height:56px}.swatch__label{font-family:var(--font-mono);overflow-wrap:anywhere;padding:8px 10px;line-height:1.5}.type-sample+.type-sample{margin-top:16px}.button-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.demo-frame{contain:paint;min-height:220px;position:relative;overflow:hidden}.demo-frame--auto{min-height:0;padding:0}.demo-frame .nav{position:relative}.gap-top{margin-top:16px}.gap-bottom{margin-bottom:12px}.type-h2{font-size:var(--text-h2)}.article__body.demo-enter-body{min-height:150px;margin-top:0}.eyebrow{font-size:var(--text-eyebrow);text-transform:uppercase;letter-spacing:.14em;color:var(--color-secondary);font-weight:500}