:root{--ink:#152e36;--green:#126b55;--mint:#d2efdf;--paper:#f6f8f4;--muted:#5d706f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper)}a{color:inherit;text-decoration:none}button,a{ -webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid #dc9a32;outline-offset:5px}.wrap{max-width:1180px;margin:auto;padding:0 28px}header{border-bottom:1px solid #dce4dd;background:var(--paper)}nav{height:88px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{font-weight:800;font-size:24px;letter-spacing:-1.3px;display:flex;gap:10px;align-items:center}.brand-mark{background:var(--green);color:white;width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-size:23px}.brand small{font-size:11px;letter-spacing:2px;margin-left:2px;color:var(--green)}.links{display:flex;gap:30px;align-items:center;font-size:14px;font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:16px 23px;background:var(--green);color:white;border-radius:7px;font-size:14px;font-weight:700}.btn.light{background:white;color:var(--green)}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:65px;align-items:center;padding-top:82px;padding-bottom:82px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:700;color:var(--green);display:flex;gap:9px;align-items:center}.dot{width:7px;height:7px;background:var(--green);border-radius:50%}h1{font-size:clamp(44px,5.3vw,68px);line-height:1.04;letter-spacing:-3.6px;font-weight:500;margin:23px 0}h1 em{font-style:normal;color:var(--green)}.intro{font-size:17px;line-height:1.75;color:var(--muted);max-width:455px}.actions{display:flex;gap:23px;align-items:center;margin:30px 0 17px;font-size:14px}.note{font-size:12px;color:var(--muted)}.preview{background:#e1ebe2;padding:32px 20px 25px;border-radius:20px;position:relative;transform:rotate(-1deg)}.window{background:white;border-radius:11px;box-shadow:0 18px 55px #1a3c3620;overflow:hidden;transform:rotate(1deg)}.window-bar{border-bottom:1px solid #edf0ed;padding:15px 18px;font-size:11px;display:flex;justify-content:space-between;color:var(--muted)}.demo{padding:26px}.demo h3{font-size:21px;letter-spacing:-.6px;margin:0 0 6px}.demo p{font-size:11px;color:var(--muted);margin:0 0 22px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.stat{background:#f3f6f1;padding:16px 11px;border-radius:6px}.stat b{font-size:25px;font-weight:500;display:block;margin-bottom:7px}.stat span{font-size:10px;color:var(--muted)}.demo h4{font-size:12px;margin:25px 0 10px}.row{display:flex;align-items:center;gap:10px;padding:13px 0;border-top:1px solid #edf0ed;font-size:11px}.avatar{width:29px;height:29px;border-radius:50%;background:#edf2ed;display:grid;place-items:center;font-size:10px}.row div:nth-child(2){flex:1}.row small{display:block;font-size:9px;color:var(--muted);margin-top:4px}.pill{font-size:9px;border-radius:4px;padding:6px 8px;background:#e9f5ec;color:var(--green)}.pill.amber{background:#fff0d5;color:#895e16}.preview-caption{text-align:center;font-size:10px;color:var(--muted);margin-top:20px;letter-spacing:.3px}.strip{border-top:1px solid #dce4dd;border-bottom:1px solid #dce4dd;padding:25px 0}.strip .wrap{display:flex;justify-content:space-between;gap:20px;font-size:12px}.strip strong{color:var(--green)}section{padding:80px 0}.section-top{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:38px}h2{font-size:39px;font-weight:500;letter-spacing:-1.7px;line-height:1.15;margin:14px 0 0}.section-top p{font-size:15px;color:var(--muted);line-height:1.75;margin:0}.features{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.features .card{grid-column:span 2}.features .card:nth-last-child(-n+2){grid-column:span 3}.card{background:white;padding:27px 23px;border:1px solid #e1e6de;border-radius:9px}.num{font-size:11px;color:var(--green);font-weight:bold;background:#e8f2e7;display:inline-block;padding:9px;border-radius:6px}.card h3{font-size:17px;font-weight:600;margin:25px 0 12px}.card p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}.approach{background:#e8eee5}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:40px}.steps h3{font-weight:500;font-size:20px;letter-spacing:-.5px}.steps p{color:var(--muted);font-size:14px;line-height:1.7}.steps span{font-size:12px;color:var(--green);font-weight:700}.faq{max-width:780px}details{border-bottom:1px solid #dce4dd;padding:22px 0;font-size:15px}summary{cursor:pointer;font-weight:600}details p{font-size:14px;line-height:1.7;color:var(--muted);max-width:680px}.cta{background:var(--ink);border-radius:14px;padding:50px;display:flex;align-items:center;justify-content:space-between;gap:30px;color:white}.cta h2{margin:0;font-size:34px}.cta p{font-size:14px;line-height:1.7;color:#c4d5ce;max-width:520px}.cta .eyebrow{color:#b1d6ba;margin-bottom:14px}footer{padding:30px 0}.footer{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted)}@media(max-width:850px){.hero{gap:35px;grid-template-columns:1fr;padding-top:50px}.preview{max-width:550px;width:100%;margin:auto}.features{grid-template-columns:1fr 1fr}.features .card,.features .card:nth-last-child(-n+2){grid-column:auto}.features .card:last-child{grid-column:1 / -1}.section-top{gap:25px}.links a:not(.btn){display:none}.strip .wrap{flex-wrap:wrap}.steps{gap:25px}.cta{padding:35px;align-items:flex-start;flex-direction:column}}@media(max-width:520px){.wrap{padding:0 20px}nav{height:75px}.brand{font-size:21px}.links .btn{padding:12px;font-size:11px}h1{letter-spacing:-2px}.hero{padding-bottom:50px}.actions{gap:15px}.section-top{grid-template-columns:1fr}.features,.steps{grid-template-columns:1fr}.card h3{margin-top:18px}section{padding:55px 0}h2{font-size:32px}.strip .wrap{gap:14px}.strip strong{width:100%}.footer{gap:20px;align-items:flex-start}.footer .brand small{display:none}.cta h2{font-size:29px}.cta{padding:28px}.demo{padding:20px}.preview{padding:20px 12px}}
.brand-logo{display:block;width:240px;max-width:100%;height:auto}.brand{flex-shrink:0}header{background:#fff}@media(max-width:680px){.brand-logo{width:180px}}@media(max-width:380px){.brand-logo{width:145px}}