/* Two leading CCTV scenes; later product sections retain their current layout. */
.cc-watch-page .hm-hero{padding:65px 0 75px;min-height:0;background:#fff}
.cc-watch-page .hm-hero-grid{display:block}
.cc-watch-page .hm-hero-copy{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 0 36px}
.cc-watch-page .hm-hero h1{font-size:clamp(29px,2.6vw,38px)!important;line-height:1.42!important;margin:0;letter-spacing:-.04em!important}
.cc-watch-page .hm-hero-actions{margin:0;flex-shrink:0}.cc-watch-page .hm-hero-actions .hm-text-link{display:none}
.cc-watch-page .hm-hero .hm-scene{width:100%;margin:0;aspect-ratio:auto}
.cc-watch-page .hm-language{margin:0 0 0 auto}.cc-watch-page .hm-hero-copy #cmLangSwitch{position:absolute;right:0;top:-34px}.cc-watch-page .hm-hero-copy{position:relative}
.cc-watch-page .hm-hero .hm-scene-note{display:none}.cc-watch-page .hm-scroll-cue{display:none}
.cc-watch-window{border:1px solid #e5dfea;border-radius:14px;overflow:hidden;box-shadow:0 28px 60px -40px #36214c55;background:#fff}
.cc-watch-bar{display:flex;align-items:center;gap:15px;padding:18px 24px;border-bottom:1px solid #ebe5ef;font-size:13px;color:#55475f}.cc-watch-bar>div{display:flex;align-items:center;gap:9px}.cc-watch-monitor{display:flex;gap:7px;align-items:center;margin-left:auto;font-size:11px;color:#8b769f}.cc-watch-monitor i{height:5px;width:5px;border-radius:50%;background:#4c00ff}.cc-watch-replay{width:29px;height:29px;font-size:17px;color:#897695;background:transparent;border:1px solid #e8e0f0;border-radius:50%;cursor:pointer}
.cc-watch-layout{display:grid;grid-template-columns:minmax(0,1fr) 274px}.cc-watch-site{min-width:0;position:relative;background:#fcfbfd;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.cc-watch-map{width:100%;height:auto;display:block}.cc-watch-detection{transform-box:fill-box;transform-origin:center}.cc-watch-detection.is-selected>rect{fill-opacity:.14;stroke:#9d2035}.cc-watch-site-bottom{display:flex;justify-content:space-between;font-size:10px;color:#a692b3;padding:12px 20px;gap:15px}.cc-watch-locate{color:#7f6398}
.cc-watch-alerts{border-left:1px solid #eae3ef;min-width:0;display:flex;flex-direction:column;padding:21px 15px;background:#fff}.cc-watch-alerts>header{display:flex;align-items:center;gap:8px;font-size:12px;padding:0 7px 16px;color:#594864}.cc-watch-count{font-weight:500;background:#f0e8ff;color:#4c00ff;padding:1px 5px;border-radius:4px;font-size:10px;min-width:16px;text-align:center}
.cc-watch-list{display:grid;gap:9px}.cc-watch-event{display:flex;align-items:center;gap:10px;text-align:left;border:1px solid #eae4ef;border-radius:8px;padding:9px;background:#fff;cursor:pointer;opacity:var(--cc-watch-in,0);transform:translateY(calc(15px * (1 - var(--cc-watch-in,0))));transition:border-color .18s ease,background .18s ease;min-height:80px;width:100%}.cc-watch-event[aria-pressed=true]{border-color:#bfa8e8;background:#faf7ff}.cc-watch-event>svg{width:72px;height:60px;background:#f7f5f9;border-radius:4px;flex-shrink:0}.cc-watch-event-copy{display:grid;gap:6px;min-width:0}.cc-watch-event-copy strong{font-size:12px;font-weight:500;color:#503f5d;white-space:nowrap}.cc-watch-event-copy>span{font-size:10px;color:#9c88aa;line-height:1.5}.cc-watch-event-dot{margin-left:auto;width:4px;height:4px;background:#c6485b;border-radius:50%;flex-shrink:0}
.cc-watch-task{margin-top:auto;padding:20px 9px 2px;opacity:var(--cc-watch-in,0);transform:translateY(calc(12px * (1 - var(--cc-watch-in,0))))}.cc-watch-task-top{display:flex;justify-content:space-between;gap:7px;margin-bottom:9px;font-size:10px;color:#8e7c9c}.cc-watch-task-top>span:last-child{color:#4c00ff}.cc-watch-task-title{font-size:13px;font-weight:500;display:block;line-height:1.6;color:#4a345b;letter-spacing:-.025em}.cc-watch-task-person{display:block;margin-top:6px;font-size:10px;color:#9781a5}.cc-watch-footer{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #ebe6f1;padding:13px 23px;font-size:10px;color:#a390b1}.cc-watch-footer>span:last-child{color:#b3a4be}
.cc-watch-event:focus-visible,.cc-watch-replay:focus-visible{outline:2px solid #4c00ff;outline-offset:2px}.cc-watch-event:active{transform:scale(.98)}
.cc-connect-section{padding:105px 0 120px;background:#f8f6fb}.cc-connect-section h2{font-size:35px;font-weight:500;line-height:1.45;letter-spacing:-.045em;margin:0 0 42px;color:#292230}.cc-connect-section h2 em{font-style:normal;color:#4c00ff}
@media(max-width:1000px){.cc-watch-layout{grid-template-columns:minmax(0,1fr) 235px}.cc-watch-alerts{padding:15px 11px}.cc-watch-event{gap:7px;padding:6px}.cc-watch-event>svg{width:55px;height:53px}.cc-watch-event-copy strong{font-size:11px}.cc-watch-task{padding-top:15px}.cc-watch-task-title{font-size:12px}}
@media(max-width:760px){.cc-watch-page .hm-hero{padding:49px 0 54px}.cc-watch-page .hm-wrap{width:calc(100% - 32px)}.cc-watch-page .hm-hero-copy{display:block;padding-bottom:24px}.cc-watch-page .hm-hero h1{font-size:28px!important;line-height:1.4!important}.cc-watch-page .hm-hero-actions{margin-top:19px}.cc-watch-page .hm-hero-actions .hm-button{padding:11px 15px;font-size:12px;min-height:42px}.cc-watch-page .hm-hero-copy #cmLangSwitch{top:-28px}.cc-watch-page .hm-hero .hm-scene{width:100%;margin:0}.cc-watch-window{border-radius:10px}.cc-watch-layout{grid-template-columns:1fr}.cc-watch-bar{padding:12px 13px;gap:8px;font-size:11px}.cc-watch-bar img{width:16px;height:16px}.cc-watch-monitor{font-size:9px}.cc-watch-replay{width:25px;height:25px;font-size:14px}.cc-watch-site{background:#fff}.cc-watch-site-bottom{font-size:9px;padding:7px 11px}.cc-watch-alerts{border-left:0;border-top:1px solid #eae3ef;padding:12px 10px 14px}.cc-watch-alerts>header{font-size:10px;padding:0 1px 10px}.cc-watch-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.cc-watch-event{display:block;padding:5px;min-height:0}.cc-watch-event>svg{width:100%;height:57px}.cc-watch-event-copy{gap:3px;padding:6px 2px 2px}.cc-watch-event-copy strong{font-size:11px}.cc-watch-event-copy>span{font-size:9px}.cc-watch-event-dot{display:none}.cc-watch-task{margin-top:12px;padding:12px 4px 0;border-top:1px solid #eee8f4;display:grid;grid-template-columns:1fr auto;gap:0 10px}.cc-watch-task-top{grid-column:1/-1;font-size:9px;margin-bottom:5px}.cc-watch-task-title{font-size:12px}.cc-watch-task-person{font-size:9px;margin-top:2px;align-self:center}.cc-watch-footer{padding:10px 12px;font-size:8px}.cc-connect-section{padding:65px 0 75px}.cc-connect-section h2{font-size:28px;margin-bottom:30px}}
@media(prefers-reduced-motion:reduce){.cc-watch-event{transition:none}}
/* Override the shared scene driver's blanket SVG dimensions for real UI thumbnails. */
.cc-watch-page .hm-scene .cc-watch-map{height:auto!important;width:100%!important;aspect-ratio:1672/941}
.cc-watch-page .hm-scene .cc-watch-event>svg{width:72px!important;height:60px!important}
.cc-watch-page #cmLangSwitch.hm-language{position:absolute!important;top:-34px!important;right:0!important;bottom:auto!important;left:auto!important;margin:0!important}
@media(max-width:1000px){.cc-watch-page .hm-scene .cc-watch-event>svg{width:55px!important;height:53px!important}}
@media(max-width:760px){.cc-watch-page .hm-scene .cc-watch-event>svg{width:100%!important;height:57px!important}.cc-watch-page #cmLangSwitch.hm-language{top:-29px!important}}
@media(min-width:1001px){
 .cc-watch-layout{grid-template-columns:minmax(0,1fr) 300px}
 .cc-watch-page .hm-scene .cc-watch-event>svg{width:88px!important;height:76px!important}
 .cc-watch-event{min-height:98px}.cc-watch-event-copy strong{font-size:14px}.cc-watch-event-copy>span{font-size:11px}
 .cc-watch-alerts>header{font-size:13px}.cc-watch-task{margin-top:26px}.cc-watch-task-title{font-size:15px}
}