/* CCTV-only refinement. Other hardware pages retain their current styles. */
.cc-real{--hm-ink:#292530;--hm-muted:#847b8b}
.cc-real .hm-wrap{width:min(1280px,calc(100% - 96px))}
.cc-real .hm-hero{background:#fff;min-height:calc(100svh - 64px);padding:70px 0 85px}
.cc-real .hm-hero-grid{grid-template-columns:.65fr 1.35fr;gap:20px}
.cc-real .hm-hero h1{font-size:clamp(30px,2.8vw,41px)!important;line-height:1.45!important;font-weight:500!important;letter-spacing:-.05em!important}
.cc-real .hm-hero .hm-scene{width:109%;margin-left:-5%;aspect-ratio:1672/1000}
.cc-real .hm-hero .hm-scene-note{right:4%;bottom:-15px}
.cc-real .hm-hero-progress{margin-top:27px}.cc-real .hm-hero-caption{font-size:12px}
.cc-real .hm-label{color:#745b9e;font-weight:450;font-size:14px}
.cc-real .hm-story-tint{background:#faf9fb}
.cc-real .hm-story{height:210svh}
.cc-real .hm-story-layout{grid-template-columns:.52fr 1.48fr;gap:46px}
.cc-real .hm-story h2{font-size:clamp(27px,2.3vw,34px)!important;line-height:1.5!important;font-weight:500!important;letter-spacing:-.05em!important}
.cc-real .hm-story .hm-scene{width:100%;margin:0;aspect-ratio:1536/1084}
.cc-real .hm-scene>svg{overflow:visible;font-family:inherit}
.cc-real .hm-story .hm-scene-note{bottom:-9px;color:#aaa0b0}
.cc-real #hm-action{height:190svh;background:#fff}
.cc-real #hm-action .hm-story-layout{grid-template-columns:.7fr 1.3fr;gap:90px}
.cc-real #hm-action .hm-scene{aspect-ratio:1.08}
.cc-real .cc-product-proof{position:absolute;inset:0 0 45px;overflow:hidden;margin:0;background:#faf9fd;border-radius:9px;isolation:isolate}
.cc-real .cc-product-proof img{display:block;width:100%;height:100%;object-fit:contain;clip-path:inset(0 0 0 4%);transform:scale(.94)}
.cc-real .cc-proof-focus{position:absolute;border:1.5px solid #4c00ff;border-radius:28px;pointer-events:none;box-shadow:0 0 0 5px #4c00ff05}
.cc-real .cc-manager-focus{left:49.9%;top:41.7%;width:32.3%;height:57%;opacity:var(--cc-manager,0)}
.cc-real .cc-worker-focus{left:13.4%;top:39%;width:31.8%;height:59%;opacity:var(--cc-worker,0)}
.cc-real .cc-response-labels{position:absolute;bottom:1px;left:0;right:0;display:grid;grid-template-columns:1fr 1fr;gap:25px;font-size:13px;color:#4e3e5f;line-height:1.5;text-align:center}
.cc-real .cc-response-labels span:first-child{opacity:var(--cc-worker,0)}
.cc-real .cc-response-labels span:last-child{opacity:var(--cc-manager,0)}
.cc-real .cc-response-labels span{border-top:1px solid #ded5e8;padding-top:14px}
.cc-real .hm-proof{display:none}
.cc-real .hm-resources{background:#faf9fb;padding:110px 0}
.cc-real .hm-resource-content>.hx-section,.cc-real .hm-resource-content>.hw-section,.cc-real .hm-resource-content>.hw-legacy-section{background:transparent!important}
.cc-real .hm-faq{padding-top:100px}.cc-real .hm-contact{background:#f6f3fa}
.cc-real .hm-products{display:none}
.cc-real .hm-resource-grid,.cc-real .hm-faq-grid{grid-template-columns:.7fr 1.3fr}
.cc-real .hm-phases{margin-top:22px}.cc-real .hm-story-index{font-size:11px;color:#a99fb2}
.cc-real .hm-resource-grid>div>h2,.cc-real .hm-faq h2,.cc-real .hm-contact h2{font-weight:500!important;font-size:29px!important}
@media(max-width:1000px){.cc-real .hm-wrap{width:calc(100% - 56px)}.cc-real .hm-hero-grid{grid-template-columns:.8fr 1.2fr}.cc-real .hm-hero .hm-scene{width:100%;margin:0}.cc-real .hm-story-layout{grid-template-columns:.7fr 1.3fr;gap:25px}.cc-real #hm-action .hm-story-layout{gap:45px}.cc-real .hm-story h2{font-size:27px!important}}
@media(max-width:760px){.cc-real .hm-wrap{width:calc(100% - 44px)}.cc-real .hm-hero{padding:65px 0 90px;min-height:calc(100svh - 60px)}.cc-real .hm-hero-grid{grid-template-columns:1fr;gap:45px}.cc-real .hm-hero h1{font-size:31px!important}.cc-real .hm-hero .hm-scene{width:110%;margin-left:-5%}.cc-real .hm-hero .hm-scene-note{bottom:-12px}.cc-real .hm-label{font-size:12px}.cc-real .hm-hero-progress{margin-top:20px}.cc-real .hm-hero-caption{font-size:11px}.cc-real .hm-story,.cc-real #hm-action{height:185svh}.cc-real .hm-story-layout,.cc-real #hm-action .hm-story-layout{grid-template-columns:1fr;gap:30px}.cc-real .hm-story .hm-scene{width:108%;margin-left:-4%}.cc-real .hm-story h2{font-size:29px!important;line-height:1.45!important}.cc-real .hm-caption-stack{min-height:91px}.cc-real .hm-phases{margin-top:5px}.cc-real #hm-action .hm-scene{width:100%;margin:0;aspect-ratio:1.12}.cc-real .cc-response-labels{font-size:10px;gap:12px;bottom:2px}.cc-real .cc-proof-focus{border-radius:15px;border-width:1px;box-shadow:none}.cc-real .hm-resource-grid,.cc-real .hm-faq-grid{grid-template-columns:1fr}.cc-real .hm-resources{padding:80px 0}.cc-real .hm-faq{padding-top:75px}.cc-real .hm-resource-grid>div>h2,.cc-real .hm-faq h2,.cc-real .hm-contact h2{font-size:27px!important}}
@media(min-width:761px) and (max-width:950px){.cc-real .hm-story-layout{grid-template-columns:.65fr 1.35fr;max-width:none}.cc-real .hm-hero-grid{grid-template-columns:.75fr 1.25fr}.cc-real #hm-action .hm-story-layout{grid-template-columns:.7fr 1.3fr;gap:35px}.cc-real .hm-caption-stack{min-height:150px}}
@media(prefers-reduced-motion:reduce){.cc-real .hm-story,.cc-real #hm-action{height:auto;padding:85px 0}}
.cc-real #hm-action .hm-scene{max-width:570px;justify-self:center;aspect-ratio:1.04}
.cc-real .cc-response .hm-scene-note{display:none}
.cc-real .cc-source-label{position:absolute;right:0;bottom:-30px;color:#a298aa;font-size:11px}
@media(max-width:760px){.cc-real #hm-action .hm-scene{max-width:440px;aspect-ratio:1.12}.cc-real .cc-source-label{font-size:9px;bottom:-25px}}
/* Presentation crop of the existing proposal image; source pixels remain unchanged. */
.cc-real #hm-action .hm-scene{max-width:540px;aspect-ratio:565/574}
.cc-real .cc-product-proof{inset:0 0 auto;aspect-ratio:565/484;height:auto}
.cc-real .cc-product-proof img{position:absolute;max-width:none;width:119.469%;height:auto;left:-11.504%;top:-26.033%;transform:none;clip-path:none;object-fit:initial}
.cc-real .cc-manager-focus{left:46.9%;top:27%;width:40.7%;height:72.6%}
.cc-real .cc-worker-focus{left:2.7%;top:23.5%;width:38.1%;height:76%}