@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;450;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#024c3f;--green:#007a3d;--lime:#00d865;--paper:#f7faf8;--line:#dce2d7;--muted:#64736b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'IBM Plex Sans Arabic',Manrope,sans-serif;font-size:16px;line-height:1.85}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid #007a3d;outline-offset:5px}img{max-width:100%}.wrap{max-width:1280px;width:calc(100% - 112px);margin:auto}.preview{background:var(--ink);color:#e5eddf;font-size:12px;text-align:center;padding:7px 15px;letter-spacing:.2px}.preview a{text-decoration:underline;margin-inline-start:14px}header{background:rgba(247,250,248,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(16px)}.nav{height:88px;display:flex;align-items:center;gap:35px}.brand{margin-inline-end:auto;display:flex;align-items:center;gap:10px}.brand img{width:110px;height:auto;filter:none}.brand small{font-size:10px;border-inline-start:1px solid var(--line);padding-inline-start:14px;line-height:1.5;color:var(--muted)}nav{display:flex;gap:30px;align-items:center}nav a{font-size:14px}nav a:hover,nav a[aria-current=page]{color:var(--green)}.nav-actions{display:flex;gap:20px;align-items:center}.lang{font-family:Manrope,sans-serif;font-size:13px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:13px 24px;border:1px solid var(--ink);background:var(--ink);color:white;font-weight:500;transition:background .2s,transform .2s}.button:hover{background:var(--green);transform:translateY(-2px)}.button.light{background:var(--lime);color:var(--ink);border-color:var(--lime)}.button.outline{background:transparent;color:var(--ink)}.arrow{font-family:Arial,sans-serif;font-size:22px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:65px;align-items:center;padding-top:76px;padding-bottom:64px}.eyebrow{font-size:12px;letter-spacing:1px;font-weight:500;display:flex;gap:12px;align-items:center;color:var(--green);margin-bottom:24px}.eyebrow:before{content:'';height:7px;width:7px;border-radius:50%;background:#00d865}h1,h2,h3,p{margin:0}h1{font-size:clamp(42px,4.6vw,68px);font-weight:600;line-height:1.38;letter-spacing:-1.8px}h1 em{font-style:normal;color:var(--green);position:relative}h1 em:after{content:'';position:absolute;bottom:1px;height:3px;background:var(--lime);inset-inline:0} .lead{max-width:520px;color:var(--muted);font-size:17px;line-height:2;margin-top:25px}.hero-actions{display:flex;gap:24px;align-items:center;margin-top:34px}.text-link{font-size:14px;border-bottom:1px solid var(--ink);padding-bottom:4px}.micro{font-size:12px;color:var(--muted);margin-top:28px;display:flex;gap:22px}.visual{min-height:480px;border-radius:3px;background:#dce7d8;position:relative;overflow:hidden;display:grid;place-items:center;isolation:isolate}.visual:before{content:'';position:absolute;width:410px;height:410px;border:1px solid #aac0a5;border-radius:50%;box-shadow:0 0 0 52px #cbdcc750,0 0 0 104px #cbdcc730;transform:translate(0,30px)}.visual-label{position:absolute;top:22px;inset-inline-start:25px;font-size:10px;letter-spacing:2px;font-family:Manrope,sans-serif}.window{width:76%;background:#fffefb;border:1px solid #b9cbb8;box-shadow:0 30px 50px #163b2820;transform:rotate(-5deg);position:relative}.window-bar{height:34px;border-bottom:1px solid #e4e9df;display:flex;gap:5px;align-items:center;padding:0 12px}.dot{width:5px;height:5px;background:#ccd6c7;border-radius:50%}.mock-body{padding:25px}.mock-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;font-family:Manrope,sans-serif;direction:ltr}.mock-mark{font-weight:800;font-size:16px}.mock-lines{display:flex;gap:6px}.mock-lines i{width:18px;height:3px;background:#d9dfd4}.mock-title{width:70%;height:12px;background:var(--ink);margin-top:32px}.mock-title.short{margin-top:9px;width:50%}.mock-sub{width:65%;height:4px;background:#d5ddcf;margin-top:17px}.mock-button{width:66px;height:19px;background:var(--lime);margin-top:16px}.mock-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:28px}.mock-grid i{height:68px;background:#e4ebdf;border:1px solid #d6e0d0;position:relative}.mock-grid i:after{content:'✓';position:absolute;bottom:7px;right:10px;color:var(--green);font-size:20px}.floating-note{background:var(--ink);color:white;position:absolute;bottom:43px;inset-inline-end:18px;padding:17px 22px;box-shadow:0 10px 20px #163b2820;font-size:12px;transform:rotate(3deg)}.floating-note strong{display:block;color:var(--lime);font-size:19px;font-weight:500}.visual-bottom{position:absolute;bottom:17px;inset-inline-start:25px;font-family:Manrope,sans-serif;font-size:10px;color:#526b53}.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#69776a;font-size:13px}.strip b{color:var(--ink);font-size:17px;font-weight:500}.section{padding:90px 0}.section-top{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:42px}h2{font-size:clamp(29px,3vw,44px);font-weight:500;line-height:1.5;letter-spacing:-.8px}.section-top p{color:var(--muted);max-width:370px;font-size:14px}.number{font-family:Manrope,sans-serif;font-size:11px;color:var(--muted);letter-spacing:1px;display:block;margin-bottom:17px}.services{display:grid;grid-template-columns:repeat(3,1fr);border-inline-start:1px solid var(--line);border-top:1px solid var(--line)}.service{padding:30px;border-inline-end:1px solid var(--line);border-bottom:1px solid var(--line);min-height:265px;display:flex;flex-direction:column;transition:background .2s}.service:hover{background:#f0fcf5}.service-icon{font-size:26px;font-family:Manrope,sans-serif;color:var(--green);margin-bottom:18px;line-height:1}h3{font-size:21px;font-weight:500;margin-bottom:10px}.service p{font-size:14px;color:var(--muted);line-height:1.9}.service-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:25px;font-size:11px;color:var(--green)}.about-band{background:var(--ink);color:#f2f5eb;padding:75px 0}.about-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:100px}.about-band .eyebrow{color:var(--lime)}.about-band p{color:#bdcec0;margin-top:15px;font-size:16px}.about-band .text-link{display:inline-block;border-color:#bdcec0;margin-top:25px}.principles{display:flex;gap:35px;border-top:1px solid #ffffff24;padding-top:25px;margin-top:30px}.principles span{font-size:13px;color:#d9e3d6}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.step{border-top:1px solid #b9c8b3;padding-top:22px}.step .number{color:var(--green)}.step p{font-size:14px;color:var(--muted)}.faq-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:80px}.faq-section{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;font-size:17px}summary:after{content:'+';font-family:Manrope,sans-serif;color:var(--green)}details[open] summary:after{content:'−'}details p{font-size:14px;color:var(--muted);padding-top:15px;max-width:95%}.cta{background:var(--lime);padding:55px;display:flex;justify-content:space-between;align-items:center;gap:40px;margin-bottom:80px}.cta p{margin-top:10px;color:#45602f;font-size:15px}.cta h2{font-size:35px}footer{border-top:1px solid var(--line);padding:45px 0 22px}.footer-grid{display:flex;justify-content:space-between;gap:40px}.footer-brand{max-width:350px}.wordmark{font-family:Manrope,sans-serif;font-size:27px;font-weight:800;letter-spacing:-1px}.footer-brand p{font-size:13px;color:var(--muted);margin-top:12px}.footer-links{display:flex;flex-direction:column;gap:8px;font-size:13px}.footer-links strong{font-size:14px;margin-bottom:9px;font-weight:500}.copyright-bar{border-top:1px solid var(--line);margin-top:35px}.copyright{padding-top:20px;font-size:11px;color:var(--muted);display:flex;justify-content:space-between;gap:20px}.page-intro{padding:65px 0 55px;border-bottom:1px solid var(--line)}.breadcrumb{font-size:12px;color:var(--muted);margin-bottom:35px}.page-intro h1{font-size:clamp(36px,4.5vw,60px);max-width:850px}.detail-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:80px}.detail-copy p{color:var(--muted);margin:20px 0}.feature-list{padding:0;list-style:none}.feature-list li{padding:15px 0;border-bottom:1px solid var(--line);display:flex;gap:15px}.feature-list li:before{content:'✓';color:var(--green)}.aside{background:#eaf7ef;padding:30px;align-self:start}.aside p{font-size:14px;color:var(--muted);margin:15px 0 25px}.contact-options{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.contact-option{border:1px solid var(--line);padding:32px}.contact-option p{font-size:14px;color:var(--muted);margin-bottom:20px}.contact-option a{color:var(--green);text-decoration:underline}.skip{position:fixed;top:-100px;z-index:99;padding:10px;background:white}.skip:focus{top:0}[dir=ltr] body{font-family:Manrope,'IBM Plex Sans Arabic',sans-serif}[dir=ltr] h1{line-height:1.15;letter-spacing:-2.5px}[dir=ltr] .hero h1{font-size:clamp(43px,4.4vw,65px)}[dir=ltr] .service h3{font-size:19px}
@media(min-width:1500px){.hero{min-height:650px}}@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.nav{gap:20px}nav{gap:17px}.brand small{display:none}.hero{gap:25px}.visual{min-height:420px}.hero-actions{gap:15px}.services{grid-template-columns:repeat(2,1fr)}.about-grid{gap:40px}.faq-grid{gap:35px}.nav-actions .button{padding:10px 15px}.detail-grid{gap:35px}}
@media(max-width:720px){.wrap{width:calc(100% - 40px)}.preview{font-size:10px}.nav{height:73px;gap:16px}.brand img{width:93px}.nav-actions .button{display:none}.menu-toggle{display:block;background:none;border:1px solid var(--line);padding:5px 11px;color:var(--ink)}nav{display:none;position:absolute;top:73px;inset-inline:0;background:var(--paper);padding:25px;box-shadow:0 15px 25px #142d2814;flex-direction:column;align-items:stretch}nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:40px;gap:35px;padding-bottom:35px}h1{font-size:45px;letter-spacing:-1px}.lead{font-size:15px;margin-top:20px}.hero-actions{margin-top:25px}.hero-actions .button{padding:12px 19px}.micro{font-size:11px;gap:15px;margin-top:22px}.visual{min-height:360px}.window{width:70%}.visual:before{width:280px;height:280px}.mock-body{padding:18px}.floating-note{bottom:25px;font-size:10px}.floating-note strong{font-size:15px}.strip{flex-wrap:wrap;justify-content:center;column-gap:25px;font-size:11px}.strip b{width:100%;text-align:center;font-size:15px}.section{padding:55px 0}.section-top{display:block;margin-bottom:30px}.section-top p{margin-top:15px}.services{grid-template-columns:1fr}.service{padding:25px;min-height:230px}.about-grid,.faq-grid,.detail-grid{grid-template-columns:1fr;gap:30px}.about-band{padding:50px 0}.principles{gap:20px;flex-wrap:wrap}.steps{grid-template-columns:1fr 1fr;gap:28px 22px}.step h3{font-size:18px}.step p{font-size:13px}.cta{padding:30px;display:block;margin-bottom:50px}.cta h2{font-size:28px}.cta .button{margin-top:25px}.footer-grid{flex-wrap:wrap;gap:30px}.footer-brand{flex-basis:100%}.copyright{display:block}.copyright span{display:block;margin-top:7px}.contact-options{grid-template-columns:1fr}.page-intro{padding-top:35px}.page-intro h1{font-size:38px}.breadcrumb{margin-bottom:25px}[dir=ltr] .hero h1{font-size:46px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.service:last-child{grid-column:1/-1;min-height:190px}.service:last-child p{max-width:700px}

/* Restore the original cinematic background in the preview hero. */
.hero.wrap{width:100%;max-width:none;display:block;position:relative;isolation:isolate;overflow:hidden;min-height:660px;padding:100px max(56px,calc((100vw - 1168px)/2));background:#10291f;color:#fff}
.hero-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;pointer-events:none}
.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,20,16,.38),rgba(5,20,16,.79));z-index:-1}
[dir=ltr] .hero:after{background:linear-gradient(90deg,rgba(5,20,16,.79),rgba(5,20,16,.38))}
.hero>div{max-width:790px;position:relative}
.hero h1{font-size:clamp(44px,5vw,72px);max-width:850px;text-shadow:0 2px 24px #0003}
.hero h1 em{color:#00d865}.hero h1 em:after{display:none}
.hero .eyebrow{color:#00d865}.hero .lead{color:#e1e9e2;max-width:650px;font-size:18px}
.hero .micro{color:#d6e2d8}.hero .text-link{border-color:#d6e2d8}
.hero .button{background:#00d865;border-color:#00d865;color:#142d28;min-width:180px}
.hero .button:hover{background:#00be59}.hero-actions{gap:30px}
@media(max-width:1000px){.hero.wrap{padding:80px 28px;min-height:600px}}
@media(max-width:720px){.hero.wrap{min-height:580px;padding:65px 20px}.hero h1,[dir=ltr] .hero h1{font-size:44px}.hero .lead{font-size:16px}.hero-actions{gap:22px}.hero .button{min-width:150px}.hero:after,[dir=ltr] .hero:after{background:rgba(5,20,16,.68)}}

.footer-logo{display:block;width:123px;height:44px;object-fit:contain}.brand img{width:114px;height:40px;object-fit:contain}.cta p{color:#143f28}
.contact-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:70px;align-items:start}.contact-form{position:relative;min-width:0;background:white;border:1px solid var(--line);padding:35px}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.field{min-width:0;display:flex;flex-direction:column;gap:8px;margin-bottom:22px}.field label{font-size:14px;font-weight:500}.field input,.field select,.field textarea{font:inherit;width:100%;border:1px solid #bacdc3;background:#fbfdfb;color:var(--ink);border-radius:2px;padding:11px 13px}.field textarea{resize:vertical;min-height:150px}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid #007a3d;outline-offset:2px}.form-privacy{font-size:12px;color:var(--muted);margin-bottom:20px}.form-trap{position:absolute;top:0;left:0;width:1px;height:1px;padding:0;margin:0;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}.contact-form button:disabled{opacity:.65;cursor:wait}.contact-aside h2{font-size:30px}.contact-aside>p{color:var(--muted);margin:20px 0;font-size:15px}.contact-aside .contact-option{padding:25px 0;border:0;border-top:1px solid var(--line);margin-top:30px}#form-status{margin-top:20px;font-size:14px}#form-status[data-state=error]{color:#a12727}#form-status[data-state=success]{color:#006b36}@media(max-width:720px){.contact-layout{grid-template-columns:1fr;gap:35px}.contact-form{padding:23px}.form-row{grid-template-columns:1fr;gap:0}}
/* Supplied vertical brand motif, placed at edges instead of tiled backgrounds. */
.page-intro,.about-band{position:relative;isolation:isolate;overflow:hidden}
.page-intro:before,.about-band:before{content:'';position:absolute;pointer-events:none;z-index:-1;background:url('assets/pattren.svg') center/contain no-repeat;width:100px;height:294px;inset-inline-end:10px;top:50%;transform:translateY(-50%)}
.page-intro:before{opacity:.14}.about-band:before{opacity:.2;inset-inline-end:18px;width:120px;height:353px}
.cta:before{content:none}
.service-icon{width:54px;height:54px;border:1px solid #c6e5d5;border-radius:12px;background:#edf8f1;display:inline-flex;align-items:center;justify-content:center;color:#024c3f;margin-bottom:24px;flex-shrink:0}
.service-icon svg{width:31px;height:31px;display:block;transition:color .2s}.service:hover .service-icon{background:#00d865;border-color:#00d865;color:#024c3f}.service-icon svg *{vector-effect:non-scaling-stroke}
@media(max-width:720px){.page-intro:before{width:54px;height:159px;inset-inline-end:-12px;opacity:.09}.about-band:before{width:74px;height:218px;inset-inline-end:-18px;top:80%;opacity:.12}}


.service{transition:background .2s,box-shadow .2s}.service:hover,.service:focus-visible{background:#f0fcf5;box-shadow:inset 0 -3px 0 #00d865}.service:focus-visible .service-icon{background:#00d865;border-color:#00d865;color:#024c3f}

.contact-aside{min-width:0;overflow-wrap:anywhere}.field input,.field select,.field textarea{min-width:0;max-width:100%}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}.steps{list-style:none;padding:0}.breadcrumb.wrap{display:block;margin-top:28px;margin-bottom:0;font-size:12px}.breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:8px 12px;padding:0;margin:0}.breadcrumb li+li:before{content:'/';padding-inline-end:12px;color:var(--muted)}.breadcrumb [aria-current]{color:var(--ink)}.service-tagline{font-size:20px;color:var(--green);margin-top:16px}.footer-links address{font-style:normal}

/* Compact services: consistent icons beside copy rather than above it. */
.services{grid-template-columns:repeat(3,minmax(0,1fr))}.service{flex-direction:row;align-items:flex-start;gap:20px;min-height:0;padding:25px}.service-copy{flex:1;min-width:0}.service-copy h3{margin-bottom:7px}.service-copy p{font-size:14px;line-height:1.85}.service-bottom{margin-top:0;padding-top:12px}.service .service-icon{margin:0;width:48px;height:48px;border-radius:10px}.service:last-child{min-height:0}.service:last-child p{max-width:900px}
[hidden]{display:none!important}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.project-card{border:1px solid var(--line);padding:24px;min-width:0}.project-card img{display:block;width:100%;height:auto;aspect-ratio:5/3;object-fit:cover;margin-bottom:20px;background:#edf6f0}.project-card p{color:var(--muted);font-size:14px;margin:12px 0;overflow-wrap:anywhere}.client-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.client-card{padding:25px;border:1px solid var(--line);text-align:center;min-width:0}.client-card img{width:100%;height:90px;object-fit:contain;margin-bottom:15px}.client-card h3{font-size:17px}.client-card p{font-size:13px;color:var(--muted);margin-bottom:12px}.client-card a{font-size:12px}.managed-section{border-top:1px solid var(--line)}
@media(min-width:721px) and (max-width:1024px){.services{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.services,.project-grid{grid-template-columns:1fr}.service{gap:16px;padding:22px 18px}.service .service-icon{width:42px;height:42px}.service-icon svg{width:26px;height:26px}.service-copy h3{font-size:19px}.service-copy p{font-size:13px}.client-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.client-card{padding:18px}.client-card img{height:65px}}