/* Isolated map background experiment (homepage clone only) */
body.map-bg-test{
  position:relative;
  isolation:isolate;
  background:transparent;
}

body.map-bg-test::before,
body.map-bg-test::after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
}

/* Lowest layer: world map image */
body.map-bg-test::before{
  z-index:-2;
  background-image:url("../assets/img/small_world_map.jpg");
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  filter:brightness(.82) saturate(1.04) contrast(1.10);
}

/* Dark + brand tint overlay to preserve readability */
body.map-bg-test::after{
  z-index:-1;
  background:
    radial-gradient(1100px 600px at 20% 0%, rgba(122,162,255,.14), transparent 60%),
    radial-gradient(900px 520px at 80% 10%, rgba(110,243,197,.09), transparent 55%),
    linear-gradient(180deg, rgba(8,11,22,.50) 0%, rgba(11,16,32,.62) 100%);
}

body.map-bg-test .header{
  background:rgba(8,11,22,.54);
  -webkit-backdrop-filter:saturate(160%) blur(14px);
  backdrop-filter:saturate(160%) blur(14px);
}

body.map-bg-test .card{
  background:linear-gradient(180deg, rgba(14,22,44,.42), rgba(12,19,38,.30));
}

body.map-bg-test .kpi .k,
body.map-bg-test input{
  background:rgba(3,7,16,.13);
}

body.map-bg-test .kpi .k{
  text-align:center;
}

body.map-bg-test .badge,
body.map-bg-test .cta{
  background:rgba(255,255,255,.04);
}

body.map-bg-test .hero-grid{
  grid-template-columns:1fr;
  max-width:100%;
}

body.map-bg-test .hero-copy{
  max-width:100%;
  width:100%;
  background:rgba(0, 0, 0, .15);
  border:1px solid rgba(210, 239, 255, .42);
  border-radius:14px;
  padding:14px 16px;
}

body.map-bg-test .hero-copy .hero-headline-static{
  max-width:100%;
}

body.map-bg-test .hero-metrics{
  margin-top:16px;
  padding:16px;
}

body.map-bg-test .hero-metrics .kpi{
  margin-top:0;
}