/* DRUK R5.15 — Homepage benchmark patch
   Benchmarks: Techasoft hero composition, Nextwebi hero/stat hierarchy,
   MilesWeb component polish. Patch-only: no page order/content changes. */

/* ---------- HEADER ---------- */
#siteHeader{
  position:sticky!important;
  top:0!important;
  z-index:3000!important;
  width:100%!important;
  background:#fff!important;
}

/* ---------- HERO: NATURAL IMAGE + LOCAL GRADIENT, NO TEXT BOX ---------- */
body.v83-home .vh-section.vh-hero{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background:#071a2d!important;
}
body.v83-home .vh-copy-visibility::before,
body.v83-home .vh-copy-click-target::before{
  display:none!important;
  content:none!important;
}
body.v83-home .vh-copy-visibility,
body.v83-home .vh-copy-click-target{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  border-radius:0!important;
}
body.v83-home .vh-hero-shade{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,
      rgba(4,20,36,.72) 0%,
      rgba(4,20,36,.52) 24%,
      rgba(4,20,36,.25) 42%,
      rgba(4,20,36,.07) 58%,
      rgba(4,20,36,0) 72%),
    linear-gradient(0deg,
      rgba(4,20,36,.32) 0%,
      rgba(4,20,36,.08) 20%,
      rgba(4,20,36,0) 42%)!important;
}
body.v83-home .vh-copy-click-target{
  width:min(700px,50vw)!important;
  max-width:100%!important;
}
body.v83-home .vh-cinematic-tag{
  color:#66eadb!important;
  font-weight:800!important;
  text-shadow:0 2px 8px rgba(0,0,0,.88)!important;
}
body.v83-home .vh-copy-click-target h1,
body.v83-home .vh-copy-click-target h2{
  color:#fff!important;
  text-shadow:0 3px 10px rgba(0,0,0,.86),0 1px 2px rgba(0,0,0,.9)!important;
}
body.v83-home .vh-hero-short-course-list,
body.v83-home .vh-hero-stat-cards,
body.v83-home .vh-hero-card>p,
body.v83-home .vh-hero-card>.vh-actions{
  display:none!important;
}

/* Desktop: text sits in central 40% band, left aligned. */
@media (min-width:921px){
  body.v83-home .vh-hero-inner{
    width:min(calc(100% - 96px),var(--container))!important;
    height:100%!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
  }
  body.v83-home .vh-hero-card{
    width:min(720px,52vw)!important;
    max-width:720px!important;
    max-height:25%!important;
    overflow:visible!important;
  }
  body.v83-home .vh-copy-click-target h1,
  body.v83-home .vh-copy-click-target h2{
    font-size:clamp(2.75rem,4vw,3.8rem)!important;
    line-height:1.03!important;
    letter-spacing:-.04em!important;
  }
}

