:root{--navy:#1d376d;--navy-deep:#142a59;--ink:#243858;--sand:#f0f3f8;--paper:#fbfbfd;--line:#d7dfeb;--accent:#4168ad;--accent-light:#b8cdf3;--white:#fff;--shell:1360px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:86px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;-webkit-font-smoothing:antialiased}
html[lang="ar"] body{font-family:"IBM Plex Sans Arabic",Tahoma,sans-serif}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,a,summary{-webkit-tap-highlight-color:transparent}
a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
.skip-link{position:absolute;inset-block-start:-80px;inset-inline-start:20px;z-index:99;background:var(--navy);color:#fff;padding:12px 18px}
.skip-link:focus{inset-block-start:10px}
.shell{width:min(calc(100% - 96px),var(--shell));margin-inline:auto}
.site-header{height:92px;background:var(--paper);border-bottom:1px solid #e3e8f1;position:relative;z-index:10}
.header-inner{height:100%;display:flex;align-items:center;gap:36px}
.brand{display:flex;align-items:center;gap:9px;flex:none;line-height:1;min-width:238px}
.brand-mark{width:50px;height:43px;display:block;overflow:hidden;flex:none}
.brand-mark img{display:block;width:50px;height:50px;max-width:none;transform:translateY(-9px)}
.brand-copy{display:flex;flex-direction:column}
.brand-name{font-size:30px;letter-spacing:-.095em;font-weight:700;line-height:.9;color:var(--navy)}
.brand-period,.footer-brand span{color:var(--accent)}
.brand-descriptor{font-size:8px;font-weight:700;letter-spacing:.16em;margin-top:8px;color:#7081a3}
html[lang="ar"] .brand-name{font-size:34px;letter-spacing:-.06em}
html[lang="ar"] .brand-descriptor{font-size:11px;letter-spacing:0;margin-top:4px}
.desktop-nav{display:flex;align-items:center;gap:clamp(18px,2.5vw,39px);margin-inline:auto}
.desktop-nav a,.language-link{font-size:13px;font-weight:600;white-space:nowrap;transition:color .2s ease}
.desktop-nav a:hover,.language-link:hover,.text-link:hover{color:var(--accent)}
.header-actions{display:flex;align-items:center;gap:28px}
.language-link{border-bottom:1px solid currentColor;padding-bottom:2px}
.header-contact{background:var(--navy);color:var(--white);padding:13px 22px;font-size:13px;font-weight:700;white-space:nowrap;transition:background .2s ease}
.header-contact:hover,.button-dark:hover{background:#33559b}
.mobile-menu{display:none}
.hero{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);min-height:646px;padding-block:34px 30px;gap:clamp(28px,4vw,66px)}
.hero-copy{display:flex;flex-direction:column;align-items:flex-start;padding-block:clamp(48px,6vw,90px) 15px}
.eyebrow,.section-index{display:inline-flex;align-items:center;gap:12px;font-size:11px;line-height:1.3;font-weight:700;letter-spacing:.18em;color:var(--accent);text-transform:uppercase}
.eyebrow-line{display:inline-block;width:27px;height:1px;background:var(--accent)}
h1,h2,h3,p,figure{margin:0}
h1{font-size:clamp(58px,6vw,96px);line-height:1.04;font-weight:500;letter-spacing:-.075em;color:var(--navy);margin-top:38px}
h1 em,h2 em{font-style:normal;color:var(--accent);font-weight:500}
.hero-copy>p{font-size:17px;line-height:1.75;max-width:510px;color:#5c6981;margin-top:32px}
.hero-actions{display:flex;align-items:center;gap:31px;flex-wrap:wrap;margin-top:32px}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:54px;padding:15px 22px;font-size:13px;font-weight:700;transition:background .2s ease,transform .2s ease}
.button:hover{transform:translateY(-2px)}
.button span{font-size:19px;font-weight:400;line-height:1}
.button-dark{background:var(--navy);color:#fff}
.text-link{font-size:13px;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:4px;transition:color .2s ease}
.hero-note{display:flex;justify-content:space-between;width:min(100%,480px);margin-top:auto;padding-top:54px;font-size:10px;font-weight:700;letter-spacing:.16em;color:#8794aa}
.hero-image{position:relative;overflow:hidden;min-height:570px;background:#c8c0b2}
.hero-image img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center 58%}
.hero-image:after{content:"";position:absolute;inset:60% 0 0;background:linear-gradient(transparent,rgba(6,26,34,.58))}
.hero-image figcaption{position:absolute;z-index:1;inset-inline:26px;inset-block-end:22px;display:flex;justify-content:space-between;gap:12px;color:#fff;font-size:10px;font-weight:700;letter-spacing:.14em}
.section-pad{padding-block:112px 120px}
.services-section{background:var(--sand)}
.section-heading{display:flex;justify-content:space-between;gap:50px;align-items:end;padding-bottom:53px}
h2{font-size:clamp(44px,4.5vw,66px);line-height:1.13;letter-spacing:-.06em;font-weight:500;color:var(--navy);margin-top:25px}
.section-heading>p{font-size:16px;line-height:1.7;color:#66748a;max-width:310px;margin-bottom:7px}
.service-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:76px}
.service-item{display:grid;grid-template-columns:47px minmax(0,1fr);gap:18px;border-top:1px solid #d2dbe8;padding-block:25px 29px;min-height:160px}
.service-item:nth-last-child(1){grid-column:1/-1;border-bottom:1px solid #d2dbe8;grid-template-columns:47px minmax(0,570px)}
.service-number{color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.08em;padding-top:6px}
.service-item h3{font-weight:600;letter-spacing:-.025em;font-size:21px;line-height:1.35;color:var(--navy)}
.service-item p{font-size:15px;line-height:1.7;color:#647187;margin-top:10px;max-width:450px}
.approach-section{display:grid;grid-template-columns:1fr 1fr;background:var(--navy);color:#e8eef9;min-height:720px}
.approach-image{min-height:720px;overflow:hidden}
.approach-image img{width:100%;height:100%;object-fit:cover;object-position:center 58%}
.approach-content{padding:clamp(65px,8vw,114px) clamp(45px,7vw,112px) 75px;max-width:780px}
.section-index.light{color:var(--accent-light)}
.approach-content h2,.contact-section h2{color:#fff}
.approach-content h2 em,.contact-section h2 em{color:var(--accent-light)}
.approach-intro{font-size:17px;line-height:1.75;color:#d0dbef;margin-top:30px;max-width:530px}
.values-list{margin-top:48px;display:grid;grid-template-columns:1fr 1fr;column-gap:30px}
.values-list>div{display:grid;grid-template-columns:26px 1fr;gap:11px;border-top:1px solid #526a9d;padding-block:20px 21px}
.values-list>div>span{font-size:10px;font-weight:700;color:var(--accent-light);padding-top:4px}
.values-list h3{font-size:16px;font-weight:600;color:#fff}
.values-list p{font-size:13px;line-height:1.6;margin-top:5px;color:#c0cde5}
.business-section{background:var(--paper)}
.business-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(60px,10vw,160px);align-items:start}
.business-copy{padding-top:45px}
.business-copy>p{font-size:17px;line-height:1.75;color:#647187;max-width:480px;margin-top:30px}
.business-link{display:inline-block;margin-top:33px}
.business-link span{margin-inline-start:16px;font-size:18px;font-weight:400}
.business-detail{position:relative;padding-inline-end:52px;padding-bottom:72px}
.business-photo{height:465px;overflow:hidden;background:#b7a88f}
.business-photo img{width:100%;height:100%;object-fit:cover;object-position:center 48%}
.business-services{background:var(--sand);padding:22px 29px;position:absolute;inset-inline-end:0;inset-block-end:0;width:min(390px,80%);border-inline-start:3px solid var(--accent)}
.business-services>span{color:var(--accent);font-size:10px;font-weight:700;letter-spacing:.13em}
.business-services p{font-size:14px;line-height:1.75;color:var(--ink);margin-top:10px}
.contact-section{background:var(--navy-deep);padding-block:105px 110px;color:#d6e0f2}
.contact-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(50px,10vw,150px)}
.contact-section h2{margin-top:25px}
.contact-section .contact-grid>div:first-child>p{font-size:17px;line-height:1.7;color:#c3d0e7;margin-top:26px;max-width:450px}
.button-light{background:var(--sand);color:var(--navy);margin-top:33px}
.button-light:hover{background:#e3e9f4}
.contact-details{border-top:1px solid #4b6393}
.contact-details>div{padding-block:23px 26px;border-bottom:1px solid #4b6393;display:grid;grid-template-columns:115px 1fr;gap:16px;align-items:start}
.contact-details>div>span{font-size:10px;font-weight:700;letter-spacing:.15em;color:var(--accent-light);padding-top:8px}
.contact-details a,.contact-details p{font-size:17px;line-height:1.7;color:#fff;display:block;grid-column:2}
.contact-details a:hover{text-decoration:underline;text-decoration-color:var(--accent-light);text-underline-offset:4px}
.contact-details>div>span+ a{grid-row:1}
.contact-details>div>a:nth-of-type(2){grid-row:2}
.site-footer{background:#edf1f8;color:#4a5e84;padding-block:12px;border-top:1px solid #dce4f0}
.footer-inner{display:flex;align-items:center;gap:30px}
.footer-logo{width:120px;height:92px;display:block;overflow:hidden;flex:none;position:relative}
.footer-logo img{display:block;width:120px;height:120px;max-width:none;transform:translateY(-13px)}
.site-footer p{font-size:11px;line-height:1.5;border-inline-start:1px solid #bac9df;padding-inline-start:25px}
.site-footer .footer-inner>span{font-size:11px;margin-inline:auto;letter-spacing:.04em}
.back-top{font-size:11px;border-bottom:1px solid #7990b7;padding-bottom:3px;white-space:nowrap}
html[lang="ar"] .eyebrow,html[lang="ar"] .section-index,html[lang="ar"] .brand-descriptor,html[lang="ar"] .hero-note,html[lang="ar"] .hero-image figcaption,html[lang="ar"] .business-services>span,html[lang="ar"] .contact-details>div>span{letter-spacing:0}
html[lang="ar"] h1,html[lang="ar"] h2{letter-spacing:-.045em}
html[lang="ar"] h1{line-height:1.18}
html[lang="ar"] h2{line-height:1.25}
html[lang="ar"] .service-item h3{letter-spacing:0}
html[lang="ar"] .approach-image{order:2}
html[lang="ar"] .approach-content{order:1;margin-inline-start:auto}
html[lang="ar"] .button span,html[lang="ar"] .business-link span{display:inline-block;transform:scaleX(-1)}
html[lang="ar"] .contact-details a[dir="ltr"]{justify-self:start}
@media(max-width:1100px){.shell{width:min(calc(100% - 60px),var(--shell))}.brand{min-width:182px}.brand-name{font-size:27px}.brand-descriptor{font-size:7.5px}.desktop-nav{gap:18px}.header-inner{gap:18px}.header-actions{gap:14px}.header-contact{padding:12px 15px}.hero{min-height:600px;gap:28px}.hero-copy{padding-block:65px 10px}.hero-image{min-height:540px}.service-list{column-gap:42px}.approach-content{padding-inline:55px}}
@media(max-width:850px){.site-header{height:76px}.desktop-nav,.header-actions{display:none}.brand{margin-inline-end:auto}.mobile-menu{display:block;position:relative}.mobile-menu summary{width:44px;height:44px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;cursor:pointer;list-style:none}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary span{display:block;width:22px;height:2px;background:var(--navy)}.mobile-menu nav{position:absolute;inset-inline-end:0;top:52px;width:min(310px,calc(100vw - 40px));background:var(--paper);box-shadow:0 18px 40px #1d376d26;padding:15px 23px 20px;display:flex;flex-direction:column;z-index:12}.mobile-menu nav a{font-size:16px;font-weight:600;padding:13px 0;border-bottom:1px solid var(--line)}.hero{min-height:auto;grid-template-columns:1fr 1fr;gap:26px}.hero-copy{padding-block:52px 6px}.hero-image{min-height:480px}h1{font-size:clamp(52px,7vw,72px)}.hero-copy>p{font-size:15px;margin-top:25px}.hero-note{padding-top:38px}.section-pad{padding-block:80px}.approach-section{min-height:auto}.approach-image{min-height:620px}.approach-content{padding:70px 42px}.values-list{grid-template-columns:1fr;margin-top:30px}.values-list>div{padding-block:13px}.business-grid{gap:35px}.business-detail{padding-inline-end:24px}.business-photo{height:430px}.contact-grid{gap:50px}}
@media(max-width:640px){html{scroll-padding-top:74px}.shell{width:calc(100% - 38px)}.site-header{height:72px}.brand-name{font-size:26px}.brand-descriptor{font-size:7px}.hero{display:flex;flex-direction:column;padding-block:0 26px;gap:30px}.hero-copy{padding-block:61px 0}.eyebrow,.section-index{font-size:10px}.eyebrow-line{width:20px}h1{font-size:clamp(55px,14vw,76px);margin-top:29px}.hero-copy>p{font-size:16px;line-height:1.7;margin-top:23px}.hero-actions{gap:21px;margin-top:27px}.button{min-height:52px}.hero-note{display:none}.hero-image{min-height:0;height:420px}.hero-image figcaption{inset-inline:17px;inset-block-end:17px;font-size:9px}.section-pad{padding-block:77px 82px}.section-heading{display:block;padding-bottom:36px}.section-heading>p{margin-top:24px;font-size:15px}h2{font-size:clamp(43px,10vw,57px);margin-top:20px}.service-list{display:block}.service-item,.service-item:nth-last-child(1){grid-template-columns:32px 1fr;gap:12px;min-height:auto;padding-block:20px 23px}.service-item h3{font-size:19px}.service-item p{font-size:14px;margin-top:8px}.approach-section{display:flex;flex-direction:column}.approach-image{min-height:0;height:330px}.approach-content{padding:72px 19px 69px;width:100%}.approach-intro{font-size:16px;margin-top:24px}.values-list{grid-template-columns:1fr}.values-list h3{font-size:15px}.business-grid{display:flex;flex-direction:column;gap:45px}.business-copy{padding-top:0}.business-copy>p{font-size:16px;margin-top:23px}.business-detail{width:100%;padding-inline-end:21px;padding-bottom:67px}.business-photo{height:420px}.business-services{width:min(340px,87%);padding:19px 21px}.contact-section{padding-block:76px 80px}.contact-grid{display:flex;flex-direction:column;gap:58px}.contact-section .contact-grid>div:first-child>p{font-size:16px}.contact-details>div{grid-template-columns:90px 1fr;gap:12px}.contact-details a,.contact-details p{font-size:15px}.site-footer{padding-block:30px}.footer-inner{display:grid;grid-template-columns:1fr auto;gap:18px}.site-footer p{grid-column:1;grid-row:2;border:0;padding:0}.site-footer .footer-inner>span{margin:0;grid-column:2;grid-row:1;font-size:10px;text-align:end}.back-top{grid-column:2;grid-row:2;align-self:end}}
@media(max-width:380px){.hero-actions{align-items:flex-start;flex-direction:column}.hero-image{height:350px}.hero-image figcaption{display:block}.hero-image figcaption span{display:block;margin-top:4px}.contact-details>div{grid-template-columns:1fr;gap:6px}.contact-details a,.contact-details p{grid-column:1}.contact-details>div>span+ a,.contact-details>div>a:nth-of-type(2){grid-row:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.desktop-nav a,.language-link,.text-link,.header-contact{transition:none}}