/* HADS HOME MASTER — Point 2
   Consolidated from the former inline Home styles.
   Scope: home.html only.
*/

/* ---- legacy home block 1 (preserved) ---- */

*{margin:0;padding:0;box-sizing:border-box}
:root{
  --purple:#765296;
  --purple2:#c786e4;
  --ink:#202126;
  --muted:#6e6f75;
  --soft:#f4f4f5;
  --line:#dddde1;
  --dark:#18181b;
  --white:#fff;
}
html{scroll-behavior:smooth}
body{
  font-family:"Manrope",Arial,sans-serif;
  color:var(--ink);
  background:#fff;
  line-height:1.6;
  overflow-x:hidden;
}
a{text-decoration:none;color:inherit}
img{display:block;width:100%;height:100%;object-fit:cover}
button{font:inherit}
.container{width:92%;max-width:1280px;margin:auto}

/* =========================================================
   HEADER — same architecture as the other HADS pages
========================================================= */
.main-header{
  position:sticky;
  top:0;
  z-index:1000;
  height:58px;
  background:rgba(255,255,255,.985);
  backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(20,20,25,.08);
  box-shadow:0 3px 14px rgba(0,0,0,.025);
}
.nav{
  height:58px;
  display:flex;
  align-items:center;
}
.logo{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  line-height:1;
  flex-shrink:0;
  margin-right:44px;
}
.logo img{
  width:90px;
  height:auto;
  object-fit:contain;
}
.logo small{
  margin-top:2px;
  font-size:7px;
  color:#777;
  white-space:nowrap;
}
.nav-right{
  display:flex;
  align-items:center;
  width:100%;
  min-width:0;
}
.main-menu{
  display:flex;
  align-items:center;
  list-style:none;
  margin-left:auto;
  margin-right:auto;
}
.menu-item{
  position:relative;
  display:flex;
  align-items:center;
}
.menu-item:not(:last-child)::after{
  content:"";
  width:1px;
  height:20px;
  background:#d5d5da;
  margin:0 19px;
}
.menu-link{
  display:block;
  padding:19px 0;
  font-size:12.5px;
  font-weight:700;
  white-space:nowrap;
  transition:.22s;
}
.menu-link:hover,.menu-link.active{color:var(--purple)}
.dropdown{
  position:absolute;
  top:100%;
  left:0;
  min-width:235px;
  background:#fff;
  border-top:2px solid var(--purple);
  box-shadow:0 18px 45px rgba(0,0,0,.12);
  opacity:0;
  visibility:hidden;
  transform:translateY(8px);
  transition:.22s ease;
}
.menu-item:hover>.dropdown{
  opacity:1;
  visibility:visible;
  transform:none;
}
.dropdown a{
  display:block;
  padding:12px 18px;
  font-size:12px;
  color:#555;
  border-bottom:1px solid #eee;
}
.dropdown a:hover{
  background:#f8f7fa;
  color:var(--purple);
}
.lang-switch{
  display:flex;
  align-items:center;
  gap:9px;
  padding-left:20px;
  border-left:1px solid #cfcfd4;
  flex-shrink:0;
}
.lang-btn{
  border:0;
  background:none;
  padding:0;
  font-size:12px;
  font-weight:700;
  color:#7b7b80;
  cursor:pointer;
}
.lang-btn.active,.lang-btn:hover{color:var(--purple)}
.mobile-toggle{
  display:none;
  margin-left:auto;
  border:0;
  background:none;
  font-size:24px;
  cursor:pointer;
}
.mobile-submenu-btn{display:none}

