/* =========================================================
   HADS PREMIUM V16 — FINAL VISUAL HARMONIZATION
   Scope: public website only. No CMS/admin/data behavior changed.
========================================================= */
:root{
  --v16-violet:#8f4fba;
  --v16-violet-hi:#c274e2;
  --v16-ink:#17131d;
  --v16-ink2:#281d30;
  --v16-soft:#f6f1f8;
  --v16-line:rgba(142,79,186,.24);
}

/* ---------- GLOBAL IMAGE LANGUAGE: rounded, premium, soft-edged ---------- */
main img:not(.site-logo):not(.brand-logo):not(.brand-final-logo):not([class*="logo"]),
section img:not(.site-logo):not(.brand-logo):not(.brand-final-logo):not([class*="logo"]),
[class*="photo"] img,[class*="visual"] img,[class*="image"] img{
  border-radius:clamp(22px,2.1vw,40px)!important;
  box-shadow:0 22px 48px rgba(30,18,37,.16)!important;
}

/* Photo / image containers: no sharp cards */
[class*="photo"],[class*="visual"],[class*="image-wrap"],[class*="image-box"],.people-card,.value-photo,.story-photo,.logistics-visual{
  border-radius:clamp(24px,2.3vw,42px)!important;
  overflow:hidden!important;
}

/* Subtle edge fade on large photographic areas, without hiding content */
.hero-media img,.hero-visual img,.hero-image img,.people-card img,.value-photo img,.story-photo img,
.logistics-visual img,.qc-detail-photo img,.dev-proof-card img,.component-photo img{
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 3.5%,#000 96.5%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 3.5%,#000 96.5%,transparent 100%);
}

/* ---------- UNIFIED HERO-ATTACHED NAVIGATION ---------- */
.expertise-subnav,.co-subnav,.subnav{
  margin-top:-1px!important;
  border:0!important;
  background:linear-gradient(180deg,#17131d 0,#261b2e 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 18px 35px rgba(35,20,42,.18)!important;
  position:relative!important;
  z-index:4!important;
}
.expertise-subnav .container,.co-subnav .container,.subnav-inner{
  display:flex!important;justify-content:center!important;align-items:center!important;gap:14px!important;
  min-height:84px!important;padding:12px 20px 17px!important;
}
.expertise-subnav a,.co-subnav a,.subnav a{
  min-width:150px!important;min-height:56px!important;padding:0 20px!important;
  border-radius:21px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  text-align:center!important;text-decoration:none!important;
  color:#f8f2fb!important;background:linear-gradient(145deg,rgba(62,44,72,.98),rgba(36,27,43,.98))!important;
  border:1px solid rgba(205,158,228,.25)!important;
  box-shadow:0 8px 0 rgba(14,9,18,.78),0 18px 29px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.12)!important;
  font:800 10px/1.2 "Manrope",Arial,sans-serif!important;letter-spacing:.075em!important;text-transform:uppercase!important;
  transition:transform .24s ease,background .24s ease,box-shadow .24s ease,color .24s ease!important;
}
.expertise-subnav a:hover,.co-subnav a:hover,.subnav a:hover,
.expertise-subnav a.active,.co-subnav a.active,.subnav a.active{
  color:#fff!important;background:linear-gradient(145deg,#a85dcb,#70408c)!important;
  transform:translateY(-7px) scale(1.035)!important;
  border-color:rgba(241,207,255,.7)!important;
  box-shadow:0 11px 0 rgba(68,36,86,.7),0 25px 37px rgba(59,30,73,.38),inset 0 1px 0 rgba(255,255,255,.28)!important;
}

