.network-hero { position: relative; overflow: hidden; background: #000045; color: #fff; }
.network-hero::before { content: ''; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg, #000045 0%, #000b7e 25%, #002dc6 50%, #0354d8 75%, #0073f5 100%); }
.network-hero::after { content: ''; position: absolute; inset: 0; pointer-events: none; background: url('/images/network-grain.svg') repeat; opacity: .065; mix-blend-mode: soft-light; }
.network-hero-inner { position: relative; max-width: 1440px; margin: auto; min-height: 630px; padding: 128px 64px 100px; display: flex; align-items: center; }
.network-hero-copy { position: relative; z-index: 1; max-width: 650px; }
.network-hero h1 { margin: 0; font: 600 clamp(54px, 5.6vw, 82px)/1.06 Montserrat, Inter, sans-serif; letter-spacing: -.055em; }
.network-hero h1 span { color: #d3eaff; }
.network-hero-description { max-width: 455px; margin: 26px 0 0; color: #d3e3ff; font: 400 18px/1.65 Inter, sans-serif; text-wrap: pretty; }
.network-hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin-top: 30px; }
.network-hero-actions a, .network-hero-actions button { display: inline-flex; align-items: center; gap: 22px; min-height: 47px; padding: 14px 18px; border-radius: 5px; font: 600 12px Inter, sans-serif; text-decoration: none; cursor: pointer; }
.network-hero-primary { border: 1px solid #fff; background: #fff; color: #123774; box-shadow: 0 8px 26px #052b7c30; }
.network-hero-primary:hover { background: #e9f3ff; border-color: #e9f3ff; }
.network-hero-secondary { border: 1px solid #b5d7ff80; background: #ffffff0c; color: #fff; }
.network-hero-secondary:hover { border-color: #fff; background: #ffffff20; }
.network-hero-art { position: absolute; z-index: 0; inset: -80px -170px -110px 38%; pointer-events: none; opacity: .62; background: url('/images/network-blue.svg?v=2') center right / cover no-repeat; mask-image: linear-gradient(to right, transparent, #000 18%), linear-gradient(to bottom, transparent 15%, #000 48%); mask-composite: intersect; }
@media (min-width: 1200px) { .network-hero { margin-top: -43px; } .network-hero-inner { padding-top: 154px; } }
@media (min-width: 1440px) { .network-hero-inner { min-height: 670px; } }
@media (max-width: 1000px) { .network-hero-inner { padding: 92px 36px; min-height: 550px; } .network-hero h1 { font-size: 62px; } .network-hero-art { left: 30%; opacity: .75; } }
@media (max-width: 760px) {
    .network-hero-inner { padding: 68px 24px 160px; min-height: 560px; align-items: flex-start; }
    .network-hero h1 { font-size: clamp(48px, 10vw, 66px); }
    .network-hero-description { max-width: 410px; font-size: 16px; margin-top: 22px; }
    .network-hero-actions { margin-top: 26px; gap: 10px; }
    .network-hero-actions a, .network-hero-actions button { padding: 13px 14px; gap: 12px; font-size: 11px; }
    .network-hero-art { inset: 24% -220px -220px 5%; background-size: cover; opacity: .7; mask-image: linear-gradient(to bottom, transparent, #000 30%); }
}