/* =========================================================
   HERO — desktop
========================================================= */
.hero{
  position:relative;
  height:calc(100vh - 58px);
  min-height:690px;
  overflow:hidden;
  color:#fff;
  background:#101217;
  isolation:isolate;
}
.hero-slides{
  position:absolute;
  inset:0;
  z-index:0;
}
.hero-slide{
  position:absolute;
  inset:0;
  opacity:0;
  visibility:hidden;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  background-color:#101217;
  transform:scale(1.015);
  transition:opacity .9s ease,visibility .9s ease,transform 6s ease;
}
.hero-slide.active{
  opacity:1;
  visibility:visible;
  transform:scale(1);
}
.hero-slide::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,
      rgba(9,11,15,.96) 0%,
      rgba(9,11,15,.86) 18%,
      rgba(9,11,15,.58) 32%,
      rgba(9,11,15,.25) 45%,
      rgba(9,11,15,.03) 62%,
      rgba(9,11,15,0) 75%);
}
.hero-content-wrap{
  position:relative;
  z-index:3;
  height:100%;
  display:flex;
  align-items:center;
  padding-bottom:120px;
}
.hero-copy{
  width:min(510px,40vw);
}
.hero-kicker{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:15px;
  font-size:10px;
  font-weight:700;
  letter-spacing:3px;
  text-transform:uppercase;
  color:#d7bee3;
}
.hero-number{
  color:#b36bd4;
  font-size:14px;
  letter-spacing:0;
}
.hero-title{
  font-family:"Syne","Manrope",sans-serif;
  font-size:clamp(42px,4vw,61px);
  font-weight:600;
  line-height:1.02;
  letter-spacing:-2px;
  max-width:520px;
}
.hero-title span{color:var(--purple2)}
.hero-description{
  max-width:505px;
  margin:20px 0 26px;
  font-size:14px;
  line-height:1.7;
  font-weight:500;
  color:rgba(255,255,255,.82);
}
.hero-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}
.btn-primary,.btn-secondary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:0 21px;
  font-size:10px;
  font-weight:700;
  letter-spacing:.45px;
  transition:.25s;
}
.btn-primary{
  background:#79579a;
  color:#fff;
  border:1px solid #79579a;
}
.btn-primary:hover{
  background:#67447f;
  transform:translateY(-2px);
}
.btn-secondary{
  color:#fff;
  border:1px solid rgba(255,255,255,.62);
  background:rgba(10,12,16,.14);
  backdrop-filter:blur(4px);
}
.btn-secondary:hover{
  background:#fff;
  color:#3f3049;
}
.hero-nav{
  position:absolute;
  z-index:5;
  left:4%;
  bottom:96px;
  display:flex;
  gap:4px;
}
.hero-dot{
  appearance:none;
  border:0;
  background:transparent;
  color:rgba(255,255,255,.48);
  font-size:10px;
  font-weight:700;
  padding:7px 6px;
  cursor:pointer;
  position:relative;
}
.hero-dot::after{
  content:"";
  position:absolute;
  left:6px;
  right:6px;
  bottom:0;
  height:2px;
  background:rgba(255,255,255,.20);
}
.hero-dot.active{color:#d28deb}
.hero-dot.active::after{background:#a45bc5}
.hero-progress{
  position:absolute;
  z-index:4;
  left:0;right:0;bottom:0;
  height:2px;
  background:rgba(255,255,255,.08);
}
.hero-progress-bar{
  height:100%;
  width:0;
  background:#8e58ac;
}
.hero-progress-bar.running{animation:heroProgress 5s linear forwards}
@keyframes heroProgress{from{width:0}to{width:100%}}

/* =========================================================
   SHARED SECTIONS
========================================================= */
.tag{
  font-size:10px;
  font-weight:700;
  letter-spacing:3px;
  color:var(--purple);
}
.section-title{
  font-family:"Syne","Manrope",sans-serif;
  font-size:clamp(40px,4.4vw,60px);
  line-height:1.03;
  letter-spacing:-2.5px;
  margin-top:11px;
}
.card-link{
  font-size:11px;
  font-weight:700;
  color:var(--purple);
}

/* =========================================================
   WHO WE ARE
========================================================= */
.intro{padding:110px 0}
.intro-grid{
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  gap:85px;
  align-items:start;
}
.intro-copy{
  font-size:17px;
  color:#666;
  line-height:1.9;
}
.intro-copy strong{color:#29292d}
.intro-meta{
  margin-top:30px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.intro-meta div{
  padding:20px 16px 20px 0;
}
.intro-meta div:not(:last-child){border-right:1px solid var(--line)}
.intro-meta b{
  display:block;
  font-family:"Syne";
  font-size:24px;
  color:var(--purple);
}
.intro-meta span{
  font-size:11px;
  color:#777;
}

/* =========================================================
   WORKWEAR — visual recap only
========================================================= */
.workwear{
  background:var(--soft);
  padding:110px 0;
}

/* Commercial proof sections — added without changing the validated site architecture */
.why-hads,.nearshore,.references{padding:96px 0}
.why-hads{background:#f5f5f7}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:38px}
.why-card{background:#fff;border:1px solid #e5e5e8;padding:28px;min-height:190px}
.why-card small{display:block;color:var(--purple2);font-weight:800;letter-spacing:.12em;margin-bottom:18px}
.why-card h3{font-size:21px;margin-bottom:10px}
.why-card p{color:#5b5b64;line-height:1.7}
.nearshore{background:#17151d;color:#fff}
.nearshore .section-title{color:#fff}
.nearshore-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}
.nearshore-points{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.nearshore-point{border:1px solid rgba(255,255,255,.16);padding:22px;min-height:118px}
.nearshore-point b{display:block;color:#d7a9e8;margin-bottom:8px}
.references{text-align:center;background:#fff}
.reference-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:920px;margin:38px auto 0}
.reference-item{border:1px solid #e3e3e7;padding:26px 18px;background:#fafafa}
.reference-item strong{font-size:21px;letter-spacing:.02em}
.reference-note{max-width:760px;margin:18px auto 0;color:#666;line-height:1.7}
.certification-note{font-size:14px;color:#64646d;line-height:1.65;margin-top:16px}
@media(max-width:900px){.why-grid{grid-template-columns:1fr 1fr}.nearshore-grid{grid-template-columns:1fr;gap:38px}}
@media(max-width:640px){.why-hads,.nearshore,.references{padding:72px 0}.why-grid,.nearshore-points,.reference-list{grid-template-columns:1fr}.why-card{min-height:0}}
.section-header{
  display:flex;
  justify-content:space-between;
  gap:50px;
  align-items:end;
  margin-bottom:45px;
}
.section-header p{
  max-width:520px;
  color:#6f6f72;
}
.workwear-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}
.workwear-card{
  position:relative;
  min-height:500px;
  overflow:hidden;
  background:#222;
}
.workwear-card img{
  position:absolute;
  inset:0;
  transition:transform .6s ease;
}
.workwear-card::after{
  content:"";
  position:absolute;
  inset:30% 0 0;
  background:linear-gradient(0deg,rgba(15,14,18,.92),rgba(15,14,18,.1));
}
.workwear-card:hover img{transform:scale(1.035)}
.workwear-content{
  position:absolute;
  z-index:2;
  left:24px;
  right:24px;
  bottom:26px;
  color:#fff;
}
.workwear-content small{
  color:#d5b5e3;
  font-size:10px;
  font-weight:700;
  letter-spacing:2px;
}
.workwear-content h3{
  font-family:"Syne";
  font-size:25px;
  line-height:1.1;
  margin:7px 0 8px;
}
.workwear-content p{
  font-size:12px;
  color:#ddd;
  margin-bottom:15px;
}
.workwear-content .card-link{color:#e1c2ef}

/* =========================================================
   EXPERTISE — one image + six routes
========================================================= */
.expertise{padding:115px 0}
.expertise-grid{
  display:grid;
  grid-template-columns:.94fr 1.06fr;
  gap:70px;
  align-items:stretch;
}
.expertise-visual{
  min-height:610px;
  position:relative;
  overflow:hidden;
  background:#222;
}
.expertise-visual::after{
  content:"";
  position:absolute;
  inset:45% 0 0;
  background:linear-gradient(0deg,rgba(25,18,31,.75),transparent);
}
.expertise-caption{
  position:absolute;
  z-index:2;
  left:30px;
  bottom:28px;
  color:#fff;
}
.expertise-caption span{
  font-size:9px;
  font-weight:700;
  letter-spacing:2.4px;
  color:#d4b5e2;
}
.expertise-caption h3{
  font-family:"Syne";
  font-size:30px;
  max-width:420px;
  line-height:1.08;
  margin-top:7px;
}
.expertise-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.expertise-copy>p{
  margin:18px 0 28px;
  color:#666;
  max-width:560px;
}
.process{
  display:grid;
  grid-template-columns:1fr 1fr;
  border-top:1px solid var(--line);
  border-left:1px solid var(--line);
}
.process-item{
  padding:22px;
  min-height:145px;
  border-right:1px solid var(--line);
  border-bottom:1px solid var(--line);
  transition:.25s;
}
.process-item:hover{background:#f7f5f8}
.process-item small{
  font-size:9px;
  font-weight:700;
  letter-spacing:2px;
  color:var(--purple);
}
.process-item h3{
  font-size:18px;
  margin:6px 0 5px;
}
.process-item p{
  font-size:12px;
  color:#777;
}

/* =========================================================
   RESPONSIBILITY — human image, not another quality-control recap
========================================================= */
.responsibility{
  padding:115px 0;
  background:#202126;
  color:#fff;
}
.responsibility-grid{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:72px;
  align-items:center;
}
.resp-visual{
  min-height:570px;
  overflow:hidden;
  position:relative;
}
.resp-visual::after{
  content:"";
  position:absolute;
  inset:50% 0 0;
  background:linear-gradient(0deg,rgba(20,16,25,.78),transparent);
}
.resp-copy .tag{color:#c99edf}
.resp-copy p{
  margin:20px 0 28px;
  color:#b9b9bf;
  max-width:540px;
}
.resp-points{
  border-top:1px solid rgba(255,255,255,.14);
  margin-bottom:28px;
}
.resp-point{
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding:15px 0;
  border-bottom:1px solid rgba(255,255,255,.14);
  font-size:13px;
}
.resp-point b{color:#d5b5e3}
.responsibility .card-link{color:#d7b8e5}

/* =========================================================
   CTA + FOOTER
========================================================= */
.cta{
  padding:82px 0;
  background:linear-gradient(110deg,#4a395d,#75588b);
  color:#fff;
}
.cta-grid{
  display:grid;
  grid-template-columns:1fr auto;
  gap:50px;
  align-items:center;
}
.cta h2{
  font-family:"Syne";
  font-size:clamp(34px,3.5vw,46px);
  line-height:1.08;
}
.cta p{
  margin-top:8px;
  color:#ddd;
  max-width:700px;
}
footer{
  background:var(--dark);
  color:#aaa;
  padding:48px 0;
  font-size:13px;
}
.footer-grid{
  display:grid;
  grid-template-columns:1.2fr .8fr .8fr;
  gap:50px;
}
.footer-brand strong{
  font-family:"Syne";
  font-size:25px;
  color:#fff;
}
.footer-brand p{
  margin-top:8px;
  max-width:420px;
}
.footer-title{
  font-size:11px;
  font-weight:700;
  letter-spacing:2px;
  color:#fff;
  margin-bottom:10px;
}
.footer-links a{
  display:block;
  margin-bottom:6px;
}
.footer-links a:hover{color:#fff}

/* =========================================================
   REVEAL
========================================================= */
.reveal{
  opacity:0;
  transform:translateY(24px);
  transition:opacity .75s ease,transform .75s ease;
}
.reveal.visible{
  opacity:1;
  transform:none;
}

/* =========================================================
   TABLET / MOBILE NAV
========================================================= */
@media(max-width:1150px){
  .main-menu{
    display:none;
    position:absolute;
    top:58px;
    left:0;
    right:0;
    max-height:calc(100vh - 58px);
    overflow:auto;
    background:#fff;
    flex-direction:column;
    align-items:stretch;
    padding:14px 24px 24px;
    box-shadow:0 18px 35px rgba(0,0,0,.10);
  }
  .main-menu.open{display:flex}
  .menu-item{
    display:block;
    border-bottom:1px solid #eee;
  }
  .menu-item:not(:last-child)::after{display:none}
  .menu-link{padding:13px 0}
  .dropdown{
    position:static;
    min-width:0;
    display:none;
    opacity:1;
    visibility:visible;
    transform:none;
    box-shadow:none;
    border-top:0;
    background:#f7f7f8;
    margin-bottom:10px;
  }
  .menu-item.submenu-open>.dropdown{display:block}
  .mobile-submenu-btn{
    display:block;
    position:absolute;
    right:0;
    top:4px;
    width:40px;
    height:40px;
    border:0;
    background:transparent;
    color:#765296;
    font-size:19px;
    cursor:pointer;
  }
  .mobile-toggle{display:block}
  .lang-switch{
    margin-left:auto;
    margin-right:16px;
    padding-left:16px;
  }
  .workwear-grid{grid-template-columns:1fr 1fr}
}

/* =========================================================
   MOBILE HERO — KEY FIX
   Image is shown on top, text below. No text/image collision,
   no aggressive 16:9 crop and no distorted background.
========================================================= */
@media(max-width:760px){
  .main-header,.nav{height:56px}
  .logo{margin-right:16px}
  .logo img{width:80px}
  .logo small{font-size:6px}
  .main-menu{top:56px}
  .lang-switch{
    display:flex;
    gap:6px;
    margin-left:auto;
    margin-right:10px;
    padding-left:9px;
  }
  .lang-btn{font-size:10px}

  .hero{
    height:auto;
    min-height:760px;
    background:#101217;
  }
  .hero-slides{
    top:0;
    bottom:auto;
    height:43%;
    background:#101217;
  }
  .hero-slide{
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center top;
    transform:none;
  }
  .hero-slide.active{transform:none}
  .hero-slide::after{
    background:linear-gradient(0deg,rgba(16,18,23,.34),rgba(16,18,23,.02) 62%);
  }
  .hero-content-wrap{
    height:auto;
    min-height:760px;
    align-items:flex-start;
    padding-top:360px;
    padding-bottom:125px;
    background:linear-gradient(180deg,transparent 0 39%,#101217 44% 100%);
  }
  .hero-copy{
    width:100%;
    max-width:100%;
  }
  .hero-kicker{
    font-size:9px;
    letter-spacing:2.2px;
    margin-bottom:11px;
  }
  .hero-title{
    font-size:39px;
    line-height:1.01;
    letter-spacing:-1.5px;
    max-width:360px;
  }
  .hero-description{
    max-width:96%;
    margin:16px 0 21px;
    font-size:13px;
    line-height:1.65;
  }
  .hero-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
    max-width:290px;
  }
  .hero-actions .btn-primary,
  .hero-actions .btn-secondary{
    min-height:44px;
    padding:0 14px;
    font-size:9px;
  }
  .hero-nav{
    left:18px;
    bottom:86px;
    gap:2px;
  }
  .hero-dot{padding:7px 5px}

  .intro,.workwear,.expertise,.responsibility{padding:82px 0}
  .intro-grid,
  .expertise-grid,
  .responsibility-grid{
    grid-template-columns:1fr;
    gap:38px;
  }
  .section-header{
    display:block;
  }
  .section-header p{margin-top:16px}
  .section-title{
    font-size:40px;
    letter-spacing:-1.8px;
  }
  .intro-copy{font-size:15px}
  .intro-meta{grid-template-columns:1fr}
  .intro-meta div:not(:last-child){
    border-right:0;
    border-bottom:1px solid var(--line);
  }
  .workwear-grid{grid-template-columns:1fr}
  .workwear-card{min-height:430px}
  .expertise-visual,.resp-visual{min-height:430px}
  .process{grid-template-columns:1fr}
  .cta-grid,.footer-grid{grid-template-columns:1fr}
}

/* Smaller phones */
@media(max-width:390px){
  .hero{min-height:735px}
  .hero-content-wrap{
    min-height:735px;
    padding-top:335px;
  }
  .hero-title{font-size:35px}
}


/* HADS V2 UPDATE 02 — BRAND PRESENCE
   Desktop only: stronger HADS identity without changing header height or mobile layout. */
@media (min-width:761px){
  .logo img{
    width:104px;
  }
  .logo small{
    font-size:8px;
    font-weight:600;
    color:#55565b;
    letter-spacing:.08px;
  }
}


/* =========================================================
   HADS V2 UPDATE 05 — PARTNER ACCESS ENTRY
   Structural access only. Real secure authentication will be
   connected later; no confidential data is exposed here.
========================================================= */
.partner-access-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:30px;
  margin-left:8px;
  padding:0 8px;
  border:1px solid #d7c9df;
  background:#fff;
  color:#684681;
  font-size:8.8px;
  font-weight:800;
  letter-spacing:.7px;
  line-height:1;
  white-space:nowrap;
  transition:.22s ease;
}
.partner-access-label{display:none}
.partner-access-link:hover,
.partner-access-link.active{
  background:#78559a;
  color:#fff;
}
.partner-access-lock{
  font-size:11px;
  line-height:1;
}
@media(max-width:1150px){
  .partner-access-link{
    margin-left:0;
    margin-right:10px;
  }
}
@media(max-width:650px){
  .partner-access-link{
    width:32px;
    min-width:32px;
    height:30px;
    padding:0;
    margin-right:8px;
  }
  .partner-access-label{
    display:none;
  }
}


/* =========================================================
   HOME COMMERCIAL V2 — targeted update from V1 analysis
   Keeps the validated architecture; strengthens conversion.
========================================================= */
.hero{background:#f4f2f5;color:#fff;min-height:720px}
.hero-slides{left:42%;right:0;overflow:hidden;background:#17151d}
.hero-slide{background-position:center center;transform:scale(1.01)}
.hero-slide::after{background:linear-gradient(90deg,rgba(244,242,245,.96) 0%,rgba(244,242,245,.68) 10%,rgba(20,18,24,.10) 32%,rgba(20,18,24,.02) 70%),linear-gradient(0deg,rgba(15,13,18,.74) 0%,rgba(15,13,18,.12) 44%,rgba(15,13,18,0) 68%)}
.hero-content-wrap{justify-content:flex-end;align-items:flex-end;padding-bottom:82px;pointer-events:none}
.hero-copy{width:min(650px,52vw);margin-left:auto;padding:34px 38px;background:linear-gradient(135deg,rgba(20,18,24,.78),rgba(20,18,24,.38));backdrop-filter:blur(7px);border:1px solid rgba(255,255,255,.16);box-shadow:0 24px 70px rgba(0,0,0,.16);pointer-events:auto}
.hero-title{font-size:clamp(38px,3.7vw,58px);max-width:610px}.hero-description{max-width:590px}
.hero-nav{left:auto;right:4%;bottom:34px}.hero-progress{left:42%}
.hero-slide{transition:opacity .65s ease,visibility .65s ease,transform 5s ease}.hero-progress-bar.running{animation-duration:7.2s}
.home-path{background:#fff;border-bottom:1px solid #e6e3e8;position:relative;z-index:6}
.home-path-inner{display:grid;grid-template-columns:repeat(9,1fr);gap:0;padding:18px 0}
.home-path a{position:relative;padding:10px 8px;text-align:center;font-size:9px;font-weight:800;letter-spacing:.08em;color:#6c6870;text-transform:uppercase}
.home-path a b{display:block;font-family:"Syne";font-size:20px;color:#765296;margin-bottom:3px}.home-path a:not(:last-child)::after{content:"→";position:absolute;right:-5px;top:21px;color:#b9b4bd;font-size:16px}.home-path a:hover{color:#765296}
.intro{padding:92px 0}.intro-grid{grid-template-columns:.72fr 1.28fr}
.intro-meta{grid-template-columns:repeat(4,1fr);gap:14px;border:0;margin-top:34px}
.intro-meta div{border:1px solid #e4e0e7!important;padding:26px 20px!important;min-height:145px;background:linear-gradient(145deg,#fff,#f6f3f8);box-shadow:0 14px 36px rgba(54,38,66,.07);display:flex;flex-direction:column;justify-content:center}
.intro-meta b{font-size:clamp(34px,3vw,48px);line-height:1;color:#765296;margin-bottom:12px}.intro-meta span{font-size:11px;line-height:1.45;text-transform:uppercase;letter-spacing:.06em;color:#57535c;font-weight:700}
@media(max-width:900px){.hero-slides{left:0;top:0;height:48%;}.hero-content-wrap{align-items:flex-end;padding-bottom:58px;background:linear-gradient(180deg,transparent 0 38%,#17151d 48% 100%)}.hero-copy{width:100%;max-width:none;padding:26px;margin:0;background:transparent;border:0;box-shadow:none;backdrop-filter:none}.hero-progress{left:0}.home-path-inner{overflow-x:auto;display:flex}.home-path a{min-width:120px}.intro-meta{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.intro-meta{grid-template-columns:1fr 1fr}.hero-title{font-size:36px}.hero-copy{padding:22px 0}.hero-nav{right:6%;bottom:20px}}



/* =========================================================
   HOME COMMERCIAL V3 — page 1 refinement
   Full hero image at right, commercial copy at left,
   compact viewport, tactile 3D journey cards and back-to-home links.
========================================================= */
html{scroll-behavior:smooth}
body{scroll-padding-top:74px}

/* Compact split hero */
.hero{
  min-height:0!important;
  height:520px!important;
  max-height:calc(100vh - 72px);
  background:linear-gradient(135deg,#f7f5f8 0%,#efebf2 100%)!important;
  color:#22202a!important;
  overflow:hidden;
}
.hero-slides{
  left:43%!important;
  right:0!important;
  top:0!important;
  bottom:0!important;
  height:100%!important;
  background:#f2eff4!important;
  overflow:hidden!important;
}
.hero-slide{
  inset:0!important;
  background-size:contain!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-color:#f2eff4!important;
  transform:none!important;
  transition:opacity 1.5s ease,visibility 1.5s ease!important;
}
.hero-slide::after{
  background:
    linear-gradient(90deg,rgba(247,245,248,.98) 0%,rgba(247,245,248,.74) 4%,rgba(247,245,248,.24) 10%,rgba(247,245,248,0) 18%),
    linear-gradient(0deg,rgba(34,28,40,.10) 0%,rgba(34,28,40,0) 24%)!important;
}
.hero-content-wrap{
  justify-content:flex-start!important;
  align-items:center!important;
  padding-bottom:0!important;
  pointer-events:none;
}
.hero-copy{
  width:min(520px,39vw)!important;
  margin:0!important;
  padding:0 26px 0 0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  pointer-events:auto;
}
.hero-kicker{color:#765296!important;margin-bottom:12px!important;letter-spacing:2.4px!important}
.hero-number{display:none!important}
.hero-title{color:#25212a!important;font-size:clamp(37px,3.4vw,52px)!important;line-height:1.01!important;letter-spacing:-2px!important;max-width:510px!important}
.hero-title span{color:#765296!important}
.hero-description{color:#5c5761!important;max-width:500px!important;margin:16px 0 15px!important;font-size:13px!important;line-height:1.58!important}
.hero-process-line{font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#765296;margin:0 0 20px;display:flex;flex-wrap:wrap;gap:7px;align-items:center}
.hero-process-line i{font-style:normal;color:#b8aebe}
.hero-actions{gap:10px!important}
.hero-actions .btn-secondary{color:#60466e!important;border-color:#8e7b98!important;background:rgba(255,255,255,.55)!important}
.hero-actions .btn-secondary:hover{background:#fff!important;color:#3f3049!important}
.hero-nav{left:auto!important;right:3.5%!important;bottom:18px!important;padding:3px 7px;border-radius:999px;background:rgba(30,25,34,.56);backdrop-filter:blur(5px)}
.hero-dot{color:rgba(255,255,255,.72)!important}.hero-dot.active{color:#fff!important}.hero-dot.active::after{background:#d8a9ea!important}
.hero-progress{left:43%!important;background:rgba(72,55,81,.08)!important}.hero-progress-bar{background:#8e58ac!important}

/* Journey = clear clickable 3D cards; 01–05 visible in one row on desktop */
.home-path{padding:20px 0 24px;background:linear-gradient(180deg,#fff,#faf8fb)!important;border-bottom:1px solid #e6e0e9!important}
.home-path-inner{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:14px!important;padding:0!important;overflow:visible!important}
.home-path a{
  min-width:0!important;
  min-height:105px;
  padding:16px 14px 14px!important;
  text-align:left!important;
  border-radius:18px;
  border:1px solid #e3dbe8;
  background:linear-gradient(145deg,#ffffff 0%,#f1ebf4 100%);
  box-shadow:0 8px 0 #d7cedd,0 15px 26px rgba(63,45,73,.14),inset 0 1px 0 rgba(255,255,255,.95);
  transform:translateY(0);
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease,background .24s ease;
  color:#4e4852!important;
  cursor:pointer;
  text-transform:none!important;
  letter-spacing:0!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1.25;
}
.home-path a:hover,.home-path a:focus-visible{
  transform:translateY(-6px);
  border-color:#b798c6;
  background:linear-gradient(145deg,#fff,#f5eef9);
  box-shadow:0 12px 0 #cbbbd3,0 23px 34px rgba(79,54,92,.19),inset 0 1px 0 rgba(255,255,255,1);
  outline:none;
}
.home-path a:active{transform:translateY(2px);box-shadow:0 4px 0 #d7cedd,0 8px 14px rgba(63,45,73,.12)}
.home-path a b{display:inline-flex!important;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#8966a4,#654878);color:#fff!important;font-size:15px!important;margin:0 0 10px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 5px 10px rgba(78,52,91,.24)}
.home-path a small{display:block;margin-top:7px;font-size:8px;letter-spacing:.13em;text-transform:uppercase;color:#9b8fa1;font-weight:800}
.home-path a::after{content:"↘"!important;position:absolute!important;right:13px!important;top:16px!important;color:#a083af!important;font-size:17px!important}

/* Compact sections + top return control */
main > section:not(.hero){position:relative}
.section-return{
  position:absolute;right:max(22px,calc((100vw - 1180px)/2));top:22px;z-index:4;
  display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;
  border:1px solid rgba(112,82,128,.22);background:rgba(255,255,255,.86);backdrop-filter:blur(6px);
  color:#6f527d;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;
  box-shadow:0 7px 18px rgba(71,53,81,.08);transition:.2s;
}
.section-return:hover{transform:translateY(-2px);background:#fff;border-color:#b89bc6;box-shadow:0 10px 24px rgba(71,53,81,.14)}
.intro{padding:66px 0!important}.why-hads,.workwear,.nearshore,.expertise,.responsibility,.references{padding-top:72px!important;padding-bottom:72px!important}

/* Bigger but elegant commercial figures */
.intro-meta{gap:16px!important;margin-top:28px!important}
.intro-meta div{min-height:155px!important;border-radius:18px!important;border:1px solid #ddd3e3!important;background:linear-gradient(145deg,#fff,#f0e9f4)!important;box-shadow:0 9px 0 #ddd4e2,0 18px 36px rgba(55,39,64,.12)!important;transition:.25s!important}
.intro-meta div:hover{transform:translateY(-5px);box-shadow:0 13px 0 #d0c1d8,0 24px 42px rgba(55,39,64,.16)!important}
.intro-meta b{font-size:clamp(38px,3.4vw,54px)!important;color:#704b84!important}

@media(max-width:1050px){
  .hero{height:560px!important;max-height:none}
  .hero-slides{left:46%!important}.hero-progress{left:46%!important}
  .hero-copy{width:43vw!important}
  .home-path-inner{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .hero{height:auto!important;min-height:760px!important;background:#f7f5f8!important}
  .hero-slides{left:0!important;right:0!important;top:0!important;height:42%!important;bottom:auto!important}
  .hero-slide::after{background:linear-gradient(0deg,#f7f5f8 0%,rgba(247,245,248,.78) 8%,rgba(247,245,248,0) 25%)!important}
  .hero-content-wrap{align-items:flex-end!important;padding:0 20px 32px!important;background:transparent!important}
  .hero-copy{width:100%!important;padding:0!important}
  .hero-title{font-size:35px!important}.hero-progress{left:0!important;top:42%;bottom:auto!important}.hero-nav{right:20px!important;top:calc(42% - 42px)!important;bottom:auto!important}
  .home-path-inner{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.home-path a{min-height:98px!important}
  .section-return{right:14px;top:14px}
  .intro-meta{grid-template-columns:1fr 1fr!important}
}
@media(max-width:460px){
  .hero{min-height:790px!important}.home-path-inner{grid-template-columns:1fr 1fr!important}.home-path a{padding:13px 12px!important}.home-path a b{width:34px;height:34px}
  .intro-meta{grid-template-columns:1fr!important}
}


/* =========================================================
   V4 COMMERCIAL HOME REFINEMENT
   Fixed commercial hero message, 8-step journey, visual Why HADS cards,
   premium CTA relief, stronger non-clipping KPI cards.
========================================================= */
.hero-copy{width:min(590px,42vw)!important;padding-right:30px!important}
.hero-step-badge{display:inline-flex;align-items:center;gap:9px;margin:0 0 10px;padding:6px 10px 6px 7px;border:1px solid #dfd4e5;border-radius:999px;background:rgba(255,255,255,.86);box-shadow:0 5px 14px rgba(74,48,87,.10);color:#6d4b7e}
.hero-step-badge strong{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(145deg,#8d63a6,#654375);color:#fff;font-size:11px;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 4px 8px rgba(70,43,83,.25)}
.hero-step-badge span{font-size:8px;font-weight:900;letter-spacing:.16em}
.hero-kicker{font-size:10px!important;font-weight:900!important}
.hero-title-fixed{font-size:clamp(35px,3.05vw,48px)!important;line-height:1.03!important;letter-spacing:-1.7px!important;margin-top:0!important}
.hero-description{font-size:14px!important;max-width:555px!important;line-height:1.58!important}
.hero-actions a{position:relative;overflow:hidden;min-height:48px!important;padding:14px 21px!important;border-radius:14px!important;font-size:10px!important;letter-spacing:.08em!important;font-weight:900!important;box-shadow:0 7px 0 rgba(83,55,96,.24),0 15px 28px rgba(73,51,83,.18)!important;transform:translateY(0);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease!important}
.hero-actions .btn-primary{background:linear-gradient(145deg,#885da0,#644276)!important;border:1px solid #79518e!important}
.hero-actions .btn-secondary{background:linear-gradient(145deg,#fff,#f0e8f4)!important;border:1px solid #cab8d3!important;color:#5d406c!important}
.hero-actions a:hover{transform:translateY(-4px)!important;box-shadow:0 11px 0 rgba(83,55,96,.20),0 22px 34px rgba(73,51,83,.24)!important;filter:saturate(1.08)}
.hero-actions a:active{transform:translateY(2px)!important;box-shadow:0 3px 0 rgba(83,55,96,.22),0 8px 14px rgba(73,51,83,.15)!important}

/* 8 journey controls: all visible, intentionally excludes hero */
.home-path{padding:18px 0 22px!important}
.home-path-inner{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:13px!important}
.home-path a{min-height:92px!important;padding:13px 13px 12px!important;border-radius:16px!important}
.home-path a b{width:34px!important;height:34px!important;margin-bottom:8px!important}
.home-path a small{margin-top:5px!important}

/* Visual Why HADS cards with soft photographic context */
.why-card-visual{position:relative;isolation:isolate;overflow:hidden;min-height:245px!important;border-radius:18px!important;border:1px solid rgba(108,78,124,.18)!important;background:#fff!important;box-shadow:0 12px 28px rgba(60,43,68,.08);transition:transform .26s ease,box-shadow .26s ease!important}
.why-card-visual::before{content:"";position:absolute;inset:-12px;z-index:-2;background-image:var(--why-bg);background-size:cover;background-position:center;filter:blur(2.8px);transform:scale(1.06);opacity:.28;transition:opacity .3s ease,transform .5s ease}
.why-card-visual::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(255,255,255,.83) 0%,rgba(255,255,255,.90) 56%,rgba(249,246,251,.97) 100%)}
.why-card-visual:hover{transform:translateY(-6px);box-shadow:0 18px 38px rgba(67,46,77,.15)}
.why-card-visual:hover::before{opacity:.40;transform:scale(1.10)}
.why-card-visual small{display:inline-grid!important;place-items:center;width:40px;height:40px;border-radius:12px;background:rgba(120,78,143,.92);color:#fff!important;box-shadow:0 6px 14px rgba(87,53,102,.20);font-weight:900!important}
.why-card-visual h3{margin-top:28px!important}
.why-card-visual p{max-width:94%;font-weight:500}

/* KPI cards: no clipping, stronger 3D and visual icons */
.intro-meta.commercial-stats{display:grid!important;grid-template-columns:1.05fr 1.32fr 1.02fr 1.36fr!important;gap:15px!important;align-items:stretch!important;overflow:visible!important}
.intro-meta.commercial-stats .stat-card{position:relative;overflow:hidden!important;min-width:0!important;min-height:178px!important;padding:24px 22px 22px!important;border-radius:22px!important;background:linear-gradient(145deg,#ffffff 0%,#f2eaf6 100%)!important;border:1px solid #ded0e5!important;box-shadow:0 10px 0 #d9ccdf,0 20px 38px rgba(58,39,68,.14),inset 0 1px 0 #fff!important;justify-content:flex-end!important;transition:transform .25s ease,box-shadow .25s ease!important}
.intro-meta.commercial-stats .stat-card::after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-48px;top:-58px;background:radial-gradient(circle,rgba(140,91,164,.16),rgba(140,91,164,0) 68%)}
.intro-meta.commercial-stats .stat-card:hover{transform:translateY(-7px)!important;box-shadow:0 14px 0 #cfbdd8,0 28px 46px rgba(58,39,68,.19),inset 0 1px 0 #fff!important}
.intro-meta.commercial-stats .stat-icon{position:absolute;right:18px;top:15px;font-size:25px;color:#9a7baa;opacity:.72}
.intro-meta.commercial-stats b{display:block!important;font-size:clamp(29px,2.55vw,46px)!important;line-height:1.02!important;white-space:normal!important;overflow-wrap:anywhere!important;letter-spacing:-1.2px!important;color:#704887!important;margin:0 0 12px!important;max-width:100%!important}
.intro-meta.commercial-stats span:not(.stat-icon){font-size:10px!important;line-height:1.45!important;letter-spacing:.06em!important;color:#56505a!important}
.intro-meta.commercial-stats .stat-pending{grid-column:1/-1!important;min-height:108px!important;display:grid!important;grid-template-columns:minmax(230px,.6fr) 1fr!important;align-items:center!important;justify-content:initial!important;padding:20px 24px!important;background:linear-gradient(135deg,#fbf8fc,#eee3f2)!important}
.intro-meta.commercial-stats .stat-pending b{margin:0!important;font-size:clamp(30px,3vw,47px)!important}
.intro-meta.commercial-stats .stat-pending span:not(.stat-icon){font-size:11px!important}
.intro-meta.commercial-stats .stat-pending em{display:inline-block;margin-left:8px;padding:4px 7px;border-radius:999px;background:#f1e1be;color:#7a5a18;font-size:8px;font-style:normal;font-weight:900;letter-spacing:.08em}

@media(max-width:1050px){
 .home-path-inner{grid-template-columns:repeat(4,minmax(0,1fr))!important}
 .intro-meta.commercial-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .intro-meta.commercial-stats .stat-pending{grid-column:1/-1!important}
}
@media(max-width:760px){
 .hero-copy{width:100%!important}.hero-step-badge{margin-top:8px}
 .home-path-inner{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .why-card-visual{min-height:210px!important}
 .intro-meta.commercial-stats{grid-template-columns:1fr 1fr!important}
 .intro-meta.commercial-stats .stat-card{min-height:155px!important;padding:20px 17px!important}
 .intro-meta.commercial-stats .stat-pending{grid-template-columns:1fr!important;gap:5px!important}
}
@media(max-width:480px){
 .intro-meta.commercial-stats{grid-template-columns:1fr!important}
 .intro-meta.commercial-stats .stat-pending{grid-column:auto!important}
}



/* =========================================================
   V5 HOME POLISH — feedback 2026-09-11
   Cleaner split hero, European header, 8-step single-row journey,
   stronger service pillars, visible photographic Why HADS cards,
   balanced CTAs and safe 4-KPI grid.
========================================================= */
/* Header: larger HADS mark + softer transition into the hero */
.main-header{
  height:68px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(252,250,253,.96))!important;
  border-bottom:1px solid rgba(92,67,104,.10)!important;
  box-shadow:0 10px 28px rgba(55,39,64,.07)!important;
}
.nav{height:68px!important}
.logo{margin-right:50px!important}
.logo img{width:124px!important;max-height:45px!important;object-fit:contain!important}
.logo small{font-size:7.5px!important;margin-top:1px!important;color:#6e6870!important}
.menu-link{font-weight:700!important}

/* Hero split: fixed commercial message left, gently softened rotating imagery right */
.hero{
  height:505px!important;
  max-height:none!important;
  background:linear-gradient(135deg,#fbf9fc 0%,#f4f0f6 58%,#eee8f1 100%)!important;
}
.hero-slides{
  left:43.5%!important;
  top:12px!important;
  right:18px!important;
  bottom:12px!important;
  height:auto!important;
  border-radius:28px!important;
  overflow:hidden!important;
  box-shadow:0 18px 45px rgba(42,32,48,.13),inset 0 0 0 1px rgba(255,255,255,.55)!important;
}
.hero-slide{
  background-size:contain!important;
  background-position:center!important;
  border-radius:28px!important;
  filter:blur(.65px) saturate(.94) contrast(.98)!important;
  transform:scale(1.004)!important;
}
.hero-slide::after{
  border-radius:28px!important;
  background:
    linear-gradient(90deg,rgba(248,246,249,.96) 0%,rgba(248,246,249,.66) 6%,rgba(248,246,249,.24) 14%,rgba(248,246,249,.03) 25%),
    linear-gradient(270deg,rgba(255,255,255,.10),rgba(255,255,255,0) 35%),
    linear-gradient(0deg,rgba(40,28,48,.08),rgba(40,28,48,0) 28%)!important;
}
.hero-content-wrap{padding-top:4px!important}
.hero-copy{width:min(625px,42vw)!important;padding-right:36px!important}
.hero-title-fixed{font-size:clamp(38px,3.15vw,50px)!important;line-height:1.02!important;margin:0 0 16px!important;letter-spacing:-1.8px!important}
.hero-title-fixed strong{font-weight:800!important}
.hero-description{font-size:14px!important;line-height:1.62!important;margin:0 0 19px!important;color:#534d57!important}

/* Five pillars: stronger, cleaner chips rather than a thin text line */
.hero-process-line{
  display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin:0 0 24px!important;
  font-size:10px!important;letter-spacing:.045em!important;text-transform:uppercase!important;
}
.hero-process-line span{
  display:inline-flex!important;align-items:center!important;min-height:30px!important;padding:7px 11px!important;
  border-radius:999px!important;background:linear-gradient(145deg,#fff,#eee6f2)!important;
  border:1px solid #d7c8df!important;color:#694a79!important;font-weight:900!important;
  box-shadow:0 5px 0 #ded3e3,0 10px 18px rgba(67,46,77,.09)!important;
}
.hero-process-line i{display:none!important}

/* Two CTA = same size, same visual weight, European premium style */
.hero-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;max-width:520px!important}
.hero-actions a{
  width:100%!important;min-height:58px!important;padding:17px 20px!important;border-radius:16px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;
  font-size:11px!important;letter-spacing:.075em!important;
}
.hero-actions .btn-primary,.hero-actions .btn-secondary{
  border:1px solid #735183!important;
  box-shadow:0 8px 0 #d3c4da,0 17px 30px rgba(67,47,78,.16)!important;
}
.hero-actions .btn-primary{background:linear-gradient(145deg,#805895,#634373)!important;color:#fff!important}
.hero-actions .btn-secondary{background:linear-gradient(145deg,#fff,#f0e9f3)!important;color:#60416f!important}
.hero-actions a:hover{transform:translateY(-4px)!important;box-shadow:0 12px 0 #cab8d3,0 24px 38px rgba(67,47,78,.20)!important}

/* Journey: all 8 controls visible in ONE row on desktop */
.home-path{padding:16px 0 22px!important;background:linear-gradient(180deg,#fff,#faf8fb)!important}
.home-path-inner{grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:10px!important;overflow:visible!important}
.home-path a{
  min-height:78px!important;padding:10px 8px 9px!important;border-radius:15px!important;
  display:grid!important;grid-template-columns:34px 1fr!important;align-items:center!important;column-gap:8px!important;
  font-size:10px!important;line-height:1.2!important;
  box-shadow:0 6px 0 #ddd4e2,0 12px 23px rgba(61,43,69,.10),inset 0 1px 0 #fff!important;
}
.home-path a b{width:34px!important;height:34px!important;margin:0!important;border-radius:11px!important;font-size:13px!important}
.home-path a span{font-weight:900!important;color:#4d4651!important;text-transform:none!important;letter-spacing:0!important}
.home-path a::after{display:none!important}
.home-path a:hover{transform:translateY(-4px)!important;box-shadow:0 9px 0 #d1c2d8,0 18px 30px rgba(61,43,69,.15)!important}

/* Why HADS: show the symbolic photographs clearly but softly */
.why-card-visual{border-radius:24px!important;box-shadow:0 12px 30px rgba(58,42,66,.11)!important}
.why-card-visual::before{filter:blur(1.4px)!important;opacity:.52!important;transform:scale(1.035)!important;background-position:center!important}
.why-card-visual::after{background:linear-gradient(180deg,rgba(255,255,255,.55) 0%,rgba(255,255,255,.70) 50%,rgba(249,246,251,.88) 100%)!important}
.why-card-visual:hover::before{opacity:.64!important;transform:scale(1.07)!important}
.why-card-visual h3,.why-card-visual p,.why-card-visual small{position:relative;z-index:2}
.why-card-visual h3{font-weight:800!important}

/* KPI: exactly four cards, equal width, no word breaking */
.intro-meta.commercial-stats{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
}
.intro-meta.commercial-stats .stat-card{
  min-height:205px!important;padding:28px 24px!important;border-radius:26px!important;
  justify-content:center!important;
  background:linear-gradient(145deg,#fff 0%,#f1e8f5 100%)!important;
  box-shadow:0 11px 0 #d8cadf,0 22px 42px rgba(58,39,68,.15),inset 0 1px 0 #fff!important;
}
.intro-meta.commercial-stats b{
  font-size:clamp(31px,2.25vw,43px)!important;line-height:1.04!important;
  white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important;letter-spacing:-1px!important;
}
.intro-meta.commercial-stats .stat-years b{font-size:clamp(29px,2.1vw,40px)!important}
.intro-meta.commercial-stats .stat-lead b{font-size:clamp(27px,1.95vw,38px)!important}
.intro-meta.commercial-stats .stat-europe b{font-size:clamp(30px,2.1vw,42px)!important}
.intro-meta.commercial-stats span:not(.stat-icon){font-size:10.5px!important;line-height:1.5!important;font-weight:800!important}

@media(max-width:1180px){
  .home-path-inner{grid-template-columns:repeat(8,minmax(110px,1fr))!important;overflow-x:auto!important;padding-bottom:10px!important}
  .home-path a{min-width:110px!important}
  .intro-meta.commercial-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:900px){
  .main-header,.nav{height:60px!important}.logo img{width:105px!important}
  .hero{height:auto!important;min-height:770px!important}
  .hero-slides{left:12px!important;right:12px!important;top:10px!important;height:42%!important;bottom:auto!important;border-radius:24px!important}
  .hero-slide,.hero-slide::after{border-radius:24px!important}
  .hero-content-wrap{align-items:flex-end!important;padding:0 22px 34px!important}
  .hero-copy{width:100%!important;padding-right:0!important}
  .hero-actions{max-width:none!important}
  .home-path-inner{display:flex!important;overflow-x:auto!important;gap:10px!important}
  .home-path a{min-width:145px!important}
}
@media(max-width:560px){
  .hero-actions{grid-template-columns:1fr!important}
  .hero-process-line span{font-size:9px!important;padding:6px 9px!important}
  .intro-meta.commercial-stats{grid-template-columns:1fr!important}
  .intro-meta.commercial-stats b{white-space:normal!important}
}


/* =========================================================
   V9 — PREMIUM SCREEN REFINEMENTS
========================================================= */
.nearshore-v7-points>div{
  position:relative;overflow:hidden;border:1px solid rgba(203,139,228,.34)!important;
  background:linear-gradient(145deg,rgba(49,38,55,.98),rgba(30,24,35,.98))!important;
  border-radius:26px!important;min-height:116px!important;padding:22px 24px!important;
  box-shadow:0 14px 0 rgba(77,47,87,.34),0 24px 38px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.13)!important;
  transform:translateY(0);transition:.32s ease;
}
.nearshore-v7-points>div:before{content:"";position:absolute;inset:-55% 35% 55% -20%;background:radial-gradient(circle,rgba(202,126,231,.26),transparent 68%);pointer-events:none}
.nearshore-v7-points>div:hover{transform:translateY(-8px) scale(1.025);border-color:#d89bf1!important;box-shadow:0 18px 0 rgba(103,61,118,.42),0 30px 48px rgba(0,0,0,.34),0 0 30px rgba(179,101,207,.16)!important}
.nearshore-v7-points b{font-size:15px!important;color:#dc9ff2!important;letter-spacing:.02em}
.nearshore-v7-points span{font-size:14px!important;line-height:1.5!important;color:#f3edf6!important;margin-top:8px!important;display:block}
.highlight-word{display:inline-block;position:relative;color:#fff;z-index:1}
.highlight-word:after{content:"";position:absolute;left:-.06em;right:-.06em;bottom:.08em;height:.22em;border-radius:999px;background:linear-gradient(90deg,#7d4da0,#d18dea);z-index:-1;opacity:.92;animation:hadsHighlight 2.6s ease-in-out infinite}
.highlight-lead:after{animation-delay:1.3s}
@keyframes hadsHighlight{0%,100%{filter:brightness(.9);transform:scaleX(.35);opacity:.38}45%,65%{filter:brightness(1.45);transform:scaleX(1);opacity:1}}
.nearshore-map{position:relative;overflow:hidden!important;border-radius:40px!important;background:#0e121a}
.nearshore-map img{filter:saturate(.9) contrast(1.08);transform:scale(1.015)}
.nearshore-map:before{content:"";position:absolute;z-index:3;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(14,18,26,.62) 0%,transparent 18%,transparent 78%,rgba(14,18,26,.88) 100%),linear-gradient(0deg,rgba(14,18,26,.88) 0%,transparent 24%,transparent 84%,rgba(14,18,26,.52) 100%);backdrop-filter:blur(0px)}
.nearshore-map:after{content:"";position:absolute;z-index:4;right:0;bottom:0;width:42%;height:22%;background:linear-gradient(135deg,transparent 0%,rgba(14,18,26,.86) 48%,#0e121a 80%);filter:blur(7px);pointer-events:none}
.nearshore-map-badge{z-index:5!important}

.responsibility-v9 .responsibility-grid{align-items:center!important;gap:42px!important}
.resp-visual-v9{position:relative;overflow:hidden;border-radius:42px!important;box-shadow:0 28px 55px rgba(33,22,43,.16)}
.resp-visual-v9:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(20,15,26,.72) 100%);pointer-events:none}
.resp-photo-badge{position:absolute;z-index:2;left:28px;right:28px;bottom:24px;color:#fff;display:flex;justify-content:space-between;align-items:end;gap:20px}
.resp-photo-badge strong{font-family:"Syne",sans-serif;letter-spacing:.12em;font-size:16px}.resp-photo-badge span{font-size:12px;opacity:.82}
.resp-intro-v9{max-width:760px!important;margin-bottom:18px!important}
.resp-facts-v9{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0 20px}
.resp-fact{position:relative;min-height:105px;border:1px solid rgba(118,82,150,.17);border-radius:25px;padding:18px 18px 16px 62px;background:linear-gradient(145deg,#fff,#f8f2fb);box-shadow:0 12px 0 #eadff0,0 24px 34px rgba(59,39,73,.10),inset 0 1px 0 #fff;transition:.28s ease}
.resp-fact:hover{transform:translateY(-7px) scale(1.018);box-shadow:0 16px 0 #dfcce9,0 30px 44px rgba(76,47,94,.17),0 0 28px rgba(158,93,184,.12)}
.fact-icon{position:absolute;left:18px;top:22px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#8f5bae,#6e458c);color:#fff;box-shadow:0 8px 16px rgba(102,65,128,.3);font-weight:800}
.resp-fact b{display:block;font-family:"Syne",sans-serif;font-size:15px;line-height:1.15;color:#2b2430}.resp-fact small{display:block;margin-top:7px;color:#777;font-size:11px;line-height:1.35}

@media (max-width:900px){.resp-facts-v9{grid-template-columns:1fr}.resp-photo-badge{align-items:start;flex-direction:column}.nearshore-v7-points>div{min-height:0!important}}



/* ---- legacy home block 2 (preserved) ---- */

/* ===== HADS COMMERCIAL V6 — screen-by-screen premium home ===== */
:root{--v6-purple:#76489b;--v6-purple2:#9b5bc0;--v6-ink:#16131d;--v6-soft:#f7f4f9;--v6-line:#e7ddec}
html{scroll-snap-type:y proximity;scroll-padding-top:64px}
body{background:#f9f8fa;color:var(--v6-ink)}
.main-header{height:70px!important;background:rgba(255,255,255,.92)!important;backdrop-filter:blur(18px)!important;border-bottom:1px solid rgba(118,72,155,.10)!important;box-shadow:0 12px 36px rgba(44,26,57,.06)!important}
.nav{height:70px!important}.logo{margin-right:54px!important}.logo img{width:122px!important}.logo small{font-size:8px!important}.menu-link{font-size:12px!important}.main-menu{gap:0}

/* Screen 01 hero */
.hero{scroll-snap-align:start;height:calc(100svh - 70px)!important;min-height:680px!important;max-height:none!important;background:radial-gradient(circle at 38% 12%,#fff 0,#fbf9fc 38%,#f1ebf5 100%)!important;color:var(--v6-ink)!important;overflow:hidden!important;border-bottom-left-radius:34px;border-bottom-right-radius:34px}
.hero-slides{left:46%!important;right:2.4%!important;top:3.2%!important;bottom:20%!important;height:auto!important;border-radius:38px!important;overflow:hidden!important;background:#12141a!important;box-shadow:0 28px 70px rgba(30,20,38,.20)!important}
.hero-slide{background-size:cover!important;background-position:center!important;filter:saturate(.9) contrast(1.02) blur(.35px)!important;transform:scale(1.012)!important}
.hero-slide::after{background:linear-gradient(90deg,rgba(248,246,250,.30),rgba(248,246,250,0) 20%),linear-gradient(90deg,rgba(13,15,20,0) 56%,rgba(13,15,20,.14) 100%)!important}
.hero-content-wrap{padding-bottom:16%!important;align-items:center!important}.hero-copy{width:42%!important;max-width:610px!important;padding-right:34px!important}
.hero-experience{margin-bottom:20px;display:flex;flex-direction:column;gap:2px;color:var(--v6-purple)}.hero-experience strong{font-family:"Syne",sans-serif;font-size:clamp(28px,3vw,48px);letter-spacing:.04em;line-height:1;font-weight:700}.hero-experience span{font-size:11px;letter-spacing:.23em;font-weight:800}
.hero-title{font-family:"Syne",sans-serif!important;font-size:clamp(42px,4.05vw,68px)!important;line-height:.98!important;letter-spacing:-.045em!important;font-weight:700!important;margin:0!important}.hero-title span{background:linear-gradient(90deg,#6f3f91,#9b58bd);-webkit-background-clip:text;color:transparent!important}
.hero-description{font-size:15px!important;line-height:1.55!important;color:#58505e!important;max-width:600px!important;margin:20px 0 16px!important}
.hero-process-line{display:flex!important;gap:8px!important;margin:0 0 22px!important;flex-wrap:nowrap!important}.hero-process-line span{padding:9px 12px;border:1px solid #e6dceb;border-radius:14px;background:rgba(255,255,255,.72);box-shadow:0 7px 18px rgba(74,43,91,.07);font-size:9px!important;letter-spacing:.05em!important}.hero-process-line i{display:none!important}
.hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important;max-width:590px}.hero-actions a{min-height:60px!important;border-radius:18px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:13px!important;font-weight:800!important;letter-spacing:.015em!important;box-shadow:0 10px 0 rgba(92,54,112,.18),0 18px 36px rgba(82,44,102,.14)!important;transition:.25s ease!important}.hero-actions .btn-primary{background:linear-gradient(135deg,#9254b5,#6b3e8d)!important;border:0!important}.hero-actions .btn-secondary{background:#fff!important;border:1px solid #d7c5df!important;color:#643f78!important}.hero-actions a:hover{transform:translateY(-5px)!important;box-shadow:0 14px 0 rgba(92,54,112,.16),0 28px 42px rgba(82,44,102,.18)!important}
.hero-nav{right:4.5%!important;bottom:22.5%!important;left:auto!important}.hero-progress{left:46%!important;right:2.4%!important;bottom:19.4%!important;width:auto!important}

/* 8-card navigation on same first screen */
.home-path{position:absolute!important;left:0;right:0;bottom:0;z-index:12;background:rgba(255,255,255,.92)!important;backdrop-filter:blur(16px);border-top:1px solid rgba(118,72,155,.10)!important;border-bottom:0!important;padding:16px 0 20px!important}
.home-path-inner{grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:10px!important;max-width:1480px!important;width:94%!important}
.home-path a{min-height:112px!important;padding:14px 12px!important;border-radius:22px!important;background:linear-gradient(145deg,#fff,#f4eef7)!important;border:1px solid #e5d9ea!important;box-shadow:0 8px 0 #e1d6e6,0 18px 30px rgba(55,33,67,.10),inset 0 1px 0 #fff!important;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;overflow:hidden;isolation:isolate}
.home-path a::before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle,rgba(176,95,220,.34) 0,rgba(176,95,220,.08) 34%,transparent 62%);opacity:0;transform:scale(.8);transition:.16s;z-index:-1}.home-path a.wave-active::before,.home-path a:hover::before{opacity:1;transform:scale(1.08)}
.home-path a.wave-active,.home-path a:hover{transform:translateY(-8px) scale(1.035)!important;border-color:#c88cdd!important;box-shadow:0 11px 0 #ccb8d6,0 28px 42px rgba(104,55,129,.22),0 0 34px rgba(166,86,205,.22)!important;background:linear-gradient(145deg,#fff,#f2e6f7)!important}
.home-path a b{width:38px!important;height:38px!important;border-radius:13px!important;margin-bottom:8px!important;background:linear-gradient(145deg,#9b60bc,#6c4288)!important}.home-path a span{font-size:11px;font-weight:800;color:#3c3341;line-height:1.1}.home-path a small{font-size:7px!important;margin-top:5px!important}.home-path a::after{display:none!important}

/* all subsequent blocks = one screen */
main>section:not(.hero), #industrial-capability{scroll-snap-align:start;min-height:calc(100svh - 70px)!important;height:calc(100svh - 70px)!important;padding:34px 0!important;display:flex;align-items:center;overflow:hidden;border-radius:34px;margin:10px 14px;background:#fff;box-shadow:0 14px 50px rgba(35,20,44,.055)}
.section-return{top:20px!important;right:28px!important;padding:10px 16px!important;border-radius:16px!important;background:#fff!important;box-shadow:0 7px 0 #e4dae8,0 15px 24px rgba(65,39,79,.10)!important;font-weight:800!important}
.section-title{font-family:"Syne",sans-serif!important;letter-spacing:-.035em!important}.section-header{margin-bottom:20px!important}.section-header .section-title{font-size:clamp(34px,3.5vw,58px)!important;line-height:1!important}.tag{color:var(--v6-purple)!important;letter-spacing:.28em!important;font-weight:800!important}

/* Why HADS screen */
.why-hads{background:linear-gradient(155deg,#fbf9fc,#f5f0f7)!important}.why-hads>.container{max-width:1500px!important}.why-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:12px!important}.why-card{min-height:270px!important;border-radius:24px!important;padding:18px!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;overflow:hidden!important;box-shadow:0 12px 0 rgba(114,79,132,.10),0 25px 45px rgba(50,30,61,.10)!important}.why-card::before{content:"";position:absolute;inset:0;background-image:linear-gradient(180deg,rgba(255,255,255,.12) 0%,rgba(255,255,255,.45) 42%,rgba(255,255,255,.92) 76%),var(--why-bg);background-size:cover;background-position:center;filter:saturate(1.08) contrast(1.02);z-index:-2}.why-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(124,72,156,.03),rgba(124,72,156,.12));z-index:-1}.why-card small{position:absolute;top:16px;left:16px;width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#9b5bc0,#6d438a);color:#fff;font-size:15px!important;box-shadow:0 8px 18px rgba(88,46,109,.24)}.why-card h3{font-size:18px!important;line-height:1.1!important;margin-bottom:8px}.why-card p{font-size:12px!important;line-height:1.4!important}.why-stats-wrap{margin-top:18px}.intro-meta.commercial-stats{grid-template-columns:repeat(4,1fr)!important;gap:12px!important;margin-top:0!important}.intro-meta.commercial-stats .stat-card{min-height:115px!important;border-radius:20px!important;padding:18px 18px!important;justify-content:center!important;box-shadow:0 8px 0 #dfd3e4,0 18px 30px rgba(58,39,68,.10)!important}.intro-meta.commercial-stats b{font-size:clamp(25px,2.1vw,38px)!important;white-space:nowrap!important;overflow-wrap:normal!important;margin-bottom:7px!important}.intro-meta.commercial-stats span:not(.stat-icon){font-size:9px!important}.intro-meta.commercial-stats .stat-icon{font-size:20px!important}

/* Workwear one screen */
.workwear>.container{max-width:1480px!important}.workwear-grid{grid-template-columns:repeat(4,1fr)!important;gap:16px!important}.workwear-card{height:500px!important;border-radius:28px!important;overflow:hidden!important;box-shadow:0 12px 0 #e3d9e6,0 28px 48px rgba(45,27,54,.12)!important}.workwear-card img{height:64%!important}.workwear-content{padding:18px!important}.workwear-content h3{font-family:"Syne";font-size:24px!important}.workwear-content p{font-size:11px!important}.card-link{font-size:10px!important;font-weight:800!important}

/* Process one screen with 3D rounded boxes */
.expertise-grid{grid-template-columns:.9fr 1.1fr!important;gap:30px!important;align-items:center!important}.expertise-visual{height:650px!important;border-radius:34px!important;overflow:hidden!important;box-shadow:0 20px 50px rgba(40,24,49,.16)!important}.expertise-copy>.section-title{font-size:clamp(34px,3.2vw,54px)!important}.process{grid-template-columns:repeat(2,1fr)!important;gap:12px!important;border:0!important}.process-item{border:1px solid #e6dcea!important;border-radius:22px!important;padding:20px!important;min-height:135px!important;background:linear-gradient(145deg,#fff,#f7f2f9)!important;box-shadow:0 8px 0 #e2d7e7,0 18px 28px rgba(58,38,68,.10)!important;transition:.25s}.process-item:hover{transform:translateY(-5px);box-shadow:0 11px 0 #d6c5df,0 28px 38px rgba(73,43,88,.16)!important}.process-item h3{font-family:"Syne";font-size:20px!important}.process-item p{font-size:11px!important}.process-item small{color:#8d55aa!important;font-weight:800!important}

/* Capability + Tunisia in ONE screen */
#industrial-capability{background:linear-gradient(145deg,#fff,#f7f2f9)!important}
#industrial-capability>.container{max-width:1480px!important;display:grid!important;grid-template-columns:.72fr 1.28fr!important;grid-template-rows:auto 1fr!important;gap:22px 34px!important;align-items:start!important}
#industrial-capability .intro-copy{font-size:14px}.nearshore-merge{grid-column:1/-1!important;border-radius:28px;background:#17131c;color:#fff;padding:24px 30px;box-shadow:0 16px 42px rgba(31,20,38,.18)}.nearshore-merge .nearshore-grid{display:grid!important;grid-template-columns:.8fr 1.2fr!important;gap:30px!important}.nearshore-merge .section-title{font-size:clamp(30px,3vw,48px)!important;color:#fff!important}.nearshore-merge p{color:#d8cfe0!important;font-size:12px!important}.nearshore-points{grid-template-columns:repeat(4,1fr)!important;gap:10px!important}.nearshore-point{border:1px solid rgba(255,255,255,.13)!important;border-radius:20px!important;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(118,72,155,.12))!important;padding:18px!important;box-shadow:0 7px 0 rgba(92,58,110,.22)!important}.nearshore-point b{font-size:11px!important;color:#d99cf4!important}.nearshore-point span{font-size:10px!important;color:#fff!important;line-height:1.35!important}

/* Quality, references, CTA fit */
.responsibility-grid{grid-template-columns:.92fr 1.08fr!important;gap:32px!important}.resp-visual{height:580px!important;border-radius:34px!important;overflow:hidden!important}.resp-points{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important}.resp-point{border:1px solid #e7ddeb!important;border-radius:20px!important;padding:18px!important;background:#faf7fb!important;box-shadow:0 7px 0 #e4dbe8!important}.references>.container{max-width:1400px!important}.reference-list{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:18px!important;margin-top:34px!important}.reference-item{min-height:190px;border-radius:28px!important;background:linear-gradient(145deg,#fff,#f3edf6)!important;border:1px solid #e4d9e8!important;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 0 #dfd3e4,0 22px 36px rgba(55,32,66,.11)!important}.reference-item strong{font-family:"Syne";font-size:28px;color:#68427c}.cta{background:linear-gradient(135deg,#1b1520,#2c2034)!important;color:#fff!important}.cta-grid{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:34px;padding:55px!important;box-shadow:0 24px 70px rgba(0,0,0,.24)}.cta h2{font-family:"Syne";font-size:clamp(42px,4.8vw,76px)!important;line-height:1!important}.cta .btn-secondary{min-height:64px;border-radius:18px;background:linear-gradient(135deg,#9456b8,#6c428a);color:#fff;border:0;box-shadow:0 11px 0 #4e315f}

@media(max-width:1180px){html{scroll-snap-type:none}.hero{height:auto!important;min-height:930px!important}.hero-slides{left:4%!important;right:4%!important;top:45%!important;bottom:18%!important}.hero-copy{width:100%!important;max-width:700px!important;padding-top:28px!important}.hero-content-wrap{align-items:flex-start!important;padding-bottom:0!important}.home-path{position:absolute!important}.home-path-inner{display:flex!important;overflow-x:auto!important}.home-path a{min-width:170px!important}.why-grid{grid-template-columns:repeat(3,1fr)!important}.why-card{min-height:220px!important}main>section:not(.hero),#industrial-capability{height:auto!important;min-height:0!important;overflow:visible!important}.workwear-grid{grid-template-columns:1fr 1fr!important}.workwear-card{height:460px!important}.intro-meta.commercial-stats{grid-template-columns:1fr 1fr!important}.process{grid-template-columns:1fr 1fr!important}.nearshore-points{grid-template-columns:1fr 1fr!important}}
@media(max-width:700px){.logo img{width:105px!important}.hero{min-height:1120px!important}.hero-title{font-size:40px!important}.hero-process-line{flex-wrap:wrap!important}.hero-actions{grid-template-columns:1fr!important}.hero-slides{top:49%!important;bottom:20%!important}.why-grid,.workwear-grid{grid-template-columns:1fr!important}.why-card{min-height:250px!important}.expertise-grid,.responsibility-grid,#industrial-capability>.container,.nearshore-merge .nearshore-grid{grid-template-columns:1fr!important}.expertise-visual,.resp-visual{height:420px!important}.process,.resp-points,.nearshore-points{grid-template-columns:1fr!important}.intro-meta.commercial-stats{grid-template-columns:1fr!important}.reference-list{grid-template-columns:1fr!important}}


/* ---- legacy home block 3 (preserved) ---- */

/* V6.1 exact viewport sizing */
main>section:not(.hero),#industrial-capability{height:calc(100svh - 80px)!important;min-height:calc(100svh - 80px)!important;margin:10px 14px 0!important}
@media(max-width:1180px){main>section:not(.hero),#industrial-capability{height:auto!important;min-height:0!important;margin:10px 8px!important}}


/* ---- legacy home block 4 (preserved) ---- */

/* V7 — viewport-centred premium screens */
#from-idea,#industrial-capability,#why-tunisia,#quality-compliance,#experience-references,#start-project{height:calc(100svh - 78px)!important;min-height:680px!important;margin:10px 14px 0!important;border-radius:42px!important;overflow:hidden!important;display:flex!important;align-items:center!important;position:relative!important}
#from-idea>.container,#quality-compliance>.container,#experience-references>.container{width:min(1660px,92vw)!important;margin:auto!important}
#from-idea .expertise-grid{grid-template-columns:.9fr 1.1fr!important;gap:34px!important;align-items:center!important}
#from-idea .expertise-visual{height:min(68vh,650px)!important;border-radius:38px!important;overflow:hidden!important;box-shadow:0 24px 55px rgba(31,22,42,.16)!important}
#from-idea .expertise-copy{display:flex!important;flex-direction:column!important;justify-content:center!important}
#from-idea .section-title{font-size:clamp(42px,4vw,72px)!important;line-height:.95!important;margin:12px 0 16px!important}
#from-idea .process{grid-template-columns:1fr 1fr!important;gap:16px!important;margin-top:18px!important}
#from-idea .process-item{min-height:128px!important;padding:23px 26px!important;border-radius:26px!important;background:linear-gradient(145deg,#fff,#f8f3fb)!important;border:1px solid #eadff0!important;box-shadow:0 10px 0 #e5d9eb,0 22px 36px rgba(50,31,65,.08)!important;transition:.28s ease!important}
#from-idea .process-item:hover{transform:translateY(-6px) scale(1.025)!important;box-shadow:0 13px 0 #d7c4e2,0 28px 45px rgba(99,58,127,.18)!important}
#from-idea .process-item h3{font-size:23px!important;margin:6px 0 6px!important} #from-idea .process-item p{font-size:15px!important;line-height:1.35!important}
#from-idea .expertise-copy>p:last-child{display:none!important}
.industrial-v7{background:linear-gradient(135deg,#fbf9fc 0%,#fff 58%,#f4edf8 100%)!important}
.industrial-v7-grid{width:min(1660px,92vw)!important;display:grid!important;grid-template-columns:.9fr 1.1fr!important;gap:46px!important;align-items:center!important}
.industrial-v7-copy .section-title{font-size:clamp(48px,4.3vw,78px)!important;line-height:.95!important;margin:14px 0 20px!important}.industrial-v7-copy>p{font-size:20px!important;line-height:1.55!important;max-width:680px!important}
.industrial-v7-points{display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important;margin-top:30px!important}.industrial-v7-points>div{padding:22px!important;border-radius:24px!important;background:#fff!important;box-shadow:0 9px 0 #e4d7ea,0 20px 38px rgba(62,38,80,.09)!important}.industrial-v7-points strong{display:block!important;font-size:31px!important;color:#7e4ca0!important}.industrial-v7-points span{display:block!important;margin-top:5px!important;font-weight:650!important}
.industrial-v7-visual{height:min(72vh,700px)!important;border-radius:42px!important;overflow:hidden!important;position:relative!important;box-shadow:0 28px 70px rgba(24,20,30,.22)!important}.industrial-v7-visual img{width:100%!important;height:100%!important;object-fit:cover!important}.industrial-v7-labels{position:absolute!important;left:24px!important;right:24px!important;bottom:24px!important;display:flex!important;gap:10px!important;flex-wrap:wrap!important}.industrial-v7-labels span{padding:10px 15px!important;border-radius:999px!important;background:rgba(19,15,24,.72)!important;color:white!important;backdrop-filter:blur(8px)!important;font-size:12px!important;font-weight:800!important;letter-spacing:.08em!important}
.nearshore-v7{background:#16121a!important;color:white!important}.nearshore-v7-grid{width:min(1660px,92vw)!important;display:grid!important;grid-template-columns:1.03fr .97fr!important;gap:54px!important;align-items:center!important}.nearshore-map{height:min(72vh,700px)!important;position:relative!important;border-radius:44px!important;overflow:hidden!important;box-shadow:0 28px 70px rgba(0,0,0,.35)!important}.nearshore-map img{width:100%!important;height:100%!important;object-fit:cover!important;filter:saturate(.92) contrast(1.06)!important}.nearshore-map:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 48%,rgba(22,18,26,.55));pointer-events:none}.nearshore-map-badge{position:absolute;z-index:2;left:26px;bottom:26px;padding:18px 22px;border-radius:22px;background:rgba(22,18,26,.75);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.nearshore-map-badge b{display:block;color:#d99cff;font-size:18px}.nearshore-map-badge span{display:block;margin-top:5px}
.nearshore-v7-copy .tag{color:#bd78e9!important}.nearshore-v7-copy .section-title{font-size:clamp(44px,4vw,72px)!important;line-height:.98!important;color:white!important;margin:14px 0 18px!important}.nearshore-v7-copy>p{font-size:18px!important;line-height:1.5!important;color:#d8d0dc!important}.nearshore-v7-points{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important;margin-top:24px!important}.nearshore-v7-points>div{padding:18px 19px!important;border-radius:22px!important;background:linear-gradient(145deg,#2a2230,#211a27)!important;border:1px solid rgba(203,147,236,.24)!important;box-shadow:0 8px 0 #0c0910,0 18px 28px rgba(0,0,0,.26)!important}.nearshore-v7-points b{display:block;color:#d392f1!important;font-size:13px!important;letter-spacing:.05em!important}.nearshore-v7-points span{display:block;margin-top:7px;color:#f4eff6!important;font-size:14px;line-height:1.35}
#quality-compliance{background:linear-gradient(135deg,#fff 0%,#fbf8fc 100%)!important}#quality-compliance .responsibility-grid{display:grid!important;grid-template-columns:.95fr 1.05fr!important;gap:46px!important;align-items:center!important}#quality-compliance .resp-visual{height:min(72vh,690px)!important;border-radius:44px!important;overflow:hidden!important;box-shadow:0 26px 60px rgba(40,27,48,.16)!important}#quality-compliance .resp-visual img{width:100%!important;height:100%!important;object-fit:cover!important;filter:saturate(1.05) contrast(1.04)!important}#quality-compliance .resp-copy{opacity:1!important;color:#201b23!important}#quality-compliance .section-title{font-size:clamp(44px,3.8vw,68px)!important;line-height:.98!important;margin:12px 0 16px!important}#quality-compliance .resp-copy>p{font-size:18px!important;line-height:1.5!important;color:#5d5660!important}#quality-compliance .resp-points{display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important;margin:25px 0!important}#quality-compliance .resp-point{min-height:100px!important;padding:23px!important;border-radius:24px!important;background:#fff!important;color:#2d2531!important;border:1px solid #eadfee!important;box-shadow:0 9px 0 #e2d5e7,0 20px 32px rgba(67,42,82,.09)!important}#quality-compliance .resp-point span{font-size:16px!important;font-weight:750!important}#quality-compliance .resp-point b{font-size:18px!important;color:#9a5ebd!important}.certification-note{padding:14px 18px!important;border-radius:18px!important;background:#f6f0f9!important;font-size:14px!important}
.references-v7{background:linear-gradient(135deg,#fbf9fc,#fff)!important}.refs-v7-head{display:grid!important;grid-template-columns:1.1fr .9fr!important;gap:50px!important;align-items:end!important}.refs-v7-head .section-title{font-size:clamp(44px,4vw,74px)!important;line-height:.98!important}.refs-v7-head p{font-size:18px!important;line-height:1.5!important;color:#69606c!important}.reference-list-v7{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:22px!important;margin-top:34px!important}.ref-card{min-height:300px!important;border-radius:32px!important;padding:30px!important;background:white!important;border:1px solid #eadff0!important;box-shadow:0 11px 0 #e4d8ea,0 28px 50px rgba(52,34,64,.1)!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;text-decoration:none!important;color:#201a24!important;transition:.28s ease!important}.ref-card:hover{transform:translateY(-8px) scale(1.02)!important;box-shadow:0 14px 0 #d8c4e2,0 34px 60px rgba(115,72,139,.2)!important}.ref-logo-text{font-size:52px!important;font-weight:900!important;letter-spacing:-.04em!important;color:#1d1820!important}.ref-logo-text small{display:block;font-size:15px;letter-spacing:.18em;color:#8f5aaa}.vestineo-wordmark{font-style:italic;color:#3a2d48!important}.laboureur-wordmark{font-family:Georgia,serif;font-style:italic;font-size:46px!important}.ref-card p{font-size:20px!important;font-weight:700!important}.ref-card em{font-style:normal!important;font-size:12px!important;font-weight:800!important;color:#8b56a8!important;letter-spacing:.08em!important}.refs-v7-markets{margin-top:34px!important;display:flex!important;gap:12px!important;align-items:center!important;flex-wrap:wrap!important}.refs-v7-markets>*{padding:10px 15px;border-radius:999px;background:#f2eaf6}.refs-v7-markets b{background:#7c4b97!important;color:white!important}
.cta-v7{background:radial-gradient(circle at 80% 20%,#70458a 0%,#2b2030 34%,#171219 72%)!important;color:white!important}.cta-v7-inner{width:min(1600px,88vw)!important;display:grid!important;grid-template-columns:1.12fr .88fr!important;gap:70px!important;align-items:center!important}.cta-v7 .tag{color:#d89df7!important}.cta-v7-copy h2{font-size:clamp(56px,5.2vw,96px)!important;line-height:.92!important;letter-spacing:-.045em!important;margin:16px 0 24px!important}.cta-v7-copy p{max-width:760px!important;font-size:20px!important;line-height:1.55!important;color:#ddd2e1!important}.cta-v7-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.cta-v7-tags span{padding:10px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);font-size:12px;font-weight:800}.cta-v7-action{padding:42px!important;border-radius:38px!important;background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.05))!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:0 16px 0 rgba(0,0,0,.22),0 36px 70px rgba(0,0,0,.32)!important;text-align:center!important}.cta-v7-pulse{width:64px;height:64px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;background:#9255b6;box-shadow:0 0 0 12px rgba(166,94,204,.14),0 0 36px rgba(194,105,242,.4);font-weight:900}.cta-v7-action strong{display:block;font-size:24px!important}.cta-v7-action p{color:#d9cedd!important;line-height:1.45!important}.cta-v7-button{margin:26px auto 18px!important;min-height:68px!important;border-radius:20px!important;font-size:16px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:22px!important;box-shadow:0 11px 0 #4b2f5c,0 25px 45px rgba(149,84,181,.35)!important}.cta-v7-button:hover{transform:translateY(-5px)!important}.cta-v7-action small{display:block;color:#bcaebe!important}
@media(max-width:1180px){#from-idea,#industrial-capability,#why-tunisia,#quality-compliance,#experience-references,#start-project{height:auto!important;min-height:0!important;overflow:visible!important}.industrial-v7-grid,.nearshore-v7-grid,#quality-compliance .responsibility-grid,.refs-v7-head,.cta-v7-inner{grid-template-columns:1fr!important}.reference-list-v7{grid-template-columns:1fr!important}.nearshore-map,.industrial-v7-visual,#quality-compliance .resp-visual{height:520px!important}}

/* ===== HADS V8 — fit-to-screen refinement ===== */
#home-expertise{padding:20px 0!important;align-items:center!important}
#home-expertise .container{width:min(1580px,92vw)!important;margin:auto!important}
#home-expertise .expertise-grid{grid-template-columns:.88fr 1.12fr!important;gap:34px!important;align-items:center!important;min-height:0!important}
#home-expertise .expertise-visual{height:min(68vh,590px)!important;min-height:0!important;border-radius:34px!important}
#home-expertise .expertise-copy{align-self:center!important}
#home-expertise .expertise-copy>.section-title{font-size:clamp(36px,3vw,52px)!important;line-height:.96!important;margin:8px 0 14px!important}
#home-expertise .expertise-copy>p{font-size:16px!important;line-height:1.42!important;margin:0 0 14px!important}
#home-expertise .process{gap:10px!important}
#home-expertise .process-item{min-height:102px!important;padding:15px 18px!important;border-radius:24px!important;box-shadow:0 7px 0 #e1d5e7,0 15px 25px rgba(58,38,68,.09)!important}
#home-expertise .process-item h3{font-size:18px!important;margin:5px 0 6px!important}
#home-expertise .process-item p{font-size:10.5px!important;line-height:1.35!important;margin:0!important}
#home-expertise .process-item small{font-size:9px!important}
#home-expertise .expertise-copy>p:last-child{margin-top:12px!important}

#industrial-capability{padding:20px 0!important;align-items:center!important}
.industrial-v7-grid{grid-template-columns:.9fr 1.1fr!important;gap:42px!important;align-items:center!important;width:min(1640px,92vw)!important;margin:auto!important}
.industrial-v7-copy .section-title{font-size:clamp(42px,3.8vw,68px)!important;line-height:.94!important;margin:10px 0 16px!important}
.industrial-v7-copy>p{font-size:17px!important;line-height:1.45!important;max-width:650px!important;margin-bottom:18px!important}
.industrial-skill-bubbles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:690px}
.industrial-skill-bubbles>div{min-height:105px;padding:16px 18px;border-radius:28px;background:linear-gradient(145deg,#fff,#f5eef8);border:1px solid #e8dced;box-shadow:0 8px 0 #ded0e6,0 20px 34px rgba(74,44,92,.13),inset 0 1px 0 #fff;display:grid;grid-template-columns:46px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;transition:.25s ease}
.industrial-skill-bubbles>div:nth-child(5){grid-column:1 / -1;max-width:335px;justify-self:center;width:100%}
.industrial-skill-bubbles>div:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 11px 0 #d2c0dc,0 28px 42px rgba(92,51,113,.20)}
.industrial-skill-bubbles span{grid-row:1 / 3;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#9c5fc0,#6d438a);color:#fff;font-weight:900;box-shadow:0 7px 16px rgba(93,50,114,.25)}
.industrial-skill-bubbles b{font-family:"Syne",sans-serif;font-size:16px;letter-spacing:.02em}.industrial-skill-bubbles small{font-size:11px;color:#706575;line-height:1.25}
.industrial-v7-visual{height:min(69vh,610px)!important;border-radius:44px!important}
.industrial-v7-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(118,72,155,.13),transparent 28%,transparent 72%,rgba(118,72,155,.13));pointer-events:none}
.industrial-photo-caption{position:absolute;z-index:2;left:24px;bottom:24px;padding:14px 18px;border-radius:20px;background:rgba(25,19,29,.72);backdrop-filter:blur(10px);color:white;display:flex;flex-direction:column;gap:3px}.industrial-photo-caption strong{font-size:12px;letter-spacing:.09em}.industrial-photo-caption span{font-size:11px;color:#e3d9e8}

#why-tunisia{padding:20px 0!important;align-items:center!important}
.nearshore-v7-grid{width:min(1620px,92vw)!important;margin:auto!important;gap:42px!important;align-items:center!important}
.nearshore-map{height:min(68vh,600px)!important;border-radius:44px!important}
.nearshore-map img{filter:saturate(1.08) contrast(1.08) brightness(1.02)!important;transform:scale(1.01)}
.nearshore-map:before,.nearshore-map:after{content:"";position:absolute;top:0;bottom:0;width:18%;z-index:2;pointer-events:none;backdrop-filter:blur(7px)}
.nearshore-map:before{left:0;background:linear-gradient(90deg,rgba(22,18,26,.42),rgba(22,18,26,0))}
.nearshore-map:after{right:0!important;left:auto!important;background:linear-gradient(270deg,rgba(22,18,26,.56),rgba(22,18,26,0))!important}
.nearshore-map-badge{z-index:4!important}
.nearshore-v7-copy .section-title{font-size:clamp(38px,3.5vw,62px)!important;margin:10px 0 14px!important}
.nearshore-v7-copy>p{font-size:16px!important;line-height:1.42!important}
.nearshore-v7-points{gap:11px!important;margin-top:18px!important}
.nearshore-v7-points>div{padding:14px 16px!important;border-radius:22px!important}.nearshore-v7-points b{font-size:11px!important}.nearshore-v7-points span{font-size:12px!important;margin-top:5px!important}

#quality-compliance,#experience-references,#start-project{padding:20px 0!important;align-items:center!important}
#quality-compliance .container,#experience-references .container,#start-project .container{width:min(1620px,92vw)!important;margin:auto!important}
#quality-compliance .responsibility-grid{gap:36px!important;align-items:center!important}
#quality-compliance .resp-visual{height:min(68vh,600px)!important;border-radius:40px!important;overflow:hidden!important}
#quality-compliance .resp-copy .section-title{font-size:clamp(38px,3.4vw,60px)!important;line-height:.98!important;margin:10px 0 14px!important}
#quality-compliance .resp-copy>p{font-size:15px!important;line-height:1.45!important}
#quality-compliance .resp-point{min-height:64px!important;border-radius:22px!important;padding:14px 16px!important}
#quality-compliance .certification-note{margin:16px 0 10px!important}

.references-v7 .refs-v7-head .section-title{font-size:clamp(38px,3.4vw,62px)!important}
.reference-list-v7{margin-top:24px!important;gap:18px!important}.ref-card{min-height:245px!important;padding:24px!important;border-radius:30px!important}.ref-logo-text{font-size:44px!important}.laboureur-wordmark{font-size:40px!important}.ref-card p{font-size:17px!important}.refs-v7-markets{margin-top:22px!important}
.cta-v7-inner{gap:46px!important}.cta-v7-copy h2{font-size:clamp(50px,4.6vw,82px)!important}.cta-v7-action{padding:34px!important}.cta-v7-button{min-height:62px!important}

@media (max-height:800px) and (min-width:1181px){
  main>section:not(.hero),#industrial-capability{padding:14px 0!important}
  #home-expertise .expertise-visual,.industrial-v7-visual,.nearshore-map,#quality-compliance .resp-visual{height:560px!important}
  #home-expertise .process-item{min-height:94px!important;padding:12px 16px!important}
  .industrial-skill-bubbles>div{min-height:92px!important;padding:12px 15px!important}
  .reference-list-v7 .ref-card{min-height:220px!important}
}



/* ---- legacy home block 5 (preserved) ---- */

/* V9 FINAL OVERRIDES — keep last */
.nearshore-v7-points>div{min-height:116px!important;padding:22px 24px!important;border-radius:26px!important;background:linear-gradient(145deg,rgba(49,38,55,.98),rgba(30,24,35,.98))!important;border:1px solid rgba(203,139,228,.34)!important;box-shadow:0 14px 0 rgba(77,47,87,.34),0 24px 38px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.13)!important}
.nearshore-v7-points>div:hover{transform:translateY(-8px) scale(1.025)!important;border-color:#d89bf1!important;box-shadow:0 18px 0 rgba(103,61,118,.42),0 30px 48px rgba(0,0,0,.34),0 0 30px rgba(179,101,207,.16)!important}
.nearshore-v7-points b{font-size:15px!important;color:#dc9ff2!important;letter-spacing:.02em!important}.nearshore-v7-points span{font-size:14px!important;line-height:1.5!important;color:#f3edf6!important;margin-top:8px!important}
.responsibility-v9 .resp-facts-v9{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}.responsibility-v9 .resp-fact{min-height:105px!important;border-radius:25px!important;padding:18px 18px 16px 62px!important;background:linear-gradient(145deg,#fff,#f8f2fb)!important;box-shadow:0 12px 0 #eadff0,0 24px 34px rgba(59,39,73,.10),inset 0 1px 0 #fff!important}.responsibility-v9 .resp-fact b{font-size:15px!important}.responsibility-v9 .resp-fact small{font-size:11px!important}
@media(max-width:900px){.nearshore-v7-points>div{min-height:0!important}.responsibility-v9 .resp-facts-v9{grid-template-columns:1fr!important}}


/* ---- legacy home block 6 (preserved) ---- */

/* V10 — targeted anti-cut fixes. Keep last. No content/photo changes. */
@media (min-width:1181px){
  /* Anchors must land below the sticky header instead of hiding the section top. */
  #from-idea,#quality-compliance{scroll-margin-top:78px!important;}

  /* PROCESS — preserve original photo + 6 original steps, fit the full composition in one viewport. */
  #from-idea{
    box-sizing:border-box!important;
    height:calc(100svh - 86px)!important;
    min-height:760px!important;
    max-height:980px!important;
    padding:20px 0!important;
    align-items:center!important;
    overflow:hidden!important;
  }
  #from-idea>.container{width:min(1580px,92vw)!important;margin:auto!important;}
  #from-idea .expertise-grid{
    display:grid!important;grid-template-columns:.88fr 1.12fr!important;gap:34px!important;
    align-items:center!important;min-height:0!important;height:100%!important;
  }
  #from-idea .expertise-visual{
    height:min(64vh,565px)!important;min-height:0!important;border-radius:34px!important;
    align-self:center!important;
  }
  #from-idea .expertise-copy{align-self:center!important;min-height:0!important;}
  #from-idea .expertise-copy>.tag{display:block!important;margin-bottom:7px!important;}
  #from-idea .expertise-copy>.section-title{font-size:clamp(34px,2.8vw,50px)!important;line-height:.96!important;margin:6px 0 12px!important;}
  #from-idea .expertise-copy>p{font-size:15px!important;line-height:1.38!important;margin:0 0 12px!important;}
  #from-idea .process{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px 12px!important;margin-top:10px!important;}
  #from-idea .process-item{min-height:92px!important;padding:12px 16px!important;border-radius:22px!important;}
  #from-idea .process-item h3{font-size:18px!important;line-height:1.05!important;margin:4px 0 5px!important;}
  #from-idea .process-item p{font-size:10.5px!important;line-height:1.28!important;margin:0!important;}
  #from-idea .process-item small{font-size:9px!important;}
  #from-idea .expertise-copy>p:last-child{margin:9px 0 0!important;}

  /* RESPONSIBLE MANUFACTURING — keep the original team photo and all 8 facts visible. */
  #quality-compliance{
    box-sizing:border-box!important;
    height:calc(100svh - 86px)!important;
    min-height:760px!important;
    max-height:980px!important;
    padding:18px 0!important;
    align-items:center!important;
    overflow:hidden!important;
  }
  #quality-compliance>.container{width:min(1580px,92vw)!important;margin:auto!important;}
  #quality-compliance .responsibility-grid{
    grid-template-columns:.93fr 1.07fr!important;gap:34px!important;align-items:center!important;
    height:100%!important;min-height:0!important;
  }
  #quality-compliance .resp-visual{height:min(64vh,560px)!important;min-height:0!important;border-radius:38px!important;align-self:center!important;}
  #quality-compliance .resp-copy{align-self:center!important;min-height:0!important;}
  #quality-compliance .resp-copy>.tag{display:block!important;margin-bottom:6px!important;}
  #quality-compliance .resp-copy .section-title{font-size:clamp(34px,2.9vw,52px)!important;line-height:.96!important;margin:6px 0 10px!important;}
  #quality-compliance .resp-intro-v9{font-size:14px!important;line-height:1.38!important;margin:0 0 12px!important;}
  #quality-compliance .resp-facts-v9{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px 12px!important;margin-top:8px!important;}
  #quality-compliance .resp-fact{min-height:72px!important;border-radius:21px!important;padding:11px 14px 10px 54px!important;box-shadow:0 7px 0 #eadff0,0 15px 24px rgba(59,39,73,.09),inset 0 1px 0 #fff!important;}
  #quality-compliance .resp-fact .fact-icon{width:34px!important;height:34px!important;left:12px!important;top:50%!important;transform:translateY(-50%)!important;}
  #quality-compliance .resp-fact b{font-size:14px!important;line-height:1.08!important;}
  #quality-compliance .resp-fact small{font-size:10px!important;line-height:1.2!important;margin-top:3px!important;}
  #quality-compliance .certification-note{font-size:11.5px!important;line-height:1.35!important;padding:10px 14px!important;margin:10px 0 7px!important;}
  #quality-compliance .card-link{font-size:9.5px!important;}
}

/* Slightly shorter desktop displays: compress only spacing, never remove content. */
@media (min-width:1181px) and (max-height:860px){
  #from-idea,#quality-compliance{height:calc(100svh - 76px)!important;min-height:680px!important;padding:12px 0!important;}
  #from-idea .expertise-visual,#quality-compliance .resp-visual{height:min(59vh,500px)!important;}
  #from-idea .process-item{min-height:82px!important;padding:9px 14px!important;}
  #quality-compliance .resp-fact{min-height:64px!important;padding-top:8px!important;padding-bottom:8px!important;}
}


/* ---- legacy home block 7 (preserved) ---- */

/* V20.1 — desktop hero + journey are one viewport.
   Fixes the V20 forced 760/780px height that created the visible empty band.
   Desktop only: mobile/tablet rules remain untouched. */
@media (min-width:1181px){
  #homeHero{
    --hads-journey-h:118px;
    height:calc(100svh - 68px)!important;
    min-height:0!important;
    max-height:none!important;
    padding:0!important;
    overflow:hidden!important;
  }

  /* The upper hero occupies exactly the space left above the 8 navigation cards. */
  #homeHero .hero-content-wrap{
    height:calc(100% - var(--hads-journey-h))!important;
    min-height:0!important;
    padding-top:0!important;
    padding-bottom:0!important;
    align-items:center!important;
  }
  #homeHero .hero-copy{padding-top:0!important;padding-bottom:0!important}

  /* Image ends immediately above the journey: no artificial white gap. */
  #homeHero .hero-slides{
    top:10px!important;
    bottom:calc(var(--hads-journey-h) + 10px)!important;
    height:auto!important;
  }
  #homeHero .hero-nav{bottom:calc(var(--hads-journey-h) + 22px)!important}
  #homeHero .hero-progress{bottom:var(--hads-journey-h)!important}

  /* Journey is physically anchored inside the same hero viewport. */
  #homeHero .home-path{
    position:absolute!important;
    left:0!important;right:0!important;bottom:0!important;
    height:var(--hads-journey-h)!important;
    margin:0!important;
    padding:10px 0 12px!important;
    z-index:8!important;
  }
  #homeHero .home-path-inner{height:100%!important;align-items:stretch!important}
  #homeHero .home-path a{
    min-height:0!important;
    height:88px!important;
    padding:9px 9px!important;
  }
  #homeHero .home-path a b{width:34px!important;height:34px!important;margin-bottom:5px!important}
}

/* Short desktop screens: compact typography/spacing instead of increasing hero height. */
@media (min-width:1181px) and (max-height:820px){
  #homeHero{--hads-journey-h:112px}
  #homeHero .hero-experience{margin-bottom:9px!important}
  #homeHero .hero-experience strong{font-size:clamp(28px,2.45vw,40px)!important}
  #homeHero .hero-title{font-size:clamp(36px,3.15vw,52px)!important;line-height:.98!important;margin-bottom:11px!important}
  #homeHero .hero-description{margin:10px 0 10px!important;line-height:1.4!important}
  #homeHero .hero-process-line{margin-bottom:11px!important;gap:6px!important}
  #homeHero .hero-process-line span{min-height:27px!important;padding:5px 9px!important}
  #homeHero .hero-actions a{min-height:48px!important;padding:9px 14px!important}
  #homeHero .home-path{padding:8px 0 10px!important}
  #homeHero .home-path a{height:84px!important;padding:8px!important}
}

@media (min-width:1181px) and (max-height:720px){
  #homeHero{--hads-journey-h:104px}
  #homeHero .hero-experience{margin-bottom:6px!important}
  #homeHero .hero-experience strong{font-size:30px!important}
  #homeHero .hero-experience span{font-size:9px!important}
  #homeHero .hero-title{font-size:38px!important;margin-bottom:8px!important}
  #homeHero .hero-description{font-size:12px!important;margin:8px 0!important}
  #homeHero .hero-process-line{margin-bottom:8px!important}
  #homeHero .hero-actions a{min-height:44px!important}
  #homeHero .home-path a{height:78px!important}
}


/* ---- legacy home block 8 (preserved) ---- */

/* HADS V20.3 — photo visibility + fast first paint */
@media (min-width:901px){
  .why-card-visual::before,.why-card::before{filter:saturate(1.06) contrast(1.04)!important;opacity:.86!important;transform:scale(1.015)!important}
  .why-card-visual::after,.why-card::after{background:linear-gradient(180deg,rgba(255,255,255,.10) 0%,rgba(255,255,255,.18) 38%,rgba(250,248,252,.76) 73%,rgba(248,245,250,.94) 100%)!important}
  .why-card-visual:hover::before{opacity:.94!important;transform:scale(1.035)!important}
  .why-card h3{background:rgba(255,255,255,.64);backdrop-filter:blur(3px);padding:5px 7px;border-radius:8px;width:max-content;max-width:100%}
  .why-card p{background:rgba(255,255,255,.52);backdrop-filter:blur(3px);padding:5px 7px;border-radius:8px}
}


/* ---- legacy home block 9 (preserved) ---- */

/* V20.8 — faster first paint without changing the approved layout */
@media (min-width:901px){
  main>section:not(.hero){content-visibility:auto;contain-intrinsic-size:900px 1200px}
}
.reveal{transition-duration:.42s!important;transition-timing-function:cubic-bezier(.2,.7,.2,1)!important}
.hero-slide{will-change:opacity;backface-visibility:hidden}
@media (prefers-reduced-motion:reduce){.hero-slide,.reveal,.hero-actions a{transition:none!important;animation:none!important}}



/* ==========================================================================\n   HADS HOME MASTER — FINAL VISUAL LAYER\n   Purpose: calm premium hierarchy, consistent rhythm, safer responsive rules.\n   ========================================================================== */
:root {
  --home-space-xs: clamp(.75rem, 1vw, 1rem);
  --home-space-sm: clamp(1rem, 1.6vw, 1.5rem);
  --home-space-md: clamp(1.75rem, 3vw, 3rem);
  --home-space-lg: clamp(4.5rem, 7vw, 7.5rem);
  --home-radius: 18px;
  --home-border: rgba(17, 31, 48, .10);
  --home-shadow: 0 22px 60px rgba(17, 31, 48, .10);
  --home-text-soft: #66717f;
}

html { scroll-behavior: smooth; }
body { overflow-x: hidden; }
main { background: #fff; }

/* Header remains visually quiet over the hero. */
.main-header {
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

/* HERO — strong first impression, fewer competing elements. */
#homeHero.hero {
  min-height: min(860px, 88svh);
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: #0d1723;
}
#homeHero .hero-slides,
#homeHero .hero-slide { position: absolute; inset: 0; }
#homeHero .hero-slide {
  background-position: center 40%;
  background-size: cover;
  transform: scale(1.015);
}
#homeHero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(6, 16, 28, .84) 0%, rgba(6, 16, 28, .64) 38%, rgba(6, 16, 28, .22) 68%, rgba(6, 16, 28, .08) 100%),
    linear-gradient(0deg, rgba(6, 16, 28, .26), transparent 35%);
}
#homeHero .hero-content-wrap {
  position: relative;
  z-index: 3;
  min-height: min(860px, 88svh);
  display: flex;
  align-items: center;
  padding-top: clamp(6.5rem, 11vh, 9rem);
  padding-bottom: clamp(7rem, 12vh, 10rem);
}
#homeHero .hero-copy { max-width: 820px; }
#homeHero .hero-experience {
  display: inline-flex;
  align-items: center;
  gap: .8rem;
  padding: .55rem .8rem;
  margin-bottom: 1.25rem;
  border: 1px solid rgba(255,255,255,.24);
  border-radius: 999px;
  background: rgba(255,255,255,.07);
  backdrop-filter: blur(8px);
}
#homeHero .hero-experience strong { letter-spacing: .03em; }
#homeHero .hero-title {
  max-width: 900px;
  margin: 0;
  font-size: clamp(2.7rem, 5.8vw, 6.2rem);
  line-height: .96;
  letter-spacing: -.045em;
  text-wrap: balance;
}
#homeHero .hero-title span { font-weight: 500; }
#homeHero .hero-description {
  max-width: 680px;
  margin-top: 1.4rem;
  font-size: clamp(1rem, 1.35vw, 1.22rem);
  line-height: 1.65;
}
#homeHero .hero-process-line {
  margin-top: 1.45rem;
  display: flex;
  flex-wrap: wrap;
  gap: .55rem .75rem;
  opacity: .88;
}
#homeHero .hero-process-line i { opacity: .36; }
#homeHero .hero-actions { margin-top: 2rem; gap: .75rem; }
#homeHero .btn-primary,
#homeHero .btn-secondary {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  padding: .82rem 1.25rem;
  transition: transform .22s ease, background-color .22s ease, border-color .22s ease, box-shadow .22s ease;
}
#homeHero .btn-primary:hover,
#homeHero .btn-secondary:hover { transform: translateY(-2px); }
#homeHero .hero-nav { z-index: 4; }
#homeHero .hero-progress { z-index: 4; }

/* Section navigator is useful, but should not visually dominate Home. */
#homeHero .home-path {
  position: absolute;
  left: 0; right: 0; bottom: 0;
  z-index: 5;
  background: rgba(8, 18, 31, .72);
  border-top: 1px solid rgba(255,255,255,.13);
  backdrop-filter: blur(14px);
}
#homeHero .home-path-inner {
  display: grid;
  grid-template-columns: repeat(8, minmax(0,1fr));
}
#homeHero .home-path a {
  min-width: 0;
  padding: .9rem .7rem 1rem;
  border-right: 1px solid rgba(255,255,255,.09);
  transition: background-color .2s ease;
}
#homeHero .home-path a:hover { background: rgba(255,255,255,.08); }
#homeHero .home-path small { opacity: .58; }

/* Unified vertical rhythm across Home sections. */
#why-hads,
#our-workwear,
#from-idea,
#industrial-capability,
#why-tunisia,
#quality-compliance,
#experience-references,
#start-project {
  scroll-margin-top: 90px;
}
#why-hads,
#our-workwear,
#from-idea,
#industrial-capability,
#why-tunisia,
#quality-compliance,
#experience-references {
  padding-top: var(--home-space-lg);
  padding-bottom: var(--home-space-lg);
}
.section-title {
  max-width: 920px;
  font-size: clamp(2.05rem, 4.1vw, 4.45rem);
  line-height: 1.03;
  letter-spacing: -.035em;
  text-wrap: balance;
}
.section-return {
  opacity: .56;
  transition: opacity .2s ease;
}
.section-return:hover { opacity: 1; }

/* Cards: same visual language throughout Home. */
#why-hads article,
#our-workwear .workwear-card,
#from-idea .process-item,
#experience-references .reference-item {
  border-radius: var(--home-radius);
  border-color: var(--home-border);
  overflow: hidden;
  transition: transform .26s ease, box-shadow .26s ease, border-color .26s ease;
}
#why-hads article:hover,
#our-workwear .workwear-card:hover,
#from-idea .process-item:hover,
#experience-references .reference-item:hover {
  transform: translateY(-4px);
  box-shadow: var(--home-shadow);
  border-color: rgba(21, 73, 128, .20);
}

/* Workwear stays image-led: the product universes should read immediately. */
#our-workwear .workwear-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .55s cubic-bezier(.2,.7,.2,1);
}
#our-workwear .workwear-card:hover img { transform: scale(1.025); }

/* Process: calmer, more editorial, easier to scan. */
#from-idea .process-item { position: relative; }
#from-idea .process-item h3 { letter-spacing: -.02em; }

/* Industrial / Tunisia / responsibility: keep imagery cinematic, copy readable. */
#industrial-capability img,
#why-tunisia img,
#quality-compliance img {
  object-fit: cover;
}

/* References — cleaner commercial proof. */
#experience-references .reference-item { min-height: 100%; }

/* Final CTA: one clear action. */
#start-project {
  padding-top: clamp(4rem, 7vw, 7rem);
  padding-bottom: clamp(4rem, 7vw, 7rem);
}
#start-project h2 {
  max-width: 880px;
  margin-inline: auto;
  font-size: clamp(2.15rem, 4vw, 4.35rem);
  line-height: 1.04;
  letter-spacing: -.035em;
  text-wrap: balance;
}
#start-project .cta-v7-button {
  min-height: 50px;
  border-radius: 999px;
  padding: .9rem 1.45rem;
}

/* Responsive: preserve the content, reduce density, no cropped navigation. */
@media (max-width: 1100px) {
  #homeHero .home-path-inner {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
  }
  #homeHero .home-path-inner::-webkit-scrollbar { display: none; }
  #homeHero .home-path a {
    flex: 0 0 clamp(145px, 22vw, 190px);
    scroll-snap-align: start;
  }
}

@media (max-width: 760px) {
  #homeHero.hero,
  #homeHero .hero-content-wrap { min-height: 100svh; }
  #homeHero .hero-slide {
    background-position: 58% center;
    transform: none;
  }
  #homeHero::after {
    background:
      linear-gradient(180deg, rgba(6,16,28,.30) 0%, rgba(6,16,28,.50) 30%, rgba(6,16,28,.89) 82%, rgba(6,16,28,.96) 100%);
  }
  #homeHero .hero-content-wrap {
    align-items: flex-end;
    padding-top: 7rem;
    padding-bottom: 10rem;
  }
  #homeHero .hero-copy { width: 100%; }
  #homeHero .hero-experience {
    font-size: .72rem;
    gap: .55rem;
  }
  #homeHero .hero-title {
    font-size: clamp(2.35rem, 12.2vw, 4.1rem);
    line-height: .98;
  }
  #homeHero .hero-description {
    font-size: .98rem;
    line-height: 1.55;
    margin-top: 1rem;
  }
  #homeHero .hero-process-line {
    font-size: .76rem;
    gap: .38rem .5rem;
  }
  #homeHero .hero-actions {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
    margin-top: 1.35rem;
  }
  #homeHero .btn-primary,
  #homeHero .btn-secondary { width: 100%; }
  #homeHero .hero-nav { display: none; }
  #homeHero .home-path a {
    flex-basis: 134px;
    padding: .72rem .65rem .8rem;
  }
  #homeHero .home-path small { display: none; }
  #why-hads,
  #our-workwear,
  #from-idea,
  #industrial-capability,
  #why-tunisia,
  #quality-compliance,
  #experience-references {
    padding-top: clamp(3.75rem, 13vw, 5.2rem);
    padding-bottom: clamp(3.75rem, 13vw, 5.2rem);
  }
  .section-title {
    font-size: clamp(2rem, 9.3vw, 3.05rem);
    line-height: 1.05;
  }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

/* ========================================================================== */
/* HADS HOME MASTER V21 — NAVIGATION ALIGNMENT + HERO PREMIUM REFINEMENT      */
/* Requested corrections: full-section anchors, larger photo, premium CTA,    */
/* mixed artistic heading and stronger 3D experience badge.                   */
/* ========================================================================== */

/* 1 — SECTION NAVIGATION: no previous section peeking and no forced crop. */
@media (min-width:1181px){
  html{scroll-snap-type:none!important;scroll-padding-top:68px!important;}
  body{scroll-snap-type:none!important;}

  main>section:not(.hero),
  #industrial-capability,
  #from-idea,
  #quality-compliance,
  #why-tunisia,
  #experience-references,
  #start-project{
    box-sizing:border-box!important;
    height:auto!important;
    max-height:none!important;
    min-height:calc(100svh - 68px)!important;
    margin:0!important;
    padding:clamp(42px,5.6vh,72px) 0!important;
    border-radius:0!important;
    overflow:visible!important;
    display:flex!important;
    align-items:center!important;
    scroll-margin-top:68px!important;
  }

  main>section:not(.hero)>.container,
  #industrial-capability>.container,
  #from-idea>.container,
  #quality-compliance>.container,
  #why-tunisia>.container,
  #experience-references>.container,
  #start-project>.container{
    width:min(1640px,92vw)!important;
    margin:auto!important;
  }

  /* Content that is taller than the screen remains fully accessible. */
  @media (max-height:780px){
    main>section:not(.hero),
    #industrial-capability,
    #from-idea,
    #quality-compliance,
    #why-tunisia,
    #experience-references,
    #start-project{
      min-height:auto!important;
      padding:38px 0!important;
      align-items:flex-start!important;
    }
  }
}

/* 2 — HERO COMPOSITION: larger image surface, soft fade into the text area. */
@media (min-width:1181px){
  #homeHero{
    --hads-journey-h:112px!important;
    height:calc(100svh - 68px)!important;
    min-height:720px!important;
    background:linear-gradient(105deg,#faf8fb 0%,#f6f2f8 42%,#ece4f1 100%)!important;
  }

  #homeHero .hero-slides{
    left:37.5%!important;
    right:1.6%!important;
    top:1.8%!important;
    bottom:calc(var(--hads-journey-h) + 12px)!important;
    border-radius:42px!important;
    overflow:hidden!important;
    box-shadow:0 30px 80px rgba(42,28,49,.22)!important;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.30) 5%,#000 15%,#000 100%);
    mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.30) 5%,#000 15%,#000 100%);
  }

  #homeHero .hero-slide{
    background-size:cover!important;
    background-position:center center!important;
    transform:scale(1.01)!important;
    filter:saturate(1.02) contrast(1.02)!important;
  }

  /* Replace the old dark veil by a subtle left-side photographic fade only. */
  #homeHero::after{
    background:linear-gradient(90deg,
      rgba(250,248,251,1) 0%,
      rgba(250,248,251,.98) 27%,
      rgba(250,248,251,.88) 36%,
      rgba(250,248,251,.28) 47%,
      rgba(250,248,251,0) 60%)!important;
    z-index:2!important;
  }

  #homeHero .hero-content-wrap{
    width:min(1640px,92vw)!important;
    height:calc(100% - var(--hads-journey-h))!important;
    padding:0!important;
    align-items:center!important;
    justify-content:flex-start!important;
  }

  #homeHero .hero-copy{
    width:42%!important;
    max-width:650px!important;
    margin:0!important;
    padding:0 22px 0 0!important;
    background:none!important;
    border:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    color:#201b24!important;
    position:relative!important;
    z-index:5!important;
  }

  /* 5 — 40+ YEARS becomes a readable 3D relief cube / badge. */
  #homeHero .hero-experience{
    display:inline-flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:5px!important;
    margin:0 0 24px!important;
    padding:15px 21px 14px!important;
    min-width:320px!important;
    border-radius:18px!important;
    border:1px solid rgba(132,79,158,.25)!important;
    background:linear-gradient(145deg,#ffffff 0%,#f1e9f5 100%)!important;
    box-shadow:
      0 9px 0 #d7c6df,
      0 19px 34px rgba(75,46,88,.18),
      inset 0 1px 0 rgba(255,255,255,.95)!important;
    transform:perspective(700px) rotateX(1.5deg) rotateY(-2deg)!important;
  }
  #homeHero .hero-experience strong{
    font-family:"Syne",sans-serif!important;
    font-size:clamp(34px,3vw,52px)!important;
    line-height:.92!important;
    font-weight:800!important;
    letter-spacing:-.035em!important;
    color:#7b4697!important;
    text-shadow:0 1px 0 #fff,0 4px 12px rgba(112,67,136,.16)!important;
  }
  #homeHero .hero-experience span{
    font-size:10.5px!important;
    line-height:1.3!important;
    letter-spacing:.19em!important;
    font-weight:800!important;
    color:#4b424f!important;
    opacity:.92!important;
  }

  /* 4 — artistic but readable mixed typographic treatment. */
  #homeHero .hero-title{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:1px!important;
    margin:0 0 17px!important;
    max-width:650px!important;
    color:#1d1920!important;
    letter-spacing:-.055em!important;
    text-align:left!important;
  }
  #homeHero .hero-title-premium{
    display:block!important;
    font-family:"Syne",sans-serif!important;
    font-size:clamp(48px,4.4vw,76px)!important;
    line-height:.88!important;
    font-weight:500!important;
    letter-spacing:-.06em!important;
    color:#252128!important;
  }
  #homeHero .hero-title-strong{
    display:block!important;
    font-family:"Syne",sans-serif!important;
    font-size:clamp(48px,4.55vw,78px)!important;
    line-height:.91!important;
    font-weight:800!important;
    color:#211d24!important;
  }
  #homeHero .hero-title-accent{
    display:inline-block!important;
    margin-top:7px!important;
    font-family:Georgia,"Times New Roman",serif!important;
    font-size:clamp(34px,3.25vw,57px)!important;
    line-height:.95!important;
    font-weight:600!important;
    font-style:italic!important;
    letter-spacing:-.045em!important;
    background:linear-gradient(90deg,#683b82 0%,#9c59bd 58%,#71418c 100%)!important;
    -webkit-background-clip:text!important;
    background-clip:text!important;
    color:transparent!important;
  }

  #homeHero .hero-description{
    max-width:560px!important;
    margin:17px 0 15px!important;
    font-size:15.5px!important;
    line-height:1.55!important;
    color:#544d58!important;
  }
  #homeHero .hero-process-line{
    margin:0 0 22px!important;
    gap:7px!important;
    color:#6e5f75!important;
    font-size:11px!important;
    font-weight:760!important;
  }

  /* 3 — CTA: clean elevated controls; no heavy purple rectangle. */
  #homeHero .hero-actions{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:12px!important;
    max-width:600px!important;
    margin:0!important;
  }
  #homeHero .hero-actions a{
    position:relative!important;
    min-height:56px!important;
    padding:0 23px!important;
    border-radius:16px!important;
    font-size:11.5px!important;
    font-weight:850!important;
    letter-spacing:.035em!important;
    text-decoration:none!important;
    box-shadow:none!important;
    transform:none!important;
    overflow:hidden!important;
  }
  #homeHero .hero-actions .btn-primary{
    background:linear-gradient(145deg,#2b2530,#17141a)!important;
    border:1px solid #2f2933!important;
    color:#fff!important;
    box-shadow:0 8px 0 #0e0c10,0 18px 32px rgba(31,24,35,.20)!important;
  }
  #homeHero .hero-actions .btn-primary::before{
    content:"";position:absolute;left:0;top:0;bottom:0;width:5px;
    background:linear-gradient(#b96fdb,#7c4898);
  }
  #homeHero .hero-actions .btn-secondary{
    background:linear-gradient(145deg,#fff,#f5f0f7)!important;
    border:1px solid #d9c9e0!important;
    color:#5c3d6c!important;
    box-shadow:0 8px 0 #dfd1e5,0 18px 30px rgba(78,52,91,.13)!important;
  }
  #homeHero .hero-actions a:hover{
    transform:translateY(-3px)!important;
    filter:none!important;
  }
  #homeHero .hero-actions .btn-primary:hover{
    box-shadow:0 11px 0 #0e0c10,0 24px 40px rgba(31,24,35,.27)!important;
  }
  #homeHero .hero-actions .btn-secondary:hover{
    box-shadow:0 11px 0 #d8c7e0,0 24px 38px rgba(78,52,91,.18)!important;
  }

  #homeHero .hero-nav{bottom:calc(var(--hads-journey-h) + 24px)!important;right:4.5%!important;}
  #homeHero .hero-progress{bottom:var(--hads-journey-h)!important;}

  /* Bottom journey: more compact so the photographic hero gains space. */
  #homeHero .home-path{
    height:var(--hads-journey-h)!important;
    padding:9px 0 10px!important;
    background:rgba(255,255,255,.94)!important;
    border-top:1px solid rgba(108,71,128,.13)!important;
    box-shadow:0 -12px 34px rgba(49,35,57,.07)!important;
    backdrop-filter:blur(15px)!important;
  }
  #homeHero .home-path a{
    height:88px!important;
    border-right:1px solid rgba(76,57,86,.09)!important;
    color:#3f3744!important;
    background:transparent!important;
    border-radius:16px!important;
  }
  #homeHero .home-path a:hover{background:#f7f1f9!important;}
  #homeHero .home-path a b{
    background:linear-gradient(145deg,#9a59bb,#6f4387)!important;
    color:#fff!important;
    box-shadow:0 6px 0 #d9c7e1,0 13px 20px rgba(88,51,105,.17)!important;
  }
}

/* Medium desktop: preserve composition without crowding. */
@media (min-width:1181px) and (max-width:1450px){
  #homeHero .hero-slides{left:40%!important;}
  #homeHero .hero-copy{width:43%!important;max-width:570px!important;}
  #homeHero .hero-experience{min-width:285px!important;padding:13px 18px!important;}
  #homeHero .hero-title-premium,
  #homeHero .hero-title-strong{font-size:clamp(42px,4.1vw,62px)!important;}
  #homeHero .hero-title-accent{font-size:clamp(31px,3vw,47px)!important;}
  #homeHero .hero-description{font-size:14px!important;}
}

/* Mobile/tablet: keep the stable existing layout, only improve button/readability. */
@media (max-width:1180px){
  #homeHero .hero-title-premium,
  #homeHero .hero-title-strong,
  #homeHero .hero-title-accent{display:block;}
  #homeHero .hero-title-accent{font-family:Georgia,"Times New Roman",serif;font-style:italic;}
  #homeHero .hero-experience{
    border-radius:16px!important;
    box-shadow:0 7px 0 rgba(211,195,220,.78),0 16px 26px rgba(49,33,58,.14)!important;
  }
  #homeHero .hero-actions a{border-radius:15px!important;}
}

/* =========================================================
   HADS HOME MASTER — POINT 2C
   1) Hero copy moved genuinely to the left
   2) Original purple/white CTA language restored + refined relief
   3) Industrial capability fitted inside desktop viewport
   ========================================================= */

@media (min-width:1181px){
  /* Remove inherited .container max-width that was pushing the copy inward. */
  #homeHero .hero-content-wrap{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding-left:clamp(42px,4.7vw,88px)!important;
    padding-right:28px!important;
  }

  #homeHero .hero-copy{
    width:43%!important;
    max-width:660px!important;
    margin:0!important;
    padding-right:18px!important;
    transform:none!important;
  }

  /* Keep image dominant while preserving the soft transition. */
  #homeHero .hero-slides{
    left:36%!important;
  }

  /* Restore the initial HADS CTA identity: purple primary + white secondary. */
  #homeHero .hero-actions{
    display:grid!important;
    grid-template-columns:minmax(220px,1fr) minmax(220px,1fr)!important;
    gap:14px!important;
    width:min(100%,590px)!important;
    max-width:590px!important;
    margin-top:4px!important;
  }
  #homeHero .hero-actions a{
    width:100%!important;
    min-height:58px!important;
    padding:0 22px!important;
    border-radius:17px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:11.5px!important;
    font-weight:850!important;
    letter-spacing:.025em!important;
    box-shadow:none!important;
    transform:translateY(0)!important;
    transition:transform .22s ease,box-shadow .22s ease,filter .22s ease!important;
  }
  #homeHero .hero-actions .btn-primary{
    background:linear-gradient(145deg,#9a5cbc 0%,#7d479d 58%,#6b3d87 100%)!important;
    border:1px solid rgba(104,58,132,.78)!important;
    color:#fff!important;
    box-shadow:
      0 7px 0 #5f3678,
      0 16px 28px rgba(91,49,112,.24),
      inset 0 1px 0 rgba(255,255,255,.28)!important;
  }
  #homeHero .hero-actions .btn-primary::before{display:none!important;content:none!important;}
  #homeHero .hero-actions .btn-secondary{
    background:linear-gradient(145deg,#ffffff 0%,#f6f0f8 100%)!important;
    border:1px solid #d7c6df!important;
    color:#684279!important;
    box-shadow:
      0 7px 0 #d8c8df,
      0 16px 28px rgba(78,50,91,.15),
      inset 0 1px 0 rgba(255,255,255,.95)!important;
  }
  #homeHero .hero-actions a:hover{
    transform:translateY(-3px)!important;
  }
  #homeHero .hero-actions .btn-primary:hover{
    box-shadow:0 10px 0 #5f3678,0 22px 34px rgba(91,49,112,.30),inset 0 1px 0 rgba(255,255,255,.30)!important;
  }
  #homeHero .hero-actions .btn-secondary:hover{
    box-shadow:0 10px 0 #d3c1dc,0 22px 34px rgba(78,50,91,.19),inset 0 1px 0 #fff!important;
  }

  /* Ensure Industrial Capability is fully visible when navigating to it. */
  #industrial-capability{
    min-height:calc(100svh - 68px)!important;
    padding:clamp(24px,3.2vh,34px) 0 clamp(30px,4vh,42px)!important;
    align-items:center!important;
    scroll-margin-top:68px!important;
  }
  #industrial-capability .industrial-v7-grid{
    gap:clamp(28px,2.3vw,42px)!important;
  }
  #industrial-capability .industrial-v7-copy .section-title{
    font-size:clamp(42px,3.45vw,62px)!important;
    line-height:.95!important;
    margin:8px 0 13px!important;
  }
  #industrial-capability .industrial-v7-copy>p{
    font-size:clamp(15px,1.05vw,17px)!important;
    line-height:1.42!important;
    margin-bottom:14px!important;
  }
  #industrial-capability .industrial-skill-bubbles{
    gap:11px!important;
  }
  #industrial-capability .industrial-skill-bubbles>div{
    min-height:84px!important;
    padding:11px 14px!important;
    border-radius:24px!important;
  }
  #industrial-capability .industrial-v7-visual{
    height:min(61vh,555px)!important;
    min-height:470px!important;
  }
}

@media (min-width:1181px) and (max-height:820px){
  #industrial-capability{
    padding:20px 0 28px!important;
  }
  #industrial-capability .industrial-v7-copy .section-title{
    font-size:clamp(39px,3.15vw,56px)!important;
  }
  #industrial-capability .industrial-skill-bubbles>div{
    min-height:78px!important;
    padding:9px 13px!important;
  }
  #industrial-capability .industrial-v7-visual{
    height:min(58vh,515px)!important;
    min-height:430px!important;
  }
}

@media (min-width:1181px) and (max-width:1450px){
  #homeHero .hero-content-wrap{padding-left:clamp(30px,3.5vw,52px)!important;}
  #homeHero .hero-slides{left:38%!important;}
  #homeHero .hero-copy{width:44%!important;}
}


/* =========================================================
   HADS HOME MASTER — POINT 2D
   1) Hero + journey fully contained in first desktop viewport
   2) Purple/white CTA upgraded with cleaner premium relief
   3) Redundant section HOME pills removed from markup
   ========================================================= */
@media (min-width:1181px){
  /* The old 720px minimum made the journey overflow on shorter desktop screens. */
  #homeHero{
    --hads-journey-h:96px!important;
    height:calc(100svh - 72px)!important;
    min-height:610px!important;
    max-height:calc(100svh - 72px)!important;
  }

  #homeHero .hero-content-wrap{
    height:calc(100% - var(--hads-journey-h))!important;
  }
  #homeHero .hero-slides{
    bottom:calc(var(--hads-journey-h) + 8px)!important;
  }
  #homeHero .hero-nav{bottom:calc(var(--hads-journey-h) + 18px)!important;}
  #homeHero .hero-progress{bottom:var(--hads-journey-h)!important;}

  #homeHero .home-path{
    height:var(--hads-journey-h)!important;
    padding:6px 0 8px!important;
  }
  #homeHero .home-path-inner{
    height:100%!important;
    align-items:center!important;
  }
  #homeHero .home-path a{
    height:76px!important;
    min-height:76px!important;
    padding:7px 9px!important;
    border-radius:15px!important;
  }
  #homeHero .home-path a b{
    width:32px!important;
    height:32px!important;
    margin-bottom:4px!important;
    border-radius:11px!important;
    font-size:13px!important;
  }
  #homeHero .home-path a small{margin-top:3px!important;font-size:7px!important;}

  /* Premium tactile CTA: preserve the approved purple / white identity. */
  #homeHero .hero-actions{
    gap:16px!important;
    max-width:600px!important;
  }
  #homeHero .hero-actions a{
    position:relative!important;
    isolation:isolate;
    min-height:56px!important;
    border-radius:18px!important;
    letter-spacing:.035em!important;
    overflow:hidden!important;
    transform:translateY(0)!important;
  }
  #homeHero .hero-actions a::after{
    content:"";
    position:absolute;
    z-index:-1;
    left:10px;right:10px;top:4px;
    height:42%;
    border-radius:14px 14px 50% 50%;
    background:linear-gradient(180deg,rgba(255,255,255,.26),rgba(255,255,255,0));
    pointer-events:none;
  }
  #homeHero .hero-actions .btn-primary{
    background:linear-gradient(155deg,#a463c2 0%,#8d50ad 48%,#743e91 100%)!important;
    border:1px solid #774294!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.46),
      inset 0 -2px 0 rgba(75,34,95,.22),
      0 6px 0 #63377c,
      0 14px 26px rgba(91,49,112,.23)!important;
  }
  #homeHero .hero-actions .btn-secondary{
    background:linear-gradient(155deg,#ffffff 0%,#fbf8fc 52%,#eee5f2 100%)!important;
    border:1px solid #d5c3de!important;
    box-shadow:
      inset 0 1px 0 #fff,
      inset 0 -2px 0 rgba(151,122,165,.12),
      0 6px 0 #d6c5de,
      0 14px 25px rgba(78,50,91,.13)!important;
  }
  #homeHero .hero-actions a:hover{
    transform:translateY(-3px)!important;
  }
  #homeHero .hero-actions .btn-primary:hover{
    box-shadow:inset 0 1px 0 rgba(255,255,255,.48),inset 0 -2px 0 rgba(75,34,95,.18),0 9px 0 #63377c,0 20px 34px rgba(91,49,112,.29)!important;
  }
  #homeHero .hero-actions .btn-secondary:hover{
    box-shadow:inset 0 1px 0 #fff,inset 0 -2px 0 rgba(151,122,165,.10),0 9px 0 #d2bfdb,0 20px 32px rgba(78,50,91,.17)!important;
  }
}

/* Extra protection on shorter desktop screens such as 768–820px high displays. */
@media (min-width:1181px) and (max-height:820px){
  #homeHero{
    --hads-journey-h:88px!important;
    min-height:560px!important;
  }
  #homeHero .hero-experience{margin-bottom:6px!important;padding-top:10px!important;padding-bottom:10px!important;}
  #homeHero .hero-experience strong{font-size:clamp(31px,3vw,44px)!important;}
  #homeHero .hero-title-premium,
  #homeHero .hero-title-strong{font-size:clamp(38px,3.8vw,56px)!important;}
  #homeHero .hero-title-accent{font-size:clamp(29px,2.8vw,42px)!important;}
  #homeHero .hero-description{margin:9px 0!important;line-height:1.4!important;}
  #homeHero .hero-process-line{margin-bottom:9px!important;}
  #homeHero .hero-actions a{min-height:50px!important;}
  #homeHero .home-path a{height:70px!important;min-height:70px!important;}
}

/* Safety net: the redundant section return pills must never reappear. */
.section-return{display:none!important;}


/* =========================================================
   HADS HOME MASTER — POINT 2E
   Language completeness + mobile bubble ergonomics + tighter hero top
   ========================================================= */

/* Desktop: photo begins immediately below the sticky header.
   Rounded corners are preserved on the photographic panel. */
@media (min-width:1181px){
  #homeHero .hero-slides{
    top:0!important;
    right:1.4%!important;
    border-radius:0 0 42px 42px!important;
  }
  #homeHero .hero-slide{border-radius:0 0 42px 42px!important;}
  #homeHero{
    height:calc(100svh - 68px)!important;
    max-height:calc(100svh - 68px)!important;
  }
}

/* Mobile / tablet: cards and chips must remain readable and never be clipped. */
@media (max-width:760px){
  #homeHero.hero{
    min-height:auto!important;
    height:auto!important;
    overflow:visible!important;
    padding-bottom:0!important;
  }
  #homeHero .hero-content-wrap{
    min-height:0!important;
    height:auto!important;
    padding:82px 18px 22px!important;
    align-items:flex-start!important;
  }
  #homeHero .hero-copy{
    width:100%!important;
    max-width:none!important;
    padding:0!important;
  }
  #homeHero .hero-experience{
    width:auto!important;
    max-width:100%!important;
    padding:12px 15px!important;
    border-radius:16px!important;
    white-space:normal!important;
  }
  #homeHero .hero-experience strong{
    font-size:clamp(27px,9vw,38px)!important;
    line-height:1!important;
    white-space:normal!important;
  }
  #homeHero .hero-experience span{
    font-size:9px!important;
    line-height:1.35!important;
    letter-spacing:.12em!important;
    white-space:normal!important;
  }
  #homeHero .hero-title,
  #homeHero .hero-title-premium,
  #homeHero .hero-title-strong,
  #homeHero .hero-title-accent{
    overflow-wrap:anywhere!important;
    word-break:normal!important;
  }
  #homeHero .hero-process-line{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:8px!important;
    overflow:visible!important;
  }
  #homeHero .hero-process-line span{
    flex:0 1 auto!important;
    max-width:100%!important;
    min-height:34px!important;
    padding:8px 11px!important;
    white-space:normal!important;
    line-height:1.2!important;
    text-align:center!important;
  }
  #homeHero .hero-actions{
    grid-template-columns:1fr!important;
    gap:13px!important;
  }
  #homeHero .hero-actions a{
    min-height:54px!important;
    padding:13px 16px!important;
    white-space:normal!important;
    line-height:1.25!important;
  }

  /* Photograph becomes a real block instead of an absolutely cropped strip. */
  #homeHero .hero-slides{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    width:calc(100% - 24px)!important;
    height:clamp(260px,72vw,390px)!important;
    margin:0 12px 14px!important;
    border-radius:24px!important;
    overflow:hidden!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
  }
  #homeHero .hero-slide{
    border-radius:24px!important;
    background-size:cover!important;
    background-position:center!important;
  }

  /* 8 navigation bubbles: one complete card at a time, no half-cut labels. */
  #homeHero .home-path{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    height:auto!important;
    padding:10px 0 16px!important;
    overflow:visible!important;
    background:#fff!important;
  }
  #homeHero .home-path-inner{
    width:100%!important;
    display:flex!important;
    gap:10px!important;
    padding:0 16px 10px!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    scroll-snap-type:x mandatory!important;
    scroll-padding-left:16px!important;
    scrollbar-width:none!important;
  }
  #homeHero .home-path-inner::-webkit-scrollbar{display:none!important;}
  #homeHero .home-path a{
    flex:0 0 min(76vw,250px)!important;
    width:min(76vw,250px)!important;
    min-width:0!important;
    height:auto!important;
    min-height:92px!important;
    padding:12px 14px!important;
    scroll-snap-align:start!important;
    overflow:visible!important;
    white-space:normal!important;
  }
  #homeHero .home-path a span,
  #homeHero .home-path a small{
    display:block!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    line-height:1.2!important;
  }
  #homeHero .home-path a span{font-size:13px!important;}
  #homeHero .home-path a small{font-size:9px!important;margin-top:5px!important;}

  /* Statistical 3D cards: 2 columns on normal phones, 1 on narrow screens. */
  .intro-meta.commercial-stats{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }
  .intro-meta.commercial-stats .stat-card{
    min-width:0!important;
    min-height:120px!important;
    padding:15px!important;
    overflow:visible!important;
  }
  .intro-meta.commercial-stats b{
    font-size:clamp(22px,7vw,31px)!important;
    white-space:normal!important;
    overflow:visible!important;
    line-height:1!important;
  }
  .intro-meta.commercial-stats span:not(.stat-icon){
    font-size:9px!important;
    line-height:1.3!important;
    overflow-wrap:anywhere!important;
  }
}

@media (max-width:420px){
  .intro-meta.commercial-stats{grid-template-columns:1fr!important;}
  #homeHero .home-path a{
    flex-basis:82vw!important;
    width:82vw!important;
  }
}

/* =========================================================
   HADS HOME MASTER — POINT 2F
   1) First desktop page reduced by ~1 cm (~38 CSS px)
   2) Restore clearly visible contextual images in the 6 Why HADS cards
   ========================================================= */
@media (min-width:1181px){
  /* User-requested vertical reduction: approximately 1 cm on a standard 96dpi display. */
  #homeHero{
    height:calc(100svh - 106px)!important;
    max-height:calc(100svh - 106px)!important;
    min-height:572px!important;
  }

  /* Keep the journey inside the shortened first page. */
  #homeHero{--hads-journey-h:90px!important;}
  #homeHero .home-path{height:var(--hads-journey-h)!important;padding:4px 0 6px!important;}
  #homeHero .home-path a{height:70px!important;min-height:70px!important;padding:6px 8px!important;}
  #homeHero .home-path a b{width:30px!important;height:30px!important;margin-bottom:3px!important;}
  #homeHero .hero-content-wrap{height:calc(100% - var(--hads-journey-h))!important;}
  #homeHero .hero-slides{bottom:calc(var(--hads-journey-h) + 6px)!important;}
  #homeHero .hero-nav{bottom:calc(var(--hads-journey-h) + 14px)!important;}
  #homeHero .hero-progress{bottom:var(--hads-journey-h)!important;}
}

/* The 6 Why HADS cards now show a real visual zone instead of a washed-out background. */
.why-card.why-card-visual{
  position:relative!important;
  min-height:320px!important;
  padding:0 18px 18px!important;
  justify-content:flex-end!important;
  background:#fff!important;
  overflow:hidden!important;
}
.why-card.why-card-visual::before{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  inset:0 0 auto 0!important;
  height:57%!important;
  background-image:var(--why-bg)!important;
  background-size:cover!important;
  background-position:center!important;
  filter:none!important;
  opacity:1!important;
  transform:none!important;
}
.why-card.why-card-visual::after{
  content:""!important;
  position:absolute!important;
  z-index:1!important;
  inset:0!important;
  background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 43%,rgba(255,255,255,.76) 57%,#fff 72%,#fff 100%)!important;
  pointer-events:none!important;
}
.why-card.why-card-visual small,
.why-card.why-card-visual h3,
.why-card.why-card-visual p{
  position:relative!important;
  z-index:3!important;
}
.why-card.why-card-visual small{
  position:absolute!important;
  top:16px!important;
  left:16px!important;
  margin:0!important;
}
.why-card.why-card-visual h3{
  margin:0 0 8px!important;
  padding:0!important;
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  width:auto!important;
  max-width:100%!important;
}
.why-card.why-card-visual p{
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  max-width:100%!important;
}
.why-card.why-card-visual:hover::before{
  opacity:1!important;
  transform:scale(1.025)!important;
  transition:transform .35s ease!important;
}

@media (max-width:1180px){
  .why-card.why-card-visual{min-height:300px!important;}
}

@media (max-width:700px){
  .why-card.why-card-visual{min-height:330px!important;}
  .why-card.why-card-visual::before{height:56%!important;}
}


/* HADS POINT 2G — exact section anchor + reliable Why HADS images */
@media (min-width:1181px){
  #why-hads{scroll-margin-top:0!important;}
}
.why-card.why-card-visual::before{display:none!important;}
.why-card.why-card-visual::after{display:none!important;}
.why-card.why-card-visual{
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  padding:0 18px 18px!important;
  overflow:hidden!important;
}
.why-card .why-card-image{
  display:block!important;
  width:calc(100% + 36px)!important;
  height:54%!important;
  min-height:150px!important;
  margin:0 -18px 14px!important;
  object-fit:cover!important;
  object-position:center!important;
  position:relative!important;
  z-index:1!important;
}
.why-card.why-card-visual small{z-index:4!important;}
.why-card.why-card-visual h3,
.why-card.why-card-visual p{position:relative!important;z-index:3!important;}
.why-card.why-card-visual h3{margin-top:auto!important;}
@media (max-width:700px){
  .why-card .why-card-image{height:180px!important;min-height:180px!important;}
}

/* =========================================================
   HADS HOME MASTER — POINT 2I
   Revert 2H forced viewport layout. Restore balanced sections.
   Keep 2G images and improve spacing without changing structure.
   ========================================================= */
@media (min-width:1181px){
  /* WHY HADS: use the full page width, remove the empty vertical hole,
     keep the six cards generous and the KPI row close underneath. */
  #why-hads{
    height:auto!important;
    min-height:calc(100svh - 78px)!important;
    max-height:none!important;
    padding:30px 0 34px!important;
    overflow:visible!important;
    display:block!important;
  }
  #why-hads>.container{
    width:min(1680px,94vw)!important;
    max-width:1680px!important;
    height:auto!important;
    padding:0!important;
    display:block!important;
  }
  #why-hads .section-header{
    margin-bottom:22px!important;
  }
  #why-hads .why-grid{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:16px!important;
    margin-top:0!important;
    align-items:stretch!important;
  }
  #why-hads .why-card.why-card-visual{
    min-height:350px!important;
    height:350px!important;
    border-radius:28px!important;
    padding:0 18px 20px!important;
  }
  #why-hads .why-card .why-card-image{
    height:178px!important;
    min-height:178px!important;
    max-height:178px!important;
    margin:0 -18px 14px!important;
  }
  #why-hads .why-card h3{
    font-size:19px!important;
    line-height:1.08!important;
    margin:0 0 7px!important;
  }
  #why-hads .why-card p{
    font-size:12px!important;
    line-height:1.38!important;
  }
  #why-hads .why-stats-wrap{
    margin-top:20px!important;
  }
  #why-hads .intro-meta.commercial-stats{
    gap:16px!important;
  }
  #why-hads .intro-meta.commercial-stats .stat-card{
    min-height:108px!important;
    height:108px!important;
  }

  /* FROM IDEA: restore the previous balanced left-image / right-content layout. */
  #from-idea{
    height:auto!important;
    min-height:calc(100svh - 78px)!important;
    max-height:none!important;
    padding:30px 0 36px!important;
    overflow:visible!important;
    display:block!important;
  }
  #from-idea>.container{
    width:min(1660px,94vw)!important;
    max-width:1660px!important;
    margin:0 auto!important;
    padding:0!important;
  }
  #from-idea .expertise-grid{
    display:grid!important;
    grid-template-columns:.9fr 1.1fr!important;
    gap:42px!important;
    align-items:center!important;
  }
  #from-idea .expertise-visual{
    height:min(66vh,620px)!important;
    min-height:500px!important;
    border-radius:38px!important;
  }
  #from-idea .process{
    gap:16px!important;
    margin-top:18px!important;
  }
  #from-idea .process-item{
    min-height:116px!important;
    padding:18px 22px!important;
  }

  /* INDUSTRIAL: restore large image to the right and larger process bubbles,
     with no large dead zone between the bubbles and image. */
  #industrial-capability{
    height:auto!important;
    min-height:calc(100svh - 78px)!important;
    max-height:none!important;
    padding:28px 0 34px!important;
    overflow:visible!important;
    display:block!important;
  }
  #industrial-capability>.container{
    width:min(1680px,94vw)!important;
    max-width:1680px!important;
    margin:0 auto!important;
    padding:0!important;
  }
  #industrial-capability .industrial-v7-grid{
    display:grid!important;
    grid-template-columns:.82fr 1.18fr!important;
    gap:38px!important;
    align-items:center!important;
  }
  #industrial-capability .industrial-skill-bubbles{
    gap:14px!important;
    margin-top:18px!important;
  }
  #industrial-capability .industrial-skill-bubbles>div{
    min-height:96px!important;
    padding:14px 18px!important;
    border-radius:26px!important;
  }
  #industrial-capability .industrial-v7-visual{
    height:min(67vh,620px)!important;
    min-height:500px!important;
  }

  /* Other chapters: restore normal content-driven sizing. No 100vh lock. */
  #our-workwear,#why-tunisia,#quality-compliance,#experience-references,#start-project{
    height:auto!important;
    max-height:none!important;
    min-height:calc(100svh - 78px)!important;
    overflow:visible!important;
  }
}

