:root{--bg:#070b13;--bg-elevated:#0d1420;--border:#1c2b40;--border-soft:#16202f;--accent:#3b6ff0;--accent-hover:#5786f5;--text:#eef1f6;--text-muted:#8b93a7;--text-faint:#5b6478;--font-sans:-apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, "JetBrains Mono", Menlo, Consolas, monospace;--radius:10px;--wrap-width:1080px}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.wrap{max-width:var(--wrap-width);margin:0 auto;padding:0 24px}.eyebrow{display:block;font-size:.8rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}.tag{display:inline-block;border:1px solid var(--accent);color:var(--accent-hover);border-radius:6px;font-size:.75rem;font-weight:600;padding:3px 10px;white-space:nowrap}.btn{display:inline-block;border-radius:8px;font-weight:600;font-size:.9rem;padding:10px 18px;border:1px solid transparent}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover{background:var(--accent-hover)}.site-header{border-bottom:1px solid var(--border-soft)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:20px;padding-bottom:20px}.brand{font-family:var(--font-mono);font-size:1.1rem;font-weight:600;color:var(--text);white-space:nowrap}.brand__prompt{color:var(--accent)}.site-nav{display:flex;gap:28px;flex:1;justify-content:center;flex-wrap:wrap}.site-nav__link{color:var(--text-muted);font-size:.95rem}.site-nav__link:hover,.site-nav__link.is-active{color:var(--text)}.hero{padding:56px 0 48px}.hero__inner{display:flex;align-items:flex-start;gap:48px;flex-wrap:wrap}.hero__text{flex:1 1 380px;min-width:300px}.hero__title{font-size:2.6rem;line-height:1.15;font-weight:700;margin:0 0 20px}.hero__cursor{color:var(--accent)}.hero__subhead{color:var(--text-muted);font-size:1.05rem;max-width:46ch;margin:0 0 20px}.hero__cta{color:var(--accent-hover);font-weight:600}.hero__cta:hover{color:var(--accent)}.hero__diagram{flex:1 1 420px;min-width:320px}.diagram{margin:0}.diagram__svg{width:100%;height:auto}.diagram__box{fill:var(--bg-elevated);stroke:var(--border);stroke-width:1.5}.diagram__icon,.diagram__icon-outline{fill:none;stroke:var(--accent);stroke-width:1.5}.diagram__icon-detail{fill:none;stroke:var(--accent);stroke-width:1.5}.diagram__arrow{stroke:var(--accent);stroke-width:1.5}.diagram__label{fill:var(--text-faint);font-size:10px}.diagram__caption{margin-top:14px;color:var(--text-muted);font-size:.85rem;text-align:center}.featured-card{display:flex;gap:32px;border:1px solid var(--border);background:var(--bg-elevated);border-radius:var(--radius);padding:32px;margin-bottom:48px;flex-wrap:wrap}.featured-card__main{flex:1 1 380px;min-width:280px}.featured-card__title{font-size:1.6rem;line-height:1.3;margin:0 0 12px}.featured-card__desc{color:var(--text-muted);margin:0 0 20px;max-width:60ch}.featured-card__meta{display:flex;align-items:center;gap:16px;color:var(--text-muted);font-size:.85rem;margin-bottom:24px;flex-wrap:wrap}.featured-card__tree{flex:1 1 300px;min-width:260px}.file-tree{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:16px 20px;overflow-x:auto}.file-tree pre{margin:0;font-family:var(--font-mono);font-size:.82rem;color:var(--text-muted)}.file-tree__line{display:block}.file-tree__num{display:inline-block;width:1.6em;color:var(--text-faint);user-select:none}.latest-articles{margin-bottom:48px}.section-list{padding:48px 0}.section-list__title{margin-bottom:8px}.section-list__desc{color:var(--text-muted);margin-bottom:32px}.section-list__body{color:var(--text-muted);max-width:60ch;margin-bottom:32px}.section-list__body a{color:var(--accent-hover)}.article-rows{border-top:1px solid var(--border-soft)}.article-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0;border-bottom:1px solid var(--border-soft);flex-wrap:wrap}.article-row__main{flex:1 1 380px;min-width:240px}.article-row__title{font-size:1.05rem;margin:0 0 6px}.article-row:hover .article-row__title{color:var(--accent-hover)}.article-row__desc{color:var(--text-muted);font-size:.9rem;margin:0}.article-row__meta{display:flex;align-items:center;gap:16px;flex-shrink:0}.article-row__date{color:var(--text-muted);font-size:.85rem}.built-with{display:flex;align-items:center;gap:24px;border:1px solid var(--border);border-radius:var(--radius);padding:20px 32px;margin-bottom:48px;flex-wrap:wrap}.built-with__label{color:var(--text-muted);flex-shrink:0}.built-with__pills{display:flex;gap:12px;flex-wrap:wrap}.pill{display:inline-block;border:1px solid var(--accent);color:var(--accent-hover);border-radius:6px;font-size:.8rem;font-weight:600;padding:4px 12px}.article{padding:48px 0 64px;max-width:72ch}.article__title{margin:12px 0 16px}.article__meta{display:flex;gap:16px;color:var(--text-muted);font-size:.85rem;margin-bottom:32px}.article__body{color:var(--text)}.article__body p{color:var(--text-muted);line-height:1.7}.article__body a{color:var(--accent-hover)}.article__body a:hover{color:var(--accent)}.site-footer{border-top:1px solid var(--border-soft);padding-top:48px}.site-footer__inner{display:flex;gap:32px;flex-wrap:wrap;padding-bottom:32px}.footer-col{display:flex;flex-direction:column;gap:12px;flex:1 1 160px;min-width:160px;font-size:.9rem}.footer-col a{color:var(--text-muted)}.footer-col a:hover{color:var(--accent-hover)}.footer-col--brand{flex:1 1 240px}.footer-tagline{color:var(--text-muted);font-size:.85rem;max-width:32ch;margin:0}.footer-col--whoami{flex:1 1 220px}.terminal-block{border:1px solid var(--border);border-radius:8px;padding:14px 16px;font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted)}.terminal-block__prompt{color:var(--accent)}.site-footer__bottom{border-top:1px solid var(--border-soft);padding:20px 0;text-align:center;color:var(--text-faint);font-size:.8rem}@media(max-width:720px){.site-nav{order:3;width:100%;justify-content:flex-start;gap:16px}.hero__title{font-size:2rem}.article-row__meta{width:100%;justify-content:space-between}}