/* Uses the approved detailed-service layout and changes only the Wi-Fi visual identity. */
.wifi-page .surveillance-photo{background:linear-gradient(135deg,#152d3a 0%,#7eb6cc 52%,#eff6f8 100%)}
.wifi-page .surveillance-photo img{object-position:center;filter:saturate(.92) contrast(1.03)}
.wifi-page .surveillance-photo::before{content:"";position:absolute;z-index:1;inset:0;background:radial-gradient(circle at 64% 42%,rgba(59,167,227,.34),transparent 20%),linear-gradient(90deg,rgba(10,29,40,.16),transparent 48%);pointer-events:none}
.wifi-page .surveillance-copy h1 span{display:inline;background:linear-gradient(105deg,#1a4861 0%,#42b9f8 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.wifi-page .surveillance-why h2 span,.wifi-page .surveillance-uses h2 span{white-space:normal}
@media(min-width:721px){
  .wifi-page .surveillance-photo img{transform:scale(calc(1.18 + var(--hero-depth) * .05));object-position:center 52%}
  /* Keep every word inside the same white hero plane used by the video-surveillance page. */
  .wifi-page .surveillance-copy h1{max-width:510px}
  .wifi-page .surveillance-copy>p:not(.service-label){max-width:445px}
}
@media(max-width:720px){.wifi-page .surveillance-photo{opacity:.46}.wifi-page .surveillance-photo img{object-position:center 48%;transform:scale(1.18)}.wifi-page .surveillance-copy h1 span{display:inline}.wifi-page .surveillance-copy>p:not(.service-label){max-width:300px}}
/* Shared footer social-icon behavior. */
.wifi-page .footer .social a,.wifi-page .footer .social .social-linkedin{color:#fff}.wifi-page .footer .social a:hover,.wifi-page .footer .social a:focus-visible{color:#3BA7E3}