@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:#163e35;--green:#28634e;--lime:#daf29b;--paper:#f7f8f2;--line:#dce3d9;--muted:#6c7b71}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}h1,h2,h3,.logo{font-family:Manrope,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}header{max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:26px 32px}.logo{font-weight:800;font-size:32px;letter-spacing:-2px}.logo i{color:#7dab57;font-style:normal}nav{display:flex;gap:30px;font-size:14px} .btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:15px 23px;border-radius:8px;border:1px solid var(--ink);font-weight:600;font-size:14px;background:transparent;color:var(--ink)}.btn.primary{background:var(--ink);color:white}.btn:hover{transform:translateY(-2px)}.small{font-size:12px;color:var(--muted)}main{overflow:hidden}.hero{max-width:1240px;margin:auto;padding:65px 32px 74px;display:grid;grid-template-columns:1fr 1.05fr;gap:60px;align-items:center}.eyebrow{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;font-weight:700;display:flex;gap:8px;align-items:center}.dot{height:7px;width:7px;border-radius:50%;background:#81a957;display:inline-block}h1{font-size:clamp(43px,4.7vw,65px);line-height:1.11;letter-spacing:-3.2px;margin:24px 0}h1 em{font-style:normal;color:#6f9361}.lead{font-size:17px;line-height:1.8;color:#637469;max-width:440px}.actions{display:flex;gap:12px;margin:29px 0 23px;flex-wrap:wrap}.trust{display:flex;gap:20px;font-size:11px;color:#637469}.demo-wrap{position:relative;background:#e8eddf;border-radius:25px;padding:39px 21px 33px;transform:rotate(-1deg)}.demo{background:white;border-radius:12px;box-shadow:0 25px 65px #173e3515;overflow:hidden;transform:rotate(1deg);border:1px solid #dae3d5}.demo-top{padding:19px 21px;border-bottom:1px solid #edf0eb;display:flex;justify-content:space-between;align-items:center;font-size:12px}.demo-logo{font-weight:800;font-size:18px;letter-spacing:-1px}.avatar{background:#e5eddd;border-radius:50%;padding:7px;font-size:10px}.demo-body{padding:22px}.demo-body h3{margin:0 0 6px;font-size:18px;letter-spacing:-.5px}.demo-body p{font-size:10px;color:#7c8b80;margin:0 0 22px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.stat{border:1px solid #e5eae0;border-radius:7px;padding:12px}.stat b{font-size:23px;display:block;margin:7px 0}.stat span{font-size:9px;color:#728173}.stat:first-child{background:#eff5e6}.table-title{font-size:11px;font-weight:600;display:flex;justify-content:space-between;margin:23px 0 12px}.table-title span{color:#8c9a8d;font-weight:400}.row{display:grid;grid-template-columns:1.6fr 1fr .8fr;align-items:center;gap:5px;padding:13px 0;border-bottom:1px solid #eff2eb;font-size:10px}.row small{display:block;color:#8a968c;font-size:9px;margin-top:4px}.badge{border:none;font-size:9px;padding:6px;border-radius:5px;color:#6b7538;background:#f2f2dd;text-align:center}.badge.done{color:#3a7256;background:#e5f0e8}.notice{position:absolute;bottom:5px;left:-18px;border:1px solid #dee5d8;background:white;box-shadow:0 8px 25px #183e3510;padding:13px 18px;border-radius:10px;font-size:11px;transform:rotate(1deg)}.notice b{display:block;margin-bottom:4px}.demo-label{text-align:right;color:#75836c;font-size:9px;margin:13px 5px -10px}.ribbon{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px;display:flex;gap:40px;justify-content:center;font-size:12px;color:#718071}.ribbon strong{color:#3e5948;font-weight:500}.section{max-width:1240px;margin:auto;padding:85px 32px}.heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:35px}h2{font-size:36px;line-height:1.2;letter-spacing:-1.7px;margin:14px 0 0}.heading p{max-width:330px;color:var(--muted);font-size:14px;line-height:1.7;margin:0}.tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}.tab{padding:12px 20px;border:1px solid var(--line);background:transparent;border-radius:30px;color:#6a796d;font-size:12px}.tab.active{background:var(--ink);border-color:var(--ink);color:white}.solution{display:grid;grid-template-columns:1fr 1fr;gap:60px;background:#eaf0e2;border-radius:18px;padding:40px}.solution h3{font-size:26px;letter-spacing:-1px;margin:12px 0}.solution p{color:#697a67;font-size:14px;line-height:1.8}.checks{list-style:none;padding:0;font-size:13px;line-height:2.6}.checks li:before{content:'✓';margin-right:12px;color:#528051}.workflow{background:#fff;border-radius:12px;padding:23px;align-self:center}.workitem{display:flex;gap:13px;align-items:center;padding:13px 0;border-bottom:1px solid #edf0e9;font-size:12px}.workitem:last-child{border:0}.number{background:#f0f4e9;padding:9px 12px;border-radius:6px;font-size:11px}.workitem span:last-child{margin-left:auto;color:#728b62;font-size:10px}.process{background:#fff}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:40px}.step{border-top:1px solid var(--line);padding-top:20px}.step .n{color:#8ba176;font-size:12px}.step h3{font-size:19px}.step p{font-size:14px;line-height:1.8;color:var(--muted)}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.plan{border:1px solid var(--line);border-radius:12px;padding:29px;background:white;position:relative}.plan.featured{background:var(--ink);color:white}.plan h3{font-size:20px;margin:0 0 12px}.plan p{font-size:13px;line-height:1.7;color:var(--muted)}.featured p,.featured .small{color:#c1d0c6}.plan .price{font-size:27px;letter-spacing:-1px;margin:25px 0 5px}.plan .price small{font-size:12px;letter-spacing:0}.plan .btn{width:100%;margin-top:20px}.featured .btn{background:var(--lime);border-color:var(--lime)}.tag{font-size:9px;text-transform:uppercase;letter-spacing:1px;background:var(--lime);color:var(--ink);padding:7px 12px;border-radius:20px;position:absolute;right:18px;top:-13px}.contact{background:#e5edd9;border-radius:18px;padding:45px;display:grid;grid-template-columns:1fr 1fr;gap:60px}.contact p{font-size:14px;color:#65785e;line-height:1.8}.form{display:grid;gap:12px}label{font-size:12px}input,select,textarea{display:block;width:100%;padding:12px;background:#fff;border:1px solid #ccd8c4;border-radius:6px;margin-top:6px;color:var(--ink)}textarea{resize:vertical;min-height:80px}.form .btn{width:100%}footer{max-width:1240px;margin:auto;padding:28px 32px 40px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line)}footer p{font-size:11px;color:var(--muted)}#result{font-size:12px;line-height:1.7} .mobile-link{display:none}a:focus-visible,button:focus-visible{outline:3px solid #89ae61;outline-offset:4px}@media(max-width:800px){header{padding:20px}nav{display:none}header .btn{padding:10px 14px;font-size:12px}.hero{grid-template-columns:1fr;padding:35px 24px 55px;gap:35px}h1{letter-spacing:-2px;max-width:480px}.demo-wrap{max-width:550px;width:100%;margin:auto}.notice{left:0}.ribbon{gap:15px;flex-wrap:wrap;font-size:10px}.section{padding:55px 24px}.heading{display:block}.heading p{margin-top:20px}.solution,.contact{grid-template-columns:1fr;padding:25px;gap:25px}.steps,.plans{grid-template-columns:1fr;gap:25px}h2{font-size:30px}.trust{gap:12px;font-size:10px}footer{padding:25px;gap:20px;align-items:start}footer p{max-width:200px;text-align:right}}
.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.case-card{background:white;border:1px solid var(--line);border-radius:12px;padding:28px}.case-card .n{font-size:10px;letter-spacing:1px;color:#788d6d}.case-card h3{font-size:21px;letter-spacing:-.7px;line-height:1.35}.case-card p{font-size:14px;line-height:1.8;color:var(--muted)}.case-card small,.case-flow small{font-size:11px;line-height:1.6;color:var(--muted)}.case-dark{background:var(--ink);color:white}.case-dark p,.case-dark small,.case-dark .n{color:#c8d8c9}.case-flow{margin-top:18px;border:1px solid var(--line);padding:25px;border-radius:12px}.case-flow strong{font-size:13px}.case-flow p{font-size:13px;line-height:2;color:#526c56} @media(max-width:800px){.case-grid{grid-template-columns:1fr}} .faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.faq-intro p{font-size:14px;line-height:1.8;color:var(--muted);max-width:310px;margin:22px 0}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-item summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:24px;cursor:pointer;padding:23px 0;font-size:15px;font-weight:600;line-height:1.5}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:focus-visible{outline:3px solid #89ae61;outline-offset:5px}.faq-plus{flex-shrink:0;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e8eddf;font-size:21px;font-weight:400;transition:transform .2s}.faq-item[open] .faq-plus{transform:rotate(45deg);background:var(--lime)}.faq-answer p{font-size:14px;line-height:1.85;color:var(--muted);margin:0;padding:0 40px 23px 0}nav{gap:20px;font-size:13px}@media(max-width:1000px){nav{gap:12px;font-size:11px}}@media(max-width:800px){.faq-layout{grid-template-columns:1fr;gap:30px}.faq-intro p{max-width:none}.faq-item summary{font-size:14px}.faq-answer p{padding-right:0}}