/* Dream4K homepage: Netflix-style hero with Dream4K green colors */
#dream4k-home{
  background:#020806!important;
}
#dream4k-home header{
  position:absolute!important;
  top:0!important;
  left:0!important;
  right:0!important;
  z-index:60!important;
  border-bottom:0!important;
  background:linear-gradient(180deg,rgba(2,8,6,.88),rgba(2,8,6,.2),rgba(2,8,6,0))!important;
  backdrop-filter:none!important;
}
#dream4k-home header nav{
  display:none!important;
}
#dream4k-home header .mx-auto{
  max-width:1220px!important;
  padding:1.3rem 1.25rem!important;
}
#dream4k-home header img{
  width:44px!important;
  height:44px!important;
  border-radius:.9rem!important;
}
#dream4k-home header b{
  font-size:1.8rem!important;
  line-height:1!important;
  color:#22d36d!important;
  letter-spacing:.02em!important;
  text-transform:none!important;
}
#dream4k-home header b+span{
  display:none!important;
}
#dream4k-home header a:last-child{
  padding:.68rem 1.25rem!important;
  border-radius:.35rem!important;
  background:#22d36d!important;
  color:#021006!important;
  font-size:.9rem!important;
  font-weight:900!important;
}
#dream4k-home > section:first-of-type{
  min-height:720px!important;
  padding-top:7.2rem!important;
  padding-bottom:4.5rem!important;
  display:flex!important;
  align-items:center!important;
  border-bottom:1px solid #0f4f2a!important;
}
#dream4k-home > section:first-of-type > .relative{
  max-width:980px!important;
}
#dream4k-home > section:first-of-type p:first-child{
  display:none!important;
}
#dream4k-home > section:first-of-type h1{
  max-width:900px!important;
  margin-top:0!important;
  font-size:clamp(3.1rem,5.4vw,5.25rem)!important;
  line-height:1.05!important;
  letter-spacing:-.045em!important;
  text-shadow:0 10px 40px rgba(0,0,0,.8)!important;
}
#dream4k-home > section:first-of-type h1 + p{
  max-width:760px!important;
  margin-top:1.4rem!important;
  font-size:clamp(1.05rem,1.55vw,1.35rem)!important;
  line-height:1.45!important;
  font-weight:800!important;
  color:#effff4!important;
  text-shadow:0 8px 30px rgba(0,0,0,.8)!important;
}
#dream4k-home > section:first-of-type .max-w-3xl.overflow-hidden{
  max-width:640px!important;
  margin-top:1.7rem!important;
  border-radius:.35rem!important;
  border-color:#22d36d!important;
  background:rgba(2,8,6,.58)!important;
  padding:0!important;
  box-shadow:none!important;
}
#dream4k-home > section:first-of-type input{
  padding:1.05rem 1.1rem!important;
  font-size:1rem!important;
  background:rgba(0,0,0,.28)!important;
}
#dream4k-home > section:first-of-type input + a{
  margin:.35rem!important;
  padding:.95rem 1.35rem!important;
  border-radius:.28rem!important;
  background:#22d36d!important;
  color:#021006!important;
  font-size:.98rem!important;
  font-weight:900!important;
}
#dream4k-home > section:first-of-type .max-w-3xl.overflow-hidden + p{
  margin-top:.9rem!important;
  color:#caffdc!important;
  font-size:.9rem!important;
}
#dream4k-home > section:first-of-type .max-w-4xl.grid{
  display:none!important;
}
#dream4k-home [data-d4k-hero-mosaic] .grid{
  gap:.6rem!important;
  opacity:.72!important;
  transform:rotate(-4deg) scale(1.09)!important;
}
#dream4k-home [data-d4k-hero-mosaic] img{
  min-height:170px!important;
  filter:saturate(.95) contrast(1.08)!important;
}
#dream4k-home > section:first-of-type .bg-gradient-to-b{
  background:radial-gradient(circle at center,rgba(2,8,6,.18),rgba(2,8,6,.68) 45%,#020806 95%),linear-gradient(180deg,rgba(2,8,6,.45),rgba(2,8,6,.74),#020806)!important;
}
@media(max-width:768px){
  #dream4k-home header .mx-auto{padding:1rem!important;}
  #dream4k-home header b{font-size:1.25rem!important;}
  #dream4k-home > section:first-of-type{min-height:640px!important;padding-top:6.8rem!important;}
  #dream4k-home > section:first-of-type h1{font-size:2.65rem!important;}
  #dream4k-home > section:first-of-type h1 + p{font-size:1rem!important;}
  #dream4k-home > section:first-of-type .max-w-3xl.overflow-hidden{display:flex!important;flex-direction:column!important;gap:.45rem!important;border:0!important;background:transparent!important;}
  #dream4k-home > section:first-of-type input,#dream4k-home > section:first-of-type input + a{width:100%!important;margin:0!important;border-radius:.35rem!important;}
}