:root{--bg:#060b16;--panel:#0a1220;--panel2:#0d1726;--text:#f1f6fb;--muted:#94a3b8;--cyan:#08d5eb;--cyan2:#0aa7bd;--line:rgba(70,198,220,.20);--amber:#f0a500}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Cairo,Inter,sans-serif;line-height:1.8;overflow-x:hidden}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{position:fixed;inset:0 0 auto;z-index:20;padding:18px 0;transition:.3s;border-bottom:1px solid transparent}.site-header.scrolled{background:rgba(6,11,22,.94);backdrop-filter:blur(14px);padding:10px 0;border-color:var(--line)}.nav-wrap,.site-header nav,.brand,.actions,.langs{display:flex;align-items:center}.nav-wrap{justify-content:space-between}.brand{direction:ltr;gap:10px;color:#fff;text-decoration:none;font-family:Inter,sans-serif;font-weight:700;letter-spacing:2px}.brand img{width:44px;height:44px;object-fit:contain}.brand b{color:var(--cyan)}.site-header nav{gap:25px}.site-header nav>a:not(.outline-btn){color:#a9b6c8;text-decoration:none;font-size:13px;letter-spacing:.5px}.site-header nav>a:hover{color:var(--cyan)}.langs{direction:ltr;border:1px solid var(--line)}.langs button{border:0;background:transparent;color:#8090a4;padding:7px 9px;font:11px Inter;cursor:pointer}.langs .active{background:var(--cyan);color:#021019}.outline-btn,.primary-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid rgba(8,213,235,.45);color:#fff;padding:11px 22px;background:transparent;font:600 13px Cairo;cursor:pointer;transition:.25s}.outline-btn:hover{background:rgba(8,213,235,.08);border-color:var(--cyan)}.primary-btn{background:var(--cyan);color:#021017;border-color:var(--cyan)}.primary-btn:hover{background:#fff;border-color:#fff}.menu{display:none;background:none;border:0;color:white;font-size:25px}.hero{height:820px;min-height:100vh;position:relative;display:flex;align-items:center;background:linear-gradient(90deg,rgba(6,11,22,.48),rgba(6,11,22,.95)),url('assets/hero-bg.png') center/cover no-repeat;border-bottom:1px solid var(--line);overflow:hidden}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--bg),transparent 28%),repeating-linear-gradient(90deg,transparent 0 149px,rgba(16,183,207,.04) 150px)}.hero-content{position:relative;z-index:2;display:grid;grid-template-columns:1fr 240px;align-items:center;gap:50px;padding-top:70px}.hero-copy{max-width:780px}.eyebrow,.kicker{display:inline-flex;align-items:center;color:var(--cyan);font-size:12px;letter-spacing:1px}.eyebrow{border:1px solid var(--line);padding:6px 14px}.eyebrow i,.copyright i{width:8px;height:8px;background:var(--cyan);border-radius:50%;margin-left:10px;box-shadow:0 0 14px var(--cyan)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:72px;line-height:1.32;margin:22px 0;font-weight:800}.hero h1 span,h2 em{font-style:normal;color:var(--cyan)}.hero-copy>p,.lead{color:#aab6c6;font-size:17px;max-width:800px}.actions{gap:20px;margin-top:34px}.signal-card{border-right:2px solid var(--cyan);background:rgba(5,13,25,.88);box-shadow:0 0 50px rgba(0,212,235,.06)}.signal-card div{padding:20px;border-bottom:1px solid var(--line)}.signal-card small,.signal-card strong{display:block}.signal-card small{color:#8a9aaf;font-size:11px}.signal-card strong{color:var(--cyan);font:24px Inter}.signal-card .amber{color:var(--amber)}.stats{border-bottom:1px solid var(--line);background:#070d17}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}.stats-grid div{padding:28px;text-align:center;border-left:1px solid var(--line)}.stats-grid strong,.stats-grid span{display:block}.stats-grid strong{color:var(--cyan);font:700 25px Inter}.stats-grid span{color:#7e8da2;font-size:12px}.section{padding:110px 0;border-bottom:1px solid var(--line)}.shaded,.operations{background:var(--panel)}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:54px}.section h2{font-size:43px;line-height:1.35;margin:10px 0}.section-head p{color:var(--muted);margin:0}.cards{display:grid;gap:20px}.cards.three{grid-template-columns:repeat(3,1fr)}.cards.two{grid-template-columns:1fr 1fr}.feature,.compact{border:1px solid var(--line);padding:32px;background:linear-gradient(145deg,rgba(10,23,38,.8),rgba(5,12,22,.5));transition:.3s}.feature:hover{transform:translateY(-5px);border-color:var(--cyan)}.icon{display:grid;place-items:center;width:52px;height:52px;border:1px solid var(--line);color:var(--cyan);font-size:25px}.feature h3,.service-copy h3{font-size:23px;margin:25px 0 10px}.feature p,.compact p,.service-copy p{color:var(--muted);font-size:14px}.feature small{color:var(--cyan);font:11px Inter;letter-spacing:1px}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.service-card{position:relative;min-height:670px;overflow:hidden;border:1px solid var(--line);background:#06101c}.service-card img{width:100%;height:310px;object-fit:cover;opacity:.75}.service-card:before{content:"";position:absolute;inset:180px 0 auto;height:180px;background:linear-gradient(transparent,#06101c);z-index:1}.service-copy{position:relative;z-index:2;padding:30px}.service-copy ul{list-style:none;padding:0;margin:25px 0}.service-copy li{color:#c3cedb;font-size:13px;padding:8px 22px 8px 0;border-bottom:1px solid rgba(69,196,219,.1);position:relative}.service-copy li:before{content:"+";position:absolute;right:0;color:var(--cyan)}.service-copy a{color:var(--cyan);text-decoration:none;font-size:13px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.mini-list{margin:35px 0}.mini-list>div{display:flex;gap:18px;padding:18px 0;border-top:1px solid var(--line)}.mini-list b{color:var(--cyan);font:13px Inter}.mini-list strong,.mini-list small{display:block}.mini-list small{color:var(--muted);font-size:13px}.network-visual{height:560px;position:relative;border:1px solid var(--line);background:radial-gradient(circle at center,rgba(8,213,235,.14),transparent 42%),linear-gradient(rgba(8,213,235,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(8,213,235,.04) 1px,transparent 1px);background-size:auto,42px 42px,42px 42px;overflow:hidden}.orb{position:absolute;inset:20% 18%;border:1px solid var(--cyan);border-radius:50%;box-shadow:0 0 70px rgba(8,213,235,.24),inset 0 0 60px rgba(8,213,235,.1)}.orb:before,.orb:after{content:"";position:absolute;inset:15%;border:1px dashed rgba(8,213,235,.5);border-radius:50%}.orb:after{inset:38%;background:var(--cyan);box-shadow:0 0 40px var(--cyan)}.terminal{position:absolute;right:30px;left:30px;bottom:30px;padding:16px;background:rgba(4,11,20,.9);border-right:2px solid var(--cyan)}.terminal span,.terminal strong{display:block;font:11px Inter;color:#8090a4}.terminal strong{color:var(--cyan);margin-top:8px}.cyber{background:#050a13}.image-panel{height:520px;position:relative;border:1px solid var(--line);overflow:hidden}.image-panel img{width:100%;height:100%;object-fit:cover;filter:saturate(.7) brightness(.55)}.image-panel span{position:absolute;right:25px;bottom:25px;padding:10px 14px;background:#07101d;border:1px solid var(--line);color:var(--cyan);font-size:11px}.compact{padding:20px}.compact h3{font-size:16px}.compact p{margin:0}.image-panel.tall{height:600px}.contact{text-align:center}.contact>.wrap>.lead{margin:0 auto 55px}.contact-grid{display:grid;grid-template-columns:.75fr 1.25fr;text-align:right;border:1px solid var(--line)}.details{background:#08111e;padding:40px}.details div{padding:20px 0;border-bottom:1px solid var(--line)}.details small,.details strong,.details a{display:block}.details small{color:#708096;font-size:11px}.details strong,.details a{color:#fff;text-decoration:none;font-size:14px}form{padding:40px;background:#060c17}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:block;color:#8795a9;font-size:12px;margin-bottom:18px}input,select,textarea{width:100%;margin-top:6px;padding:13px;border:1px solid var(--line);background:#091321;color:#fff;font:14px Cairo;outline:0}input:focus,select:focus,textarea:focus{border-color:var(--cyan)}textarea{resize:vertical}.form-note{color:#617085;font-size:10px;margin:14px 0 0}.form-success{color:var(--cyan)!important}footer{padding:70px 0 20px;background:#030711}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:55px}.footer-grid p{color:#738196;font-size:13px}.footer-grid h4{color:#fff;margin-top:0}.footer-grid>div:not(:first-child) a{display:block;color:#758399;text-decoration:none;font-size:13px;padding:5px 0}.footer-grid a:hover{color:var(--cyan)}.copyright{border-top:1px solid var(--line);margin-top:50px;padding-top:20px;display:flex;justify-content:space-between;color:#617086;font:11px Inter}.copyright i{display:inline-block;margin:0 0 0 8px}
@media(max-width:900px){.site-header nav{display:none;position:absolute;top:68px;right:20px;left:20px;flex-direction:column;align-items:stretch;background:#07101d;border:1px solid var(--line);padding:20px}.site-header nav.open{display:flex}.menu{display:block}.hero{height:auto;min-height:850px}.hero-content{grid-template-columns:1fr}.hero h1{font-size:54px}.signal-card{display:none}.stats-grid{grid-template-columns:1fr 1fr}.cards.three,.service-grid,.two-col,.section-head,.contact-grid{grid-template-columns:1fr}.two-col{gap:45px}.service-card{min-height:0}.network-visual{height:420px}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.wrap{width:min(100% - 26px,1180px)}.hero h1{font-size:43px}.hero-copy>p,.lead{font-size:15px}.actions{flex-direction:column;align-items:stretch}.stats-grid{grid-template-columns:1fr 1fr}.stats-grid div{padding:20px 8px}.section{padding:75px 0}.section h2{font-size:32px}.cards.three,.cards.two,.form-row,.footer-grid{grid-template-columns:1fr}.section-head{gap:20px}.service-card img{height:240px}.contact-grid form,.details{padding:24px}.copyright{gap:12px;flex-direction:column}.image-panel,.image-panel.tall{height:400px}}

/* AEGISTECH24 brand identity from the supplied logo file */
:root{--bg:#031332;--panel:#061a35;--panel2:#08213d;--cyan:#02c0eb;--cyan2:#087f9d;--line:rgba(2,192,235,.24)}
.site-header.scrolled{background:rgba(3,19,50,.96)}
.brand img{width:52px;height:52px;border-radius:12px}
.brand span{display:flex;flex-direction:column;line-height:1}
.brand small{margin-top:6px;color:#b8c8dc;font-size:7px;font-weight:400;letter-spacing:.2px}
.hero{background:linear-gradient(90deg,rgba(3,19,50,.38),rgba(3,19,50,.95)),url('assets/hero-bg.png') center/cover no-repeat}
.stats{background:#041630}
.feature,.compact{background:linear-gradient(145deg,rgba(8,33,61,.9),rgba(3,19,50,.72))}
.service-card,.service-card:before{background-color:#041731}
.service-card:before{background:linear-gradient(transparent,#041731)}
.cyber{background:#02102a}
.terminal,.image-panel span{background:rgba(3,19,50,.94)}
.details{background:#061a35}
form{background:#041630}
input,select,textarea{background:#08213d}
footer{background:#020d24}
.footer-logo{display:inline-block;width:min(330px,100%);background:#fff;padding:12px 16px;border-radius:8px}
.footer-logo img{display:block;width:100%;height:auto}
@media(max-width:900px){.site-header nav{background:#061a35}}
@media(max-width:560px){.brand span{font-size:14px}.brand small{display:none}.brand img{width:44px;height:44px}}
.service-copy li:before{content:"✓";font-weight:800}
.social-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.social-links a{display:inline-flex!important;align-items:center;justify-content:center;width:auto;padding:8px 14px!important;border:1px solid var(--line);color:var(--cyan)!important;font:600 13px Inter,sans-serif!important;transition:.25s}
.social-links a:hover{background:var(--cyan);color:#031332!important}
html[dir="ltr"] body{font-family:Inter,Cairo,sans-serif}
html[dir="ltr"] .eyebrow i,html[dir="ltr"] .copyright i{margin-left:0;margin-right:10px}
html[dir="ltr"] .signal-card{border-right:0;border-left:2px solid var(--cyan)}
html[dir="ltr"] .service-copy li{padding-right:0;padding-left:22px}
html[dir="ltr"] .service-copy li:before{right:auto;left:0}
main{display:flex;flex-direction:column}.hero{order:1}.stats{order:2}#systems{order:3}#services{order:4}#cameras{order:5}#networks{order:6}#smart-home{order:7}#contact{order:8}
.smart-home-image img{filter:saturate(.85) brightness(.62)}
.facebook-float{position:fixed;left:22px;bottom:22px;z-index:40;display:flex;align-items:center;gap:8px;padding:11px 16px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:#1877f2;color:#fff;text-decoration:none;font:700 14px Inter,sans-serif;box-shadow:0 10px 30px rgba(0,0,0,.35);transition:.25s}
.facebook-float:hover{transform:translateY(-3px);background:#fff;color:#1877f2}
.facebook-float:first-letter{font-size:20px}
.whatsapp-float{position:fixed;left:22px;bottom:78px;z-index:40;display:flex;align-items:center;gap:8px;padding:11px 16px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:#25d366;color:#fff;text-decoration:none;font:700 14px Inter,sans-serif;box-shadow:0 10px 30px rgba(0,0,0,.35);transition:.25s}
.whatsapp-float:hover{transform:translateY(-3px);background:#fff;color:#128c4a}
.whatsapp-float:first-letter{font-size:18px}
@media(max-width:560px){.facebook-float{left:14px;bottom:14px;width:48px;height:48px;padding:0;justify-content:center}.facebook-float span{display:none}.whatsapp-float{left:14px;bottom:70px;width:48px;height:48px;padding:0;justify-content:center}.whatsapp-float span{display:none}}
