/* One canonical header layout, applied last on every RLF page. */
.site-header{
  position:sticky;top:0;z-index:80;
  color:#fff;font-family:Manrope,Arial,sans-serif;
  background:linear-gradient(105deg,#0a1034,#111e56);
  border-bottom:1px solid rgba(158,201,255,.19);
  box-shadow:0 8px 25px rgba(3,11,39,.18);
}
.site-header .header-inner{
  box-sizing:border-box;
  width:min(1150px,calc(100% - 64px));
  margin:0 auto;height:91px;
  display:flex;align-items:center;justify-content:flex-start;gap:34px;
  position:relative;
}
.site-header .brand{
  display:inline-flex;align-items:center;gap:12px;flex:none;
  color:#fff;text-decoration:none;
}
.site-header .brand img{
  display:block;width:53px;height:53px;flex:none;
  border-radius:10px;object-fit:cover;
  box-shadow:0 6px 17px rgba(0,0,0,.21);
}
.site-header .brand-copy{display:flex;flex-direction:column;justify-content:center}
.site-header .brand-copy strong{font-size:13px;font-weight:800;line-height:1.12;letter-spacing:-.055em}
.site-header .brand-copy small{font-size:8px;font-weight:800;letter-spacing:.085em;color:#bac9ee;margin-top:4px}
.site-header .main-nav{
  margin-left:auto;display:flex;align-items:center;gap:34px;
  position:static;background:transparent;padding:0;box-shadow:none;
}
.site-header .main-nav a{
  font-family:inherit;font-size:12px;font-weight:800;
  color:#c5d2f4;letter-spacing:normal;text-decoration:none;
  transition:color .2s;
}
.site-header .main-nav a:hover,.site-header .main-nav a[aria-current=page]{color:#fff}
.site-header .listen-cta{
  display:inline-flex;align-items:center;justify-content:center;gap:12px;
  min-height:47px;padding:0 23px;flex:none;white-space:nowrap;
  background:linear-gradient(105deg,#fbfeff,#cceeff);
  border:0;border-radius:999px;color:#102767;
  font-family:inherit;font-size:11px;font-weight:850;letter-spacing:.025em;
  box-shadow:0 8px 22px rgba(31,105,205,.16);
  transition:transform .2s,box-shadow .2s;
}
.site-header .listen-cta:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(31,105,205,.27)}
.site-header .play-triangle{
  display:inline-block;width:0;height:0;flex:none;
  border-top:5px solid transparent;border-bottom:5px solid transparent;
  border-left:8px solid currentColor;
}
.site-header .mobile-menu{
  display:none;border:1px solid rgba(157,196,244,.27);
  border-radius:9px;background:transparent;color:#fff;
  font-family:inherit;font-size:21px;width:39px;height:39px;
  padding:0;line-height:1;align-items:center;justify-content:center;
}
@media(max-width:620px){
  .site-header .header-inner{width:calc(100% - 36px);height:76px;gap:11px}
  .site-header .brand img{width:47px;height:47px}
  .site-header .brand-copy{display:none}
  .site-header .main-nav{
    position:absolute;top:76px;left:-18px;right:-18px;
    display:none;align-items:stretch;flex-direction:column;gap:0;
    margin:0;background:#101d51;padding:10px 21px 20px;
    border-top:1px solid rgba(157,204,255,.22);
    box-shadow:0 15px 26px rgba(3,11,39,.24);
  }
  .site-header .main-nav.is-open{display:flex}
  .site-header .main-nav a{padding:12px 4px}
  .site-header .listen-cta{margin-left:auto;min-height:40px;padding:0 13px;font-size:10px}
  .site-header .mobile-menu{display:inline-flex}
}