/* Workwear family navigation / family shortcuts in the same language */
.ww-family-rail,.family-shortcuts{
  background:linear-gradient(180deg,rgba(24,19,29,.98),rgba(40,29,48,.98))!important;
  border:0!important;border-radius:0 0 30px 30px!important;
  box-shadow:0 18px 32px rgba(33,20,39,.18)!important;
}
.ww-family-rail .hads-qbubble,.family-shortcuts a{
  border-radius:21px!important;
  color:#fff!important;background:linear-gradient(145deg,rgba(63,45,73,.98),rgba(37,28,44,.98))!important;
  border:1px solid rgba(211,166,232,.24)!important;
  box-shadow:0 8px 0 rgba(15,9,19,.72),0 18px 28px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.12)!important;
}
.ww-family-rail .hads-qbubble:hover,.family-shortcuts a:hover,.family-shortcuts a.active{
  color:#fff!important;background:linear-gradient(145deg,#aa60cc,#70418d)!important;
  transform:translateY(-6px) scale(1.035)!important;
  box-shadow:0 10px 0 rgba(65,35,82,.68),0 25px 36px rgba(67,35,83,.36),inset 0 1px 0 rgba(255,255,255,.27)!important;
}
.ww-family-rail .hads-qbubble .label,.ww-family-rail .hads-qbubble .num{color:#fff!important}

/* ---------- 3D FACTS / NUMBERS / INFORMATION ---------- */
.fact-grid{gap:18px!important;border:0!important}
.fact-grid .fact{
  border:1px solid var(--v16-line)!important;border-radius:24px!important;
  padding:24px 24px!important;background:linear-gradient(145deg,#fff,#efe5f4)!important;
  box-shadow:0 9px 0 rgba(113,67,141,.16),0 22px 34px rgba(67,42,80,.15),inset 0 1px 0 #fff!important;
  transition:.25s ease!important;overflow:hidden!important;
}
.fact-grid .fact:hover{transform:translateY(-7px) scale(1.025)!important;background:linear-gradient(145deg,#fff,#e5d0f0)!important;box-shadow:0 12px 0 rgba(111,65,141,.22),0 30px 42px rgba(75,43,91,.2),inset 0 1px 0 #fff!important}
.fact-grid .fact b{color:#7e49a1!important;font-weight:900!important;text-shadow:0 9px 20px rgba(126,73,161,.12)!important}

/* Delivery process — no flat spreadsheet look */
.delivery-grid{gap:20px!important;border:0!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
.delivery-card{
  min-height:300px!important;border:1px solid rgba(118,82,150,.17)!important;border-radius:27px!important;
  padding:34px!important;background:linear-gradient(145deg,#fff,#f0e8f4)!important;
  box-shadow:0 10px 0 rgba(109,64,136,.13),0 24px 38px rgba(71,43,84,.14),inset 0 1px 0 #fff!important;
  transition:.28s ease!important;
}
.delivery-card:hover{transform:translateY(-9px) scale(1.018)!important;background:linear-gradient(145deg,#fff,#e7d7ef)!important;box-shadow:0 13px 0 rgba(109,64,136,.2),0 31px 45px rgba(73,42,89,.21),inset 0 1px 0 #fff!important}
.delivery-number{color:#8f4fba!important;font-weight:900!important;letter-spacing:.16em!important}
.delivery-card h3{font-weight:800!important;color:#1f1924!important}

/* People / values visual cards: rounded and elevated */
.people-grid>* ,.values-grid>* ,.cert-grid>* ,.responsibility-grid>*{
  border-radius:30px!important;overflow:hidden!important;box-shadow:0 22px 45px rgba(45,26,54,.14)!important;
}

/* ---------- TOP COMPANION: visible but elegant ---------- */
.hads-top-companion{
  right:22px!important;bottom:22px!important;min-width:112px!important;height:54px!important;
  border-radius:999px!important;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(231,218,240,.95))!important;
  border:1px solid rgba(132,77,168,.28)!important;
  box-shadow:0 8px 0 rgba(112,66,142,.18),0 20px 36px rgba(65,40,78,.22),inset 0 1px 0 #fff!important;
  color:#5c376f!important;font-weight:900!important;letter-spacing:.08em!important;
}
.hads-top-companion .arrow{background:linear-gradient(145deg,#aa61cd,#71408e)!important;color:#fff!important;box-shadow:0 6px 13px rgba(87,45,109,.33)!important}
.hads-top-companion:hover{transform:translateY(-7px) scale(1.04)!important;box-shadow:0 11px 0 rgba(111,65,141,.23),0 29px 43px rgba(69,40,83,.27),inset 0 1px 0 #fff!important}

/* ---------- RESPONSIVE ---------- */
@media(max-width:1100px){
  .delivery-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .expertise-subnav .container,.co-subnav .container,.subnav-inner{justify-content:flex-start!important;overflow-x:auto!important;padding-inline:18px!important}
  .expertise-subnav a,.co-subnav a,.subnav a{flex:0 0 auto!important;min-width:145px!important}
}
@media(max-width:700px){
  .delivery-grid{grid-template-columns:1fr!important}
  .delivery-card{min-height:auto!important}
  .hads-top-companion{right:12px!important;bottom:14px!important;min-width:92px!important;height:46px!important}
}