.hero{background:linear-gradient(90deg,rgba(4,13,25,.99) 0%,rgba(5,20,38,.93) 38%,rgba(5,20,38,.42) 68%,rgba(5,15,28,.2) 100%),url('hero-datacentre.webp') center/cover no-repeat}
.hero:after{inset:0;right:auto;top:auto;width:auto;height:auto;background:linear-gradient(180deg,transparent 65%,#050d185e);opacity:1;pointer-events:none}
.network-card{background:#07182dc9;backdrop-filter:blur(13px);border-color:#ffffff2b;box-shadow:0 30px 80px #0008}
.page-hero{padding:105px 0;position:relative;overflow:hidden}
.page-hero:before{content:"";position:absolute;inset:0;background-position:center;background-size:cover;background-repeat:no-repeat}
.page-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,13,25,.99) 0%,rgba(5,20,38,.91) 44%,rgba(5,20,38,.28) 78%,rgba(5,15,28,.12) 100%)}
.page-hero.colocation:before{background-image:url('colocation-banner.webp')}
.page-hero.dedicated:before{background-image:url('dedicated-banner.webp')}
.page-hero .wrap{position:relative;z-index:1}
.page-hero h1{text-shadow:0 3px 28px #0008}
.page-hero p{color:#d4deeb}
@media(max-width:800px){.hero{background-position:62% center}.page-hero{padding:78px 0}.page-hero:before{background-position:62% center}.page-hero:after{background:linear-gradient(90deg,rgba(4,13,25,.98),rgba(5,20,38,.66))}}