@font-face{font-family:Inter;src:url(/fonts/InterVariable.woff2)format("woff2");font-weight:400 700;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/InterVariable-Italic.woff2)format("woff2");font-weight:400 700;font-style:italic;font-display:swap}@font-face{font-family:Inter Tight;src:url(/fonts/InterTight-Variable.woff2)format("woff2");font-weight:400 700;font-style:normal;font-display:swap}:root{color:#18332e;font-synthesis:none;--pine:#17463f;--ink:#18332e;--muted:#546b60;--paper:#f6f5ed;--line:#ccd9d2;--font-display:"Inter Tight", "Inter", sans-serif;background:#f6f5ed;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{-webkit-font-smoothing:antialiased;min-width:320px;margin:0}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{text-underline-offset:5px;text-decoration:underline}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline-offset:5px;outline:3px solid #4d8e77}button:focus:not(:focus-visible),input:focus:not(:focus-visible){outline:none}button,a{touch-action:manipulation}img{max-width:100%;display:block}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3{font-family:var(--font-display)}h1,h2{letter-spacing:-.045em;font-weight:620}h2{font-size:clamp(32px,3.9vw,48px);line-height:1.12}.page-width{width:min(1184px,100% - 96px);margin-inline:auto}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:30;background:var(--pine);color:#fff;border-radius:6px;padding:14px 20px;position:fixed;top:-80px;left:20px}.skip-link:focus{top:16px}.site-header{justify-content:space-between;align-items:center;padding-block:25px;display:flex}.wordmark{font-family:var(--font-display);letter-spacing:-.045em;align-items:center;gap:11px;font-size:30px;font-weight:650;display:inline-flex}.wordmark img{border-radius:9px}.main-nav{align-items:center;gap:32px;font-size:13px;font-weight:500;display:flex}.nav-github{border-left:1px solid var(--line);align-items:center;gap:8px;padding-left:30px;display:inline-flex}.hero{text-align:center;padding-block:74px 64px}.hero-intro{color:var(--muted);align-items:center;gap:9px;font-size:12px;display:inline-flex}.hero-intro>span,.development-note>span{background:#4d8e77;border-radius:50%;flex-shrink:0;width:6px;height:6px}h1{margin-block:23px 26px;font-size:clamp(44px,6.2vw,78px);line-height:1.04}.hero-description{max-width:565px;color:var(--muted);text-wrap:pretty;margin-inline:auto;font-size:17px;line-height:1.8}.hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:28px;margin-top:31px;display:flex}.button{border-radius:7px;justify-content:center;align-items:center;gap:14px;min-height:48px;padding:14px 20px;font-size:13px;font-weight:550;line-height:1.4;display:inline-flex}.button-primary{color:var(--paper);background:var(--pine);border:1px solid var(--pine);box-shadow:0 2px 2px #18332e0b}.button-primary:hover{background:#22574d;text-decoration:none}.text-link{justify-content:center;align-items:center;gap:11px;font-size:13px;font-weight:500;line-height:1.5;display:inline-flex}.demo-section{padding-bottom:82px}.demo-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:17px;display:flex}.demo-heading h2{letter-spacing:0;font:500 13px/1.5 Inter,sans-serif}.demo-heading p{color:var(--muted);font-size:12px}.demo-window{background:#fff;border:1px solid #bfcdc5;border-radius:13px;overflow:hidden;box-shadow:0 16px 48px -24px #153b2f42,0 1px 3px #153b2f0a}.window-toolbar{color:#4c6458;background:#e7ede6;border-bottom:1px solid #d4ddd5;grid-template-columns:1fr auto 1fr;align-items:center;height:42px;padding:0 17px;font-size:11px;display:grid}.window-dots{gap:6px;display:flex}.window-dots span{background:#b6c5b9;border-radius:50%;width:8px;height:8px}.window-dots span:first-child{background:#a1b4a7}.demo-indicator{justify-self:end;font-size:10px}.demo-workspace{grid-template-columns:260px 1fr;min-height:530px;display:grid}.demo-sidebar{background:#f1f4ee;border-right:1px solid #e1e7de;padding:25px 15px 22px}.library-title{align-items:center;gap:10px;padding-inline:8px;font-size:11px;font-weight:600;display:flex}.library-title img{border-radius:6px}.demo-search{color:#627264;background:#e7ece3;border:1px solid #0000;border-radius:5px;align-items:center;gap:7px;margin-top:23px;padding:9px 10px;display:flex}.demo-search:focus-within{border-color:#5d8c72}.demo-search input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;font-size:11px}.demo-search input:focus-visible{outline:none}.demo-search input::placeholder{color:#68776b;opacity:1}.notes-list-heading{color:#66766a;justify-content:space-between;padding:26px 9px 10px;font-size:10px;display:flex}.notes-list{gap:4px;display:grid}.note-choice{text-align:left;background:0 0;border:0;border-radius:5px;align-items:flex-start;gap:9px;width:100%;min-height:42px;padding:11px 9px;font-size:11px;line-height:1.6;display:flex}.note-choice svg{color:#687e6d;flex-shrink:0;margin-top:1px}.note-choice:hover{background:#e8ede4}.note-choice.is-selected{color:#17463f;background:#dfe8db;font-weight:550}.note-choice.is-selected svg{color:var(--pine)}.sidebar-caption{color:#5b6d5e;padding:39px 10px 0;font-size:11px;line-height:1.8}.demo-empty{color:var(--muted);margin:7px;font-size:11px;line-height:1.7}.demo-empty button{text-underline-offset:3px;background:0 0;border:0;align-items:center;gap:5px;padding:8px 0;text-decoration:underline;display:inline-flex}.demo-editor{background:#fffefa;flex-direction:column;min-width:0;display:flex}.note-breadcrumb{color:#5d6e60;border-bottom:1px solid #f0f0e9;align-items:center;gap:10px;padding:18px 26px;font-size:10px;display:flex}.preview-note{flex:1;width:min(100%,690px);margin-inline:auto;padding:32px 48px 26px}.note-category{color:#57715c;background:#edf2e8;border-radius:4px;padding:4px 8px;font-size:10px;display:inline-block}.preview-note h3{letter-spacing:-.035em;margin-top:16px;margin-bottom:22px;font-family:Georgia,Times New Roman,serif;font-size:31px;font-weight:400;line-height:1.16}.note-body{color:#4c564b;font-family:Georgia,Times New Roman,serif;font-size:15px;line-height:1.85}.note-body p+p{margin-top:14px}.note-body blockquote{color:#3e5943;border-left:2px solid #9eb499;margin:22px 0 0;padding:2px 0 2px 16px;font-style:italic}.note-connections{border-top:1px solid #e7ebe0;margin-top:28px;padding-top:18px}.note-connections h4{color:#5d6e58;align-items:center;gap:8px;font-size:10px;font-weight:400;display:flex}.note-connections>div{flex-wrap:wrap;gap:9px 15px;margin-top:10px;display:flex}.note-connections button{color:#37614c;background:0 0;border:0;padding:5px 0;font-size:11px;line-height:1.5}.note-connections button span{color:#91a38a}.note-connections button:hover{text-underline-offset:4px;text-decoration:underline}.editor-footer{color:#616d5e;border-top:1px solid #eeeee6;justify-content:space-between;padding:10px 23px;font-size:9px;display:flex}.demo-caption{color:var(--muted);justify-content:center;align-items:center;gap:8px;margin-top:19px;font-size:11px;display:flex}.features-section{padding-block:43px 99px}.section-heading{grid-template-columns:1fr 1fr;align-items:end;gap:80px;display:grid}.section-heading>p{max-width:385px;color:var(--muted);font-size:15px;line-height:1.9}.feature-columns{grid-template-columns:1fr 1fr;gap:80px;margin-top:52px;display:grid}.feature-copy{border-top:1px solid var(--line);padding-top:29px}.feature-copy>svg{color:#426955}.feature-copy h3{letter-spacing:-.025em;margin-block:20px 13px;font-size:24px;font-weight:550;line-height:1.25}.feature-copy>p{color:var(--muted);max-width:440px;font-size:14px;line-height:1.85}.file-stack{color:#5d735f;background:#ebeee4;border-radius:7px;margin-top:25px;padding:17px 22px;font-size:11px}.file-stack>div{align-items:center;gap:11px;padding-block:7px;display:flex}.file-stack>div+div{border-left:1px solid #c9d2c1;margin-left:8px;padding-left:21px}.file-stack>div:first-child{color:var(--ink);font-weight:500}.history-example{gap:0;margin-top:25px;padding:8px 22px;font-size:12px;display:grid}.history-example>div{align-items:flex-start;gap:17px;padding-block:10px;display:flex;position:relative}.history-example>div:first-child:after{content:"";background:#b4c4ad;width:1px;height:calc(100% - 10px);position:absolute;top:21px;left:4px}.history-dot{border:2px solid var(--paper);background:#71936a;border-radius:50%;outline:1px solid #71936a;flex-shrink:0;width:9px;height:9px;margin-top:3px;display:block}.history-example small{color:var(--muted);margin-top:7px;font-size:11px;display:block}.story-section{background:var(--pine);color:var(--paper)}.story-inner{grid-template-columns:.85fr 1fr;align-items:center;gap:100px;padding-block:68px;display:grid}.story-symbol{justify-self:center;width:min(100%,320px)}.story-symbol img{border-radius:12px}.story-copy{max-width:480px}.story-copy h2{margin-bottom:25px;font-size:clamp(36px,4.1vw,51px)}.story-copy p{color:#c9dcd0;font-size:14px;line-height:1.9}.story-copy p+p{margin-top:17px}.faq-section{grid-template-columns:.8fr 1.2fr;gap:70px;padding-block:102px 91px;display:grid}.faq-section h2{padding-top:16px;font-size:clamp(32px,3.5vw,42px)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{justify-content:space-between;align-items:center;gap:24px;min-height:71px;padding-block:21px;font-size:14px;font-weight:500;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary svg{color:#6a826f;flex-shrink:0;transition:transform .16s}.faq-list details[open] summary svg{transform:rotate(45deg)}.faq-list details>p{max-width:65ch;color:var(--muted);padding:0 28px 24px 0;font-size:13px;line-height:1.85}.start-section{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:75px;padding-block:63px 72px;display:flex}.development-note{color:var(--muted);align-items:center;gap:8px;margin-bottom:18px;font-size:11px;display:flex}.start-section h2{font-size:clamp(34px,3.8vw,46px)}.start-section h2+p{max-width:450px;color:var(--muted);margin-top:21px;font-size:14px;line-height:1.85}.start-section .distribution-note{color:#596e5b;max-width:430px;margin-top:13px;font-size:11px;line-height:1.8}.start-actions{flex-direction:column;flex-shrink:0;align-items:flex-start;gap:22px;display:flex}.start-actions .text-link{padding-left:7px}.site-footer{border-top:1px solid var(--line);align-items:center;gap:22px;padding-block:27px 32px;display:flex}.site-footer .wordmark{font-size:25px}.site-footer>p{color:var(--muted);font-size:11px}.site-footer nav{color:var(--muted);gap:24px;margin-left:auto;font-size:11px;display:flex}@media (width>=1500px){.hero{padding-top:93px}}@media (width<=1000px){.page-width{width:calc(100% - 64px)}.demo-workspace{grid-template-columns:225px 1fr}.preview-note{padding-inline:30px}.section-heading,.feature-columns{gap:44px}.story-inner{gap:50px}.faq-section{gap:40px}.start-section{gap:35px}.site-footer{flex-wrap:wrap}.site-footer nav{width:100%;margin-left:0}}@media (width<=720px){.page-width{width:calc(100% - 40px)}.site-header{padding-block:20px}.wordmark{font-size:28px}.main-nav{gap:20px;font-size:12px}.main-nav>a:nth-child(2){display:none}.nav-github{border:0;padding-left:0}.hero{padding-block:48px 47px}.hero-intro{font-size:10px}h1{margin-block:20px 22px;font-size:clamp(41px,7.5vw,57px)}.hero-description{max-width:450px;font-size:15px;line-height:1.75}.hero-actions{gap:22px;margin-top:27px}.button,.text-link{font-size:12px}.demo-heading{flex-direction:column;align-items:flex-start;gap:4px}.demo-heading p{font-size:11px}.demo-workspace{display:block}.demo-sidebar{border-bottom:1px solid #e1e7de;border-right:0;padding:17px}.library-title{display:none}.demo-search{min-height:38px;margin:0}.demo-search input{font-size:12px}.notes-list-heading{padding:15px 4px 9px}.notes-list{grid-template-columns:1fr 1fr;gap:5px}.note-choice{align-items:center;min-height:45px;font-size:11px}.note-choice svg{width:15px;height:15px}.sidebar-caption{display:none}.note-breadcrumb{padding:14px 22px}.preview-note{padding:27px 25px}.preview-note h3{margin-bottom:20px;font-size:29px}.note-body{font-size:15px}.note-connections button{font-size:11px}.demo-caption{gap:6px;font-size:10px}.demo-section{padding-bottom:38px}.section-heading{grid-template-columns:1fr;gap:24px}.section-heading>p{max-width:450px;font-size:14px}.feature-columns{grid-template-columns:1fr;gap:35px;margin-top:35px}.feature-copy h3{font-size:24px}.features-section{padding-block:27px 60px}.feature-copy>p{max-width:100%}.file-stack{max-width:470px}.history-example{padding-left:8px}.story-inner{grid-template-columns:1fr;gap:28px;padding-block:44px 48px}.story-symbol{justify-self:start;width:200px}.story-copy{max-width:100%}.story-copy h2{font-size:38px}.faq-section{grid-template-columns:1fr;gap:27px;padding-block:52px}.faq-section h2{padding-top:0}.faq-list summary{font-size:13px}.start-section{flex-direction:column;align-items:flex-start;gap:28px;padding-block:44px 49px}.start-actions{align-items:flex-start;gap:20px}.site-footer{gap:14px;padding-block:25px}.site-footer nav{flex-wrap:wrap;gap:18px;font-size:10px}}@media (width<=400px){.hero-actions{flex-direction:column;gap:20px}.hero-intro{font-size:9px}h1{font-size:40px}.main-nav{gap:16px}.note-choice{gap:6px;padding:9px 7px}.notes-list{column-gap:3px}.preview-note{padding-inline:20px}.window-toolbar{padding-inline:12px}.demo-indicator{font-size:9px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}