@import url('https://api.fontshare.com/v2/css?f[]=satoshi@400,500,700,900&display=swap');
:root{--paper:#f6f5ef;--ink:#171912;--muted:#4d5047;--line:#d0d1c5;--green:#d7ed9d;--dark:#20271c;--gutter:clamp(20px,4.5vw,80px);--chapter:clamp(88px,12vw,176px);--radius:24px;--font:'Satoshi',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font:500 17px/1.6 var(--font);-webkit-font-smoothing:antialiased}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:5px}button:focus-visible,a:focus-visible,summary:focus-visible,pre:focus-visible{outline:3px solid #687d30;outline-offset:5px}button:disabled{cursor:default}img{max-width:100%;display:block}button,a{touch-action:manipulation}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500;line-height:1.03;letter-spacing:-.055em}h2{font-size:clamp(44px,6vw,88px)}h3{font-size:clamp(25px,3vw,40px)}p{max-width:65ch}button svg,a svg{width:20px;height:20px}main{overflow:clip;width:100%;max-width:100%}.wrap{max-width:1600px;padding-inline:var(--gutter);margin:auto}.chapter{padding-block:var(--chapter)}.eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:700}.skip{position:fixed;z-index:100;top:8px;left:20px;transform:translateY(-150%);padding:12px;background:var(--ink);color:white}.skip:focus{transform:none}.site-header{position:absolute;top:0;left:0;width:100%;z-index:20;padding:28px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:8px;font-size:32px;font-weight:900;letter-spacing:-.06em;text-decoration:none}.brand img{width:47px;height:32px}.site-header nav{display:flex;align-items:center;gap:28px;font-size:14px}.site-header nav a{text-decoration:none}.site-header nav a:hover{text-decoration:underline}.motion-toggle{width:44px;height:44px;border:1px solid var(--ink);background:transparent;border-radius:50%;color:var(--ink);display:grid;place-items:center}.nav-tools{display:flex;gap:20px;align-items:center}.hero{min-height:920px;min-height:min(1100px,100svh);position:relative;isolation:isolate;display:grid;align-content:center;text-align:center;background:#e9eddd;padding:150px var(--gutter) 80px}.hero::after{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 40%,#f0f1e5e8 10%,#eef0e244 70%,#cbd3b244)}.ascii-field{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;z-index:-2;margin:0;font:11px/1 monospace;letter-spacing:2px;white-space:pre;text-align:center;color:#656c59;user-select:none;pointer-events:none;mask-image:linear-gradient(black 50%,transparent)}.hero h1{width:100%;max-width:1200px;margin:22px auto 26px;font-size:clamp(60px,8.2vw,128px);font-weight:500;line-height:.98}.hero h1 em{font-style:normal;color:#485932}.hero .intro{font-size:clamp(17px,1.6vw,21px);max-width:580px;margin:0 auto;color:#30382a}.hero-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;min-height:52px;padding:14px 24px;border:1px solid var(--ink);border-radius:6px;background:var(--ink);color:#fff;text-decoration:none;font-size:15px;line-height:1.4;transition:background .2s,transform .2s}.button:hover{background:#3c472f;transform:translateY(-2px)}.button.secondary{background:transparent;color:var(--ink)}.button.secondary:hover{background:#fff7}.hero-foot{margin:50px auto 0;display:flex;gap:12px;align-items:center;font-size:12px;letter-spacing:.025em}.hero-foot img{width:36px;height:26px}.marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:24px;background:var(--paper)}.marquee-track{display:flex;width:max-content;gap:54px;animation:drift 40s linear infinite;font-size:clamp(25px,3vw,42px);letter-spacing:-.04em}.marquee-track span{display:flex;gap:54px;align-items:center}.marquee-track i{font-style:normal;color:#687653}.section-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:48px}.section-head h2{max-width:850px}.section-head p{max-width:350px;color:var(--muted)}.inline-mark{display:inline-flex;vertical-align:middle;width:1.45em;height:.8em;background:#e1e9cb;border-radius:40px;align-items:center;justify-content:center;overflow:hidden}.inline-mark img{height:85%;width:auto}.feature-grid{display:grid;grid-template-columns:1fr 1fr;grid-auto-flow:dense;gap:16px}.feature{padding:clamp(26px,4vw,56px);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;min-width:0;display:flex;flex-direction:column;align-items:start;background:#efeee7}.feature:nth-child(2){background:var(--green)}.feature:nth-child(3){background:#e6e8de}.feature:nth-child(4){background:#f0e5d7}.feature h3{margin-bottom:18px;max-width:420px}.feature p{color:#35372f}.feature a{margin-top:28px;font-size:14px}.feature-visual{height:135px;margin-top:35px;display:flex;align-items:center;justify-content:center;width:100%;gap:10px}.route-node{padding:12px 18px;background:var(--paper);border:1px solid #858b7c;border-radius:5px;font-size:13px;letter-spacing:-.02em}.route-node.selected{background:var(--ink);color:var(--green);transform:translateY(-12px)}.skill-lines{font:14px/2.1 monospace;width:100%;color:#23291d;white-space:pre-line}.crosshair{position:relative;width:180px;height:88px;border:1px dashed #6f7866;border-radius:12px;display:grid;place-items:center}.crosshair::before,.crosshair::after{content:'';position:absolute;width:12px;height:12px;border-color:#38432d;border-style:solid}.crosshair::before{top:-3px;left:-3px;border-width:3px 0 0 3px}.crosshair::after{bottom:-3px;right:-3px;border-width:0 3px 3px 0}.crosshair span{background:#232a1c;color:#fff;padding:8px 34px;border-radius:4px;font-size:16px}.open-source-visual{font-family:monospace;font-size:clamp(38px,5vw,65px);letter-spacing:-.08em;color:#4e493c}.story{background:var(--dark);color:var(--paper)}.story-intro{font-size:clamp(30px,4.3vw,65px);line-height:1.15;letter-spacing:-.04em;max-width:1150px;margin-bottom:clamp(64px,10vw,144px)}.story-intro .word{display:inline-block}.story-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(32px,8vw,120px);align-items:start}.story-title{position:sticky;top:120px}.story-title p{margin-top:25px;color:#c4ccbb;max-width:290px}.steps{display:grid;gap:24px}.step{border-radius:var(--radius);padding:clamp(30px,5vw,65px);background:#e8eddf;color:var(--ink);min-height:380px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #91a27d}.step:nth-child(2){background:#d9e6bb}.step:nth-child(3){background:#c2d99a}.step p{margin-top:30px}.step-code{font:13px/1.8 monospace;margin-bottom:46px;white-space:pre-wrap;overflow-wrap:anywhere}.step-number{font-size:12px;letter-spacing:.12em}.benchmark{background:#ebe9df}.benchmark-card{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,8vw,100px);padding-top:45px;border-top:1px solid #b8b9aa}.timings{display:grid;gap:28px}.timing-header{display:flex;justify-content:space-between;align-items:baseline;gap:20px;font-size:14px}.timing-header strong{font-size:36px;font-weight:500;letter-spacing:-.05em}.bar{height:12px;background:#d8d9cd;border-radius:5px;margin-top:12px;overflow:hidden}.bar span{display:block;background:#414d32;height:100%;width:100%}.bar.warm span{width:25.42%;background:#7f9d49}.benchmark-copy h3{margin-bottom:25px}.benchmark-copy p{font-size:15px;margin-bottom:20px}.benchmark details{border-top:1px solid #b9baac;margin-top:35px;padding-top:20px;font-size:14px}.benchmark summary{cursor:pointer;font-weight:700}.benchmark details p{margin:20px 0;max-width:85ch}.examples{background:#f0eee7}.example-shell{border-top:1px solid var(--line);padding-top:40px;display:grid;grid-template-columns:1fr 1.25fr;gap:80px}.example-stage{min-height:290px;display:flex;flex-direction:column;justify-content:space-between}.example-stage h3{font-size:clamp(32px,4vw,54px);margin:20px 0}.example-stage p{color:var(--muted)}.example-tag{font:12px monospace;letter-spacing:.05em}.example-footer{display:flex;justify-content:space-between;align-items:center;margin-top:32px;gap:20px}.round{width:48px;height:48px;border:1px solid var(--ink);border-radius:50%;background:transparent;color:var(--ink)}.round:hover{background:var(--green)}.example-art{background:#e1e8d3;border-radius:var(--radius);display:grid;place-content:center;text-align:center;min-height:340px;overflow:hidden;padding:32px}.example-art img{height:100px;margin:auto auto 20px}.example-art code{font-size:13px;white-space:pre-wrap;color:#26331c}.workflows .section-head{align-items:start}.workflow-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:32px}.workflow-list{display:flex;flex-direction:column}.workflow-list button{text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);padding:20px 20px 20px 0;display:flex;justify-content:space-between;gap:20px}.workflow-list button[aria-pressed=true]{font-weight:900}.workflow-list button[aria-pressed=true]::after{content:'↗'}.paper{border:1px solid var(--line);border-radius:16px;padding:clamp(24px,3vw,44px);background:#fffdf7;min-width:0}.paper-header{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:24px}.paper h3{font-size:26px}.markdown{font:13px/1.85 ui-monospace,Consolas,monospace;color:#000;white-space:pre-wrap;overflow-wrap:anywhere;max-height:440px;overflow:auto;tab-size:2;margin:0}.status{font-size:13px;min-height:24px;margin-top:10px;color:#28371a}.workflow-actions{display:flex;gap:22px;flex-wrap:wrap;align-items:center;margin-top:24px;font-size:13px}.workflow-install{margin-top:36px;border-top:1px solid var(--line);padding-top:28px}.workflow-install p{margin-bottom:18px;font-size:14px}.command{padding:22px;background:#fff;color:#000;border:1px solid #c6c9bc;border-radius:8px;font:13px/1.8 ui-monospace,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;margin:20px 0}.install{background:var(--green)}.install h2{font-size:clamp(58px,9vw,134px);max-width:1200px}.install-top{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:55px}.install-top img{width:150px;height:auto}.install-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(30px,7vw,100px);border-top:1px solid #9fb77c;padding-top:40px}.os-switch{display:flex;gap:6px;flex-wrap:wrap}.os-switch button{background:transparent;border:1px solid #839767;border-radius:5px;padding:10px 16px;min-height:44px;color:var(--ink);font-size:14px}.os-switch button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.install-notes p{font-size:15px;margin-bottom:20px}.install-links{display:flex;flex-wrap:wrap;gap:24px;font-size:13px;margin-top:22px}.setup-guide{margin-top:50px;padding-top:25px;border-top:1px solid #9fb77c}.setup-guide summary{font-size:17px;cursor:pointer}.setup-guide .paper{margin-top:25px}.footer{padding-block:45px;background:var(--dark);color:var(--paper)}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer .brand img{filter:invert(1)}.footer nav{display:flex;gap:25px;font-size:14px;flex-wrap:wrap}.footer-bottom{border-top:1px solid #59624e;padding-top:24px;margin-top:35px;display:flex;justify-content:space-between;gap:25px;font-size:12px;color:#c9d1bf}.motion-paused .marquee-track{animation-play-state:paused}.motion-paused .story-intro .word{opacity:1!important}.motion-paused .step{transform:none!important}.motion-paused .pin-spacer{padding:0!important;height:auto!important}.motion-paused .step{position:relative!important;top:auto!important;left:auto!important;width:auto!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes drift{to{transform:translateX(-50%)}}
@media(min-width:1000px){.step{position:sticky;top:130px}}
@media(max-width:900px){.site-header nav{gap:18px}.site-header nav a:nth-child(3){display:none}.section-head{display:block}.section-head p{margin-top:24px;max-width:550px}.story-layout{grid-template-columns:1fr;gap:48px}.story-title{position:static}.story-title p{max-width:550px}.example-shell{gap:35px}.hero{min-height:860px}.feature-visual{gap:6px}.route-node{padding:10px 12px}.install-grid{gap:32px}.workflow-layout{grid-template-columns:1fr}.workflow-list{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}}
@media(max-width:600px){body{font-size:16px}.site-header{padding-top:20px;gap:15px}.brand{font-size:28px}.brand img{width:38px}.site-header nav{gap:18px}.site-header nav a{display:none}.site-header nav a:last-child{display:block}.nav-tools{gap:16px}.hero{min-height:790px;padding-top:130px;padding-bottom:60px}.hero h1{font-size:clamp(52px,10.5vw,65px);margin-top:25px;letter-spacing:-.065em}.hero .eyebrow{font-size:10px}.hero .intro{max-width:330px;font-size:17px}.hero-actions{gap:10px}.button{padding:13px 18px;gap:16px}.hero-foot{max-width:270px;line-height:1.6;align-items:center;margin-top:32px;text-align:left}.section-head{margin-bottom:30px}.feature-grid{grid-template-columns:1fr}.feature{padding:30px}.feature h3{font-size:32px}.feature-visual{height:105px}.story-intro{font-size:34px}.story-title h2{font-size:49px}.step{min-height:340px}.step h3{font-size:36px}.benchmark-card{grid-template-columns:1fr;gap:45px}.example-shell{grid-template-columns:1fr;gap:30px}.example-art{min-height:250px}.example-stage{min-height:280px}.example-footer{margin-top:25px}.workflow-list{grid-template-columns:1fr}.paper-header{align-items:start;flex-direction:column;gap:15px}.install-top img{width:85px}.install-top{gap:12px;align-items:start}.install h2{font-size:clamp(52px,10vw,65px)}.install-grid{grid-template-columns:1fr}.install-notes{padding-top:12px}.command{font-size:12px}.footer-top{align-items:start;flex-direction:column}.footer-bottom{flex-direction:column;gap:8px}.footer nav{gap:20px}.step-code{font-size:12px}.marquee-track{gap:35px}.marquee-track span{gap:35px}.ascii-field{font-size:10px;letter-spacing:1px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.story-intro .word{opacity:1!important}.step{transform:none!important}}