:root{--bg:#05090e;--panel:#0a1119;--blue:#0478ff;--text:#f6f8fb;--muted:#a6b0bd;--line:rgba(255,255,255,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 70% 0%,#08223d 0,#05090e 36%,#020407 100%);color:var(--text);font-family:Inter,Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.site-header{position:fixed;z-index:20;top:0;left:0;right:0;height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;background:rgba(2,6,10,.72);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand img{width:150px;height:58px;object-fit:cover;object-position:center;filter:drop-shadow(0 0 18px rgba(4,120,255,.25))}.site-header nav{display:flex;gap:34px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.site-header nav a:hover{color:var(--blue)}.quote-btn,.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;border-radius:4px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.quote-btn{padding:13px 24px;border:1px solid rgba(255,255,255,.35);font-size:12px}.hero{min-height:760px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;position:relative;overflow:hidden;padding:120px 6% 70px;border-bottom:1px solid var(--line)}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,6,10,.85),rgba(2,6,10,.35)),url('https://images.unsplash.com/photo-1534430480872-3498386e7856?auto=format&fit=crop&w=1800&q=80') center/cover;opacity:.85}.hero:after{content:"";position:absolute;inset:auto 0 0 0;height:260px;background:linear-gradient(transparent,var(--bg))}.hero-copy,.device-card{position:relative;z-index:2}.eyebrow{color:var(--blue);font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:13px}.center{text-align:center}.hero h1{font-size:clamp(44px,6vw,78px);line-height:.95;margin:18px 0 26px;max-width:780px;text-shadow:0 12px 45px #000}.lead{max-width:560px;font-size:18px;line-height:1.75;color:#d6dde6}.actions{display:flex;gap:18px;flex-wrap:wrap;margin-top:34px}.primary{background:linear-gradient(135deg,#006cff,#0a8bff);padding:18px 28px;box-shadow:0 12px 35px rgba(4,120,255,.3)}.secondary{border:1px solid rgba(255,255,255,.38);padding:17px 28px;background:rgba(255,255,255,.04)}.device-card{height:550px;display:flex;align-items:center;justify-content:center;background:linear-gradient(120deg,rgba(255,255,255,.02),rgba(255,255,255,.07));border-left:1px solid var(--line)}.device{width:230px;height:470px;border-radius:28px;background:linear-gradient(145deg,#141a21,#020406);box-shadow:inset 0 0 0 2px rgba(255,255,255,.15),0 30px 90px rgba(0,0,0,.8),0 0 70px rgba(4,120,255,.22);display:flex;flex-direction:column;align-items:center;padding:38px 28px}.lens{width:75px;height:75px;border-radius:50%;background:radial-gradient(circle,#10151b 0 28%,#0077ff 32%,#05080c 48%,#222 100%);box-shadow:0 0 32px rgba(0,119,255,.45)}.slot{width:90px;height:14px;border-radius:20px;background:#0c1116;margin:34px 0;box-shadow:inset 0 0 0 1px #333}.keys{text-align:center;font-size:24px;line-height:1.95;color:#dbe6f2;letter-spacing:.25em}.device small{margin-top:auto;font-size:20px;letter-spacing:.09em}.device small::first-letter{color:var(--blue)}.trust-strip{position:relative;z-index:3;margin:-38px 6% 0;background:rgba(7,13,20,.84);border:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);box-shadow:0 24px 80px rgba(0,0,0,.45)}.trust-strip div{padding:30px 34px;border-right:1px solid var(--line)}.trust-strip div:last-child{border-right:0}.trust-strip strong{display:block;text-transform:uppercase;font-size:14px}.trust-strip span{display:block;color:var(--muted);margin-top:8px;line-height:1.5}.section{padding:92px 6%}.section h2,.about h2,.contact h2{font-size:clamp(30px,4vw,48px);margin:10px 0 36px;text-align:center}.cards{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.cards article{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid var(--line);border-radius:8px;overflow:hidden;padding-bottom:22px;transition:.25s}.cards article:hover{transform:translateY(-6px);border-color:rgba(4,120,255,.65)}.thumb{height:155px;position:relative;overflow:hidden;background:radial-gradient(circle at 70% 20%,rgba(4,120,255,.35),transparent 34%),linear-gradient(135deg,#111923,#03070b);filter:none}.thumb:before{content:"";position:absolute;inset:22px;display:block;border:1px solid rgba(255,255,255,.2);box-shadow:0 0 28px rgba(4,120,255,.18)}.thumb:after{position:absolute;color:#eaf3ff;text-shadow:0 0 22px rgba(4,120,255,.65);font-weight:900;letter-spacing:.08em}.intercom:before{left:50%;top:18px;width:58px;height:112px;border-radius:14px;transform:translateX(-50%);background:linear-gradient(145deg,#1a222c,#05080d)}.intercom:after{content:"●\A ▬\A 1 2 3\A 4 5 6";white-space:pre;text-align:center;left:0;right:0;top:34px;font-size:15px;line-height:1.45;color:#dbeafe}.locks:before{left:50%;top:26px;width:72px;height:94px;border-radius:20px;transform:translateX(-50%);background:linear-gradient(145deg,#192330,#05080d)}.locks:after{content:"SMART\A LOCK";white-space:pre;text-align:center;left:0;right:0;top:59px;font-size:15px;line-height:1.4}.access:before{left:34%;top:30px;width:55px;height:88px;border-radius:10px;background:linear-gradient(145deg,#17202b,#05080d)}.access:after{content:"KEYPAD  FOB\A 1 2 3\A 4 5 6";white-space:pre;text-align:center;left:0;right:0;top:48px;font-size:14px;line-height:1.55}.gate:before{left:26px;right:26px;top:48px;height:58px;border-radius:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.14) 0 8px,transparent 8px 22px)}.gate:after{content:"GATE ACCESS";left:0;right:0;bottom:28px;text-align:center;font-size:15px}.camera:before{left:50%;top:44px;width:96px;height:48px;border-radius:12px;transform:translateX(-50%);background:linear-gradient(145deg,#18212d,#05080d)}.camera:after{content:"◉  CCTV";left:0;right:0;top:58px;text-align:center;font-size:20px}.locksmith:before{left:50%;top:38px;width:86px;height:72px;border-radius:8px;transform:translateX(-50%) rotate(-18deg);background:linear-gradient(145deg,#1a222c,#05080d)}.locksmith:after{content:"KEYS & LOCKS";left:0;right:0;bottom:28px;text-align:center;font-size:15px}article h3{font-size:16px;margin:22px 20px 10px;text-transform:uppercase}article p{color:var(--muted);font-size:14px;line-height:1.65;margin:0 20px}.section-panel{margin:0 6% 70px;padding:50px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(120deg,rgba(255,255,255,.05),rgba(255,255,255,.02));box-shadow:0 22px 80px rgba(0,0,0,.35)}.about{display:grid;grid-template-columns:.75fr 1.25fr;gap:50px;align-items:center}.about h2,.contact h2{text-align:left}.about p,.contact p{color:#d6dde6;line-height:1.8}.about ul{list-style:none;padding:0;margin:26px 0 0}.about li{padding:9px 0;color:#dce7f2}.about li:before{content:'✓';color:var(--blue);margin-right:10px}.about-image{height:360px;border-radius:8px;background:url('https://images.unsplash.com/photo-1518005020951-eccb494ad742?auto=format&fit=crop&w=1200&q=80') center/cover;box-shadow:0 0 0 1px var(--line) inset}.stats{display:grid;grid-template-columns:repeat(4,1fr);margin:0 6% 70px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stats div{padding:34px;text-align:center;border-right:1px solid var(--line)}.stats div:last-child{border-right:0}.stats b{display:block;color:var(--blue);font-size:44px}.stats span{color:var(--muted);text-transform:uppercase;font-size:12px}.contact{display:flex;justify-content:space-between;align-items:center;gap:30px}.contact-actions{display:flex;gap:16px;flex-wrap:wrap}footer{text-align:center;color:var(--muted);padding:40px 6%;border-top:1px solid var(--line)}@media(max-width:980px){.site-header{height:auto;padding:16px 5%;gap:16px}.site-header nav{display:none}.brand img{width:125px;height:50px}.hero{grid-template-columns:1fr;padding-top:120px;min-height:auto}.device-card{display:none}.trust-strip,.cards,.about,.stats,.contact{grid-template-columns:1fr}.trust-strip{margin:0 5%;display:grid}.trust-strip div,.stats div{border-right:0;border-bottom:1px solid var(--line)}.cards{display:grid}.section,.section-panel{margin-left:5%;margin-right:5%;padding-left:24px;padding-right:24px}.contact{display:block}.hero h1{font-size:46px}.lead{font-size:16px}.actions a,.contact-actions a{width:100%}}

.contact-info{margin-top:18px;font-weight:800}.contact-info a{color:#fff}.brands h2,.areas h2{text-align:left;margin-bottom:22px}.brand-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.brand-grid span,.area-tags span{border:1px solid var(--line);background:rgba(255,255,255,.04);padding:15px 12px;border-radius:6px;text-align:center;color:#dbe7f3;font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:.05em}.areas{display:grid;grid-template-columns:.85fr 1.15fr;gap:32px;align-items:center}.area-tags{display:flex;flex-wrap:wrap;gap:10px}.mobile-call{display:none;position:fixed;z-index:50;left:16px;right:16px;bottom:16px;background:linear-gradient(135deg,#006cff,#0a8bff);padding:16px;border-radius:8px;text-align:center;font-weight:900;text-transform:uppercase;box-shadow:0 16px 45px rgba(4,120,255,.45)}@media(max-width:980px){.quote-btn{font-size:11px;padding:12px 14px}.brand-grid,.areas{grid-template-columns:1fr}.brand-grid{display:grid}.mobile-call{display:block}body{padding-bottom:58px}}