.cctv-page{--cctv-left:calc(max(0px,(100% - 1500px)/2) + 7% + 27px);--cctv-right:4.7%;font-family:'DM Sans',sans-serif;color:#103c2e;background:white}.cctv-page .cctv-section,.cctv-page .home-setup-consultation{padding:72px var(--cctv-right) 72px var(--cctv-left)}.cctv-page h1,.cctv-page h2,.cctv-page h3{color:#103c2e;font-weight:800;letter-spacing:-1px;line-height:1.15}.cctv-page em{font:inherit;color:#ed0025}.cctv-hero{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;background:#f8fcfa;min-height:570px}.cctv-eyebrow{font-size:15px;font-weight:750;letter-spacing:.7px;color:#007647;margin:0 0 18px}.cctv-page h1{font-size:clamp(38px,4.2vw,67px);margin:0 0 23px}.cctv-lead{font-size:clamp(17px,1.4vw,22px);line-height:1.55;color:#40564c;max-width:540px;margin:0 0 28px}.cctv-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:16px 24px;border-radius:8px;background:#ed0025;color:#fff;font-size:17px;font-weight:750;transition:transform .3s,box-shadow .3s}.cctv-button:hover{transform:translateY(-3px);box-shadow:0 10px 22px #e9002520}.cctv-button span{font-size:25px}.cctv-button:focus-visible{outline:3px solid #007647;outline-offset:5px}.cctv-hero-product{background:transparent;min-width:0}.cctv-hero-product img{width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 16px 15px #0b2b1c12);transition:transform .6s}.cctv-hero-product:hover img{transform:translateY(-6px) scale(1.025)}.cctv-page .cctv-challenges{padding-top:44px;padding-bottom:44px}.cctv-solution-panel{display:grid;grid-template-columns:1.2fr .65fr 1fr;gap:34px;align-items:center;border-radius:24px;background:#edf5f1;padding:35px}.cctv-page h2{font-size:clamp(27px,2.7vw,42px);margin:0 0 20px}.cctv-solution-panel ul{padding:0;list-style:none;display:grid;gap:11px;margin:0;color:#40554a;font-size:17px}.cctv-solution-panel li{display:flex;gap:11px;align-items:center}.cctv-solution-panel li:before{content:'×';display:grid;place-items:center;background:#ed0025;color:#fff;width:21px;height:21px;flex-shrink:0;border-radius:50%;font-size:23px;line-height:1}.cctv-solution-panel p{color:#40554a;font-size:18px;line-height:1.55;margin:0}.cctv-solution-product{position:relative;display:grid;place-items:center;aspect-ratio:1;border-radius:22px;background:#d4e9db;color:#00683c}.cctv-solution-product>svg{width:65%;height:65%;transition:transform .4s}.cctv-solution-product:hover>svg{transform:rotate(-6deg) scale(1.05)}.cctv-solution-product>span{position:absolute;right:-8px;bottom:-8px;border-radius:50%;background:#007647;color:#fff;width:44px;height:44px;display:grid;place-items:center;font-size:28px}.cctv-section-heading{text-align:center;margin-bottom:32px}.cctv-section-heading>p{font-size:18px;color:#506158;line-height:1.5;margin:0}.cctv-range-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.cctv-range-card{padding:16px 15px 21px;border:1px solid #dce7df;border-radius:20px;background:#f7fbf8;transition:transform .35s,box-shadow .35s}.cctv-range-card:hover{transform:translateY(-7px);box-shadow:0 13px 26px #113d2912}.cctv-product-crop{position:relative;overflow:hidden;aspect-ratio:225/130;border-radius:12px}.cctv-product-crop img{position:absolute;max-width:none;object-fit:fill;transition:scale .45s}.cctv-range-card:hover img{scale:1.04}.cctv-range-card h3{background:#005736;color:#fff;border-radius:8px;padding:11px;text-align:center;font-size:20px;letter-spacing:0;margin:12px 0 10px;text-transform:uppercase}.cctv-range-card>p{text-align:center;color:#45584c;font-size:16px;line-height:1.4;margin:0}.cctv-brands{display:flex;justify-content:space-around;align-items:center;gap:20px;flex-wrap:wrap;border:1px solid #dce6df;border-radius:16px;margin-top:30px;padding:18px;background:white}.cctv-brands>strong{font-size:20px;color:#005736}.cctv-brands>span{font-size:30px;font-weight:850;letter-spacing:-1px}.brand-cp,.brand-hik{color:#ed001c}.brand-hik{font-style:italic}.brand-hik span{color:#5e625f}.brand-prama{color:#103c78;font-style:italic}.cctv-process{background:#edf5f1}.cctv-process ol{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px;list-style:none;padding:0;margin:35px 0 0}.cctv-process li{position:relative;text-align:center}.cctv-process li:not(:last-child):after{content:'→';position:absolute;right:-24px;top:31px;color:#6d9d80;font-size:28px}.cctv-process-icon{display:grid;place-items:center;width:88px;height:88px;border-radius:50%;background:#fff;border:1px solid #cce0d2;margin:0 auto 26px;position:relative;transition:transform .35s,box-shadow .35s}.cctv-process-icon svg{width:45px;height:45px;color:#00633c}.cctv-process-icon b{position:absolute;bottom:-13px;background:#ed0025;color:#fff;border-radius:30px;padding:4px 8px;font-size:14px}.cctv-process li:hover .cctv-process-icon{transform:translateY(-5px);box-shadow:0 0 0 7px #cee6d666}.cctv-process li h3{font-size:20px;line-height:1.3;letter-spacing:-.3px;margin:0}.cctv-page .home-setup-consultation{background:#f8f2eb}.cctv-page .setup-inner{max-width:none;width:100%;margin:0}.cctv-page .setup-copy h2,.cctv-page .setup-form h3{color:#103c2e}.cctv-page .setup-copy li:before{width:25px;height:25px;flex-basis:25px;font-size:20px}.cctv-reveal{transition:opacity .8s,translate .8s}.cctv-pending{opacity:0;translate:0 25px}@media(min-width:1800px){.cctv-page{--cctv-left:calc(max(0px,(100% - 1720px)/2) + 7% + 27px)}}@media(max-width:1000px){.cctv-hero{gap:24px;min-height:0}.cctv-solution-panel{gap:20px;padding:25px}.cctv-range-grid{gap:13px}.cctv-range-card h3{font-size:17px}.cctv-process ol{gap:20px}.cctv-process li h3{font-size:17px}.cctv-range-card>p{font-size:14px}.cctv-brands>span{font-size:24px}}@media(max-width:950px){.cctv-page{--cctv-left:calc(7% + 27px);--cctv-right:5%}.cctv-page .cctv-section,.cctv-page .home-setup-consultation{padding-top:55px;padding-bottom:55px}.cctv-solution-panel{grid-template-columns:1fr 1fr}.cctv-solution-product{display:none}.cctv-range-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.cctv-page{--cctv-left:calc(7% + 19px);--cctv-right:6%}.cctv-hero{grid-template-columns:1fr}.cctv-page h1{font-size:40px}.cctv-hero-product{max-width:520px;margin:auto}.cctv-solution-panel{grid-template-columns:1fr}.cctv-process ol{grid-template-columns:1fr;gap:28px}.cctv-process li{display:flex;text-align:left;align-items:center;gap:23px}.cctv-process-icon{width:65px;height:65px;flex-shrink:0;margin:0}.cctv-process-icon svg{width:34px;height:34px}.cctv-process li:not(:last-child):after{display:none}.cctv-page .cctv-section,.cctv-page .home-setup-consultation{padding-top:45px;padding-bottom:45px}}@media(max-width:440px){.cctv-page h1{font-size:34px}.cctv-range-grid{grid-template-columns:1fr}.cctv-range-card h3{font-size:20px}.cctv-range-card>p{font-size:16px}.cctv-brands{gap:18px}.cctv-brands>strong{flex-basis:100%;text-align:center}.cctv-brands>span{font-size:22px}.cctv-button{font-size:15px;padding:14px 18px}}@media(prefers-reduced-motion:reduce){.cctv-page *{transition:none!important;animation:none!important;translate:none!important;opacity:1!important}}
