/* LDX Our Experts — navy hero, light grid, green slanted panels */
:root{--navy:#0F194E;--navy2:#3A4680;--ink:#0A1236;--green:#48B15C;--green2:#7BD48A;--panel:#F7F8F8;--bg:#EEF1F8;--ln:#DDE2F1;--ease:cubic-bezier(.2,.8,.2,1)}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body.x{margin:0;background:var(--bg);color:var(--navy);font-family:'IBM Plex Sans Arabic',system-ui,sans-serif;font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:clip}
.x img{max-width:100%;display:block}
.x a{color:inherit;text-decoration:none}
.x h1,.x h2{margin:0;line-height:1.3}
.x p{margin:0}
.x-wrap{width:min(1240px,100% - 40px);margin-inline:auto;position:relative}

/* hero: original LDX artwork, text re-set in brand type */
.x-hero{position:relative;background:#0F194E;overflow:hidden;display:flex;align-items:center;min-height:clamp(340px,54.5vw,720px)}
.x-hero picture,.x-hero img{position:absolute;inset:0;width:100%;height:100%}
.x-hero img{object-fit:cover;object-position:center}
.x-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(270deg,rgba(15,25,78,.55) 0%,rgba(15,25,78,.15) 45%,transparent 70%)}
.x-hero::after{content:"";position:absolute;inset:auto 0 0;height:22%;background:linear-gradient(0deg,var(--bg),transparent);pointer-events:none}
.x-hero__txt{z-index:1;color:#fff;padding-bottom:4vw}
.x-hero h1{font-size:clamp(40px,6.4vw,92px);font-weight:700;line-height:1.12;letter-spacing:-.01em}
.x-hero p{margin-top:clamp(14px,1.6vw,24px);max-width:520px;font-size:clamp(16px,1.75vw,25px);font-weight:400;line-height:1.6;color:#E6E9F7}
@media (max-width:640px){
	.x-hero{min-height:0;aspect-ratio:2/3;align-items:flex-end}
	.x-hero::before{background:linear-gradient(0deg,rgba(15,25,78,.9) 22%,rgba(15,25,78,.3) 62%,transparent)}
	.x-hero::after{height:9%}
	.x-hero__txt{padding-bottom:80px;text-align:center}
	.x-hero p{text-shadow:0 1px 12px rgba(15,25,78,.6)}
	.x-hero p{margin-inline:auto}
}

.x-team{position:relative;margin-top:clamp(-50px,-3vw,-20px);padding-bottom:clamp(70px,8vw,110px);z-index:2}

/* grid + cards */
.x-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(18px,2.2vw,30px)}
.x-card{position:relative;background:#fff;border-radius:22px;padding:0 0 22px;box-shadow:0 1px 0 var(--ln),0 18px 40px -30px rgba(15,25,78,.5);display:flex;flex-direction:column;opacity:0;transform:translateY(26px);transition:opacity .7s var(--ease) var(--d),transform .7s var(--ease) var(--d),filter .4s,box-shadow .4s}
.x-card.is-in{opacity:1;transform:none}
.x-card.is-dim{opacity:.28;filter:grayscale(1)}
.x-photo{position:relative;aspect-ratio:540/514;margin-top:18px}
.x-panel{position:absolute;inset:16% 16px 0;background:var(--panel);clip-path:polygon(0 8%,100% 0,100% 100%,0 100%);transition:clip-path .5s var(--ease)}
.x-panel::before,.x-panel::after{content:"";position:absolute;background:var(--green);transition:transform .5s var(--ease)}
.x-panel::before{right:0;top:0;width:34%;height:5px;transform-origin:right}
.x-panel::after{left:0;bottom:0;width:5px;height:58%;transform-origin:bottom}
.x-photo img{position:relative;width:calc(100% - 32px);margin:0 auto;height:100%;object-fit:contain;object-position:bottom;transition:transform .6s var(--ease);transform-origin:bottom center}
.x-body{padding:0 22px;text-align:center;display:flex;flex-direction:column;align-items:center;flex:1}
.x-body::before{content:"";width:calc(100% + 12px);height:5px;background:var(--green);border-radius:0 0 4px 4px;margin:0 -6px 18px}
.x-body h2{font-size:19px;font-weight:700;color:var(--navy)}
.x-body p{margin-top:8px;font-size:14.5px;line-height:1.75;color:var(--navy2);min-height:0}
.x-body{padding-bottom:4px}
.x-ask{margin-top:auto;padding-top:16px;display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--navy)}
.x-ask svg{width:18px;height:18px;fill:none;stroke:var(--green);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s var(--ease)}
.x-ask:hover{color:var(--green)}
.x-ask:hover svg{transform:translateX(-4px)}
@media (hover:hover){
	.x-card:hover{box-shadow:0 1px 0 var(--ln),0 30px 60px -30px rgba(15,25,78,.55)}
	.x-card:hover .x-photo img{transform:scale(1.04)}
	.x-card:hover .x-panel{clip-path:polygon(0 0,100% 8%,100% 100%,0 100%)}
	.x-card:hover .x-panel::before{transform:scaleX(2.2)}
	.x-card:hover .x-panel::after{transform:scaleY(1.5)}
}

/* cta */
.x-cta{padding:0 0 clamp(70px,8vw,110px)}
.x-cta__in{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;background:linear-gradient(135deg,#0F194E,#16236A);color:#fff;border-radius:28px;padding:clamp(30px,4vw,52px);overflow:hidden}
.x-cta__in::before{content:"";position:absolute;width:340px;height:340px;left:-80px;top:-140px;border-radius:50%;background:radial-gradient(circle,rgba(72,177,92,.35),transparent 65%);pointer-events:none}
.x-cta h2{font-size:clamp(22px,2.6vw,32px);font-weight:700}
.x-cta p{margin-top:10px;color:#D6DBF2;max-width:560px}
.x-cta__btns{display:flex;gap:12px;flex-wrap:wrap;position:relative}
.x-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 26px;border-radius:999px;font-weight:600;font-size:16px;transition:transform .25s,background .25s}
.x-btn:hover{transform:translateY(-2px)}
.x-btn--green{background:var(--green);color:#fff}
.x-btn--green:hover{background:#3d9d50}
.x-btn--line{border:1px solid rgba(255,255,255,.35);color:#fff}
.x-btn--line:hover{background:rgba(255,255,255,.08)}

@media (max-width:1080px){.x-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:820px){.x-grid{grid-template-columns:repeat(2,1fr)}@media (max-width:520px){
	.x-grid{gap:14px}
	.x-card{border-radius:18px;padding-bottom:16px}
	.x-photo{margin-top:12px}
	.x-panel{inset:16% 8px 0}
	.x-photo img{width:calc(100% - 16px)}
	.x-body{padding:0 10px}
	.x-body h2{font-size:15.5px}
	.x-body p{font-size:13px;min-height:0}
		.x-ask{font-size:13px}
		}
@media (prefers-reduced-motion:reduce){.x-card{transition:none;opacity:1;transform:none}}