/* NLS Neujahr Hero Banner 2026 – Option A (elegant) */
.nls-hero-banner{
  position: fixed;
  inset: 0;
  z-index: 10000;
  color: #fff;
  display: grid;
  place-items: center;
  text-align: center;
  background: radial-gradient(1200px 600px at 50% 30%, rgba(255,255,255,0.12), rgba(255,255,255,0) 55%),
              linear-gradient(135deg, rgba(0,38,84,0.97), rgba(0,96,160,0.97));
}
.nls-hero-banner::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:0;
  height: 34vh;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201200%20260%22%3E%0A%20%20%3Cpath%20d%3D%22M70%20210%20C%20250%2070%2C%20420%2055%2C%20600%2095%20C%20780%20135%2C%20950%20120%2C%201130%2040%22%20fill%3D%22none%22%20stroke%3D%22rgba%28255%2C255%2C255%2C0.35%29%22%20stroke-width%3D%226%22%20stroke-linecap%3D%22round%22/%3E%0A%20%20%3Cpath%20d%3D%22M70%20210%20C%20250%20135%2C%20420%20125%2C%20600%20145%20C%20780%20165%2C%20950%20160%2C%201130%20110%22%20fill%3D%22none%22%20stroke%3D%22rgba%28255%2C255%2C255%2C0.22%29%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22/%3E%0A%20%20%3C%21--%20towers%20--%3E%0A%20%20%3Cpath%20d%3D%22M255%20230%20L255%2090%22%20stroke%3D%22rgba%28255%2C255%2C255%2C0.35%29%22%20stroke-width%3D%228%22%20stroke-linecap%3D%22round%22/%3E%0A%20%20%3Cpath%20d%3D%22M945%20230%20L945%2060%22%20stroke%3D%22rgba%28255%2C255%2C255%2C0.35%29%22%20stroke-width%3D%228%22%20stroke-linecap%3D%22round%22/%3E%0A%20%20%3C%21--%20cables%20--%3E%0A%20%20%3Cpath%20d%3D%22M255%20110%20C%20380%20105%2C%20470%20120%2C%20600%20140%20C%20730%20160%2C%20830%20165%2C%20945%20130%22%20fill%3D%22none%22%20stroke%3D%22rgba%28255%2C255%2C255%2C0.18%29%22%20stroke-width%3D%223%22/%3E%0A%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: min(1200px, 92vw) auto;
  opacity: .9;
  pointer-events:none;
}
/* subtle sparkles */
.nls-hero-banner::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 20% 25%, rgba(255,210,90,0.55) 0 2px, rgba(255,210,90,0) 3px),
    radial-gradient(circle at 70% 20%, rgba(255,210,90,0.45) 0 2px, rgba(255,210,90,0) 3px),
    radial-gradient(circle at 55% 35%, rgba(255,210,90,0.35) 0 2px, rgba(255,210,90,0) 3px),
    radial-gradient(circle at 35% 18%, rgba(255,210,90,0.35) 0 2px, rgba(255,210,90,0) 3px),
    radial-gradient(circle at 80% 32%, rgba(255,210,90,0.30) 0 2px, rgba(255,210,90,0) 3px);
  opacity: .9;
  animation: nlsSparkle 2.2s ease-in-out infinite alternate;
  pointer-events:none;
}
@keyframes nlsSparkle{ from{opacity:.55; filter:blur(.0px)} to{opacity:1; filter:blur(.2px)} }

.nls-hero-inner{
  position: relative;
  z-index: 1;
  max-width: 980px;
  padding: 44px 22px 32px;
  animation: fadeInUp .6s ease-out;
}
.nls-hero-inner h2{
  font-size: clamp(30px, 4.2vw, 54px);
  margin: 0 0 14px 0;
  font-weight: 750;
  letter-spacing: .2px;
}
.nls-hero-inner p{
  font-size: clamp(16px, 2.1vw, 20px);
  margin: 0;
  opacity: .96;
}
.nls-hero-sub{
  margin-top: 16px;
  font-size: 14px;
  opacity: .78;
}
@keyframes fadeInUp{ from{opacity:0; transform:translateY(18px)} to{opacity:1; transform:translateY(0)} }