:root{--navy:#071f31;--ink:#102d41;--muted:#526575;--red:#c93632;--line:#d6e0e6;--pale:#eff4f7;--blue:#3155a4;--green:#228148}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:#fff;color:var(--ink);font-family:Tahoma,Arial,sans-serif;font-size:16px;line-height:1.85}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{overflow-wrap:break-word}h1,h2,h3{line-height:1.3}h1{font-size:clamp(42px,4.7vw,74px);margin:0 0 26px;font-weight:800;letter-spacing:-1.7px}h2{font-size:clamp(30px,3vw,46px);margin:0;font-weight:700;letter-spacing:-.8px}h3{font-size:23px;margin:0 0 15px}p{margin:0 0 20px}.wrap{width:min(1320px,calc(100% - 96px));margin-inline:auto}.topbar{background:var(--navy);color:#d4dfe6;font-size:12px;letter-spacing:.25px;padding:8px 0}.topbar .wrap{display:flex;justify-content:space-between}.topbar a{direction:ltr}header{position:sticky;top:0;background:#fffffffa;z-index:20;border-bottom:1px solid var(--line)}.nav{height:92px;display:flex;align-items:center;gap:30px}.brand{direction:ltr;line-height:1;flex-shrink:0;display:block}.brand>span{font:bold 31px Arial,sans-serif;letter-spacing:-1.3px}.brand-dot{color:var(--red)}.brand small{display:block;font:700 11px Arial,sans-serif;letter-spacing:6px;margin-top:2px}.nav nav{display:flex;gap:24px;align-items:center;margin-inline-start:auto;font-size:14px;font-weight:600}.nav nav a{padding:8px 0;border-bottom:2px solid transparent}.nav nav a:hover,.nav nav a[aria-current]{color:var(--red);border-color:var(--red)}.nav-actions{display:flex;align-items:center;gap:16px}.language{border:1px solid var(--line);border-radius:3px;background:white;color:var(--ink);min-height:44px;padding:6px 12px;font-size:14px}.button{display:inline-flex;justify-content:center;align-items:center;padding:15px 26px;min-height:48px;background:var(--red);border:1px solid transparent;border-radius:3px;color:#fff;font-size:14px;font-weight:700;transition:background .2s,box-shadow .2s}.button:hover{background:#a52a27;box-shadow:0 5px 16px #0002}.button.compact{padding:12px 18px;white-space:nowrap}.button.white{background:#fff;color:var(--navy)}.button.white:hover{background:#e5edf3}.button.outline{background:transparent;border-color:#8da0af;color:#fff}.button.outline:hover{background:#ffffff12}#menu{display:none}.hero{position:relative;isolation:isolate;background:var(--navy);color:white;min-height:660px;overflow:hidden}.hero-image{position:absolute;inset-block:0;inset-inline-end:0;width:51%;height:100%;object-fit:cover;object-position:44% center}.hero-shade{position:absolute;inset-block:0;inset-inline-end:0;width:51%;background:linear-gradient(0deg,#071f3170,transparent 65%);border-inline-start:1px solid #ffffff20}.hero-content{position:relative;padding-block:74px 26px}.hero-content>h1,.hero-copy{max-width:48%;padding-inline-end:28px}.hero-copy{font-size:18px;line-height:1.95;color:#c5d4de;margin-bottom:32px}.eyebrow{display:flex;align-items:center;gap:13px;font-size:12px;letter-spacing:1.9px;font-weight:700;color:#aa2e2b;margin:0 0 22px}.eyebrow:before{content:'';width:24px;height:3px;background:var(--red);flex-shrink:0}.eyebrow.light{color:#d5e1e8}.hero-actions{display:flex;gap:12px;max-width:49%;flex-wrap:wrap}.hero-bottom{display:flex;justify-content:space-between;margin-top:65px;padding-top:22px;border-top:1px solid #ffffff35;font-size:12px;letter-spacing:.7px;color:#d6e2e9}.hero-index{direction:ltr;background:var(--navy);padding:3px 12px;font-size:12px}.capability-strip{background:var(--pale);border-bottom:1px solid var(--line)}.capability-strip .wrap{display:grid;grid-template-columns:repeat(4,1fr);padding-block:27px;text-align:center;font-size:14px;font-weight:700;gap:20px}.capability-strip span+span{border-inline-start:1px solid #c8d4dc}.section{padding-block:96px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:55px;margin-bottom:45px}.section-head>p{color:var(--muted);max-width:420px;margin:0;line-height:1.9}.companies-grid{display:grid;gap:36px}.company{--accent:var(--blue);display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid var(--line);border-top:3px solid var(--accent);position:relative}.company.technology{--accent:var(--green)}.company-identity{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:space-between;padding:28px 38px 12px;gap:20px;flex-direction:row-reverse}.company-identity img{width:240px;height:68px;object-fit:contain}.company-no{font:500 14px Arial;color:var(--accent);letter-spacing:2px}.company-photo{grid-column:1;grid-row:1 / span 2;min-height:390px;position:relative;overflow:hidden}.company-photo>img{width:100%;height:100%;position:absolute;object-fit:cover;transition:transform .6s}.company:hover .company-photo>img{transform:scale(1.025)}.company-year{position:absolute;bottom:24px;inset-inline-start:24px;background:white;color:var(--ink);padding:6px 13px;font-size:12px;font-weight:700;letter-spacing:.7px}.company-body{grid-column:2;padding:18px 38px 34px}.company h3{font:700 clamp(22px,2vw,29px)/1.3 Arial;letter-spacing:-.7px;direction:ltr}.company-body>p{color:var(--muted);margin-bottom:20px}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:24px}.tags span{background:var(--pale);color:#435c6e;padding:5px 10px;font-size:12px}.technology .tags span{background:#edf6f0;color:#286442}.text-link{display:inline-block;font-size:14px;font-weight:700;border-bottom:2px solid var(--accent);padding-bottom:5px}.text-link:hover{color:var(--accent)}.services-section{background:var(--navy);color:#fff}.services-section .eyebrow{color:#d6e1e9}.services-section .section-head>p{color:#b5c7d4}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid #ffffff30}.services-grid article{padding:34px 26px 10px;position:relative}.services-grid article:first-child{padding-inline-start:0}.services-grid article+article{border-inline-start:1px solid #ffffff26}.service-number{font:400 36px/1.4 Arial;color:#7b97ad;display:block;margin-bottom:32px}.services-grid h3{font-size:22px;line-height:1.45}.services-grid p{font-size:16px;color:#b9ccd9;line-height:1.9;margin:0}.supply-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center}.supply-image{height:420px;position:relative;overflow:hidden;background:var(--navy)}.supply-image img{height:100%;width:100%;object-fit:cover}.supply-image span{position:absolute;bottom:0;inset-inline:0;padding:65px 26px 24px;background:linear-gradient(transparent,#071f31f0);color:white;font-size:14px}.supply-list>div{display:flex;align-items:center;gap:25px;padding:23px 0;border-bottom:1px solid var(--line)}.supply-list b{font:400 14px Arial;color:#59778d}.supply-list h3{font-size:21px;margin:0;line-height:1.5}.supply-list .button{margin-top:30px}.contact-section{position:relative;background:#10374c;color:white;padding:80px 0;border-top:4px solid var(--red)}.contact-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:110px}.contact-grid h2{font-size:clamp(32px,3.4vw,48px);line-height:1.4}.contact-grid>div>p:not(.eyebrow){color:#c6d7e2;max-width:520px;margin:22px 0 30px}.contact-details{border-inline-start:1px solid #ffffff30;padding-inline-start:50px}.contact-details>div{padding:17px 0;border-bottom:1px solid #ffffff25}.contact-details span{display:block;font-size:12px;letter-spacing:1.4px;color:#b1c6d5;margin-bottom:8px}.contact-details a{display:block;font:400 23px/1.5 Arial;direction:ltr;overflow-wrap:anywhere}.contact-details .whatsapp{direction:inherit;font-family:inherit;font-size:14px;color:#d4ecdd;text-decoration:underline;text-underline-offset:5px;margin-top:8px}.contact-details p{font-size:16px;margin:0;color:#d5e1e8}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:26px;padding-block:36px}.footer-inner .brand>span{font-size:27px}.footer-inner p,.footer-inner>a:last-child{font-size:12px;color:var(--muted);margin:0}.about-hero{background:var(--navy);color:#fff;padding:80px 0;border-bottom:4px solid var(--red);position:relative}.about-hero .wrap{position:relative}.about-hero p:last-child{max-width:740px;color:#c7d6e0;font-size:19px;margin:0}.about-company{display:grid;grid-template-columns:360px 1fr;gap:65px;padding:50px 0;border-top:1px solid var(--line);align-items:center}.about-identity{border-top:3px solid var(--blue)}.technology .about-identity{border-top-color:var(--green)}.about-identity .about-company-front{width:100%;aspect-ratio:16/9;object-fit:cover;margin-bottom:24px}.about-identity>img:not(.about-company-front){width:265px;height:75px;object-fit:contain}.about-identity p{font:700 18px/1.5 Arial;direction:ltr;margin:14px 0 4px}.about-identity span{font-size:14px;color:var(--muted)}.about-company h2{font-size:30px;margin-bottom:22px}.about-company>div>p{color:var(--muted)}.about-process{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.about-process span{display:block;font:400 36px Arial;color:#95b2c8;margin-bottom:25px}.about-process p{color:#b9ccd9}.about-end{display:flex;justify-content:space-between;align-items:center;gap:30px}.skip-link{position:fixed;top:-100px;inset-inline-start:16px;z-index:50;background:white;padding:12px 22px;color:var(--navy)}.skip-link:focus{top:12px}:focus-visible{outline:3px solid #e8a333;outline-offset:5px}[dir=ltr] body{font-family:Arial,sans-serif}[dir=rtl] .company h3,[dir=rtl] .contact-details a,[dir=rtl] .about-identity p{text-align:right}[dir=rtl] h1,[dir=rtl] h2{letter-spacing:0}
@media(min-width:1600px){.hero-content{padding-top:100px}.hero{min-height:710px}}
@media(max-width:1200px){.wrap{width:calc(100% - 56px)}.nav{gap:20px}.nav nav{gap:16px}.nav-actions{gap:10px}.nav-actions .compact{display:none}.hero-content>h1,.hero-copy{max-width:51%}.hero-image,.hero-shade{width:48%}.hero-actions{max-width:51%}.hero-actions .button{padding:13px 17px}.company-identity{padding:24px 26px 8px}.company-body{padding:18px 26px 30px}.services-grid{grid-template-columns:repeat(2,1fr)}.services-grid article{padding:30px}.services-grid article:nth-child(3){border-inline-start:0;padding-inline-start:0}.services-grid article:nth-child(n+3){border-top:1px solid #ffffff30;margin-top:24px}.contact-grid{gap:50px}.supply-layout{gap:35px}.about-company{grid-template-columns:300px 1fr;gap:40px}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.nav{height:78px}.brand>span{font-size:28px}.nav nav{display:none;position:absolute;top:78px;inset-inline:0;background:#fff;box-shadow:0 12px 25px #071f3120;padding:22px}.nav nav.open{display:flex;flex-direction:column;align-items:stretch;gap:2px}.nav nav a{padding:10px}.nav-actions{margin-inline-start:auto}#menu{display:block;border:1px solid var(--line);border-radius:3px;background:#fff;color:var(--ink);font-size:23px;min-width:44px;min-height:44px;padding:0 8px}.topbar .wrap{justify-content:center}.topbar a{display:none}.hero{min-height:0;padding-bottom:270px}.hero-image,.hero-shade{top:auto;bottom:0;width:100%;height:270px;object-position:center 60%;border:0}.hero-shade{background:linear-gradient(180deg,#071f3133,transparent)}.hero-content{padding:48px 0 0}.hero-content>h1,.hero-copy,.hero-actions{max-width:100%;padding-inline-end:0}.hero h1{font-size:clamp(40px,8vw,58px);line-height:1.25}.hero-copy{max-width:650px;font-size:17px}.hero-actions{margin-bottom:34px}.hero-bottom{margin-top:0;padding:15px 0;margin-bottom:15px;gap:12px}.hero-index{display:none}.capability-strip .wrap{grid-template-columns:1fr 1fr;font-size:13px;padding-block:22px;gap:18px 10px}.capability-strip span:nth-child(3){border:0}.section{padding-block:64px}.section-head{display:block;margin-bottom:30px}.section-head>p{max-width:650px;margin-top:22px}.company{grid-template-columns:1fr}.company-identity{grid-column:1;grid-row:1;padding:20px 24px}.company-photo{grid-column:1;grid-row:2;min-height:0;height:280px}.company-body{grid-column:1;padding:26px 24px 30px}.company-identity img{width:230px;height:65px}.company h3{font-size:27px}.company-year{bottom:16px;inset-inline-start:16px}.supply-layout{grid-template-columns:1fr;gap:18px}.supply-image{height:340px}.contact-grid{grid-template-columns:1fr;gap:30px}.contact-details{border:0;padding:0}.contact-section{padding-block:58px}.footer-inner{flex-wrap:wrap}.footer-inner p{order:3;width:100%}.about-company{grid-template-columns:1fr;gap:30px}.about-identity .about-company-front{max-height:320px}.about-process{grid-template-columns:1fr;gap:25px}.about-process article+article{border-top:1px solid #ffffff30;padding-top:25px}.about-end{flex-direction:column;align-items:start}.about-hero{padding-block:58px}.about-hero h1{font-size:42px}}
@media(max-width:480px){.wrap{width:calc(100% - 32px)}.nav{gap:10px}.nav-actions{gap:7px}.brand>span{font-size:25px}.brand small{font-size:10px}.topbar{font-size:11px}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .button{width:100%}.hero h1{font-size:40px}.hero-copy{font-size:16px}.services-grid{grid-template-columns:1fr}.services-grid article,.services-grid article:first-child,.services-grid article:nth-child(3){padding:27px 0}.services-grid article+article{border-inline-start:0;border-top:1px solid #ffffff30;margin-top:0}.service-number{font-size:28px;margin-bottom:14px}.company-photo{height:220px}.company-body{padding:24px 20px}.company h3{font-size:23px}.company-identity{padding:18px 20px}.company-identity img{width:210px;max-width:85%}.supply-image{height:280px}.supply-list h3{font-size:19px}.contact-details a{font-size:20px}.eyebrow{font-size:12px;letter-spacing:1px}.about-hero h1{font-size:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Activity detail panels and the requested Arabic Naskh typography. */
@font-face{font-family:'Noto Naskh Arabic';src:url('assets/noto-naskh-arabic.ttf') format('truetype');font-style:normal;font-weight:400 700;font-display:swap}
[lang=ar] body{font-family:'Noto Naskh Arabic','Traditional Arabic',serif;font-size:19px;line-height:1.9}
[lang=ar] h1,[lang=ar] h2,[lang=ar] h3{font-family:'Noto Naskh Arabic','Traditional Arabic',serif;letter-spacing:0;line-height:1.55}
[lang=ar] .nav nav,[lang=ar] .button,[lang=ar] .language{font-size:17px}
[lang=ar] .eyebrow,[lang=ar] .tags span,[lang=ar] .capability-strip .wrap{font-size:16px;letter-spacing:0}
[lang=ar] .hero-copy,[lang=ar] .contact-details p{font-size:20px}
[lang=ar] .company h3{font-family:Arial,sans-serif}
[lang=ar] .hero-content{padding-top:55px}
.activities-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.activity-card{background:#fff;color:var(--ink);overflow:hidden;border-radius:3px}
.activity-card>img{width:100%;height:275px;object-fit:cover;background:#e7edf1}
.activity-body{padding:30px 32px 32px}.activity-no{font:500 14px Arial;color:#a4322e;display:block;margin-bottom:14px}
.activity-body h3{font-size:27px}.activity-body>p{color:var(--muted);font-size:16px;line-height:1.8}
.activity-body dl{margin:20px 0 0;border-top:1px solid var(--line)}.activity-body dt{font-weight:700;font-size:15px;color:var(--ink);margin-top:18px}.activity-body dd{margin:6px 0 0;font-size:15px;color:var(--muted);line-height:1.85}
[lang=ar] .activity-body>p,[lang=ar] .activity-body dt,[lang=ar] .activity-body dd{font-size:19px}
.quality-section{padding:58px 0;background:#eaf1f5;border-bottom:1px solid var(--line)}.quality-section h2{font-size:32px;margin-bottom:18px}.quality-section p{max-width:1050px}.quality-section .quality-note{font-size:14px;color:var(--muted);margin-bottom:0}[lang=ar] .quality-section .quality-note{font-size:17px}
@media(max-width:1100px){[lang=ar] .nav nav{gap:12px;font-size:16px}}
@media(max-width:800px){.activities-grid{grid-template-columns:1fr}.activity-card>img{height:290px}.activity-body{padding:25px}[lang=ar] h1{font-size:46px}[lang=ar] .hero-content{padding-top:42px}}
@media(max-width:480px){.activity-card>img{height:220px}.activity-body{padding:22px}.activity-body h3{font-size:25px}[lang=ar] h1{font-size:40px}[lang=ar] .hero-copy{font-size:19px}}

.contact-details a.map-link{font-family:inherit;font-size:16px;direction:inherit;display:inline-block;margin-top:10px;padding:10px 16px;border:1px solid #b1c6d5;border-radius:3px;text-decoration:none}.contact-details a.map-link:hover{background:#ffffff15}[lang=ar] .contact-details a.map-link{font-size:19px}

.product-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0 0 48px}.product-example{border:1px solid #dce3e8;background:#fff;overflow:hidden}.product-example>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.product-example>div{padding:24px}.product-example h3{margin:0 0 12px;font-size:1.4rem;line-height:1.5}.product-example p{margin:0;font-size:1rem;line-height:1.8;color:#536273}@media(max-width:800px){.product-examples{grid-template-columns:1fr}.product-example>img{max-height:360px}}

.contact-details a.app-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;padding:11px;margin-top:10px;border:1px solid #ffffff55;border-radius:12px;background:#fff;text-decoration:none}.contact-details a.app-icon:hover{background:#eaf1f5;transform:translateY(-2px)}.app-icon img{width:32px;height:32px;object-fit:contain}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.project-card{border:1px solid var(--line);border-top:4px solid var(--red);padding:36px;background:#fff}.project-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px}.project-number{font:400 44px Arial;color:#8195a3}.project-status{font-size:14px;color:#245d40;background:#edf6f0;padding:7px 12px}.project-card h2{font-size:30px;margin-bottom:20px}.project-card p,.project-card dd{color:var(--muted)}.project-card dl{border-top:1px solid var(--line);padding-top:20px;margin-bottom:0}.project-card dt{font-weight:700;margin-top:14px}.project-card dd{margin:4px 0 0}.nav nav{gap:16px}@media(max-width:1000px) and (min-width:801px){.nav{gap:12px}.nav nav{gap:10px;font-size:13px}[lang=ar] .nav nav{font-size:15px}.brand>span{font-size:26px}}@media(max-width:800px){.project-grid{grid-template-columns:1fr}.project-card{padding:24px}.project-top{flex-wrap:wrap}} 

.client-logo{height:100px;display:flex;align-items:center;margin-bottom:24px}.client-logo img{width:170px;height:90px;object-fit:contain;object-position:center;background:white}

.client-logo{height:112px;width:100%;padding:10px 16px;border:1px solid var(--line);border-radius:4px;background:#fff;justify-content:center}.client-logo img{width:auto;max-width:100%;height:auto;max-height:90px;object-fit:contain;background:transparent}.client-logo-dark{background:var(--ink);border-color:var(--ink)}

/* Active text links and a persistent WhatsApp contact action. */
a.button,a.button.white,a.button.outline,a.button.compact{background:transparent;border:0;border-radius:0;box-shadow:none;color:var(--red);padding:10px 0;text-decoration:underline;text-underline-offset:6px;min-height:44px}a.button:hover{background:transparent;box-shadow:none;color:#a52a27}.hero a.button,.contact-section a.button,.services-section a.button{color:#fff}.language,#menu{border:0;background:transparent;border-radius:0}.floating-whatsapp{position:fixed;right:24px;bottom:24px;z-index:60;width:60px;height:60px;border-radius:50%;background:#25d366;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 20px #0004;transition:transform .2s}.floating-whatsapp:hover{transform:translateY(-3px)}.floating-whatsapp img{width:38px;height:38px}.company-page-logo{background:white;padding:18px;width:300px;max-width:100%;margin:24px 0}.company-page-logo img{width:100%;height:85px;object-fit:contain}.company-page-hero h1{font-family:Arial,sans-serif;font-size:clamp(30px,4vw,56px);text-align:start}.company-back{color:#d5e1e8;text-decoration:underline;text-underline-offset:5px}.group-services{grid-template-columns:repeat(2,minmax(0,1fr))}.company h3 a:hover{color:var(--red)}footer{padding-bottom:50px}@media(max-width:800px){.group-services{grid-template-columns:1fr}.floating-whatsapp{right:16px;bottom:16px;width:56px;height:56px}}