/* =========================================================
   v72 — Home: trust strip + "About" wall section
   ========================================================= */

/* ---------- Trust strip: floating glass bar with glowing icon knobs ---------- */
body .trust-strip{position:relative;z-index:5;background:transparent!important;border:0!important;margin:-58px 0 -80px;padding:0}
body .trust-strip .trust-grid{position:relative;overflow:hidden;border-radius:22px;padding:22px 26px!important;gap:0!important;
  background:
    repeating-linear-gradient(90deg,rgba(95,196,244,.07) 0 1px,transparent 1px 28px),
    linear-gradient(115deg,#062d4e 0%,#073d68 50%,#052a49 100%);
  border:1px solid rgba(120,200,240,.28);
  box-shadow:0 24px 50px -18px rgba(0,20,40,0.39),inset 0 1px 0 rgba(255,255,255,0.072)}
body .trust-strip .trust-grid::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,transparent,#F9C721 20%,#fff 50%,#F9C721 80%,transparent)}
body .trust-strip .trust-item{position:relative;display:flex;align-items:center;gap:16px;padding:10px 22px!important;border:0!important;transition:transform .25s ease}
body .trust-strip .trust-item+.trust-item::before{content:"";position:absolute;inset-inline-start:0;top:14%;bottom:14%;width:1px;background:linear-gradient(180deg,transparent,rgba(249,199,33,.7),transparent)}
body .trust-strip .trust-item:hover{transform:translateY(-3px)}
body .trust-strip .trust-icon{flex:none;width:60px!important;height:60px!important;border-radius:50%!important;display:grid!important;place-items:center;border:0!important;
  background:radial-gradient(circle at 35% 30%,#fff 0%,#eef3f7 60%,#d5dee6 100%)!important;color:#006697!important;
  box-shadow:0 0 0 6px rgba(249,199,33,0.132),0 0 22px rgba(249,199,33,0.21),0 6px 14px rgba(0,0,0,0.21)}
body .trust-strip .trust-icon svg{width:28px!important;height:28px!important;stroke:#006697!important}
body .trust-strip strong{display:block;white-space:nowrap;font-size:18px!important;font-weight:800!important;line-height:1.25;
  background:linear-gradient(90deg,#fff 0%,#fff 55%,#F9C721 100%);-webkit-background-clip:text;background-clip:text;color:transparent!important}
html[dir="rtl"] body .trust-strip strong{font-size:22px!important;background:linear-gradient(270deg,#fff 0%,#fff 55%,#F9C721 100%);-webkit-background-clip:text;background-clip:text}
body .trust-strip span{display:block;font-size:15px!important;color:#a9cde3!important;font-weight:600;margin-top:3px}
html[dir="rtl"] body .trust-strip span{font-size:16.5px!important}
@media (max-width:900px){
  body .trust-strip{margin:0;padding:16px 14px;background:#062d4e!important}
  body .trust-strip .trust-grid{grid-template-columns:1fr 1fr!important;padding:12px!important;row-gap:6px!important}
  body .trust-strip .trust-item{padding:10px!important;gap:10px}
  body .trust-strip .trust-item+.trust-item::before{display:none}
  body .trust-strip .trust-icon{width:46px!important;height:46px!important}
  body .trust-strip strong{font-size:16px!important}html[dir="rtl"] body .trust-strip strong{font-size:17px!important}
  body .trust-strip span{font-size:13px!important}
}

/* ---------- About: office photo is the background, live copy on the dark wall ---------- */
body .about-wall{position:relative;overflow:hidden;padding:0!important;background:#1d2733;min-height:720px;display:flex;align-items:center;isolation:isolate}
body .about-wall-bg{position:absolute;inset:0;z-index:-1;background:url("../assets/visuals/art/about-home.webp") 0% 42%/cover no-repeat}
body .about-wall-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,26,36,.35) 0%,rgba(18,26,36,.1) 42%,rgba(18,26,36,0) 55%)}
body .about-wall-inner{width:min(1240px,92%);margin:0 auto;padding:130px 0 70px}
body .about-wall-copy{width:min(560px,42vw);color:#fff;margin-inline-start:0}
html[dir="rtl"] body .about-wall-inner{direction:ltr}
html[dir="rtl"] body .about-wall-copy{direction:rtl;text-align:right}
body .about-wall-eyebrow{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin:0 0 14px;font-size:15px;letter-spacing:.25em;text-transform:uppercase;color:#e6edf2;font-weight:600}
html[dir="rtl"] body .about-wall-eyebrow{letter-spacing:0;font-size:19px}
body .about-wall-eyebrow i{width:46px;height:3px;background:#F9C721;border-radius:2px}
body .about-wall h2{margin:0 0 10px;font-size:68px;line-height:1.05;font-weight:800;color:#fff;letter-spacing:-.01em}
html[dir="rtl"] body .about-wall h2{font-size:64px;line-height:1.25}
body .about-wall-sub{margin:0 0 18px;font-size:24px;font-weight:600;color:#F9C721}
html[dir="rtl"] body .about-wall-sub{font-size:26px}
body .about-wall-text{margin:0 0 30px;font-size:18px;line-height:1.75;color:#dbe4ea}
html[dir="rtl"] body .about-wall-text{font-size:19.5px;line-height:1.95}
body .about-wall-pillars{list-style:none;margin:0 0 34px;padding:0;display:grid;grid-template-columns:repeat(4,1fr)}
body .about-wall-pillars li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:0 10px;font-size:14.5px;font-weight:600;line-height:1.35;color:#fff}
html[dir="rtl"] body .about-wall-pillars li{font-size:16px}
body .about-wall-pillars li+li{border-inline-start:1px solid rgba(255,255,255,.28)}
body .about-wall-pillars svg{width:40px;height:40px;fill:none;stroke:#F9C721;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:900px){
  body .about-wall{min-height:0;display:block}
  body .about-wall-bg{position:relative;inset:auto;height:260px;background-position:72% 40%}
  body .about-wall-inner{padding:30px 0 40px!important}
  body .about-wall-copy{width:auto}
  body .about-wall h2{font-size:44px}html[dir="rtl"] body .about-wall h2{font-size:42px}
  body .about-wall-pillars{grid-template-columns:1fr 1fr;row-gap:18px}
  body .about-wall-pillars li:nth-child(3){border:0}
}
body .hero{margin-bottom:0!important;border-bottom:0!important}
@media (max-width:900px){
  body .trust-strip .trust-grid{grid-template-columns:1fr!important}
  body .trust-strip strong{white-space:normal}
  body .trust-strip .trust-item{padding:8px 6px!important}
}
html[dir="rtl"] body .about-wall-eyebrow{text-transform:none}
/* v72b — 3D icons: glossy blue sphere with a gold 3D symbol */
body .trust-strip .trust-icon.trust-icon-3d{width:72px!important;height:72px!important;
  background:radial-gradient(circle at 32% 26%,#7fd3ff 0%,#1d8cc4 32%,#006697 60%,#00334f 100%)!important;
  box-shadow:inset 0 -6px 12px rgba(0,20,40,0.33),inset 0 4px 8px rgba(255,255,255,0.21),0 0 0 3px rgba(249,199,33,0.33),0 10px 20px rgba(0,0,0,0.27)!important;position:relative}
body .trust-strip .trust-icon.trust-icon-3d::after{content:"";position:absolute;left:18%;top:8%;width:46%;height:28%;border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,0))}
body .trust-strip .trust-icon .ic3d{width:46px!important;height:46px!important;stroke:none!important;position:relative;z-index:1}
body .trust-strip .trust-item:hover .trust-icon-3d{transform:rotate(-6deg) scale(1.06);transition:transform .25s}
@media (max-width:900px){body .trust-strip .trust-icon.trust-icon-3d{width:56px!important;height:56px!important}body .trust-strip .trust-icon .ic3d{width:36px!important;height:36px!important}}

/* About: Arabic uses the mirrored photo, copy sits on the wall on the right; English copy a bit further left */
html[dir="rtl"] body .about-wall-bg{background-image:url("../assets/visuals/art/about-home-ar.webp");background-position:100% 42%}
html[dir="rtl"] body .about-wall-bg::after{background:linear-gradient(270deg,rgba(18,26,36,.35) 0%,rgba(18,26,36,.1) 42%,rgba(18,26,36,0) 55%)}
html[dir="rtl"] body .about-wall-inner{direction:rtl}
html[dir="ltr"] body .about-wall-inner{width:auto;margin:0;padding-inline:clamp(28px,4.2vw,72px)}
html[dir="rtl"] body .about-wall-inner{width:auto;margin:0;padding-inline:clamp(28px,4.2vw,72px)}
html[dir="rtl"] body .about-wall-eyebrow{align-items:flex-start}
@media (max-width:900px){html[dir="rtl"] body .about-wall-bg{background-position:28% 40%}html[dir="ltr"] body .about-wall-inner,html[dir="rtl"] body .about-wall-inner{padding-inline:20px}}
@media (max-width:900px){body .about-wall .about-wall-inner{padding-inline:20px!important}}
@media (max-width:900px){body .trust-strip .trust-item{justify-content:flex-start!important;text-align:start}}

/* v72c — softer 3D icons */
body .trust-strip .trust-icon.trust-icon-3d{width:64px!important;height:64px!important;
  background:radial-gradient(circle at 40% 32%,#2a8fc4 0%,#0b6a9b 55%,#05486c 100%)!important;
  box-shadow:inset 0 -3px 6px rgba(0,20,40,0.21),inset 0 2px 4px rgba(255,255,255,0.108),0 0 0 2px rgba(249,199,33,0.27),0 6px 12px rgba(0,0,0,0.18)!important}
body .trust-strip .trust-icon.trust-icon-3d::after{opacity:.35}
body .trust-strip .trust-icon .ic3d{width:38px!important;height:38px!important;filter:saturate(.85)}
body .trust-strip .trust-item:hover .trust-icon-3d{transform:translateY(-2px)}

/* v72c — Arabic about copy: one consistent Somar Bold voice, sized like the English */
html[dir="rtl"] body .about-wall-copy *{font-family:"Somar Sans",Inter,"IBM Plex Sans Arabic",Tahoma,sans-serif!important}
html[dir="rtl"] body .about-wall-eyebrow{font-size:20px;font-weight:700;color:#fff}
html[dir="rtl"] body .about-wall h2{font-size:72px!important;font-weight:700!important;line-height:1.15!important;margin-bottom:8px}
html[dir="rtl"] body .about-wall-sub{font-size:28px!important;font-weight:700!important;margin-bottom:20px}
html[dir="rtl"] body .about-wall-text{font-size:22px!important;font-weight:700!important;line-height:1.85!important;color:#e3eaf0!important;max-width:540px}
html[dir="rtl"] body .about-wall-pillars li{font-size:18.5px!important;font-weight:700!important;line-height:1.5}
html[dir="rtl"] body .about-wall-pillars li span{font-weight:700!important}
@media (max-width:900px){html[dir="rtl"] body .about-wall h2{font-size:46px!important}html[dir="rtl"] body .about-wall-sub{font-size:22px!important}html[dir="rtl"] body .about-wall-text{font-size:17.5px!important}}

/* v72c — "Learn more about us" button: same size as the hero buttons */
body .about-wall .btn.btn-yellow{--pill-h:60px;font-size:17px!important;padding-inline:30px calc(var(--pill-h) + 26px)!important}
html[dir="rtl"] body .about-wall .btn.btn-yellow{font-size:20px!important;padding-inline:34px calc(var(--pill-h) + 34px)!important}

/* =========================================================
   v73 — "What we bring", "Who we work with", "Services" on photo backgrounds
   Solid white cards, brand blue + yellow accents.
   ========================================================= */
body #what-we-bring,body #who-we-work-with,body #services{position:relative;isolation:isolate;overflow:hidden;color:#fff;padding:96px 0!important;background:#04203a}
body #what-we-bring::before,body #who-we-work-with::before,body #services::before{content:"";position:absolute;inset:0;z-index:-2;background-position:center;background-size:cover;background-repeat:no-repeat}
body #what-we-bring::after,body #who-we-work-with::after,body #services::after{content:"";position:absolute;inset:0;z-index:-1}
body #what-we-bring::before{background-image:url("../assets/visuals/art/sec-bring.webp")}
body #who-we-work-with::before{background-image:url("../assets/visuals/art/sec-audience.webp")}
body #services::before{background-image:url("../assets/visuals/art/sec-services.webp")}
body #what-we-bring::after{background:linear-gradient(90deg,rgba(3,22,44,.92) 0%,rgba(4,32,60,.78) 45%,rgba(4,40,72,.55) 100%)}
html[dir="rtl"] body #what-we-bring::after{background:linear-gradient(270deg,rgba(3,22,44,.92) 0%,rgba(4,32,60,.78) 45%,rgba(4,40,72,.55) 100%)}
body #who-we-work-with::after{background:linear-gradient(180deg,rgba(3,22,44,.88),rgba(5,45,80,.72) 55%,rgba(3,22,44,.9))}
body #services::after{background:linear-gradient(180deg,rgba(3,22,44,.9),rgba(0,72,110,.68) 50%,rgba(3,22,44,.92))}
/* shared heads */
body :is(#what-we-bring,#who-we-work-with,#services) .eyebrow{color:#F9C721!important;font-size:16px!important;font-weight:800!important;letter-spacing:.14em;text-transform:uppercase;display:flex;align-items:center;gap:12px}
html[dir="rtl"] body :is(#what-we-bring,#who-we-work-with,#services) .eyebrow{font-size:20px!important;letter-spacing:0}
body :is(#what-we-bring,#who-we-work-with,#services) .eyebrow::before{content:"";width:40px;height:3px;border-radius:2px;background:#F9C721}
body :is(#what-we-bring,#who-we-work-with,#services) h2{color:#fff!important;font-size:48px!important;line-height:1.15!important;font-weight:800!important;margin:0 0 18px!important}
html[dir="rtl"] body :is(#what-we-bring,#who-we-work-with,#services) h2{font-size:52px!important;line-height:1.35!important}
body :is(#what-we-bring,#who-we-work-with,#services) .section-copy>p:not(.eyebrow),body #who-we-work-with .audience-intro{color:#d8e6ef!important;font-size:19px!important;line-height:1.75!important;font-weight:500}
html[dir="rtl"] body :is(#what-we-bring,#who-we-work-with) :is(.section-copy>p:not(.eyebrow),.audience-intro){font-size:21px!important;font-weight:700!important}
/* white cards (shared) */
body .bring-outcome-item,body .audience-item,body #services .service-card{background:#fff!important;border:0!important;border-radius:18px!important;box-shadow:0 18px 40px -16px rgba(0,10,25,0.39)!important;position:relative;transition:transform .25s ease,box-shadow .25s ease}
body .bring-outcome-item:hover,body .audience-item:hover,body #services .service-card:hover{transform:translateY(-5px);box-shadow:0 26px 48px -16px rgba(0,10,25,0.45)!important}

/* ---- 1 · What we bring ---- */
body #what-we-bring .split{align-items:center!important;gap:56px!important}
body #what-we-bring .section-copy .btn{margin-top:14px}
body .bring-outcome-list{display:grid!important;grid-template-columns:1fr 1fr!important;gap:18px!important}
body .bring-outcome-item{display:flex!important;flex-direction:column;gap:14px;padding:28px 26px 26px!important;overflow:hidden;min-height:0!important}
body .bring-outcome-item::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:5px;background:linear-gradient(180deg,#F9C721,#E8A90C)}
body .bring-outcome-item>span{width:52px!important;height:52px!important;border-radius:50%!important;display:grid!important;place-items:center;font-size:18px!important;font-weight:800!important;color:#fff!important;
  background:radial-gradient(circle at 35% 30%,#2fa4dc,#006697 70%)!important;box-shadow:0 6px 14px rgba(0,102,151,0.21);border:0!important;margin:0!important;font-family:Inter,Arial,sans-serif!important}
body .bring-outcome-item h3{color:#0b2a4a!important;font-size:21px!important;font-weight:800!important;margin:0 0 8px!important}
body .bring-outcome-item p{color:#3d5466!important;font-size:16px!important;line-height:1.65!important;margin:0!important}
html[dir="rtl"] body .bring-outcome-item h3{font-size:24px!important}
html[dir="rtl"] body .bring-outcome-item p{font-size:18px!important;font-weight:700!important;color:#41596b!important}

/* ---- 2 · Who we work with ---- */
body #who-we-work-with .section-head{text-align:center;justify-content:center;margin-bottom:44px!important}
body #who-we-work-with .section-head>div{max-width:820px;margin:0 auto}
body #who-we-work-with .eyebrow{justify-content:center}
body .audience-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:20px!important}
body .audience-item{display:flex!important;align-items:flex-start;gap:18px;padding:30px 26px!important;overflow:hidden}
body .audience-item::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#006697,#2fa4dc 60%,#F9C721)}
body .audience-num{flex:none;width:58px!important;height:52px!important;display:grid!important;place-items:center;font:800 18px/1 Inter,Arial,sans-serif!important;color:#0b2a4a!important;border-radius:0!important;
  background:linear-gradient(160deg,#FFE066,#F9C721 55%,#E8A90C)!important;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);box-shadow:none!important}
body .audience-item p{color:#2c4558!important;font-size:17px!important;line-height:1.7!important;font-weight:600!important;margin:0!important}
html[dir="rtl"] body .audience-item p{font-size:19px!important;font-weight:700!important}

/* ---- 3 · Services ---- */
body #services .section-head{display:flex!important;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:44px!important}
body #services .service-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:20px!important}
body #services .service-card{display:flex!important;flex-direction:column;padding:28px 24px 24px!important;text-decoration:none!important;color:inherit;min-height:270px}
body #services .svc-ic{width:64px!important;height:64px!important;border-radius:18px!important;display:grid!important;place-items:center;margin:0 0 18px!important;
  background:linear-gradient(150deg,#e8f4fb,#cfe7f4)!important;border:0!important;box-shadow:inset 0 0 0 1px rgba(0,102,151,0.072)}
body #services .svc-ic svg{width:32px;height:32px;fill:none;stroke:#006697;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body #services .service-card h3{color:#0b2a4a!important;font-size:19px!important;font-weight:800!important;line-height:1.35!important;margin:0 0 10px!important}
body #services .service-card p{color:#4a6072!important;font-size:15px!important;line-height:1.6!important;margin:0 0 18px!important}
html[dir="rtl"] body #services .service-card h3{font-size:22px!important}
html[dir="rtl"] body #services .service-card p{font-size:17px!important;font-weight:700!important}
body #services .svc-go{margin-top:auto;align-self:flex-end;width:40px;height:40px;border-radius:50%;background:#F9C721 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300324a' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h13M13 6l6 6-6 6'/%3E%3C/svg%3E") center/50% no-repeat;transition:transform .25s}
html[dir="rtl"] body #services .svc-go{transform:scaleX(-1)}
body #services .service-card:hover .svc-go{transform:translateX(4px)}
html[dir="rtl"] body #services .service-card:hover .svc-go{transform:scaleX(-1) translateX(4px)}
body #services .service-card:hover .svc-ic{background:linear-gradient(150deg,#006697,#2fa4dc)!important}
body #services .service-card:hover .svc-ic svg{stroke:#fff}

@media (max-width:1100px){body #services .service-grid{grid-template-columns:repeat(2,1fr)!important}body .audience-grid{grid-template-columns:repeat(2,1fr)!important}}
@media (max-width:900px){
  body #what-we-bring,body #who-we-work-with,body #services{padding:60px 0!important}
  body :is(#what-we-bring,#who-we-work-with,#services) h2{font-size:34px!important}html[dir="rtl"] body :is(#what-we-bring,#who-we-work-with,#services) h2{font-size:36px!important}
  body .bring-outcome-list,body .audience-grid,body #services .service-grid{grid-template-columns:1fr!important}
  body #services .section-head{flex-direction:column;align-items:flex-start}
  body #services .service-card{min-height:0}
}
body #what-we-bring,body #who-we-work-with,body #services{border:0!important;margin:0!important}body #what-we-bring+#who-we-work-with,body #who-we-work-with+#services{box-shadow:none}

/* =========================================================
   v73b — rhythm: dark → light → light, soft transitions, 3D service icons
   ========================================================= */
/* 1 · What we bring: dark but the picture shows */
body #what-we-bring{padding-bottom:70px!important;background:#06305a}
body #what-we-bring::after{background:linear-gradient(90deg,rgba(3,22,44,.86) 0%,rgba(4,32,60,.55) 48%,rgba(4,40,72,.25) 100%)!important}
html[dir="rtl"] body #what-we-bring::after{background:linear-gradient(270deg,rgba(3,22,44,.86) 0%,rgba(4,32,60,.55) 48%,rgba(4,40,72,.25) 100%)!important}
body .sec-wave{position:relative;z-index:2;height:90px;margin:-1px 0 -90px;line-height:0;pointer-events:none}
body .sec-wave svg{width:100%;height:100%;display:block}

/* 2 & 3 · light sections, picture as a faint watermark */
body #who-we-work-with,body #services{color:#0b2a4a!important}
body #who-we-work-with{background:linear-gradient(180deg,#f4f8fb 0%,#eef5fa 100%)!important;padding-top:140px!important}
body #services{background:linear-gradient(180deg,#eef5fa 0%,#e4eff7 100%)!important;padding-top:40px!important}
body #who-we-work-with::before,body #services::before{opacity:.11;filter:grayscale(.2) contrast(1.1)}
body #who-we-work-with::after,body #services::after{background:radial-gradient(70% 60% at 50% 40%,rgba(244,248,251,.55),rgba(244,248,251,0))!important}
body :is(#who-we-work-with,#services) h2{color:#0b2a4a!important}
body :is(#who-we-work-with,#services) .eyebrow{color:#006697!important}
body :is(#who-we-work-with,#services) .eyebrow::before{background:#F9C721}
body #who-we-work-with .audience-intro{color:#3d5466!important}
body .audience-item,body #services .service-card{box-shadow:0 14px 34px -14px rgba(0,60,100,0.168),0 0 0 1px rgba(0,102,151,0.048)!important}
body .audience-item:hover,body #services .service-card:hover{box-shadow:0 22px 44px -14px rgba(0,60,100,0.228),0 0 0 1px rgba(0,102,151,0.072)!important}

/* 3 · service cards: centred, 3D icon floating over the top edge, fuller type */
body #services .service-grid{row-gap:58px!important;margin-top:56px}
body #services .service-card{align-items:center;text-align:center;padding:62px 24px 26px!important;min-height:300px;overflow:visible}
body #services .svc-ic.svc-3d{position:absolute;top:-40px;left:50%;transform:translateX(-50%);width:80px!important;height:80px!important;margin:0!important;border-radius:50%!important;
  background:radial-gradient(circle at 40% 32%,#2a8fc4 0%,#0b6a9b 55%,#05486c 100%)!important;
  box-shadow:inset 0 -3px 6px rgba(0,20,40,0.21),inset 0 2px 4px rgba(255,255,255,0.12),0 0 0 4px #fff,0 0 0 6px rgba(249,199,33,0.33),0 10px 20px rgba(0,40,70,0.18)!important;transition:transform .25s}
body #services .svc-ic.svc-3d svg{width:50px!important;height:50px!important;stroke:none!important}
body #services .service-card:hover .svc-ic.svc-3d{transform:translateX(-50%) translateY(-4px);background:radial-gradient(circle at 40% 32%,#2a8fc4 0%,#0b6a9b 55%,#05486c 100%)!important}
body #services .service-card h3{font-size:20px!important;min-height:2.7em;display:flex;align-items:center;justify-content:center;margin:0 0 10px!important}
body #services .service-card p{font-size:16px!important;line-height:1.6!important;color:#41596b!important;font-weight:500;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:4.8em}
html[dir="rtl"] body #services .service-card h3{font-size:23px!important}
html[dir="rtl"] body #services .service-card p{font-size:18px!important;line-height:1.7!important;min-height:5.1em}
body #services .svc-go{align-self:center!important;width:44px;height:44px}
@media (max-width:900px){body #who-we-work-with{padding-top:110px!important}body #services .service-grid{row-gap:56px!important}body #services .service-card{min-height:0}}
body #who-we-work-with{background:#f2f7fb!important;padding-bottom:40px!important}
body #services{background:linear-gradient(180deg,#f2f7fb 0%,#e6f0f7 100%)!important}
body #who-we-work-with::before{-webkit-mask-image:linear-gradient(180deg,#000 70%,transparent);mask-image:linear-gradient(180deg,#000 70%,transparent)}
body #services::before{-webkit-mask-image:linear-gradient(180deg,transparent,#000 25%);mask-image:linear-gradient(180deg,transparent,#000 25%)}
body #services .section-head{margin-bottom:20px!important}
body #services .service-grid{margin-top:76px!important}
body #services .service-card p{-webkit-line-clamp:unset!important;display:block!important;overflow:visible!important}

/* =========================================================
   v73c — Services: mid-dark blue section with the photo visible, dark navy cards
   Who-we-work-with: bigger, centred card text
   ========================================================= */
body .sec-wave-up{margin:-89px 0 0;height:90px}
body #services{background:#0a4370!important;color:#fff!important;padding-top:70px!important}
body #services::before{opacity:1!important;filter:none!important;-webkit-mask-image:none!important;mask-image:none!important}
body #services::after{background:linear-gradient(180deg,rgba(10,67,112,.82) 0%,rgba(8,62,104,.6) 45%,rgba(8,55,95,.72) 100%)!important}
body #services h2{color:#fff!important}
body #services .eyebrow{color:#F9C721!important}
body #services .service-card{background:linear-gradient(165deg,rgba(6,38,70,.92),rgba(4,28,54,.95))!important;
  box-shadow:0 18px 36px -14px rgba(0,8,20,0.42),inset 0 0 0 1px rgba(120,200,240,0.132)!important;backdrop-filter:blur(4px)}
body #services .service-card:hover{box-shadow:0 24px 44px -14px rgba(0,8,20,0.48),inset 0 0 0 1px rgba(249,199,33,0.36)!important}
body #services .service-card h3{color:#fff!important}
body #services .service-card p{color:#bcd6e6!important}
body #services .svc-ic.svc-3d{box-shadow:inset 0 -3px 6px rgba(0,20,40,0.21),inset 0 2px 4px rgba(255,255,255,0.12),0 0 0 4px #062646,0 0 0 6px rgba(249,199,33,0.42),0 10px 20px rgba(0,0,0,0.24)!important}
body #who-we-work-with{padding-bottom:110px!important}

/* who we work with: centred, larger copy */
body .audience-item{flex-direction:column;align-items:center!important;text-align:center;gap:16px!important;padding:32px 26px 30px!important;min-height:200px;justify-content:center}
body .audience-num{width:60px!important;height:54px!important;font-size:19px!important}
body .audience-item p{font-size:19px!important;line-height:1.6!important;font-weight:700!important;color:#0b2a4a!important}
html[dir="rtl"] body .audience-item p{font-size:21px!important;line-height:1.75!important}
@media (max-width:900px){body .audience-item{min-height:0}body .audience-item p{font-size:17.5px!important}html[dir="rtl"] body .audience-item p{font-size:19px!important}}
/* v73d — services background two shades lighter */
body #services{background:#0f5a8f!important}
body #services::after{background:linear-gradient(180deg,rgba(15,90,143,.72) 0%,rgba(14,86,138,.48) 45%,rgba(12,78,128,.6) 100%)!important}

/* =========================================================
   v74 — about→bring wave, Shadow CEO banner inside services, approach section
   ========================================================= */
body .sec-wave-about{margin:-89px 0 0;height:90px}
body #what-we-bring{padding-top:80px!important}
body #what-we-bring::after{background:linear-gradient(180deg,#071f3a 0,rgba(7,31,58,0) 120px),linear-gradient(90deg,rgba(3,22,44,.86) 0%,rgba(4,32,60,.55) 48%,rgba(4,40,72,.25) 100%)!important}
html[dir="rtl"] body #what-we-bring::after{background:linear-gradient(180deg,#071f3a 0,rgba(7,31,58,0) 120px),linear-gradient(270deg,rgba(3,22,44,.86) 0%,rgba(4,32,60,.55) 48%,rgba(4,40,72,.25) 100%)!important}

/* Shadow CEO — wide banner under the 8 services */
body .svc-shadow{margin-top:34px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:34px;padding:30px 36px;border-radius:20px;position:relative;overflow:hidden;
  background:linear-gradient(110deg,rgba(4,18,32,.96) 0%,rgba(10,30,48,.94) 55%,rgba(40,32,10,.9) 100%);
  box-shadow:0 20px 40px -16px rgba(0,8,20,0.45),inset 0 0 0 1px rgba(249,199,33,0.27)}
body .svc-shadow::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(249,199,33,.05) 0 1px,transparent 1px 34px);pointer-events:none}
body .svc-shadow::after{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:6px;background:linear-gradient(180deg,#FFE066,#E8A90C)}
body .svc-shadow-logo{width:220px;display:flex;align-items:center;justify-content:center;padding-inline-end:30px;border-inline-end:1px solid rgba(249,199,33,.35);position:relative}
body .svc-shadow-logo img{width:100%;height:auto;display:block}
body .svc-shadow-copy{position:relative}
body .svc-shadow-tag{margin:0 0 6px;color:#F9C721;font-size:14px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
body .svc-shadow h3{margin:0 0 8px;color:#fff;font-size:26px;font-weight:800;line-height:1.3}
body .svc-shadow-copy p:last-child{margin:0;color:#c9d7e2;font-size:16.5px;line-height:1.65}
html[dir="rtl"] body .svc-shadow-tag{letter-spacing:0;font-size:16px}
html[dir="rtl"] body .svc-shadow h3{font-size:30px}
html[dir="rtl"] body .svc-shadow-copy p:last-child{font-size:19px;font-weight:700}
body .svc-shadow .btn{position:relative}
body #services{padding-bottom:120px!important}

/* wave services → approach */
body .sec-wave-down{margin:0 0 -90px;height:90px}
body .sec-wave-down path:first-child{fill:#0d5287}

/* approach — light, faint photo, 3D steps */
body #approach{position:relative;isolation:isolate;overflow:hidden;background:#f2f7fb!important;padding:150px 0 100px!important}
body #approach::before{content:"";position:absolute;inset:0;z-index:-2;background:url("../assets/visuals/art/sec-approach.webp") center/cover no-repeat;opacity:.13;filter:saturate(.9)}
body #approach::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 55% at 50% 35%,rgba(242,247,251,.75),rgba(242,247,251,.15))}
body #approach .section-head{text-align:center;justify-content:center;margin-bottom:56px!important}
body #approach .section-head>div{max-width:860px;margin:0 auto}
body #approach .eyebrow{color:#006697!important;font-size:16px!important;font-weight:800!important;letter-spacing:.14em;text-transform:uppercase;display:flex;justify-content:center;align-items:center;gap:12px}
body #approach .eyebrow::before{content:"";width:40px;height:3px;border-radius:2px;background:#F9C721}
html[dir="rtl"] body #approach .eyebrow{font-size:20px!important;letter-spacing:0}
body #approach h2{color:#0b2a4a!important;font-size:48px!important;font-weight:800!important;line-height:1.2!important;margin:0 0 18px!important}
html[dir="rtl"] body #approach h2{font-size:52px!important;line-height:1.35!important}
body #approach .approach-intro{color:#3d5466!important;font-size:19px!important;line-height:1.75!important}
html[dir="rtl"] body #approach .approach-intro{font-size:21px!important;font-weight:700!important}
body #approach .process-grid{display:flex!important;align-items:flex-start;justify-content:space-between;gap:0}
body #approach .process-step{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff;border-radius:20px;padding:58px 18px 28px;margin-top:44px;position:relative;
  box-shadow:0 14px 34px -14px rgba(0,60,100,0.168),0 0 0 1px rgba(0,102,151,0.048);transition:transform .25s}
body #approach .process-step:hover{transform:translateY(-5px)}
body #approach .process-circle.p3d{position:absolute;top:-44px;left:50%;transform:translateX(-50%);width:88px!important;height:88px!important;border-radius:50%;display:grid;place-items:center;border:0!important;
  background:radial-gradient(circle at 40% 32%,#2a8fc4 0%,#0b6a9b 55%,#05486c 100%)!important;
  box-shadow:inset 0 -3px 6px rgba(0,20,40,0.21),inset 0 2px 4px rgba(255,255,255,0.12),0 0 0 4px #fff,0 0 0 6px rgba(249,199,33,0.36),0 10px 20px rgba(0,40,70,0.18)!important}
body #approach .process-circle.p3d svg{width:54px;height:54px}
body #approach .process-step>span{display:inline-block;margin:0 0 8px;padding:3px 14px;border-radius:999px;background:#FFF4C2;color:#9a6a00;font:800 15px/1.4 Inter,Arial,sans-serif}
body #approach .process-step h3{margin:0;color:#0b2a4a!important;font-size:21px!important;font-weight:800!important;line-height:1.35}
html[dir="rtl"] body #approach .process-step h3{font-size:24px!important}
body #approach .process-line{flex:0 0 46px;align-self:center;height:3px;margin-top:44px;background:repeating-linear-gradient(90deg,#F9C721 0 8px,transparent 8px 14px);border:0!important}
@media (max-width:900px){
  body .svc-shadow{grid-template-columns:1fr;text-align:center;justify-items:center;padding:26px 22px;gap:18px}
  body .svc-shadow-logo{border:0;padding:0;width:180px}
  body #approach{padding:120px 0 70px!important}
  body #approach h2{font-size:34px!important}html[dir="rtl"] body #approach h2{font-size:36px!important}
  body #approach .process-grid{flex-direction:column;align-items:stretch;gap:56px}
  body #approach .process-line{display:none}
}
body .svc-shadow-logo{width:300px}body .svc-shadow{padding:34px 40px}@media (max-width:900px){body .svc-shadow-logo{width:230px}}
body .about-wall .about-wall-inner{padding-bottom:140px!important}@media (max-width:900px){body .about-wall .about-wall-inner{padding-bottom:120px!important}}

/* =========================================================
   v75 — readability pass: calmer backgrounds behind text, CTA strip
   ========================================================= */
/* hero: deeper shade on the text side */
body .hero::before{background:linear-gradient(90deg,rgba(3,20,43,.96) 0%,rgba(3,20,43,.9) 40%,rgba(3,20,43,.45) 58%,rgba(3,20,43,0) 72%)!important}
html[dir="rtl"] body .hero::before{background:linear-gradient(270deg,rgba(3,20,43,.96) 0%,rgba(3,20,43,.9) 40%,rgba(3,20,43,.45) 58%,rgba(3,20,43,0) 72%)!important}
body .hero .hero-overlay{opacity:.18!important}
/* about wall: soften wall behind copy */
body .about-wall-bg::after{background:linear-gradient(90deg,rgba(18,26,36,.7) 0%,rgba(18,26,36,.45) 40%,rgba(18,26,36,0) 58%)!important}
html[dir="rtl"] body .about-wall-bg::after{background:linear-gradient(270deg,rgba(18,26,36,.7) 0%,rgba(18,26,36,.45) 40%,rgba(18,26,36,0) 58%)!important}
/* what we bring: calmer behind the heading */
body #what-we-bring::after{background:linear-gradient(180deg,#071f3a 0,rgba(7,31,58,0) 120px),linear-gradient(90deg,rgba(3,22,44,.94) 0%,rgba(4,32,60,.78) 45%,rgba(4,40,72,.45) 100%)!important}
html[dir="rtl"] body #what-we-bring::after{background:linear-gradient(180deg,#071f3a 0,rgba(7,31,58,0) 120px),linear-gradient(270deg,rgba(3,22,44,.94) 0%,rgba(4,32,60,.78) 45%,rgba(4,40,72,.45) 100%)!important}
/* services: calmer heading area */
body #services::after{background:linear-gradient(180deg,rgba(13,78,125,.9) 0%,rgba(14,86,138,.62) 40%,rgba(12,78,128,.7) 100%)!important}
/* light sections: fainter watermarks */
body #who-we-work-with::before,body #services-none::before{opacity:.07!important}
body #approach::before{opacity:.08!important}
body #approach::after{background:radial-gradient(70% 60% at 50% 35%,rgba(242,247,251,.9),rgba(242,247,251,.35))!important}
/* footer tunnel: softer behind the columns */
.site-footer .footer-grid{position:relative}
.site-footer .footer-grid::before{content:"";position:absolute;inset:-24px -40px;z-index:-1;border-radius:30px;background:radial-gradient(70% 70% at 50% 50%,rgba(5,40,70,.75),rgba(5,40,70,0))}
/* trust strip: quieter lines */
body .trust-strip .trust-grid{background:repeating-linear-gradient(90deg,rgba(95,196,244,.04) 0 1px,transparent 1px 28px),linear-gradient(115deg,#062d4e 0%,#073d68 50%,#052a49 100%)!important}

/* CTA strip ("Ready to...") — same floating-card treatment as the trust strip */
body .cta-banner{background:transparent!important;padding:0 0 56px!important;position:relative;z-index:3}
body #approach{padding-bottom:150px!important}
body .cta-banner .cta-inner{margin-top:-80px;position:relative;overflow:hidden;border-radius:22px;padding:34px 40px!important;gap:30px!important;
  background:repeating-linear-gradient(90deg,rgba(95,196,244,.04) 0 1px,transparent 1px 28px),linear-gradient(115deg,#062d4e 0%,#073d68 50%,#052a49 100%);
  border:1px solid rgba(120,200,240,.28);box-shadow:0 24px 50px -18px rgba(0,20,40,0.33),inset 0 1px 0 rgba(255,255,255,0.072)}
body .cta-banner .cta-inner::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,transparent,#F9C721 20%,#fff 50%,#F9C721 80%,transparent)}
body .cta-banner h2{font-size:30px!important;font-weight:800!important;line-height:1.3!important;margin:0 0 8px!important;
  background:linear-gradient(90deg,#fff 0%,#fff 60%,#F9C721 100%);-webkit-background-clip:text;background-clip:text;color:transparent!important}
html[dir="rtl"] body .cta-banner h2{font-size:34px!important;background:linear-gradient(270deg,#fff 0%,#fff 60%,#F9C721 100%);-webkit-background-clip:text;background-clip:text}
body .cta-banner p{font-size:18px!important;line-height:1.65!important;color:#cfe2ee!important;font-weight:500}
html[dir="rtl"] body .cta-banner p{font-size:20px!important;font-weight:700!important}
body .cta-banner .btn{flex:none}
@media (max-width:900px){body .cta-banner .cta-inner{flex-direction:column;align-items:flex-start;padding:26px 22px!important;margin:-70px 14px 0}body .cta-banner h2{font-size:24px!important}html[dir="rtl"] body .cta-banner h2{font-size:26px!important}body .cta-banner p{font-size:16px!important}}
body .cta-banner{background:linear-gradient(180deg,#f2f7fb 0 50%,#062f4b 50% 100%)!important;padding:0 0 40px!important}
body .site-footer{padding-top:40px!important}
body .cta-banner .cta-inner{margin-top:0!important}
body #approach{padding-bottom:70px!important}
body .cta-banner .btn{--pill-h:60px;font-size:18px!important;padding-inline:30px calc(var(--pill-h) + 26px)!important}
html[dir="rtl"] body .cta-banner .btn{font-size:20px!important;padding-inline:34px calc(var(--pill-h) + 34px)!important}
@media (max-width:900px){body .cta-banner .cta-inner{margin:0 14px!important}}
body .cta-banner{background:transparent!important;padding:0!important;margin-bottom:-95px;z-index:5}
body #approach{padding-bottom:110px!important}
body .cta-banner .cta-inner{margin-top:-60px!important}
body .site-footer{padding-top:150px!important}
@media (max-width:900px){body .cta-banner .cta-inner{margin:-50px 14px 0!important}}
@media (max-width:900px){
  body #approach{padding-bottom:180px!important}
  body .cta-banner{margin-bottom:-230px}
  body .cta-banner .cta-inner{margin:-140px 14px 0!important}
  body .site-footer{padding-top:270px!important}
}
@media (min-width:901px){body .cta-banner{margin-bottom:-170px}body .site-footer{padding-top:215px!important}}
/* v76 — tighter section joins */
body #who-we-work-with{padding-bottom:50px!important}
body .sec-wave-up{height:70px;margin-top:-69px}
body #services{padding-top:40px!important;padding-bottom:70px!important}
body .sec-wave-down{height:70px;margin-bottom:-70px}
body #approach{padding-top:110px!important}
@media (max-width:900px){body #approach{padding-top:100px!important}}
/* v76b — clean wave under the audience cards (no overlap, no stray line) */
body #who-we-work-with{padding-bottom:110px!important}
body .sec-wave-up svg path:nth-child(2){display:none}
body .sec-wave-down svg path:nth-child(2){display:none}
body .sec-wave-about svg path:nth-child(2){display:none}
body .sec-wave:not(.sec-wave-up):not(.sec-wave-down):not(.sec-wave-about) svg path:nth-child(2){display:none}
/* v76c — seamless waves: section edges use the exact wave colours */
body #services::after{background:linear-gradient(180deg,#0f5a8f 0px,rgba(15,90,143,.72) 140px,rgba(14,86,138,.5) 50%,rgba(13,82,135,.75) calc(100% - 140px),#0d5287 100%)!important}