*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Inter',Segoe UI,Arial,sans-serif;background:#f7f9fc;color:#08142d}.container{max-width:1180px;margin:auto;padding:0 22px}.header{position:sticky;top:0;background:#fff;z-index:99;box-shadow:0 12px 30px #07122d14}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 22px}.brand{background:#fff;border-radius:18px;padding:8px 18px;box-shadow:0 10px 25px #0a1e5014;display:flex;align-items:center}.brand img{height:90px;display:block}.menu{display:flex;gap:24px;align-items:center}.menu a{text-decoration:none;color:#08142d;font-weight:800;letter-spacing:-.015em}.topbtn,.btn{border-radius:14px;padding:14px 22px;text-decoration:none;font-weight:900;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.topbtn,.primary{background:#0b55ff;color:#fff;box-shadow:0 14px 28px #0b55ff44}.hero{background:radial-gradient(circle at 15% 25%,#195aff66,transparent 32%),linear-gradient(135deg,#061126,#0b1f4d);color:#fff;min-height:720px;display:flex;align-items:center;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#061126 0%,#061126aa 50%,#061126 100%);opacity:.4}.hero-grid{display:grid;grid-template-columns:1fr .95fr;gap:45px;align-items:center;position:relative;z-index:1}.tag{display:inline-block;text-transform:uppercase;letter-spacing:.2em;font-size:12px;font-weight:900;color:#8bb6ff;margin-bottom:14px}.blue{color:#0b55ff}.hero h1{font-size:58px;line-height:1.04;margin:0 0 22px;letter-spacing:-.045em;font-weight:900}.hero p{font-size:20px;line-height:1.7;color:#dbe7ff}.actions{display:flex;gap:14px;flex-wrap:wrap}.ghost{color:#fff;border:1px solid #ffffff33;background:#ffffff14}.hero-img{border-radius:28px;overflow:hidden;box-shadow:0 28px 80px #0008;border:1px solid #ffffff22}.hero-img img{width:100%;height:560px;object-fit:cover;display:block}.stats{background:#fff}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:28px 22px}.stats strong{font-size:34px;color:#0b55ff;display:block}.stats span{font-weight:800;color:#59677c}.section{padding:92px 0}.head{text-align:center;max-width:820px;margin:0 auto 42px}.head h2,.about h2,.contact h2{font-size:42px;line-height:1.12;margin:0;color:#061126;font-weight:850;letter-spacing:-.035em}.sub{color:#5a6880;font-size:18px;line-height:1.7}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.services article{background:#fff;border:1px solid #e8eef8;border-radius:22px;padding:28px;box-shadow:0 18px 40px #08143212;transition:.25s}.services article:hover{transform:translateY(-6px);box-shadow:0 24px 55px #08143222}.services .service-icon{height:56px;width:56px;border-radius:18px;background:linear-gradient(135deg,#0b55ff,#062b78);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 14px 28px #0b55ff2f}.service-icon svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.services h3{margin:18px 0 10px;font-weight:850;letter-spacing:-.02em;color:#061126}.services p,.about p,.contact p{color:#5a6880;line-height:1.7;font-weight:500}.showcase{background:#061126;padding:92px 0;color:#fff}.light h2{color:#fff}.gallery{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:22px}.gallery article{position:relative;min-height:430px;border-radius:26px;overflow:hidden;box-shadow:0 20px 60px #0006}.gallery .wide{grid-row:span 2}.gallery img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.gallery article:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,#000d)}.gallery div{position:absolute;left:24px;right:24px;bottom:24px;z-index:1}.gallery h3{font-size:28px;margin:0 0 8px}.brands{background:#fff;padding:92px 0}.brand-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.brand-card{height:130px;border:1px solid #e3eaf6;border-radius:22px;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 16px 35px #08143210;transition:.25s;padding:24px;position:relative;overflow:hidden}.brand-card:hover{transform:translateY(-6px);box-shadow:0 24px 55px #08143222}.brand-card img{max-width:100%;max-height:76px;object-fit:contain;transition:.25s}.brand-card:hover img{transform:scale(1.04)}.brand-card.featured{border-color:#ffb3ad;background:linear-gradient(145deg,#fff,#fff5f4)}.about{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center}.about p{font-size:18px}.about li{margin:12px 0;font-weight:800}.logo-panel{background:linear-gradient(145deg,#fff,#edf4ff);border:1px solid #e2ebfb;border-radius:28px;padding:36px;text-align:center;box-shadow:0 20px 55px #0814321a}.logo-panel img{max-width:390px;width:100%;background:white;border-radius:20px;padding:18px}.logo-panel p{font-weight:900;color:#0b1f4d}.cta{padding:0 0 92px}.ctabox{background:linear-gradient(135deg,#071a3d,#0b55ff);border-radius:28px;padding:42px;display:flex;align-items:center;justify-content:space-between;gap:30px;color:#fff;box-shadow:0 24px 60px #0b55ff33}.ctabox h2{font-size:34px;margin:0}.ctabox p{color:#dbe7ff}.contact{background:#fff}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;align-items:start}.contact-card{background:#f6f9ff;border:1px solid #e1eafa;padding:30px;border-radius:24px;box-shadow:0 16px 35px #08143210}.contact-card h3{font-size:28px;margin:0 0 14px;color:#061126;font-weight:850;letter-spacing:-.025em}.contact-card p{font-size:18px;margin:0 0 20px}.contact-buttons{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:14px}.emailbtn{background:#fff;color:#0b55ff;border:1px solid #c9d8ff;box-shadow:0 10px 22px #08143212}.contact-card small{display:block;color:#5a6880;line-height:1.5}.contact p{font-size:17px}footer{background:#040b18;color:#cbd8ee;padding:38px 0}.foot{display:flex;align-items:center;gap:28px}.foot img{width:180px;background:#fff;border-radius:18px;padding:12px}.floating{position:fixed;right:22px;width:62px;height:62px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:0 16px 30px #0005;z-index:999;transition:.2s}.floating svg{width:36px;height:36px}.floating:hover{transform:scale(1.08)}.whatsapp{bottom:22px;background:#25d366;animation:pulse 1.8s infinite}.instagram{bottom:94px;background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%)}@keyframes pulse{0%{box-shadow:0 0 0 0 #25d36688,0 16px 30px #0005}70%{box-shadow:0 0 0 16px #25d36600,0 16px 30px #0005}100%{box-shadow:0 0 0 0 #25d36600,0 16px 30px #0005}}@media(max-width:980px){.menu,.topbtn{display:none}.brand img{height:76px}.hero{min-height:auto;padding:60px 0}.hero-grid,.about,.contact-grid{grid-template-columns:1fr}.hero h1{font-size:42px}.hero-img img{height:auto}.stats-grid{grid-template-columns:repeat(2,1fr)}.services{grid-template-columns:1fr}.gallery{grid-template-columns:1fr}.gallery article,.gallery .wide{min-height:420px}.brand-grid{grid-template-columns:repeat(2,1fr)}.ctabox,.foot{flex-direction:column;align-items:flex-start}.foot{text-align:left}.contact-buttons{flex-direction:column}.contact-buttons .btn{width:100%}}@media(max-width:540px){.brand{padding:8px 12px}.brand img{height:68px}.hero h1{font-size:34px}.head h2,.about h2,.contact h2{font-size:31px}.hero-img{display:none}.stats-grid,.brand-grid{grid-template-columns:1fr}.floating{width:58px;height:58px}.floating svg{width:32px;height:32px}.instagram{bottom:88px}}

