@import "https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;750;800&display=swap";*{box-sizing:border-box}body{color:#292b23;-webkit-font-smoothing:antialiased;background:#efefe4;margin:0;font:14px DM Sans,system-ui,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button,a,select{-webkit-tap-highlight-color:transparent}a{color:inherit}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-footer{border-top:1px dashed #c7c9b4;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 20px;padding:19px 0 22px;font-size:11px;display:flex}.site-footer>span{letter-spacing:.12em;font:800 10px Manrope,sans-serif}.site-footer nav{flex-wrap:wrap;gap:11px 15px;display:flex}.site-footer a{text-decoration:none}.site-footer a:hover{text-underline-offset:3px;text-decoration:underline}.document-main{background:#f9f8ec;border:2px solid #292b23;border-radius:8px 12px 9px 7px;width:min(100% - 32px,750px);margin:24px auto 45px;padding:clamp(22px,6vw,50px);box-shadow:3px 4px #bfc2a8}.document-main h1{letter-spacing:-.05em;margin:10px 0;font:800 clamp(30px,6vw,50px)/1.1 Manrope,sans-serif}.document-main .document-date{color:#656951;margin-bottom:23px;font-size:11px}.document-main .document-intro{color:#464a38;font-size:17px}.document-main section{margin:29px 0}.document-main section h2{letter-spacing:-.02em;margin:0 0 11px;font:800 19px/1.3 Manrope,sans-serif}.document-main p,.document-main li{color:#555941;font-size:14px;line-height:1.8}.document-main ul{padding-left:20px}.document-main a{color:#833a63;text-underline-offset:3px;overflow-wrap:anywhere}.document-back{border-top:1px dashed #c7c9b4;padding-top:18px}.post-site{--post-ink:#292b23;--post-muted:#656951;--post-accent:#a9552e;--post-ground:#efefe4;--post-paper:#f9f8ec;--post-line:#dcdccc;--post-display:"Manrope", system-ui, sans-serif;--post-hand:"Caveat", "Comic Sans MS", cursive;min-height:100vh;color:var(--post-ink);background:repeating-linear-gradient(to bottom, var(--post-ground) 0 33px, var(--post-line) 33px 34px);overflow:clip}.post-site *,.post-site :before,.post-site :after{box-sizing:border-box}.post-site :is(button,input,textarea,select,summary,a):focus-visible{outline-offset:4px;outline:3px solid #92512c}.post-site button:disabled{cursor:not-allowed;opacity:.55}.post-site a{color:inherit}.post-header{isolation:isolate;justify-content:space-between;align-items:center;gap:14px;max-width:1240px;min-height:76px;margin:0 auto;padding:22px clamp(18px,4vw,54px);display:flex;position:relative}.post-header:before{content:"";z-index:-1;background:var(--post-ground);border-bottom:1px solid var(--post-line);width:100vw;position:absolute;inset:0 0 0 50%;transform:translate(-50%)}.post-brand{color:var(--post-ink);align-items:center;gap:8px;text-decoration:none;display:inline-flex}.post-brand-stamp{flex:none;width:38px;height:38px;animation:.58s ease-out both post-stamp-arrival;display:block;transform:rotate(-7deg)}.post-brand:is(:hover,:focus-visible) .post-brand-stamp{animation-name:post-stamp-wiggle}.post-wordmark{font:700 42px/.82 var(--post-hand);letter-spacing:-.045em;padding-bottom:3px}.post-wordmark>span{color:var(--post-accent)}@keyframes post-stamp-arrival{0%{transform:translateY(2px)rotate(-13deg)scale(.94)}58%{transform:translateY(-3px)rotate(5deg)}to{transform:rotate(-7deg)}}@keyframes post-stamp-wiggle{0%,to{transform:rotate(-7deg)}38%{transform:translateY(-4px)rotate(9deg)}69%{transform:translateY(-1px)rotate(-11deg)}}.post-about{font:750 13px/1.4 var(--post-display);align-items:center;gap:7px;text-decoration:none;display:inline-flex}.post-about:hover,.post-back:hover{text-underline-offset:4px;text-decoration:underline}.post-main{max-width:none;margin:0}.post-hero,.post-ideas,.post-how,.post-demo,.post-faq,.post-inbox{text-align:center}.post-hero{flex-direction:column;align-items:center;padding:30px 20px 42px;display:flex}.post-kicker{font:800 11px/1.4 var(--post-display);letter-spacing:.17em;color:#656b4f;justify-content:center;align-items:center;gap:6px;display:inline-flex}.post-hero h1,.post-heading h1{font:800 clamp(46px, 7vw, 74px)/1.02 var(--post-display);letter-spacing:-.073em;color:var(--post-ink);margin:15px 0 13px}.post-hero h1 em{color:#a9552e;font:700 1.09em/.9 var(--post-hand)}.post-hero>p,.post-postscript{font:600 23px/1.25 var(--post-hand)}.post-postscript{color:var(--post-muted);margin:28px 0 0}.post-hero>p,.post-heading>p{color:var(--post-muted);margin:0;font-size:clamp(15px,2.1vw,18px);line-height:1.55}.post-envelope-button{color:inherit;background:0 0;border:0;margin:0 auto;padding:0;display:block}.post-envelope{width:min(420px,80vw);color:var(--post-ink);margin:-13px auto 0;display:block;transform:rotate(-4deg)}.post-envelope svg{width:100%;height:auto;display:block;overflow:visible}.post-hero .post-envelope{width:min(392px,85vw);margin-top:-19px}.post-envelope.is-compact{width:min(235px,60vw);margin-top:-22px}.post-envelope-button .post-envelope{transition:transform .23s}.post-envelope-button:hover .post-envelope{transform:rotate(2deg)translateY(-6px)}.post-sparks{color:#a9552e}.post-envelope-button:disabled{opacity:1;cursor:default}.post-letter-slide{opacity:0;transition:opacity .14s,transform .29s cubic-bezier(.18,.72,.24,1);transform:translateY(30px)}.post-flap-open,.post-flap-closed{transform-box:fill-box}.post-flap-open{opacity:0;transform-origin:50% 45%;transition:opacity .14s,transform .24s ease-out;transform:scaleY(.05)}.post-flap-closed{transform-origin:top;transition:opacity .14s,transform .18s ease-in}.post-seal{transform-box:fill-box;transform-origin:50%;transition:opacity .13s,transform .16s}.post-envelope.is-open .post-flap-open{opacity:1;transition-delay:90ms;transform:scaleY(1)}.post-envelope.is-open .post-letter-slide{opacity:1;transition-delay:.15s;transform:translateY(-31px)}.post-envelope.is-open .post-flap-closed{opacity:0;transform:scaleY(.08)}.post-envelope.is-open .post-seal{opacity:0;transform:scale(.72)}.post-envelope.is-sealed{animation:.67s cubic-bezier(.2,.7,.24,1) both post-send}.post-envelope.is-sealed .post-flap-closed{animation:.3s ease-out both post-fold}.post-envelope.is-sealed .post-seal{animation:.32s cubic-bezier(.22,.8,.3,1.4) .23s both post-stamp}@keyframes post-fold{0%{opacity:.15;transform:scaleY(.05)}to{opacity:1;transform:scaleY(1)}}@keyframes post-stamp{0%{opacity:0;transform:scale(1.55)rotate(13deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes post-send{0%,43%{transform:rotate(-4deg)}70%{transform:translate(14px,-10px)rotate(1deg)}to{transform:rotate(-4deg)}}.post-stage-enter{animation:.27s ease-out both post-stage-in}@keyframes post-stage-in{0%{opacity:.5;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}.post-button{border:2px solid var(--post-ink);min-height:46px;font:800 14px/1.3 var(--post-display);color:var(--post-ink);box-shadow:2px 3px 0 var(--post-ink);border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:12px 22px;text-decoration:none;transition:transform .18s,box-shadow .18s;display:inline-flex}.post-button:not(:disabled):hover{box-shadow:3px 5px 0 var(--post-ink);transform:translateY(-2px)}.post-button:not(:disabled):active{box-shadow:none;transform:translate(2px,3px)}.post-primary{background:var(--post-accent);color:#fffaf0}.post-secondary{background:var(--post-paper)}.post-hero>.post-button{padding:14px 26px;font-size:16px}.post-note{color:var(--post-muted);font-size:12px;line-height:1.5;display:block}.post-hero>.post-note{margin-top:17px}.post-ideas{border-top:1px dashed #c8cab6;padding:29px 18px 52px}.post-site h2{color:var(--post-ink);font:800 clamp(30px, 5vw, 48px)/1.07 var(--post-display);letter-spacing:-.06em;margin:10px 0 12px}.post-ideas p,.post-how p{color:var(--post-muted);margin:0}.post-chips{flex-wrap:wrap;justify-content:center;gap:11px;max-width:750px;margin:21px auto 0;display:flex}.post-chips button,.post-options button{border:1.5px solid var(--post-ink);background:var(--post-paper);min-height:38px;color:var(--post-ink);font:750 13px var(--post-display);border-radius:12px 11px 14px 10px;align-items:center;gap:7px;padding:8px 13px;display:inline-flex}.post-chips button:hover,.post-options button:hover,.post-options button[aria-pressed=true]{background:#eeebce}.post-chips button span{color:#a9552e}.post-how,.post-demo,.post-faq{max-width:850px;margin:0 auto;padding:47px 22px}.post-how ol{grid-template-columns:repeat(3,1fr);gap:17px;margin:27px 0 0;padding:0;list-style:none;display:grid}.post-how li{border:1.7px solid var(--post-ink);background:var(--post-paper);border-radius:14px 12px 15px 11px;padding:21px 15px;box-shadow:2px 3px #bcbea5}.post-how li:nth-child(2){background:#f5eedc}.post-how li:nth-child(3){background:#e8eadd}.post-how li>svg{color:#a9552e}.post-how h3{font:800 16px/1.25 var(--post-display);margin:8px 0}.post-how p{font-size:13px}.post-demo{background:#f9f8ecc9;border-block:1px dashed #c8cab6}.post-demo .post-envelope{width:min(300px,70vw)}.post-demo-paper{justify-items:center;gap:20px;max-width:530px;margin:24px auto 0;display:grid}.post-demo-paper .letter-paper{width:100%}.post-faq{max-width:680px;padding-bottom:68px}.post-faq details{text-align:left;border-bottom:1px dashed #c7c9b4;padding:13px 2px}.post-faq summary,.post-toolbar summary{cursor:pointer;font-weight:750}.post-faq details p{color:var(--post-muted);margin:8px 0 0;line-height:1.6}.post-faq details a{text-decoration:underline}.post-faq>.post-button{margin-top:24px}.post-footer{max-width:1240px;margin:0 auto;padding:0 clamp(18px,4vw,54px)}.post-footer .site-footer{color:var(--post-muted);border-top-color:#c7c9b4}.post-footer .site-footer a:hover{color:#92512c}.post-workflow,.post-inbox{max-width:960px;min-height:calc(100vh - 146px);margin:0 auto;padding:10px 22px 68px}.post-progress{background:var(--post-paper);border:1.5px solid var(--post-ink);border-radius:11px 14px 11px 13px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;width:fit-content;margin:0 auto 28px;padding:8px 13px;display:flex}.post-progress>span{letter-spacing:.08em;color:#656b4f;font-size:10px;font-weight:800}.post-progress ol{gap:11px;margin:0;padding:0;list-style:none;display:flex}.post-progress li{color:#686d54;align-items:center;gap:5px;font-size:11px;font-weight:750;display:flex}.post-progress li[aria-current]{color:var(--post-ink)}.progress-dot{border:1px solid var(--post-ink);border-radius:50%;width:8px;height:8px}.post-progress li[aria-current] .progress-dot{background:#bf6c37}.post-progress li[data-complete=true] .progress-dot{background:#747b58}.post-heading{text-align:center;margin:0 auto 28px}.post-heading h1{letter-spacing:-.067em;font-size:clamp(39px,6vw,62px)}.post-heading h1:focus{outline:none}.post-workflow>form:not(.post-panel){max-width:690px;margin:0 auto}.post-toolbar{justify-content:flex-end;margin-bottom:15px;display:flex}.post-toolbar details{position:relative}.post-toolbar summary{background:var(--post-paper);border:1.5px solid var(--post-ink);border-radius:10px 9px 12px 8px;padding:9px 12px;font-size:13px}.post-template-menu{z-index:3;background:var(--post-paper);border:1.5px solid var(--post-ink);border-radius:10px;width:205px;padding:6px;position:absolute;top:calc(100% + 5px);right:0;box-shadow:3px 4px #bcbea5}.post-template-menu button{text-align:left;width:100%;color:var(--post-ink);background:0 0;border:0;border-radius:6px;padding:8px;font-size:13px}.post-template-menu button:hover{background:#eeebce}.post-editor{isolation:isolate;position:relative}.post-editor:after{content:"";z-index:-1;border:2px solid var(--post-ink);background:#e8e9d7;border-radius:6px 9px 5px 8px;position:absolute;inset:4px -4px -5px 7px;transform:rotate(1.15deg)}.post-editor textarea{resize:vertical;border:2px solid var(--post-ink);background:var(--post-paper);width:100%;height:clamp(270px,42vh,430px);min-height:220px;max-height:none;font:500 clamp(23px, 3vw, 30px)/1.27 var(--post-hand);color:var(--post-ink);border-radius:7px 6px 8px 5px;padding:24px 28px 40px;display:block}.post-editor textarea::placeholder{color:#777a65;opacity:1}.post-count{background:var(--post-paper);color:#6d7259;font:750 11px var(--post-display);pointer-events:none;position:absolute;bottom:10px;right:15px}.post-actions{justify-content:space-between;align-items:center;gap:12px;margin:23px auto 0;display:flex}.post-back{color:var(--post-ink);font:750 13px var(--post-display);background:0 0;border:0;align-items:center;gap:5px;padding:6px 0;display:inline-flex}.post-customize{grid-template-columns:minmax(255px,1fr) minmax(0,1.2fr);align-items:start;gap:26px;display:grid}.post-settings,.post-panel{background:var(--post-paper);border:2px solid var(--post-ink);text-align:left;border-radius:12px 9px 13px 8px;padding:21px;box-shadow:3px 4px #bfc2a8}.post-settings label,.post-password label,.post-panel label{font:800 13px var(--post-display);display:block}.post-settings label span{color:var(--post-muted);font-size:10px;font-weight:500}.post-settings input,.post-panel input,.post-panel select,.post-password input{width:100%;min-width:0;color:var(--post-ink);font:500 14px var(--post-display);background:#fdfcf5;border:1.5px solid #999d82;border-radius:7px;padding:10px 11px}.post-settings input,.post-panel select{margin-top:5px}.post-names{grid-template-columns:1fr 1fr;gap:10px;display:grid}.post-settings fieldset{border:0;min-width:0;margin:17px 0 0;padding:0}.post-settings legend{font:800 13px var(--post-display);margin-bottom:6px;padding:0}.post-options{flex-wrap:wrap;gap:6px;display:flex}.post-options button{min-height:35px;padding:6px 9px;font-size:12px}.paper-swatch{border:1px solid #747b58;border-radius:50%;width:15px;height:15px}.post-style-preview{justify-items:start;gap:10px;display:grid}.post-style-preview .letter-paper{width:100%;max-height:390px;overflow:auto}.letter-paper{border:2px solid var(--post-ink);background:var(--paper-color,var(--post-paper));text-align:left;overflow-wrap:anywhere;border-radius:6px 8px 7px 5px;min-height:210px;padding:23px 26px 28px;box-shadow:3px 5px #bfc2a8}.letter-paper header{color:#656b4f;font:800 13px var(--post-display);border-bottom:1px dashed #c8cbb1;justify-content:space-between;align-items:center;gap:16px;padding-bottom:10px;display:flex}.paper-stamp{color:#a9552e}.letter-paper p{white-space:pre-wrap;margin:16px 0 0}.letter-font-handwritten{font:500 28px/1.27 var(--post-hand)}.letter-font-classic{font:400 20px/1.5 Georgia,serif}.letter-font-clean{font:500 17px/1.6 var(--post-display)}.letter-paper footer{font:inherit;color:#656b4f;border:0;margin-top:20px;padding:0;display:block}.post-panel{width:min(100%,560px);margin:0 auto;padding:18px 23px 22px}.post-panel>.post-envelope{margin-bottom:5px}.post-password{margin-top:15px}.post-password-row,.post-copy{align-items:stretch;gap:7px;margin-top:5px;display:flex}.post-password-row>button{background:var(--post-paper);color:var(--post-ink);border:1.5px solid #999d82;border-radius:7px;flex:0 0 43px;place-items:center;display:inline-grid}.post-password small{color:var(--post-muted);margin-top:5px;font-size:12px;line-height:1.45;display:block}.post-private{color:var(--post-muted);align-items:flex-start;gap:6px;margin:13px 0 0;font-size:12px;line-height:1.5;display:flex}.post-private svg{flex-shrink:0}.post-copy .post-button{flex:none;min-height:39px;padding:8px 13px}.post-copy input{font-size:12px}.post-error{color:#8c3828;background:#fae9df;border:1px solid #d5a592;border-radius:8px;padding:9px 12px;font-size:13px}.post-inbox{padding-top:28px}.post-inbox .post-envelope{margin-top:-25px}.post-inbox-form{width:min(100%,370px);margin:auto}.post-inbox-form .post-password{text-align:left;margin:3px 0 15px}.post-inbox .post-button{margin-top:8px}.post-letter-reveal{isolation:isolate;width:100%;position:relative}.post-reading .post-letter-reveal{width:min(100%,670px);margin:23px auto 18px}.post-letter-reveal .letter-paper{animation:.48s cubic-bezier(.2,.72,.28,1) both post-unfold;position:relative}.post-reveal-envelope{z-index:-1;pointer-events:none;animation:.52s ease-out both post-reveal-envelope;position:absolute;inset:0 0 auto}.post-reveal-envelope .post-envelope{margin:0 auto}@keyframes post-reveal-envelope{0%{opacity:1;transform:translateY(20px)}to{opacity:0;transform:translateY(50px)scale(.92)}}@keyframes post-unfold{0%{opacity:0;transform:translateY(53px)scale(.87)rotate(-3deg)}35%{opacity:1}to{opacity:1;transform:none}}@media (max-width:650px){.post-header{min-height:65px;padding-block:14px}.post-brand-stamp{width:32px;height:32px}.post-wordmark{font-size:36px}.post-hero{padding-top:37px;padding-bottom:49px}.post-hero h1{font-size:clamp(38px,10vw,59px)}.post-hero>p{max-width:280px}.post-envelope{margin-top:-5px}.post-ideas{padding-block:24px 36px}.post-how,.post-demo,.post-faq{padding:35px 17px}.post-how ol{grid-template-columns:1fr;gap:10px;max-width:380px;margin-inline:auto}.post-how li{padding:14px 11px}.post-workflow,.post-inbox{padding-inline:16px}.post-progress{gap:7px;margin-bottom:24px}.post-progress ol{gap:7px}.post-progress li{font-size:10px}.post-heading{margin-bottom:23px}.post-editor textarea{padding:18px 18px 35px}.post-customize{grid-template-columns:1fr;gap:22px}.post-style-preview .letter-paper{max-height:330px}.post-settings,.post-panel{padding:15px}.post-button{padding-inline:14px;font-size:13px}.letter-paper{padding:17px 17px 22px}.post-actions{gap:8px}.post-back{font-size:12px}}@media (prefers-reduced-motion:reduce){.post-reveal-envelope{display:none}.post-site *,.post-site :before,.post-site :after{transition:none!important;animation:none!important}}