@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@500;600;700&display=swap');
:root{--ink:#17211c;--cream:#f5f1e8;--green:#126747;--mint:#c7ead5;--line:#d8d6cc;--white:#fff;--orange:#ef7d4c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}.wrap{width:min(1160px,calc(100% - 48px));margin:auto}.nav{height:86px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font:700 20px Manrope;text-decoration:none}.mark{display:grid;place-items:center;width:32px;height:32px;background:var(--green);color:white;border-radius:10px 10px 10px 3px;font-size:16px}.nav nav{display:flex;align-items:center;gap:30px}.nav nav>a{color:var(--ink);text-decoration:none;font-size:14px}.button{display:inline-flex;align-items:center;gap:28px;padding:16px 22px;background:var(--green);color:white!important;text-decoration:none;border-radius:7px;font-weight:600;box-shadow:0 5px 0 #0a4731}.button:hover{transform:translateY(-2px)}.button.small{padding:10px 16px;box-shadow:none}.hero{min-height:690px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:70px;padding-top:35px;padding-bottom:80px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--green);font-weight:700;font-size:12px}h1,h2,h3{font-family:Manrope,sans-serif;margin:0}h1{font-size:clamp(58px,6vw,86px);line-height:.96;letter-spacing:-.055em;margin:22px 0 30px}h1 em{font-style:normal;color:var(--green)}.lead{font-size:19px;line-height:1.65;color:#526058;max-width:590px}.actions{display:flex;align-items:center;gap:28px;margin-top:34px}.text-link{color:var(--ink);font-weight:600}.micro{font-size:12px;color:#768078;margin:19px 0}.workflow{position:relative;height:520px}.before,.after{position:absolute;border-radius:12px;padding:20px;box-shadow:0 24px 60px #253b2b20}.before{width:70%;height:330px;left:0;top:25px;background:#e7e2d9;transform:rotate(-4deg)}.after{width:76%;right:0;bottom:20px;background:var(--green);transform:rotate(2deg)}.before>span,.after>span{font-size:10px;letter-spacing:.14em;font-weight:700}.after>span{color:#b8dec8}.sheet{margin:28px 15px;background:white;padding:18px;box-shadow:0 6px 12px #0001}.sheet b{font-size:12px}.sheet i{display:block;height:22px;border-top:1px solid #ddd;margin-top:10px;background:linear-gradient(90deg,#e9eee9 30%,transparent 30% 36%,#f4c5ae 36% 65%,transparent 65%)}.scrap{position:absolute;background:#ffdc79;padding:12px;font-size:11px;box-shadow:0 5px 8px #0002}.scrap.one{right:-20px;top:65px;transform:rotate(7deg)}.scrap.two{bottom:20px;left:-25px;transform:rotate(-7deg)}.app{margin-top:14px;background:#f9fbf8;border-radius:9px;padding:18px}.app-head{display:flex;justify-content:space-between}.app-head small{color:var(--green);background:var(--mint);padding:5px 9px;border-radius:20px}.stat{margin:20px 0;padding:15px;background:#e9f4ec;border-radius:7px}.stat strong{font:700 28px Manrope;display:block}.stat small,.row small{color:#68736b}.row{display:flex;align-items:center;border-top:1px solid #e2e6e2;padding:12px 2px;gap:10px}.row i{width:9px;height:9px;background:var(--orange);border-radius:50%}.row p{margin:0;display:flex;flex-direction:column;flex:1;font-size:12px}.row em{font-style:normal;font-size:10px;color:var(--green)}.proof{background:var(--ink);color:white;padding:28px 0}.proof-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);align-items:center;gap:35px}.proof p{margin:0;color:#aeb8b1}.proof p strong{color:white}.proof span,.proof b{display:block}.proof span{font-size:11px;color:#91a097;text-transform:uppercase;letter-spacing:.1em}.proof b{margin-top:4px}.section{padding:120px 0}.section h2,.fit h2,.cta h2{font-size:clamp(42px,5vw,64px);line-height:1.05;letter-spacing:-.04em;margin:18px 0 55px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.steps article{border-top:1px solid #adb3ac;padding-top:22px}.steps article>span{color:var(--green);font:700 12px Manrope}.steps h3{font-size:23px;margin:45px 0 15px}.steps p{color:#5c675f;line-height:1.6}.principles{background:var(--ink);color:white;padding:100px 0}.principles-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:55px}.principles h2{font-size:clamp(42px,5vw,64px);line-height:1.05;letter-spacing:-.04em;margin:18px 0}.principles .eyebrow{color:var(--mint)}.principle{border-top:1px solid #526057;padding-top:22px}.principle>span{color:var(--mint);font:700 12px Manrope}.principle h3{font-size:23px;margin:44px 0 15px}.principle p{color:#b9c2bc;line-height:1.65}.fit{background:#dbeadf;padding:110px 0}.fit-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.fit ul{list-style:none;padding:0;margin:0}.fit li{display:grid;grid-template-columns:1fr 1.5fr;gap:25px;padding:25px 0;border-top:1px solid #a8bfaf}.fit li span{color:#52655a;line-height:1.5}.cta{margin-top:100px;margin-bottom:100px;background:var(--green);color:white;text-align:center;border-radius:18px;padding:90px 30px}.cta .eyebrow{color:var(--mint)}.cta h2{margin-bottom:25px}.cta>p:not(.eyebrow){max-width:670px;margin:0 auto 35px;color:#d6e8dc;line-height:1.65}.button.light{background:white;color:var(--green)!important;box-shadow:0 5px 0 #9fcdb2}.cta small{display:block;margin-top:22px;color:#b8dac5}footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:32px 0;color:#667069;font-size:13px}@media(max-width:800px){.nav nav>a:not(.button){display:none}.hero{grid-template-columns:1fr;padding-top:70px}.workflow{height:490px}.proof-grid{grid-template-columns:1fr 1fr}.proof-grid p{grid-column:1/-1}.steps,.fit-grid,.principles-grid{grid-template-columns:1fr}.fit-grid{gap:35px}.principles-grid{gap:35px}.section,.fit,.principles{padding:80px 0}.fit li{grid-template-columns:1fr}.cta{border-radius:0;width:100%;margin-bottom:0}footer{flex-direction:column;gap:15px}.wrap{width:min(100% - 30px,1160px)}}
