.cctv-hero{min-height:760px;padding:165px 0 90px;position:relative;overflow:hidden;display:flex;align-items:center;background:radial-gradient(circle at 76% 43%,rgba(28,118,85,.22),transparent 31%),linear-gradient(118deg,#030705 0%,#07100b 56%,#09170f 100%)}
.cctv-gridfx{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(120,173,145,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(120,173,145,.13) 1px,transparent 1px);background-size:72px 72px}
.cctv-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.cctv-hero h1{font-size:clamp(74px,8vw,128px);line-height:.85;letter-spacing:-.06em;margin:12px 0 24px}.cctv-hero h2{font-size:clamp(30px,3vw,48px);line-height:1.03}.cctv-hero h2 span,.cctv-nawah h2 span{color:#72ad90}.cctv-hero p{max-width:690px;color:#aeb9b2;font-size:18px;line-height:1.65}.coming-badge{display:inline-block;margin-top:28px;border:1px solid #1c7655;color:#72ad90;padding:11px 15px;font-size:11px;font-weight:800;letter-spacing:.15em}
.cctv-silhouette{height:500px;position:relative;display:flex;align-items:center;justify-content:center}.camera{position:absolute;background:linear-gradient(145deg,#17211b,#050806);border:1px solid rgba(120,173,145,.18);box-shadow:0 28px 60px rgba(0,0,0,.45)}.camera i{position:absolute;border:2px solid #1c7655;border-radius:50%;background:#020403}.camera-bullet{width:270px;height:115px;border-radius:22px 65px 65px 22px;transform:translate(-100px,-80px) rotate(-7deg)}.camera-bullet:before{content:"";position:absolute;width:85px;height:38px;left:35px;bottom:-38px;border-left:16px solid #0b120e;border-bottom:14px solid #0b120e}.camera-bullet i{width:72px;height:72px;right:18px;top:20px}.camera-dome{width:190px;height:100px;border-radius:100px 100px 25px 25px;transform:translate(120px,95px)}.camera-dome:after{content:"";position:absolute;width:128px;height:90px;border-radius:0 0 80px 80px;background:#060a07;left:30px;top:65px;border:1px solid rgba(120,173,145,.15)}.camera-dome i{z-index:2;width:50px;height:50px;left:69px;top:78px}.camera-ptz{width:115px;height:165px;border-radius:25px 25px 55px 55px;transform:translate(165px,-100px)}.camera-ptz:before{content:"";position:absolute;width:160px;height:28px;left:-23px;top:-22px;background:#101812;border-radius:5px}.camera-ptz i{width:52px;height:52px;left:30px;top:75px}.silhouette-label{position:absolute;bottom:28px;color:#5d7768;font-size:10px;font-weight:800;letter-spacing:.13em}
.cctv-intro{max-width:940px;font-size:18px;line-height:1.7}.cctv-intro.dark{color:#9da9a1}.cctv-type-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:42px}.cctv-type-grid article{background:#f4f6f4;border:1px solid #d9dfdb;padding:25px;min-height:270px}.cctv-type-grid article>span{color:#1c7655;font-size:10px;font-weight:800}.cctv-type-grid h3{font-size:19px;text-transform:uppercase;margin:38px 0 15px}.cctv-type-grid p{font-size:13px;line-height:1.62}
.cctv-nawah{background:#030806}.nawah-architecture{max-width:1000px;margin:55px auto 60px;padding:30px;border:1px solid rgba(120,173,145,.13);background:#07100b}.arch-sources,.arch-outcomes{display:grid;gap:12px}.arch-sources{grid-template-columns:repeat(4,1fr)}.arch-outcomes{grid-template-columns:repeat(3,1fr)}.arch-sources div,.arch-outcomes div{padding:17px;text-align:center;border:1px solid rgba(120,173,145,.16);background:#09140f}.arch-sources b,.arch-outcomes b{display:block;color:#eef2ef;font-size:13px}.arch-sources span,.arch-outcomes span{font-size:8px;color:#72ad90;letter-spacing:.1em}.arch-lines{height:54px;display:flex;justify-content:space-around;align-items:stretch}.arch-lines i{width:1px;background:#1c7655}.arch-lines.down{height:44px}.arch-core{width:230px;height:110px;border-radius:60px;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#1c7655,#0b281d 55%,#050806 70%);border:1px solid #1c7655}.arch-core strong{font-size:27px}.arch-core span{font-size:7px;color:#c7d9ce;letter-spacing:.15em}.arch-response{text-align:center;margin:28px auto 0;max-width:380px;background:#1c7655;padding:13px;font-size:10px;font-weight:800;letter-spacing:.13em}.cctv-cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.cctv-cap-grid article{background:#09140f;border:1px solid rgba(120,173,145,.14);padding:28px;min-height:210px}.cctv-cap-grid h3{font-size:20px;margin:0 0 15px}.cctv-cap-grid p{font-size:14px;color:#98a49d;line-height:1.6}.cctv-explore{display:inline-block;margin-top:28px;color:#72ad90;font-weight:800;text-decoration:none}
.cctv-ai-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:70px;align-items:center}.cctv-ai-grid p{font-size:17px;line-height:1.7}.ai-stack{padding:32px;background:#f4f6f4;border:1px solid #d9dfdb}.ai-source,.ai-engine{text-align:center;padding:18px;font-size:12px;font-weight:800;letter-spacing:.1em}.ai-source{border:1px solid #cbd5ce}.ai-engine{background:#07100b;color:#72ad90}.ai-arrow{text-align:center;font-size:25px;color:#1c7655;padding:8px}.ai-tags{display:flex;flex-wrap:wrap;gap:7px;justify-content:center}.ai-tags span{border:1px solid #bcc9c0;padding:8px 9px;font-size:8px;font-weight:800}
.cctv-coming{background:radial-gradient(circle at 80% 50%,rgba(28,118,85,.22),transparent 34%),#030806}.cctv-coming-inner{text-align:center;max-width:1000px}.cctv-coming-inner h2{font-size:clamp(50px,6vw,88px)}.cctv-coming-inner p{font-size:20px;color:#b2bdb6}.cctv-coming-inner .secondary{font-size:15px;max-width:750px;margin:12px auto 30px;color:#87938b}
@media(max-width:1100px){.cctv-hero-grid,.cctv-ai-grid{grid-template-columns:1fr}.cctv-silhouette{height:420px}.cctv-type-grid{grid-template-columns:repeat(3,1fr)}.cctv-cap-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.cctv-hero{padding-top:140px}.cctv-silhouette{height:350px;transform:scale(.78)}.cctv-type-grid,.cctv-cap-grid,.arch-sources,.arch-outcomes{grid-template-columns:1fr}.arch-lines{display:none}.arch-core{margin:24px auto}.cctv-type-grid article{min-height:auto}}