/* EMDATE V21.1 — Home Hero / EMDATE 7 Compact Executive Panel
   Loaded last on platform pages. Fixes the narrow/tall EMDATE 7 hero card. */

/* Hero proportions: slightly wider event side, materially shorter composition. */
.v16-home-hero .home-hero-inner{
  grid-template-columns:minmax(0,1.12fr) minmax(390px,.88fr)!important;
  gap:clamp(30px,4vw,54px)!important;
  padding:48px 52px 44px!important;
  align-items:center!important;
}
.v16-home-hero .home-hero-copy{max-width:720px!important}
.v16-home-hero .hero-media{
  min-height:0!important;
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:stretch!important;
}

/* New EMDATE 7 panel — broad, compact and information-led. */
.v16-home-hero .future-card.future-card-v21{
  position:relative!important;
  right:auto!important;
  top:auto!important;
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:28px 30px 26px!important;
  border-radius:22px!important;
  display:grid!important;
  gap:0!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 92% 4%,rgba(53,221,255,.18),transparent 31%),
    radial-gradient(circle at 3% 100%,rgba(255,56,88,.15),transparent 38%),
    linear-gradient(145deg,rgba(13,30,52,.98),rgba(5,12,23,.99) 72%)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 24px 64px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06)!important;
  animation:none!important;
}
.v16-home-hero .future-card.future-card-v21:after{
  inset:9px!important;
  border-radius:15px!important;
  opacity:.78!important;
}
.v16-home-hero .future-card-v21 .future-orbit{
  width:250px!important;
  height:250px!important;
  right:-110px!important;
  top:-125px!important;
  opacity:.42!important;
}
.v16-home-hero .future-card-head{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding-bottom:18px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.v16-home-hero .future-card-v21 .future-kicker{
  margin:0!important;
  color:#9bacc1!important;
  font-size:.58rem!important;
  font-weight:900!important;
  letter-spacing:.15em!important;
}
.v16-home-hero .future-status{
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:0 9px;
  border-radius:999px;
  border:1px solid rgba(53,221,255,.20);
  background:rgba(53,221,255,.065);
  color:#8ceeff;
  font-size:.50rem;
  font-weight:900;
  letter-spacing:.12em;
  white-space:nowrap;
}
.v16-home-hero .future-brand{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:auto minmax(120px,1fr);
  align-items:end;
  gap:18px;
  padding:23px 0 19px;
}
.v16-home-hero .future-brand>strong{
  margin:0!important;
  color:#fff!important;
  font:800 clamp(3.35rem,4.5vw,4.8rem)/.82 'Manrope',sans-serif!important;
  letter-spacing:-.075em!important;
  white-space:nowrap;
}
.v16-home-hero .future-brand>strong em{
  color:#ff4c67!important;
  font-style:normal!important;
}
.v16-home-hero .future-brand>span{
  max-width:175px;
  padding-bottom:3px;
  color:#99a9bd;
  font-size:.72rem;
  font-weight:650;
  line-height:1.45;
}
.v16-home-hero .future-schedule{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(120px,.65fr);
  gap:12px;
  padding:15px 0;
  border-top:1px solid rgba(255,255,255,.075);
  border-bottom:1px solid rgba(255,255,255,.075);
}
.v16-home-hero .future-date-block,
.v16-home-hero .future-place{display:flex;flex-direction:column;justify-content:center;min-height:66px}
.v16-home-hero .future-place{padding-left:18px;border-left:1px solid rgba(255,255,255,.075)}
.v16-home-hero .future-date-block>b{
  color:#f4f8ff;
  font:800 clamp(2rem,3vw,2.75rem)/.92 'Manrope',sans-serif;
  letter-spacing:-.055em;
}
.v16-home-hero .future-date-block>span{
  margin-top:5px;
  color:#ff6a7f;
  font-size:.64rem;
  font-weight:900;
  letter-spacing:.16em;
}
.v16-home-hero .future-place small{
  color:#667991;
  font-size:.50rem;
  font-weight:900;
  letter-spacing:.16em;
}
.v16-home-hero .future-place strong{
  margin-top:5px;
  color:#dfe8f3;
  font-size:.82rem;
  font-weight:850;
  letter-spacing:.08em;
}
.v16-home-hero .future-card-footer{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  padding-top:18px;
}
.v16-home-hero .future-card-v21 .future-card-footer>a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:11px!important;
  width:auto!important;
  min-height:40px!important;
  margin:0!important;
  padding:0 15px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.045)!important;
  color:#fff!important;
  font-size:.68rem!important;
  font-weight:800!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
