:root { --ink: #0b151c; --paper: #f2f1eb; --lime: #c9ff45; --line: #cbd0ca; --muted: #667078; --white: #fbfbf7; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: Arial, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
.site-header { height: 86px; padding: 0 4vw; display: flex; align-items: center; gap: 42px; background: var(--white); border-bottom: 1px solid #dfe2dc; position: relative; z-index: 20; }
.brand { display: inline-flex; align-items: center; gap: 11px; font-weight: 900; font-size: 22px; letter-spacing: -.8px; }
.brand em { color: #5a646c; font-size: 13px; font-style: normal; margin-left: 2px; }
.brand-mark { width: 31px; height: 31px; position: relative; display: inline-block; border: 2px solid var(--ink); }
.brand-mark i { position: absolute; background: var(--ink); width: 5px; height: 5px; border-radius: 50%; }
.brand-mark i:first-child { left: 5px; top: 5px; }.brand-mark i:nth-child(2) { right: 5px; top: 5px; }.brand-mark i:last-child { left: 12px; bottom: 5px; }
.brand-mark:before,.brand-mark:after { content: ""; position: absolute; height: 1px; background: var(--ink); width: 13px; top: 10px; left: 7px; transform: rotate(28deg); }.brand-mark:after { transform: rotate(-55deg); left: 12px; top: 16px; width: 10px; }
.site-header nav { display: flex; gap: 32px; margin-left: auto; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .8px; }
.site-header nav a { transition: color .2s; }.site-header nav a:hover { color: #648600; }
.header-cta { background: var(--ink); color: white; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .7px; padding: 14px 18px; display: inline-flex; gap: 28px; align-items: center; }
.header-cta span { color: var(--lime); font-size: 18px; }

.hero { background: var(--ink); color: white; min-height: calc(100vh - 86px); position: relative; overflow: hidden; display: grid; grid-template-columns: 1.15fr .85fr; padding: 7.5vw 6vw 115px; gap: 4vw; }
.hero:before { content: ""; position: absolute; inset: 0; opacity: .16; background-image: linear-gradient(#70808b 1px, transparent 1px), linear-gradient(90deg,#70808b 1px,transparent 1px); background-size: 76px 76px; mask-image: linear-gradient(to right, #000, transparent 78%); }
.hero:after { content: ""; position: absolute; width: 540px; height: 540px; border: 1px solid #50616b; border-radius: 50%; right: -230px; top: -290px; box-shadow: 0 0 0 70px rgba(90,110,120,.07),0 0 0 140px rgba(90,110,120,.05); }
.hero-copy { position: relative; z-index: 2; }
.eyebrow,.kicker { display: flex; align-items: center; gap: 9px; color: #4a555d; font-size: 11px; font-weight: 800; letter-spacing: 1.7px; text-transform: uppercase; }
.eyebrow { color: #aeb7bc; margin-bottom: 28px; }.eyebrow span { width: 9px; height: 9px; background: var(--lime); box-shadow: 0 0 0 4px rgba(201,255,69,.13); }
h1,h2 { margin: 0; font-weight: 900; letter-spacing: -4px; line-height: .89; }
h1 { font-size: clamp(54px, 7.1vw, 112px); max-width: 880px; } h1 strong,h2 em { color: var(--lime); font-style: normal; }
.hero-lead { font-size: 18px; line-height: 1.55; color: #b6c0c6; max-width: 550px; margin: 34px 0; }
.hero-actions { display: flex; align-items: center; gap: 30px; flex-wrap: wrap; }
.button { display: inline-flex; align-items: center; justify-content: space-between; gap: 35px; padding: 17px 20px; font-size: 12px; font-weight: 900; text-transform: uppercase; letter-spacing: .7px; transition: transform .2s, background .2s; }.button:hover { transform: translateY(-2px); }
.button-primary { color: var(--ink); background: var(--lime); min-width: 245px; }.button-primary:hover { background: #dbff83; }.button span { font-size: 19px; }
.text-link { font-size: 12px; text-transform: uppercase; font-weight: 800; letter-spacing: .7px; border-bottom: 1px solid #52616a; padding: 12px 0; }.text-link span { color: var(--lime); margin-left: 12px; }

.system-card { position: relative; z-index: 2; align-self: center; height: 530px; border: 1px solid #43535d; background: rgba(13,28,37,.72); backdrop-filter: blur(6px); overflow: hidden; }
.system-top,.system-bottom { height: 48px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #43535d; padding: 0 17px; font: 700 10px monospace; letter-spacing: 1px; color: #92a0a8; }
.status { color: var(--lime); }.status i,.system-bottom i { display: inline-block; width: 6px; height: 6px; background: var(--lime); border-radius: 50%; margin-right: 6px; box-shadow: 0 0 8px var(--lime); }
.radar { height: 433px; position: relative; overflow: hidden; background: radial-gradient(circle at 50% 50%, rgba(201,255,69,.06),transparent 45%); }
.radar:before,.radar:after { content: ""; position: absolute; background: #34444e; }.radar:before { width: 1px; height: 100%; left: 50%; }.radar:after { height: 1px; width: 100%; top: 50%; }
.radar-ring { position: absolute; border: 1px solid #34444e; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%,-50%); }.ring-a{width:150px;height:150px}.ring-b{width:280px;height:280px}.ring-c{width:410px;height:410px}
.node { position: absolute; width: 68px; height: 68px; background: #12242e; border: 1px solid #5c6d76; display: grid; place-content: center; text-align: center; box-shadow: 0 0 0 5px rgba(17,36,46,.7); }.node b{font:700 16px monospace}.node small{font:700 7px monospace;color:#8e9ca4;letter-spacing:1px;margin-top:4px}.node-main{left:50%;top:50%;transform:translate(-50%,-50%);border-color:var(--lime);background:var(--lime);color:var(--ink);box-shadow:0 0 28px rgba(201,255,69,.2)}.node-main b{font:900 27px Arial}.node-main small{color:#354313}.node-camera{left:10%;top:14%}.node-access{right:8%;top:20%}.node-network{left:15%;bottom:11%}.node-alarm{right:12%;bottom:9%}
.system-bottom { border: 0; border-top: 1px solid #43535d; }.system-bottom span:first-child{color:#aeb9bf}
.hero-strip { position: absolute; z-index: 3; bottom: 0; left: 0; right: 0; height: 65px; border-top: 1px solid #43535d; display: grid; grid-template-columns: repeat(5,1fr); align-items: center; background: rgba(8,19,26,.88); }.hero-strip span{font:700 9px monospace;color:#8b9aa2;letter-spacing:.8px;text-align:center;border-right:1px solid #43535d;height:100%;display:grid;place-content:center}

.section { padding: 110px 6vw; }
.section-intro { display: grid; grid-template-columns: 1.4fr .6fr; align-items: end; gap: 10vw; margin-bottom: 65px; }
.section-intro h2 { font-size: clamp(50px,6vw,88px); margin-top: 19px; }.section-intro h2 em { color: #758e28; }
.section-intro>p { color: var(--muted); line-height: 1.65; font-size: 16px; margin: 0 0 4px; }
.service-grid { display: grid; grid-template-columns: repeat(6,1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.service-card { grid-column: span 2; min-height: 440px; padding: 23px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); position: relative; display: flex; flex-direction: column; transition: background .25s,transform .25s; overflow:hidden; }.service-card:nth-child(4),.service-card:nth-child(5){grid-column:span 3}.service-card:hover{background:var(--white);transform:translateY(-4px);z-index:2;box-shadow:0 18px 40px rgba(25,35,40,.07)}
.card-head { display:flex;justify-content:space-between;font:700 10px monospace;color:#6f7980}.card-head i{font-style:normal;font-size:18px;color:#879099}
.service-symbol { height: 105px; margin: 42px 0 24px; position: relative; width: 120px; }.service-symbol span{position:absolute;border:2px solid var(--ink)}
.symbol-01 span:first-child{width:75px;height:45px;left:10px;top:22px}.symbol-01 span:nth-child(2){width:24px;height:24px;border-radius:50%;left:36px;top:32px}.symbol-01 span:last-child{width:23px;height:34px;background:var(--lime);right:12px;top:28px;border:0}
.symbol-02 span:first-child{width:48px;height:82px;left:33px;top:8px}.symbol-02 span:nth-child(2){width:20px;height:20px;border-radius:50%;left:47px;top:25px}.symbol-02 span:last-child{width:7px;height:7px;border-radius:50%;background:var(--lime);left:54px;top:65px;border:0}
.symbol-03 span:first-child{width:70px;height:70px;border-radius:50% 50% 45% 45%;left:22px;top:10px}.symbol-03 span:nth-child(2){width:25px;height:32px;border-color:transparent transparent var(--ink) var(--ink);transform:rotate(-45deg);left:45px;top:31px}.symbol-03 span:last-child{width:10px;height:10px;border-radius:50%;background:var(--lime);right:15px;top:5px;border:0;box-shadow:0 0 0 6px rgba(130,170,30,.14)}
.symbol-04 span{border-radius:50%;border-color:var(--ink) transparent transparent var(--ink);transform:rotate(45deg);left:45px}.symbol-04 span:first-child{width:70px;height:70px;top:12px;left:23px}.symbol-04 span:nth-child(2){width:45px;height:45px;top:31px;left:36px}.symbol-04 span:last-child{width:11px;height:11px;top:66px;left:53px;background:var(--lime);border:0}
.symbol-05 span:first-child{width:92px;height:48px;left:12px;top:25px}.symbol-05 span:nth-child(2){width:58px;height:2px;left:29px;top:48px;border:0;background:var(--ink);box-shadow:0 -10px 0 #0b151c,0 10px 0 #0b151c}.symbol-05 span:last-child{width:8px;height:8px;right:22px;top:35px;border:0;background:var(--lime);box-shadow:0 10px 0 var(--lime),0 20px 0 var(--lime)}
.service-card h3{font-size:27px;letter-spacing:-1.2px;margin:0 0 13px}.service-card p{font-size:14px;line-height:1.65;color:var(--muted);margin:0 0 25px;max-width:400px}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto}.tags span{font:700 9px monospace;text-transform:uppercase;border:1px solid #c7ccc7;padding:7px 9px;color:#626c72}

.proof { display:grid;grid-template-columns:1fr 1fr;background:var(--ink);color:white; }.proof-copy{padding:100px 7vw}.kicker.light{color:#96a3aa}.proof-copy h2{font-size:clamp(47px,5.5vw,82px);margin:22px 0 30px}.proof-copy p{color:#a9b4ba;line-height:1.65;max-width:580px;margin-bottom:34px}.button-light{background:white;color:var(--ink);min-width:220px}.proof-panel{display:grid;grid-template-columns:1fr 1fr;background:#31414a;gap:1px}.metric{background:#15242d;padding:36px;display:flex;flex-direction:column;min-height:285px}.metric strong{font:700 10px monospace;color:#788990}.metric span{font-size:22px;font-weight:800;margin-top:auto;margin-bottom:12px}.metric small{font-size:13px;line-height:1.55;color:#8f9da5}.metric.accent{background:var(--lime);color:var(--ink)}.metric.accent strong,.metric.accent small{color:#4a5c1a}

.process-title { align-items:end}.process-list{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.process-list li{display:grid;grid-template-columns:80px 1fr 1.5fr 35px;gap:30px;align-items:center;min-height:130px;border-bottom:1px solid var(--line);transition:background .2s,padding .2s}.process-list li:hover{background:var(--white);padding:0 20px}.process-list li>span{font:700 10px monospace;color:#7a858b}.process-list h3{font-size:23px;margin:0}.process-list p{color:var(--muted);font-size:14px;line-height:1.55;margin:0;max-width:480px}.process-list i{font-style:normal;font-size:22px;color:#748d2a}

.contact { background:#101d25;color:white;padding:95px 6vw;position:relative;overflow:hidden;display:grid;grid-template-columns:1.05fr .95fr;gap:9vw;align-items:end}.contact-grid-bg{position:absolute;inset:0;opacity:.12;background-image:linear-gradient(#8fa0aa 1px,transparent 1px),linear-gradient(90deg,#8fa0aa 1px,transparent 1px);background-size:55px 55px;mask-image:linear-gradient(90deg,transparent,#000)}.contact-copy,.contact-actions{position:relative;z-index:1}.contact h2{font-size:clamp(55px,7vw,105px);margin:22px 0}.contact-copy p{color:#aab6bc;line-height:1.6;max-width:520px}.contact-main{border:1px solid #50616a;padding:25px;display:grid;grid-template-columns:1fr auto;position:relative;transition:background .2s,color .2s}.contact-main:hover{background:var(--lime);color:var(--ink);border-color:var(--lime)}.contact-main span{font:700 9px monospace;letter-spacing:1px;color:#94a3aa}.contact-main strong{grid-row:2;font-size:clamp(24px,3vw,42px);margin-top:18px;letter-spacing:-1px}.contact-main i{grid-column:2;grid-row:1/3;align-self:center;font-style:normal;font-size:31px;color:var(--lime)}.contact-main:hover i,.contact-main:hover span{color:var(--ink)}.contact-phone{border-top:0}.contact-actions>p{font-size:12px;color:#8f9ca3;line-height:1.6;margin:18px 0 0;max-width:480px}
.direct-contacts{display:grid;grid-template-columns:1fr 1fr;margin-top:36px;max-width:560px}.direct-contacts a{border:1px solid #50616a;padding:18px;display:flex;flex-direction:column;gap:9px}.direct-contacts a+a{border-left:0}.direct-contacts span{font:700 9px monospace;letter-spacing:1px;color:#94a3aa}.direct-contacts strong{font-size:18px}.contact-form{border:1px solid #50616a;background:rgba(7,16,22,.72);padding:28px}.form-heading{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid #3c4c55;padding-bottom:20px;margin-bottom:22px}.form-heading span{font:700 9px monospace;letter-spacing:1px;color:#94a3aa}.form-heading strong{font-size:26px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form label{display:flex;flex-direction:column;gap:8px;font:700 9px monospace;letter-spacing:.8px;color:#aeb9bf}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid #50616a;background:#0c1921;color:white;border-radius:0;padding:13px 14px;font:400 14px Arial,Helvetica,sans-serif;outline:none}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--lime);box-shadow:0 0 0 1px var(--lime)}.contact-form textarea{resize:vertical;min-height:120px}.contact-form select{appearance:auto}.form-full{grid-column:1/-1}.consent{flex-direction:row!important;align-items:flex-start;margin:18px 0;line-height:1.5!important;text-transform:none;letter-spacing:0!important;font-family:Arial,Helvetica,sans-serif!important;font-size:11px!important;font-weight:400!important}.consent input{width:16px;height:16px;margin:0;accent-color:var(--lime);flex:0 0 auto}.form-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.form-submit{border:0;cursor:pointer;width:100%;font-family:Arial,Helvetica,sans-serif}.form-status{display:none;margin:0 0 16px;padding:12px;font-size:12px;line-height:1.5}.form-status.is-success,.form-status.is-error{display:block}.form-status.is-success{background:rgba(201,255,69,.12);border:1px solid var(--lime);color:#e7ffae}.form-status.is-error{background:rgba(255,113,92,.1);border:1px solid #ff715c;color:#ffc1b8}
footer{min-height:135px;background:#071016;color:white;padding:30px 4vw;display:grid;grid-template-columns:auto 1fr auto auto;gap:45px;align-items:center;border-top:1px solid #26343c}.footer-brand .brand-mark{border-color:white}.footer-brand .brand-mark i,.footer-brand .brand-mark:before,.footer-brand .brand-mark:after{background:white}footer>p,footer small{font-size:11px;color:#829098}footer>div{display:flex;gap:25px;font-size:10px;text-transform:uppercase;font-weight:700;letter-spacing:.7px}

@media(max-width:980px){.site-header nav{display:none}.site-header{gap:20px}.header-cta{margin-left:auto}.hero{grid-template-columns:1fr;padding-top:80px}.system-card{width:min(100%,620px);margin-top:20px}.section-intro{grid-template-columns:1fr;gap:25px}.service-card{grid-column:span 3}.service-card:nth-child(5){grid-column:span 6}.proof{grid-template-columns:1fr}.proof-copy{padding:85px 6vw}.contact{grid-template-columns:1fr;gap:40px}footer{grid-template-columns:1fr 1fr}footer>div{justify-content:flex-end}}
@media(max-width:640px){.site-header{height:72px;padding:0 20px}.brand{font-size:19px}.brand-mark{width:28px;height:28px}.header-cta{font-size:0;padding:9px 13px}.header-cta span{font-size:20px}.hero{min-height:auto;padding:65px 20px 115px;gap:30px}h1{font-size:14.5vw;letter-spacing:-2.5px}.hero-lead{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column;gap:8px}.system-card{height:410px}.radar{height:313px}.ring-c{width:330px;height:330px}.ring-b{width:230px;height:230px}.ring-a{width:125px;height:125px}.node{width:54px;height:54px}.node b{font-size:13px}.node small{font-size:6px}.hero-strip{grid-template-columns:repeat(3,1fr);height:auto;min-height:62px}.hero-strip span:nth-child(n+4){display:none}.section{padding:80px 20px}.section-intro{margin-bottom:40px}.section-intro h2{font-size:12.4vw;letter-spacing:-2.4px}.service-grid{display:block;border-top:1px solid var(--line)}.service-card{min-height:400px;border-left:1px solid var(--line)}.proof-copy{padding:75px 20px}.proof-panel{grid-template-columns:1fr}.metric{min-height:235px}.process-list li{grid-template-columns:45px 1fr 25px;gap:12px;padding:25px 0}.process-list li:hover{padding:25px 10px}.process-list p{grid-column:2}.process-list i{grid-column:3;grid-row:1/3}.contact{padding:75px 20px}.contact h2{font-size:14vw;letter-spacing:-2.4px}.contact-main{padding:20px}.contact-main strong{font-size:22px}.direct-contacts{grid-template-columns:1fr}.direct-contacts a+a{border-left:1px solid #50616a;border-top:0}.form-grid{grid-template-columns:1fr}.form-full{grid-column:auto}.contact-form{padding:20px}.form-heading{align-items:flex-start;flex-direction:column;gap:8px}footer{grid-template-columns:1fr;padding:40px 20px;gap:20px}footer>div{justify-content:flex-start;flex-wrap:wrap}footer small{grid-column:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}