@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+Arabic:wght@400;500;600;700&display=swap";
:root{--ink:#182b27;--paper:#f7f8f2;--green:#c5e879;--muted:#65726b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{background:var(--paper);color:var(--ink);margin:0;font-family:DM Sans,Noto Sans Arabic,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header,footer{justify-content:space-between;align-items:center;max-width:1400px;margin:auto;padding:30px 6%;display:flex}header{border-bottom:1px solid #dfe4d8}.brand{letter-spacing:-2px;font-family:Manrope,sans-serif;font-size:34px;font-weight:800}.brand span{color:#739544;margin-inline-start:5px;font-size:31px;display:inline-block}nav{gap:35px;font-size:14px;display:flex}.language{background:0 0;border:1px solid #cdd6c7;border-radius:30px;padding:10px 19px}.language span{margin-inline-start:16px}main{max-width:1400px;margin:auto}.hero{grid-template-columns:1.15fr 1fr;align-items:center;gap:60px;padding:70px 6% 55px;display:grid}.eyebrow{letter-spacing:1.8px;text-transform:uppercase;align-items:center;gap:10px;font-size:11px;font-weight:700;display:flex}.eyebrow i{background:#729d45;border-radius:50%;width:8px;height:8px}h1,h2,h3{font-family:Manrope,Noto Sans Arabic,sans-serif}h1{letter-spacing:-3.8px;white-space:pre-line;margin:25px 0;font-size:clamp(45px,4.8vw,70px);font-weight:600;line-height:1.12}p{line-height:1.7}.intro{max-width:460px;color:var(--muted);font-size:16px}.actions{align-items:center;gap:28px;margin-top:30px;display:flex}.primary{background:var(--ink);color:#fff;border-radius:7px;padding:17px 20px;font-size:13px}.primary span{margin-inline-start:28px}.text-link{border-bottom:1px solid #a5afa1;padding:10px 0;font-size:13px}.hero-bottom{color:var(--muted);align-items:center;gap:10px;margin-top:55px;font-size:11px;display:flex}.tiny-symbol{color:#729544;font-size:25px}.visual{background:#e8eddf;border-radius:160px 160px 18px 18px;height:480px;position:relative;overflow:hidden}.visual-label{text-align:center;letter-spacing:2px;font-size:9px;position:absolute;top:31px;left:0;right:0}.orbit{border:1px solid #ced8bf;border-radius:50%;width:470px;height:470px;position:absolute;top:50px;left:-50px}.orbit-two{width:350px;height:350px;top:110px;left:10px}.card{border-radius:10px;padding:22px;position:absolute;box-shadow:0 16px 35px #243c2310}.form-card{background:#fffefa;width:265px;top:80px;left:40px;transform:rotate(-7deg)}.card-top{letter-spacing:1px;align-items:center;gap:10px;font-size:8px;display:flex}.card-top b{margin-left:auto;font-size:17px}.icon{font-size:20px}.card h3{letter-spacing:-.6px;font-size:22px;font-weight:600;line-height:1.3}.fake-line{background:#e9ecdf;border-radius:4px;height:7px;margin:9px 0}.short{width:65%}.check-row{align-items:center;gap:9px;margin-top:19px;font-size:8px;display:flex}.check-row span{background:#d7edac;border-radius:50%;padding:5px}.check-row div{background:#e9ecdf;width:60px;height:5px}.check-row b{color:#75816b;font-weight:400}.data-card{background:#c6e77c;width:255px;bottom:48px;right:22px;transform:rotate(7deg)}.chart{border-bottom:1px solid #819a59;align-items:end;gap:10px;height:91px;margin-top:25px;display:flex}.chart i{background:#345646;border-radius:3px 3px 0 0;width:19px}.chart i:nth-child(2n){background:#86ad4c}.data-caption{justify-content:space-between;margin-top:14px;font-size:8px;display:flex}.floating{color:#fff;background:#203b30;border-radius:30px;padding:12px 17px;font-size:10px;position:absolute;top:124px;right:17px;transform:rotate(7deg)}.connector{color:#8ba369;font-size:48px;position:absolute;bottom:95px;left:100px}.corner{letter-spacing:2px;font-size:9px;position:absolute;bottom:15px;left:23px}.tool-strip{letter-spacing:2px;color:#75816f;border-top:1px solid #dfe4d8;border-bottom:1px solid #dfe4d8;justify-content:space-between;margin:0 6%;padding:26px 0;font-size:11px;font-weight:600;display:flex}.section{padding:85px 6%}.section-top{grid-template-columns:1fr 2fr;align-items:start;gap:30px;margin-bottom:38px;display:grid}h2{letter-spacing:-1.7px;white-space:pre-line;margin:0;font-size:38px;font-weight:600;line-height:1.25}.muted{color:var(--muted);margin:12px 0;font-size:14px}.service-grid{border:1px solid #dbe1d2;border-radius:10px;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.service{border-inline-end:1px solid #dbe1d2;padding:28px}.service:last-child{border:0}.service-number{color:#75816f;justify-content:space-between;margin-bottom:42px;font-size:11px;display:flex}.service-number span{font-size:23px}.service h3,.project h3,.steps h3{letter-spacing:-.6px;font-size:20px;font-weight:600}.service p,.project p,.steps p{color:var(--muted);font-size:13px}.service small{letter-spacing:.6px;margin-top:28px;font-size:9px;display:block}.work-section{background:#edf0e6}.project-grid{grid-template-columns:repeat(3,1fr);gap:25px;display:grid}.project-art{border-radius:9px;justify-content:center;align-items:center;height:280px;display:flex;position:relative;overflow:hidden}.art-0{background:#dbe6c7}.art-1{background:#d9e3de}.art-2{background:#eddfc7}.art-caption,.art-bottom{letter-spacing:1px;font-size:9px;position:absolute;left:20px;right:20px}.art-caption{top:20px}.art-bottom{letter-spacing:0;bottom:20px}.counter{color:#eef8dc;background:#263f32;border:5px solid #4f6852;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;width:115px;height:173px;display:flex;transform:rotate(-10deg);box-shadow:12px 14px #c2d0ad}.counter span{font-size:11px}.counter strong{font-size:50px;font-weight:500}.counter div{letter-spacing:8px;margin-top:8px;font-size:9px}.battery{background:#edf3e6;border:2px solid #3e6050;border-radius:15px;width:153px;height:85px;padding:9px;position:relative;transform:rotate(-8deg)}.battery:after{content:"";background:#3e6050;border-radius:0 4px 4px 0;width:8px;height:27px;position:absolute;top:27px;right:-10px}.battery div{background:#b7d877;border-radius:7px;width:85%;height:100%}.battery span{place-items:center;font-size:25px;display:grid;position:absolute;inset:0}.flow{align-items:center;gap:9px;display:flex;transform:rotate(-7deg)}.flow span{color:#655a3c;background:#fffbf0;border-radius:12px;padding:12px;font-size:35px;box-shadow:4px 5px #d9c9a9}.flow b{font-weight:400}.project h3{justify-content:space-between;margin-bottom:10px;font-size:18px;display:flex}.steps{grid-template-columns:repeat(3,1fr);gap:45px;display:grid}.steps article{border-top:1px solid #cfd8c4;padding-top:24px}.steps article>span{color:#7c9566;font-size:12px}.contact{color:#f3f5e9;background:#203c31;border-radius:14px;margin:0 6% 70px;padding:55px;position:relative;overflow:hidden}.contact .eyebrow{color:#c4e18d}.contact h2{margin:22px 0;font-size:48px}.contact>p{color:#d0dbcc;max-width:470px;font-size:14px}.contact-note{color:#c4d4bc;margin-top:30px;font-size:11px}.contact-star{color:#c4e18d;font-size:210px;line-height:1;position:absolute;top:60px;right:60px}footer{border-top:1px solid #dfe4d8}footer p,footer>span{color:var(--muted);font-size:11px}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{letter-spacing:0}[dir=rtl] .contact-star{left:60px;right:auto}a:focus-visible,button:focus-visible{outline-offset:5px;outline:3px solid #6c9b3d}@media (max-width:850px){header{padding:20px 6%}nav{display:none}.hero{grid-template-columns:1fr;gap:35px;padding-top:40px}h1{font-size:56px}.visual{width:100%;max-width:470px;margin:auto}.hero-bottom{margin-top:30px}.section-top{grid-template-columns:1fr;gap:12px}h2{font-size:32px}.section{padding:55px 6%}.service-grid,.project-grid,.steps{grid-template-columns:1fr}.service{border-inline-end:0;border-bottom:1px solid #dbe1d2}.service-number{margin-bottom:20px}.tool-strip{flex-wrap:wrap;justify-content:center;gap:20px;font-size:9px}.project-art{height:300px}.contact{padding:32px}.contact h2{font-size:34px}.contact-star{opacity:.18;font-size:90px;top:23px;right:22px}.contact>p{position:relative}.contact .eyebrow{font-size:9px}footer{flex-wrap:wrap;gap:20px}.actions{gap:20px}.primary{font-size:12px}.primary span{margin-inline-start:12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
:root{--paper:#fcfcf8;--muted:#465b51;--ink:#163c30;--green:#d1ed98}body{-webkit-font-smoothing:antialiased;background:var(--paper);font-size:17px}header,footer{max-width:1440px;padding:26px 5%}header{background:#fcfcf8;border-bottom:1px solid #d9e3d6}.brand{letter-spacing:-2px;font-size:38px}.brand span{color:#557d35}nav{gap:38px;font-size:16px;font-weight:500}nav a{padding:12px 0}nav a:hover{color:#628536}.language{background:#fff;border-color:#b4c6b9;padding:12px 20px;font-size:16px}main{max-width:1440px}.hero{grid-template-columns:1.15fr 1fr;gap:64px;padding:76px 5% 60px}.eyebrow{letter-spacing:1.5px;color:#446546;font-size:13px;line-height:1.7}h1{letter-spacing:-2.6px;max-width:680px;margin:24px 0 26px;font-size:clamp(48px,4.2vw,68px);font-weight:700;line-height:1.12}.intro{color:#465b51;max-width:580px;font-size:19px;line-height:1.8}.actions{flex-wrap:wrap;gap:26px;margin-top:34px}.primary{border-radius:8px;justify-content:center;align-items:center;min-height:54px;padding:17px 24px;font-size:16px;font-weight:600;transition:background .2s,transform .2s;display:inline-flex;box-shadow:0 5px 12px #173b3014}.primary:hover{background:#2c5845;transform:translateY(-2px)}.text-link{border-color:#6f8776;align-items:center;gap:8px;min-height:44px;font-size:16px;font-weight:500;display:inline-flex}.hero-bottom{color:#48604f;margin-top:36px;font-size:14px}.tiny-symbol{font-size:29px}.visual{background:linear-gradient(145deg,#e5eddb,#eff3e6);border:1px solid #d5e1c9;border-radius:24px;height:520px;box-shadow:0 18px 60px #173b300a}.visual-label{letter-spacing:1.5px;color:#4b6944;font-size:11px;top:29px}.form-card{border:1px solid #e0e7d9;width:290px;padding:27px;top:85px;left:29px;transform:rotate(-5deg)}.card h3{font-size:26px;line-height:1.35}.card-top{letter-spacing:.7px;font-size:10px}.check-row{font-size:10px}.check-row div{width:38px}.data-card{background:#cce994;border:1px solid #b5d57b;width:280px;padding:25px;bottom:45px;right:22px;transform:rotate(5deg)}.data-caption{font-size:10px}.floating{padding:12px 16px;font-size:12px;top:70px;right:18px;transform:rotate(5deg)}.connector{bottom:75px;left:79px}.corner{font-size:11px}.orbit{border-color:#cad9ba}.tool-strip{letter-spacing:1.1px;color:#49614d;background:0 0;margin:0 5%;padding:25px 0;font-size:13px}.section{padding:78px 5%}.section-top{grid-template-columns:1fr 2.4fr;gap:40px;margin-bottom:40px}h2{letter-spacing:-1.3px;max-width:820px;font-size:clamp(32px,3vw,44px);font-weight:650;line-height:1.25}.muted{margin-top:16px;font-size:18px;line-height:1.7}.service-grid{border:0;border-radius:0;gap:22px;overflow:visible}.service{background:#fff;border:1px solid #dce4d6;border-radius:14px;flex-direction:column;padding:30px;display:flex;box-shadow:0 7px 24px #193b3005}.service:last-child{border:1px solid #dce4d6}.service-number{color:#557342;margin-bottom:30px;font-size:14px}.service-number span{background:#edf4e5;border-radius:50%;place-items:center;width:39px;height:39px;display:grid}.service h3,.steps h3{letter-spacing:-.5px;margin:0 0 15px;font-size:25px;line-height:1.35}.service p,.project p,.steps p{color:#465b51;margin:0;font-size:17px;line-height:1.8}.service small{letter-spacing:.2px;color:#496348;margin-top:auto;padding-top:28px;font-size:12px}.work-section{background:#edf3e7;border-top:1px solid #dde7d6;border-bottom:1px solid #dde7d6}.project-grid{gap:25px}.project{background:#fff;border:1px solid #dce6d7;border-radius:16px;overflow:hidden;box-shadow:0 7px 20px #244c3005}.project-art{border-bottom:1px solid #dce6d7;border-radius:0;height:285px}.art-caption,.art-bottom{letter-spacing:.7px;font-size:12px;left:23px;right:23px}.art-bottom{letter-spacing:0}.project-text{padding:25px}.project h3{gap:12px;margin:0 0 15px;font-size:23px;line-height:1.4}.project h3>span{display:none}.steps{gap:30px}.steps article{border-top:2px solid #aac396;padding:25px 12px 0 0}.steps article>span{color:#517238;margin-bottom:24px;font-size:15px;display:block}.steps h3{font-size:24px}.contact{background:#173e30;border-radius:20px;margin:0 5% 60px;padding:55px;box-shadow:0 15px 35px #173b3010}.contact h2{max-width:750px;font-size:48px}.contact>p{max-width:620px;font-size:18px}.contact-note{max-width:620px;font-size:14px;line-height:1.8}.contact-star{color:#cce994;opacity:.9;font-size:170px;top:80px;right:45px}.contact .primary{color:#173e30;background:#d0eb9b}.contact .actions{z-index:1;position:relative}footer p,footer>span{font-size:14px}footer p{max-width:400px}[dir=rtl] h1{font-size:56px;line-height:1.45}[dir=rtl] .intro,[dir=rtl] .service p,[dir=rtl] .project p,[dir=rtl] .steps p{line-height:1.95}[dir=rtl] .eyebrow{letter-spacing:0}[dir=rtl] .contact-star{left:35px;right:auto}@media (min-width:1500px){.hero{padding-top:85px;padding-bottom:70px}.intro{font-size:21px}.service p,.project p,.steps p{font-size:18px}}@media (max-width:1100px){.hero{gap:30px}.visual{height:490px}.form-card{width:250px;left:20px}.data-card{width:250px;right:15px}.floating{font-size:11px;top:50px}h1{font-size:54px}.contact-star{opacity:.2}.service{padding:24px}.project h3{font-size:20px}}@media (max-width:850px){header{padding:20px 6%}.brand{font-size:32px}.language{font-size:15px}.hero{grid-template-columns:1fr;gap:35px;padding:44px 6%}h1{letter-spacing:-1.7px;font-size:48px}.intro{font-size:18px}.visual{max-width:480px;height:480px}.form-card{width:280px;left:28px}.data-card{width:270px;right:24px}.floating{top:60px}.tool-strip{gap:20px;margin:0 6%;font-size:11px}.section{padding:55px 6%}.section-top{grid-template-columns:1fr;gap:12px;margin-bottom:30px}.section-top .eyebrow{margin:0}.service-grid,.project-grid,.steps{grid-template-columns:1fr;gap:22px}.service{padding:28px}.service-number{margin-bottom:22px}.service h3{font-size:25px}.service p,.project p,.steps p{font-size:17px}.project-art{height:295px}.project h3{font-size:24px}.steps article{padding-top:22px}.contact{margin:0 6% 45px;padding:32px}.contact h2{font-size:36px}.contact>p{font-size:17px}.contact-star{opacity:.16;font-size:110px;top:30px;right:20px}.contact .eyebrow{font-size:11px}footer{gap:18px;padding:25px 6%}footer p{order:3;width:100%;margin:0}[dir=rtl] h1{font-size:43px}[dir=rtl] h2{line-height:1.6}.primary{font-size:16px}.hero-bottom{font-size:13px}}@media (max-width:390px){h1{font-size:41px}.primary{padding:15px 18px}.visual{height:450px}.form-card{width:245px;left:18px}.data-card{width:240px;right:14px}.check-row{font-size:9px}.card h3{font-size:24px}[dir=rtl] h1{font-size:36px}}@media (prefers-reduced-motion:reduce){.primary{transition:none}.primary:hover{transform:none}}.contact .primary:has(.whatsapp-number){flex-direction:column;align-items:flex-start;gap:6px;display:flex}.whatsapp-number{letter-spacing:.4px;font-size:15px;font-weight:500}.store-link{color:#245337;text-underline-offset:5px;padding:12px 0;font-size:16px;font-weight:700;text-decoration:underline;display:inline-flex}.store-link:hover{color:#102e21}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero h1{font-size:clamp(38px,4.2vw,61px)}[dir=rtl] .hero h1{font-size:clamp(34px,3.8vw,54px)}@media (max-width:850px){.service-grid{grid-template-columns:1fr}.hero h1{font-size:43px}[dir=rtl] .hero h1{font-size:38px}}@media (max-width:390px){.hero h1{font-size:37px}[dir=rtl] .hero h1{font-size:33px}}.workflow-example{background:#edf3e8;border:1px solid #d2dfc8;border-radius:16px;margin-top:32px;padding:32px}.workflow-example h3{margin:10px 0 24px;font-size:28px}.workflow-example ol{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;padding-inline-start:24px;display:grid}.workflow-example li{padding-inline-start:5px;font-size:17px;line-height:1.7}.workflow-example>p:last-child{max-width:850px;margin-bottom:0;font-size:17px;line-height:1.8}@media (max-width:850px){.workflow-example{padding:24px}.workflow-example ol{grid-template-columns:1fr;gap:15px}.workflow-example h3{font-size:25px}}.contact .founder-intro{z-index:1;max-width:650px;margin:26px 0;position:relative}.founder-intro strong{color:#edf8e1;margin-bottom:9px;font-size:20px;display:block}.founder-intro span{color:#d9e5d5;font-size:16px;line-height:1.8;display:block}.art-0,.art-1{background:#eef2e9;height:340px}.app-screenshot{justify-content:center;align-items:center;display:flex;position:absolute;inset:48px 20px}.app-screenshot img{object-fit:contain;border-radius:8px;width:auto;max-width:100%;height:auto;max-height:100%;box-shadow:0 5px 20px #173e3020}.screenshot-0 img{height:100%}.app-screenshot:focus-visible{outline-offset:4px;outline:3px solid #245337}@media (max-width:850px){.art-0,.art-1{height:380px}}.examples-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-bottom:30px;display:grid}.example-card{background:#fff;border:1px solid #d5e1cf;border-radius:16px;padding:30px}.example-index{color:#527340;font-size:14px}.example-card h3{margin:16px 0 24px;font-size:25px;line-height:1.4}.example-card>p{color:#465b51;margin:0 0 20px;font-size:17px;line-height:1.8}.example-card strong{color:#173e30;margin-bottom:7px;font-size:15px;display:block}.example-benefit{background:#edf3e8;border-radius:10px;padding:18px}.example-benefit p{color:#294732;margin:0;font-size:17px;line-height:1.8}[dir=rtl] .example-card p{line-height:1.95}@media (max-width:850px){.examples-grid{grid-template-columns:1fr}.example-card{padding:24px}.example-card h3{font-size:24px}}.contact-panel{z-index:1;text-align:start;max-width:760px;margin:36px auto 0;position:relative}.enquiry-form{color:#173d34;background:#fff;border:1px solid #b9cec5;border-radius:20px;padding:28px}.enquiry-form h3{margin:0 0 24px;font-size:25px}.enquiry-fields{grid-template-columns:1fr 1fr;gap:20px;display:grid}.enquiry-form label{flex-direction:column;gap:8px;margin-bottom:20px;font-weight:600;display:flex}.enquiry-form input,.enquiry-form textarea{box-sizing:border-box;color:#15392f;width:100%;font:inherit;background:#fff;border:1px solid #8ca79b;border-radius:10px;padding:13px;font-size:16px}.enquiry-form textarea{resize:vertical}.enquiry-form input:focus-visible,.enquiry-form textarea:focus-visible{outline-offset:2px;outline:3px solid #b0dac3}.contact .form-help,.contact .form-status{color:#38564c;max-width:none;margin:12px 0;font-size:15px;line-height:1.6}.enquiry-form button{cursor:pointer;font:inherit}.enquiry-form button:disabled{opacity:.6;cursor:wait}.email-copy{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin:22px 0;font-size:16px;display:flex}.email-copy strong{-webkit-user-select:all;user-select:all}.email-copy button{cursor:pointer}.contact .email-copy .language{color:#173d34;background:#fff;border:1px solid #8ca79b;border-radius:10px;padding:12px 18px}@media (max-width:600px){.enquiry-fields{grid-template-columns:1fr;gap:0}.enquiry-form{padding:20px}.email-copy{flex-direction:column}}.contact .enquiry-form .form-status{color:#493606;background:#fff3d9;border:2px solid #947020;border-radius:10px;margin-top:20px;padding:16px;font-size:16px;font-weight:600;line-height:1.7;display:block}.service-detail{max-width:1000px;margin:auto}.service-detail h1{letter-spacing:-.035em;font-size:clamp(34px,5vw,62px);line-height:1.13}.service-detail section{margin:56px 0}.service-detail h2{font-size:30px;line-height:1.3}.service-detail p,.service-detail li,.service-links li{font-size:18px;line-height:1.8}.service-links a,.service-detail li a{color:#173e30;text-underline-offset:4px;text-decoration:underline}.service-links li,.service-detail li{margin:14px 0}.language{text-decoration:none}