/* MIYAAR v15.5.8 — Homepage Hero Rebuild (stage 6.2)
 * Scope: homepage hero only.
 * Replaces the old dashboard-mockup fallback with a real training visual while
 * preserving dynamic association identity and custom hero image support.
 */
body.miyaar-home-reference .mi-home-ref-hero{
  position:relative;
  isolation:isolate;
  min-height:clamp(600px,72vh,730px);
  overflow:hidden;
  padding:0!important;
  background:
    radial-gradient(circle at 88% 18%,color-mix(in srgb,var(--mi-accent) 22%,transparent) 0 12%,transparent 34%),
    radial-gradient(circle at 72% 90%,color-mix(in srgb,var(--mi-brand) 28%,transparent) 0 10%,transparent 36%),
    linear-gradient(112deg,color-mix(in srgb,var(--mi-brand) 82%,#062239) 0%,color-mix(in srgb,var(--mi-brand) 70%,#071d33) 46%,#071827 100%)!important;
  color:#fff;
}
body.miyaar-home-reference .mi-home-ref-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-4;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(180deg,rgba(255,255,255,.03) 1px,transparent 1px);
  background-size:54px 54px;
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.75) 48%,#000 100%);
  opacity:.55;
}
body.miyaar-home-reference .mi-home-ref-hero::after{
  content:"";
  position:absolute;
  inset:auto -4% -82px;
  z-index:1;
  height:150px;
  border-radius:50% 50% 0 0/100% 100% 0 0;
  background:var(--mi-bg);
  pointer-events:none;
}
body.miyaar-home-reference .mi-home-ref-hero__media{
  position:absolute!important;
  inset:0!important;
  z-index:-3!important;
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
  background:transparent!important;
}
body.miyaar-home-reference .mi-home-ref-hero__image{
  position:absolute;
  inset:0;
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  object-fit:cover!important;
  object-position:left center!important;
  transform:none!important;
  filter:saturate(.96) contrast(1.02)!important;
}
body.miyaar-home-reference .mi-home-ref-hero.has-custom-art .mi-home-ref-hero__image{
  object-position:center!important;
  filter:saturate(.9) contrast(1.03) brightness(.82)!important;
}
body.miyaar-home-reference .mi-home-ref-hero__shade{
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(90deg,rgba(4,15,27,.06) 0%,rgba(4,15,27,.12) 28%,rgba(4,15,27,.58) 52%,rgba(4,15,27,.93) 76%,rgba(4,15,27,.98) 100%),
    linear-gradient(180deg,rgba(3,12,22,.12),rgba(3,12,22,.25) 70%,rgba(3,12,22,.5));
}
body.miyaar-home-reference .mi-home-ref-hero__content{
  position:relative;
  z-index:2;
  display:grid!important;
  grid-template-columns:minmax(0,1.04fr) minmax(320px,.96fr)!important;
  align-items:center!important;
  gap:clamp(30px,5vw,80px)!important;
  width:min(82rem,calc(100% - 40px));
  min-height:clamp(600px,72vh,730px)!important;
  margin-inline:auto;
  padding-top:clamp(70px,8vw,108px)!important;
  padding-bottom:clamp(110px,11vw,145px)!important;
}
body.miyaar-home-reference .mi-home-ref-hero__copy{
  position:relative;
  z-index:2;
  max-width:660px!important;
  margin:0!important;
  padding:0!important;
  color:#fff!important;
}
body.miyaar-home-reference .mi-home-ref-hero__eyebrow{
  display:inline-flex!important;
  align-items:center;
  gap:9px;
  margin:0 0 20px!important;
  padding:9px 13px!important;
  border:1px solid rgba(255,255,255,.2)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.09)!important;
  color:rgba(255,255,255,.93)!important;
  box-shadow:0 10px 30px rgba(0,0,0,.08)!important;
  backdrop-filter:blur(12px);
  font-size:12px!important;
  font-weight:900!important;
}
body.miyaar-home-reference .mi-home-ref-hero__eyebrow>i{
  width:7px!important;
  height:7px!important;
  border-radius:50%;
  background:color-mix(in srgb,var(--mi-accent) 72%,#5ee6ff)!important;
  box-shadow:0 0 0 5px color-mix(in srgb,var(--mi-accent) 15%,transparent)!important;
}
body.miyaar-home-reference .mi-home-ref-hero__title{
  max-width:690px!important;
  margin:0!important;
  color:#fff!important;
  font-size:clamp(42px,5vw,70px)!important;
  font-weight:950!important;
  line-height:1.16!important;
  letter-spacing:-1.45px!important;
  text-wrap:balance;
  text-shadow:0 10px 38px rgba(0,0,0,.26)!important;
}
body.miyaar-home-reference .mi-home-ref-hero__title em{
  position:relative;
  display:inline-block;
  margin-inline:6px;
  color:color-mix(in srgb,var(--mi-accent) 72%,#53e6ff)!important;
  font-style:normal;
  text-shadow:0 8px 30px rgba(0,0,0,.2)!important;
}
body.miyaar-home-reference .mi-home-ref-hero__title em::after{
  content:"";
  position:absolute;
  inset-inline:4px;
  bottom:-7px;
  height:4px;
  border-radius:999px;
  background:color-mix(in srgb,var(--mi-accent) 76%,#53e6ff)!important;
  opacity:.95;
  transform:rotate(-1deg);
}
body.miyaar-home-reference .mi-home-ref-hero__lead{
  max-width:620px!important;
  margin:26px 0 0!important;
  color:rgba(255,255,255,.78)!important;
  font-size:clamp(15px,1.25vw,18px)!important;
  line-height:2!important;
  text-shadow:0 4px 18px rgba(0,0,0,.12);
}
body.miyaar-home-reference .mi-home-ref-hero__actions{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:flex-start!important;
  gap:12px!important;
  margin-top:31px!important;
}
body.miyaar-home-reference .mi-home-ref-hero__actions .mi-btn{
  min-height:52px!important;
  padding:12px 23px!important;
  border-radius:14px!important;
  font-size:14px!important;
  font-weight:900!important;
}
body.miyaar-home-reference .mi-home-ref-hero__primary{
  border-color:transparent!important;
  background:linear-gradient(135deg,var(--mi-brand),color-mix(in srgb,var(--mi-accent) 54%,var(--mi-brand)))!important;
  color:#fff!important;
  box-shadow:0 16px 38px color-mix(in srgb,var(--mi-brand) 34%,transparent)!important;
}
body.miyaar-home-reference .mi-home-ref-hero__primary:hover{
  transform:translateY(-2px)!important;
  filter:brightness(1.06);
}
body.miyaar-home-reference .mi-home-ref-hero__secondary{
  border-color:rgba(255,255,255,.28)!important;
  background:rgba(255,255,255,.09)!important;
  color:#fff!important;
  box-shadow:none!important;
  backdrop-filter:blur(10px);
}
body.miyaar-home-reference .mi-home-ref-hero__secondary:hover{
  border-color:rgba(255,255,255,.48)!important;
  background:rgba(255,255,255,.15)!important;
}
body.miyaar-home-reference .mi-home-ref-hero__meta{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px!important;
  max-width:560px;
  margin-top:34px!important;
  color:#fff!important;
  font-size:10.5px!important;
}
body.miyaar-home-reference .mi-home-ref-hero__meta>span{
  display:grid!important;
  gap:4px;
  min-height:70px;
  padding:12px 13px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:14px;
  background:rgba(255,255,255,.07);
  backdrop-filter:blur(10px);
  color:rgba(255,255,255,.62)!important;
}
body.miyaar-home-reference .mi-home-ref-hero__meta strong{
  display:block;
  color:#fff!important;
  font-size:18px!important;
  line-height:1!important;
  font-weight:950!important;
}
body.miyaar-home-reference .mi-home-ref-hero__meta>i{display:none!important}
body.miyaar-home-reference .mi-home-ref-hero__trust{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:flex-start!important;
  gap:10px 17px!important;
  margin-top:18px!important;
  color:rgba(255,255,255,.7)!important;
  font-size:10.5px!important;
}
body.miyaar-home-reference .mi-home-ref-hero__trust span{
  display:inline-flex!important;
  align-items:center;
  gap:6px;
  color:inherit!important;
}
body.miyaar-home-reference .mi-home-ref-hero__trust svg{
  width:14px!important;
  height:14px!important;
  color:color-mix(in srgb,var(--mi-accent) 72%,#53e6ff)!important;
}
body.miyaar-home-reference .mi-home-ref-hero__balance{min-height:1px}

@media(max-width:1040px){
  body.miyaar-home-reference .mi-home-ref-hero__shade{
    background:linear-gradient(90deg,rgba(4,15,27,.2),rgba(4,15,27,.72) 48%,rgba(4,15,27,.97) 100%),linear-gradient(180deg,rgba(3,12,22,.12),rgba(3,12,22,.48));
  }
  body.miyaar-home-reference .mi-home-ref-hero__content{grid-template-columns:minmax(0,1.15fr) minmax(220px,.85fr)!important}
}
@media(max-width:860px){
  body.miyaar-home-reference .mi-home-ref-hero{min-height:640px}
  body.miyaar-home-reference .mi-home-ref-hero__image{object-position:35% center!important;opacity:.66}
  body.miyaar-home-reference .mi-home-ref-hero__shade{
    background:linear-gradient(180deg,rgba(4,15,27,.7),rgba(4,15,27,.9) 62%,rgba(4,15,27,.97));
  }
  body.miyaar-home-reference .mi-home-ref-hero__content{
    grid-template-columns:1fr!important;
    min-height:640px!important;
    padding-top:72px!important;
    padding-bottom:125px!important;
    text-align:center;
  }
  body.miyaar-home-reference .mi-home-ref-hero__copy{max-width:720px!important;margin-inline:auto!important}
  body.miyaar-home-reference .mi-home-ref-hero__balance{display:none}
  body.miyaar-home-reference .mi-home-ref-hero__eyebrow{margin-inline:auto!important}
  body.miyaar-home-reference .mi-home-ref-hero__lead{margin-inline:auto!important}
  body.miyaar-home-reference .mi-home-ref-hero__actions,
  body.miyaar-home-reference .mi-home-ref-hero__trust{justify-content:center!important}
  body.miyaar-home-reference .mi-home-ref-hero__meta{margin-inline:auto!important}
}
@media(max-width:680px){
  body.miyaar-home-reference .mi-home-ref-hero{min-height:610px}
  body.miyaar-home-reference .mi-home-ref-hero::after{height:112px;bottom:-70px}
  body.miyaar-home-reference .mi-home-ref-hero__content{width:min(100% - 28px,82rem);min-height:610px!important;padding-top:58px!important;padding-bottom:105px!important}
  body.miyaar-home-reference .mi-home-ref-hero__title{font-size:clamp(35px,10vw,50px)!important;letter-spacing:-.7px!important}
  body.miyaar-home-reference .mi-home-ref-hero__lead{font-size:14px!important;line-height:1.9!important}
  body.miyaar-home-reference .mi-home-ref-hero__meta{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}
  body.miyaar-home-reference .mi-home-ref-hero__meta>span{min-height:66px;padding:10px 8px}
}
@media(max-width:460px){
  body.miyaar-home-reference .mi-home-ref-hero{min-height:620px}
  body.miyaar-home-reference .mi-home-ref-hero__content{min-height:620px!important;padding-top:48px!important;padding-bottom:95px!important}
  body.miyaar-home-reference .mi-home-ref-hero__actions{display:grid!important;width:100%}
  body.miyaar-home-reference .mi-home-ref-hero__actions .mi-btn{width:100%;justify-content:center}
  body.miyaar-home-reference .mi-home-ref-hero__meta{gap:6px!important}
  body.miyaar-home-reference .mi-home-ref-hero__meta>span{font-size:9.5px!important}
  body.miyaar-home-reference .mi-home-ref-hero__meta strong{font-size:16px!important}
  body.miyaar-home-reference .mi-home-ref-hero__trust{display:none!important}
}
@media(prefers-reduced-motion:reduce){
  body.miyaar-home-reference .mi-home-ref-hero__primary{transition:none!important}
  body.miyaar-home-reference .mi-home-ref-hero__primary:hover{transform:none!important}
}