/*
  Final public page hero + uploaded world map + footer cleanup.
*/

/* Full-width, reusable page hero for packages/status/faq/contact/legal/api. */
html body .uc-page-hero{
  position:relative!important;
  width:100vw!important;
  max-width:none!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  margin-top:0!important;
  margin-bottom:clamp(48px,5vw,78px)!important;
  overflow:hidden!important;
  padding:
    clamp(108px,9vw,144px)
    max(28px,calc((100vw - 1280px)/2))
    clamp(74px,7vw,112px)!important;
  color:#fff!important;
  background:
    radial-gradient(circle at 74% 18%,rgba(92,129,255,.25),transparent 25rem),
    radial-gradient(circle at 88% 76%,rgba(255,36,78,.20),transparent 34rem),
    radial-gradient(circle at 0% 0%,rgba(139,32,255,.12),transparent 26rem),
    linear-gradient(180deg,#080013 0%,#090017 66%,#050c17 100%)!important;
}
html body .uc-page-hero::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:-1px!important;
  height:150px!important;
  pointer-events:none!important;
  background:linear-gradient(180deg,rgba(5,12,23,0),rgba(5,12,23,.72) 76%,#050c17)!important;
  z-index:1!important;
}
html body .uc-page-hero-bg{
  position:absolute!important;
  inset:0!important;
  overflow:hidden!important;
  z-index:0!important;
  pointer-events:none!important;
}
html body .uc-page-ribbon{
  position:absolute!important;
  display:block!important;
  width:105vw!important;
  height:88px!important;
  right:-30vw!important;
  top:48%!important;
  border-radius:999px!important;
  transform:rotate(-15deg)!important;
  background:linear-gradient(90deg,transparent,rgba(255,36,78,.62),rgba(139,32,255,.46),transparent)!important;
  mix-blend-mode:screen!important;
  opacity:.72!important;
}
html body .uc-page-ribbon-two{
  top:62%!important;
  height:54px!important;
  right:-18vw!important;
  opacity:.42!important;
  transform:rotate(-10deg)!important;
}
html body .uc-page-orb{
  position:absolute!important;
  right:16%!important;
  top:18%!important;
  width:320px!important;
  height:320px!important;
  border-radius:999px!important;
  background:radial-gradient(circle at 42% 34%,rgba(255,255,255,.46),rgba(57,121,255,.28) 34%,rgba(139,32,255,.16) 56%,transparent 70%)!important;
  opacity:.78!important;
  filter:blur(.3px)!important;
}
html body .uc-page-hero-inner{
  position:relative!important;
  z-index:2!important;
  width:min(1280px,100%)!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,760px) minmax(260px,420px)!important;
  gap:52px!important;
  align-items:end!important;
}
html body .uc-page-hero-copy{
  max-width:760px!important;
}
html body .uc-page-hero .uc-overline{
  margin-bottom:26px!important;
}
html body .uc-page-hero h1{
  margin:0!important;
  max-width:11ch!important;
  color:#fff!important;
  font-size:clamp(3.7rem,6.3vw,7.1rem)!important;
  line-height:.94!important;
  letter-spacing:-.075em!important;
  font-weight:540!important;
}
html body .uc-page-hero .uc-lead{
  margin-top:26px!important;
  max-width:680px!important;
  color:#eee8f9!important;
  font-size:clamp(1.05rem,1.2vw,1.22rem)!important;
  line-height:1.68!important;
}
html body .uc-page-actions{
  display:flex!important;
  gap:12px!important;
  flex-wrap:wrap!important;
  margin-top:34px!important;
}
html body .uc-page-actions .btn{
  min-height:48px!important;
  border-radius:7px!important;
  padding:0 22px!important;
  text-transform:uppercase!important;
  letter-spacing:.02em!important;
}
html body .uc-page-actions .btn.primary{
  background:linear-gradient(135deg,#8b20ff,#6f00ff)!important;
  box-shadow:none!important;
}
html body .uc-page-facts{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  width:100%!important;
  max-width:420px!important;
}
html body .uc-page-facts div{
  min-height:78px!important;
  padding:17px 18px!important;
  border-radius:10px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  background:rgba(255,255,255,.045)!important;
  backdrop-filter:blur(14px)!important;
  display:grid!important;
  align-content:center!important;
  gap:6px!important;
}
html body .uc-page-facts span{
  color:#bcb2cf!important;
  font-size:.78rem!important;
  font-weight:820!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
}
html body .uc-page-facts strong{
  color:#fff!important;
  font-size:1.05rem!important;
  letter-spacing:-.02em!important;
}

/* Remove legacy hero card styling on pages that now use the shared hero. */
html body :where(.one-packages-hero,.status-hero,.faq-hero,.contact-hero,.api-docs-head){
  display:none!important;
}

/* Uploaded real SVG world map. */
html body .world-map-panel.uploaded-world-map{
  position:relative!important;
  width:100%!important;
  aspect-ratio:2449/1190!important;
  min-height:auto!important;
  border-radius:28px!important;
  overflow:hidden!important;
  background:#fff!important;
  border:0!important;
  outline:0!important;
  box-shadow:0 28px 90px rgba(0,0,0,.30)!important;
}
html body .world-map-panel.uploaded-world-map img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  background:#fff!important;
}
html body .world-map-panel.uploaded-world-map::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 51.1% 21.3%,rgba(123,25,255,.10),transparent 9%),
    linear-gradient(180deg,rgba(255,255,255,0),rgba(248,249,253,.28))!important;
}
html body .datacenter-map-marker{
  position:absolute!important;
  left:51.1%!important;
  top:21.3%!important;
  z-index:3!important;
  width:20px!important;
  height:20px!important;
  border-radius:999px!important;
  transform:translate(-50%,-50%)!important;
  background:radial-gradient(circle at 50% 50%,#c9a6ff 0%,#7b19ff 52%,#5b10d9 100%)!important;
  box-shadow:0 0 0 8px rgba(123,25,255,.16),0 0 24px rgba(123,25,255,.65)!important;
}
html body .datacenter-map-marker::before{
  content:""!important;
  position:absolute!important;
  inset:-16px!important;
  border-radius:999px!important;
  border:2px solid rgba(123,25,255,.28)!important;
  animation:cspPinPulse 2.6s ease-in-out infinite!important;
}
@keyframes cspPinPulse{
  0%,100%{transform:scale(.74);opacity:.28;}
  50%{transform:scale(1.12);opacity:.70;}
}
html body .uploaded-world-map .map-location-card{
  position:absolute!important;
  left:calc(51.1% + 30px)!important;
  top:calc(21.3% - 20px)!important;
  z-index:4!important;
  min-width:236px!important;
  padding:13px 15px!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.90)!important;
  border:1px solid rgba(111,78,200,.14)!important;
  box-shadow:0 18px 45px rgba(61,35,130,.16)!important;
  backdrop-filter:blur(10px)!important;
}
html body .uploaded-world-map .map-location-card::before{
  content:""!important;
  position:absolute!important;
  left:-30px!important;
  top:24px!important;
  width:30px!important;
  height:1px!important;
  background:linear-gradient(90deg,rgba(123,25,255,0),rgba(123,25,255,.70))!important;
}
html body .uploaded-world-map .map-location-card strong{
  display:block!important;
  color:#111827!important;
  font-size:1rem!important;
  letter-spacing:-.015em!important;
}
html body .uploaded-world-map .map-location-card span{
  display:block!important;
  margin-top:4px!important;
  color:#667085!important;
  font-size:.88rem!important;
}
html body .uploaded-world-map .map-stat-row{
  position:absolute!important;
  left:28px!important;
  right:28px!important;
  bottom:24px!important;
  z-index:4!important;
  display:flex!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}
