@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Tajawal:wght@400;500;600;700;800&display=swap');
:root{--ink:#142d28;--green:#0e7662;--lime:#c9f06a;--muted:#687872;--line:#e6eae3;--cream:#f5f7f2;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:'Tajawal','DM Sans',sans-serif}a{color:inherit;text-decoration:none}.header{height:78px;padding:0 max(6vw,24px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:10}.brand{display:flex;gap:10px;align-items:center;direction:ltr;font:800 19px 'DM Sans',sans-serif}.brand>span:last-child{color:var(--ink)}.brand b{color:var(--green)}.brand small{display:block;color:#85918b;font:700 9px 'DM Sans',sans-serif;letter-spacing:1.2px;margin-top:4px}.brand-icon{width:40px;height:40px;border-radius:13px;background:var(--ink);color:var(--lime);display:grid;place-items:center;font-size:23px}.header nav{display:flex;gap:30px;font-weight:700;font-size:15px}.header nav a:hover,.footer>a:last-child:hover{color:var(--green)}.language{background:#eef4ec;border:0;color:var(--ink);border-radius:22px;padding:10px 15px;font-weight:800;cursor:pointer}.hero{padding:70px max(9vw,32px);min-height:580px;display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:4vw;background:radial-gradient(ellipse at 78% 45%,#e7f3df 0,transparent 35%),#f8f9f6;overflow:hidden}.hero-copy{max-width:570px}.eyebrow{font:800 12px 'DM Sans','Tajawal',sans-serif;letter-spacing:1.1px;color:var(--green)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(38px,5vw,61px);line-height:1.2;letter-spacing:-1.2px;margin:16px 0}.hero-copy>p{font-size:18px;line-height:1.9;color:var(--muted);max-width:560px}.hero-actions{display:flex;gap:12px;margin-top:27px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:10px;padding:14px 20px;font-weight:800;transition:.2s}.primary{background:var(--green);color:white}.primary:hover{background:#095d4e;transform:translateY(-2px)}.secondary{background:white;border:1px solid var(--line)}.secondary:hover{border-color:var(--green);color:var(--green)}.local{display:flex;align-items:center;gap:8px;margin-top:22px;color:var(--muted);font-size:14px}.pin{font-size:22px;color:var(--green)}.hero-visual{position:relative;height:420px;display:grid;place-items:center}.orb{position:absolute;border-radius:50%}.orb-one{width:340px;height:340px;background:#d7edc3;opacity:.75}.orb-two{width:250px;height:250px;border:1px solid #b7d9a5}.dash-card{position:relative;width:min(100%,370px);background:white;border-radius:22px;padding:24px;box-shadow:0 28px 70px #17362c20;transform:rotate(-3deg);border:1px solid #edf0ea}.dash-top{height:24px;display:flex;align-items:center;gap:5px;border-bottom:1px solid #f0f2ed;padding-bottom:18px}.dash-top b{margin-inline-start:auto;color:var(--green);font:800 12px 'DM Sans'}.dot{width:6px;height:6px;border-radius:50%;background:#d9e1d9}.dash-title{font-size:16px;font-weight:800;margin:22px 0 12px}.dash-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dash-metrics>div{background:#f6f8f4;border-radius:12px;padding:12px}.dash-metrics small{display:block;color:#829089;font:700 9px 'DM Sans';letter-spacing:1px}.dash-metrics strong{display:block;font:800 23px 'DM Sans';margin:5px 0;color:var(--ink)}.bar{display:block;height:4px;background:#e3ebdf;border-radius:5px}.bar:after{content:'';display:block;height:100%;background:var(--green);border-radius:5px}.bar.long:after{width:72%}.bar.mid:after{width:53%}.dash-list{display:grid;gap:13px;margin-top:20px}.dash-list span{display:flex;align-items:center;gap:9px;font-size:13px}.dash-list b{font-size:12px}.dash-list em{height:5px;width:34px;margin-inline-start:auto;border-radius:4px;background:#e7eee5}.check{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#e5f3df;color:var(--green);font-style:normal;font-size:11px}.floating-chip{position:absolute;bottom:38px;right:-5px;display:flex;align-items:center;gap:9px;background:white;border:1px solid var(--line);padding:12px 16px;border-radius:12px;box-shadow:0 12px 28px #17362c14;font-size:13px}.floating-chip span{color:var(--green);font-size:19px}.section{padding:82px max(7vw,24px)}.section-heading{text-align:center;max-width:660px;margin:0 auto 38px}.section-heading h2,.method h2,.contact h2{font-size:clamp(30px,4vw,42px);line-height:1.25;margin:12px 0}.section-heading p,.method-copy p,.contact p{color:var(--muted);line-height:1.8;font-size:16px;margin-bottom:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1160px;margin:auto}.solution-card{position:relative;border:1px solid var(--line);border-radius:16px;padding:16px;background:white;min-height:270px;transition:.2s}.solution-card:hover{transform:translateY(-4px);box-shadow:0 16px 35px #102e2810;border-color:#d3e5d5}.solution-art{height:142px;border-radius:12px;overflow:hidden;margin-bottom:19px;background:#f3f7f2}.solution-art svg{display:block;width:100%;height:100%;object-fit:cover}.solution-art.mint{background:#eaf4e9}.solution-art.peach{background:#fff0e7}.solution-art.lilac{background:#f1edff}.solution-art.blue{background:#eaf3ff}.solution-art.yellow{background:#fff6dc}.solution-art.dark{background:#eaf1ec}.mint{background:#e5f3df;color:#33745b}.peach{background:#fff0e8;color:#bf7044}.lilac{background:#f0ebff;color:#795ec1}.blue{background:#e7f2ff;color:#4b80b5}.yellow{background:#fff5d9;color:#aa8222}.dark{background:var(--ink);color:var(--lime)}.card-number{position:absolute;top:30px;inset-inline-end:24px;color:#bec8c0;font:700 11px 'DM Sans'}.solution-card h3{font-size:20px;margin:0 0 8px}.solution-card p{font-size:14px;color:var(--muted);line-height:1.8;margin:0}.custom{background:#f9fbf8}.method{padding:75px max(8vw,24px);background:var(--ink);color:white}.method-inner{max-width:1100px;margin:auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;align-items:center}.method .eyebrow{color:var(--lime)}.method h2{margin:14px 0}.method-copy p{color:#c4d0c9}.steps{display:grid;gap:11px}.steps>div{display:flex;align-items:center;gap:18px;padding:15px;background:#ffffff0b;border:1px solid #ffffff15;border-radius:12px}.steps b{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--lime);color:var(--ink);font:800 12px 'DM Sans';flex:none}.steps span{font-weight:700}.contact{padding-top:75px;padding-bottom:75px}.contact-panel{max-width:1100px;margin:auto;border:1px solid var(--line);border-radius:20px;background:linear-gradient(120deg,#f3f8ef,#fff);padding:36px 42px;display:flex;align-items:center;justify-content:space-between;gap:28px}.contact-panel>div{max-width:620px}.contact h2{font-size:32px;margin:10px 0}.contact p{font-size:15px}.whatsapp{background:var(--green);color:#fff;white-space:nowrap}.whatsapp:hover{background:#095d4e}.whatsapp span:first-child{font-size:20px}.footer{padding:24px max(6vw,24px);display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.footer .brand{color:var(--ink)}
html[dir="ltr"] body{font-family:'DM Sans','Tajawal',sans-serif}.footer .brand,html[dir="ltr"] .brand{direction:ltr}
@media(max-width:850px){.hero{padding:55px 6vw;grid-template-columns:1fr 0.85fr}.header nav{gap:16px}.method-inner{gap:4vw}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.header{height:68px;padding:0 16px}.brand{font-size:16px}.brand-icon{width:35px;height:35px}.header nav{display:none}.hero{padding:44px 22px 24px;grid-template-columns:1fr;gap:0}.hero h1{font-size:41px}.hero-copy>p{font-size:16px}.hero-visual{height:330px;margin-top:14px}.orb-one{width:260px;height:260px}.orb-two{width:195px;height:195px}.dash-card{width:min(86%,350px);padding:20px}.floating-chip{right:0;bottom:24px}.section{padding:58px 17px}.section-heading{margin-bottom:25px}.section-heading h2,.method h2{font-size:31px}.cards{gap:10px}.solution-card{padding:12px;min-height:255px}.solution-card h3{font-size:17px}.solution-card p{font-size:13px}.solution-art{height:112px;margin-bottom:14px}.card-number{top:133px;inset-inline-end:16px}.method{padding:54px 21px}.method-inner{grid-template-columns:1fr;gap:28px}.steps>div{padding:12px}.contact-panel{padding:25px 22px;display:block}.contact h2{font-size:27px}.whatsapp{margin-top:20px;width:100%}.footer{padding:22px;flex-direction:column;text-align:center;gap:15px}}
@media(max-width:620px){.cards{grid-template-columns:1fr}.solution-art{height:168px}}