/* Reference: Cloudflare Network, large typographic metrics separated by fine rules. */
.network-quality { padding: 76px 40px 70px; background: #fff; color: #252a32; }
.network-quality-inner { max-width: 1160px; margin: auto; }
.network-quality h2 { max-width: 850px; margin: 0 auto 52px; text-align: center; font: 500 clamp(27px, 2.7vw, 37px)/1.3 Montserrat, Inter, sans-serif; letter-spacing: -.04em; text-wrap: balance; }
.network-quality-columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid #e2e7ed; border-bottom: 1px solid #e2e7ed; }
.network-quality-feature { padding: 42px 52px 42px 0; }
.network-quality-feature + .network-quality-feature { padding-left: 52px; padding-right: 0; border-left: 1px solid #e2e7ed; }
.network-quality h3 { margin: 0 0 24px; font: 550 clamp(42px, 4.7vw, 66px)/1.06 Montserrat, Inter, sans-serif; letter-spacing: -.06em; }
.network-quality h3 span { color: #1761da; }
.network-quality-feature + .network-quality-feature h3 span { color: #148c94; }
.network-quality-feature p { max-width: 440px; margin: 0; color: #637083; font-size: 15px; line-height: 1.85; }
.network-quality-footer { display: flex; justify-content: flex-end; align-items: baseline; gap: 24px; padding-top: 25px; }
.network-quality-footer > span { color: #7b8797; font-size: 12px; }
.network-quality-footer a { color: #274971; font-size: 13px; font-weight: 600; text-decoration: none; }
.network-quality-footer a > span { margin-left: 12px; }
.network-quality-footer a:hover { color: #1761da; }
@media (max-width: 760px) { .network-quality { padding: 48px 24px; } .network-quality h2 { margin-bottom: 32px; font-size: 28px; text-align: left; } .network-quality-columns { grid-template-columns: 1fr; } .network-quality-feature, .network-quality-feature + .network-quality-feature { padding: 32px 0; border-left: 0; } .network-quality-feature + .network-quality-feature { border-top: 1px solid #e2e7ed; } .network-quality h3 { font-size: 48px; } .network-quality-feature p { font-size: 14px; } .network-quality-footer { align-items: flex-start; flex-direction: column; gap: 18px; } }