/* HADS GLOBAL MASTER — consolidated 2026-09-12
   Preserves V12 -> V16 cascade order exactly.
   Do not re-add legacy global stylesheets to public pages. */

/* ===== Legacy HADS Global V12 — consolidated, order preserved ===== */
:root{
  --hads-purple:#7c4aa3;
  --hads-purple-2:#b96bd7;
  --hads-purple-3:#e8d7f0;
  --hads-ink:#1f1d25;
  --hads-soft:#f7f3f9;
  --hads-radius:34px;
  --hads-shadow:0 22px 55px rgba(79,48,94,.15),0 8px 0 rgba(117,74,151,.10);
}
html{scroll-padding-top:78px}
body{background:linear-gradient(180deg,#fff 0,#fbf9fc 100%)}
/* public-site visual language: rounded, soft, relief */
.hero,.page-hero,.banner,.visual,.workshop-visual,.image-wrap,.hero-media,.product-visual,
.value-card,.option-card,.contact-person-card,.form-box,.reference-item,.ref-card,.stat-card,
.why-card,.workwear-card,.expertise-step,.process-card,.capability-card,.nearshore-card,
.responsibility-card,.quality-card,.cert-card,.card{
  border-radius:var(--hads-radius)!important;
}
.value-card,.option-card,.contact-person-card,.form-box,.reference-item,.ref-card,.stat-card,
.why-card,.workwear-card,.expertise-step,.process-card,.capability-card,.nearshore-card,
.responsibility-card,.quality-card,.cert-card,.card{
  box-shadow:var(--hads-shadow)!important;
  border:1px solid rgba(124,74,163,.14)!important;
}
.value-card:hover,.option-card:hover,.contact-person-card:hover,.reference-item:hover,.ref-card:hover,
.why-card:hover,.workwear-card:hover,.expertise-step:hover,.process-card:hover,.capability-card:hover,
.nearshore-card:hover,.responsibility-card:hover,.quality-card:hover,.cert-card:hover,.card:hover{
  transform:translateY(-6px) scale(1.012);
  box-shadow:0 30px 65px rgba(77,46,95,.23),0 9px 0 rgba(124,74,163,.22)!important;
  transition:.28s ease;
}
img{border-radius:inherit}
/* page images get European-style softened corners without forcing thumbnails */
section img:not(.logo img):not(.brand-final-logo){
  box-shadow:0 18px 42px rgba(35,28,40,.10);
}
/* floating back button on all public pages */
.hads-page-back{
  position:fixed;left:18px;top:76px;z-index:1200;width:46px;height:46px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;border:1px solid rgba(124,74,163,.22);
  background:rgba(255,255,255,.88);backdrop-filter:blur(14px);color:var(--hads-purple);
  box-shadow:0 10px 28px rgba(82,51,99,.16),0 4px 0 rgba(124,74,163,.12);font-size:22px;
  cursor:pointer;transition:.25s;text-decoration:none
}
.hads-page-back:hover{transform:translateY(-3px) scale(1.05);background:#fff;box-shadow:0 16px 34px rgba(82,51,99,.22),0 5px 0 rgba(124,74,163,.20)}
/* common 3D button language */
.btn-primary,.btn-secondary,.submit-btn,.workshop-btn,.enter,.cta-button,.button-primary,.button-secondary{
  border-radius:18px!important;box-shadow:0 10px 0 rgba(77,43,99,.22),0 20px 34px rgba(78,46,95,.18)!important;
  transition:.25s ease!important
}
.btn-primary:hover,.btn-secondary:hover,.submit-btn:hover,.workshop-btn:hover,.cta-button:hover,.button-primary:hover,.button-secondary:hover{
  transform:translateY(-4px)!important;box-shadow:0 13px 0 rgba(77,43,99,.25),0 28px 42px rgba(78,46,95,.24)!important
}
/* home hero is deliberately shorter and split: copy left, visual right */
#homeHero{
  height:min(820px,calc(100vh - 58px))!important;min-height:690px!important;max-height:820px!important;
  margin:0 14px 18px;border-radius:0 0 46px 46px!important;background:linear-gradient(115deg,#fff 0,#fbf8fd 52%,#eee6f4 100%)!important;color:var(--hads-ink)!important;
  overflow:hidden!important;box-shadow:0 24px 60px rgba(69,45,83,.10)
}
#homeHero .hero-content-wrap{padding-bottom:136px!important;align-items:center!important}
#homeHero .hero-copy{width:min(610px,43vw)!important;color:var(--hads-ink)!important}
#homeHero .hero-experience strong{color:var(--hads-purple)!important;text-shadow:0 10px 24px rgba(124,74,163,.14)}
#homeHero .hero-experience span,#homeHero .hero-description,#homeHero .hero-process-line{color:#625c67!important}
#homeHero .hero-title{color:#211e25!important;font-size:clamp(42px,4.2vw,66px)!important;line-height:.99!important}
#homeHero .hero-title span{color:var(--hads-purple)!important}
#homeHero .hero-slides{
  left:46%!important;right:2.3%!important;top:4%!important;bottom:19%!important;border-radius:44px!important;overflow:hidden!important;
  box-shadow:0 26px 55px rgba(40,29,49,.20),0 0 0 1px rgba(255,255,255,.78) inset!important;background:#d9d5dd
}
#homeHero .hero-slide{inset:-9px!important;filter:blur(1.25px) saturate(.96) contrast(.98)!important;background-position:center!important}
#homeHero .hero-slide::after{
  background:radial-gradient(ellipse at center,rgba(10,12,18,0) 48%,rgba(22,18,28,.22) 76%,rgba(245,242,249,.72) 100%)!important;
  box-shadow:inset 0 0 58px rgba(248,246,250,.55)!important
}
#homeHero .hero-nav{right:4.8%!important;bottom:23%!important}
#homeHero .hero-progress{right:4.8%!important;left:auto!important;width:122px!important;bottom:21.4%!important}
#homeHero .home-path{bottom:0!important;background:rgba(255,255,255,.90)!important;backdrop-filter:blur(18px);border-top:1px solid rgba(124,74,163,.11)!important}
#homeHero .home-path-inner>a{border-radius:18px!important;box-shadow:0 8px 0 rgba(124,74,163,.10),0 16px 28px rgba(88,55,104,.09)!important;background:linear-gradient(145deg,#fff,#f5eef9)!important}
#homeHero .home-path-inner>a:hover{box-shadow:0 12px 0 rgba(124,74,163,.22),0 22px 35px rgba(88,55,104,.18)!important;transform:translateY(-5px)!important}
/* preserve six original values while bringing their presentation into V12 */
.value-stories{gap:26px!important}
.value-card{overflow:hidden!important;background:linear-gradient(145deg,#fff,#faf7fc)!important}
.value-card-image{overflow:hidden!important;border-radius:30px 30px 0 0!important}
.value-card-image img{transition:transform .6s ease,filter .6s ease}
.value-card:hover .value-card-image img{transform:scale(1.035);filter:saturate(1.04)}
/* contact form qualification */
.hads-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:8px}
.hads-choice{position:relative}
.hads-choice input{position:absolute;opacity:0;pointer-events:none}
.hads-choice label{display:flex;min-height:54px;align-items:center;justify-content:center;text-align:center;padding:10px 12px;border-radius:18px;background:linear-gradient(145deg,#fff,#f2e9f7);border:1px solid rgba(124,74,163,.16);box-shadow:0 7px 0 rgba(124,74,163,.10),0 14px 24px rgba(80,47,97,.10);cursor:pointer;font-size:10px;font-weight:800;letter-spacing:.04em;color:#43364d;transition:.22s}
.hads-choice input:checked+label,.hads-choice label:hover{background:linear-gradient(135deg,#8b55ad,#714190);color:#fff;transform:translateY(-3px);box-shadow:0 9px 0 #54306b,0 18px 28px rgba(86,48,105,.24)}
.hads-qty-grid{grid-template-columns:repeat(4,1fr)}
/* responsive */
@media(max-width:1100px){
  #homeHero{height:auto!important;max-height:none!important;min-height:820px!important}
  #homeHero .hero-slides{left:48%!important;bottom:24%!important}
  .hads-choice-grid{grid-template-columns:repeat(2,1fr)}
  .hads-qty-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:800px){
  .hads-page-back{top:68px;left:10px;width:40px;height:40px}
  #homeHero{margin:0 8px 12px!important;border-radius:0 0 30px 30px!important;min-height:890px!important}
  #homeHero .hero-content-wrap{align-items:flex-start!important;padding-top:34px!important;padding-bottom:310px!important}
  #homeHero .hero-copy{width:100%!important}
  #homeHero .hero-slides{left:4%!important;right:4%!important;top:auto!important;bottom:125px!important;height:280px!important;border-radius:30px!important}
  #homeHero .hero-nav{right:7%!important;bottom:146px!important}
  #homeHero .hero-progress{right:7%!important;bottom:136px!important}
  .hads-choice-grid,.hads-qty-grid{grid-template-columns:1fr}
}
/* Header / logo consistency requested by Andrea */
.main-header .logo img{width:112px!important;height:auto!important;object-fit:contain!important;border-radius:0!important;box-shadow:none!important}
.main-header .logo{margin-right:34px!important}
/* Hero edges: softer and more rounded across public pages */
body:not(.intro) .hero{border-radius:0 0 38px 38px!important;overflow:hidden!important;box-shadow:inset 0 0 58px rgba(255,255,255,.18),0 20px 48px rgba(48,36,56,.08)}
body:not(.intro) .hero::after{border-radius:inherit}
@media(max-width:800px){.main-header .logo img{width:96px!important}body:not(.intro) .hero{border-radius:0 0 28px 28px!important}}

/* ===== Legacy HADS Global V13 — consolidated, order preserved ===== */
/* HADS PREMIUM V13 — navigation companions & hero quick-access */
:root{
  --hads-violet:#7b4aa6;
  --hads-violet-2:#a15ed2;
  --hads-ink:#17131d;
  --hads-glass:rgba(255,255,255,.82);
}

/* Global floating top companion */
.hads-top-companion{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:9997;
  display:flex;
  align-items:center;
  gap:10px;
  min-width:104px;
  height:48px;
  padding:0 18px;
  border:1px solid rgba(123,74,166,.24);
  border-radius:999px;
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(244,237,249,.94));
  box-shadow:0 13px 30px rgba(58,31,80,.18), inset 0 1px 0 rgba(255,255,255,.95), 0 5px 0 rgba(123,74,166,.12);
  color:#5f3b77;
  font:800 12px/1 "Manrope",Arial,sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
  cursor:pointer;
  transition:.25s ease;
  opacity:0;
  transform:translateY(12px);
  pointer-events:none;
}
.hads-top-companion.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}
.hads-top-companion:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 18px 34px rgba(83,46,108,.24),inset 0 1px 0 #fff,0 7px 0 rgba(123,74,166,.16)}
.hads-top-companion .arrow{font-size:18px;line-height:1;color:var(--hads-violet)}

/* Shared premium quick-nav bubbles */
.hads-quicknav{
  display:flex;
  gap:10px;
  align-items:stretch;
  position:relative;
  z-index:7;
}
.hads-quicknav a{
  text-decoration:none;
  color:inherit;
}
.hads-qbubble{
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  gap:10px;
  min-height:58px;
  padding:10px 15px;
  border:1px solid rgba(255,255,255,.35);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(244,236,249,.82));
  box-shadow:0 12px 24px rgba(45,27,58,.18),0 5px 0 rgba(113,69,144,.18),inset 0 1px 0 rgba(255,255,255,.95);
  backdrop-filter:blur(12px);
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.hads-qbubble:hover{
  transform:translateY(-5px) scale(1.035);
  border-color:rgba(154,81,199,.48);
  box-shadow:0 18px 34px rgba(73,38,96,.25),0 7px 0 rgba(113,69,144,.21),inset 0 1px 0 #fff;
}
.hads-qbubble .num{
  flex:0 0 auto;
  width:34px;height:34px;border-radius:50%;
  display:grid;place-items:center;
  color:white;
  background:linear-gradient(145deg,#9f5bc5,#6d4389);
  box-shadow:0 7px 15px rgba(112,62,142,.35),inset 0 1px 0 rgba(255,255,255,.35);
  font:800 11px/1 "Manrope",Arial,sans-serif;
}
.hads-qbubble .label{
  font:800 11px/1.15 "Manrope",Arial,sans-serif;
  letter-spacing:.01em;
}

/* OUR WORKWEAR — left vertical family rail */
.ww-family-rail{
  position:absolute;
  z-index:9;
  left:clamp(18px,3vw,54px);
  top:50%;
  transform:translateY(-50%);
  display:grid;
  gap:12px;
  width:210px;
}
.ww-family-rail .hads-qbubble{
  min-height:64px;
  background:linear-gradient(145deg,rgba(18,16,22,.78),rgba(77,48,96,.72));
  border-color:rgba(255,255,255,.18);
  color:white;
  box-shadow:0 14px 28px rgba(0,0,0,.30),0 5px 0 rgba(102,60,133,.30),inset 0 1px 0 rgba(255,255,255,.14);
}
.ww-family-rail .label{font-size:12px}
.ww-family-rail .hads-qbubble:hover{background:linear-gradient(145deg,rgba(39,26,47,.94),rgba(127,72,160,.90))}

/* Expertise quick steps at bottom of hero */
.expertise-hero-quicknav{
  position:absolute;
  z-index:8;
  left:50%;
  bottom:24px;
  transform:translateX(-50%);
  width:min(1500px,calc(100% - 60px));
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:10px;
}
.expertise-hero-quicknav .hads-qbubble{min-height:66px;padding:10px 12px}
.expertise-hero-quicknav .label{font-size:10.5px}
.expertise-hero-with-nav{position:relative;padding-bottom:112px!important}

/* WHO WE ARE / history quicknav integrated in hero */
.history-hero-quicknav{
  position:absolute;
  z-index:8;
  left:50%;
  bottom:28px;
  transform:translateX(-50%);
  width:min(980px,calc(100% - 48px));
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.history-hero-quicknav .hads-qbubble{min-height:66px}
.history-hero{position:relative;padding-bottom:112px!important}
.history-hero + .subnav{display:none!important}

@media(max-width:1100px){
  .ww-family-rail{left:18px;width:185px}
  .expertise-hero-quicknav{grid-template-columns:repeat(3,1fr);bottom:18px}
  .expertise-hero-with-nav{padding-bottom:180px!important}
}
@media(max-width:760px){
  .hads-top-companion{right:12px;bottom:14px;height:44px;min-width:86px;padding:0 14px;font-size:10px}
  .ww-family-rail{
    top:auto;bottom:18px;left:14px;right:14px;transform:none;width:auto;
    grid-template-columns:repeat(2,1fr);gap:8px;
  }
  .ww-family-rail .hads-qbubble{min-height:48px;padding:7px 9px;border-radius:15px}
  .ww-family-rail .hads-qbubble .num{width:28px;height:28px}
  .ww-family-rail .label{font-size:10px}
  .expertise-hero-quicknav{width:calc(100% - 24px);grid-template-columns:repeat(2,1fr);gap:7px;bottom:14px}
  .expertise-hero-with-nav{padding-bottom:250px!important}
  .expertise-hero-quicknav .hads-qbubble{min-height:48px;padding:7px 8px}
  .history-hero-quicknav{width:calc(100% - 24px);grid-template-columns:repeat(2,1fr);gap:8px;bottom:16px}
  .history-hero{padding-bottom:180px!important}
  .history-hero-quicknav .hads-qbubble{min-height:50px;padding:8px 9px}
}

/* ===== Legacy HADS Global V14 — consolidated, order preserved ===== */
/* HADS PREMIUM V14 — final navigation, hero-fit & 3D quick access */
:root{
  --hads-v14-purple:#7b49a6;
  --hads-v14-purple-hi:#b768dc;
  --hads-v14-ink:#231d29;
}

/* Retire the old browser-history arrow completely. Keep only the TOP companion. */
.hads-page-back{display:none!important}

/* More visible, elegant TOP companion */
.hads-top-companion{
  right:24px!important;bottom:24px!important;min-width:112px!important;height:52px!important;
  padding:0 19px!important;border:1px solid rgba(123,73,166,.34)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(239,229,246,.96))!important;
  box-shadow:0 10px 0 rgba(108,65,139,.14),0 22px 38px rgba(72,42,90,.22),inset 0 1px 0 #fff!important;
  color:#56346c!important;font-size:11px!important;letter-spacing:.11em!important;
}
.hads-top-companion .arrow{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#9d5ec1,#70448e);color:#fff!important;font-size:15px!important;box-shadow:0 5px 12px rgba(99,57,126,.30)}
.hads-top-companion:hover{transform:translateY(-6px) scale(1.035)!important;box-shadow:0 13px 0 rgba(108,65,139,.16),0 28px 44px rgba(72,42,90,.28),inset 0 1px 0 #fff!important}

/* HOME: guarantee copy stays inside its own column and never enters the visual */
#homeHero .hero-copy{
  width:min(570px,39vw)!important;max-width:39vw!important;padding-right:18px!important;overflow:visible!important;
}
#homeHero .hero-title,#homeHero .hero-title-fixed{
  font-size:clamp(38px,3.45vw,58px)!important;line-height:1.01!important;letter-spacing:-1.8px!important;
  max-width:100%!important;overflow-wrap:normal!important;word-break:normal!important;
}
#homeHero .hero-slides{left:47.5%!important;right:2.6%!important;border-radius:46px!important}
#homeHero .hero-slide{filter:saturate(.98) contrast(1.035)!important;transform:scale(1.012)!important}
#homeHero .hero-slide::after{
  background:
    linear-gradient(90deg,rgba(249,247,251,.36) 0%,rgba(249,247,251,.04) 8%,rgba(0,0,0,0) 18%,rgba(0,0,0,0) 82%,rgba(249,247,251,.18) 100%),
    linear-gradient(180deg,rgba(249,247,251,.16) 0%,rgba(0,0,0,0) 12%,rgba(0,0,0,0) 86%,rgba(249,247,251,.22) 100%)!important;
  box-shadow:inset 0 0 44px rgba(248,246,250,.28)!important;
  -webkit-backdrop-filter:blur(2px);
  backdrop-filter:blur(2px);
  -webkit-mask-image:radial-gradient(ellipse 72% 70% at center,transparent 0 63%,#000 82% 100%);
  mask-image:radial-gradient(ellipse 72% 70% at center,transparent 0 63%,#000 82% 100%);
}

/* Quick-access buttons — same premium 3D language everywhere */
.hads-qbubble{
  min-height:62px!important;padding:11px 14px!important;border-radius:21px!important;
  background:linear-gradient(145deg,#ffffff 0%,#f1e8f6 58%,#e8d9f0 100%)!important;
  border:1px solid rgba(126,76,158,.24)!important;
  box-shadow:0 8px 0 rgba(114,68,145,.17),0 17px 28px rgba(65,40,78,.18),inset 0 1px 0 rgba(255,255,255,.98)!important;
  color:var(--hads-v14-ink)!important;
}
.hads-qbubble .num{
  width:38px!important;height:38px!important;border-radius:13px!important;
  background:linear-gradient(145deg,#a55fca,#70438f)!important;
  box-shadow:0 6px 0 rgba(80,43,104,.22),0 12px 18px rgba(87,49,108,.25),inset 0 1px 0 rgba(255,255,255,.32)!important;
  color:#fff!important;font-size:11px!important;
}
.hads-qbubble .label{color:#302737!important;font-size:11px!important;font-weight:900!important;line-height:1.12!important;text-shadow:none!important}
.hads-qbubble:hover{
  transform:translateY(-7px) scale(1.045)!important;
  background:linear-gradient(145deg,#9b5dbd,#6f418d)!important;
  border-color:#b97add!important;
  box-shadow:0 11px 0 rgba(74,40,96,.28),0 25px 38px rgba(62,35,76,.30),inset 0 1px 0 rgba(255,255,255,.35)!important;
}
.hads-qbubble:hover .label{color:#fff!important}.hads-qbubble:hover .num{background:rgba(255,255,255,.18)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.3)!important}

/* Expertise hero: keep headline, CTA and six quick buttons inside one screen */
.expertise-hero-with-nav{min-height:calc(100vh - 58px)!important;max-height:none!important;padding-bottom:108px!important;overflow:hidden!important}
.expertise-hero-with-nav .hero-content{padding-bottom:122px!important}
.expertise-hero-with-nav h1{font-size:clamp(48px,5.35vw,76px)!important;line-height:.96!important;max-width:880px!important;letter-spacing:-3.2px!important}
.expertise-hero-with-nav p{max-width:760px!important}
.expertise-hero-quicknav{bottom:18px!important;gap:12px!important}
.expertise-hero-quicknav .hads-qbubble{min-height:64px!important;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(235,223,242,.93))!important}

/* Workwear rail gets same readable relief while keeping its left-side position */
.ww-family-rail .hads-qbubble{background:linear-gradient(145deg,rgba(27,20,31,.92),rgba(94,54,118,.92))!important;border-color:rgba(255,255,255,.22)!important;box-shadow:0 8px 0 rgba(36,21,45,.40),0 19px 31px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.15)!important}
.ww-family-rail .hads-qbubble .label{color:#fff!important}.ww-family-rail .hads-qbubble:hover{background:linear-gradient(145deg,#a05dc2,#6c4088)!important}

/* Who-we-are quicknav stays integrated in hero and readable */
.history-hero-quicknav .hads-qbubble{background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(238,228,244,.94))!important}

@media(max-width:1180px){
  #homeHero .hero-copy{width:42vw!important;max-width:42vw!important}
  #homeHero .hero-title,#homeHero .hero-title-fixed{font-size:clamp(36px,3.7vw,52px)!important}
  #homeHero .hero-slides{left:49%!important}
}
@media(max-width:800px){
  .hads-top-companion{right:12px!important;bottom:14px!important;min-width:94px!important;height:46px!important;padding:0 13px!important}
  #homeHero .hero-copy{width:100%!important;max-width:none!important;padding-right:0!important}
  #homeHero .hero-title,#homeHero .hero-title-fixed{font-size:34px!important}
  #homeHero .hero-slides{left:4%!important;right:4%!important}
  .expertise-hero-with-nav{min-height:820px!important;padding-bottom:245px!important}
  .expertise-hero-with-nav .hero-content{padding-bottom:270px!important}
  .expertise-hero-with-nav h1{font-size:43px!important;letter-spacing:-2px!important}
  .hads-qbubble .label{font-size:10px!important}
}

/* ===== Legacy HADS Global V15 — consolidated, order preserved ===== */
/* HADS PREMIUM V15 — unified hero navigation & family buttons */
:root{
  --hads-v15-purple:#8d4fba;
  --hads-v15-purple-hi:#bd72df;
  --hads-v15-hero:#17131d;
  --hads-v15-hero2:#271c2e;
}

/* Expertise hero quick access: same dark hero language, stronger 3D relief */
.expertise-hero-quicknav .hads-qbubble{
  min-height:68px!important;
  background:linear-gradient(150deg,rgba(31,24,37,.96),rgba(72,49,86,.94))!important;
  border:1px solid rgba(208,169,227,.26)!important;
  box-shadow:0 9px 0 rgba(25,16,31,.62),0 20px 32px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.13)!important;
}
.expertise-hero-quicknav .hads-qbubble .label{color:#fff!important;text-shadow:0 1px 12px rgba(0,0,0,.25)!important}
.expertise-hero-quicknav .hads-qbubble .num{
  background:linear-gradient(145deg,#b867da,#79469a)!important;
  box-shadow:0 6px 0 rgba(48,27,61,.55),0 12px 18px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.28)!important;
}
.expertise-hero-quicknav .hads-qbubble:hover{
  background:linear-gradient(145deg,#a85fca,#6e3e8a)!important;
  border-color:rgba(238,206,251,.72)!important;
  transform:translateY(-8px) scale(1.05)!important;
}

/* Individual expertise pages: turn the plain white strip into real 3D navigation */
.expertise-subnav,.co-subnav{
  background:linear-gradient(180deg,var(--hads-v15-hero),var(--hads-v15-hero2))!important;
  border:0!important;
  padding:13px 0 18px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 14px 26px rgba(28,18,34,.13)!important;
}
.expertise-subnav .container,.co-subnav .container{
  min-height:62px!important;gap:13px!important;display:flex!important;align-items:center!important;justify-content:center!important;
}
.expertise-subnav a,.co-subnav a{
  min-width:150px!important;min-height:52px!important;padding:0 18px!important;
  border-radius:19px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  color:#f5edf9!important;background:linear-gradient(145deg,rgba(54,41,63,.98),rgba(35,27,42,.98))!important;
  border:1px solid rgba(196,147,219,.22)!important;
  box-shadow:0 7px 0 rgba(15,10,19,.72),0 15px 24px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.10)!important;
  font-size:10px!important;font-weight:850!important;letter-spacing:.08em!important;text-transform:uppercase!important;
  transition:transform .25s ease,box-shadow .25s ease,background .25s ease!important;
}
.expertise-subnav a:hover,.co-subnav a:hover,.expertise-subnav a.active,.co-subnav a.active{
  color:#fff!important;background:linear-gradient(145deg,#a95fc9,#6e4088)!important;
  border-color:rgba(232,194,248,.62)!important;
  transform:translateY(-6px) scale(1.025)!important;
  box-shadow:0 10px 0 rgba(56,31,72,.72),0 23px 34px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.27)!important;
}

/* Family pages: convert shortcuts into premium 3D pills/cards */
.family-shortcuts{
  gap:11px!important;padding-top:20px!important;margin-top:20px!important;border-top:1px solid rgba(118,82,150,.14)!important;
}
.family-shortcuts a{
  min-height:44px!important;padding:9px 13px!important;border-radius:15px!important;display:flex!important;align-items:center!important;
  background:linear-gradient(145deg,#fff,#eee4f4)!important;border:1px solid rgba(118,82,150,.18)!important;
  color:#42324c!important;font-size:10px!important;font-weight:850!important;letter-spacing:.035em!important;
  box-shadow:0 5px 0 rgba(110,65,140,.13),0 11px 20px rgba(68,42,81,.12),inset 0 1px 0 #fff!important;
  transition:.25s!important;
}
.family-shortcuts a:hover,.family-shortcuts a.active{
  color:#fff!important;background:linear-gradient(145deg,#a65fc7,#71428e)!important;
  transform:translateY(-4px)!important;box-shadow:0 8px 0 rgba(75,42,94,.24),0 18px 28px rgba(67,39,82,.20),inset 0 1px 0 rgba(255,255,255,.25)!important;
}

/* Family rail: a little more sculpted and readable */
.ww-family-rail .hads-qbubble{
  border-radius:24px!important;min-height:68px!important;
  box-shadow:0 9px 0 rgba(27,16,34,.55),0 22px 34px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.16)!important;
}
.ww-family-rail .hads-qbubble .label{font-size:11px!important;font-weight:900!important;letter-spacing:.01em!important}

@media(max-width:1000px){
  .expertise-subnav .container,.co-subnav .container{justify-content:flex-start!important;overflow-x:auto!important;padding:4px 18px 12px!important}
  .expertise-subnav a,.co-subnav a{min-width:142px!important;flex:0 0 auto!important}
}

/* ===== Legacy HADS Global V16 — consolidated, order preserved ===== */
/* =========================================================
   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}
}