/* Shared cloud-infrastructure hero artwork for all main routes. */
.hero{background-color:#03132e;background-image:linear-gradient(90deg,rgba(3,18,44,.98) 0%,rgba(3,18,44,.9) 34%,rgba(3,18,44,.4) 63%,rgba(3,18,44,.07) 100%),linear-gradient(0deg,rgba(3,18,44,.38),rgba(3,18,44,.04)),url('../images/hero-cloud-infrastructure.png');background-position:center;background-size:cover}.hero:after{background-image:linear-gradient(90deg,rgba(85,225,247,.07) 1px,transparent 1px),linear-gradient(rgba(85,225,247,.06) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.55) 42%,transparent 76%);opacity:.75}.hero:before{z-index:1;top:auto;right:34%;bottom:8%;width:230px;height:230px;border-color:rgba(69,222,246,.2);box-shadow:0 0 100px rgba(42,191,239,.18)}.hero .container{min-height:620px;grid-template-columns:minmax(0,1fr) minmax(360px,.8fr)}.hero.page-hero .container{min-height:450px;grid-template-columns:minmax(0,1fr) minmax(340px,.72fr);padding:38px 0}.hero h1{font-family:Manrope,"Segoe UI",sans-serif;font-weight:800;text-shadow:0 6px 36px rgba(0,0,0,.24)}.hero:not(.page-hero) h1{max-width:760px;font-size:clamp(3.25rem,6vw,5.7rem);letter-spacing:-.075em;line-height:.98}.hero p{max-width:700px;color:#d5e4f8}.hero:not(.page-hero) p{font-size:1.08rem}.hero:not(.page-hero) p strong{display:block;margin-bottom:9px;color:#72e0f5;font-size:.81rem;letter-spacing:.11em;text-transform:uppercase}.hero .eyebrow{color:#72e0f5}.hero:not(.page-hero) .hero-visual{visibility:hidden}.hero .btn{box-shadow:0 11px 28px rgba(0,105,230,.28)}.hero .btn-outline{background:rgba(7,36,78,.33);backdrop-filter:blur(12px)}@media(max-width:900px){.hero{background-position:63% center}.hero .container,.hero.page-hero .container{min-height:590px;grid-template-columns:1fr}.hero.page-hero .container{min-height:430px;padding:44px 0}.hero:before{right:12%;bottom:5%}}@media(max-width:620px){.hero{background-position:67% center}.hero .container{min-height:570px}.hero.page-hero .container{min-height:400px}.hero:not(.page-hero) h1{font-size:clamp(3rem,14vw,4.4rem)}.hero:not(.page-hero) p{font-size:.98rem}.hero:after{mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.9) 68%,transparent 100%)}}