.network-intro {
    padding:32px;
    border:1px solid #d8e7f5;
    border-radius:8px;
    background:linear-gradient(120deg, #fff, #e9f4ff);
}

.network-intro h1 {
    max-width:960px;
    margin:12px 0 20px;
    color:#102246;
    font-size:clamp(24px, 1.85vw, 31px);
    line-height:1.12;
    letter-spacing:-.04em;
}

.network-page .network-intro p { max-width:940px;font-size:14px;line-height:1.55 }
.network-page .network-intro .eyebrow { color:#1973e9;font-size:11px;letter-spacing:.12em }
.network-page .network-intro p:last-child { margin-bottom:0 }
.network-page .network-intro.network-story { padding:0 }
.network-page .network-story { align-items:stretch;isolation:isolate }
.network-page .network-story .finance-copy { position:relative;z-index:1 }

.network-page .network-story .network-photo {
    display:block;
    align-self:stretch;
    min-height:480px;
    padding:0;
    margin-left:-48px;
    background:#edf5ff;
    -webkit-mask-image:linear-gradient(to right, transparent, #000 24%);
    mask-image:linear-gradient(to right, transparent, #000 24%);
}

.network-page .network-story:nth-of-type(odd) .network-photo {
    margin-left:0;
    margin-right:-48px;
    -webkit-mask-image:linear-gradient(to left, transparent, #000 24%);
    mask-image:linear-gradient(to left, transparent, #000 24%);
}

.network-page .network-photo > img {
    position:absolute;
    inset:0;
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
}

@media (hover:hover) and (prefers-reduced-motion:no-preference) {
    .network-page .network-photo > img {
        transition:scale 900ms cubic-bezier(.2, .65, .3, 1);
    }

    .network-page .network-story:hover .network-photo > img {
        scale:1.035;
    }
}

@media (max-width:860px) {
    .network-page .network-story:nth-of-type(n) .network-photo {
        min-height:0;
        aspect-ratio:4 / 3;
        margin:0;
        -webkit-mask-image:none;
        mask-image:none;
    }
}
.network-page .network-story:nth-of-type(odd) { grid-template-columns:minmax(0, 1.05fr) minmax(0, .95fr) }
.network-page .network-story:nth-of-type(odd) .finance-copy { grid-column:2;grid-row:1 }
.network-page .network-story:nth-of-type(odd) .network-visual { grid-column:1;grid-row:1 }
.network-page .network-story:nth-of-type(even) .finance-copy { grid-column:1;grid-row:1 }
.network-page .network-story:nth-of-type(even) .network-visual { grid-column:2;grid-row:1 }

.network-visual {
    position:relative;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:18px;
    min-width:0;
    min-height:480px;
    padding:32px 26px 48px;
    margin:0;
    overflow:hidden;
    background:radial-gradient(ellipse at 80% 15%, #fff 0, #e5f2ff 45%, #c9e2ff 100%);
}

.network-visual figcaption {
    position:absolute;
    bottom:12px;
    left:16px;
    right:16px;
    color:#58749a;
    font-size:10px;
    text-align:center;
}

.network-visual-heading > span { display:block;color:#1973e9;font-size:10px;font-weight:750;letter-spacing:.12em }
.network-visual-heading h3 { margin:12px 0 8px;color:#15345e;font-size:clamp(24px, 2.3vw, 34px);line-height:1.12;letter-spacing:-.035em }
.network-panel { min-width:0;padding:20px;border:1px solid #c5ddfb;border-radius:9px;background:#ffffffed;box-shadow:0 10px 28px #386ca917;color:#233f65 }
.network-panel > b { display:block;margin-bottom:10px;font-size:14px }
.network-row { display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #e6eef8;font-size:12px;line-height:1.5 }
.network-row:last-child { border-bottom:0 }
.network-row strong { text-align:right }
.network-pills { display:flex;flex-wrap:wrap;gap:7px;margin-top:12px }
.network-pills span { padding:7px 9px;border:1px solid #d3e5fa;border-radius:5px;background:#eff6ff;color:#366395;font-size:11px }
.network-account-stack { display:grid;gap:14px }
.network-account-stack .network-panel:nth-child(2) { margin-left:20px }
.network-account-stack .network-panel:nth-child(3) { margin-right:20px }

.network-map { justify-content:space-between;padding:32px 20px 52px;isolation:isolate }
.network-map > img { position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:contain }
.network-map-label { align-self:center;padding:13px 20px;border:1px solid #cfdef2;border-radius:8px;background:#ffffffed;box-shadow:0 8px 24px #386ca91a;color:#1678ee;font-size:24px;font-weight:800;text-align:center }
.network-map-label span { display:block;margin-top:4px;color:#536e8f;font-size:11px;font-weight:500 }
.network-location-tags { display:flex;justify-content:center;flex-wrap:wrap;gap:8px }
.network-location-tags span { padding:9px 12px;border:1px solid #c5ddfb;border-radius:5px;background:#ffffffed;color:#234d7d;font-size:12px }

.network-dashboard { background:linear-gradient(145deg, #d3e7ff, #eef7ff) }
.network-kpis { display:grid;grid-template-columns:1.4fr 1fr;gap:12px }
.network-kpis small { display:block;color:#6882a1;font-size:11px }
.network-kpis strong { display:block;margin-top:6px;font-size:clamp(19px, 1.8vw, 28px) }
.network-bars { display:flex;align-items:flex-end;gap:8px;height:140px;margin-top:22px;padding:10px 0 0;background:repeating-linear-gradient(to top, #e0ebf7 0 1px, transparent 1px 34px) }
.network-bars i { flex:1;height:var(--bar);border-radius:4px 4px 0 0;background:linear-gradient(#64adff, #1769ee) }
.network-bars i:nth-child(even) { background:#a6cfff }
.network-axis { display:flex;justify-content:space-between;margin-top:8px;color:#6882a1;font-size:10px }
.network-table-wrap { overflow-x:auto;border:1px solid #c5ddfb;border-radius:8px;background:#fff;box-shadow:0 12px 30px #386ca917 }
.network-visual table { width:100%;border-collapse:collapse;color:#233f65;font-size:12px }
.network-visual caption { padding:16px;text-align:left;color:#6882a1;font-size:11px }
.network-visual th,.network-visual td { padding:14px 10px;border-bottom:1px solid #e0ebf7;text-align:right;white-space:nowrap }
.network-visual th:first-child { text-align:left;white-space:normal }
.network-visual thead { background:#edf5ff }
.network-visual tbody th { font-weight:500 }
.network-visual tbody tr:last-child { color:#098361;background:#edfbf5;font-weight:750 }
.network-insight { padding:14px 16px;border:1px solid #afd2fa;border-radius:7px;background:#f4f9ff;color:#22578f;font-size:13px;line-height:1.5 }

.network-mobile { align-items:center;background:radial-gradient(ellipse at center, #b4d6ff, #e9f5ff 70%) }
.network-mobile .network-visual-heading { align-self:flex-start }
.network-phone { width:min(250px, 90%);padding:9px;border:2px solid #355579;border-radius:30px;background:#0b1729;box-shadow:20px 25px 45px #24528a30;transform:rotate(-4deg) }
.network-phone-top { display:flex;justify-content:space-between;padding:14px 12px;color:#8dc0ff;font-size:12px }
.network-phone img { display:block;width:100%;height:auto;border-radius:0 0 20px 20px }
.network-mobile-badge { padding:12px 16px;border:1px solid #c5ddfb;border-radius:6px;background:#fff;color:#22578f;font-size:12px }
.network-steps { display:grid;gap:14px;margin:0;padding:0;list-style:none;counter-reset:setup }
.network-page .network-steps li { position:relative;min-height:66px;padding:15px 14px 15px 62px;border:1px solid #c5ddfb;border-radius:8px;background:#ffffffed;counter-increment:setup }
.network-steps li::before { content:counter(setup, decimal-leading-zero);position:absolute;top:17px;left:15px;display:grid;place-items:center;width:32px;height:32px;border-radius:6px;background:#e8f2ff;color:#1973e9;font-size:12px;font-weight:750 }
.network-steps b { display:block;color:#233f65;font-size:14px }
.network-steps span { display:block;margin-top:5px;font-size:12px }

@media (max-width:1000px) and (min-width:861px) {
    .network-visual { padding-inline:18px }
    .network-panel { padding:15px }
}

@media (max-width:860px) {
    .network-page .network-story,
    .network-page .network-story:nth-of-type(odd) { grid-template-columns:minmax(0, 1fr) }
    .network-page .network-story:nth-of-type(n) .finance-copy,
    .network-page .network-story:nth-of-type(n) .network-visual { grid-column:auto;grid-row:auto }
    .network-visual { min-height:430px;padding:30px 24px 44px }
    .network-map { min-height:470px }
    .network-map > img { object-fit:contain }
    .network-account-stack { width:100%;max-width:440px;align-self:center }
    .network-mobile .network-visual-heading { align-self:center;text-align:center }
    .network-phone { width:220px }
}

@media (max-width:600px) {
    .network-intro { padding:24px 18px }
    .network-intro h1 { font-size:25px }
    .network-visual { padding-inline:16px }
    .network-map { min-height:380px }
    .network-map-label { font-size:21px }
    .network-location-tags { gap:5px }
    .network-location-tags span { padding:8px;font-size:11px }
    .network-account-stack .network-panel:nth-child(n) { margin:0 }
    .network-visual th,.network-visual td { padding:12px 7px;font-size:11px }
    .network-page .network-steps li { padding-left:58px }
    .network-page .network-intro p { font-size:16px }
}