@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;600;700;800;900&display=swap');
:root{--orange:#e9570b;--ink:#171a1d;--muted:#707477;--paper:#f6f5f2;--line:#e4e3de}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:Tajawal,Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.8}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:5px}img{max-width:100%;display:block}.wrap{width:min(1180px,90%);margin:auto}.top{background:var(--ink);color:#d4d5d6;font-size:12px;padding:8px 0}.top .wrap{display:flex;justify-content:space-between}.top a{direction:ltr}header{background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:94px}.logo{width:176px}.links{display:flex;gap:30px;font-size:15px;font-weight:700}.links a:hover,.links a.active{color:var(--orange)}.btn{display:inline-flex;gap:25px;justify-content:center;align-items:center;padding:13px 24px;border:1px solid transparent;background:var(--orange);color:#fff;border-radius:3px;font-weight:700;cursor:pointer;transition:.2s}.btn:hover{background:#c74605;transform:translateY(-2px)}.btn.outline{background:transparent;border-color:#bfc1c2;color:var(--ink)}.btn.dark{background:var(--ink)}.menu{display:none;border:0;background:none;font-size:26px}.hero{position:relative;overflow:hidden;padding:80px 0 65px;background:#f1f0ec}.hero:before{content:'';position:absolute;left:-140px;top:80px;width:480px;height:480px;border:1px solid #d4d1ca;transform:rotate(45deg)}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:65px;align-items:center;position:relative}.eyebrow{font-size:13px;font-weight:800;letter-spacing:1px;color:var(--orange);display:flex;align-items:center;gap:10px}.eyebrow:before{content:'';width:28px;height:2px;background:var(--orange)}h1{font-size:clamp(38px,4.7vw,64px);line-height:1.3;letter-spacing:-1.6px;margin:23px 0}h1 em{font-style:normal;color:var(--orange)}p{color:var(--muted);margin:0 0 22px}.hero p{font-size:17px;max-width:500px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-photo{height:485px;position:relative;margin:0 18px 25px 0}.hero-photo>img{width:100%;height:100%;object-fit:cover;object-position:64%;border-radius:3px 3px 85px 3px;filter:saturate(.65)}.hero-photo:after{content:'';position:absolute;inset:20px -18px -20px 18px;border:1px solid var(--orange);border-radius:3px 3px 85px 3px;z-index:-1}.photo-tag{position:absolute;bottom:30px;right:-45px;background:var(--ink);color:#fff;padding:19px 26px;box-shadow:0 15px 40px #0002;border-right:4px solid var(--orange)}.photo-tag small{display:block;color:#b8bbbd;font-size:12px}.photo-tag b{font-size:20px}.hero-foot{display:flex;gap:25px;margin-top:32px;font-size:12px;color:#606668}.hero-foot span:before{content:'✓';color:var(--orange);margin-left:7px}.partners{background:#fff;border-bottom:1px solid var(--line);padding:30px 0}.partner-row{display:flex;align-items:center;gap:35px;justify-content:space-between}.partner-row>span{font-size:13px;color:var(--muted);width:130px}.partner-row img{width:95px;height:62px;object-fit:contain;filter:grayscale(1);opacity:.68}.section{padding:90px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:38px}.section-head h2,.about h2,.contact h2{font-size:clamp(29px,3.2vw,42px);line-height:1.4;margin:14px 0 0}.section-head p{max-width:340px;font-size:15px;margin:0}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.card{background:#fff;border:1px solid var(--line);padding:30px 24px;display:flex;flex-direction:column;position:relative;transition:.25s}.card:hover{transform:translateY(-7px);border-color:var(--orange);box-shadow:0 20px 35px #171a1d08}.num{position:absolute;left:22px;top:22px;color:#c4c4c0;font-size:12px}.icon{width:52px;height:52px;background:#fff1e8;color:var(--orange);display:grid;place-items:center;margin:10px 0 25px}.icon svg{width:29px;height:29px;stroke:currentColor;fill:none;stroke-width:1.5}.card h3{font-size:22px;margin:0 0 13px}.card p{font-size:14px;flex:1}.card>a{font-size:13px;font-weight:800;display:flex;justify-content:space-between;padding-top:22px;border-top:1px solid var(--line)}.card>a span{color:var(--orange)}.about{background:var(--ink);color:#fff;overflow:hidden}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.about p{color:#b4b8ba;margin-top:22px}.about-visual{min-height:380px;position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#242a2e,#1b1e21);border:1px solid #ffffff12}.chart-bars{display:flex;align-items:end;gap:18px;height:230px;direction:ltr;transform:skewY(-10deg)}.chart-bars i{display:block;width:45px;background:linear-gradient(#ff9b47,var(--orange));height:var(--h)}.about-visual:before{content:'';position:absolute;width:240px;height:240px;border:1px solid #ffffff20;transform:rotate(45deg)}.visual-label{position:absolute;bottom:20px;right:24px;color:#b4b8ba;font-size:12px;letter-spacing:2px}.values{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}.value{border-top:1px solid #ffffff25;padding-top:15px}.value b{font-size:18px}.value span{display:block;font-size:13px;color:#999fa2}.process{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.step{border-top:1px solid #ceccc6;padding-top:25px}.step b{font-size:35px;color:var(--orange);font-weight:500}.step h3{font-size:22px;margin:12px 0}.step p{font-size:15px}.quote{background:#fff;border-right:4px solid var(--orange);padding:35px 45px;margin-top:55px;display:flex;gap:35px;align-items:center}.quote img{width:85px;height:75px;object-fit:contain}.quote p{font-size:20px;color:var(--ink);margin:0}.quote small{font-size:12px;color:var(--muted)}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.faq-grid h2{font-size:36px;line-height:1.4}details{border-bottom:1px solid var(--line);padding:19px 0}summary{cursor:pointer;font-weight:700;list-style:none;display:flex;justify-content:space-between}summary:after{content:'+';color:var(--orange);font-size:24px}details[open] summary:after{content:'−'}details p{margin:14px 0 0;font-size:14px}.contact{background:#eae8e2}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}.contact-list{display:grid;gap:18px;margin-top:30px}.contact-list a,.contact-list div{border-bottom:1px solid #d4d2ca;padding-bottom:14px}.contact-list small{display:block;color:var(--muted);font-size:12px}.contact-list b{font-weight:600;font-size:17px}form{background:#fff;padding:35px;border-top:3px solid var(--orange)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-size:13px;font-weight:700}input,select,textarea{width:100%;border:1px solid var(--line);background:#fafaf8;padding:11px 13px;border-radius:2px;margin-top:7px;color:var(--ink);min-width:0}input:focus,select:focus,textarea:focus{outline:1px solid var(--orange)}textarea{resize:vertical}.full{grid-column:1/-1}.form-note{font-size:11px;color:var(--muted);margin:15px 0 0}.form-status{color:var(--orange);font-size:13px;margin-top:10px}footer{background:#171a1d;color:#fff;padding:55px 0 20px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:80px}.footer-logo{width:180px;margin-bottom:20px}footer p,footer a{font-size:13px;color:#aeb1b3}footer h4{margin:0 0 20px}footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.bottom{border-top:1px solid #ffffff18;display:flex;justify-content:space-between;padding-top:20px;margin-top:40px;font-size:11px;color:#999fa2}.whatsapp{position:fixed;bottom:25px;left:25px;background:var(--orange);color:white;padding:11px 18px;box-shadow:0 5px 20px #0002;border-radius:30px;font-size:13px;z-index:30}.subhero{background:var(--ink);padding:65px 0;color:#fff}.subhero h1{font-size:48px;margin:18px 0}.subhero p{color:#b6b9ba;max-width:700px}.breadcrumb{font-size:12px;color:#b6b9ba}.detail-grid{display:grid;grid-template-columns:1fr 300px;gap:65px}.detail-grid h2{font-size:30px}.detail-grid li{margin:15px 0;color:var(--muted)}.side{background:#fff;padding:28px;border-top:3px solid var(--orange);align-self:start;position:sticky;top:120px}.side a{display:block;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}.side .btn{margin-top:20px}.skip{position:absolute;top:-90px;background:#fff;z-index:100}.skip:focus{top:10px}@media(min-width:1600px){.hero{padding:100px 0}}@media(max-width:950px){.links{gap:16px}.nav>.btn{display:none}.hero-grid{gap:35px}.hero-photo{height:420px}.photo-tag{right:-15px}.services{grid-template-columns:1fr 1fr}.about-grid,.contact-grid,.faq-grid{gap:35px}.partner-row{flex-wrap:wrap;justify-content:center;gap:24px}.partner-row>span{width:100%;text-align:center}.footer-grid{gap:35px}}@media(max-width:640px){.top{font-size:10px}.top .wrap>span{max-width:60%}.nav{min-height:76px}.logo{width:145px}.menu{display:block}.links{display:none;position:absolute;top:76px;right:0;left:0;background:#fff;padding:25px 5%;border-bottom:1px solid var(--line)}.links.open{display:grid}.hero{padding:40px 0}.hero-grid,.about-grid,.contact-grid,.faq-grid,.detail-grid{grid-template-columns:1fr}.hero h1{font-size:42px}.hero-photo{height:335px;margin:10px 10px 20px}.hero-grid{gap:30px}.hero-foot{gap:15px;flex-wrap:wrap}.photo-tag{right:-10px;padding:12px 20px}.section{padding:60px 0}.section-head{display:block}.section-head p{margin-top:18px}.services{grid-template-columns:1fr 1fr;gap:10px}.card{padding:22px 17px}.card h3{font-size:20px}.card p{font-size:13px}.process{grid-template-columns:1fr;gap:20px}.step{display:block}.quote{padding:25px;gap:18px}.quote img{width:60px}.quote p{font-size:16px}.about-visual{min-height:300px}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}form{padding:23px}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.footer-grid>div:first-child{grid-column:1/-1}.bottom{gap:20px}.partner-row img{width:70px;height:45px}.side{position:static}.subhero h1{font-size:36px}.whatsapp{bottom:15px;left:15px;font-size:12px}.values{gap:12px}.contact h2{font-size:34px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Refined corporate identity */
:root{--orange:#bd5b2a;--ink:#172735;--muted:#5d6b75;--paper:#f5f7f8;--line:#dce2e6}
body{background:var(--paper)}.top{background:#10212f;color:#c6d0d8}.top .wrap{padding-block:2px}
.brand{display:flex;align-items:center;gap:17px;flex-shrink:0}.logo{width:105px}.brand-name{display:grid;line-height:1.5;border-right:1px solid #dce2e6;padding-right:17px}.brand-name b{font-size:23px;font-weight:900;letter-spacing:-.6px;color:#172735}.brand-name small{font-size:11px;color:#64737f}.nav{gap:20px;min-height:102px}.links{gap:22px;font-size:14px}.nav>.btn{font-size:13px;padding:11px 18px}
.hero{background:#edf1f3;padding:70px 0 55px}.hero:before{border-color:#ccd5db;opacity:.6}.hero-photo{height:500px}.hero-photo>img{object-position:68% center;filter:saturate(.72);border-radius:6px 6px 65px 6px}.hero-photo:after{border-color:#b78363;z-index:0;pointer-events:none;inset:15px -15px -15px 15px}.photo-tag{z-index:1;background:#172735;box-shadow:0 15px 30px #10212f20}.photo-tag b{font-size:20px}.btn{border-radius:4px;background:#bd5b2a}.btn:hover{background:#9f4820}.btn.outline:hover{background:#e2e8ec;border-color:#a9b8c3}.hero h1{font-size:clamp(40px,4.3vw,60px);letter-spacing:-1px}.hero .eyebrow{letter-spacing:0}.hero-foot{color:#546570}
#services{background:#f5f7f8}.services{gap:22px}.card{border:1px solid #dce3e8;border-radius:8px;padding:30px;overflow:hidden;min-height:350px;box-shadow:0 6px 20px #17273504}.card:before{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--orange);transform:scaleX(0);transform-origin:right;transition:transform .25s}.card:hover:before{transform:scaleX(1)}.card:hover{border-color:#bd5b2a75;box-shadow:0 18px 35px #1727350d;transform:translateY(-5px)}.num{font-size:38px;font-weight:800;color:#e7ecf0;top:21px;left:25px;line-height:1}.icon{margin:0 0 20px;width:57px;height:57px;border:1px solid #dce4e9;border-radius:10px;background:#f3f6f8;color:#263e50}.icon svg{width:31px;height:31px}.service-category{font-size:11px;color:#956341;font-weight:800;margin-bottom:5px}.card h3{font-size:24px;margin-bottom:12px}.card p{line-height:1.9;color:#61717c;font-size:14px;margin-bottom:16px}.service-tags{font-size:11px;color:#7a8791;background:#f5f7f8;border-radius:3px;padding:6px 10px;margin-bottom:20px}.card>a{padding-top:16px;font-size:13px;color:#263e50}.card>a span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#fff1e9;line-height:1}.service-cta{border-radius:8px;background:#172b3c;color:#fff;padding:32px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:start;justify-content:center;min-height:350px}.service-cta:before{content:'';position:absolute;left:-80px;top:-70px;width:220px;height:220px;border:1px solid #ffffff16;transform:rotate(45deg)}.service-cta h3{font-size:30px;line-height:1.5;margin:20px 0 15px}.service-cta p{color:#bbc8d1;font-size:14px}.service-cta .eyebrow{color:#d7ab8e;font-size:11px;letter-spacing:0}.service-cta .btn{font-size:13px;width:100%;position:relative}.about{background:#172735}.about-visual{background:linear-gradient(135deg,#243d50,#14222f)}.chart-bars i{background:linear-gradient(#d5a17a,#af542a)}.contact{background:#e7edf1}.quote{box-shadow:0 10px 40px #17273505;border-radius:6px}footer{background:#11222f}.subhero{background:#172735}
@media(max-width:1100px){.brand-name b{font-size:20px}.logo{width:90px}.links{gap:16px}.nav>.btn{display:none}.nav{gap:16px}.hero-grid{gap:45px}}
@media(max-width:760px){.brand-name b{font-size:21px}.brand-name small{font-size:10px}.logo{width:80px}.brand{gap:12px}.brand-name{padding-right:12px}.nav{min-height:85px}.links{display:none;position:absolute;top:85px;right:0;left:0;background:#fff;padding:24px 5%;border-bottom:1px solid var(--line)}.links.open{display:grid}.menu{display:block}.hero-grid{grid-template-columns:1fr}.hero h1{font-size:45px}.hero-photo{height:390px;width:100%;margin-top:10px}.hero-photo>img{object-position:70% center}.card{padding:23px;min-height:340px}.card h3{font-size:22px}.services{gap:14px}.service-cta{min-height:340px;padding:25px}}
@media(max-width:480px){.brand-name b{font-size:19px}.logo{width:68px}.brand-name{padding-right:10px}.brand{gap:10px}.hero{padding:38px 0}.hero h1{font-size:40px}.hero-photo{height:330px}.services{grid-template-columns:1fr}.card{min-height:0;padding:25px}.icon{margin-bottom:15px}.card p{max-width:100%}.service-cta{min-height:285px}.service-cta h3{font-size:28px}.photo-tag{right:-5px;bottom:23px}.hero-photo:after{inset:10px -9px -10px 9px}.hero-foot{font-size:11px}.section-head h2{font-size:30px}}

.lang-switch{font-size:12px;font-weight:800;white-space:nowrap;padding:7px 11px;border:1px solid #dce2e6;border-radius:4px;color:#172735}.lang-switch:hover{background:#edf1f3}.profile-download{flex-basis:100%;font-size:13px;font-weight:700;color:#344e61;margin-top:5px;text-decoration:underline;text-underline-offset:5px}.actions{gap:12px}.hero-photo>img{background:#edf1f3}.nav{gap:15px}
[dir=ltr] .brand-name{border-right:0;padding-right:0;border-left:1px solid #dce2e6;padding-left:15px}[dir=ltr] .brand-name b{font-size:21px;letter-spacing:-.7px}[dir=ltr] .brand-name small{font-size:10px}[dir=ltr] .hero h1{font-size:clamp(38px,4vw,54px);line-height:1.18;letter-spacing:-1.3px}[dir=ltr] .hero p{font-size:16px;line-height:1.8}[dir=ltr] .hero-foot span:before{margin-left:0;margin-right:7px}[dir=ltr] .photo-tag{right:auto;left:-25px;border-right:0;border-left:4px solid var(--orange)}[dir=ltr] .hero-photo{margin-right:0;margin-left:15px}[dir=ltr] .hero-photo>img{border-radius:6px 6px 6px 65px}[dir=ltr] .hero-photo:after{border-radius:6px 6px 6px 65px;inset:15px 15px -15px -15px}[dir=ltr] .card h3{font-size:23px;line-height:1.3}[dir=ltr] .num{left:auto;right:25px}[dir=ltr] .section-head h2{font-size:36px}[dir=ltr] .links{gap:17px;font-size:13px}[dir=ltr] .service-tags{font-size:10px}[dir=ltr] .service-cta h3{font-size:29px}[dir=ltr] .quote{border-right:0;border-left:4px solid var(--orange)}[dir=ltr] .whatsapp{left:auto;right:25px}
@media(max-width:1120px){.nav>.btn{display:none}.links{gap:14px}.brand-name b{font-size:21px}}@media(max-width:760px){.nav{gap:10px}.lang-switch{margin-inline-start:auto}.brand-name b{font-size:20px}.brand-name small{font-size:10px}.logo{width:75px}.hero-grid{gap:35px}.hero-photo{max-width:100%;margin-inline:0}[dir=ltr] .hero h1{font-size:43px}[dir=ltr] .section-head h2{font-size:31px}[dir=ltr] .hero-photo{margin-left:0}[dir=ltr] .photo-tag{left:-5px}.detail-grid{grid-template-columns:1fr}.footer-grid{gap:25px}}@media(max-width:380px){.brand-name b{font-size:17px}.brand-name small{font-size:9px}.logo{width:57px}.brand{gap:7px}.brand-name{padding-right:8px}.lang-switch{padding:5px 8px}.nav{gap:7px}.menu{padding:1px;font-size:23px}[dir=ltr] .brand-name b{font-size:17px}[dir=ltr] .brand-name{padding-left:8px}[dir=ltr] .brand-name small{font-size:8px}.hero h1{font-size:36px}.hero-foot{gap:9px}.actions .btn{padding:12px 17px}[dir=ltr] .hero h1{font-size:38px}}

.client-slider{display:grid;grid-template-columns:175px minmax(0,1fr);align-items:center;gap:40px}.client-heading>span{font-size:13px;color:#687681;line-height:1.6;display:block}.client-heading b{color:#253d50}.slider-controls{display:flex;gap:7px;margin-top:12px}.slider-controls button{border:1px solid #dce3e8;background:#fff;color:#284052;border-radius:4px;width:32px;height:30px;line-height:1;cursor:pointer}.slider-controls button:hover{background:#172735;color:#fff}.client-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;min-width:0;scroll-behavior:smooth}.client-track::-webkit-scrollbar{display:none}.client-logo{flex:0 0 calc((100% - 60px)/4);height:85px;display:grid;place-items:center;scroll-snap-align:start;border:1px solid #edf0f2;border-radius:6px;background:#fff}.client-logo img{width:100px;height:64px;object-fit:contain;filter:grayscale(1);opacity:.75;transition:.2s}.client-logo:hover img{filter:none;opacity:1}.partners{padding:26px 0}.client-track:focus-visible{outline:2px solid #bd5b2a;outline-offset:4px}@media(max-width:900px){.client-slider{grid-template-columns:150px minmax(0,1fr);gap:25px}.client-logo{flex-basis:calc((100% - 40px)/3)}}@media(max-width:640px){.client-slider{grid-template-columns:1fr;gap:15px}.client-heading{display:flex;justify-content:space-between;align-items:center}.client-heading>span{font-size:12px}.slider-controls{margin-top:0}.client-logo{flex-basis:calc((100% - 15px)/2)}.client-track{gap:15px}.client-logo img{width:95px;height:55px}.client-logo{height:75px}}@media(prefers-reduced-motion:reduce){.client-track{scroll-behavior:auto}}

@media(max-width:480px){[dir=ltr] .nav{gap:8px}[dir=ltr] .brand{gap:8px}[dir=ltr] .logo{width:60px}[dir=ltr] .brand-name{padding-left:9px}[dir=ltr] .brand-name b{font-size:18px}[dir=ltr] .brand-name small{font-size:8px}[dir=ltr] .menu{padding:2px;font-size:25px}[dir=ltr] .lang-switch{padding:6px 8px;font-size:11px}}
@media(max-width:360px){[dir=ltr] .brand-name b{font-size:16px}[dir=ltr] .brand-name small{font-size:7px}[dir=ltr] .logo{width:49px}[dir=ltr] .brand-name{padding-left:7px}[dir=ltr] .brand{gap:7px}[dir=ltr] .nav{gap:6px}[dir=ltr] .lang-switch{font-size:10px;padding:5px 7px}[dir=ltr] .menu{font-size:23px;padding:1px}.top{font-size:9px}}