@media (min-width:1181px) and (max-height:820px){
  #why-hads{padding-top:22px!important;padding-bottom:26px!important;}
  #why-hads .section-header{margin-bottom:16px!important;}
  #why-hads .why-card.why-card-visual{height:315px!important;min-height:315px!important;}
  #why-hads .why-card .why-card-image{height:152px!important;min-height:152px!important;max-height:152px!important;}
  #why-hads .intro-meta.commercial-stats .stat-card{height:92px!important;min-height:92px!important;}
  #from-idea .expertise-visual,#industrial-capability .industrial-v7-visual{height:min(59vh,520px)!important;min-height:430px!important;}
  #industrial-capability .industrial-skill-bubbles>div{min-height:86px!important;}
}

/* =========================================================
   HADS HOME MASTER — POINT 2J
   Micro-fix requested:
   1) Remove secondary ghost captions from the 8 hero journey cards
   2) Move the two hero CTAs slightly lower without changing their style
   ========================================================= */

/* Keep one clean visible label per navigation bubble. */
#homeHero .home-path a small{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
}

/* Give the CTA row a little more breathing room below the service pills. */
#homeHero .hero-actions{
  margin-top:10px!important;
}

/* Preserve the requested compact mobile layout with a smaller offset. */
@media (max-width:1180px){
  #homeHero .hero-actions{
    margin-top:8px!important;
  }
}