@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#123c35;--paper:#f8f7f2;--muted:#66756d;--lime:#d5ee99}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}.wrap{max-width:1240px;margin:auto;padding-left:44px;padding-right:44px}.nav{height:112px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;font:800 28px Manrope,sans-serif;letter-spacing:-1.5px}.brand-mark{display:inline-grid;place-items:center;background:var(--ink);color:var(--lime);width:35px;height:35px;border-radius:10px;margin-right:11px;font-size:29px}.brand-dot{color:#759946}nav{display:flex;align-items:center;gap:36px;font-size:14px}.nav-chat{background:transparent;border:1px solid #cad1c7;border-radius:30px;padding:12px 20px;color:var(--ink)}.nav-chat span{margin-left:18px}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:36px;align-items:center;min-height:620px;padding-top:45px;padding-bottom:80px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;display:flex;gap:9px;align-items:center}.eyebrow>span{width:7px;height:7px;border-radius:100%;background:#6e9554}h1{font:600 clamp(42px,4.5vw,66px)/1.13 Manrope,sans-serif;letter-spacing:-3px;margin:27px 0}h1 em{font-family:Georgia,serif;font-weight:400;color:#6d855b}.intro{max-width:435px;font-size:16px;line-height:1.8;color:var(--muted)}.primary{display:flex;gap:35px;align-items:center;background:var(--ink);color:white;border:0;padding:18px 24px;border-radius:8px;margin-top:32px;font-weight:500}.primary span{font-size:22px;color:var(--lime)}.small{font-size:11px;color:var(--muted);margin-top:15px}.visual{position:relative;min-height:450px;display:grid;place-items:center;background:#e9eddf;border-radius:48% 48% 42% 42%;isolation:isolate}.orbit{position:absolute;border:1px solid #c5d1ba;border-radius:50%;z-index:-1}.orbit-one{width:112%;height:70%;transform:rotate(-32deg)}.orbit-two{width:86%;height:112%;transform:rotate(30deg)}.spark{position:absolute;right:0;top:4px;color:#88a36e;font-size:85px;line-height:1}.conversation{width:340px;background:#fff;border:1px solid #e4e8df;box-shadow:0 22px 60px #1c3f3514;border-radius:16px;transform:rotate(-3deg);overflow:hidden}.conversation-head{display:flex;gap:12px;align-items:center;background:var(--ink);color:white;padding:20px}.avatar{background:var(--lime);color:var(--ink);width:39px;height:39px;display:grid;place-items:center;border-radius:12px;font-size:26px;font-weight:700}.conversation-head strong{font-size:13px}.conversation-head div>span{display:block;font-size:10px;color:#c4d5cb;margin-top:4px}.bubble-symbol{margin-left:auto;color:var(--lime);font-size:25px}.conversation-body{padding:25px 18px}.message{font-size:12px;line-height:1.7;padding:13px 15px;width:fit-content;max-width:90%;margin:0 0 17px}.received{background:#f1f3ed;border-radius:0 12px 12px}.sent{background:#e0edcc;margin-left:auto;border-radius:12px 0 12px 12px}.last{margin-bottom:0}.conversation-foot{border-top:1px solid #edf0ea;padding:18px;color:#77877d;font-size:10px;display:flex;justify-content:space-between}.note{position:absolute;bottom:-13px;right:-2px;background:#d5ee99;box-shadow:0 5px 15px #24472e0a;border-radius:7px;padding:15px 17px;font-size:11px;transform:rotate(4deg)}.note span{margin-right:10px}.how{border-top:1px solid #dce1d5;padding-top:65px;padding-bottom:65px;display:grid;grid-template-columns:1fr 1.65fr;gap:50px}h2{font:500 30px/1.3 Manrope,sans-serif;letter-spacing:-1px;margin:20px 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:27px;padding-top:8px}.number{font-size:11px;color:#76905e;display:block;border-bottom:1px solid #d8dfd0;padding-bottom:22px}h3{font-size:15px;margin:23px 0 10px}.steps p{font-size:12px;line-height:1.8;color:var(--muted)}.closing{display:flex;align-items:center;justify-content:space-between;background:#e9eddf;border-radius:12px;padding-top:27px;padding-bottom:27px}.closing p{font:500 21px Manrope,sans-serif}.closing button{border:0;background:none;color:var(--ink);font-weight:600;font-size:14px}.closing button span{margin-left:20px}footer{display:flex;justify-content:space-between;align-items:center;padding-top:48px!important;padding-bottom:32px!important;color:var(--muted);font-size:11px}footer .brand{font-size:23px;color:var(--ink)}.status{font-size:13px;min-height:20px;padding-top:12px}button:hover{filter:brightness(.92)}a:focus-visible,button:focus-visible{outline:3px solid #8da85f;outline-offset:5px}@media(max-width:800px){.wrap{padding-left:24px;padding-right:24px}.hero{grid-template-columns:1fr;padding-top:25px;gap:65px}.hero-copy{max-width:560px}h1{font-size:52px}.visual{max-width:440px;width:90%;margin:auto}.how{grid-template-columns:1fr;gap:15px}.closing{margin:0 24px;gap:15px}.closing p{font-size:17px}footer{gap:18px;flex-wrap:wrap}}@media(max-width:480px){.nav{height:90px}nav{gap:12px}nav>a{display:none}h1{font-size:42px;letter-spacing:-2px}.hero{padding-bottom:65px}.visual{min-height:390px}.conversation{width:285px}.spark{font-size:60px}.steps{grid-template-columns:1fr;gap:18px}.number{padding-bottom:10px}h3{margin-top:13px}.closing{align-items:flex-start;flex-direction:column}.closing p{margin-bottom:5px}footer>span:nth-child(2){display:none}}