.v16-home-hero .future-card-v21 .future-card-footer>a span{color:#6be8ff;font-size:.92rem}
.v16-home-hero .future-card-v21 .future-card-footer>a:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(53,221,255,.34)!important;
  background:rgba(53,221,255,.07)!important;
}

/* Tablet: stack the two hero zones, but keep EMDATE 7 wide rather than tower-shaped. */
@media(max-width:980px){
  .v16-home-hero .home-hero-inner{
    grid-template-columns:1fr!important;
    gap:30px!important;
    padding:44px 38px 38px!important;
  }
  .v16-home-hero .hero-media{justify-content:stretch!important}
  .v16-home-hero .future-card.future-card-v21{width:100%!important;max-width:none!important}
  .v16-home-hero .future-brand{grid-template-columns:auto 1fr!important}
}

/* Mobile: still compact; no forced 430–570px card height. */
@media(max-width:720px){
  .home-hero.v16-home-hero{width:calc(100% - 24px)!important;margin-top:12px!important;border-radius:18px!important}
  .v16-home-hero .home-hero-inner{padding:30px 20px 28px!important;gap:24px!important}
  .v16-home-hero h1{font-size:clamp(2.7rem,12vw,3.9rem)!important;margin:18px 0!important}
  .v16-home-hero .home-hero-copy>p{font-size:.88rem!important;line-height:1.65!important}
  .v16-home-hero .hero-actions{margin-top:20px!important}
  .v16-home-hero .hero-proof{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:0!important;
    margin-top:24px!important;
  }
  .v16-home-hero .hero-proof>div,
  .v16-home-hero .hero-proof>div+div{
    padding:11px 9px!important;
    border-bottom:0!important;
    border-left:1px solid rgba(255,255,255,.07)!important;
  }
  .v16-home-hero .hero-proof>div:first-child{border-left:0!important;padding-left:0!important}
  .v16-home-hero .hero-proof strong{font-size:.70rem!important}
  .v16-home-hero .hero-proof span{font-size:.52rem!important;line-height:1.3!important}
  .v16-home-hero .future-card.future-card-v21{
    min-height:0!important;
    height:auto!important;
    padding:22px 20px 20px!important;
    border-radius:17px!important;
  }
  .v16-home-hero .future-brand{grid-template-columns:1fr!important;gap:7px!important;padding:18px 0 16px!important}
  .v16-home-hero .future-brand>strong{font-size:clamp(3rem,15vw,4rem)!important}
  .v16-home-hero .future-brand>span{max-width:none!important;font-size:.68rem!important}
  .v16-home-hero .future-schedule{grid-template-columns:1fr 1fr!important;padding:12px 0!important}
  .v16-home-hero .future-date-block,.v16-home-hero .future-place{min-height:57px!important}
  .v16-home-hero .future-date-block>b{font-size:2rem!important}
  .v16-home-hero .future-place{padding-left:13px!important}
  .v16-home-hero .future-card-footer{padding-top:15px!important}
  .v16-home-hero .future-card-v21 .future-card-footer>a{width:100%!important;min-height:42px!important}
}

@media(max-width:430px){
  .v16-home-hero .hero-proof span{display:none!important}
  .v16-home-hero .hero-proof>div{min-height:44px;display:flex;align-items:center}
  .v16-home-hero .future-status{font-size:.46rem;padding:0 7px}
  .v16-home-hero .future-card-v21 .future-kicker{font-size:.52rem!important}
  .v16-home-hero .future-date-block>b{font-size:1.78rem!important}
  .v16-home-hero .future-place strong{font-size:.74rem!important}
}