/* =========================================================
   v89 — modern pass
   - linear icons in quiet rings (no 3D / gradients)
   - lighter shadows & flatter small UI
   - home: industries section + Shadow CEO band
   - about: "how we work" moved here
   ========================================================= */
svg.lic{width:100%;height:100%;display:block;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

/* ---------- icon rings (light surfaces = brand blue) ---------- */
html body :is(.trust-icon,.process-circle,.qs-visual-bottom-icon,.belief-ic,.cx-ic,.service-icon,.svx-ic):has(> svg.lic){
  background:rgba(0,102,151,.06)!important;border:1.5px solid rgba(0,102,151,.38)!important;color:#006697!important;
  box-shadow:none!important;filter:none!important;border-radius:50%!important}
html body :is(.trust-icon,.process-circle,.qs-visual-bottom-icon,.belief-ic,.cx-ic,.service-icon,.svx-ic):has(> svg.lic)::before,
html body :is(.trust-icon,.process-circle,.qs-visual-bottom-icon,.belief-ic,.cx-ic,.service-icon,.svx-ic):has(> svg.lic)::after{display:none!important}
html body :is(.trust-icon,.process-circle,.qs-visual-bottom-icon,.belief-ic,.cx-ic,.service-icon,.svx-ic) > svg.lic{width:52%!important;height:52%!important;stroke:currentColor!important}

/* dark surfaces = brand yellow line */
html body :is(.trust-strip .trust-icon,.qs-visual-bottom .qs-visual-bottom-icon,.cx-reach-item .cx-ic,.svx-sc-card .svx-ic,.belief-ic):has(> svg.lic){
  background:rgba(249,199,33,.07)!important;border-color:rgba(249,199,33,.6)!important;color:#F9C721!important}
html body .trust-strip .trust-icon:has(> svg.lic){width:46px!important;height:46px!important;flex-basis:46px!important}

/* services list cards: icon ring sits on the card edge, white behind it */
html body .svx-list .svx-ic:has(> svg.lic){background:#fff!important;border:1.5px solid rgba(0,102,151,.45)!important;width:68px!important;height:68px!important;top:-34px!important}
html body .svx-list .detail-card:hover .svx-ic{transform:translateY(-3px)!important}

/* ---------- lighter shadows on cards & panels (QS pages) ---------- */
html body :is(.detail-card,.svx-list .detail-card,.bring-card,.what-bring-preview article,.cx-card,.cx-value,.cx-next,.hb-card,.belief-item,.process-step,.service-page-copy,.about-vision,.cx-reach-item){
  box-shadow:0 1px 2px rgba(10,40,70,.05),0 10px 26px -16px rgba(10,40,70,.22)!important}
html body :is(.detail-card,.cx-card,.hb-card):hover{box-shadow:0 1px 2px rgba(10,40,70,.06),0 16px 32px -18px rgba(10,40,70,.28)!important}
/* flat number badges */
html body :is(.bring-num,.what-bring-preview .num,.audience-num,.process-step>span,.cx-step-num){background:#006697!important;background-image:none!important;box-shadow:none!important}

/* ---------- home: industries ---------- */
.ind-section{position:relative;background:#f4f8fb;padding:96px 0 90px}
.ind-section::before{content:"";position:absolute;inset:0;pointer-events:none;background:url("../assets/visuals/pattern-lines.svg") center/900px repeat;opacity:.05}
.ind-head{max-width:820px;margin:0 auto 46px;text-align:center}
.ind-head .eyebrow{justify-content:center}
.ind-head h2{margin:10px 0 14px;font:800 clamp(30px,3vw,42px)/1.2 Montserrat,Inter,Arial,sans-serif;color:#0b2a4a}
html[dir="rtl"] .ind-head h2{font:800 clamp(32px,3.2vw,46px)/1.35 "Somar Sans","IBM Plex Sans Arabic",sans-serif}
.ind-intro{margin:0 auto;color:#4b6072;font:400 17px/1.75 Inter,Arial,sans-serif;max-width:760px}
html[dir="rtl"] .ind-intro{font:500 19px/1.9 "IBM Plex Sans Arabic","Somar Sans",sans-serif}
.ind-grid{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.ind-card{background:#fff;border:1px solid #e1ebf2;border-radius:16px;padding:24px 20px 22px;transition:border-color .2s,transform .2s,box-shadow .2s;
  box-shadow:0 1px 2px rgba(10,40,70,.04)}
.ind-card:hover{transform:translateY(-3px);border-color:rgba(0,102,151,.4);box-shadow:0 14px 28px -18px rgba(10,40,70,.3)}
.ind-ic{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;color:#006697;background:rgba(0,102,151,.07);margin-bottom:16px}
.ind-ic svg.lic{width:26px;height:26px}
.ind-card:hover .ind-ic{background:#006697;color:#fff}
.ind-card h3{margin:0 0 8px;color:#0b2a4a;font:700 16.5px/1.35 Inter,Arial,sans-serif}
html[dir="rtl"] .ind-card h3{font:700 19px/1.45 "Somar Sans","IBM Plex Sans Arabic",sans-serif}
.ind-card p{margin:0;color:#5a6d7d;font:400 14px/1.6 Inter,Arial,sans-serif}
html[dir="rtl"] .ind-card p{font:500 15.5px/1.75 "IBM Plex Sans Arabic","Somar Sans",sans-serif}
.ind-tracks{position:relative;margin-top:30px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px 16px;padding:18px 22px;border:1px dashed rgba(0,102,151,.3);border-radius:16px;background:rgba(255,255,255,.7)}
.ind-tracks b{color:#0b2a4a;font:700 15px/1.4 Inter,Arial,sans-serif}
html[dir="rtl"] .ind-tracks b{font:700 17px/1.5 "Somar Sans","IBM Plex Sans Arabic",sans-serif}
.ind-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.ind-chips span{padding:7px 14px;border-radius:999px;background:#fff;border:1px solid #d6e5ef;color:#006697;font:600 13.5px/1.2 Inter,Arial,sans-serif}
html[dir="rtl"] .ind-chips span{font:600 15px/1.3 "IBM Plex Sans Arabic","Somar Sans",sans-serif}
.ind-cta{position:relative;margin-top:34px;display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
@media (max-width:1100px){.ind-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.ind-section{padding:64px 0 60px}.ind-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ind-card{padding:18px 14px}.ind-ic{width:42px;height:42px;margin-bottom:12px}}
@media (max-width:420px){.ind-card p{font-size:13px}html[dir="rtl"] .ind-card p{font-size:14px}}

/* ---------- home: Shadow CEO band (services grid removed) ---------- */
.v89-scband{background:#f4f8fb;padding:0 0 90px}
.v89-scband .svc-shadow{margin-top:0}

/* ---------- about: how we work ---------- */
.v89-approach{position:relative;background:#f4f8fb;padding:84px 0 80px}
.v89-approach .section-head{text-align:center;max-width:820px;margin:0 auto 40px}
.v89-approach .section-head .eyebrow{justify-content:center}
.v89-approach h2{margin:10px 0 14px;color:#0b2a4a;font:800 clamp(30px,3vw,42px)/1.2 Montserrat,Inter,Arial,sans-serif}
html[dir="rtl"] .v89-approach h2{font:800 clamp(32px,3.2vw,46px)/1.35 "Somar Sans","IBM Plex Sans Arabic",sans-serif}
.v89-approach .approach-intro{color:#4b6072;font:400 17px/1.75 Inter,Arial,sans-serif;margin:0}
html[dir="rtl"] .v89-approach .approach-intro{font:500 19px/1.9 "IBM Plex Sans Arabic","Somar Sans",sans-serif}
.v89-approach .process-grid{display:grid;grid-template-columns:1fr 40px 1fr 40px 1fr 40px 1fr;align-items:center;gap:0}
.v89-approach .process-step{background:#fff;border:1px solid #e1ebf2;border-radius:16px;padding:26px 16px 22px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}
.v89-approach .process-circle{width:64px;height:64px;display:grid;place-items:center}
.v89-approach .process-step>span{display:inline-block;padding:3px 10px;border-radius:999px;color:#fff;font:700 12px/1.4 Inter,Arial,sans-serif}
.v89-approach .process-step h3{margin:0;color:#0b2a4a;font:700 17px/1.35 Inter,Arial,sans-serif}
html[dir="rtl"] .v89-approach .process-step h3{font:700 20px/1.45 "Somar Sans","IBM Plex Sans Arabic",sans-serif}
.v89-approach .process-line{height:0;border-top:2px dashed rgba(0,102,151,.35)}
@media (max-width:760px){
  .v89-approach{padding:56px 0}
  .v89-approach .process-grid{grid-template-columns:1fr 1fr;gap:12px}
  .v89-approach .process-line{display:none}
}

/* what-bring cards: flat badge, quiet card, no heavy side bar */
html body .bring-outcome-item{box-shadow:0 1px 2px rgba(10,40,70,.05),0 12px 28px -18px rgba(0,0,0,.35)!important}
html body .bring-outcome-item>span{background:#006697!important;background-image:none!important;box-shadow:none!important;border:0!important}
.v89-scband{padding-bottom:150px!important}
/* contact topics: quiet line icons */
html body .cx-card .ct-topic:not(.is-sc) i{background:rgba(0,102,151,.07)!important;background-image:none!important;border:1px solid rgba(0,102,151,.3)!important;box-shadow:none!important;color:#006697!important}
html body .cx-card .ct-topic:not(.is-sc) i svg{stroke:#006697!important;color:#006697!important}
html body .cx-card .ct-topic:not(.is-sc):has(input:checked) i{background:#006697!important;border-color:#006697!important}
html body .cx-card .ct-topic:not(.is-sc):has(input:checked) i svg{stroke:#fff!important;color:#fff!important}
/* v90: book link inside the home Shadow CEO card */
.svc-shadow-book{display:inline-block;margin-top:10px;color:#e6c58f!important;font-weight:600;text-decoration:none;border-bottom:1px solid rgba(230,197,143,.5);padding-bottom:2px}
.svc-shadow-book:hover{color:#fff!important;border-color:#fff}

/* ===== v91: tighter spacing everywhere + home SC card ===== */
/* SC card: readable copy, more compact box */
html body .svc-shadow-copy p[data-i18n="home.shadow.copy"]{margin:6px 0 0;color:#c9d7e2!important;font-size:16px;line-height:1.65;max-width:560px}
html[dir="rtl"] body .svc-shadow-copy p[data-i18n="home.shadow.copy"]{font-size:18px;font-weight:600}
html body .svc-shadow-copy h3{margin-bottom:0}
html body .svc-shadow{padding:24px 32px!important;gap:26px!important}
html body .svc-shadow-logo{width:200px!important;padding-inline-end:24px!important}
html body .svc-shadow-book{margin-top:8px}
/* home rhythm */
.ind-section{padding:118px 0 48px!important}
.ind-head{margin-bottom:34px!important}
.ind-cta{margin-top:26px!important}
.v89-scband{padding:24px 0 110px!important}
html body .what-bring-preview{padding-top:64px!important;padding-bottom:56px!important}
/* inner pages */
html body .services-list-section.svx-list{padding-top:64px!important;padding-bottom:56px!important}
html body .service-detail-page-section{padding-top:72px!important;padding-bottom:56px!important}
html body .hb-main{padding-bottom:56px!important}
html body .cx-main{padding-bottom:48px!important}
html body .cx-reach{padding-bottom:48px!important}
.v89-approach{padding:56px 0 52px!important}
.v89-approach .section-head{margin-bottom:28px!important}
@media (max-width:760px){
  .ind-section{padding:96px 0 40px!important}
  .v89-scband{padding:16px 0 90px!important}
  html body .services-list-section.svx-list,html body .service-detail-page-section{padding-top:48px!important;padding-bottom:40px!important}
}
/* About story: longer lines that spill over the white fade of the picture, picture untouched */
@media (min-width:901px){
  body .about-story-copy{position:relative;z-index:2;max-width:none!important;margin-inline-end:-70px;padding-inline-end:0!important}
}

/* ===== v92: Shadow CEO card on the services page — organized two-column layout ===== */
html[dir] body .svx-list .detail-card.v92-sc{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:0;padding:0!important;overflow:hidden;min-height:0!important}
.v92-sc-main{padding:34px 38px 32px;display:flex;flex-direction:column;gap:14px}
.v92-sc-brand img{display:block;width:230px;max-width:100%;height:auto}
html body .svx-list .v92-sc .v92-sc-sub{margin:0!important;color:#ddd3c2!important;font-size:16.5px;line-height:1.7}
html[dir="rtl"] body .svx-list .v92-sc .v92-sc-sub{font-size:18.5px}
html body .svx-list .v92-sc .v92-sc-head{margin:0!important;padding:12px 16px;border-inline-start:3px solid #e6c58f;background:rgba(230,197,143,.08);border-radius:8px;color:#fff!important;font-weight:700;line-height:1.6}
.v92-sc-btns{margin-top:6px;display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px}
.v92-sc-book{color:#e6c58f;text-decoration:none;font-weight:600;border-bottom:1px solid rgba(230,197,143,.5);padding-bottom:2px}
.v92-sc-book:hover{color:#fff;border-color:#fff}
.v92-sc-side{padding:34px 38px 32px;border-inline-start:1px solid rgba(230,197,143,.22);background:rgba(255,255,255,.025);display:flex;flex-direction:column;justify-content:center}
html body .svx-list .v92-sc .v92-sc-help{margin:0 0 16px!important;color:#e6c58f!important;font-weight:700;font-size:15px;letter-spacing:.04em}
html[dir="rtl"] body .svx-list .v92-sc .v92-sc-help{font-size:18px;letter-spacing:0}
.v92-sc-points{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.v92-sc-points li{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid rgba(230,197,143,.22);border-radius:12px;background:rgba(0,0,0,.18)}
.v92-sc-points li::before{display:none!important}
.v92-ic{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#e6c58f;border:1.5px solid rgba(230,197,143,.55)}
.v92-ic svg.lic{width:20px;height:20px}
html body .svx-list .v92-sc .v92-sc-points b{color:#efe7da!important;font-weight:600;font-size:14.5px;line-height:1.5}
html[dir="rtl"] body .svx-list .v92-sc .v92-sc-points b{font-size:16px}
@media (max-width:900px){
  html[dir] body .svx-list .detail-card.v92-sc{grid-template-columns:1fr}
  .v92-sc-main,.v92-sc-side{padding:24px 20px}
  .v92-sc-side{border-inline-start:0;border-top:1px solid rgba(230,197,143,.22)}
  .v92-sc-brand img{width:190px}
}
@media (max-width:480px){.v92-sc-points{grid-template-columns:1fr}}

/* ===== v92: remove leftover empty spaces ===== */
.ind-section{padding:100px 0 24px!important}
.v89-scband{padding:14px 0 100px!important}
@media (min-width:901px){
  body .about-story,body .about-story-art{min-height:0!important}
  body .about-story-copy{padding-block:48px 36px!important}
}
.v89-approach{padding-top:40px!important}
html body .cx-main{padding-top:16px!important}
html body .cx-reach{padding-bottom:16px!important}
html body .services-list-section.svx-list{padding-bottom:20px!important}
html body .service-detail-page-section{padding-bottom:20px!important}
html body .hb-main{padding-bottom:20px!important}
html body .cx-reach{padding-bottom:28px!important}
.v89-scband .svc-shadow{margin-top:0!important}
html body #who-we-work-with.ind-section{padding-top:100px!important;padding-bottom:24px!important}
@media (max-width:900px){html body #who-we-work-with.ind-section{padding-top:80px!important;padding-bottom:20px!important}}
html body #what-we-bring{padding-top:64px!important;padding-bottom:56px!important}
@media (max-width:900px){html body #what-we-bring{padding-top:48px!important;padding-bottom:44px!important}}