@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap');
:root{--navy:#112638;--ink:#162d3d;--muted:#667780;--yellow:#f8b724;--blue:#226fa1;--paper:#f5f6f3;--line:#dce2df}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);font-family:'Cairo',Tahoma,Arial,sans-serif;font-size:15px;line-height:1.9;background:#fff}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a,button{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #278ad2;outline-offset:5px}img{max-width:100%;display:block}button{color:inherit}.wrap{width:min(1220px,90%);margin:auto}.section{padding-top:100px;padding-bottom:100px}.section-label,.eyebrow{font-size:12px;font-weight:700;letter-spacing:1px;margin-bottom:20px}.section-label{color:var(--blue)}h1,h2,h3,p{margin-top:0}h2{font-size:clamp(30px,3.5vw,47px);line-height:1.55;font-weight:800;letter-spacing:-1.7px;margin-bottom:22px}h3{font-size:21px;line-height:1.65}p{color:var(--muted)}.large{font-size:22px;line-height:1.9;color:var(--ink)}.skip{position:fixed;top:-100px;background:white;z-index:100;padding:15px}.skip:focus{top:0}header{height:98px;background:white;position:sticky;top:0;z-index:30;border-bottom:1px solid #eee}.nav{display:flex;justify-content:space-between;align-items:center;height:100%}.brand{display:flex;align-items:center;gap:12px}.brand img{height:72px;width:64px;object-fit:contain}.brand b{font-size:27px;line-height:1.3;display:block}.brand small{font-size:10px;letter-spacing:1px}.nav nav{display:flex;align-items:center;gap:33px;font-size:13px;font-weight:600}.nav-cta{background:var(--navy);color:#fff;padding:13px 20px}.nav-cta span{margin-right:18px}#menu-toggle{display:none}.hero{background:var(--navy);color:white;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.03fr 1fr;gap:7%;padding-top:42px}.hero-copy{padding:22px 0 20px}.eyebrow{display:flex;align-items:center;gap:10px;color:#d5dfe5}.eyebrow span{width:7px;height:7px;background:var(--yellow);border-radius:50%}h1{font-size:clamp(48px,5.5vw,76px);line-height:1.4;letter-spacing:-2.7px;font-weight:800;margin-bottom:22px}em{font-style:normal;color:var(--yellow)}.hero p{color:#b6c5ce;font-size:16px;line-height:2}.actions{display:flex;align-items:center;gap:26px;margin:32px 0 34px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:15px 24px;border:0;font-size:14px;font-weight:700}.yellow{background:var(--yellow);color:var(--navy)}.button:hover{filter:brightness(1.08)}.text-link{border:0;background:none;font-size:13px;padding:0;font-weight:700;display:inline-flex;gap:25px;align-items:center;color:inherit}.hero-foot{display:flex;align-items:center;gap:15px;color:#bccbd4;font-size:11px}.hero-foot i{width:3px;height:3px;background:var(--yellow);border-radius:50%}.hero-visual{position:relative;min-height:625px;align-self:stretch;margin-bottom:28px}.hero-photo{width:100%;height:100%;position:absolute;object-fit:cover;object-position:48% center;border-radius:2px}.hero-visual:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#071921bb);pointer-events:none}.image-index{position:absolute;top:20px;left:20px;font-size:9px;letter-spacing:2px;color:#fff;writing-mode:vertical-rl;text-shadow:0 1px 8px #000}.vertical-label{position:absolute;top:35px;right:24px;background:#f8b724;padding:8px 16px;color:var(--navy);font-size:11px;font-weight:700}.play{position:absolute;bottom:25px;right:25px;z-index:2;background:#fff;border:0;display:flex;gap:16px;align-items:center;text-align:right;padding:17px 20px;min-width:270px}.play>span{background:var(--navy);color:white;width:43px;height:43px;border-radius:50%;display:grid;place-items:center;font-size:13px}.play div{font-size:14px;font-weight:700}.play small{display:block;font-size:10px;color:var(--muted);font-weight:400}.hero-bottom{border-top:1px solid #ffffff25;padding:18px 0;display:flex;justify-content:space-between;font-size:10px;color:#aec0ce;letter-spacing:.5px}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%}.intro-grid p:last-child{max-width:530px}.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding-top:35px;margin-top:35px}.stats>div{display:flex;flex-direction:column;border-left:1px solid var(--line);padding-right:35px}.stats>div:first-child{padding-right:0}.stats>div:last-child{border:0}.stats strong{font-size:44px;line-height:1.7;letter-spacing:-2px}.stats span{font-size:12px;color:var(--muted)}.services,.faq{background:var(--paper)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:35px}.section-head h2{margin-bottom:0}.section-head>p{font-size:14px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.service{padding:30px 24px;border-left:1px solid var(--line);background:#fff;position:relative;transition:transform .2s}.service:hover{transform:translateY(-6px)}.service:last-child{border:0}.service-number{font-size:10px;color:var(--muted);position:absolute;left:24px;top:27px}.service-icon{display:block;font-size:39px;font-family:Arial;color:var(--blue);height:85px}.service h3{font-size:19px}.service p{font-size:12px;min-height:93px}.service ul{padding:0;list-style:none;font-size:11px;color:#415766;margin:25px 0 30px;min-height:96px}.service li{border-bottom:1px solid #edf0ee;padding:5px 0}.service a{font-size:11px;font-weight:700;display:flex;justify-content:space-between}.service a span{color:var(--blue)}.project-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:22px}.project{border:0;padding:0;position:relative;text-align:right;background:var(--navy);height:270px;overflow:hidden}.main-project{grid-row:span 2;height:562px}.project img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.project:hover img{transform:scale(1.04)}.project:after{content:'';position:absolute;inset:25% 0 0;background:linear-gradient(transparent,#071921e8)}.project>div{position:absolute;right:28px;bottom:24px;left:28px;z-index:1;color:white}.project span{color:#f8ca65;font-size:11px}.project h3{margin:5px 0 0;font-size:20px;padding-left:30px}.project b{position:absolute;left:0;bottom:0;font-size:25px;font-weight:400}.work-note{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:25px 0}.work-note p{margin:0;font-size:12px}.about{background:var(--navy);color:white}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:9%;align-items:center}.about-image{height:620px;position:relative}.about-image>img{height:100%;width:100%;object-fit:cover}.about-stamp{position:absolute;bottom:30px;left:-25px;background:var(--yellow);color:var(--navy);padding:22px 30px;font-size:28px;font-weight:800}.about-stamp small{display:block;font-size:11px;font-weight:500}.about .section-label{color:var(--yellow)}.about p{color:#b7c7d0}.about .large{color:white;font-size:20px}.values{border-top:1px solid #ffffff26;margin-top:30px;padding-top:22px}.values>div{display:grid;grid-template-columns:120px 1fr;gap:15px;margin-bottom:15px}.values b{font-size:13px}.values p{font-size:12px;margin:0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;border-top:1px solid var(--line);padding-top:30px}.steps span{font-size:40px;font-weight:700;color:#a1b5bd}.steps h3{margin:16px 0 8px;font-size:20px}.steps p{font-size:13px}.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:12%}details{border-bottom:1px solid #d5ddda;padding:20px 0}summary{font-size:15px;font-weight:600;cursor:pointer;list-style:none;position:relative;padding-left:35px}summary:after{content:'+';position:absolute;left:0;font-size:24px;line-height:1.3;color:var(--blue)}details[open] summary:after{content:'−'}details p{font-size:13px;margin:17px 0 0}summary::-webkit-details-marker{display:none}.contact{background:#152d3e;color:white}.contact .section-label{color:#b8cad5}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%}.contact h2{font-size:50px}.contact p{color:#b8c7d0}.contact-phone{font-size:26px;font-weight:600;display:block;width:fit-content;margin:25px 0}.contact-details{display:flex;align-items:start;flex-direction:column;gap:8px;color:#bbcad4;font-size:12px}.contact form{background:#fff;color:var(--navy);padding:35px}.contact form h3{font-size:23px;margin-bottom:25px}label{display:flex;flex-direction:column;font-size:12px;font-weight:600;gap:7px;margin-bottom:17px}input,select,textarea{border:1px solid #d9dfdf;background:#f8f9f7;border-radius:0;width:100%;padding:11px 12px;color:var(--ink);font-size:12px;min-height:47px}textarea{resize:vertical}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.contact .form-note{color:var(--muted);font-size:10px;margin:6px 0 20px}form .button{width:100%}#form-status{font-size:11px;color:var(--ink);margin:10px 0 0}footer{background:#0b1e2c;color:#b6c6ce;padding:50px 0 22px}.footer-top{display:flex;justify-content:space-between;gap:30px}.footer-top b{font-size:28px;color:white}.footer-top p{font-size:11px;color:#8ea6b5}.footer-top>div:last-child{display:flex;gap:25px;align-items:center;font-size:11px}.footer-bottom{border-top:1px solid #ffffff15;margin-top:30px;padding-top:22px;font-size:9px;display:flex;justify-content:space-between;gap:20px}.floating-contact{position:fixed;bottom:20px;left:20px;z-index:20;background:var(--yellow);color:var(--navy);padding:10px 19px;font-size:12px;font-weight:700;box-shadow:0 5px 25px #0002}dialog{border:0;background:#0b1e2c;color:white;padding:45px 20px 20px;max-width:90vw;max-height:92vh;width:700px}dialog::backdrop{background:#071921dc;backdrop-filter:blur(5px)}dialog .close{position:absolute;top:0;left:10px;background:none;color:white;border:0;font-size:30px;width:44px;height:44px}#media-content img,#media-content video{max-height:74vh;max-width:100%;margin:auto;display:block}#media-content p{color:#c2d1da;margin:12px 0 0;font-size:13px;text-align:center}
@media(min-width:1450px){.hero-copy{padding-top:38px}}@media(max-width:1050px){.nav nav{gap:17px}.service-grid{grid-template-columns:repeat(2,1fr)}.service{border-bottom:1px solid var(--line)}.service:nth-child(2){border-left:0}.service p{min-height:60px}.hero-visual{min-height:600px}.hero-grid{gap:5%}.hero-foot{gap:9px}.about-grid{gap:7%}}@media(max-width:760px){.wrap{width:88%}.section{padding-top:65px;padding-bottom:65px}header{height:80px}.brand img{width:46px;height:58px}.brand b{font-size:22px}.brand small{font-size:8px}#menu-toggle{display:block;border:1px solid var(--line);background:white;font-size:21px;width:42px;height:42px}.nav nav{display:none;position:absolute;top:80px;right:0;left:0;background:white;padding:22px 6%;box-shadow:0 12px 18px #10263814}.nav nav.open{display:flex;flex-direction:column;align-items:stretch;gap:16px}.hero-grid{grid-template-columns:1fr;padding-top:25px}.hero-copy{padding-top:15px}h1{font-size:52px;line-height:1.35;letter-spacing:-2px}.hero p{font-size:14px}.hero-visual{min-height:400px;margin-top:10px;margin-bottom:20px}.hero-photo{object-position:center 42%}.hero-foot{font-size:10px;gap:13px}.actions{gap:22px}.button{font-size:12px;padding:14px 19px;gap:20px}.hero-bottom{font-size:8px;gap:15px}.intro-grid,.about-grid,.faq-grid,.contact-grid{grid-template-columns:1fr;gap:25px}.large{font-size:18px}h2{font-size:33px;letter-spacing:-1px}.stats{gap:12px;margin-top:20px}.stats strong{font-size:30px}.stats span{font-size:9px}.stats>div{padding-right:10px}.section-head{display:block;margin-bottom:26px}.section-head>p{font-size:12px;margin-top:20px}.service-grid{grid-template-columns:1fr}.service{padding:25px}.service{border-left:0}.service p{min-height:0;font-size:13px}.service ul{min-height:0;margin:20px 0}.service-icon{height:65px}.service a{font-size:12px}.project-grid{gap:16px;grid-template-columns:1fr 1fr}.main-project{grid-column:span 2;grid-row:auto;height:380px}.project:not(.main-project){height:275px}.project>div{right:16px;left:16px;bottom:17px}.project h3{font-size:15px;padding-left:10px}.project b{display:none}.project span{font-size:9px}.work-note{gap:20px;align-items:center}.work-note p{font-size:10px;max-width:60%}.work-note button{font-size:10px;gap:8px}.about-image{height:440px;margin-bottom:25px}.about-stamp{left:-15px;bottom:22px;padding:18px 24px}.about-copy h2{font-size:34px}.about .large{font-size:18px}.values>div{grid-template-columns:100px 1fr}.steps{grid-template-columns:1fr 1fr;gap:22px}.steps h3{font-size:17px}.steps p{font-size:12px}.steps span{font-size:33px}summary{font-size:13px}.contact h2{font-size:43px}.contact form{padding:23px;margin-top:20px}.field-row{grid-template-columns:1fr;gap:0}.contact-phone{font-size:24px}.footer-top{flex-direction:column;gap:15px}.footer-top>div:last-child{flex-wrap:wrap;gap:18px}.footer-bottom{font-size:8px;flex-direction:column;gap:5px;padding-bottom:30px}.floating-contact{bottom:12px;left:12px;font-size:11px}html{scroll-padding-top:94px}.play{right:18px;bottom:18px;min-width:240px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Readable Arabic type and project-specific extensions */
body{font-size:16px}h1,h2,.stats strong{letter-spacing:0}.brand small{font-size:12px}.nav nav,.section-label,.eyebrow,.button,.text-link,.hero-foot,.hero-bottom,.stats span,.service-number,.service p,.service ul,.service a,.project span,.work-note p,.values b,.values p,.steps p,details p,.contact-details,label,.contact .form-note,#form-status,.footer-top p,.footer-top>div:last-child,.floating-contact{font-size:14px}.service p,.service ul{min-height:0}.service{display:flex;flex-direction:column}.service a{margin-top:auto}.service-icon{flex-shrink:0}.hero p,.section-head>p,input,select,textarea,summary{font-size:16px}.hero-visual{min-height:590px}.play small{font-size:12px}.image-index,.vertical-label,.about-stamp small,.footer-bottom{font-size:12px}.integration{background:#eaf1f6}.integration-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:8%}.system-tags{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 30px}.system-tags span{border:1px solid #bdceda;padding:8px 13px;font-size:14px}.case-heading{margin-top:55px}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.case-grid article{padding:28px 22px;border-left:1px solid var(--line)}.case-grid article:last-child{border-left:0}.case-grid span{font-size:14px;color:var(--blue)}.case-grid h3{margin:12px 0}.case-grid p{font-size:16px}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.contact form{min-width:0}.button:disabled{opacity:.65;cursor:wait}#form-status:empty{display:none}#form-status:not(:empty){padding:14px;background:#eef4f7}.form-contact-link{display:inline-block;text-decoration:underline;margin-top:12px}.nav nav{gap:20px}.stats strong{font-size:36px}
@media(max-width:760px){h1{font-size:clamp(37px,10vw,52px);letter-spacing:0}.hero p{font-size:16px}.hero-foot,.hero-bottom{flex-wrap:wrap}.actions{flex-wrap:wrap}.integration-grid,.case-grid{grid-template-columns:1fr}.case-grid article{border-left:0;border-bottom:1px solid var(--line);padding:22px 0}.project-grid{grid-template-columns:1fr}.main-project{grid-column:auto}.project:not(.main-project){height:310px}.stats{grid-template-columns:1fr}.stats>div{padding:15px 0;border-left:0;border-bottom:1px solid var(--line)}.steps{gap:20px}.work-note{flex-wrap:wrap}.work-note p{max-width:100%;font-size:14px}.work-note button{font-size:14px}.values>div{grid-template-columns:1fr;gap:4px}.brand small{font-size:12px}.project h3{font-size:20px}.contact-phone{font-size:clamp(18px,5.5vw,24px)}.footer-top>div:last-child{font-size:14px}.hero-visual{min-height:400px}}

.service .solar-calculator-link{margin:0 0 18px;padding:12px 14px;background:var(--yellow);color:var(--navy);justify-content:center;text-align:center;min-height:48px}

.portfolio{background:#f1f5f8}.portfolio .section-head>p{max-width:430px}.portfolio-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;margin-bottom:50px}.portfolio-photos:empty{display:none}.portfolio-photo{margin:0;background:white;border:1px solid #dce5eb;overflow:hidden}.portfolio-photo img{width:100%;height:290px;object-fit:cover}.portfolio-photo figcaption{padding:20px 24px}.portfolio-photo h3{margin:0 0 8px}.portfolio-photo p{font-size:14px;margin:0 0 10px}.photo-credit{font-size:12px;color:#536873}.photo-credit a{text-decoration:underline;text-underline-offset:3px}.portfolio-sectors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.portfolio-sector{padding:25px 30px;background:white;border-top:3px solid var(--yellow)}.portfolio-sector h3{color:var(--blue);margin-bottom:18px}.portfolio-sector ul{list-style:none;padding:0;margin:0}.portfolio-sector li{padding:10px 0;border-top:1px solid var(--line);font-size:16px}.portfolio-sector:last-child{grid-column:1/-1}.nav nav{gap:16px}.nav nav a{white-space:nowrap}@media(max-width:760px){.portfolio-photos,.portfolio-sectors{grid-template-columns:1fr}.portfolio-photo img{height:240px}.portfolio-photo figcaption,.portfolio-sector{padding:20px}.portfolio .section-head>p{max-width:none}}

.portfolio-photo img.portrait{object-fit:contain;background:#e3e9ec}.photo-credit{overflow-wrap:anywhere}

/* Cairo typography hierarchy */
body{font-family:'Cairo',Tahoma,Arial,sans-serif;line-height:1.85}h1,h2,h3{font-family:inherit;letter-spacing:0;text-wrap:balance}h1{font-size:clamp(42px,4.7vw,66px);font-weight:800;line-height:1.55;margin-bottom:24px}h2{font-size:clamp(30px,3.2vw,44px);font-weight:800;line-height:1.55;margin-bottom:24px}h3{font-size:22px;font-weight:700;line-height:1.6}.section-label,.eyebrow{letter-spacing:0;font-weight:700}.brand b{font-weight:800}.hero-copy{padding-top:30px}.section-head{align-items:center}.contact h2{font-size:clamp(34px,3.5vw,48px)}.service h3{font-size:21px}.portfolio-photo h3{font-size:21px}.project h3{font-size:22px}.about-copy h2{font-size:clamp(30px,3.2vw,44px)}@media(max-width:760px){h1{font-size:clamp(36px,9.5vw,48px);line-height:1.5}h2,.about-copy h2{font-size:32px;line-height:1.6}.contact h2{font-size:36px}.hero-copy{padding-top:15px}.portfolio-photo h3,.project h3{font-size:20px}.section-head{margin-bottom:30px}.steps h3{font-size:20px}}