/* Mobile: full image, clean copy, 1rem safe bottom gap. */
@media (max-width:520px){
  body.v83-home .vh-section.vh-hero{
    height:calc(100dvh - var(--druk-header-mobile,72px))!important;
    min-height:500px!important;
    max-height:none!important;
  }
  body.v83-home .vh-hero-shade{
    background:
      linear-gradient(90deg,
        rgba(4,20,36,.52) 0%,
        rgba(4,20,36,.28) 50%,
        rgba(4,20,36,.05) 78%,
        rgba(4,20,36,0) 100%),
      linear-gradient(0deg,
        rgba(4,20,36,.67) 0%,
        rgba(4,20,36,.30) 20%,
        rgba(4,20,36,.06) 38%,
        rgba(4,20,36,0) 52%)!important;
  }
  body.v83-home .vh-hero-inner{
    inset:0!important;
    width:100%!important;
    height:100%!important;
    padding:0 16px 16px!important;
    display:flex!important;
    align-items:flex-end!important;
  }
  body.v83-home .vh-hero-card{
    width:calc(100% - 20px)!important;
    max-width:none!important;
    max-height:25%!important;
    min-height:0!important;
    overflow:visible!important;
    margin:0!important;
  }
  body.v83-home .vh-copy-click-target{
    width:100%!important;
    max-width:100%!important;
  }
  body.v83-home .vh-cinematic-tag{
    font-size:9px!important;
    line-height:1!important;
    letter-spacing:1.1px!important;
    margin-bottom:6px!important;
  }
  body.v83-home .vh-copy-click-target h1,
  body.v83-home .vh-copy-click-target h2{
    font-size:clamp(24px,7vw,28px)!important;
    line-height:1.03!important;
    letter-spacing:-.025em!important;
    margin:0!important;
    max-width:100%!important;
  }

  /* arrows stay top-right */
  body.v83-home .vh-slider-controls{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    pointer-events:none!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  body.v83-home .vh-slider-controls>*{pointer-events:auto!important;}
  body.v83-home .home-slider-prev,
  body.v83-home .home-slider-next{
    position:absolute!important;
    top:14px!important;
    bottom:auto!important;
    transform:none!important;
    width:34px!important;
    height:34px!important;
    border-radius:50%!important;
    background:rgba(4,24,42,.58)!important;
    border:1px solid rgba(255,255,255,.64)!important;
    color:#fff!important;
  }
  body.v83-home .home-slider-prev{right:56px!important;}
  body.v83-home .home-slider-next{right:14px!important;}
  body.v83-home .home-slider-count{display:none!important;}

  /* Nextwebi-like unobtrusive indicators on the right, leaving bottom clear. */
  body.v83-home .home-slider-dots{
    position:absolute!important;
    right:12px!important;
    left:auto!important;
    top:50%!important;
    bottom:auto!important;
    transform:translateY(-50%)!important;
    display:flex!important;
    flex-direction:column!important;
    gap:8px!important;
  }
  body.v83-home .home-slider-dots button,
  body.v83-home .home-slider-dots button.is-active{
    width:10px!important;
    height:10px!important;
    border-radius:50%!important;
    border:1px solid rgba(255,255,255,.65)!important;
    background:rgba(4,24,42,.18)!important;
  }
  body.v83-home .home-slider-dots button.is-active{
    background:#2dd4bf!important;
    border-color:#2dd4bf!important;
    box-shadow:0 0 0 3px rgba(45,212,191,.18)!important;
  }
}

/* ---------- NEXTWEBI-STYLE QUICK FACTS ---------- */
body.v83-home .v82-home-trust{
  position:relative!important;
  z-index:12!important;
  margin-top:-46px!important;
  padding:0 0 52px!important;
  background:transparent!important;
  transform:none!important;
}
body.v83-home .v82-home-trust .layout-l3-stats{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
  overflow:visible!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.v83-home .v82-home-trust .layout-l3-stat{
  min-height:102px!important;
  padding:20px 14px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid #dbe7ee!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 14px 32px rgba(8,47,87,.12)!important;
  text-align:center!important;
}
body.v83-home .v82-home-trust .layout-l3-stat strong{
  margin-bottom:6px!important;
  color:#0b3158!important;
  font-size:clamp(1.55rem,2.25vw,2.15rem)!important;
  line-height:1!important;
  font-weight:800!important;
}
body.v83-home .v82-home-trust .layout-l3-stat span{
  color:#52677d!important;
  font-size:.78rem!important;
  line-height:1.2!important;
}
@media (max-width:820px){
  body.v83-home .v82-home-trust{
    margin-top:0!important;
    padding:12px 14px 30px!important;
  }
  body.v83-home .v82-home-trust .container{padding:0!important;}
  body.v83-home .v82-home-trust .layout-l3-stats{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  body.v83-home .v82-home-trust .layout-l3-stat{
    min-height:76px!important;
    padding:12px 8px!important;
    border-radius:10px!important;
  }
  body.v83-home .v82-home-trust .layout-l3-stat strong{
    font-size:1.25rem!important;
    margin-bottom:4px!important;
  }
  body.v83-home .v82-home-trust .layout-l3-stat span{
    font-size:.68rem!important;
  }
}

/* ---------- MILESWEB-LIKE COMPONENT POLISH WITHOUT LAYOUT CHANGES ---------- */
body.v83-home :is(.hl-course-rail-block,.v83-support-shell,.v67-placement-shell,.hl-activity-card,.v67-faq-shell,.v68-final-cta-shell){
  border-radius:18px!important;
}
body.v83-home :is(.v83-support-item,.layout-l4-card,.faq-item){
  border-color:#dce8ef!important;
}