@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap');
:root{--ink:#102923;--green:#176b50;--lime:#d6f27d;--paper:#f5f7f5;--line:#dce3df}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Cairo,Arial,sans-serif;font-size:16px;line-height:1.9}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #74a931;outline-offset:6px}header{height:102px;padding:20px 6%;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid var(--line);background:#fff}.brand{font-family:Arial,sans-serif;font-size:28px;font-weight:900;line-height:1;letter-spacing:-1.5px;display:block}.brand span{color:var(--green);font-weight:400;margin-left:4px}.brand small{display:block;font-size:10px;letter-spacing:2.5px;margin-top:9px;font-weight:400}nav{display:flex;gap:36px;font-weight:600}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:14px 25px;background:var(--green);color:white;border-radius:5px;font-weight:700;transition:background .2s}.button:hover{background:#114c3a}.small{font-size:14px;padding:10px 22px}.hero{display:grid;grid-template-columns:1.05fr 1fr;min-height:610px;gap:5%;padding:58px 6% 50px}.hero-copy{align-self:center}.eyebrow{color:var(--green);font-weight:700;font-size:14px;margin:0 0 18px}h1{font-size:clamp(36px,4.2vw,66px);line-height:1.5;letter-spacing:-1.6px;margin:0 0 24px;font-weight:800}h1 em{font-style:normal;color:var(--green)}.intro{font-size:18px;max-width:530px;color:#53635c;margin-bottom:30px}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.text-link{font-weight:700}.hero-foot{display:flex;gap:22px;flex-wrap:wrap;font-size:14px;margin-top:40px;padding-top:22px;border-top:1px solid var(--line)}.hero-image{background:#203c32;min-height:460px;border-radius:8px;position:relative;overflow:hidden;background-size:cover;background-position:center}.image-caption{position:absolute;bottom:0;left:0;right:0;padding:80px 30px 25px;color:white;background:linear-gradient(transparent,#0b1b16cc)}.image-caption span{display:block;font-family:Arial,sans-serif;font-size:12px;letter-spacing:3px}.image-caption b{font-size:23px}.section{padding:80px 6%;scroll-margin-top:25px}h2{font-size:clamp(28px,3vw,44px);line-height:1.6;margin:0 0 32px}h3{font-size:23px;line-height:1.5}.solutions{background:white}.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.solution-grid article{border-top:1px solid var(--line);padding:25px 0}.solution-grid p{color:#53635c}.number{font-family:Arial,sans-serif;color:var(--green);font-size:14px}.contact{background:var(--ink);color:white;text-align:center}.contact .eyebrow{color:var(--lime)}.contact .button{background:var(--lime);color:var(--ink);margin-top:14px}.contact p{color:#c3d3ca}.phone{display:block;margin-top:20px;font-size:23px;letter-spacing:1px}footer{padding:35px 6%;display:flex;align-items:center;justify-content:space-between;gap:24px}footer small{font-size:13px}@media(max-width:760px){header{height:auto;padding:20px 5%;flex-wrap:wrap;gap:20px}.brand{font-size:24px}nav{order:3;width:100%;justify-content:center;border-top:1px solid var(--line);padding-top:12px;font-size:14px}.hero{grid-template-columns:1fr;padding:35px 5%;gap:28px}.hero-image{min-height:340px;order:2}h1{font-size:38px}.intro{font-size:16px}.hero-foot{gap:14px;margin-top:25px}.section{padding:50px 5%}.solution-grid{grid-template-columns:1fr;gap:5px}.solution-grid article{padding:20px 0}footer{flex-direction:column;text-align:center;padding:30px 5%;gap:10px}.actions{gap:18px}.button{padding:12px 20px}.contact h2{font-size:32px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.hero-image{margin:0}.hero-image img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0}.image-caption small{display:block;font-size:12px;color:#e0e7df;margin-top:8px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:25px}.section-heading>p{color:#53635c}.service-link{font-size:14px;font-weight:700;color:var(--green)}.products,.about{display:grid;grid-template-columns:1fr 1fr;gap:10%}.products>div>p,.about p{color:#53635c;max-width:510px}.product-list>div{position:relative;border-top:1px solid var(--line);padding:20px 40px 18px 0}.product-list span{position:absolute;right:0;top:24px;font-family:Arial,sans-serif;font-size:13px;color:var(--green)}.product-list h3{margin:0 0 8px;font-size:20px}.product-list p{margin:0;font-size:14px;color:#53635c}.about{background:#e9efeb}.steps{list-style:none;counter-reset:step;margin:0;padding:0}.steps li{counter-increment:step;padding:0 60px 24px 0;position:relative}.steps li:before{content:counter(step);position:absolute;right:0;top:0;width:36px;height:36px;border:1px solid #95aba0;border-radius:50%;text-align:center;font-family:Arial,sans-serif;line-height:36px}.steps b{font-size:20px}.steps p{margin:7px 0 0}.skip-link{position:fixed;top:-100px;right:20px;padding:8px;background:white;z-index:5}.skip-link:focus{top:10px}nav{gap:25px}footer .brand{font-size:25px}@media(min-width:1500px){.hero,.section,header,footer{padding-left:max(6%,calc((100vw - 1350px)/2));padding-right:max(6%,calc((100vw - 1350px)/2))}}@media(max-width:760px){.products,.about{grid-template-columns:1fr;gap:30px}.section-heading{display:block}.section-heading>p{margin-top:-15px;margin-bottom:28px}nav{gap:20px}.hero-image{min-height:430px}.hero-image img{object-position:center 55%}.steps b{font-size:18px}}@media(max-width:360px){nav{gap:12px}h1{font-size:33px}.small{padding:8px 12px;font-size:13px}}
.language-switch{font-size:14px;font-weight:700;white-space:nowrap;border:1px solid var(--line);border-radius:5px;padding:7px 12px}header{height:auto;min-height:102px;flex-wrap:wrap}nav{flex-wrap:wrap}html[lang=en] h1{letter-spacing:-1.4px;line-height:1.2}html[lang=en] h2{line-height:1.3}html[lang=en] .product-list>div{padding:20px 0 18px 40px}html[lang=en] .product-list span{right:auto;left:0}html[lang=en] .steps li{padding:0 0 24px 60px}html[lang=en] .steps li:before{right:auto;left:0}html[lang=en] .skip-link{right:auto;left:20px}@media(max-width:1000px){header nav{order:4;width:100%;justify-content:center}.header{gap:14px}.header .small{margin-inline-start:auto}}@media(max-width:400px){.header .brand{font-size:21px}.header .small{font-size:12px;padding:8px}.language-switch{padding:5px 8px}.header{gap:9px}}