@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap');:root{--navy:#103e54;--deep:#092c3d;--green:#82b63b;--cream:#f5f7f4;--ink:#173345;--gray:#657780;--line:#e2e9e9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;font-family:'IBM Plex Sans Arabic',Tahoma,Arial,sans-serif;color:var(--ink);line-height:1.85;background:#fff}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.container{width:min(1180px,calc(100% - 44px));margin:auto}.skip{position:absolute;top:-90px;right:20px;background:#fff;padding:10px;z-index:100}.skip:focus{top:10px}.header{height:80px;position:sticky;top:0;z-index:30;background:rgba(255,255,255,.97);box-shadow:0 2px 25px #0b344813;backdrop-filter:blur(12px)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:11px;color:var(--navy);font-size:19px;font-weight:700;line-height:1.35;white-space:nowrap}.brand small{display:block;font-size:11px;font-weight:500;letter-spacing:.05px}.brand-mark{width:38px;height:38px;border-radius:10px;background:var(--navy);display:flex;align-items:flex-end;justify-content:center;gap:3px;padding:9px;transform:rotate(-3deg)}.brand-mark i{background:var(--green);width:5px;border-radius:3px 3px 0 0;height:13px}.brand-mark i:nth-child(2){height:19px;background:#fff}.brand-mark i:nth-child(3){height:24px}nav{display:flex;align-items:center;gap:24px;font-size:13px;font-weight:600}nav a:hover,.text-link:hover{color:var(--green)}.nav-cta{background:var(--navy);color:#fff;padding:10px 19px;border-radius:7px}.nav-cta:hover{background:var(--green);color:var(--deep)}.menu-toggle{display:none;background:none;border:0;font-size:28px;color:var(--navy)}.hero{min-height:655px;position:relative;color:white;display:flex;align-items:center;overflow:hidden;background:var(--deep)}.hero-photo,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-photo{object-position:center}.hero-shade{background:linear-gradient(270deg,rgba(5,36,51,.96) 0%,rgba(5,36,51,.9) 45%,rgba(5,36,51,.36) 100%)}.hero-inner{z-index:1;position:relative;padding:78px 0 95px}.eyebrow{color:#5f9c28;font-size:13px;letter-spacing:.4px;font-weight:700;display:inline-block;margin-bottom:14px}.eyebrow:before{content:'';display:inline-block;width:27px;height:3px;margin-left:10px;background:var(--green);vertical-align:middle}.eyebrow.light{color:#c4e59c}.hero h1{font-size:clamp(36px,5.3vw,71px);line-height:1.34;letter-spacing:-1.8px;margin:10px 0 15px;max-width:850px}.hero h1 em{color:#a7d776;font-style:normal}.hero p{max-width:630px;color:#dbe7e9;font-size:17px}.actions,.contact-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.btn{border:1px solid transparent;padding:12px 26px;border-radius:6px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:15px;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--green);color:var(--deep)}.btn-outline{border-color:#c2d5db;color:#fff}.hero-facts{display:flex;gap:45px;flex-wrap:wrap;margin-top:75px}.hero-facts div{display:flex;flex-direction:column;border-right:2px solid var(--green);padding-right:15px}.hero-facts strong{font-size:31px;line-height:1.25}.hero-facts span{font-size:12px;color:#d5e1e3}.scroll-hint{position:absolute;bottom:26px;left:5%;z-index:1;font-size:12px;color:#dce9e8}.section{padding:100px 0}.section h2,.contact h2{font-size:clamp(28px,3.4vw,43px);line-height:1.5;margin:0 0 20px;letter-spacing:-.6px}.green{color:#6eaa37}.lead{font-size:18px;font-weight:600;color:#345063}.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:85px;align-items:center}.about p{color:#5e737e;line-height:2.2}.about-image{position:relative;height:445px;border-radius:12px;overflow:hidden;box-shadow:25px 25px 0 #e6efde}.about-image img{width:100%;height:100%;object-fit:cover}.image-tag{position:absolute;bottom:0;right:0;left:0;padding:15px 22px;background:#133d52d9;color:white;font-size:14px}.parent-brand{display:flex;align-items:center;gap:16px;margin-top:28px;padding-top:18px;border-top:1px solid var(--line);font-size:12px;color:var(--gray)}.parent-brand img{max-height:48px;max-width:230px;object-fit:contain}.direction{background:var(--cream)}.section-heading{margin-bottom:42px;max-width:800px}.section-heading p{color:var(--gray);font-size:16px}.direction-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.direction-grid article{padding:34px;background:white;min-height:250px;border-top:3px solid var(--green);box-shadow:0 9px 35px #183a4a0b}.direction-grid .num{font-size:13px;color:#85ad6a}.direction-grid h3{font-size:23px;margin:12px 0}.direction-grid p,.direction-grid li{color:var(--gray);font-size:15px}.direction-grid ul{padding-right:20px;margin:0}.why{background:white}.adv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.adv-card{border:1px solid var(--line);border-radius:10px;padding:29px;background:#fff;transition:.2s}.adv-card:hover,.service-card:hover,.project-card:hover{box-shadow:0 15px 35px #143a4a18;transform:translateY(-4px)}.adv-index{color:var(--green);font-weight:700;font-size:13px}.adv-card h3{font-size:19px;line-height:1.5}.adv-card p{color:var(--gray);font-size:14px}.services{background:#f5f8f9}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service-card{display:flex;flex-direction:column;border-radius:10px;border:1px solid var(--line);background:white;overflow:hidden;transition:.2s}.service-card .service-content{padding:25px;flex:1}.service-card .service-icon{display:grid;place-items:center;width:48px;height:48px;background:#eaf3e2;color:#548b25;border-radius:11px;font-size:23px;font-weight:700}.service-card h3{line-height:1.55;font-size:18px;min-height:54px}.service-card p{font-size:13px;color:var(--gray);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.card-action{background:none;border:0;border-top:1px solid var(--line);color:var(--navy);padding:13px 25px;font-size:13px;font-weight:700;text-align:right}.card-action:hover{background:#e7f2e4}.approach{background:linear-gradient(135deg,#0b3042,#16495d);color:white}.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.approach h2{font-size:39px}.approach p{color:#d8e6e9}.approach ol{margin:0;padding:0;counter-reset:step;list-style:none}.approach li{position:relative;padding:0 55px 30px 0;margin-bottom:22px;border-bottom:1px solid #ffffff22}.approach li:before{counter-increment:step;content:'0' counter(step);position:absolute;right:0;top:2px;border:1px solid #8bbf5d;color:#bfe392;width:39px;height:39px;border-radius:50%;display:grid;place-items:center;font-size:12px}.approach li b{display:block;font-size:18px}.approach li span{font-size:13px;color:#cadde2}.text-link{color:#b6df92;font-weight:700}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.search{display:flex;align-items:center;gap:12px;background:#f2f6f7;padding:9px 18px;border-radius:8px;width:min(100%,500px);border:1px solid var(--line)}.search span{font-size:23px}.search input{background:transparent;border:0;outline:0;min-width:0;width:100%;font-size:14px;color:var(--ink)}.count{color:var(--gray);font-size:13px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.project-card{display:flex;flex-direction:column;min-height:250px;border:1px solid var(--line);border-radius:10px;padding:25px;transition:.2s}.project-card .project-tag{font-size:11px;font-weight:700;color:#6da738}.project-card h3{font-size:18px;line-height:1.6;margin:12px 0}.project-card p{font-size:13px;color:var(--gray);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.project-card button{margin-top:auto;align-self:flex-start;border:0;background:transparent;color:#2b6880;font-size:13px;font-weight:700;padding:12px 0 0}.center{text-align:center;margin-top:30px}.btn-secondary{color:var(--navy);background:#eaf1f2}.clients{background:var(--cream)}.client-group{margin-bottom:30px}.client-group h3{font-size:18px;margin-bottom:15px}.logo-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.logo-tile{height:100px;display:flex;align-items:center;justify-content:center;background:white;border:1px solid #e6ebe9;border-radius:8px;padding:14px}.logo-tile img{max-width:100%;max-height:70px;object-fit:contain}.contact{background:var(--deep);color:white;padding:85px 0}.contact-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:90px}.contact p{color:#d6e5e9}.contact-details>div{border-bottom:1px solid #ffffff2b;padding:14px 0}.contact-details span{display:block;color:#a7c6cb;font-size:12px}.contact-details a{font-weight:700;overflow-wrap:anywhere}.contact-details a:hover{color:#b6dd91}footer{background:#062331;color:#aac5cb;padding:28px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:20px}.brand-footer{color:white}.footer-inner p,.footer-inner>a{font-size:12px}dialog{border:0;border-radius:15px;width:min(690px,calc(100% - 24px));max-height:84vh;overflow:auto;padding:35px 42px;color:var(--ink);line-height:2;box-shadow:0 20px 80px #071d2970}dialog::backdrop{background:#041e2cba}.dialog-close{position:absolute;top:15px;left:16px;background:#eff4f3;border:0;border-radius:50%;width:34px;height:34px}.detail-copy{color:#586f7a;white-space:pre-line;font-size:15px}.detail-copy p{margin:0 0 12px}.empty{grid-column:1/-1;padding:35px;background:#f1f6f4;text-align:center;color:var(--gray)}@media(max-width:1000px){nav{gap:12px;font-size:12px}.service-grid{grid-template-columns:repeat(2,1fr)}.adv-grid,.project-grid{grid-template-columns:repeat(2,1fr)}.logo-grid{grid-template-columns:repeat(4,1fr)}.about-grid{gap:40px}}@media(max-width:720px){.container{width:min(100% - 34px,1180px)}.header{height:70px}.brand{font-size:16px}.brand small{font-size:10px}.menu-toggle{display:block}nav{display:none;position:absolute;top:70px;right:0;left:0;background:#fff;padding:18px 22px;flex-direction:column;align-items:stretch;gap:10px;box-shadow:0 12px 18px #0d27301c;font-size:15px}nav.open{display:flex}nav a{padding:8px}.hero{min-height:650px}.hero-inner{padding:65px 0}.hero h1{letter-spacing:-.7px}.hero p{font-size:15px}.hero-facts{gap:19px;margin-top:55px}.hero-facts strong{font-size:25px}.hero-facts span{font-size:10px}.section{padding:66px 0}.about-grid,.approach-grid,.contact-grid{grid-template-columns:1fr;gap:35px}.about-image{height:300px;box-shadow:12px 12px 0 #e6efde}.direction-grid,.adv-grid,.service-grid,.project-grid{grid-template-columns:1fr}.direction-grid article{min-height:initial}.service-card h3{min-height:0}.logo-grid{grid-template-columns:repeat(3,1fr)}.logo-tile{height:85px}.contact{padding:60px 0}.footer-inner{flex-direction:column;text-align:center}.toolbar{align-items:stretch;flex-direction:column}.approach h2{font-size:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.adv-card,.service-card,.project-card{transition:none}}