/* Istanbul network test: scoped to the homepage component. */
.vpstc-ping { padding: 80px 0; scroll-margin-top: 125px; background: linear-gradient(135deg, #eff6ff, #f9fafb 65%, #faf5ff); }
.vpstc-ping-heading { display: flex; align-items: center; justify-content: space-between; gap: 32px; margin-bottom: 22px; }
.vpstc-ping-intro { max-width: 760px; }
.vpstc-ping-location { display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; margin-bottom: 16px; border-radius: 999px; background: #dbeafe; color: #1d4ed8; font-size: 13px; font-weight: 600; }
.vpstc-ping h2 { margin: 0 0 16px; color: #111827; font-size: clamp(26px, 3vw, 36px); line-height: 1.25; font-weight: 800; letter-spacing: -.025em; }
.vpstc-ping-intro p { margin: 0; color: #4b5563; font-size: 16px; line-height: 1.75; }
.vpstc-ping-note { margin: 0 0 16px; color: #6b7280; font-size: 13px; line-height: 1.7; }
.vpstc-ping-frame { width: 100%; max-width: 100%; overflow: hidden; border: 1px solid #dbeafe; border-radius: 20px; background: #fff; box-shadow: 0 20px 50px -25px rgba(37, 99, 235, .3); }
.dark .vpstc-ping { background: linear-gradient(135deg, #111827, #17243b 65%, #201b36); }
.dark .vpstc-ping h2 { color: #f9fafb; }
.dark .vpstc-ping-intro p { color: #d1d5db; }
.dark .vpstc-ping-location { background: #1e3a5f; color: #93c5fd; }
.dark .vpstc-ping-note { color: #9ca3af; }
.dark .vpstc-ping-frame { border-color: #374151; }
@media (max-width: 767px) {
    .vpstc-ping { padding: 56px 0; scroll-margin-top: 100px; }
    .vpstc-ping-heading { align-items: flex-start; flex-direction: column; gap: 20px; }
    .vpstc-ping-frame { border-radius: 14px; }
}