@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');:root{--ink:#08101c;--blue:#138ed0;--sky:#65c8ff;--muted:#9baab9;--line:#253343;--paper:#f4f7fa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#07101b;color:#edf4fa;font:16px/1.7 'DM Sans',Arial,sans-serif}h1,h2,h3,h4,h5,h6{font-family:Manrope,Arial,sans-serif;line-height:1.17;letter-spacing:-.035em}h1{font-size:clamp(2.65rem,5.8vw,5.5rem);max-width:950px;margin:20px 0}h2{font-size:clamp(2rem,3.7vw,3.5rem);margin:12px 0 24px}h3{font-size:1.3rem}p{color:#b6c3d0}a{color:inherit;text-decoration:none}a:hover{color:#75d0ff}img{max-width:100%;display:block}strong{color:inherit}button,input,textarea{font:inherit}button{cursor:pointer}.wrap{max-width:1210px;margin:auto;padding:0 24px}.topline{background:#0d1926;color:#aab9c9;font-size:.76rem;border-bottom:1px solid #263545}.topline .wrap{display:flex;justify-content:space-between;gap:20px;padding-top:7px;padding-bottom:7px}.header{position:sticky;top:0;z-index:20;background:#07101bf2;backdrop-filter:blur(18px);border-bottom:1px solid #24313f}.head-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:85px}.brand{display:flex;align-items:center;gap:12px}.brand-icon{width:62px;height:40px;object-fit:cover;object-position:center;border-radius:2px}.brand strong{display:block;font:800 1.23rem Manrope;letter-spacing:.21em;line-height:1.2}.brand small{display:block;color:#6bcaff;font-size:.56rem;letter-spacing:.11em;font-weight:700}.nav{display:flex;align-items:center;gap:27px}.nav a{font-weight:700;font-size:.84rem}.nav .active{color:#66c7ff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--blue);color:white!important;border:1px solid var(--blue);padding:13px 21px;font-weight:700;font-size:.87rem;border-radius:5px;transition:.2s}.btn:hover{background:#0c6eaa;transform:translateY(-2px)}.btn-outline{background:transparent;border-color:#748496}.btn-outline:hover{background:#1b2a39}.hamb{display:none;background:transparent;color:white;border:1px solid #354555;padding:7px 12px;border-radius:5px}.eyebrow{text-transform:uppercase;color:#67caff;font-size:.73rem;font-weight:800;letter-spacing:.23em}.hero{min-height:650px;display:flex;align-items:center;position:relative;overflow:hidden;background:linear-gradient(90deg,#07101b 0%,#07101bed 42%,#07101b77 76%),url('../images/cctv-control-room-monitoring-zimbabwe.webp') center/cover}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#07101b 0%,transparent 38%)}.hero .wrap{position:relative;width:100%;padding-top:100px;padding-bottom:120px}.hero p{max-width:630px;font-size:1.12rem}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.micro{display:flex;gap:22px;flex-wrap:wrap;margin-top:48px;color:#e2edf7;font-size:.81rem;font-weight:700}.micro span:before{content:'✦';color:#4dc2ff;margin-right:9px}.section{padding:100px 0}.section-sm{padding:72px 0}.light{background:var(--paper);color:#0c1b29}.light p{color:#4b5b6b}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:36px}.section-head p{max-width:480px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{background:#101d2b;border:1px solid #253547;border-radius:9px;overflow:hidden;transition:.2s}.service-card:hover{border-color:#1b8ed1;transform:translateY(-4px)}.service-card img{width:100%;height:215px;object-fit:cover}.service-card .inside{padding:24px}.service-card p{font-size:.91rem;margin:0 0 18px}.arrow{color:#60c5fc;font-weight:800;font-size:.84rem}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px}.split>img{width:100%;height:490px;object-fit:cover;border-radius:10px}.check{padding-left:0;list-style:none}.check li{margin:13px 0;padding-left:28px;position:relative}.check li:before{content:'✓';position:absolute;left:0;color:#46b9ff;font-weight:900}.statline{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.statline>div{border-left:2px solid #198ed2;padding-left:17px}.statline strong{font-size:1.6rem;display:block}.statline small{color:#7c91a4}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gallery figure{margin:0;overflow:hidden;border-radius:8px;background:#142334}.gallery img{width:100%;height:245px;object-fit:cover}.gallery figcaption{padding:14px 17px;color:#c4d4e0;font-size:.84rem}.band{background:linear-gradient(120deg,#116da7,#092d51);padding:60px 0}.band .wrap{display:flex;justify-content:space-between;align-items:center;gap:24px}.band h2{font-size:clamp(1.7rem,3vw,2.8rem);margin:0 0 8px}.band p{margin:0;color:#dcecf9}.footer{background:#040a11;border-top:1px solid #1d2d3d;padding:70px 0 24px}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:34px}.footer h3{font-size:.95rem;margin:0 0 20px}.footer a{display:block;color:#aab9c9;font-size:.88rem;margin:9px 0}.footer a:hover{color:#6ccaff}.footer .brand{margin-bottom:20px}.bottom{border-top:1px solid #1e2b38;margin-top:48px;padding-top:20px;display:flex;justify-content:space-between;gap:16px;color:#91a1b2;font-size:.78rem}.bottom a{display:inline;color:#8bd3ff}.page-hero{padding:95px 0 70px;background:radial-gradient(ellipse at 85% 30%,#103858,#07101b 58%);border-bottom:1px solid #253546}.page-hero h1{font-size:clamp(2.3rem,4.7vw,4.3rem)}.page-hero p{max-width:740px}.crumb{font-size:.78rem;color:#9caebe;margin-bottom:20px}.crumb a{color:#75cbf6}.detail{display:grid;grid-template-columns:1.2fr .8fr;gap:55px;align-items:start}.detail>img{width:100%;height:420px;object-fit:cover;border-radius:9px}.panel{background:#101e2c;border:1px solid #263849;border-radius:9px;padding:27px}.panel h3{margin-top:0}.panel .check{margin-bottom:26px}.related{display:flex;flex-wrap:wrap;gap:9px}.related a{padding:8px 12px;border:1px solid #304557;border-radius:5px;color:#a6d9f6;font-size:.83rem}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:30px}.contact-item{padding:24px;background:#101f2e;border:1px solid #2c3e4e;border-radius:8px;margin-bottom:16px}.contact-item h3{margin:0 0 5px}.contact-item p{margin:0}.contact-form{background:#101f2e;padding:30px;border-radius:8px;border:1px solid #2c3e4e}.contact-form label{display:block;font-size:.82rem;font-weight:700;margin:0 0 7px}.contact-form input,.contact-form textarea,.contact-form select{width:100%;background:#081523;border:1px solid #33465a;color:white;padding:13px;border-radius:5px;margin-bottom:18px}.contact-form textarea{min-height:125px;resize:vertical}.note{font-size:.78rem}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.video-grid video{width:100%;aspect-ratio:16/10;background:#0a1420;border-radius:8px}.video-grid p{font-size:.83rem}.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;background:white;color:black;padding:10px;z-index:99}@media(max-width:950px){.nav{display:none;position:absolute;top:85px;left:0;right:0;background:#081522;padding:24px;flex-direction:column;align-items:stretch;border-bottom:1px solid #31485b}.nav.open{display:flex}.hamb{display:block}.cards,.gallery,.video-grid{grid-template-columns:repeat(2,1fr)}.split,.detail,.contact-grid{grid-template-columns:1fr}.footgrid{grid-template-columns:repeat(2,1fr)}.hero{min-height:590px}.split>img{height:350px}}@media(max-width:620px){.topline{display:none}.head-inner{min-height:72px}.nav{top:72px}.brand strong{font-size:1rem}.brand small{font-size:.47rem}.brand-icon{width:47px;height:34px}.section{padding:65px 0}.section-sm{padding:55px 0}.cards,.gallery,.video-grid,.footgrid{grid-template-columns:1fr}.section-head,.band .wrap,.bottom{display:block}.band .btn{margin-top:20px}.hero .wrap{padding-top:80px;padding-bottom:75px}.hero p{font-size:1rem}.micro{gap:12px}.gallery img{height:230px}.statline{grid-template-columns:1fr 1fr}.footer{padding-top:55px}}
/* Infinity premium visual layer */
:root{--premium-blue:#168ccc}html{scroll-behavior:smooth}body{overflow-x:hidden}
.hero{position:relative;isolation:isolate;min-height:590px;display:flex;align-items:center;overflow:hidden;background:#07101b!important}
.hero .wrap{position:relative;z-index:3;padding-top:90px;padding-bottom:90px}
.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(3,10,19,.94),rgba(3,10,19,.72) 55%,rgba(3,10,19,.3));pointer-events:none}
.hero-slides{position:absolute;inset:0;z-index:-2}.hero-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transform:scale(1.09);transition:opacity 1.2s ease,transform 7s ease}.hero-slide.is-active{opacity:1;transform:scale(1)}
.hero-controls{position:absolute;bottom:32px;right:max(24px,calc((100vw - 1200px)/2));z-index:5;display:flex;gap:12px}.hero-controls button{border:1px solid #ffffff70;color:white;background:#07101b99;border-radius:50%;width:42px;height:42px;cursor:pointer}.hero-controls button:hover{background:#168ccc}
.hero-dots{position:absolute;bottom:38px;left:max(24px,calc((100vw - 1200px)/2));z-index:5;display:flex;gap:9px}.hero-dots button{width:10px;height:10px;border-radius:50%;border:1px solid white;background:transparent;cursor:pointer}.hero-dots button.active{background:#168ccc;border-color:#168ccc;width:27px;border-radius:8px}
.hero-glow{position:absolute;z-index:1;width:310px;height:310px;right:7%;top:17%;border-radius:50%;border:1px solid #56b8ff55;box-shadow:0 0 90px #168ccc30,inset 0 0 70px #168ccc20;animation:floatInfinity 8s ease-in-out infinite;pointer-events:none}.hero-glow:after{content:"";position:absolute;inset:38px;border:1px solid #b7dcff55;border-radius:50%}
@keyframes floatInfinity{50%{transform:translateY(-24px) rotate(8deg)}}
.social-links{display:flex!important;gap:10px!important;flex-wrap:wrap}.social-links a{display:inline-flex!important;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 9px!important;border:1px solid #7894aa66;border-radius:50%;font-size:16px!important;font-weight:800;text-decoration:none!important;transition:transform .25s,background .25s}.social-links a:hover{transform:translateY(-4px);background:#168ccc;color:white}
.reveal-infinity{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.reveal-infinity.visible{opacity:1;transform:none}
a,button{transition:color .2s,background-color .2s,transform .2s}a:focus-visible,button:focus-visible{outline:3px solid #62b9f4;outline-offset:3px}
@media(max-width:700px){.hero{min-height:530px}.hero-glow{width:170px;height:170px;right:-60px;top:10%}.hero-controls{right:20px}.hero-dots{left:20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal-infinity{opacity:1;transform:none}}

/* Premium V3 — consistent visual language across every page */
.page-hero.premium-page-hero{position:relative;isolation:isolate;overflow:hidden;min-height:340px;display:flex;align-items:center;padding:64px 0 58px;background:radial-gradient(ellipse at 76% 43%,#12416b 0%,#081725 46%,#050c15 85%)}
.premium-page-hero:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,#168ccc,transparent)}
.premium-page-hero>.wrap{position:relative;z-index:2;width:100%}.premium-page-hero h1{margin:8px 0 16px;max-width:880px;text-wrap:balance}.premium-page-hero p{margin:0;max-width:710px}.premium-page-hero .crumb{margin-bottom:12px}
.page-hero-art{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.page-hero-art .orbit{position:absolute;right:8%;top:50%;border:1px solid #67bfff45;border-radius:50%;width:310px;height:310px;transform:translateY(-50%);box-shadow:0 0 60px #138ed01c;animation:orbitBreathe 8s ease-in-out infinite}.page-hero-art .orbit-two{width:220px;height:220px;right:calc(8% + 45px);animation-delay:-2s;border-color:#ffffff32}.page-hero-art .orbit-three{width:120px;height:120px;right:calc(8% + 95px);animation-delay:-4s;border-color:#168cccaa}.page-hero-art .beam{position:absolute;width:55%;height:1px;right:-12%;top:27%;background:linear-gradient(90deg,transparent,#168ccc77,transparent);transform:rotate(-22deg)}.page-hero-art .beam-two{top:77%;transform:rotate(16deg)}
@keyframes orbitBreathe{50%{transform:translateY(calc(-50% - 12px)) scale(1.045);opacity:.6}}
.section{padding-block:72px}.section-sm{padding-block:58px}.section-head{margin-bottom:26px;align-items:center}.section-head h2{margin-bottom:8px}.section-head p{margin:0}.section-head>div{min-width:0}.split{gap:38px}.detail{gap:32px}.cards{gap:18px}.service-card .inside{padding:22px}.service-card .inside h3{margin:0 0 12px}.service-card img{height:200px}.service-card{box-shadow:0 10px 28px #00000017}.service-card:hover{box-shadow:0 22px 55px #008cff20}.gallery{gap:16px}.panel{padding:24px}.split>img{height:410px}.detail>img{height:390px}.section>.wrap>h2:first-child{margin-top:0}.section>.wrap>p:first-child{margin-top:0}.section+.section{border-top:1px solid #ffffff09}.light+.section,.section+.light{border-top:0}
.premium-band{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(115deg,#0b3761,#116da7 50%,#081c34)}.premium-band:before{content:"";position:absolute;right:8%;top:-85px;width:280px;height:280px;border-radius:50%;border:1px solid #ffffff3a;box-shadow:0 0 0 42px #ffffff08,0 0 0 84px #ffffff05;pointer-events:none}.premium-band>.wrap{position:relative;z-index:1}
.reveal-infinity{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}.reveal-infinity.visible{opacity:1;transform:translateY(0)}.cards>.reveal-infinity:nth-child(2),.gallery>.reveal-infinity:nth-child(2){transition-delay:.08s}.cards>.reveal-infinity:nth-child(3),.gallery>.reveal-infinity:nth-child(3){transition-delay:.16s}
@media(max-width:950px){.page-hero-art .orbit{right:-100px}.page-hero-art .orbit-two{right:-55px}.page-hero-art .orbit-three{right:-5px}.split{gap:26px}.detail{gap:26px}}
@media(max-width:620px){.page-hero.premium-page-hero{min-height:280px;padding:48px 0 45px}.page-hero-art{opacity:.45}.page-hero-art .orbit{right:-185px}.page-hero-art .orbit-two{right:-140px}.page-hero-art .orbit-three{right:-90px}.section{padding-block:50px}.section-sm{padding-block:42px}.section-head{margin-bottom:22px}.service-card img{height:195px}.split>img,.detail>img{height:290px}.premium-band:before{right:-170px}}
@media(prefers-reduced-motion:reduce){.page-hero-art .orbit{animation:none}.reveal-infinity{opacity:1;transform:none;transition:none}}

/* Slider correction: slides fill entire hero; no fallback camera peeking below */
.hero{background:#07101b!important;min-height:620px}
.hero-slides{inset:0;overflow:hidden;z-index:0}
.hero-slide{inset:0;background-repeat:no-repeat;background-size:cover;background-position:center center}
.hero:before{z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(3,10,19,.78) 0%,rgba(3,10,19,.46) 55%,rgba(3,10,19,.06) 100%)}
.hero .wrap{z-index:3}
@media(max-width:700px){.hero{min-height:570px}.hero-slide{background-position:65% center}.hero:before{background:linear-gradient(90deg,rgba(3,10,19,.85),rgba(3,10,19,.52))}}
