/* MIYAAR v15.5.8 — Homepage reference implementation, stage 1.
 * Scope: homepage hero only. The file intentionally loads after home-v15.5.2.css.
 * It reuses MIYAAR design tokens and association identity; no reference-site brand tokens are copied.
 */
.mi-home-ref-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:clamp(560px,69vh,690px);
  padding:0!important;
  border:0!important;
  background:color-mix(in srgb,var(--mi-brand) 76%,#071827);
  color:#fff;
}
.mi-home-ref-hero__media,
.mi-home-ref-hero__shade{position:absolute;inset:0}
.mi-home-ref-hero__media{z-index:-3;overflow:hidden;background:color-mix(in srgb,var(--mi-brand) 72%,#071827)}
.mi-home-ref-hero__image{
  display:block;
  width:100%;
  height:100%;
  min-height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  transform:scale(1.005);
}
.mi-home-ref-hero.is-dashboard-mockup .mi-home-ref-hero__image{
  object-fit:cover!important;
  object-position:center 42%!important;
  filter:saturate(.82) contrast(1.03) brightness(.8);
}
.mi-home-ref-hero__shade{
  z-index:-2;
  background:
    linear-gradient(90deg,rgba(4,15,27,.38) 0%,rgba(4,15,27,.58) 42%,rgba(4,15,27,.91) 100%),
    linear-gradient(180deg,rgba(5,15,25,.12) 0%,rgba(5,15,25,.16) 62%,rgba(5,15,25,.55) 100%),
    color-mix(in srgb,var(--mi-brand) 24%,transparent);
}
.mi-home-ref-hero::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:110px;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(2,11,19,.18));
}
.mi-home-ref-hero__content{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);
  align-items:center;
  gap:clamp(30px,6vw,86px);
  min-height:clamp(560px,69vh,690px);
  padding-top:clamp(64px,8vw,104px);
  padding-bottom:clamp(64px,8vw,104px);
}
.mi-home-ref-hero__copy{max-width:720px;margin:0;padding:0!important;color:#fff}
.mi-home-ref-hero__eyebrow{
  display:inline-flex!important;
  align-items:center;
  gap:9px;
  margin:0 0 18px!important;
  padding:8px 12px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:999px;
  background:rgba(255,255,255,.10);
  color:rgba(255,255,255,.91)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.08);
  backdrop-filter:blur(12px);
  font-size:12px;
  font-weight:850;
}
.mi-home-ref-hero__eyebrow>i{width:7px!important;height:7px!important;border-radius:50%;background:var(--mi-accent,#e6bd63)!important;box-shadow:0 0 0 5px color-mix(in srgb,var(--mi-accent,#e6bd63) 16%,transparent)}
.mi-home-ref-hero__title{
  max-width:760px;
  margin:0!important;
  color:#fff!important;
  font-size:clamp(38px,5.2vw,70px)!important;
  font-weight:950!important;
  line-height:1.16!important;
  letter-spacing:-1.6px;
  text-wrap:balance;
  text-shadow:0 10px 34px rgba(0,0,0,.22);
}
.mi-home-ref-hero__title em{
  position:relative;
  display:inline-block;
  margin-inline:6px;
  color:var(--mi-accent,#e6bd63)!important;
  font-style:normal;
  white-space:normal;
}
.mi-home-ref-hero__title em::after{
  content:"";
  position:absolute;
  inset-inline:4px;
  bottom:-7px;
  height:4px;
  border-radius:999px;
  background:var(--mi-accent,#e6bd63);
  opacity:.88;
  transform:rotate(-1deg);
}
.mi-home-ref-hero__lead{
  max-width:650px!important;
  margin:25px 0 0!important;
  color:rgba(255,255,255,.78)!important;
  font-size:clamp(15px,1.45vw,18px)!important;
  line-height:2!important;
}
.mi-home-ref-hero__actions{display:flex!important;flex-wrap:wrap;justify-content:flex-start!important;gap:11px!important;margin-top:30px!important}
.mi-home-ref-hero__actions .mi-btn{
  min-height:50px;
  padding:12px 22px!important;
  border-radius:14px!important;
  font-size:14px;
  font-weight:900;
  box-shadow:none!important;
}
.mi-home-ref-hero__primary{
  border-color:var(--mi-brand)!important;
  background:var(--mi-brand)!important;
  color:var(--mi-on-brand,#fff)!important;
  box-shadow:0 14px 36px color-mix(in srgb,var(--mi-brand) 28%,transparent)!important;
}
.mi-home-ref-hero__primary:hover{transform:translateY(-1px);filter:brightness(1.05)}
.mi-home-ref-hero__secondary{
  border-color:rgba(255,255,255,.34)!important;
  background:rgba(255,255,255,.09)!important;
  color:#fff!important;
  backdrop-filter:blur(10px);
}
.mi-home-ref-hero__secondary:hover{background:rgba(255,255,255,.16)!important;border-color:rgba(255,255,255,.5)!important}
.mi-home-ref-hero__meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px 18px;
  margin-top:34px;
  color:rgba(255,255,255,.64);
  font-size:11px;
  font-weight:700;
}
.mi-home-ref-hero__meta span{display:inline-flex;align-items:center;gap:5px}
.mi-home-ref-hero__meta strong{color:#fff;font-size:12px;font-weight:950}
.mi-home-ref-hero__meta>i{display:block;width:1px;height:17px;background:rgba(255,255,255,.25)}
.mi-home-ref-hero__trust{
  display:flex!important;
  flex-wrap:wrap;
  justify-content:flex-start!important;
  gap:9px 16px!important;
  margin-top:17px!important;
  color:rgba(255,255,255,.70)!important;
  font-size:10.5px!important;
}
.mi-home-ref-hero__trust span{display:inline-flex;align-items:center;gap:6px}
.mi-home-ref-hero__trust svg{width:14px;height:14px;color:var(--mi-accent,#e6bd63)}
.mi-home-ref-hero__balance{min-height:1px}

/* Keep the next signed-in strip visually attached to the full-bleed hero. */
.mi-home-ref-hero + .mi-home-resume{position:relative;z-index:3;margin-top:-30px;background:color-mix(in srgb,var(--mi-surface) 96%,transparent);backdrop-filter:blur(15px)}

@media(max-width:980px){
  .mi-home-ref-hero__content{grid-template-columns:1fr;min-height:600px}
  .mi-home-ref-hero__copy{max-width:760px}
  .mi-home-ref-hero__balance{display:none}
  .mi-home-ref-hero__shade{background:linear-gradient(90deg,rgba(4,15,27,.54),rgba(4,15,27,.84)),linear-gradient(180deg,rgba(5,15,25,.10),rgba(5,15,25,.52))}
}
@media(max-width:680px){
  .mi-home-ref-hero{min-height:570px}
  .mi-home-ref-hero__content{min-height:570px;padding-top:58px;padding-bottom:58px;text-align:center}
  .mi-home-ref-hero__copy{margin-inline:auto}
  .mi-home-ref-hero__eyebrow{margin-inline:auto!important}
  .mi-home-ref-hero__title{font-size:clamp(34px,10vw,48px)!important;letter-spacing:-.7px}
  .mi-home-ref-hero__lead{margin-inline:auto!important;font-size:14px!important;line-height:1.9!important}
  .mi-home-ref-hero__actions{justify-content:center!important}
  .mi-home-ref-hero__meta,.mi-home-ref-hero__trust{justify-content:center!important}
  .mi-home-ref-hero__shade{background:linear-gradient(180deg,rgba(4,15,27,.72),rgba(4,15,27,.86))}
}
@media(max-width:460px){
  .mi-home-ref-hero__content{padding-top:48px;padding-bottom:50px}
  .mi-home-ref-hero__actions{display:grid!important;width:100%}
  .mi-home-ref-hero__actions .mi-btn{width:100%;justify-content:center}
  .mi-home-ref-hero__meta{gap:9px 12px}
  .mi-home-ref-hero__meta>i{display:none}
  .mi-home-ref-hero__trust{display:none!important}
}
@media(prefers-reduced-motion:reduce){
  .mi-home-ref-hero__primary{transition:none!important}
  .mi-home-ref-hero__primary:hover{transform:none}
}