@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Vazirmatn:wght@400;500;600;700&display=swap";
:root{--ink:#17362d;--muted:#66766e;--green:#189766;--lime:#baf159;--paper:#f7f8f1;--line:#dce7dc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:DM Sans,sans-serif}main{background:radial-gradient(circle at 90% 6%,#e1f5ce,transparent 23%),var(--paper);overflow:hidden}[dir=rtl]{font-family:Vazirmatn,sans-serif}header{z-index:5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f7f8f1d9;justify-content:space-between;align-items:center;gap:22px;max-width:1180px;height:80px;margin:auto;padding:0 22px;display:flex;position:sticky;top:0}.brand{color:var(--ink);align-items:center;gap:8px;font-size:20px;font-weight:700;text-decoration:none;display:flex}.brand i{background:linear-gradient(135deg,var(--lime),#67d985);color:#15513a;border-radius:10px;place-items:center;width:30px;height:30px;font-style:normal;display:grid}nav{gap:27px;display:flex}nav a,footer a{color:var(--muted);font-size:14px;text-decoration:none}header>div{align-items:center;gap:10px;display:flex}select{font:inherit;color:var(--ink);background:0 0;border:0;padding:7px}.btn{background:var(--green);border-radius:14px;align-items:center;gap:12px;padding:15px 20px;font-size:14px;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex;box-shadow:0 12px 25px #208e6430;color:#fff!important}.btn:hover{background:#117d53;transform:translateY(-3px)}.mini{padding:11px 14px;font-size:12px}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;max-width:1180px;min-height:660px;margin:auto;padding:78px 22px 55px;display:grid}.hero em,.section em,.insight em,.cta em{letter-spacing:.08em;color:var(--green);text-transform:uppercase;font-size:11px;font-style:normal;font-weight:700}.hero h1,h2{letter-spacing:-.06em;margin:18px 0;font-size:clamp(42px,5.4vw,68px);line-height:1.07}.hero>div>p{color:var(--muted);max-width:525px;font-size:17px;line-height:1.8}.stars{color:#efb64a;letter-spacing:2px;margin-inline-start:20px;font-size:14px;display:inline-block}.stars small{color:var(--muted);letter-spacing:0;font-size:11px}.stores{flex-wrap:wrap;gap:8px;margin-top:32px;display:flex}.stores a{border:1px solid var(--line);color:var(--ink);background:#fff9;border-radius:10px;padding:8px 10px;font-size:11px;text-decoration:none}.visual{place-items:center;height:500px;display:grid;position:relative}.visual:before,.visual:after{content:"";border:1px solid #c4e5ae;border-radius:50%;width:420px;height:420px;position:absolute}.visual:after{border-style:dashed;width:510px;height:510px}.phone{z-index:1;background:#f9fdf3;border:8px solid #1a4235;border-radius:40px;width:250px;height:495px;padding:42px 18px 15px;position:relative;box-shadow:22px 28px 55px #174b3742}.phone:before{content:"";background:#1a4235;border-radius:0 0 12px 12px;width:92px;height:18px;position:absolute;top:0;left:70px}.phone>span{font-size:20px}.phone>span small{color:var(--muted);margin-inline-start:5px;font-size:10px}.phone h3{margin:8px 0;font-size:14px}.ring{background:conic-gradient(var(--green) 0 78%,#e3edde 78%);border-radius:50%;place-items:center;width:145px;height:145px;margin:28px auto 15px;font-size:35px;font-weight:700;display:grid;position:relative}.ring:before{content:"";background:#f9fdf3;border-radius:50%;position:absolute;inset:13px}.ring small{font-size:15px}.phone p{margin:0;font-size:11px}.phone p strong,.task>strong{float:inline-end;color:var(--green)}.chart{color:var(--green);letter-spacing:4px;background:#edf6e8;border-radius:15px;margin:8px 0;padding:11px;font-size:33px}.task{align-items:center;gap:9px;font-size:11px;display:flex}.task>b{flex:1}.task small{color:var(--muted);font-size:9px}.badge{z-index:2;background:#fffffff0;border-radius:14px;padding:12px 15px;font-size:15px;position:absolute;box-shadow:0 12px 28px #1a49352e}.one{top:80px;inset-inline-start:12px}.two{bottom:65px;inset-inline-end:5px}.download{background:#e8f4da;border-radius:20px;flex-wrap:wrap;justify-content:center;align-items:center;gap:23px;max-width:1136px;margin:0 auto 110px;padding:18px 24px;display:flex}.download span{color:var(--muted);font-size:12px}.download a{color:var(--ink);font-size:13px;font-weight:600;text-decoration:none}.section{max-width:1180px;margin:auto;padding:80px 22px}.title{text-align:center;max-width:610px;margin:auto auto 44px}.title h2,.insight h2{margin:15px 0;font-size:clamp(34px,4vw,51px)}.title>p,.insight>div>p{color:var(--muted);font-size:16px;line-height:1.75}.grid,.reviews{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.grid article,.reviews article{background:#ffffffa6;border:1px solid #fff;border-radius:22px;padding:25px;transition:all .25s;position:relative;box-shadow:0 16px 35px #28553b10}.grid article:hover{transform:translateY(-6px);box-shadow:0 22px 40px #28553b22}.grid article>i{width:42px;height:42px;color:var(--green);background:#e4f5d5;border-radius:14px;place-items:center;font-size:20px;font-style:normal;display:grid}.grid h3{margin:20px 0 8px;font-size:17px}.grid p{color:var(--muted);min-height:66px;margin:0;font-size:13px;line-height:1.7}.grid article>a{bottom:20px;color:var(--green);font-size:18px;text-decoration:none;position:absolute;inset-inline-end:23px}.insight{grid-template-columns:1fr 1fr;align-items:center;gap:105px;max-width:1136px;margin:auto;padding:100px 22px;display:grid}.shape{background:radial-gradient(#eafdcc,#d6f2c9);border-radius:50%;place-items:center;height:390px;display:grid;position:relative}.tinyphone{background:#fff;border-radius:28px;flex-direction:column;gap:9px;width:220px;height:330px;padding:29px 20px;display:flex;box-shadow:15px 20px 35px #3976462b}.tinyphone small{color:var(--muted);font-size:11px}.tinyphone>b{letter-spacing:-3px;font-size:48px}.tinyphone>b i{color:var(--muted);letter-spacing:0;font-size:18px;font-style:normal}.tinyphone p{margin:0;font-size:11px}.progress{background:#e5efe0;border-radius:8px;height:8px}.progress i{border-radius:inherit;background:var(--green);width:75%;height:100%;display:block}.tinyphone>span{color:var(--green);font-size:11px}.shape>strong{bottom:20px;background:var(--green);color:#fff;text-align:center;border-radius:50%;place-content:center;width:76px;height:76px;font-size:13px;display:grid;position:absolute;inset-inline-end:20px}.metrics{gap:28px;margin:30px 0;display:flex}.metrics b{letter-spacing:-1px;font-size:26px}.metrics small{color:var(--muted);letter-spacing:0;max-width:90px;margin-top:4px;font-size:11px;font-weight:400;display:block}.link{color:var(--green);font-size:14px;font-weight:700;text-decoration:none}.shots{justify-content:center;align-items:center;gap:24px;height:415px;display:flex}.shots>div{width:185px;height:335px;color:var(--muted);background:linear-gradient(145deg,#e8f7d8,#fffce9);border-radius:26px;flex-direction:column;padding:23px 18px;font-size:10px;display:flex;transform:rotate(-8deg);box-shadow:0 15px 42px #17402b20}.shots>div b{color:var(--ink);letter-spacing:-1px;margin-top:28px;font-size:25px;line-height:1.05}.shots>div i{color:var(--green);margin:auto;font-size:55px;font-style:normal}.shots>.active{color:#d2e1d7;z-index:1;background:#173d32;width:215px;height:380px;position:relative;transform:none}.shots>.active b{color:#fff;text-align:center;border:11px solid var(--lime);border-left-color:#326050;border-radius:50%;place-items:center;width:135px;height:135px;margin:35px auto 10px;font-size:32px;display:grid}.shots>.active small{text-align:center}.shots>div:last-child{transform:rotate(8deg)}.reviews article>span{color:#edb54d;letter-spacing:2px;font-size:13px}.reviews article>p{min-height:98px;font-size:15px;line-height:1.7}.reviews footer{align-items:center;gap:10px;display:flex}.reviews footer>i{color:#fff;background:#779d8d;border-radius:50%;place-items:center;width:34px;height:34px;font-size:12px;font-style:normal;display:grid}.reviews footer b{font-size:12px}.reviews footer small{color:var(--muted);margin-top:3px;font-size:10px;font-weight:400;display:block}.cta{color:#fff;background:linear-gradient(110deg,#1b5a42,#168a5e);border-radius:30px;max-width:1136px;margin:65px auto 55px;padding:68px 75px;position:relative;overflow:hidden}.cta em{color:#d8f59d}.cta h2{z-index:1;max-width:590px;font-size:47px;position:relative}.cta p{color:#d4e7dc;z-index:1;max-width:530px;line-height:1.7;position:relative}.cta .btn{background:var(--lime);z-index:1;position:relative;color:#164430!important}.cta>i{inset-inline-end:7%;color:#baf15955;border:1px solid #76b797;border-radius:50%;place-items:center;width:300px;height:300px;font-size:110px;font-style:normal;display:grid;position:absolute;top:-45px}footer{grid-template-columns:1.8fr 1fr auto;align-items:start;gap:25px;max-width:1136px;margin:auto;padding:25px 0 42px;display:grid}footer p{color:var(--muted);max-width:260px;font-size:12px;line-height:1.7}footer span{border-top:1px solid var(--line);color:var(--muted);grid-column:1/-1;padding-top:20px;font-size:11px}@media (max-width:760px){header{height:68px;padding:0 15px}header nav{display:none}.mini{padding:11px;font-size:0}.hero{text-align:center;flex-direction:column;min-height:0;padding:58px 20px 20px;display:flex}.hero>div:first-child{flex-direction:column;align-items:center;display:flex}.hero h1{font-size:44px}.hero>div>p{font-size:15px}.visual{height:430px;margin:-23px;transform:scale(.86)}.download{border-radius:0;gap:13px;margin:25px 0 38px;padding:17px}.section{padding:58px 20px}.grid,.reviews{grid-template-columns:1fr}.grid article{min-height:185px}.insight{text-align:center;flex-direction:column;gap:38px;padding:70px 20px;display:flex}.shape{width:min(100%,400px);height:350px}.metrics{text-align:start;justify-content:center}.shots{gap:8px;height:340px}.shots>div{border-radius:18px;width:120px;height:250px;padding:15px 12px}.shots>div b{font-size:18px}.shots>.active{width:145px;height:285px}.shots>.active b{border-width:8px;width:93px;height:93px;margin:22px auto 7px;font-size:20px}.cta{margin:30px 20px 35px;padding:44px 27px}.cta h2{font-size:37px}.cta>i{width:180px;height:180px;font-size:60px}footer{flex-direction:column;margin:0 20px;padding-bottom:30px;display:flex}footer span{width:100%}}
