/* Hero styles of the content pages (<style id="hero-redesign"> of about-us etc.) */
.hero.hero--redesign{
  position:relative;
  background:
    radial-gradient(1100px 480px at 82% -12%, rgba(47,107,255,.38), transparent 60%),
    linear-gradient(160deg,#0a1f4d 0%,#0a2a66 55%,#07162f 100%);
  color:#fff;
  padding:66px 0 74px;
  overflow:hidden;
}
.hero.hero--redesign .hero-inner{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:34px;
}
.hero.hero--redesign .hero-content{max-width:820px;margin:0 auto}
.hero-badge{
  display:inline-block;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.18);
  color:#dbe6ff;
  font-size:.82rem;font-weight:600;letter-spacing:.02em;
  padding:8px 15px;border-radius:999px;margin-bottom:18px;
}
.hero.hero--redesign h1{
  font-size:clamp(1.9rem,3.4vw,3rem);
  line-height:1.12;font-weight:800;margin:0 0 18px;color:#fff;
}
.hero-lead{
  font-size:1.05rem;line-height:1.7;color:#c6d4f0;margin:0 auto;max-width:720px;
}
.hero-lead a{color:#f5c518}
.hero-media{position:relative;width:100%;max-width:1000px;margin:0 auto}
.hero-media img{
  width:100%;height:auto;display:block;border-radius:18px;
  box-shadow:0 30px 60px rgba(0,0,0,.45);
  border:1px solid rgba(255,255,255,.1);
}
@media (max-width:900px){
  .hero.hero--redesign .hero-inner{gap:26px}
  .hero-lead{max-width:none}
}
@media (max-width:560px){
  .hero.hero--redesign{padding:34px 0 44px}
}