:root{--paper:#fbf6ec;--paper-2:#f3ead8;--ink:#23201b;--ink-soft:#5d554a;--line:#ddd0b8;--tomato:#d9442b;--basil:#2f7a4b;--mustard:#e3a92b;--card:#fffdf7;--serif:"Fraunces", Georgia, serif;--sans:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--hand:"Caveat", "Segoe Print", cursive;font-family:var(--sans);color:var(--ink);background:var(--paper)}@media (prefers-color-scheme:dark){:root{--paper:#1c1915;--paper-2:#26221c;--ink:#f2eadb;--ink-soft:#b9ad9b;--line:#3d362c;--card:#24201a;--tomato:#ef6a4f;--basil:#5fb07c}}*{box-sizing:border-box}html,body{background:var(--paper);margin:0;overflow-x:hidden}body{background-image:radial-gradient(color-mix(in srgb, var(--ink) 7%, transparent) 1px, transparent 1px);background-size:22px 22px}.page{max-width:1120px;margin:0 auto;padding:0 20px}.num{font-variant-numeric:tabular-nums}.hand{font-family:var(--hand);color:var(--tomato);font-size:1.45rem;line-height:1}.nav{justify-content:space-between;align-items:center;padding:22px 0;display:flex}.brand{color:var(--ink);font-family:var(--serif);align-items:center;gap:10px;font-size:1.35rem;font-weight:600;text-decoration:none;display:flex}.brand b{color:var(--tomato);font-weight:600}.link{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--tomato);text-decoration-color:var(--tomato);text-underline-offset:5px;font-weight:600;text-decoration-thickness:2px}.hero{grid-template-columns:1fr 1.05fr;align-items:center;gap:56px;padding:40px 0 80px;display:grid}.kicker{text-transform:uppercase;letter-spacing:.14em;color:var(--basil);margin:0 0 14px;font-size:.78rem;font-weight:700}h1{font-family:var(--serif);letter-spacing:-.02em;margin:0 0 24px;font-size:clamp(2.5rem,5.4vw,4.2rem);font-weight:600;line-height:1.04;position:relative}h1 em{color:var(--tomato);font-style:italic}.squiggle{width:46%;height:14px;margin-top:6px;display:block}.squiggle path{stroke-dasharray:260;stroke-dashoffset:260px;animation:1.2s ease-out .5s forwards draw}@keyframes draw{to{stroke-dashoffset:0}}.lead{color:var(--ink-soft);max-width:33em;font-size:1.15rem;line-height:1.65}.cta{flex-wrap:wrap;align-items:center;gap:22px;margin-top:30px;display:flex}.btn{background:var(--tomato);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:15px 26px;font-family:inherit;font-size:1.05rem;font-weight:700;text-decoration:none;transition:transform .15s,background .15s;display:inline-block}.btn:hover{background:color-mix(in srgb, var(--tomato) 85%, #000);transform:translateY(-2px)rotate(-1deg)}.cta .hand{display:inline-block;transform:rotate(-4deg)}.demo{grid-template-columns:1fr;gap:0;min-height:440px;display:grid;position:relative}.invoice{background:var(--card);border:1px solid var(--line);width:78%;box-shadow:0 1px 0 var(--line), 0 18px 30px -18px #3c280a59;clip-path:polygon(0 0,100% 0,100% 96%,95% 100%,90% 96%,85% 100%,80% 96%,75% 100%,70% 96%,65% 100%,60% 96%,55% 100%,50% 96%,45% 100%,40% 96%,35% 100%,30% 96%,25% 100%,20% 96%,15% 100%,10% 96%,5% 100%,0 96%);padding:18px 18px 22px;font-family:Courier Prime,ui-monospace,monospace;font-size:.86rem;position:relative;overflow:hidden;transform:rotate(-3deg)}.invoice__head{border-bottom:1px dashed var(--line);justify-content:space-between;align-items:flex-start;margin-bottom:8px;padding-bottom:10px;display:flex}.invoice__head small{color:var(--ink-soft);display:block}.invoice__stamp{border:2px solid var(--basil);color:var(--basil);opacity:.8;padding:2px 6px;font-size:.72rem;font-weight:700;transform:rotate(8deg)}.invoice table{border-collapse:collapse;width:100%}.invoice td{padding:5px 0}.invoice td:nth-child(2){color:var(--ink-soft);text-align:right;padding-right:12px}.invoice .num{text-align:right}.invoice tr.up .num{transition:background .4s}.invoice.is-scanned tr.up .num{background:color-mix(in srgb, var(--mustard) 45%, transparent)}.invoice__scan{background:linear-gradient(to bottom, transparent, color-mix(in srgb, var(--basil) 25%, transparent), transparent);opacity:0;height:36px;position:absolute;top:0;left:0;right:0}.invoice.is-scanned .invoice__scan{animation:1.1s ease-in-out scan}@keyframes scan{0%{opacity:1;top:-10%}to{opacity:0;top:100%}}.demo__arrow{color:var(--ink-soft);z-index:2;align-items:center;gap:2px;display:flex;position:absolute;top:40%;left:44%}.demo__arrow .hand{color:var(--ink-soft);font-size:1.3rem;transform:rotate(-8deg)translateY(-14px)}.sheet{background:var(--card);border:1px solid var(--line);z-index:1;background-image:repeating-linear-gradient(#0000 0 31px,#6a9bd838 31px 32px);background-position:0 14px;border-radius:4px;justify-self:end;width:74%;margin-top:-40px;padding:20px 22px;position:relative;transform:rotate(1.8deg);box-shadow:0 22px 40px -22px #3c280a73}.sheet:before{content:"";background:color-mix(in srgb, var(--tomato) 35%, transparent);width:1px;position:absolute;top:0;bottom:0;left:34px}.sheet__title{font-family:var(--serif);justify-content:space-between;align-items:baseline;margin-bottom:6px;padding-left:22px;font-size:1.25rem;font-weight:600;display:flex}.sheet__price{font-family:var(--hand);color:var(--ink-soft);font-size:1.3rem}.sheet__row{justify-content:space-between;align-items:center;height:32px;padding-left:22px;transition:color .3s;display:flex}.sheet__row.is-up{color:var(--tomato);font-weight:700}.sheet__total{border-top:2px solid var(--ink);font-weight:700}.sheet__margin{color:var(--ink-soft);margin-top:8px;padding-left:22px;font-size:.95rem}.sheet__margin span{font-family:var(--serif);margin-right:4px;font-size:2.2rem;font-weight:700;transition:color .4s}.sheet__margin .good{color:var(--basil)}.sheet__margin .bad{color:var(--tomato)}.sheet__note{background:color-mix(in srgb, var(--mustard) 30%, var(--card));border-left:4px solid var(--tomato);opacity:0;align-items:flex-start;gap:8px;margin-top:12px;padding:10px 12px;font-size:.9rem;line-height:1.4;transition:opacity .4s,transform .4s;display:flex;transform:translateY(8px)}.sheet__note.show{opacity:1;transform:none}.sheet__note svg{color:var(--tomato);flex:none}.steps{border-top:1px solid var(--line);padding:70px 0}h2{font-family:var(--serif);letter-spacing:-.01em;margin:0 0 36px;font-size:clamp(1.9rem,3.6vw,2.6rem);font-weight:600}.steps ol{counter-reset:s;grid-template-columns:repeat(3,1fr);gap:40px;margin:0;padding:0;list-style:none;display:grid}.steps li{counter-increment:s;position:relative}.steps li:before{content:counter(s);font-family:var(--serif);color:color-mix(in srgb, var(--ink) 8%, transparent);font-size:4.4rem;font-weight:700;line-height:1;position:absolute;top:-10px;right:0}.steps svg{color:var(--ink)}.steps h3{font-family:var(--serif);margin:14px 0 8px;font-size:1.3rem;font-weight:600}.steps p{color:var(--ink-soft);margin:0;line-height:1.6}.note{padding:30px 0 70px}.note__card{background:var(--card);border:1px solid var(--line);max-width:640px;margin:0 auto;padding:34px 36px;line-height:1.7;position:relative;transform:rotate(-.6deg);box-shadow:0 18px 30px -22px #3c280a66}.note__card:before{content:"";background:color-mix(in srgb, var(--mustard) 55%, transparent);width:110px;height:28px;position:absolute;top:-14px;left:50%;transform:translate(-50%)rotate(2deg)}.note__card p{color:var(--ink-soft);margin:0 0 14px}.note__card .big{color:var(--ink);font-size:2rem}.note__card .sign{font-family:var(--hand);color:var(--ink);margin:18px 0 0;font-size:1.7rem}.join{text-align:center;border-top:1px solid var(--line);max-width:680px;margin:0 auto 60px;padding:40px 0}.join h2{margin-bottom:10px}.join>p{color:var(--ink-soft);margin:0 0 26px;font-size:1.08rem}.join__form{text-align:left;grid-template-columns:1fr 1fr;gap:12px;display:grid}.join__form input,.join__form select{font:inherit;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:8px;padding:13px 14px}.join__form input:focus,.join__form select:focus{outline:2px solid var(--tomato);outline-offset:1px}.join__form .btn{grid-column:1/-1;justify-self:center;margin-top:6px}.join__err{color:var(--tomato);text-align:center;grid-column:1/-1;font-weight:700}.join__done{font-family:var(--hand);color:var(--basil);padding:20px;font-size:2rem}.foot{border-top:1px solid var(--line);color:var(--ink-soft);padding:28px 0 44px;font-size:.92rem}.foot p{align-items:center;gap:8px;margin:0 0 8px;display:flex}.foot .small{max-width:60em;font-size:.8rem}@media (width<=860px){.hero{grid-template-columns:1fr;gap:40px;padding-top:16px}.demo{min-height:0}.invoice{width:88%}.sheet{width:88%;margin-top:-24px}.demo__arrow{display:none}.steps ol{grid-template-columns:1fr;gap:34px}.note__card{padding:28px 22px}}@media (width<=520px){.page{padding:0 16px}.join__form{grid-template-columns:1fr}.link{font-size:.9rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.squiggle path{stroke-dashoffset:0}}.leaves{pointer-events:none;z-index:0;opacity:.85;width:100vw;height:100vh;position:fixed;inset:0}.page>:not(.leaves){z-index:1;position:relative}