/* Hero styles of the homepage (<style id="hero-redesign"> of index.html) */
.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 22px;max-width:720px;
}
.hero-highlights{
  list-style:none;padding:0;margin:0 0 26px;
  display:flex;flex-wrap:wrap;gap:12px;justify-content:center;
}
.hero-highlights li{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  border-radius:12px;padding:10px 15px;
  font-size:.88rem;color:#e6eeff;line-height:1.3;
}
.hero-highlights strong{color:#f5c518;display:block;font-size:1rem;margin-bottom:2px}
.hero.hero--redesign .hero-cta{
  display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:center;margin:0 0 14px;
}
.hero.hero--redesign .btn-primary{
  background:linear-gradient(180deg,#3b82ff,#1e5fff);
  color:#fff;border:none;padding:15px 26px;border-radius:12px;
  font-weight:700;font-size:1rem;text-decoration:none;display:inline-flex;gap:8px;align-items:center;
  box-shadow:0 12px 30px rgba(30,95,255,.4);
  transition:transform .15s ease, box-shadow .15s ease;
}
.hero.hero--redesign .btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(30,95,255,.52)}
.hero.hero--redesign .btn-ghost{
  color:#fff;border:1.5px solid rgba(255,255,255,.38);
  padding:14px 24px;border-radius:12px;font-weight:600;background:transparent;
  text-decoration:none;display:inline-flex;align-items:center;
  transition:border-color .15s ease, color .15s ease;
}
.hero.hero--redesign .btn-ghost:hover{border-color:#f5c518;color:#f5c518}
.hero-note{font-size:.8rem;color:#93a6cd;margin:6px 0 0}
.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}
  .hero-highlights li{flex:1 1 100%}
}