:root{--paper:#f7f5e9;--ink:#244b36;--muted:#616b59;--line:#d5dac9;--lime:#d5e9a1;--serif:Georgia,'Times New Roman',serif;--sans:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--mono:'Courier New',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.65}a{color:inherit;text-underline-offset:5px}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #ae5d2a;outline-offset:5px}.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}.header{display:flex;align-items:center;justify-content:space-between;padding-block:27px;border-bottom:1px solid var(--line)}.brand{font-weight:750;font-size:23px;letter-spacing:-1px;text-decoration:none;display:inline-flex;gap:10px;align-items:center;white-space:nowrap}.brand svg{width:27px;height:27px}.brand-dot{color:#8a9b37;margin-left:-10px}nav{display:flex;align-items:center;gap:32px;font-size:13px;font-weight:600}nav a{text-decoration:none}nav a:hover,.text-link:hover{text-decoration:underline}.nav-repo{border:1px solid var(--line);padding:8px 17px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:45px;padding-block:64px 70px;align-items:center}.eyebrow{font:11px/1.7 var(--mono);font-weight:bold;letter-spacing:1.4px;margin:0 0 25px;display:flex;align-items:center;gap:9px}.status-dot{display:inline-block;flex-shrink:0;width:6px;height:6px;background:#669042;box-shadow:0 0 0 3px #66904218}h1,h2{font-family:var(--serif);font-weight:normal;letter-spacing:-3px;line-height:1.02;margin:0}h1{font-size:clamp(66px,6.7vw,92px)}h1 em,h2 em{font-weight:normal;color:#6e813f}.intro{max-width:445px;margin:30px 0 27px;font-size:16px;line-height:1.8;color:var(--muted)}.intro strong{font-weight:600;color:var(--ink)}.actions{display:flex;gap:26px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;align-items:center;gap:28px;padding:14px 22px;font-size:13px;font-weight:650;text-decoration:none;border:1px solid transparent;box-shadow:3px 3px 0 #17322526;transition:transform .15s}.button:hover{transform:translateY(-2px)}.primary{background:var(--ink);color:var(--paper)}.text-link{font-size:13px;font-weight:650;text-decoration:none}.fine-print{font:10px/1.8 var(--mono);color:var(--muted);margin-top:18px}.hero-note{display:flex;align-items:center;gap:14px;margin-top:35px;transform:rotate(-4deg);width:300px;color:#7b8464}.hero-note>span:first-child{font-size:35px}.hero-note p{font-family:var(--serif);font-size:17px;font-style:italic;line-height:1.4}.note-arrow{font-size:45px;margin-left:14px}.hero-stage{position:relative;background:#e5e9d6;background-image:radial-gradient(#b1bca5 0.6px,transparent .6px);background-size:12px 12px;text-align:center;padding:24px 30px 20px;min-height:637px;border:1px solid #d5ddc8}.stage-label{font:9px/1.6 var(--mono);letter-spacing:.8px;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:20px}.garden-window{width:225px;margin:auto;border:6px solid #244133;border-radius:9px;box-shadow:14px 16px 0 #2d4d3020;background:#1c2c20;overflow:hidden}.garden-window img{display:block;width:100%;height:auto;image-rendering:pixelated}.mail-note{position:absolute;right:-16px;top:275px;width:180px;background:#fffcef;padding:17px 17px 14px;text-align:left;transform:rotate(7deg);box-shadow:1px 4px 10px #27372220;border:1px solid #d6d9bf}.mail-note p{font-family:var(--serif);font-size:19px;line-height:1.3;margin:22px 0 14px}.stamp{position:absolute;right:10px;top:6px;border:1px dashed #8b9c70;color:#7d8e5d;font-size:22px;padding:0 5px;line-height:1.3}.handwritten{font:9px var(--mono);color:var(--muted)}.watch{border:0;border-bottom:1px solid #80926c;background:transparent;color:var(--ink);font-size:11px;font-weight:650;margin-top:25px;padding:7px 0}.watch>span:first-child{margin-right:7px}.stage-caption{font:9px/1.6 var(--mono);color:var(--muted);margin:10px 0 0}.ticker{border-block:1px solid var(--line);background:#eef0de}.ticker-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-block:18px;font:10px var(--mono);font-weight:bold;letter-spacing:1.8px}.ticker-inner span:nth-child(even){font-size:18px;color:#7c9151}.section{padding-block:88px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:38px}h2{font-size:clamp(40px,4.4vw,58px);letter-spacing:-1.7px;line-height:1.1}.section-heading>p{font-size:13px;line-height:1.8;color:var(--muted);margin:0 0 3px}.garden-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}figure{margin:0;min-width:0}.screenshot{background:#1c2c20;border:1px solid #bcc7ad;padding:5px}.screenshot img{display:block;width:100%;height:auto;image-rendering:pixelated}figcaption{display:flex;gap:11px;margin-top:18px}h3{font-size:14px;line-height:1.5;margin:0;font-weight:650}figcaption p{font-size:11px;color:var(--muted);margin:5px 0 0}.garden-number{font:10px var(--mono);padding-top:5px;color:#87956a}.gallery-footnote{font:11px/1.8 var(--mono);color:var(--muted);text-align:center;margin:35px 0 0}.how-section{background:#e9edde;border-block:1px solid var(--line);padding-block:80px}.how-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px}.how-intro>p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:405px;margin-top:25px}blockquote{font:italic 25px/1.4 var(--serif);margin:35px 0 0;padding-left:24px;border-left:2px solid #8a9e63;max-width:410px}blockquote span{display:block;font:9px/1.7 var(--mono);color:var(--muted);margin-top:13px}.steps article{display:flex;gap:22px;padding-block:24px;border-bottom:1px solid #cdd6bf}.steps article:first-child{padding-top:0}.step-number{font:11px var(--mono);padding-top:5px;color:#6e813f}.steps h3{font:24px/1.3 var(--serif);letter-spacing:-.3px}.steps p{font-size:13px;color:var(--muted);margin:12px 0 0}.under-hood{display:grid;grid-template-columns:1fr 1fr;gap:100px}.hood-copy p{font-size:14px;color:var(--muted);margin:0 0 20px}.get-started{background:var(--ink);color:var(--paper);padding-block:75px}.start-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;align-items:center}.get-started .eyebrow{color:#c3d29c}.get-started h2{font-size:66px}.get-started h2 em{color:var(--lime)}.get-started p:not(.eyebrow){font-size:13px;color:#d2ddca}.light{background:var(--lime);color:var(--ink);margin-top:16px}.terminal{background:#193728;border:1px solid #5c7657}.terminal-heading{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;border-bottom:1px solid #405f43;font:9px var(--mono);letter-spacing:1px;color:#c5d7b5}.terminal-heading button{background:transparent;border:1px solid #627c58;color:#dce8cd;font:10px var(--mono);padding:5px 8px}pre{margin:20px 18px 0;white-space:pre-wrap;overflow-wrap:anywhere;font:12px/2 var(--mono);color:var(--lime)}.get-started .terminal-comment{font:10px/1.7 var(--mono);color:#adc09f;margin:17px 18px 22px}.setup-note{line-height:1.8;margin:20px 0 12px}.setup>a{font-size:11px;color:#e1e9ce}.footer{display:flex;gap:25px;justify-content:space-between;align-items:center;padding-block:30px}.footer .brand{font-size:18px}.footer>p{font:10px var(--mono);color:var(--muted)}.footer>a:last-child{font-size:11px;text-decoration:none}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip:focus{position:fixed;left:15px;top:10px;z-index:10;background:var(--paper);padding:10px}
@media(min-width:1450px){.hero{padding-block:75px 80px}.hero-stage{min-height:650px}.garden-window{width:230px}}
@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.hero{gap:25px}h1{font-size:68px}.hero-stage{padding-inline:16px;min-height:auto}.garden-window{width:210px}.mail-note{right:-8px;width:150px;top:270px}.mail-note p{font-size:17px}.hero-note{margin-top:20px}.how-layout,.under-hood{gap:45px}.start-layout{gap:35px}.garden-grid{gap:12px}figcaption{gap:6px}h3{font-size:12px}.section{padding-block:65px}.footer>p{display:none}}
@media(max-width:720px){.wrap{width:calc(100% - 40px)}.header{padding-block:20px}.brand{font-size:21px}nav{gap:15px}nav>a:not(.nav-repo){display:none}.nav-repo{font-size:12px;padding:6px 12px}.hero{grid-template-columns:1fr;padding-block:40px 40px;gap:35px}.hero h1{font-size:clamp(62px,12vw,80px);letter-spacing:-2.5px}.hero-copy .eyebrow{font-size:9px;margin-bottom:20px}.intro{font-size:15px;margin-block:24px;max-width:490px}.hero-note{display:none}.hero-stage{padding-block:20px;max-width:480px;width:100%;justify-self:center}.garden-window{width:205px}.mail-note{right:6px;top:245px;width:140px}.mail-note p{font-size:16px}.stage-label{font-size:8px;letter-spacing:.4px}.stage-caption{font-size:8px}.ticker-inner{justify-content:center;flex-wrap:wrap;gap:12px;font-size:8px;letter-spacing:.5px}.ticker-inner span:nth-child(6),.ticker-inner span:nth-child(7){display:none}.section{padding-block:54px}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:22px}.section-heading>p br{display:none}.eyebrow{font-size:9px;margin-bottom:18px}h2{font-size:43px}.garden-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 13px}figcaption{gap:7px;margin-top:10px}figcaption h3{font-size:11px}figcaption p{font-size:10px}.garden-number{font-size:8px}.gallery-footnote{font-size:9px;margin-top:27px}.how-section{padding-block:52px}.how-layout,.under-hood,.start-layout{grid-template-columns:1fr;gap:35px}.how-intro>p:not(.eyebrow){max-width:none}.how-intro blockquote{font-size:23px;margin-top:25px}.steps article{padding-block:22px}.steps h3{font-size:23px}.get-started{padding-block:50px}.get-started h2{font-size:60px}pre{font-size:11px}.terminal-comment{overflow-wrap:anywhere}.footer{flex-wrap:wrap;gap:12px;padding-block:25px}.footer>a:last-child{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}