@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&display=swap";html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}:root{color:#20372e;background:#f7f5ed;font-family:DM Sans,sans-serif;line-height:1.55}*{box-sizing:border-box}body{margin:0}a{color:inherit}button{font:inherit;color:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline-offset:5px;outline:3px solid #788850}.skip{position:absolute;top:-100px}.skip:focus{z-index:4;background:#fff;padding:10px;top:8px;left:8px}header,footer{border-bottom:1px solid #dcded1;justify-content:space-between;align-items:center;padding:20px max(5vw,24px);display:flex}header nav{gap:26px;display:flex}header a,footer a{text-decoration:none}.brand{letter-spacing:-.055em;font-size:1.35rem;font-weight:700}.brand span{color:#648457;margin-right:4px}.hero,.workflow,.faq{max-width:1440px;margin:auto;padding:clamp(55px,8vw,118px) max(5vw,24px)}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(30px,6vw,85px);display:grid}.eyebrow{letter-spacing:.16em;margin:0 0 14px;font-size:.71rem;font-weight:700}h1,h2,h3{margin:0;font-family:Instrument Serif,Georgia,serif;font-weight:400;line-height:.98}h1{letter-spacing:-.045em;font-size:clamp(4rem,7.2vw,7.5rem)}h2{font-size:clamp(3rem,5vw,5.2rem)}h3{font-size:clamp(2.6rem,4vw,4.2rem)}em{color:#557252}.intro{color:#495c51;max-width:34ch;margin:22px 0 28px;font-size:clamp(1rem,1.5vw,1.22rem)}.button{color:#fff;background:#24483a;border-radius:99px;align-items:center;gap:24px;padding:14px 21px;font-weight:600;text-decoration:none;display:inline-flex}.button:hover{background:#35614f}.hero-art{isolation:isolate;background:linear-gradient(135deg,#173b2e,#375d47);border-radius:28px;place-items:center;min-height:420px;padding:42px 24px 68px;display:grid;position:relative;overflow:hidden}.loop{aspect-ratio:1;z-index:-1;border:1px solid #b6ccab55;border-radius:48%;width:82%;position:absolute;transform:rotate(-32deg)scaleY(.7)}.loop-two{width:105%;transform:rotate(36deg)scaleY(.68)}.product{background:#fbf9f0;border-radius:17px;width:min(100%,400px);padding:22px;box-shadow:0 24px 65px #102c23a0}.product-head{border-bottom:1px solid #dfe4d8;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;padding-bottom:12px;display:flex}.product-head span{letter-spacing:.1em;font-size:.6rem}.product h2{margin-bottom:12px;font-size:2.65rem}.client{border-top:1px solid #e1e5d9;align-items:center;gap:10px;padding:12px 0;font-size:.86rem;display:flex}.client small,.notification small,.example small{color:#4e6558;display:block}.avatar{background:#e9ded2;border-radius:50%;place-items:center;width:34px;height:34px;font-size:.66rem;display:grid}.sage,.pill{background:#e0eadb}.pill{border-radius:999px;padding:5px 9px;font-size:.68rem;font-weight:700;display:inline-block}.client .pill{margin-left:auto}.notification{background:#eff1e4;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;font-size:.83rem;display:flex;position:absolute;bottom:26px;right:7%;box-shadow:0 12px 32px #112e26aa}.workflow{border-top:1px solid #dcded1}.walkthrough,.faq{grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,72px);display:grid}.steps{gap:9px;display:grid}.steps button{text-align:left;cursor:pointer;background:0 0;border:1px solid #cbd5c8;border-radius:15px;grid-template-columns:auto 1fr auto;align-items:start;gap:14px;padding:16px;display:grid}.steps button[aria-pressed=true],.steps button:hover{background:#e7eddf}.steps strong,.steps small{display:block}.steps small{color:#485d50;margin-top:4px}.number{color:#506c56;margin-top:4px;font-size:.72rem}.example{background:#dfe9da;border-radius:24px;min-height:280px;padding:clamp(24px,5vw,56px)}.example h3{margin-top:16px}.example .pill{background:#f7f5ed}.example small{margin-top:16px}.faq{background:#eceee3;max-width:none}.faq details{border-bottom:1px solid #becbbb;padding:14px 0}.faq summary{cursor:pointer;font-weight:700}.faq p{max-width:55ch}footer{border:0}@media (width<=760px){.hero,.walkthrough,.faq{grid-template-columns:1fr}.hero-art{min-height:370px}.hero{padding-top:50px}header nav{gap:14px;font-size:.88rem}}@media (width<=375px){.hero-art{padding-inline:14px}.product{padding:14px}.product-head span{font-size:.53rem}.client{gap:6px}}
