/* Final homepage layout refinements. Loaded after site-polish.css. */
:root{--home-nav-height:86px;--home-accent:#ff6486}
html,body{background:#090a0e}

/* Keep the fixed navigation visually solid and reserve its real space in the hero. */
.navbar{
  z-index:1080!important;
  top:0!important;
  left:0!important;
  right:0!important;
  min-height:var(--home-nav-height);
  background:linear-gradient(180deg,rgba(9,10,14,.95),rgba(9,10,14,.82))!important;
  border-bottom:1px solid rgba(255,255,255,.075)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.20)!important;
  backdrop-filter:blur(22px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(145%)!important;
}
.navbar::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.018),transparent 35%,transparent 65%,rgba(255,255,255,.014));z-index:-1}
.navbar .container{min-height:60px}
.navbar-brand{position:relative;z-index:2}
.navbar-collapse{position:relative;z-index:3}

header.header{
  min-height:100svh!important;
  padding-top:calc(var(--home-nav-height) + 34px + env(safe-area-inset-top))!important;
  padding-bottom:56px!important;
}
header.header .container{
  min-height:calc(100svh - var(--home-nav-height) - 90px)!important;
  justify-content:center!important;
}
.hero-grid{width:100%;position:relative;z-index:2}
.hero-copy{padding-top:4px}

/* Larger, clearer follow block with neutral white icons. */
.header .hero-foot{
  width:224px!important;
  max-width:224px!important;
  margin-top:2.25rem!important;
  padding:15px 17px 17px!important;
  border-radius:25px!important;
  gap:13px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.072),rgba(255,255,255,.022))!important;
  border:1px solid rgba(255,255,255,.13)!important;
  box-shadow:0 18px 46px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.13)!important;
  backdrop-filter:blur(27px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(27px) saturate(145%)!important;
}
.header .hero-foot .social-foot-label{
  font-size:.76rem!important;
  line-height:1.2!important;
  letter-spacing:.18em!important;
  font-weight:700!important;
  color:rgba(255,255,255,.72)!important;
}
.header .hero-foot .social-icons{
  padding:0!important;
  gap:14px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.header .hero-foot .social-link{
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  min-height:54px!important;
  border-radius:17px!important;
  color:#fff!important;
  background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.035))!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 10px 25px rgba(0,0,0,.15)!important;
  backdrop-filter:blur(20px) saturate(140%)!important;
  -webkit-backdrop-filter:blur(20px) saturate(140%)!important;
}
.header .hero-foot .social-link i,
.header .hero-foot .social-link iconify-icon{font-size:22px!important;color:#fff!important}
.header .hero-foot .social-link:hover,
.header .hero-foot .social-link:focus-visible{
  transform:translateY(-3px) scale(1.045)!important;
  color:#fff!important;
  background:rgba(255,255,255,.13)!important;
  border-color:rgba(255,255,255,.26)!important;
  box-shadow:0 13px 30px rgba(0,0,0,.22),0 0 16px rgba(255,255,255,.12),inset 0 1px 0 rgba(255,255,255,.17)!important;
}

@media(max-width:991px){
  :root{--home-nav-height:78px}
  .navbar{min-height:var(--home-nav-height)}
  .navbar-collapse{max-height:calc(100dvh - 96px);overflow:auto}
  header.header{padding-top:calc(var(--home-nav-height) + 26px + env(safe-area-inset-top))!important}
}

@media(max-width:640px){
  :root{--home-nav-height:74px}
  header.header{
    min-height:100svh!important;
    padding-top:calc(var(--home-nav-height) + 24px + env(safe-area-inset-top))!important;
    padding-bottom:38px!important;
  }
  header.header .container{min-height:auto!important}
  .header .hero-foot{width:204px!important;max-width:204px!important;padding:13px 15px 15px!important;border-radius:23px!important;gap:11px!important}
  .header .hero-foot .social-foot-label{font-size:.71rem!important}
  .header .hero-foot .social-link{width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important;border-radius:16px!important}
  .header .hero-foot .social-link i,.header .hero-foot .social-link iconify-icon{font-size:21px!important}
}

@supports(padding-top:max(0px)){.navbar{padding-top:max(.65rem,env(safe-area-inset-top))!important}}