@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Noto+Sans+Arabic:wght@400;500;700;800&display=swap');
:root{--dark:#062c2d;--ink:#0a292b;--green:#078453;--lime:#91d74e;--light:#f2f8f5;--muted:#617675;--line:#d8e7e0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,'Noto Sans Arabic',Arial,sans-serif;background:#fff;line-height:1.65}a{color:inherit;text-decoration:none}button,select,input,textarea{font:inherit}button,a,select{transition:.2s}a:hover{color:var(--green)}.header{height:94px;padding:0 max(4vw,24px);display:flex;align-items:center;justify-content:space-between;gap:24px;background:#fff;position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line);box-shadow:0 3px 16px #002a2210}.brand{display:flex;gap:12px;align-items:center;flex-shrink:0}.symbol{width:58px;height:58px;border:3px solid #078a55;border-radius:50%;position:relative;background:#fff;overflow:hidden}.symbol .sun{position:absolute;top:0;left:8px;color:#f9ae00;font-size:31px}.symbol .leaf{position:absolute;bottom:-16px;right:0;color:#128d40;font-size:57px;transform:rotate(-26deg)}.brandname b{display:block;color:#006239;font-size:24px;font-weight:900;line-height:1.08;letter-spacing:.3px}.brandname em{display:block;font-style:normal;font-size:14px;letter-spacing:3.3px;margin-top:4px}.brandname small{display:block;font-size:9px;letter-spacing:1.3px;color:#667c75;margin-top:6px;font-weight:700}.header nav{display:flex;gap:17px;align-items:center;flex-wrap:wrap;justify-content:center}.header nav a{font-size:12px;font-weight:800;color:#2b4541}.header nav a.active,.header nav a:hover{color:#008e52}.tools{display:flex;gap:9px;align-items:center}.tools select{max-width:120px;padding:9px;border:1px solid #b7d2c6;background:white;border-radius:8px;font-weight:700;font-size:12px}.tools button{display:none;border:0;background:#edf7f0;border-radius:8px;padding:9px 13px}.hero{position:relative;min-height:640px;background:#082d2c;display:flex;align-items:flex-end}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.heroshade{position:absolute;inset:0;background:linear-gradient(90deg,#032a2af5 0%,#05342bd4 30%,#032c2850 60%,transparent 100%)}.heroCopy{position:relative;max-width:810px;padding:100px max(6vw,30px) 90px;color:white}.eyebrow{font-size:12px;letter-spacing:2.2px;font-weight:900;color:#079d6a;text-transform:uppercase}.hero .eyebrow,.pagehero .eyebrow{color:#9ceab1}.hero h1{font-size:clamp(39px,5.2vw,76px);line-height:1.07;letter-spacing:-2px;margin:18px 0 24px;font-weight:900}.hero p{font-size:18px;max-width:650px;color:#e0f4e8}.buttons{display:flex;gap:14px;flex-wrap:wrap;margin-top:29px}.btn{display:inline-block;padding:14px 23px;border-radius:7px;font-weight:800;font-size:13px}.btn.solid{background:linear-gradient(135deg,#0d9c5c,#63bc3b);color:#fff}.btn.solid:hover{filter:brightness(1.12)}.btn.outline{border:1px solid #c4e8d0;color:white}.ticker{background:#052b2c;color:#c4e7d4;text-align:center;padding:16px;font-size:11px;letter-spacing:1.5px;font-weight:900;word-spacing:6px}.ticker span{color:#91d74e;margin:0 10px}.section{padding:95px max(6vw,30px)}.section h2{font-size:clamp(32px,3.5vw,51px);line-height:1.13;letter-spacing:-1.4px;margin:14px 0 24px;font-weight:900;max-width:780px}.section p{color:var(--muted)}.lead{font-size:20px;line-height:1.75}.split{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:start}.textlink{font-weight:900;color:var(--green);display:inline-block;margin-top:15px}.dark{background:var(--dark);color:white}.dark p{color:#bcd6cf}.dark .eyebrow{color:#8ae5a7}.sectiontop{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:35px}.sectiontop p{max-width:440px}.catgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.catcard{display:block;background:white;border-radius:14px;overflow:hidden;color:var(--ink);box-shadow:0 8px 28px #001f2015}.catcard:hover{transform:translateY(-5px)}.catcard .media{height:215px}.media{position:relative;overflow:hidden;background-image:linear-gradient(0deg,#003e3555,#002c2208),var(--fallback);background-size:cover;background-position:center;min-height:100px}.media img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;inset:0}.catcontent{padding:23px}.catcontent h3{font-size:22px;line-height:1.2;margin:12px 0}.catcontent p{font-size:13px;line-height:1.65;color:#526965;min-height:90px}.catnum{font-size:9px;letter-spacing:1.4px;color:#168857;font-weight:900}.cardlink{color:#087c52;font-size:12px;font-weight:900}.globalpromo{background:#eaf5ee;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.globalpromo .media{height:420px;border-radius:16px}.globalpromo .btn{margin-top:22px}.gallerygrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.gallerygrid>a,.gallerygrid>article{background:#f2f7f4;border-radius:12px;overflow:hidden}.gallerygrid .media{height:250px}.gallerygrid span,.gallerygrid h3{display:block;padding:15px 18px;font-weight:800;margin:0;font-size:15px}.contactpreview{background:linear-gradient(110deg,#043b36,#087c50);color:white;text-align:center}.contactpreview h2{margin:0 auto 18px}.contactpreview p{color:#cce8d8}.contactpreview .btn{margin-top:14px}.pagehero{min-height:470px;position:relative;background:#053a32;display:flex;align-items:center}.pageheroImg{position:absolute;inset:0;opacity:.52}.pageheroImg .media{height:100%;background-position:center}.pageheroImg .media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#042e2af7,#063b34a0,#062c2860)}.pageheroInner{position:relative;color:white;max-width:880px;padding:75px max(6vw,30px)}.pagehero h1{font-size:clamp(38px,5vw,66px);line-height:1.1;margin:15px 0;font-weight:900}.pagehero p{color:#d4eee2;font-size:19px}.pagehero .btn{margin-top:18px}.techgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:35px 0}.techitem{padding:24px 18px;background:#eff7f2;border:1px solid #d8eadd;border-radius:9px;display:flex;align-items:center;gap:15px;min-height:95px}.techitem span{font-size:12px;color:#078a56;font-weight:900}.techitem strong{font-size:15px}.smallnote{font-size:12px;color:#6b7c78!important;margin-top:26px}.applicationgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.applicationgrid article{background:#fff;color:#173a35;border-radius:12px;overflow:hidden}.applicationgrid .media{height:205px}.applicationgrid h3{font-size:16px;padding:12px 18px}.marketgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:35px 0}.marketgrid>div{background:#eef7f2;padding:35px;border-radius:12px;display:flex;gap:16px;align-items:center}.marketgrid span{font-size:32px}.marketgrid strong{font-size:18px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.steps>div{border-top:2px solid #74d6a0;padding-top:20px}.steps span{color:#88e4a8;font-weight:900;font-size:30px}.steps h3{font-size:18px}.contactgrid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:start;margin:35px 0 50px}.contactcard{padding:35px;background:#f0f8f3;border:1px solid #d8eadd;border-radius:16px;display:flex;flex-direction:column;align-items:flex-start;min-width:0}.contactcard .region{color:#087e56;font-size:12px;letter-spacing:.7px;font-weight:900}.contactcard h2{font-size:31px;margin:15px 0 5px}.contactcard h3{font-size:22px;margin:20px 0 6px}.contactcard p{margin:0 0 26px}.contactcard a{display:block;direction:ltr;unicode-bidi:isolate;text-align:left;max-width:100%;overflow-wrap:anywhere;font-weight:800;color:#006b50}.maincontact .bigmail{font-size:clamp(19px,2.1vw,30px);line-height:1.3;margin:12px 0}.maincontact .bigphone{font-size:25px;margin-top:8px}.subcontact{margin-top:30px}.subcontact a{font-size:16px;margin:7px 0}.inquiry{background:#eaf4ee;border-radius:18px;padding:45px;display:grid;grid-template-columns:1fr 1fr;gap:60px}.inquiry h2{font-size:35px}.inquiry form{display:grid;gap:15px}.inquiry label{display:grid;gap:7px;font-size:13px;font-weight:800}.inquiry input,.inquiry textarea{width:100%;padding:13px;border:1px solid #c4dace;border-radius:7px;background:white;color:#163a32}.inquiry button{border:0;cursor:pointer}.inquiry small{color:#6e8177}.legalhero{padding:95px max(6vw,30px);background:#07372f;color:white}.legalhero h1{font-size:clamp(40px,5vw,70px);margin:10px 0}.legalbody{max-width:1020px;margin:auto}.legalbody h2{font-size:23px;letter-spacing:0;margin:35px 0 12px}.legalwarning{padding:16px 20px;border-left:4px solid #bc7920;background:#fff5e5;font-weight:800;color:#6c4310}footer{background:#052625;color:#e6f6ef;padding:65px max(6vw,30px) 25px}.footinner{display:grid;grid-template-columns:1.4fr 1fr .7fr;gap:50px}.footbrand{font-size:26px;font-weight:900}.footbrand span{color:#7bd78e}.footinner a{display:block;font-size:13px;margin:9px 0;overflow-wrap:anywhere}.footinner h4{margin-top:0}.footinner p{font-size:13px;color:#b1cbc0}.footbottom{border-top:1px solid #3c5d56;margin-top:45px;padding-top:20px;font-size:11px;color:#b5c9c2;display:flex;justify-content:space-between;gap:20px}
html[dir=rtl] .header{direction:rtl}html[dir=rtl] .heroCopy,html[dir=rtl] .pageheroInner{text-align:right}html[dir=rtl] .heroshade{background:linear-gradient(270deg,#032a2af5 0%,#05342bd4 30%,#032c2850 60%,transparent 100%)}html[dir=rtl] .contactcard{align-items:stretch}html[dir=rtl] .contactcard .region,html[dir=rtl] .contactcard h2,html[dir=rtl] .contactcard h3,html[dir=rtl] .contactcard p{text-align:right}html[dir=rtl] .contactcard a{text-align:left;align-self:flex-start}html[dir=rtl] .brandname{text-align:left;direction:ltr}html[dir=rtl] .contactcard .bigmail,html[dir=rtl] .contactcard .bigphone{direction:ltr;unicode-bidi:isolate}html[dir=rtl] .legalwarning{border-left:0;border-right:4px solid #bc7920}
@media(max-width:1250px){.header nav{gap:9px}.header nav a{font-size:11px}.brandname b{font-size:20px}.catgrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.header{height:78px}.header nav{display:none;position:absolute;top:78px;left:0;right:0;background:white;padding:22px;box-shadow:0 15px 20px #0002;flex-direction:column;align-items:stretch}.header nav.opened{display:flex}.header nav a{font-size:15px;padding:8px}.tools button{display:block}.split,.globalpromo,.inquiry{grid-template-columns:1fr}.hero{min-height:580px}.heroCopy{padding:90px 30px 60px}.gallerygrid,.applicationgrid,.techgrid{grid-template-columns:repeat(2,1fr)}.contactgrid{grid-template-columns:1fr}.subcontact{margin-top:0}.steps{grid-template-columns:repeat(2,1fr)}.footinner{grid-template-columns:1fr 1fr}}@media(max-width:580px){.brandname b{font-size:16px}.brandname em{font-size:10px;letter-spacing:2px}.brandname small{font-size:7px}.symbol{width:45px;height:45px}.tools select{max-width:88px;font-size:11px}.header{padding:0 12px;gap:8px}.section{padding:60px 20px}.hero h1{font-size:39px;letter-spacing:-1px}.hero p{font-size:16px}.catgrid,.gallerygrid,.applicationgrid,.techgrid,.marketgrid,.steps,.footinner{grid-template-columns:1fr}.sectiontop{display:block}.inquiry{padding:24px;gap:20px}.contactcard{padding:23px}.maincontact .bigmail{font-size:19px}.maincontact .bigphone{font-size:21px}.footbottom{display:block}.ticker{font-size:9px}.globalpromo .media{height:250px}}


/* V4 redesign: fully separated photographic hero and editorial content */
.hero{min-height:610px;display:grid;grid-template-columns:minmax(0, 48%) minmax(0, 52%);align-items:stretch;background:#f5faf6;overflow:hidden}
.heroVisual{grid-column:2;grid-row:1;position:relative;min-height:610px;background:#d7e8dc}
.heroVisual img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;position:absolute;inset:0}
.heroVisual:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#f5faf6 0%,rgba(245,250,246,0) 18%)}
.heroCopy{grid-column:1;grid-row:1;position:relative;max-width:none;padding:clamp(52px,6vw,100px) clamp(30px,5.5vw,110px);color:#083b34;align-self:center}
.hero .eyebrow{color:#007a52;letter-spacing:2px}
.hero h1{color:#073c32;font-size:clamp(42px,4.1vw,68px);line-height:1.09;letter-spacing:-2.2px;margin:25px 0 25px;max-width:680px}
.hero p{color:#45655b;font-size:clamp(16px,1.22vw,19px);line-height:1.8;max-width:600px}
.hero .btn.outline{border:1px solid #0a7357;color:#086b50;background:white}
.hero .btn.outline:hover{background:#e4f5eb}
.hero .btn.solid{box-shadow:0 9px 24px #0784532e}
.pagehero{min-height:390px}
.pageheroImg{opacity:.74}
.pageheroImg .media:after{background:linear-gradient(90deg,#062e2a 0%,#06382fe0 43%,#06382f65 78%,#06382f30 100%)}
.pageheroInner{max-width:850px}
.section{scroll-margin-top:100px}
@media(min-width:1450px){.hero{min-height:650px}.heroVisual{min-height:650px}}
@media(max-width:900px){.hero{display:flex;flex-direction:column-reverse;min-height:0}.heroVisual{min-height:300px;flex:0 0 300px}.heroVisual:after{display:none}.heroCopy{padding:45px 28px 55px}.hero h1{font-size:clamp(37px,8vw,55px)}.hero p{font-size:16px}}
@media(max-width:500px){.heroVisual{min-height:240px;flex-basis:240px}.heroCopy{padding:36px 20px 45px}.hero h1{letter-spacing:-1.3px}}
html[dir="rtl"] .heroVisual:after{background:linear-gradient(270deg,#f5faf6 0%,rgba(245,250,246,0) 18%)}
html[dir="rtl"] .heroCopy{text-align:right}