@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+Arabic:wght@400;500;600;700;800&display=swap');
:root{--blue:#2145ee;--ink:#11172c;--paper:#f8f9fc;--line:#dce0e8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}header{height:105px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-family:Manrope,sans-serif;font-weight:800;font-size:30px;letter-spacing:-1.5px;white-space:nowrap}.brand span{font-size:12px;vertical-align:top;display:inline-block;margin:5px 0 0 5px;letter-spacing:0}nav{display:flex;align-items:center;gap:38px;font-size:15px}nav button{border:1px solid var(--line);border-radius:50px;background:transparent;padding:11px 18px;cursor:pointer}nav a:hover{color:var(--blue)}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:690px;padding:38px 3% 40px 5%;gap:15px}.hero-copy{padding:38px 0}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.8px;margin:0 0 33px}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:clamp(60px,6.6vw,103px);line-height:1.03;letter-spacing:-6px;font-weight:600;margin:0 0 28px}h1 em{font-style:normal;color:var(--blue)}.intro{font-size:18px;line-height:1.6;max-width:375px;color:#52596b}.pill{display:inline-flex;align-items:center;gap:32px;background:var(--blue);color:white;padding:17px 23px;border-radius:50px;margin-top:18px;font-size:15px}.pill:hover{background:#142faf}.hero-art{position:relative;background:#e8edf5;border-radius:7px;overflow:hidden;min-height:570px}.hero-art img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:66% center;top:0;left:0}.art-caption,.art-index{position:absolute;z-index:2;font-size:11px;letter-spacing:1.5px;font-weight:700}.art-caption{top:24px;left:25px;right:25px;display:flex;justify-content:space-between}.art-index{bottom:25px;left:25px}.art-placeholder{height:100%;display:flex;align-items:center;justify-content:center;background:var(--blue);color:#fff;font-size:70px;letter-spacing:-4px;font-family:Manrope,sans-serif;font-weight:800}.ribbon{background:var(--blue);color:white;padding:29px 5%;display:flex;justify-content:space-between;gap:22px;align-items:center;font-size:20px}.ribbon i{font-style:normal;font-size:30px;font-weight:400}.approach{padding:115px 6%;display:grid;grid-template-columns:1fr 2fr;gap:40px}.approach .eyebrow{padding-top:10px}h2{font-size:clamp(34px,4vw,58px);letter-spacing:-2.7px;line-height:1.16;font-weight:500;margin:0}.approach p:not(.eyebrow){max-width:550px;font-size:18px;line-height:1.75;color:#596071;margin-top:30px}.expertise{padding:0 6% 100px}.section-top{border-top:1px solid var(--line);padding-top:42px;display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:45px}.section-top h2{width:66.6%;font-size:43px}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.services article{padding:32px;border:1px solid var(--line);margin-inline-end:-1px;min-height:345px;display:flex;flex-direction:column;background:white}.number{font-size:14px;color:var(--blue);font-weight:700;margin-bottom:40px}h3{font-size:25px;letter-spacing:-.8px;font-weight:600;margin:0 0 15px}.services p{font-size:16px;color:#596071;line-height:1.6;margin:0 0 35px}.tag{font-size:11px;letter-spacing:1.2px;margin-top:auto}.closing{background:var(--blue);color:white;text-align:center;padding:80px 25px 95px}.closing h2{font-size:clamp(46px,6vw,84px);letter-spacing:-4px}.closing p:last-child{font-size:18px;margin-top:28px;color:#dbe1ff}footer{padding:40px 5%;display:flex;justify-content:space-between;align-items:center;gap:25px}footer p,footer>span{font-size:14px;color:#596071}[dir=rtl] body{font-family:'Noto Sans Arabic',sans-serif}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{font-family:'Noto Sans Arabic',sans-serif;letter-spacing:-1px;line-height:1.45}[dir=rtl] h1{font-size:clamp(48px,5.8vw,80px)}[dir=rtl] .eyebrow,[dir=rtl] .tag{letter-spacing:0}[dir=rtl] .hero{padding:38px 5% 40px 3%}[dir=rtl] .brand{direction:ltr}a:focus-visible,button:focus-visible{outline:3px solid #ffb800;outline-offset:5px}@media(max-width:760px){header{height:82px;padding:0 6%}.brand{font-size:25px}nav{gap:15px}nav a{display:none}.hero{display:flex;flex-direction:column;padding:20px 6% 25px!important;gap:20px}.hero-copy{padding:20px 0}.eyebrow{font-size:11px;margin-bottom:25px}h1{font-size:62px;letter-spacing:-3.8px}.intro{font-size:17px}.hero-art{min-height:400px}.ribbon{font-size:14px;padding:22px 6%;gap:12px;flex-wrap:wrap;justify-content:center}.ribbon i{font-size:20px}.ribbon i:last-of-type{display:none}.approach{padding:65px 6%;display:block}.approach h2{font-size:35px;letter-spacing:-1.7px}.approach p:not(.eyebrow){font-size:16px}.section-top{display:block}.section-top h2{width:100%;font-size:36px}.services{grid-template-columns:1fr}.services article{min-height:285px;padding:27px;margin-bottom:-1px}.number{margin-bottom:25px}.expertise{padding-bottom:65px}.closing h2{letter-spacing:-2px}.closing{padding:65px 6%}footer{align-items:flex-start;flex-direction:column;padding:32px 6%;gap:10px}footer p{margin:0}[dir=rtl] h1{font-size:51px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}