:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#233e30;background:#f8faf6;font-synthesis:none;--green:#286953;--muted:#6c7c6b;--line:#dfe6d8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #7d9c64;outline-offset:5px}h1,h2,h3,p{margin:0}p{line-height:1.8}a,button{touch-action:manipulation}.wrap{width:min(1160px,calc(100% - 80px));margin-inline:auto}.preview{display:flex;align-items:center;justify-content:center;gap:8px;background:#e9f0e0;padding:10px 20px;letter-spacing:1px;font-size:9px;font-weight:600;color:#607855}.preview>span:last-child{font-size:10px;letter-spacing:0;font-weight:400;margin-left:14px}.dot{width:5px;height:5px;background:#6b954e;border-radius:100%}.skip{position:absolute;top:-100px;padding:15px;background:white;z-index:10}.skip:focus{top:0}header{height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{display:inline-flex;align-items:center;gap:9px;font-size:28px;font-weight:650;letter-spacing:-1.3px}.brand>span{color:#87a16d;margin-left:-8px}nav{display:flex;gap:30px;font-size:12px;color:#68775f}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;border:1px solid transparent;border-radius:7px;padding:14px 19px;font-size:12px;font-weight:550;transition:background .15s}.button>span{font-size:17px;font-weight:400}.button.primary{background:var(--green);color:white}.button.primary:hover{background:#1c5340}.button.outline{border-color:#d6dfcc;background:#fff9}.button.outline:hover,.button.light:hover{background:#e7efdf}.button.light{background:#eef3e8;color:#70885c}.hero{text-align:center;padding:68px 0 45px}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:600;color:#718763;line-height:1.6}.hero>.eyebrow{display:flex;gap:7px;align-items:center;justify-content:center}.star{font-size:18px;line-height:1}h1{font-size:65px;line-height:1.08;letter-spacing:-3.5px;font-weight:550;margin:22px 0}h1>span{color:#819770}.hero>p{font-size:15px;color:var(--muted)}.hero-actions{display:flex;gap:12px;justify-content:center;margin:29px 0 24px}.principles{display:flex;justify-content:center;gap:25px;font-size:10px;color:#80936f}.app-preview{border:1px solid #d8e2d0;border-radius:13px;overflow:hidden;background:#f1f5eb;box-shadow:0 15px 65px #3c61290a}.window-bar{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;color:#99a88b;font-size:8px;letter-spacing:1.7px;border-bottom:1px solid #dee6d5}.window-dots{display:flex;gap:5px;width:100px}.window-dots>i{display:block;width:7px;height:7px;border-radius:50%;background:#d5dfcb}.screenshot{height:510px;overflow:hidden;position:relative;background:white}.screenshot img{width:100%;height:auto;display:block}.screenshot:after{content:'';position:absolute;inset:auto 0 0;height:60px;background:linear-gradient(transparent,#f6f8f0)}.preview-caption{border-top:1px solid #dee6d5;display:flex;justify-content:space-between;padding:15px 20px;font-size:9px;color:#829475;gap:20px}.workflow{padding:88px 25px 80px;display:grid;grid-template-columns:.85fr 1.25fr;gap:100px;border-bottom:1px solid var(--line)}h2{font-size:38px;font-weight:500;letter-spacing:-1.5px;line-height:1.18;margin:17px 0 19px}.section-intro>p{font-size:13px;color:var(--muted);max-width:330px}.steps article{display:flex;gap:21px;margin:0 0 29px}.steps article:last-child{margin:0}.number{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:31px;height:31px;border-radius:8px;background:#edf3e5;border:1px solid #dce6d1;font-size:10px;color:#8ba376}.steps h3{font-size:15px;font-weight:550;letter-spacing:-.2px;margin:4px 0 10px}.steps p{font-size:12px;color:#7f8f72;max-width:425px}.community{margin-top:66px;margin-bottom:67px;border:1px solid #dce5d1;border-radius:15px;padding:50px;display:grid;grid-template-columns:200px 1fr;gap:55px;background:#eff5e6;align-items:center}.community-art{font-size:220px;line-height:1;color:#c1d5a6;transform:rotate(12deg);font-family:Georgia,serif}.community h2{font-size:38px;line-height:1.18}.community p{font-size:13px;color:#7b8e6d;max-width:610px}.community-actions{display:flex;gap:24px;align-items:center;margin-top:24px}.text-link{font-size:12px;color:#6f8a5c}.community small{display:block;margin-top:19px;font-size:10px;color:#8ba279}.notes{display:grid;grid-template-columns:1fr 1fr;gap:65px;border-top:1px solid var(--line);padding:41px 25px}.notes h2{font-size:27px;letter-spacing:-.8px}.notes p{font-size:11px;color:#859578;margin-bottom:14px}footer{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid var(--line);padding:25px 0 32px;font-size:10px;color:#899b7c}footer .brand{font-size:22px;color:#385735}footer>a:last-child{font-size:11px;color:#708b5c}@media(max-width:900px){.wrap{width:calc(100% - 48px)}h1{font-size:52px}.workflow{gap:45px;padding-inline:5px}.community{grid-template-columns:125px 1fr;padding:34px;gap:30px}.community-art{font-size:150px}.community-actions{gap:17px}.screenshot{height:430px}nav{gap:18px}.notes{padding-inline:5px;gap:35px}.notes h2{font-size:24px}}@media(max-width:620px){.wrap{width:calc(100% - 32px)}.preview{font-size:8px}.preview>span:last-child{display:none}header{height:78px}.brand{font-size:24px}.brand img{width:29px;height:29px}nav{display:none}header>.button{font-size:10px;padding:11px 12px;gap:15px}.hero{padding:43px 0 31px}.hero>.eyebrow{font-size:7px;letter-spacing:1.2px}h1{font-size:40px;letter-spacing:-2px;margin:19px 0}.hero>p{font-size:12px}.hero>p br{display:none}.hero-actions{gap:8px}.hero-actions>.button{font-size:10px;padding:12px;gap:15px}.principles{gap:12px;font-size:8px}.window-bar{padding:11px;font-size:6px;letter-spacing:1px}.window-dots{width:45px;gap:4px}.window-dots>i{width:5px;height:5px}.window-bar>span:last-child{display:none}.screenshot{height:310px}.screenshot img{width:690px;max-width:none;transform:translateX(-82px)}.preview-caption{flex-direction:column;gap:5px;padding:13px;font-size:8px}.workflow{grid-template-columns:1fr;gap:33px;padding:43px 4px}.section-intro h2{font-size:32px}.section-intro h2 br{display:none}.section-intro p{max-width:none;font-size:12px}.steps article{gap:15px}.steps h3{font-size:14px}.steps p{font-size:11px}.community{display:block;position:relative;overflow:hidden;padding:29px;margin-top:35px;margin-bottom:35px}.community-art{position:absolute;right:-30px;top:-34px;font-size:170px;opacity:.3;pointer-events:none}.community>div:last-child{position:relative}.community h2{font-size:31px}.community p{font-size:12px}.community-actions{flex-direction:column;align-items:start;gap:20px}.community .button{font-size:11px}.community small{font-size:9px}.notes{grid-template-columns:1fr;gap:5px;padding:30px 4px}.notes h2{font-size:25px}footer{flex-wrap:wrap;gap:15px;font-size:9px}footer>span{order:3;width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}