@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800;900&display=swap');
:root{--ink:#173d38;--green:#0c6555;--mint:#dff5cb;--paper:#fafbf6;--line:#dce5db;--muted:#65756c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.95 Vazirmatn,Tahoma,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a,input{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #cc8b3d;outline-offset:5px}h1,h2,h3,p{margin:0}h1{font-size:clamp(38px,4.4vw,64px);line-height:1.55;letter-spacing:-2px;font-weight:800}h2{font-size:clamp(28px,3vw,42px);line-height:1.6;letter-spacing:-1px}h3{font-size:21px}p{color:var(--muted)}.wrap{width:min(1200px,calc(100% - 64px));margin:auto}.nav{height:94px;display:flex;align-items:center;gap:40px}.brand{display:flex;gap:10px;align-items:center;font-size:24px;line-height:1;font-weight:800;letter-spacing:-1px}.mark{background:var(--green);color:var(--mint);border-radius:12px;padding:9px 12px;font:800 25px/1.2 Arial}.navlinks{display:flex;gap:28px;font-size:13px;flex:1}.navlinks a:hover{color:#10856b}.btn{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:12px 23px;border:1px solid var(--green);border-radius:9px;background:var(--green);color:white;font-size:14px;font-weight:600;transition:transform .2s,background .2s}.btn:hover{background:#174b41;transform:translateY(-2px)}.outline{background:transparent;color:var(--ink);border-color:var(--line)}.outline:hover{background:#e7eedf}.small{padding:9px 17px;font-size:12px}.menu{display:none;border:1px solid var(--line);border-radius:7px;background:white;padding:5px 12px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding:70px 0 84px}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--green);font-size:12px;font-weight:600;margin-bottom:20px}.dot{width:7px;height:7px;background:#6a9b47;border-radius:50%;display:inline-block}.hero h1 span{color:#6c994d}.hero p{font-size:15px;margin:23px 0 29px;max-width:490px}.actions{display:flex;gap:12px;flex-wrap:wrap}.hint{font-size:11px;margin-top:16px;color:var(--muted)}.preview-space{position:relative;background:#eaf0e1;border-radius:28px;padding:35px 22px 42px;transform:rotate(-2deg)}.preview{background:#fff;border:1px solid #d7dfd5;border-radius:12px;box-shadow:0 22px 50px #23433414;transform:rotate(2deg);overflow:hidden}.preview-top{height:44px;border-bottom:1px solid #e5eae3;display:flex;justify-content:space-between;align-items:center;padding:0 15px;font-size:10px}.dots{display:flex;gap:4px}.dots i{width:5px;height:5px;border-radius:50%;background:#d1dacd}.dash{display:grid;grid-template-columns:74px 1fr;min-height:330px}.side{background:#f7f9f4;border-left:1px solid #e5eae3;padding:15px 7px;font-size:8px;color:#7d8a7f}.side span{display:block;padding:7px;border-radius:4px;margin-bottom:4px}.side span:first-child{background:#dff1d3;color:#22614b}.dashmain{padding:19px 14px;font-size:9px}.dashhead{display:flex;justify-content:space-between;margin-bottom:16px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.metric{border:1px solid #e3e9df;padding:9px;border-radius:6px}.metric small{font-size:8px;color:#7c8a7b}.metric b{display:block;font-size:13px;margin-top:4px}.chartbox{border:1px solid #e3e9df;margin-top:12px;padding:12px;border-radius:6px}.chartbox svg{width:100%;height:115px;display:block}.chartlabels{display:flex;justify-content:space-between;font-size:7px;color:#7d8a7f}.demolabel{text-align:center;font-size:10px;color:#687c65;margin-top:17px}.float{position:absolute;bottom:15px;left:-15px;background:white;box-shadow:0 10px 35px #12332315;border:1px solid #e1e7db;padding:10px 18px;border-radius:12px;font-size:11px;transform:rotate(2deg)}.float strong{display:block;font-size:14px}.check{color:#3c8c50}.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding:26px 0;gap:20px}.strip div{display:flex;align-items:center;justify-content:center;gap:12px;font-size:12px}.strip b{font-size:19px;color:#739c58}.section{padding:100px 0}.sectionhead{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:40px}.sectionhead p{max-width:360px;font-size:13px}.tag{color:#7b8e72;font-size:11px;margin-bottom:12px;display:block}.modules{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);border-right:1px solid var(--line)}.module{padding:30px 27px;border-left:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;transition:background .2s}.module:hover{background:#edf4e6}.num{font-size:11px;color:#87917e;display:block;margin-bottom:23px}.module h4{font-weight:400;font-size:12px;margin:7px 0 13px;color:#73905f}.module p{font-size:12px;min-height:80px}.chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:20px}.chips span{font-size:9px;background:white;border:1px solid #e1e7da;padding:3px 7px;border-radius:4px}.workflow{background:#173f36;color:#fff;border-radius:24px;padding:50px;display:grid;grid-template-columns:.8fr 1.2fr;gap:65px}.workflow p{color:#b5c7ba;font-size:13px;margin-top:20px}.workflow .tag{color:#accc92}.tabs{display:flex;gap:6px;border-bottom:1px solid #ffffff24;padding-bottom:15px;margin-bottom:25px}.tabs button{background:transparent;border:0;color:#b2c6b5;padding:8px 16px;border-radius:6px;font-size:12px}.tabs button[aria-selected=true]{background:#dff5cb;color:#173f36}.steps{display:grid;grid-template-columns:repeat(2,1fr);gap:23px}.step b{display:block;font-size:13px}.step small{color:#a8bcae;font-size:11px}.step em{font:12px Arial;color:#b8d997;display:block;margin-bottom:8px}.featureline{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:55px 0}.featureline h3{font-size:16px;margin:12px 0 10px}.featureline p{font-size:12px}.icon{font-size:23px;color:#71965d}.pricing{background:#eaf1e1;border-radius:24px;padding:55px;display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.pricing p{font-size:13px;margin-top:20px}.pricecard{background:#fff;border:1px solid #d4e1ca;border-radius:16px;padding:30px}.pill{display:inline-block;background:#e5f3d7;color:#3c6b2f;padding:3px 10px;border-radius:20px;font-size:10px}.pricecard h3{margin-top:16px;font-size:25px}.pricecard .annual{font-size:12px;color:#6d7e64;margin:4px 0 20px}.pricecard ul{list-style:none;padding:18px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:11px}.pricecard li:before{content:'✓';color:#60964d;margin-left:7px}.pricecard .btn{width:100%}.price-note{font-size:10px!important;margin-top:13px!important;text-align:center}.learn{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.learn p{margin-top:16px;font-size:13px}.learninglist{border-top:1px solid var(--line)}.learningrow{display:flex;justify-content:space-between;align-items:center;padding:22px 0;border-bottom:1px solid var(--line);gap:20px}.learningrow b{font-size:14px}.learningrow small{font-size:11px;color:#7b8973}.soon{font-size:10px;border:1px solid var(--line);padding:3px 10px;border-radius:5px;white-space:nowrap}.faq{max-width:850px;margin:auto}.faq h2{text-align:center;margin-bottom:35px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{cursor:pointer;font-size:14px;list-style:none;display:flex;justify-content:space-between}.faq summary:after{content:'+';font-size:20px;color:#7b965f}.faq details[open] summary:after{content:'−'}.faq details p{font-size:12px;line-height:2.2;margin-top:14px;padding-left:30px}.cta{display:flex;align-items:center;justify-content:space-between;gap:30px;background:#dff5cb;padding:40px 45px;border-radius:16px}.cta h2{font-size:27px}.cta p{font-size:12px;margin-top:6px}footer{padding:65px 0 25px}.footergrid{display:flex;justify-content:space-between;gap:40px;padding-bottom:38px}.footergrid p{font-size:11px;max-width:340px;margin-top:18px}.footerlinks{display:flex;gap:40px;font-size:12px}.footerlinks a{display:block;margin-bottom:10px}.bottom{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;font-size:10px;color:#7f8c77}.reveal{animation:arrive .65s ease-out both}@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}@media(max-width:1000px){.hero{gap:30px}.wrap{width:calc(100% - 40px)}.nav{gap:24px}.navlinks{gap:16px}.workflow,.pricing{gap:30px;padding:35px}.module{padding:25px 20px}.learn{gap:40px}}@media(max-width:760px){.nav{height:78px;justify-content:space-between;gap:15px}.nav .brand{font-size:21px}.navlinks{display:none;position:absolute;top:77px;right:20px;left:20px;background:white;z-index:10;padding:25px;border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 25px #163e3610}.navlinks.open{display:flex;flex-direction:column}.menu{display:block}.nav>.btn{margin-right:auto}.hero{grid-template-columns:1fr;padding:36px 0 55px;gap:45px}.hero h1{font-size:43px}.hero p{font-size:14px}.preview-space{margin:0 8px}.float{left:-5px}.strip{grid-template-columns:1fr 1fr;gap:18px}.strip div{font-size:11px;justify-content:start}.section{padding:65px 0}.sectionhead{display:block}.sectionhead p{margin-top:18px}.modules{grid-template-columns:1fr 1fr}.module h3{font-size:17px}.module p{min-height:100px}.workflow,.pricing,.learn{grid-template-columns:1fr}.workflow,.pricing{padding:28px 23px}.featureline{gap:25px;grid-template-columns:1fr;padding:40px 0}.featureline>div{border-bottom:1px solid var(--line);padding-bottom:25px}.pricecard{padding:22px}.tabs button{padding:7px 12px}.cta{display:block;padding:30px}.cta .btn{margin-top:23px}.footergrid{flex-direction:column}.bottom{gap:15px;flex-wrap:wrap}}@media(max-width:420px){.wrap{width:calc(100% - 32px)}.nav>.btn{font-size:10px;padding:8px 10px}.hero h1{font-size:37px}.module{padding:20px 14px}.module h3{font-size:15px}.chips{display:none}.steps{gap:20px 14px}.dash{grid-template-columns:58px 1fr}.dashmain{padding:15px 8px}.metric b{font-size:10px}.side{font-size:7px}.metrics{gap:4px}.metric{padding:6px}.preview-space{padding:23px 12px 37px}.footerlinks{gap:25px}}