@font-face{font-family:Brush;src:url('fonts/intentkit-brush.woff2') format('woff2');font-display:swap}@font-face{font-family:Notes;src:url('fonts/intentkit-notes.woff2') format('woff2');font-display:swap}@font-face{font-family:Script;src:url('fonts/intentkit-script.woff2') format('woff2');font-display:swap}
:root{--paper:#f4ecd9;--sheet:#fffaf0;--ink:#363e32;--moss:#526047;--red:#af432f;--muted:#7e725c;--line:#d8ccb3;--lift:8px;font:16px/1.85 Notes,'Microsoft YaHei',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:30px}*{box-sizing:border-box}body{margin:0;background-image:radial-gradient(#76644314 .65px,transparent .65px);background-size:7px 7px}::selection{background:#d7bd7c66}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--red);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}p{color:var(--muted)}.wrap{max-width:1240px;margin:auto;padding-left:44px;padding-right:44px}.site-header{display:flex;align-items:center;justify-content:space-between;min-height:102px;gap:30px;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;gap:10px;white-space:nowrap}.wordmark>span{font:31px/1.2 Brush,serif}.wordmark em{font:34px Script,serif;font-style:normal;margin-left:4px}.wordmark img{transform:rotate(-4deg)}.site-header nav{display:flex;gap:29px;margin-left:auto;font-size:14px}.site-header nav a:hover,.text-link:hover,footer a:hover{color:var(--red)}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:12px 23px;border:1px solid #c5b696;border-radius:7px 5px 9px 6px;background:var(--sheet);box-shadow:3px 4px 0 #72603d14;transition:translate .22s,box-shadow .22s,background .22s;white-space:nowrap}.button:hover{translate:0 -3px;box-shadow:4px 7px 0 #72603d20;background:#ece4ce}.button:active{translate:0 1px;box-shadow:none}.button.primary{background:var(--moss);color:var(--sheet);border-color:var(--moss)}.button.primary:hover{background:#424f38}.button.small{font-size:13px;padding:8px 13px;gap:10px}.button>span{font-size:22px;line-height:1}.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:72px;padding-top:87px;padding-bottom:110px}.eyebrow{font-size:12px;letter-spacing:2px;color:#927b52;margin-bottom:22px}.eyebrow>span{display:inline-block;width:6px;height:6px;background:var(--red);margin-right:8px;border-radius:50%}h1{font:clamp(41px,4.8vw,61px)/1.5 Brush,serif;letter-spacing:1px;white-space:nowrap}.ink-underline{position:relative;display:inline-block;color:var(--red)}.ink-underline:after{content:'';position:absolute;bottom:4px;left:0;right:3px;height:9px;border-top:2px solid #af432f6b;border-radius:50%;transform:rotate(-3deg)}.intro{font-size:18px;line-height:2;max-width:465px;margin-top:22px}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:25px;margin-top:31px;font-size:15px}.text-link{border-bottom:1px solid #b7a681;padding:4px 0;display:inline-block;font-size:14px}.quiet-proof{margin-top:23px;font-size:12px;color:#968666}.quiet-proof i{font-style:normal;padding:0 9px}.demo-sheet{position:relative;min-width:0;transform:rotate(1.1deg);background:var(--sheet);border:1px solid #cfc09e;border-radius:12px 6px 14px 8px;box-shadow:7px 9px 0 #9b83511c,0 18px 55px #53442609;padding:21px 23px 17px}.tape{position:absolute;top:-13px;left:calc(50% - 41px);width:82px;height:24px;transform:rotate(-5deg);background:#cbb27555;border-left:2px solid #f4ecd999;border-right:3px solid #f4ecd999}.sheet-head{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#8f7d59;gap:10px}.sample-stamp{border:1px solid #c68d74;color:var(--red);padding:1px 7px;transform:rotate(-5deg);border-radius:2px;font-size:10px;white-space:nowrap}.demo-tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin-top:19px;padding-bottom:12px}.demo-tabs button{display:flex;align-items:center;justify-content:center;gap:7px;flex:1;background:transparent;border:1px solid transparent;border-radius:6px 4px 7px 5px;color:#8e8167;padding:7px 4px;font-size:13px;transition:color .2s,background .2s}.demo-tabs button>span{font-size:19px}.demo-tabs button[aria-selected=true]{background:#e9e3cc;color:var(--ink);border-color:#d1c4a4}.demo-tabs button:hover{color:var(--red)}.demo-panel{padding:21px 1px 13px;min-height:353px}.demo-panel[hidden]{display:none}.paper-kicker{font-size:10px;letter-spacing:1.4px;color:#9b8966;margin-bottom:13px}.demo-panel h2{font:28px/1.5 Brush,serif;margin-bottom:15px}.demo-panel textarea{display:block;width:100%;height:243px;resize:vertical;border:0;background:transparent;color:#5c614d;font-size:13px;line-height:1.9;padding:0;caret-color:var(--red);border-radius:3px}.sheet-foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px;border-top:1px dashed var(--line);padding-top:13px;font-size:10px;color:#9b8c6c}.sheet-foot a{color:var(--moss)}.scribble{position:absolute;font:23px/1.1 Script,cursive;right:13px;bottom:-49px;color:#a69571;transform:rotate(-6deg);text-align:right}.mini-stage{padding:28px 0 32px;display:flex;justify-content:center}.preview-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:25px 16px;width:100%;border:1px solid #c9bd9b;border-radius:11px 7px 13px 8px;background:#eae6d0;color:var(--moss);box-shadow:3px 5px 0 #71614314;transition:transform .25s,box-shadow .25s}.preview-card:hover,.preview-card:focus-visible{transform:translateY(calc(var(--lift) * -1));box-shadow:4px 12px 18px #63573218}.preview-card svg{width:29px;height:29px;fill:none;stroke:var(--red);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.preview-card strong{font:24px Brush,serif;font-weight:400}.preview-card span{font-size:10px;color:#96866a}.slider-label{display:flex;align-items:center;gap:14px;font-size:12px;color:#8c7b59}.slider-label input{min-width:0;flex:1;accent-color:var(--moss)}.slider-label output{white-space:nowrap;min-width:35px}.reduce-note{font-size:11px;margin-top:10px}.sample-change{padding:12px 16px;border-left:2px solid #b36c54;background:#f7e9df;margin:12px 0;font-size:14px}.sample-change small{font-size:10px;color:#a6644a}.sample-change.added{border-color:#788652;background:#e9eddc}.sample-change.added small{color:#677448}.sample-change p{color:var(--ink);margin-top:6px}.annotation{font-size:12px;line-height:1.9;margin-top:16px}.sample-history{list-style:none;padding:0;margin:0}.sample-history li{position:relative;border-left:1px solid #cebf9b;padding:0 0 19px 53px;margin-left:8px}.sample-history li:before{content:'';position:absolute;left:-3px;top:8px;width:5px;height:5px;border-radius:50%;background:#a38a5c}.sample-history span{position:absolute;left:13px;top:1px;font-size:10px;color:#a08b65}.sample-history strong{font-size:14px;font-weight:400}.sample-history p{font-size:11px;margin-top:5px}.section-heading{text-align:center}.section-heading .eyebrow{margin-bottom:15px}.section-heading h2{font:36px/1.55 Brush,serif}.section-heading>p:last-child{margin-top:19px;font-size:15px;line-height:1.95}.why{padding-top:54px;padding-bottom:78px;border-top:1px solid var(--line)}.principles{display:grid;grid-template-columns:repeat(3,1fr);margin-top:47px;gap:34px}.principles article{border-top:1px solid #b9aa87;padding:20px 0 0}.index{font:27px Script,cursive;color:var(--red);display:block;margin-bottom:12px}.principles h3{font-size:20px;margin-bottom:11px;letter-spacing:-.3px}.principles p{font-size:15px;line-height:1.95}.tiny-note{display:inline-block;font-size:11px;color:#a18d66;margin-top:20px}.how{padding-top:47px;padding-bottom:72px}.journey{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:0;margin:42px 0 25px;gap:0}.journey li{position:relative;border-top:1px solid #b9aa87;padding:24px 23px 0 0}.journey li:before{position:absolute;content:'';width:6px;height:6px;border-radius:50%;background:var(--red);top:-3.5px;left:0}.journey li>span{font:20px Script,cursive;color:#a08b62}.journey h3{font-size:20px;margin:10px 0}.journey p{font-size:14px;max-width:240px}.scope-note{font-size:12px;line-height:1.9;background:#ebe3cd;border:1px dashed #d3c3a0;padding:15px 19px;border-radius:6px;color:#8d7b57}.ownership{display:grid;grid-template-columns:1fr 1.25fr;gap:105px;padding-top:55px;padding-bottom:69px;border-top:1px solid var(--line)}.ownership h2{font:39px/1.6 Brush,serif;margin-bottom:22px}.ownership dl{margin:0}.ownership dl>div{padding:16px 0 18px;border-bottom:1px solid #ded2b9}.ownership dl>div:first-child{padding-top:0}.ownership dt{font-size:19px}.ownership dd{margin:8px 0 0;font-size:14px;color:var(--muted)}.closing{text-align:center;padding-top:38px;padding-bottom:79px}.handwritten{font:29px Script,cursive;color:#a18b60;margin-bottom:19px;transform:rotate(-4deg)}.closing h2{font:42px/1.5 Brush,serif;margin-bottom:27px}.closing>p:last-child{font-size:12px;color:#9c8b69;margin-top:17px}footer{display:flex;align-items:center;flex-wrap:wrap;gap:13px 26px;border-top:1px solid var(--line);padding-top:25px;padding-bottom:31px}footer .wordmark>span{font-size:23px}footer .wordmark em{font-size:26px}footer>p{font-size:12px}footer>div{display:flex;gap:18px;margin-left:auto;font-size:12px}footer>small{flex-basis:100%;font-size:10px;color:#a3926f}.sr-only,.skip{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip:focus{position:fixed;top:10px;left:15px;z-index:100;clip:auto;width:auto;height:auto;background:var(--sheet);padding:10px;border:1px solid var(--red)}
@media(max-width:1100px){.wrap{padding-left:32px;padding-right:32px}.hero{gap:42px;padding-top:70px;padding-bottom:90px}h1{font-size:49px}.intro{font-size:16px}.hero-actions{gap:17px}.hero-actions .button{padding:11px 17px;font-size:14px}.hero-actions .text-link{font-size:13px}.demo-sheet{padding:18px}.site-header{gap:24px}.site-header nav{gap:18px}.ownership{gap:65px}.principles{gap:27px}.principles h3{font-size:18px}.principles p{font-size:14px}}
@media(max-width:800px){.wrap{padding-left:27px;padding-right:27px}.site-header{min-height:88px;gap:18px}.site-header nav a:not(.github){display:none}.site-header nav{margin-left:auto}.wordmark>span{font-size:28px}.wordmark em{font-size:30px}.hero{grid-template-columns:1fr;gap:53px;padding-top:49px;padding-bottom:92px}.hero-copy{max-width:570px;margin:0 auto;width:100%}h1{font-size:57px}.intro{font-size:18px;max-width:510px}.hero-actions{gap:26px}.hero-actions .button{font-size:15px;padding:12px 22px}.quiet-proof{margin-top:20px}.demo-sheet{max-width:570px;width:100%;margin:auto;padding:22px 25px;transform:rotate(.6deg)}.demo-panel{min-height:341px}.demo-panel textarea{height:225px;font-size:14px}.sheet-foot{font-size:11px}.demo-tabs button{font-size:14px}.demo-panel h2{font-size:30px}.mini-stage{padding:23px 0 32px}.preview-card{padding:24px}.preview-card strong{font-size:27px}.preview-card span{font-size:12px}.slider-label{font-size:14px}.section-heading h2{font-size:33px}.section-heading>p:last-child{font-size:14px}.principles{gap:22px}.principles h3{font-size:18px;min-height:64px}.journey{grid-template-columns:1fr 1fr;gap:33px 0}.journey p{max-width:290px}.ownership{gap:37px;grid-template-columns:1fr 1.1fr}.ownership h2{font-size:35px}.ownership dt{font-size:18px}.ownership dd{font-size:14px}.closing h2{font-size:37px}footer>div{margin-left:0}footer>p{margin-left:auto}}
@media(max-width:520px){.wrap{padding-left:21px;padding-right:21px}.site-header{min-height:79px;gap:12px}.site-header nav{display:none}.wordmark{gap:8px}.wordmark img{width:31px;height:31px}.wordmark>span{font-size:24px}.wordmark em{font-size:27px}.button.small{font-size:11px;padding:7px 10px;gap:7px}.button.small>span{font-size:17px}.hero{padding-top:40px;padding-bottom:79px;gap:44px}.eyebrow{font-size:10px;margin-bottom:17px;letter-spacing:1.2px}h1{font-size:43px;line-height:1.55;letter-spacing:0}.intro{font-size:16px;line-height:1.95;margin-top:19px}.hero-actions{margin-top:25px;gap:20px}.hero-actions .button{font-size:14px;padding:11px 17px;gap:14px}.hero-actions .text-link{font-size:12px}.quiet-proof{font-size:10px;margin-top:20px}.quiet-proof i{padding:0 5px}.demo-sheet{padding:19px 17px 16px;transform:rotate(.4deg);border-radius:11px 6px 13px 7px;box-shadow:4px 6px 0 #9b83511c}.sheet-head{font-size:11px}.demo-tabs{margin-top:15px;gap:3px}.demo-tabs button{font-size:12px;gap:5px;padding:6px 2px}.demo-tabs button>span{font-size:17px}.demo-panel{min-height:353px;padding:19px 0 12px}.demo-panel h2{font-size:27px}.demo-panel textarea{font-size:13px;height:241px;line-height:1.95}.paper-kicker{font-size:9px}.sheet-foot{font-size:9px;gap:6px}.scribble{font-size:21px;bottom:-43px}.mini-stage{padding:23px 0 30px}.preview-card{padding:22px 10px;gap:12px}.preview-card strong{font-size:24px}.preview-card span{font-size:10px}.slider-label{font-size:12px;gap:11px}.sample-change{font-size:13px;padding:12px}.annotation{font-size:11px}.sample-history strong{font-size:13px}.sample-history p{font-size:10px}.sample-history li{padding-left:48px}.section-heading h2{font-size:29px;line-height:1.6}.section-heading>p:last-child{font-size:14px;margin-top:14px}.section-heading br{display:none}.why{padding-top:39px;padding-bottom:33px}.principles{grid-template-columns:1fr;gap:26px;margin-top:30px}.principles article{padding-top:15px;position:relative;padding-left:43px}.index{position:absolute;left:0;top:11px;font-size:25px}.principles h3{font-size:20px;min-height:auto;margin:0 0 9px}.principles p{font-size:15px}.tiny-note{font-size:11px;margin-top:12px}.how{padding-top:43px;padding-bottom:45px}.journey{margin-top:35px;gap:29px 17px}.journey li{padding:19px 0 0}.journey h3{font-size:18px}.journey p{font-size:13px}.scope-note{font-size:11px;padding:12px 14px}.ownership{grid-template-columns:1fr;gap:30px;padding-top:37px;padding-bottom:37px}.ownership h2{font-size:34px;line-height:1.5;margin-bottom:15px}.ownership h2 br{display:none}.ownership dt{font-size:18px}.ownership dd{font-size:14px}.closing{padding-top:35px;padding-bottom:49px}.handwritten{font-size:24px}.closing h2{font-size:30px;margin-bottom:23px}.closing .button{font-size:14px}.closing>p:last-child{font-size:10px}footer{padding-top:22px;padding-bottom:25px;gap:12px 18px}footer>p{font-size:10px;margin-left:0}footer>div{gap:16px;flex-basis:100%;font-size:11px}footer>small{font-size:9px}}
@media(max-width:359px){.wrap{padding-left:16px;padding-right:16px}h1{font-size:38px}.hero-actions{gap:13px}.hero-actions .button{font-size:13px;padding:10px 13px}.hero-actions .text-link{font-size:11px}.site-header .wordmark em{font-size:24px}.button.small{font-size:10px;padding:7px 8px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.preview-card:hover,.preview-card:focus-visible{transform:none}.button:hover,.button:active{translate:none}}