.service-images-section{
  background:linear-gradient(180deg,#f7f9fc,#ffffff);
  padding:92px 0;
}
.service-image-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:26px;
  align-items:stretch;
}
.service-image-card{
  background:#fff;
  border:1px solid #e3eaf6;
  border-radius:28px;
  overflow:hidden;
  box-shadow:0 24px 60px rgba(8,20,50,.14);
  transition:.25s;
}
.service-image-card:hover{
  transform:translateY(-6px);
  box-shadow:0 30px 75px rgba(8,20,50,.20);
}
.service-image-card img{
  width:100%;
  height:100%;
  min-height:420px;
  object-fit:cover;
  display:block;
}
@media(max-width:980px){
  .service-image-grid{grid-template-columns:1fr}
  .service-image-card img{min-height:auto}
}


.hero{min-height:760px;background:radial-gradient(circle at 18% 25%,rgba(11,85,255,.45),transparent 34%),radial-gradient(circle at 82% 55%,rgba(71,145,255,.20),transparent 30%),linear-gradient(135deg,#040b18 0%,#061126 45%,#0b1f4d 100%)!important}.hero-copy{max-width:650px}.tech-orbit{position:relative;width:min(520px,100%);aspect-ratio:1/1;margin:auto;border-radius:50%;isolation:isolate;filter:drop-shadow(0 32px 70px rgba(0,0,0,.35))}.tech-orbit:before{content:"";position:absolute;inset:6%;border-radius:50%;background:radial-gradient(circle at center,rgba(11,85,255,.22) 0 18%,transparent 19%),repeating-radial-gradient(circle at center,rgba(139,182,255,.18) 0 1px,transparent 1px 58px);animation:pulseCore 3.2s ease-in-out infinite}.orbit-ring{position:absolute;inset:8%;border-radius:50%;border:1px solid rgba(139,182,255,.34)}.ring-one{animation:spin 18s linear infinite}.ring-two{inset:17%;transform:rotate(30deg);border-style:dashed;animation:spinReverse 24s linear infinite}.ring-three{inset:27%;transform:rotate(-18deg);border-color:rgba(255,255,255,.22);animation:spin 30s linear infinite}.core-logo{position:absolute;inset:32%;z-index:3;border-radius:50%;background:rgba(255,255,255,.96);display:flex;align-items:center;justify-content:center;box-shadow:0 22px 60px rgba(0,0,0,.35),inset 0 0 35px rgba(11,85,255,.12);padding:18px}.core-logo img{width:100%;height:auto}.orbit-node{position:absolute;z-index:4;width:112px;height:112px;border-radius:28px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(12px);display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;color:#fff;box-shadow:0 20px 45px rgba(0,0,0,.28)}.orbit-node svg{width:34px;height:34px;fill:none;stroke:#8bb6ff;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.orbit-node span{font-size:13px;font-weight:900}.node-cctv{top:3%;left:50%;transform:translateX(-50%)}.node-access{right:0;top:34%}.node-network{right:17%;bottom:3%}.node-firewall{left:17%;bottom:3%}.node-support{left:0;top:34%}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinReverse{to{transform:rotate(-360deg)}}@keyframes pulseCore{50%{opacity:.75;transform:scale(.985)}}
img{max-width:100%;height:auto}.featured-services-grid{display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:22px!important}.featured-service-card{position:relative!important;min-height:360px!important;border-radius:28px!important;overflow:hidden!important;background:#061126!important;border:1px solid #e3eaf6!important;box-shadow:0 24px 60px rgba(8,20,50,.16)!important}.featured-service-card.large{grid-column:span 3!important;min-height:520px!important}.featured-service-card.wide,.featured-service-card:not(.large):not(.wide){grid-column:span 3!important;min-height:420px!important}.featured-service-card img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}.featured-service-card:after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(4,11,24,0) 35%,rgba(4,11,24,.88) 100%)!important}.featured-service-card div{position:absolute!important;left:24px!important;right:24px!important;bottom:24px!important;z-index:2!important}.featured-service-card span{color:#8bb6ff!important;font-size:12px!important;letter-spacing:.18em!important;text-transform:uppercase!important;font-weight:900!important}.featured-service-card h3{margin:0!important;color:#fff!important;font-size:28px!important;line-height:1.08!important}
.sectors{background:#f7f9fc}.sector-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.sector-grid article{background:#fff;border:1px solid #e3eaf6;border-radius:22px;padding:26px;box-shadow:0 16px 35px rgba(8,20,50,.10)}.sector-icon{display:flex;width:56px;height:56px;align-items:center;justify-content:center;border-radius:18px;background:linear-gradient(135deg,#0b55ff,#062b78);color:#fff;margin-bottom:16px;box-shadow:0 14px 28px rgba(11,85,255,.18)}.sector-icon svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sector-grid h3{margin:0 0 10px;color:#061126;font-size:19px}.sector-grid p{margin:0;color:#5a6880;line-height:1.6;font-weight:500}
.why-aegis{background:#fff}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.why-grid article{background:linear-gradient(145deg,#fff,#f4f8ff);border:1px solid #e3eaf6;border-radius:24px;padding:28px;box-shadow:0 18px 40px rgba(8,20,50,.10)}.why-grid strong{color:#0b55ff;font-size:15px;letter-spacing:.18em}.why-grid h3{color:#061126;font-size:22px;margin:16px 0 10px}.why-grid p{margin:0;color:#5a6880;line-height:1.65;font-weight:500}
.floating,.whatsapp.floating,.instagram.floating{display:none!important}.social-floating{position:fixed!important;right:22px!important;bottom:22px!important;display:flex!important;flex-direction:column!important;gap:14px!important;z-index:99999!important}.social-btn{width:62px!important;height:62px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;text-decoration:none!important;box-shadow:0 16px 30px rgba(0,0,0,.35)!important}.social-btn svg{width:36px!important;height:36px!important}.social-btn.instagram{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%)!important}.social-btn.whatsapp{background:#25d366!important}
@media(max-width:980px){.tech-orbit{width:min(430px,100%);margin-top:20px}.hero-grid{grid-template-columns:1fr!important}.orbit-node{width:92px;height:92px}.featured-services-grid{grid-template-columns:1fr!important}.featured-service-card,.featured-service-card.large,.featured-service-card.wide,.featured-service-card:not(.large):not(.wide){grid-column:auto!important;min-height:380px!important}.why-grid,.sector-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.tech-orbit{width:min(330px,100%)}.core-logo{inset:34%;padding:10px}.orbit-node{width:76px;height:76px}.orbit-node svg{width:25px;height:25px}.orbit-node span{font-size:10px}.featured-service-card,.featured-service-card.large,.featured-service-card.wide,.featured-service-card:not(.large):not(.wide){min-height:320px!important}.why-grid,.sector-grid{grid-template-columns:1fr}.social-floating{right:16px!important;bottom:16px!important}.social-btn{width:56px!important;height:56px!important}.social-btn svg{width:32px!important;height:32px!important}}


/* ===== AEGIS PREMIUM V4 ===== */
img{max-width:100%;height:auto}.hero{position:relative;overflow:hidden;min-height:760px!important;background:radial-gradient(circle at 20% 20%,rgba(11,85,255,.38),transparent 30%),radial-gradient(circle at 80% 56%,rgba(36,129,255,.20),transparent 34%),linear-gradient(135deg,#030711 0%,#061126 50%,#0a1d48 100%)!important}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(139,182,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(139,182,255,.06) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(180deg,transparent,#000 20%,#000 80%,transparent)}.hero-grid{position:relative;z-index:2}.hero h1{font-size:58px!important;line-height:1.03!important;letter-spacing:-.055em!important;font-weight:900!important}.aegis-nucleus{position:relative;width:min(560px,100%);aspect-ratio:1/1;margin:auto;isolation:isolate}.nucleus-glow{position:absolute;inset:16%;border-radius:50%;background:radial-gradient(circle,rgba(11,85,255,.34),transparent 68%);filter:blur(10px);animation:softPulse 4s ease-in-out infinite}.nucleus-ring{position:absolute;border-radius:50%;border:1px solid rgba(48,139,255,.35);box-shadow:0 0 26px rgba(11,85,255,.16)}.ring-a{inset:4%;animation:spin 28s linear infinite}.ring-b{inset:12%;border-style:dashed;animation:spinReverse 36s linear infinite}.ring-c{inset:22%;border-color:rgba(255,255,255,.20);animation:spin 48s linear infinite}.ring-d{inset:31%;border-color:rgba(11,85,255,.48);animation:spinReverse 55s linear infinite}.nucleus-logo{position:absolute;inset:27%;z-index:5;display:flex;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.08),rgba(255,255,255,.02));border:1px solid rgba(139,182,255,.22);box-shadow:inset 0 0 60px rgba(11,85,255,.13),0 0 55px rgba(11,85,255,.28);animation:logoFloat 6s ease-in-out infinite}.nucleus-logo img{width:126%;max-width:none;filter:drop-shadow(0 0 18px rgba(0,102,255,.55)) drop-shadow(0 0 40px rgba(0,102,255,.25))}.abstract-node{position:absolute;width:12px;height:12px;border-radius:50%;background:#5ca2ff;box-shadow:0 0 20px #2382ff,0 0 44px rgba(35,130,255,.45);z-index:3}.node-1{top:3%;left:50%}.node-2{top:50%;right:3%}.node-3{bottom:3%;left:50%}.node-4{top:50%;left:3%}.node-5{top:18%;right:18%}.node-6{bottom:18%;left:18%}.hex{position:absolute;width:64px;height:64px;border:1px solid rgba(91,162,255,.25);clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);z-index:1}.hex-1{top:10%;left:12%;animation:floatOne 7s ease-in-out infinite}.hex-2{right:5%;bottom:18%;animation:floatOne 8s ease-in-out infinite reverse}.hex-3{left:8%;bottom:8%;width:42px;height:42px;animation:floatOne 6s ease-in-out infinite}.circuit-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(65,148,255,.55),transparent);z-index:0}.line-1{top:24%;left:-8%;width:44%;transform:rotate(8deg)}.line-2{top:36%;right:-12%;width:48%;transform:rotate(-8deg)}.line-3{bottom:25%;left:-6%;width:50%;transform:rotate(-10deg)}.line-4{bottom:36%;right:-8%;width:42%;transform:rotate(10deg)}@keyframes softPulse{50%{opacity:.72;transform:scale(.96)}}@keyframes floatOne{50%{transform:translateY(-12px) rotate(8deg)}}@keyframes logoFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.015)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinReverse{to{transform:rotate(-360deg)}}
.brand-card img{filter:grayscale(100%);opacity:.78;transition:.25s}.brand-card:hover img{filter:grayscale(0);opacity:1;transform:scale(1.04)}.featured-service-card{position:relative!important;overflow:hidden!important}.featured-service-card img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important}.featured-service-card:after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(4,11,24,0) 35%,rgba(4,11,24,.9) 100%)!important}.featured-service-card div{position:absolute!important;left:24px!important;right:24px!important;bottom:24px!important;z-index:2!important}.featured-service-card h3{color:#fff!important}.social-floating{position:fixed!important;right:22px!important;bottom:22px!important;display:flex!important;flex-direction:column!important;gap:14px!important;z-index:99999!important}.social-btn{width:62px!important;height:62px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;text-decoration:none!important;box-shadow:0 16px 30px rgba(0,0,0,.35)!important}.social-btn svg{width:36px!important;height:36px!important}.social-btn.instagram{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%)!important}.social-btn.whatsapp{background:#25d366!important}@media(max-width:980px){.hero-grid{grid-template-columns:1fr!important}.aegis-nucleus{width:min(420px,100%)}.hero h1{font-size:42px!important}}@media(max-width:540px){.aegis-nucleus{width:min(330px,100%)}.nucleus-logo{inset:26%}.hero h1{font-size:34px!important}.social-floating{right:16px!important;bottom:16px!important}.social-btn{width:56px!important;height:56px!important}.social-btn svg{width:32px!important;height:32px!important}}