html body .uploaded-world-map .map-stat-row span{
  display:inline-flex!important;
  align-items:center!important;
  min-height:34px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.88)!important;
  border:1px solid rgba(111,78,200,.10)!important;
  color:#344054!important;
  font-size:.86rem!important;
  font-weight:780!important;
  box-shadow:0 10px 26px rgba(61,35,130,.08)!important;
}

/* Footer cleanup: remove the rounded bordered box. */
html body .site-footer-inner,
html body .footer .site-footer-inner{
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body .site-footer,
html body .footer{
  border-top:0!important;
  background:transparent!important;
}

/* Keep legal/API content centered after the page hero. */
html body main.container:has(.uc-page-hero) > :not(.uc-page-hero){
  width:min(1280px,calc(100% - 56px))!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* API docs tools and endpoint list need their natural full width after hero. */
html body main.container:has(.uc-page-hero) > .api-endpoint-list{
  width:min(1280px,calc(100% - 56px))!important;
}

/* Responsive page hero/map. */
@media(max-width:980px){
  html body .uc-page-hero-inner{
    grid-template-columns:1fr!important;
    gap:30px!important;
  }
  html body .uc-page-hero h1{
    max-width:12ch!important;
  }
  html body .uc-page-facts{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    max-width:none!important;
  }
}
@media(max-width:760px){
  html body .uc-page-hero{
    padding:96px 24px 56px!important;
    margin-bottom:38px!important;
  }
  html body .uc-page-hero h1{
    font-size:clamp(2.85rem,14vw,4.25rem)!important;
  }
  html body .uc-page-facts{
    grid-template-columns:1fr!important;
  }
  html body main.container:has(.uc-page-hero) > :not(.uc-page-hero),
  html body main.container:has(.uc-page-hero) > .api-endpoint-list{
    width:min(100% - 24px,1280px)!important;
  }
  html body .world-map-panel.uploaded-world-map{
    border-radius:22px!important;
    aspect-ratio:1.42/1!important;
  }
  html body .world-map-panel.uploaded-world-map img{
    width:175%!important;
    max-width:none!important;
    transform:translateX(-25%)!important;
  }
  html body .datacenter-map-marker{
    left:64.4%!important;
    top:23%!important;
  }
  html body .uploaded-world-map .map-location-card{
    left:22px!important;
    right:22px!important;
    top:22px!important;
    min-width:0!important;
  }
  html body .uploaded-world-map .map-location-card::before{
    display:none!important;
  }
  html body .uploaded-world-map .map-stat-row{
    left:18px!important;
    right:18px!important;
    bottom:18px!important;
  }
}