:root{--ink:#071a18;--green:#22d36b;--lime:#7cff2b;--muted:#62706d;--line:#dfe8e5;--soft:#f1f7f4;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fbfdfc;color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}.nav{height:84px;max-width:1240px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between}.brand img{width:158px;height:46px;object-fit:contain}.nav nav{display:flex;gap:34px;font-weight:600;font-size:15px}.nav nav a:hover{color:#009d52}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--ink);color:white;padding:15px 23px;border-radius:10px;font-weight:700;transition:.25s}.button:hover{transform:translateY(-2px);box-shadow:0 10px 24px #082b2130}.button.small{padding:10px 18px;font-size:14px}.menu{display:none;border:0;background:none;font-size:24px}.hero{max-width:1400px;margin:0 auto;padding:84px 7vw 92px;display:grid;grid-template-columns:.88fr 1.22fr;gap:66px;align-items:center;overflow:hidden;background:radial-gradient(circle at 94% 15%,#d7ffe1 0,transparent 29%)}.eyebrow,.kicker{font-size:13px;letter-spacing:.13em;text-transform:uppercase;font-weight:800;color:#07894b}.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow span{width:8px;height:8px;background:var(--green);border-radius:50%;box-shadow:0 0 0 5px #22d36b25}.hero h1,.section h2,.workflow h2,.cta h2{font-family:Manrope,sans-serif;line-height:1.04;letter-spacing:-.045em;margin:21px 0}.hero h1{font-size:clamp(3.1rem,5vw,5.6rem)}.hero h1 em{font-style:normal;color:#079b53}.hero-copy>p{font-size:19px;color:var(--muted);max-width:590px}.hero-actions{display:flex;align-items:center;gap:28px;margin:33px 0}.text-link{font-weight:700}.text-link span{color:#0bb760}.proof{display:flex;gap:17px;flex-wrap:wrap;font-size:13px;color:#65736f}.proof span:before{content:'✓';color:#0bb760;margin-right:6px}.crm-card{position:relative;background:#fff;border:1px solid #cae0d8;border-radius:20px;box-shadow:0 28px 80px #10392c22;padding:10px;transform:perspective(1200px) rotateY(-2deg)}.window-bar{height:34px;display:flex;align-items:center;gap:6px;padding:0 10px}.window-bar span{width:8px;height:8px;background:#d6e2de;border-radius:50%}.window-bar b{font-size:11px;margin:auto;color:#77847f}.workspace{height:440px;display:grid;grid-template-columns:55px 1.05fr 1.65fr .85fr;background:#f6faf8;border-radius:13px;overflow:hidden}.workspace aside{background:#09221e;color:white;padding:14px 9px;display:flex;flex-direction:column;gap:18px;align-items:center}.mini-logo{background:linear-gradient(135deg,var(--lime),#00a85a);width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-weight:900}.workspace aside i{font-style:normal;opacity:.5}.workspace aside .active{opacity:1;background:#ffffff18;padding:5px 9px;border-radius:7px}.inbox,.chat,.lead{padding:18px 14px;border-right:1px solid #e0eae6}.workspace small,.lead label{font-size:9px;color:#798680;display:block}.inbox h3,.lead h3{font-size:15px;margin:4px 0 12px}.inbox mark{float:right;background:#d6fbe3;color:#09824a;border-radius:10px;padding:1px 7px}.search{background:white;border:1px solid #e3ebe8;color:#8a9692;font-size:10px;padding:8px;border-radius:7px;margin-bottom:9px}.inbox article{padding:11px 9px;border-radius:8px;font-size:10px}.inbox article.selected{background:#dff8e8}.inbox article time{float:right;color:#89958f}.inbox article p{margin:2px 0;color:#6d7a75;white-space:nowrap;overflow:hidden}.chat{background:#fff;display:flex;flex-direction:column}.chat-head{display:flex;gap:8px;align-items:center;border-bottom:1px solid #edf2f0;padding-bottom:12px;font-size:10px}.avatar,.person span{background:#d8f9e4;color:#07894b;border-radius:50%;display:grid;place-items:center;font-weight:800}.avatar{width:30px;height:30px}.chat-head div:nth-child(2){flex:1}.tag{font-size:8px;background:#e4f8eb;color:#0b8e4f;padding:3px 6px;border-radius:10px}.messages{flex:1;padding-top:25px}.bubble{font-size:10px;max-width:85%;padding:10px;border-radius:9px;margin-bottom:12px}.bubble small{margin-top:4px;text-align:right}.bubble.left{background:#f0f4f2}.bubble.right{background:#d9f8e4;margin-left:auto}.composer{background:#f5f8f7;border:1px solid #e3ebe8;font-size:9px;padding:9px;border-radius:7px;color:#8a9692}.composer span{float:right;background:#0bb760;color:white;width:19px;height:19px;text-align:center;border-radius:5px}.lead{background:#fff;border:0;font-size:10px}.lead label{margin-top:13px}.person{display:flex;align-items:center;gap:7px;margin-top:4px}.person span{width:24px;height:24px}.stage{background:#fff4ce;color:#7e6500;padding:6px;border-radius:6px;margin-top:4px}.lead p{font-weight:600;margin-top:3px}.lead button{border:1px solid #dce7e3;background:white;border-radius:6px;padding:7px;font-size:9px;width:100%;font-weight:700}.floating{position:absolute;right:-22px;bottom:28px;background:#08231e;color:#fff;border-radius:12px;padding:12px 16px;display:flex;gap:10px;box-shadow:0 16px 30px #06191433}.floating>span{background:#1ee071;color:#052217;border-radius:8px;width:31px;height:31px;display:grid;place-items:center}.floating b,.floating small{font-size:10px;display:block}.floating small{opacity:.65}.numbers{background:var(--ink);color:white;display:grid;grid-template-columns:repeat(3,1fr);padding:0 max(7vw,30px)}.numbers div{padding:29px 35px;display:flex;align-items:center;gap:22px;border-right:1px solid #ffffff1d}.numbers strong{color:var(--green);font-family:Manrope;font-size:20px}.numbers p{font-weight:600;margin:0}.section{max-width:1240px;margin:auto;padding:110px 28px}.section-head{display:grid;grid-template-columns:1.5fr .7fr;gap:60px;align-items:end;margin-bottom:48px}.section h2,.workflow h2,.cta h2{font-size:clamp(2.3rem,4vw,4.2rem);max-width:760px}.section-head p{color:var(--muted);font-size:18px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature{background:var(--soft);border:1px solid #e3ebe7;border-radius:16px;padding:28px;min-height:250px}.feature.featured{grid-row:span 2;background:var(--ink);color:white}.feature .icon{width:42px;height:42px;border-radius:11px;background:white;color:#0fa45a;display:grid;place-items:center;font-size:22px}.feature h3{font-family:Manrope;font-size:20px;line-height:1.25;margin:22px 0 9px}.feature p{color:#65736f;margin:0}.featured p{color:#a8bbb5}.mini-ui{background:white;color:var(--ink);border-radius:12px;margin-top:28px;padding:17px;font-size:12px}.mini-ui .pill{float:right;background:#dcf8e6;color:#07894b;border-radius:10px;padding:2px 7px}.mini-ui div{border-top:1px solid #e5ece9;margin-top:12px;padding-top:10px}.mini-ui i{float:right;color:#7e8b87;font-style:normal}.workflow{background:#08382d;color:white;padding:100px max(7vw,30px);display:grid;grid-template-columns:1fr 1fr;gap:100px}.workflow>div>p{color:#b6cbc4;max-width:560px;font-size:18px}.button.light{background:var(--green);color:#052017;margin-top:20px}.kicker.light{color:#6effa6}.workflow ol{list-style:none;margin:0;padding:0}.workflow li{display:flex;gap:25px;padding:20px 0;border-bottom:1px solid #ffffff25}.workflow li>span{color:var(--green);font-weight:800}.workflow h3{margin:0;font-family:Manrope;font-size:21px}.workflow li p{margin:3px 0;color:#a9c0b8}.integrations{padding-bottom:110px}.integration-row{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:16px;overflow:hidden}.integration-row div{padding:28px;border-right:1px solid var(--line)}.integration-row div:last-child{border:0}.integration-row b,.integration-row span{display:block}.integration-row b{font-family:Manrope;font-size:21px}.integration-row span{color:var(--muted);font-size:14px}.cta{margin:0 auto 80px;max-width:1184px;background:linear-gradient(125deg,#0a2d26,#078e50);color:white;border-radius:24px;padding:68px;display:flex;justify-content:space-between;align-items:end;gap:40px}.cta h2{margin-bottom:10px}.cta p{color:#c2ddd4;font-size:18px}.button.white{background:white;color:var(--ink);white-space:nowrap}footer{max-width:1240px;margin:auto;padding:35px 28px 45px;display:grid;grid-template-columns:1fr 1fr;gap:10px;border-top:1px solid var(--line);align-items:center}.footer-brand img{width:135px}.footer-brand+p{color:var(--muted);text-align:right}.footer-brand~div{display:flex;gap:24px;font-weight:600;font-size:14px}footer small{text-align:right;color:var(--muted)}@media(max-width:1050px){.hero{grid-template-columns:1fr;padding-top:45px}.hero-copy{text-align:center}.eyebrow,.hero-actions,.proof{justify-content:center}.hero-copy>p{margin-left:auto;margin-right:auto}.crm-card{max-width:850px;margin:auto}.feature-grid{grid-template-columns:repeat(2,1fr)}.workflow{gap:45px}.workspace{grid-template-columns:50px 1fr 1.6fr}.lead{display:none}}@media(max-width:760px){.nav{height:72px;padding:0 18px}.brand img{width:130px}.nav nav,.nav>.button{display:none}.menu{display:block}.nav.open nav{display:flex;position:absolute;z-index:20;top:70px;left:15px;right:15px;background:white;box-shadow:0 15px 30px #09251c25;border-radius:12px;padding:20px;flex-direction:column}.hero{padding:50px 20px 70px}.hero h1{font-size:3rem}.hero-actions{flex-direction:column;gap:15px}.proof b{width:100%}.crm-card{transform:none}.workspace{height:370px;grid-template-columns:44px 1fr 1.4fr}.inbox{padding:12px 8px}.inbox article:nth-of-type(n+3){display:none}.chat{padding:12px 8px}.floating{right:5px;bottom:-30px}.numbers{grid-template-columns:1fr}.numbers div{border-right:0;border-bottom:1px solid #ffffff1d;padding:20px 5px}.section{padding:80px 20px}.section-head{grid-template-columns:1fr;gap:5px}.feature-grid{grid-template-columns:1fr}.feature.featured{grid-row:auto}.workflow{grid-template-columns:1fr;padding:75px 20px}.integration-row{grid-template-columns:1fr 1fr}.integration-row div:nth-child(2){border-right:0}.integration-row div:nth-child(-n+2){border-bottom:1px solid var(--line)}.cta{margin:0 18px 55px;padding:42px 28px;flex-direction:column;align-items:flex-start}footer{grid-template-columns:1fr;text-align:center}.footer-brand+p,footer small{text-align:center}.footer-brand~div{justify-content:center}}@media(max-width:470px){.workspace{grid-template-columns:38px 1fr}.chat{display:none}.hero h1{font-size:2.65rem}.hero-copy>p{font-size:17px}.integration-row{grid-template-columns:1fr}.integration-row div{border-right:0!important;border-bottom:1px solid var(--line)!important}.section h2,.workflow h2,.cta h2{font-size:2.35rem}}