@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--navy:#082744;--navy2:#0c3559;--blue:#0878e8;--cyan:#31b9f2;--ink:#132b45;--muted:#62758a;--pale:#eef6ff;--line:#dce7f2;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);line-height:1.6}a{color:inherit;text-decoration:none}.container{width:min(1160px,92%);margin:auto}.topbar{background:#061d32;color:#e9f3ff;font-size:12px}.topbar-inner{display:flex;gap:26px;align-items:center;min-height:36px}.topbar a{color:#fff}.top-note{margin-left:auto}.site-header{background:#fff;position:sticky;top:0;z-index:10;box-shadow:0 4px 18px #0827440d}.nav-wrap{display:flex;align-items:center;justify-content:space-between;min-height:82px;gap:24px}.brand{display:flex;align-items:center;gap:10px;color:var(--navy);min-width:max-content}.brand-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:14px 5px 14px 5px;background:linear-gradient(140deg,var(--cyan),var(--blue));color:white;font-size:30px;font-weight:800;font-style:italic;box-shadow:0 8px 18px #0878e82a}.brand-text{display:flex;flex-direction:column;line-height:1.2}.brand-text strong{font-size:26px;letter-spacing:-1px}.brand-text small{font-size:8px;letter-spacing:1.05px;font-weight:700;margin-top:4px;color:var(--muted)}nav{display:flex;align-items:center;gap:27px;font-size:13px;font-weight:650}nav>a:not(.nav-cta):hover,.text-link:hover{color:var(--blue)}.nav-cta{background:var(--blue);color:#fff;padding:12px 18px;border-radius:25px;box-shadow:0 8px 20px #0878e82b}.menu-toggle{display:none;border:0;background:var(--pale);border-radius:8px;padding:9px 12px;font-size:22px;color:var(--navy)}
.hero{background:radial-gradient(ellipse at 78% 45%,#105a8e 0,#0b3a60 29%,#071f36 72%);color:#fff;overflow:hidden;position:relative}.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;min-height:475px;align-items:center;gap:20px}.hero-copy{padding:60px 0;position:relative;z-index:2}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:800;color:var(--blue);margin:0 0 10px}.hero .eyebrow{color:#4cc7ff}.hero h1{font-size:clamp(36px,4vw,54px);line-height:1.11;letter-spacing:-2px;margin:0 0 20px}.hero h1 span{color:#70d0ff}.hero-lead{max-width:540px;color:#d7e8f8;font-size:16px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0 20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:28px;padding:13px 22px;font:700 13px Inter,Arial,sans-serif;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(120deg,#0787f7,#0964d4);color:#fff;box-shadow:0 8px 22px #0075e333}.btn-outline{border:1px solid #9bb9d5;color:#fff}.hero-trust{display:flex;flex-wrap:wrap;gap:15px;color:#c4dbef;font-size:10px}.hero-art{height:385px;position:relative;isolation:isolate}.glow{position:absolute;width:310px;height:310px;border-radius:50%;background:#0689ff35;filter:blur(45px);top:25px;left:20%}.server{position:absolute;bottom:62px;width:110px;height:220px;background:linear-gradient(90deg,#07111e,#142d43 55%,#06111f);border:1px solid #36759a;box-shadow:18px 18px 45px #0007;border-radius:5px;padding:18px 10px;display:flex;flex-direction:column;gap:13px}.server-one{left:17%;height:245px}.server-two{left:40%;height:280px}.server i{height:27px;border:1px solid #285674;background:linear-gradient(90deg,#112b40,#061321);border-radius:3px;position:relative}.server i:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#28d9c4;right:8px;top:9px;box-shadow:-12px 0 #1689ff}.monitor{position:absolute;z-index:2;bottom:54px;right:1%;width:235px}.screen{height:148px;border:7px solid #172b3c;border-bottom-width:12px;border-radius:8px;background:linear-gradient(140deg,#063a78,#0877db 50%,#081f48);box-shadow:0 12px 35px #0008;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.screen b{font-size:45px}.screen span{font-size:12px;font-weight:800;letter-spacing:2px}.screen small{font-size:7px;letter-spacing:1px;color:#9cdbff}.stand{width:80px;height:32px;border-bottom:7px solid #182b3c;border-left:16px solid transparent;border-right:16px solid transparent;margin:auto}.camera{position:absolute;right:3%;top:55px;width:108px;height:45px;border-radius:8px 17px 17px 8px;background:linear-gradient(#f8fcff,#9bb9d0);transform:rotate(-13deg);box-shadow:0 8px 20px #0005}.camera:before{content:"";position:absolute;left:-25px;top:8px;width:35px;height:29px;border-radius:8px;background:#dce8f2}.camera span{position:absolute;right:12px;top:9px;width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#4bb5ff,#071b31 45%,#02080f 68%);border:4px solid #637b91}.camera i{position:absolute;width:28px;height:12px;background:#9db8ce;left:5px;bottom:-12px;transform:rotate(18deg)}.network-lines{position:absolute;inset:0;background:linear-gradient(120deg,transparent 48%,#4dc7ff18 48.2%,transparent 48.6%),linear-gradient(25deg,transparent 56%,#4dc7ff20 56.2%,transparent 56.6%);z-index:-1}.art-label{position:absolute;right:2%;bottom:20px;font-size:9px;letter-spacing:2px;color:#89c7ee}
.benefits{background:#f8fbff;border-bottom:1px solid var(--line)}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:23px 0;gap:20px}.benefit-grid>div{display:flex;gap:13px;align-items:center;border-right:1px solid var(--line)}.benefit-grid>div:last-child{border:0}.benefit-icon{font-size:30px;color:var(--blue);width:40px;text-align:center}.benefit-grid strong,.benefit-grid small{display:block}.benefit-grid strong{font-size:12px}.benefit-grid small{font-size:10px;color:var(--muted);margin-top:3px}
.section{padding:74px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:27px}.section-heading h2,.business-band h2,.contact-copy h2{font-size:clamp(27px,3vw,37px);letter-spacing:-1.2px;line-height:1.2;margin:0 0 9px;color:var(--navy)}.section-heading p:not(.eyebrow){margin:0;color:var(--muted);font-size:14px}.text-link{font-size:12px;font-weight:750;color:var(--blue);white-space:nowrap;margin-bottom:7px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 8px 24px #0c355908;transition:transform .2s,box-shadow .2s}.service-card:hover{transform:translateY(-4px);box-shadow:0 14px 28px #0c355916}.card-visual{height:135px;display:grid;place-items:center;position:relative;overflow:hidden}.card-visual:before,.card-visual:after{content:"";position:absolute;border:1px solid #ffffff36;transform:rotate(30deg);width:170px;height:170px;border-radius:30px}.card-visual:after{width:110px;height:110px;transform:rotate(60deg)}.card-visual span{font-size:48px;color:#fff;font-weight:800;z-index:1;text-shadow:0 4px 15px #001d3b70}.software{background:linear-gradient(135deg,#102d51,#087fdb)}.hosting{background:linear-gradient(135deg,#1760a0,#42b8f0)}.hardware{background:linear-gradient(135deg,#263c56,#8199ad)}.cctv{background:linear-gradient(135deg,#182c4b,#657da6)}.maintenance{background:linear-gradient(135deg,#153b59,#e58c38)}.network{background:linear-gradient(135deg,#0d4a72,#16a9a3)}.card-body{padding:19px}.card-body h3{font-size:16px;margin:0 0 8px;color:var(--navy)}.card-body p{font-size:12px;color:var(--muted);margin:0 0 15px;min-height:58px}.card-body a{font-size:11px;font-weight:750;color:var(--blue)}
.business-band{background:linear-gradient(110deg,#e8f4ff,#f8fbff);padding:54px 0;border-top:1px solid #e1effc;border-bottom:1px solid #e1effc}.band-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.business-band h2{font-size:35px}.business-band p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:490px;margin-bottom:22px}.mini-services{display:grid;grid-template-columns:1fr 1fr;gap:24px}.mini-services>div{display:flex;gap:13px;align-items:flex-start}.mini-services b{color:var(--blue);font-size:12px;background:white;border:1px solid var(--line);padding:7px 9px;border-radius:8px}.mini-services strong,.mini-services small{display:block}.mini-services strong{font-size:12px}.mini-services small{font-size:10px;color:var(--muted);margin-top:4px}.products{padding-bottom:65px}.product-list{display:flex;flex-wrap:wrap;gap:11px}.product-list span{border:1px solid var(--line);background:#fff;padding:11px 16px;border-radius:8px;font-size:12px;font-weight:650;color:#35516c}.small-note{font-size:11px;color:var(--muted);margin-top:18px}
.contact-section{background:#f4f8fc;padding:75px 0}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}.contact-copy>p:not(.eyebrow){color:var(--muted);font-size:14px;max-width:420px}.contact-detail{display:flex;gap:13px;margin-top:22px;align-items:flex-start}.contact-detail>span{display:grid;place-items:center;background:#e0efff;color:var(--blue);width:39px;height:39px;border-radius:10px;font-size:18px}.contact-detail strong,.contact-detail a,.contact-detail div>span{display:block;font-size:12px}.contact-detail a,.contact-detail div>span{color:var(--muted);margin-top:3px}.contact-form{background:#fff;border:1px solid var(--line);border-radius:15px;padding:28px;box-shadow:0 12px 32px #092e4d0b}.contact-form h3{font-size:20px;margin:0 0 18px;color:var(--navy)}.contact-form label{display:block;font-size:11px;font-weight:750;margin:13px 0 6px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid #d5e1ed;border-radius:8px;padding:12px 13px;font:13px Inter,Arial,sans-serif;color:var(--ink);background:#fff;outline:none}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #0878e815}.contact-form textarea{resize:vertical}.form-submit{width:100%;margin-top:17px}.form-hint{font-size:10px;color:var(--muted);text-align:center;margin:10px 0 0}
.footer{background:#061d32;color:#dceafa;padding:45px 0 0}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:35px;padding-bottom:35px}.brand-light{color:#fff}.brand-light .brand-text small{color:#a9c2d8}.footer-brand p{font-size:11px;color:#a9c2d8;max-width:260px;margin-top:16px}.footer h4{font-size:12px;margin:3px 0 14px;color:#fff}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:9px}.footer-grid>div>a,.footer-grid>div>span{font-size:11px;color:#a9c2d8}.footer-grid a:hover{color:#fff}.footer-bottom{border-top:1px solid #ffffff22;display:flex;justify-content:space-between;gap:15px;padding:16px 0;font-size:10px;color:#9cb4c9}
@media(max-width:900px){nav{gap:15px}.hero-grid{grid-template-columns:1fr .8fr}.hero-art{transform:scale(.86);transform-origin:center right;margin-left:-30px}.hero h1{font-size:42px}.benefit-grid{grid-template-columns:repeat(2,1fr)}.benefit-grid>div:nth-child(2){border:0}.cards{grid-template-columns:repeat(2,1fr)}.band-grid{gap:35px}.contact-grid{gap:35px}}
@media(max-width:680px){.topbar-inner{gap:12px;flex-wrap:wrap;padding:8px 0}.top-note{display:none}.nav-wrap{min-height:72px}.brand-mark{width:42px;height:42px;font-size:26px}.brand-text strong{font-size:23px}.brand-text small{font-size:7px;letter-spacing:.6px}.menu-toggle{display:block}nav{display:none;position:absolute;top:72px;left:0;right:0;background:white;box-shadow:0 12px 20px #08274417;padding:18px 5%;align-items:stretch;flex-direction:column;gap:0}nav.open{display:flex}nav a{padding:12px 0}nav .nav-cta{text-align:center;margin-top:8px}.hero-grid{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:48px 0 10px}.hero h1{font-size:39px}.hero-lead{font-size:14px}.hero-art{height:270px;transform:none;margin:0 -2%;width:104%}.server{bottom:42px;transform:scale(.75);transform-origin:bottom left}.server-one{left:9%;height:225px}.server-two{left:31%;height:260px}.monitor{width:180px;right:3%;bottom:38px}.screen{height:115px}.screen b{font-size:32px}.camera{transform:scale(.8) rotate(-13deg);right:0;top:18px}.art-label{bottom:10px;font-size:7px}.hero-trust{font-size:9px;gap:8px}.benefit-grid{gap:16px;padding:20px 0}.benefit-grid>div{border:0!important;gap:8px}.benefit-icon{font-size:25px;width:30px}.benefit-grid strong{font-size:11px}.benefit-grid small{font-size:9px}.section{padding:53px 0}.section-heading{align-items:flex-start;flex-direction:column;gap:10px}.cards{grid-template-columns:1fr;gap:14px}.card-visual{height:120px}.card-body p{min-height:0}.band-grid,.contact-grid{grid-template-columns:1fr;gap:30px}.business-band{padding:45px 0}.business-band h2{font-size:30px}.mini-services{gap:18px}.contact-section{padding:50px 0}.contact-form{padding:21px}.footer-grid{grid-template-columns:1fr 1fr;gap:28px 20px}.footer-brand{grid-column:1/-1}.footer-bottom{font-size:9px}}