:root{--ink:#17302b;--green:#123f36;--accent:#4f9b7c;--mint:#e5f2eb;--sand:#e5bb67;--paper:#f7f8f4;--line:#dfe7e2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Arial,"Noto Sans Arabic",sans-serif;background:#fff}a{text-decoration:none;color:inherit}.siteHeader{height:76px;display:flex;align-items:center;padding:0 clamp(22px,5vw,76px);border-bottom:1px solid var(--line);position:relative;z-index:20;background:#ffffffea;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:9px;font-size:20px}.brand svg{width:31px;height:31px;fill:none;stroke:#227156;stroke-width:3;stroke-linecap:round}.siteHeader nav{display:flex;gap:28px;margin:auto;font-size:11px;color:#52635f}.headerActions{display:flex;align-items:center;gap:12px}.language{display:flex;background:#eef2ef;border-radius:8px;padding:3px}.language button{border:0;background:transparent;border-radius:6px;font-size:8px;padding:6px}.language button.active{background:#fff;color:#17634d;box-shadow:0 1px 4px #14362f22}.loginLink{font-size:10px;font-weight:700}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;border-radius:9px;padding:13px 18px;font-size:11px;font-weight:700}.primary{background:#17634e;color:#fff}.primary.small{padding:9px 13px;font-size:9px}.secondary{border:1px solid #cddbd4;background:#fff}.menu{display:none}.hero{min-height:660px;padding:80px clamp(22px,7vw,105px);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;background:linear-gradient(115deg,#fbfcfa 0,#f2f7f2 100%);overflow:hidden}.eyebrow{color:#267259;font-size:9px;font-weight:800;letter-spacing:1.7px;text-transform:uppercase}.hero h1{font-size:clamp(43px,5vw,72px);line-height:1.03;letter-spacing:-3px;margin:18px 0 23px}.hero h1 em{font-style:normal;color:#377866}.heroCopy>p{max-width:620px;color:#687975;font-size:14px;line-height:1.75}.heroButtons{display:flex;gap:10px;margin-top:28px}.trust{display:flex;gap:22px;margin-top:22px;color:#71807c;font-size:9px}.trust span{display:flex;align-items:center;gap:6px}.trust i{width:6px;height:6px;background:#3f9d77;border-radius:50%}.heroVisual{height:500px;position:relative}.sun{position:absolute;width:360px;height:360px;border-radius:50%;background:#e3efe4;right:8%;top:8%}.tower{position:absolute;bottom:5px;border:2px solid #7fae9d;background:#eaf3ee}.tower:after{content:"";position:absolute;inset:12px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 12px,#9dc0b4 13px)}.towerOne{width:68px;height:260px;right:4%}.towerTwo{width:54px;height:190px;right:25%}.dashboardMock{position:absolute;width:82%;height:340px;left:3%;top:70px;border:7px solid #163e36;border-radius:18px;background:#fff;box-shadow:0 35px 70px #1a453b30;transform:perspective(1100px) rotateY(-7deg) rotateX(2deg)}.mockTop{height:37px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:8px;padding:8px}.miniBrand{width:20px;height:20px;border-radius:5px;background:#19483e;color:#fff;display:grid;place-items:center;font-size:8px}.mockTop i{width:35px;height:4px;background:#e5ebe7;border-radius:5px}.mockTop i:last-child{margin-left:auto;width:18px}.mockBody{display:flex;height:calc(100% - 37px)}.mockSide{width:70px;background:#153e36;padding:22px 15px}.mockSide i{display:block;height:5px;margin-bottom:18px;border-radius:4px;background:#609080}.mockMain{padding:24px;flex:1}.mockMain p{width:90px;height:6px;background:#dbe5df}.mockMain h3{font-size:26px;margin:11px 0 19px}.mockStats{display:flex;gap:8px}.mockStats span{height:50px;background:#eef3ef;flex:1;border-radius:7px}.mockChart{height:105px;margin-top:17px;background:#f7faf7}.mockChart svg{width:100%;height:100%;fill:none;stroke:#38866b;stroke-width:3}.floatCard{position:absolute;background:#fff;border:1px solid var(--line);box-shadow:0 14px 40px #183e3530;border-radius:10px;padding:11px 13px;display:flex;align-items:center;gap:9px;font-size:9px}.floatCard svg{width:28px;fill:none;stroke:#1a7157;stroke-width:1.7}.floatCard span b,.floatCard span small{display:block}.floatCard small{color:#82908d;margin-top:3px}.customer{left:-3%;top:25px}.vat{right:0;bottom:46px}.vat>b{width:31px;height:31px;border-radius:8px;background:#f7ebd4;color:#a96d18;display:grid;place-items:center}.logoStrip{text-align:center;padding:24px;background:#163f36;color:#fff}.logoStrip p{font-size:9px;color:#a6c1b9}.logoStrip div{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:13px;font-size:10px;letter-spacing:1.2px}.logoStrip i{width:3px;height:3px;background:#6fa68f;border-radius:50%}.section{padding:100px clamp(22px,8vw,120px)}.sectionIntro{text-align:center;max-width:720px;margin:auto}.section h2{font-size:clamp(32px,4vw,50px);line-height:1.12;letter-spacing:-1.8px;margin:16px 0}.sectionIntro p,.featureCopy>p{color:#71817d;font-size:13px;line-height:1.7}.documentFlow{display:flex;align-items:center;justify-content:center;margin-top:70px}.documentFlow article{text-align:center;width:155px}.stepIcon{width:58px;height:58px;background:#ecf3ef;border-radius:14px;display:grid;place-items:center;margin:auto}.stepIcon.active{background:#164339;color:#fff;box-shadow:0 0 0 8px #e2f0e9}.stepIcon svg{width:25px;fill:none;stroke:currentColor;stroke-width:1.7}.documentFlow b,.documentFlow small{display:block}.documentFlow b{font-size:11px;margin-top:14px}.documentFlow small{font-size:8px;color:#899591;margin-top:5px}.documentFlow>i{width:70px;height:1px;background:#b9ccc3;margin-top:-38px}.split{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:8vw;background:var(--paper)}.split.reverse{grid-template-columns:.85fr 1.15fr;background:#fff}.featureCopy ul{padding:0;list-style:none;margin-top:27px}.featureCopy li{position:relative;padding-left:25px;margin:16px 0;font-size:11px}.featureCopy li:before{content:"";position:absolute;left:0;top:1px;width:13px;height:13px;border-radius:50%;background:#dcefe6;box-shadow:inset 0 0 0 4px #4b9a79}.featureVisual{min-height:390px;display:grid;place-items:center}.crmBoard{width:100%;background:#fff;border:1px solid var(--line);border-radius:15px;padding:17px;box-shadow:0 24px 55px #153c3320}.crmBoard header{display:flex;justify-content:space-between;font-size:10px}.crmBoard header span{color:#26745b}.columns{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:18px}.columns>div{background:#f6f8f5;border-radius:9px;padding:9px}.columns>div>small{font-size:7px;color:#71817d}.columns article{background:#fff;border:1px solid #e4e9e5;border-radius:7px;padding:11px;margin-top:8px;position:relative;min-height:77px}.columns article b,.columns article span{display:block;font-size:8px}.columns article span{color:#447d6d;margin-top:6px}.columns article i{position:absolute;right:8px;bottom:8px;width:19px;height:19px;border-radius:50%;background:#dcece4;display:grid;place-items:center;font-size:6px;font-style:normal}.columns article.won{border-left:3px solid #3d9674}.orbit{width:500px;height:350px;position:relative}.core{position:absolute;z-index:3;left:205px;top:105px;width:90px;height:90px;border-radius:22px;background:#143f36;display:grid;place-items:center;box-shadow:0 15px 35px #16473b30}.core svg{width:48px;fill:none;stroke:#8cd4b4;stroke-width:3}.node{position:absolute;z-index:2;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 18px;box-shadow:0 10px 26px #133c3320;font-size:10px;font-weight:700}.node.store{left:10px;top:43px}.node.bank{right:4px;top:61px}.node.pay{left:17px;bottom:32px}.node.asp{right:30px;bottom:26px}.links{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#b8d3c8;stroke-width:2;stroke-dasharray:5 6}.cta{text-align:center;background:#143f36;color:#fff;padding:90px 22px}.cta .eyebrow{color:#9ccbb8}.cta h2{font-size:clamp(34px,4vw,52px);margin:15px}.cta p{color:#afc6bf;font-size:12px}.primary.light{background:#fff;color:#16463a;margin-top:20px}footer{min-height:100px;padding:30px clamp(22px,6vw,90px);display:flex;align-items:center;gap:25px;background:#0e3029;color:#fff}footer .brand svg{stroke:#77bba0}footer p{font-size:8px;color:#84a39b}footer>div{margin-left:auto;display:flex;gap:20px;font-size:8px;color:#96afa8}[dir=rtl] .featureCopy li{padding-left:0;padding-right:25px}[dir=rtl] .featureCopy li:before{left:auto;right:0}[dir=rtl] footer>div{margin-left:0;margin-right:auto}[dir=rtl] .dashboardMock{left:auto;right:3%;transform:perspective(1100px) rotateY(7deg) rotateX(2deg)}
@media(max-width:900px){.siteHeader nav{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;padding:24px;flex-direction:column;border-bottom:1px solid var(--line)}.siteHeader nav.open{display:flex}.menu{display:grid;width:34px;border:0;background:transparent;gap:4px}.menu span{height:2px;background:#29433d}.hero{grid-template-columns:1fr;padding-top:58px}.heroCopy{text-align:center}.heroCopy>p{margin:auto}.heroButtons,.trust{justify-content:center}.heroVisual{max-width:650px;width:100%;margin:auto}.split,.split.reverse{grid-template-columns:1fr}.split.reverse .featureCopy{order:2}.split.reverse .featureVisual{order:1}.documentFlow{overflow-x:auto;justify-content:flex-start;padding-bottom:15px}.documentFlow article{min-width:135px}.documentFlow>i{min-width:40px}.featureCopy{text-align:center}.featureCopy ul{display:inline-block;text-align:left}.orbit{transform:scale(.84)}}
@media(max-width:560px){.siteHeader{height:66px;padding:0 15px}.siteHeader nav{top:66px}.loginLink,.primary.small{display:none}.hero{min-height:auto;padding:50px 18px 40px}.hero h1{font-size:43px;letter-spacing:-2px}.heroCopy>p{font-size:12px}.heroButtons{flex-direction:column}.trust{flex-direction:column;gap:8px;align-items:center}.heroVisual{height:355px}.dashboardMock{width:96%;left:2%;top:46px;height:250px}.mockMain{padding:15px}.mockMain h3{font-size:18px}.sun{width:260px;height:260px}.tower{display:none}.floatCard{font-size:7px}.customer{left:0;top:8px}.vat{right:0;bottom:4px}.logoStrip div{overflow-x:auto;justify-content:flex-start}.section{padding:70px 17px}.section h2{font-size:34px}.columns{display:flex;overflow-x:auto}.columns>div{min-width:165px}.orbit{transform:scale(.64);margin:-40px}.cta{padding:65px 18px}footer{flex-wrap:wrap}footer>div{width:100%;margin:0!important}}