.surveillance-page{background:#f2f5f7;color:#161b1e;overflow-x:hidden}.section-light{background:#f2f5f7}.surveillance-hero{--hero-depth:0;position:relative;min-height:620px;overflow:hidden;background:#f5f7f8;isolation:isolate;transform:perspective(1600px) translateY(calc(var(--hero-depth) * -16px)) rotateX(calc(var(--hero-depth) * -1.8deg));transform-origin:50% 100%;transition:transform .15s linear}.surveillance-photo{position:absolute;z-index:-2;inset:0 0 0 45%;overflow:hidden}.surveillance-photo img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(calc(1 + var(--hero-depth) * .05));transition:transform .18s linear;will-change:transform}.surveillance-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,19,22,.13),rgba(14,19,22,.03))}.surveillance-curve{position:absolute;z-index:-1;inset:-5% 47% -5% -10%;background:#f5f7f8;border-radius:0 55% 55% 0/0 53% 53% 0}.surveillance-copy{padding-top:194px}.service-label{margin:0 0 20px;color:#3BA7E3;font:600 14px Montserrat,Arial,sans-serif;text-transform:uppercase;letter-spacing:.04em}.surveillance-copy h1,.surveillance-why h2,.surveillance-services h2,.surveillance-uses h2{margin:0;font:700 clamp(40px,4.1vw,58px)/1.08 Montserrat,Arial,sans-serif;letter-spacing:-2px}.surveillance-copy h1 span,.surveillance-why h2 span,.surveillance-services h2 span,.surveillance-uses h2 span{background:linear-gradient(105deg,#1a4861 0%,#42b9f8 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.surveillance-copy>p:not(.service-label){max-width:490px;margin:27px 0 35px;font:400 17px/1.45 Inter,Arial,sans-serif}.hero-actions{display:flex;flex-wrap:wrap;gap:18px}.surveillance-why{padding:108px 0 92px}.surveillance-why h2{font-size:44px}.benefit-stream{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:66px}.surveillance-benefit{min-height:216px;padding:31px 22px 24px;border-radius:16px;background:#fff;box-shadow:0 14px 22px rgba(18,32,38,.16);text-align:center;transform-style:preserve-3d}.benefit-icon{display:grid;place-items:center;height:52px;margin:0 auto 17px;font-size:38px;transition:transform .35s cubic-bezier(.2,.8,.2,1),filter .35s}.surveillance-benefit h3{margin:0;font:700 15px/1.3 Montserrat,Arial,sans-serif}.surveillance-benefit p{margin:18px 0 0;color:#758087;font:400 14px/1.45 Inter,Arial,sans-serif}.icon-dark{color:#283237}.icon-blue{color:#6181dc}.icon-gold{color:#f8b700}.icon-gradient{background:linear-gradient(150deg,#21c4e8,#724fc7);-webkit-background-clip:text;background-clip:text;color:transparent}.surveillance-benefit:hover .benefit-icon,.surveillance-benefit:focus-within .benefit-icon{transform:translateY(-5px) scale(1.12);filter:drop-shadow(0 8px 9px rgba(51,167,227,.25))}.surveillance-services{padding:86px 0 112px}.surveillance-services h2{text-align:center;font-size:42px}.service-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px 30px;margin-top:65px}.service-detail{display:grid;grid-template-columns:66px 1fr;gap:24px;min-height:154px;padding:30px;border-radius:16px;background:#fff;box-shadow:0 12px 22px rgba(18,32,38,.14);transform-style:preserve-3d}.service-detail>i{display:grid;place-items:center;color:#43afea;font-size:38px}.service-detail h3{margin:0 0 12px;font:700 15px/1.25 Montserrat,Arial,sans-serif}.service-detail ul{margin:0;padding:0;list-style:none;color:#758087;font:400 14px/1.55 Inter,Arial,sans-serif}.service-detail li::before{content:"•";margin-right:8px;color:#3BA7E3}.surveillance-cta{padding:76px 0;background:#131719;color:#f8fafb}.surveillance-cta .container{display:flex;align-items:center;justify-content:space-between;gap:40px}.surveillance-cta h2{margin:0;font:700 37px/1.35 Montserrat,Arial,sans-serif;letter-spacing:-1.2px}.surveillance-cta h2 span{color:#3BA7E3}.surveillance-uses{padding:108px 0 114px}.surveillance-uses h2{font-size:44px}.use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:54px}.use-card{overflow:hidden;border-radius:16px;background:#fff;box-shadow:0 14px 22px rgba(18,32,38,.15);transform-style:preserve-3d}.use-card img{display:block;width:100%;height:180px;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.use-card div{padding:19px 20px 22px}.use-card h3{margin:0;font:700 15px Montserrat,Arial,sans-serif}.use-card p{margin:10px 0 0;color:#6d777c;font:400 14px/1.45 Inter,Arial,sans-serif}.use-card:hover img{transform:scale(1.07)}.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.75,.2,1)}.reveal.visible{opacity:1;transform:translateY(0)}
@media(min-width:1381px){.surveillance-page .site-header{width:max-content;max-width:calc(100vw - var(--navigation-edge) - var(--navigation-edge) - clamp(172px,calc(9.6vw + 32px),216px));height:66px;padding:0 32px}.surveillance-page .main-nav{flex:0 0 auto;gap:clamp(12px,1.2vw,18px);padding-left:20px}.surveillance-page .client-cta{right:var(--navigation-edge)}}
@media(min-width:721px) and (max-width:1100px){.surveillance-hero{min-height:570px}.surveillance-copy{padding-top:168px}.benefit-stream{grid-template-columns:repeat(2,1fr);gap:20px}.surveillance-benefit{min-height:190px}.service-detail-grid{gap:20px}.surveillance-cta h2{font-size:31px}.surveillance-uses{padding:84px 0}.use-card img{height:150px}}
@media(max-width:720px){.surveillance-hero{min-height:720px}.surveillance-photo{inset:0;opacity:.52}.surveillance-photo img{object-position:68% center}.surveillance-curve{inset:0;background:linear-gradient(90deg,rgba(245,247,248,.99) 0%,rgba(245,247,248,.96) 50%,rgba(245,247,248,.38) 100%);border-radius:0}.surveillance-copy{padding-top:159px}.service-label{font-size:14px}.surveillance-copy h1,.surveillance-why h2,.surveillance-services h2,.surveillance-uses h2{font-size:clamp(33px,9.2vw,42px);letter-spacing:-1.5px}.surveillance-copy>p:not(.service-label){max-width:315px;margin:20px 0 28px;font-size:15px}.hero-actions{gap:12px}.hero-actions .button{width:min(236px,100%);height:56px!important;min-height:56px!important}.surveillance-why{padding:70px 0}.surveillance-why h2 br,.surveillance-uses h2 br{display:none}.benefit-stream{grid-template-columns:1fr 1fr;gap:14px;margin-top:38px}.surveillance-benefit{min-height:202px;padding:22px 13px}.benefit-icon{height:38px;margin-bottom:13px;font-size:29px}.surveillance-benefit h3{font-size:14px}.surveillance-benefit p{margin-top:11px;font-size:10px}.surveillance-services{padding:65px 0 72px}.service-detail-grid{grid-template-columns:1fr;gap:15px;margin-top:38px}.service-detail{grid-template-columns:50px 1fr;gap:14px;min-height:0;padding:22px 18px}.service-detail>i{font-size:29px}.service-detail h3{font-size:13px}.service-detail ul{font-size:11px}.surveillance-cta{padding:56px 0}.surveillance-cta .container{display:block}.surveillance-cta h2{font-size:28px;line-height:1.32}.surveillance-cta .button-light{width:236px;max-width:100%;margin-top:28px}.surveillance-uses{padding:70px 0}.use-grid{grid-template-columns:1fr;gap:18px;margin-top:38px}.use-card img{height:190px}.use-card div{padding:17px}.surveillance-page .footer .container{width:calc(100% - 40px)}}
@media(prefers-reduced-motion:reduce){.surveillance-hero,.surveillance-photo img,.reveal,.use-card img{transition:none!important;transform:none!important}}

/* Shared service hero: a restrained editorial split instead of an oversized circular cut-out. */
@media(min-width:721px){
  .surveillance-page .surveillance-photo{--photo-x:0px;--photo-y:0px;--photo-rx:0deg;--photo-ry:0deg;--hero-light-x:54%;--hero-light-y:42%;z-index:0;inset:0 0 0 52%;border-radius:140px 0 0 140px;box-shadow:-18px 0 42px rgba(12,25,31,.11);transform:perspective(1400px) translate3d(var(--photo-x),var(--photo-y),0) rotateX(var(--photo-rx)) rotateY(var(--photo-ry));transform-style:preserve-3d;transform-origin:50% 52%;transition:transform .55s cubic-bezier(.16,.84,.24,1),box-shadow .55s ease;will-change:transform}
  .surveillance-page .surveillance-photo::after{background:radial-gradient(circle at var(--hero-light-x) var(--hero-light-y),rgba(109,219,255,.22),transparent 27%),linear-gradient(90deg,rgba(13,24,29,.22),rgba(13,24,29,.025) 48%,rgba(13,24,29,.10));transition:background-position .24s ease}
  .surveillance-page .surveillance-hero:hover .surveillance-photo{box-shadow:-28px 20px 54px rgba(8,30,42,.23),0 0 0 1px rgba(126,224,255,.10)}
  .surveillance-page .surveillance-curve{display:none}
  .surveillance-page .surveillance-copy{position:relative;z-index:2}
}

/* Reuse the main-page CTA geometry exactly: one stable visual baseline. */
.surveillance-page .hero-actions{align-items:center;gap:18px}
.surveillance-page .hero-actions .button{display:inline-grid;place-items:center;box-sizing:border-box;width:236px!important;height:64px!important;min-height:64px!important;margin:0!important;padding:0!important;font:700 14px/1 Montserrat,Arial,sans-serif!important;white-space:nowrap}

/* The footer is the same component as on the main page; its contrast must not inherit the light page colour. */
.surveillance-page .footer{color:#f4f8fa}
.surveillance-page .footer h3,.surveillance-page .footer a,.surveillance-page .footer span,.surveillance-page .footer .copyright{color:#f4f8fa}
.surveillance-page .footer .footer-brand i,.surveillance-page .footer .social a{color:#35ACE9}
.surveillance-page .footer .social a,.surveillance-page .footer .social .social-linkedin{color:#fff}.surveillance-page .footer .social a:hover,.surveillance-page .footer .social a:focus-visible{color:#3BA7E3}
.surveillance-page .footer a:hover{color:#3BA7E3}

@media(max-width:720px){
  .surveillance-page .hero-actions{display:grid;grid-template-columns:1fr;gap:12px;width:min(236px,100%)}
  .surveillance-page .hero-actions .button{width:100%!important;height:58px!important;min-height:58px!important;font-size:14px!important}
}

@media(max-width:390px){
  .surveillance-page .hero-actions{width:100%}
  .surveillance-page .surveillance-copy{padding-top:142px}
  .surveillance-page .surveillance-hero{min-height:700px}
  .surveillance-page .benefit-stream{grid-template-columns:1fr}
  .surveillance-page .surveillance-benefit{min-height:164px}
}

@media(prefers-reduced-motion:reduce){.surveillance-page .surveillance-photo{transform:none!important;transition:none!important}}

/* Consistent service-hero rhythm: title → description → action. */
.surveillance-page .surveillance-copy>p:not(.service-label){margin:42px 0 50px}
@media(min-width:721px) and (max-width:1100px){.surveillance-page .surveillance-copy>p:not(.service-label){margin:34px 0 40px}}
@media(max-width:720px){.surveillance-page .surveillance-copy>p:not(.service-label){margin:30px 0 38px}}