/* DELTA V84 — Home hero: true centered logo + square domain cards */
.hero-v51 .hero-four-domains{
  position:relative!important;
  display:block!important;
  width:min(1180px,calc(100% - 40px))!important;
  max-width:1180px!important;
  min-height:690px!important;
  margin-inline:auto!important;
  padding:24px 0!important;
}
.hero-v51 .hero-core{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:min(390px,34%)!important;
  height:auto!important;
  min-height:0!important;
  z-index:30!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
.hero-v51 .hero-logo-stage{
  width:100%!important;
  height:260px!important;
  min-height:260px!important;
  display:grid!important;
  place-items:center!important;
}
.hero-v51 .hero-logo{
  width:min(285px,100%)!important;
  max-width:285px!important;
  max-height:285px!important;
  object-fit:contain!important;
  margin:auto!important;
}
.hero-v51 .hero-brandline{font-size:9px!important;letter-spacing:3px!important;margin:0 0 2px!important}
.hero-v51 .slogan{font-size:11px!important;margin:0!important}
.hero-v51 .hero-core h1{font-size:24px!important;line-height:1.45!important;margin:8px 0 5px!important}
.hero-v51 .hero-core p{font-size:11px!important;line-height:1.9!important;margin:0 auto!important;max-width:310px!important}
.hero-v51 .hero-actions{margin-top:13px!important;gap:8px!important}

.hero-v51 .hero-domain{
  position:absolute!important;
  width:200px!important;
  z-index:25!important;
  display:block!important;
}
.hero-v51 .domain-security{top:28px!important;left:20px!important}
.hero-v51 .domain-energy{top:28px!important;right:20px!important}
.hero-v51 .domain-construction{bottom:28px!important;left:20px!important}
.hero-v51 .domain-business{bottom:28px!important;right:20px!important}
.hero-v51 .domain-card{
  width:200px!important;
  height:200px!important;
  min-height:200px!important;
  aspect-ratio:1/1!important;
  padding:18px!important;
  border-radius:26px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
.hero-v51 .domain-card .domain-icon{width:48px!important;height:48px!important;margin-bottom:10px!important}
.hero-v51 .domain-card b{font-size:16px!important}
.hero-v51 .domain-card small{font-size:8px!important;letter-spacing:1.5px!important}
.hero-v51 .domain-card i{position:absolute!important;top:12px!important;left:12px!important}
.hero-domain-menu{
  position:absolute!important;
  width:220px!important;
  max-height:0!important;
  margin:0!important;
  overflow:hidden!important;
  opacity:0!important;
  transform:translateY(-5px)!important;
  transition:max-height .24s ease,opacity .2s ease,transform .24s ease!important;
  z-index:60!important;
}
.hero-domain.is-open .hero-domain-menu{max-height:190px!important;opacity:1!important;transform:none!important}
.domain-security .hero-domain-menu,.domain-energy .hero-domain-menu{top:208px!important;left:50%!important;transform:translate(-50%,-5px)!important}
.domain-security.is-open .hero-domain-menu,.domain-energy.is-open .hero-domain-menu{transform:translate(-50%,0)!important}
.domain-construction .hero-domain-menu,.domain-business .hero-domain-menu{bottom:208px!important;left:50%!important;transform:translate(-50%,5px)!important}
.domain-construction.is-open .hero-domain-menu,.domain-business.is-open .hero-domain-menu{transform:translate(-50%,0)!important}
.hero-domain-menu a{min-height:38px!important;font-size:11px!important;padding:8px 10px!important}

@media(max-width:1000px){
 .hero-v51 .hero-four-domains{min-height:650px!important;width:min(100% - 28px,900px)!important}
 .hero-v51 .hero-core{width:330px!important}
 .hero-v51 .hero-logo-stage{height:225px!important;min-height:225px!important}
 .hero-v51 .hero-logo{width:245px!important;max-width:245px!important;max-height:245px!important}
 .hero-v51 .domain-card,.hero-v51 .hero-domain{width:170px!important}
 .hero-v51 .domain-card{height:170px!important;min-height:170px!important}
 .domain-security .hero-domain-menu,.domain-energy .hero-domain-menu{top:178px!important}
 .domain-construction .hero-domain-menu,.domain-business .hero-domain-menu{bottom:178px!important}
}
@media(max-width:760px){
 .hero-v51 .hero-four-domains{display:grid!important;position:relative!important;grid-template-columns:1fr 1fr!important;grid-template-areas:"core core" "security energy" "construction business"!important;gap:14px!important;min-height:0!important;padding:10px 0 30px!important}
 .hero-v51 .hero-core{position:relative!important;left:auto!important;top:auto!important;transform:none!important;grid-area:core!important;width:100%!important;min-height:0!important;padding-bottom:5px!important}
 .hero-v51 .hero-logo-stage{height:230px!important;min-height:230px!important}
 .hero-v51 .hero-logo{width:min(250px,70vw)!important;max-width:250px!important;max-height:250px!important}
 .hero-v51 .hero-domain{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%!important;display:flex!important;justify-content:center!important}
 .hero-v51 .domain-security{grid-area:security!important}.hero-v51 .domain-energy{grid-area:energy!important}.hero-v51 .domain-construction{grid-area:construction!important}.hero-v51 .domain-business{grid-area:business!important}
 .hero-v51 .domain-card{width:min(190px,100%)!important;height:min(190px,100%)!important;min-height:0!important}
 .hero-domain-menu,.domain-security .hero-domain-menu,.domain-energy .hero-domain-menu,.domain-construction .hero-domain-menu,.domain-business .hero-domain-menu{position:relative!important;top:auto!important;bottom:auto!important;left:auto!important;width:min(190px,100%)!important;transform:translateY(-5px)!important;margin-top:8px!important}
 .hero-domain.is-open .hero-domain-menu{transform:none!important}
}
@media(max-width:520px){
 .hero-v51 .hero-four-domains{grid-template-columns:1fr!important;grid-template-areas:"core" "security" "energy" "construction" "business"!important}
 .hero-v51 .domain-card{width:min(210px,100%)!important;height:210px!important}
 .hero-domain-menu,.domain-security .hero-domain-menu,.domain-energy .hero-domain-menu,.domain-construction .hero-domain-menu,.domain-business .hero-domain-menu{width:min(210px,100%)!important}
}