<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>McLock Security LLC | Access Control & Smart Locks | Minneapolis–St. Paul</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="McLock Security LLC installs and services access control, smart locks, and door hardware systems in Minneapolis–St. Paul.">
<link rel="icon" type="image/svg+xml" href="favicon.svg">
<style>
body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
background: #0b1220;
color: #eaf0ff;
line-height: 1.6;
}
header {
background: #101a33;
padding: 20px;
border-bottom: 1px solid rgba(255,255,255,.1);
}
.container {
max-width: 1100px;
margin: auto;
padding: 20px;
}
h1, h2, h3 {
margin-top: 0;
}
.hero {
padding: 60px 20px;
}
.hero h1 {
font-size: 42px;
margin-bottom: 10px;
}
.hero p {
max-width: 600px;
color: #b8c2e0;
}
.cta {
margin-top: 20px;
}
.btn {
display: inline-block;
padding: 14px 20px;
margin-right: 10px;
border-radius: 12px;
background: #19c37d;
color: #07131b;
text-decoration: none;
font-weight: 600;
}
.btn.secondary {
background: transparent;
color: #eaf0ff;
border: 1px solid rgba(255,255,255,.2);
}
section {
padding: