/* HADS V61 — expertise sequence correction, additive and EN-only */
/* Home: lift the two main CTAs by about 1 cm without changing the hero composition */
@media (min-width:701px){#hadsHomeV47 .hads-home-v47-actions{transform:translate(-50%,-19px)!important}}

/* Shared 8-step rail: visible inside the first screen, one line on desktop, 3D relief */
.v41-process-nav,.expertise-subnav{position:relative!important;z-index:40!important;margin-top:-86px!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0 2.1vw 12px!important}
.expertise-subnav .container{max-width:none!important;min-height:0!important;display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:9px!important;padding:0!important}
.v41-process-nav{display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:9px!important}
.v41-process-nav a,.expertise-subnav a{min-width:0!important;min-height:72px!important;padding:10px 10px!important;border-radius:20px!important;border:1px solid rgba(202,143,229,.34)!important;background:linear-gradient(145deg,rgba(73,49,83,.97),rgba(49,34,57,.98))!important;color:#fff!important;text-decoration:none!important;display:flex!important;align-items:center!important;gap:9px!important;font-size:clamp(8px,.67vw,11px)!important;font-weight:850!important;letter-spacing:-.1px!important;white-space:normal!important;line-height:1.15!important;box-shadow:0 8px 0 rgba(38,24,45,.58),0 15px 24px rgba(20,12,24,.30),inset 0 1px 0 rgba(255,255,255,.18)!important;transition:transform .18s ease,box-shadow .18s ease!important}
.v41-process-nav a:hover,.expertise-subnav a:hover,.v41-process-nav a.active,.expertise-subnav a.active{transform:translateY(-4px)!important;background:linear-gradient(145deg,#684078,#4b3157)!important;box-shadow:0 10px 0 rgba(38,24,45,.58),0 20px 30px rgba(20,12,24,.38),inset 0 1px 0 rgba(255,255,255,.22)!important;color:#fff!important}
.v41-process-nav a b,.expertise-subnav a:before{flex:0 0 38px!important;width:38px!important;height:38px!important;border-radius:13px!important;display:grid!important;place-items:center!important;background:linear-gradient(145deg,#c86ee8,#8744ac)!important;color:#fff!important;font-size:10px!important;font-weight:900!important;box-shadow:0 5px 0 rgba(91,42,112,.65),0 8px 14px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.35)!important;margin:0!important}
.v41-process-nav a span{display:block!important;color:#fff!important}
.expertise-subnav a:nth-child(1):before{content:'01'}.expertise-subnav a:nth-child(2):before{content:'02'}.expertise-subnav a:nth-child(3):before{content:'03'}.expertise-subnav a:nth-child(4):before{content:'04'}.expertise-subnav a:nth-child(5):before{content:'05'}.expertise-subnav a:nth-child(6):before{content:'06'}.expertise-subnav a:nth-child(7):before{content:'07'}.expertise-subnav a:nth-child(8):before{content:'08'}

/* New product-development pages: use the same header and hero proportions as standard expertise pages */
.hads-v41-detail .hads-standard-header{position:relative;z-index:100}.hads-v41-detail .v41-detail-hero{min-height:calc(100svh - 82px)!important;height:calc(100svh - 82px)!important;max-height:780px!important;grid-template-columns:53.5% 46.5%!important;border-radius:0 0 24px 24px!important;overflow:hidden!important}
.hads-v41-detail .v41-detail-hero>img{min-height:0!important;height:100%!important;object-fit:cover!important;opacity:.78!important}
.hads-v41-detail .v41-detail-copy{padding:70px 7vw 120px!important}.hads-v41-detail .v41-detail-copy h1{font-size:clamp(46px,5.2vw,76px)!important;line-height:1.02!important}.hads-v41-detail .v41-detail-copy p{font-size:16px!important;line-height:1.65!important}.hads-v41-detail .v41-detail-copy>a{box-shadow:0 8px 0 #5e2d76,0 14px 22px rgba(0,0,0,.24)!important}

/* Existing expertise pages: keep their visual identity but reserve room for the 8-step rail */
body:not(.hads-v41-detail) .hero .container{padding-bottom:125px!important}

@media(max-width:1150px){.v41-process-nav,.expertise-subnav{margin-top:-78px!important;padding-left:12px!important;padding-right:12px!important}.v41-process-nav a,.expertise-subnav a{min-height:66px!important;padding:8px!important}.v41-process-nav a b,.expertise-subnav a:before{flex-basis:32px!important;width:32px!important;height:32px!important}}
@media(max-width:900px){.v41-process-nav,.expertise-subnav{margin-top:-4px!important;background:#fff!important;padding:10px 12px 16px!important;overflow-x:auto!important}.v41-process-nav,.expertise-subnav .container{display:flex!important;gap:9px!important;overflow-x:auto!important;justify-content:flex-start!important}.v41-process-nav a,.expertise-subnav a{flex:0 0 150px!important;min-height:62px!important}.hads-v41-detail .v41-detail-hero{height:auto!important;max-height:none!important;min-height:0!important;grid-template-columns:1fr!important}.hads-v41-detail .v41-detail-copy{padding:58px 26px 48px!important}.hads-v41-detail .v41-detail-hero>img{height:360px!important}}


/* HADS V62 — targeted hero sizing only (EN product-development 01/02/03)
   Goal: shorter first screen, CTA fully visible, no other page/style changes. */
@media (min-width:901px){
  .hads-v41-detail .v41-detail-hero{
    min-height:620px!important;
    height:calc(100svh - 150px)!important;
    max-height:690px!important;
  }
  .hads-v41-detail .v41-detail-copy{
    padding:44px 7vw 98px!important;
  }
  .hads-v41-detail .v41-detail-copy h1{
    font-size:clamp(44px,4.65vw,68px)!important;
    line-height:1.00!important;
    margin-bottom:24px!important;
  }
  .hads-v41-detail .v41-detail-copy p{
    font-size:15px!important;
    line-height:1.55!important;
    margin-bottom:22px!important;
  }
  .hads-v41-detail .v41-process-nav{
    margin-top:-74px!important;
  }
  .hads-v41-detail.v62-design-page .v41-detail-copy>a{
    transform:translateY(10px)!important;
  }
}

/* HADS V65 — EN final hero/CTA geometry only.
   Home: move only the two hero CTAs down ~5 mm versus V61.
   Expertise: keep the 8-step rail inside the hero footprint and keep the CTA visible above it. */
@media (min-width:701px){
  #hadsHomeV47 .hads-home-v47-actions{transform:translate(-50%,0)!important}
}
@media (min-width:901px){
  .hads-v41-detail .v41-detail-hero{
    min-height:590px!important;
    height:calc(100svh - 170px)!important;
    max-height:660px!important;
  }
  .hads-v41-detail .v41-detail-copy{padding:38px 7vw 112px!important}
  .hads-v41-detail .v41-detail-copy>a{position:relative!important;z-index:45!important;margin-top:4px!important;transform:none!important}
  .hads-v41-detail .v41-process-nav{margin-top:-82px!important}

  body:not(.hads-v41-detail) .hero{
    min-height:590px!important;
    height:calc(100svh - 150px)!important;
    max-height:690px!important;
  }
  body:not(.hads-v41-detail) .hero .container{padding-bottom:122px!important}
  .expertise-hero-cta{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    min-height:52px!important;margin-top:22px!important;padding:0 28px!important;
    border-radius:15px!important;background:linear-gradient(145deg,#a24fc4,#7f3ca2)!important;
    color:#fff!important;text-decoration:none!important;font-size:12px!important;font-weight:900!important;
    letter-spacing:.01em!important;box-shadow:0 8px 0 #5e2d76,0 16px 26px rgba(0,0,0,.26)!important;
    position:relative!important;z-index:45!important;
  }
  .expertise-hero-cta:hover{transform:translateY(-2px)!important;box-shadow:0 10px 0 #5e2d76,0 20px 30px rgba(0,0,0,.30)!important}
  .expertise-subnav{margin-top:-82px!important}
}
@media(max-width:900px){
  .expertise-hero-cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin-top:20px;padding:0 22px;border-radius:14px;background:#9147b1;color:#fff;text-decoration:none;font-size:11px;font-weight:900;box-shadow:0 7px 0 #5e2d76}
}