@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#07111e;--navy2:#0c1b2e;--blue:#0d9af3;--sky:#5ac6ff;--ink:#142033;--muted:#647286;--line:#e5ebf0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.site-header{height:88px;background:rgba(7,17,30,.97);position:sticky;top:0;z-index:20;border-bottom:1px solid #ffffff14;backdrop-filter:blur(12px)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.brand img{display:block;width:205px;height:80px;object-fit:contain;object-position:left center}.nav nav{display:flex;gap:32px;align-items:center}.nav nav>a{color:#d4e0ed;font-size:13px;font-weight:700}.nav nav>a:hover{color:var(--sky)}.nav nav .nav-cta{background:var(--blue);padding:13px 19px;border-radius:6px;color:white}.menu{display:none;background:none;border:0;color:white;font-size:25px}.hero{position:relative;min-height:650px;background:#07111e;color:white;overflow:hidden}.hero-photo{position:absolute;inset:0;background:linear-gradient(90deg,#07111e 2%,#07111ef5 36%,#07111e8f 75%,#07111e7d),url('https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=1900&q=85') center/cover}.hero:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 76% 30%,#0d9af321,transparent 47%);z-index:1}.hero-inner{position:relative;z-index:2;padding:105px 0 125px}.eyebrow,.kicker{color:var(--blue);font-size:12px;letter-spacing:2.2px;font-weight:800}.eyebrow{color:#bfe8ff;display:flex;align-items:center;gap:10px}.pulse{width:8px;height:8px;background:#17c9ff;border-radius:50%;box-shadow:0 0 0 5px #17c9ff2a}.hero h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(42px,5.1vw,70px);line-height:1.13;letter-spacing:-3.5px;max-width:840px;margin:26px 0 22px}.hero h1 em{font-style:normal;color:#42baff}.hero-inner>p{color:#bfccda;max-width:590px;font-size:17px;line-height:1.8}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:33px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;border:0;border-radius:6px;padding:16px 23px;font-size:13px;font-weight:800;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.primary{background:var(--blue);color:white}.primary:hover{background:#007dcc}.ghost{border:1px solid #ffffff5c;color:#fff;background:#ffffff0b}.hero-points{display:flex;gap:25px;flex-wrap:wrap;color:#b6c9db;font-size:12px;margin-top:42px}.hero-bottom{position:absolute;bottom:0;left:0;right:0;z-index:2;background:#0d2235a8;border-top:1px solid #ffffff26}.hero-bottom .wrap{height:56px;display:flex;align-items:center;justify-content:space-between;color:#c4d5e6;font-size:10px;letter-spacing:2px;font-weight:800}.hero-bottom b{color:var(--blue)}.section{padding:105px 0}.section-head{display:flex;justify-content:space-between;gap:45px;align-items:end;margin-bottom:43px}.section-head>div{max-width:620px}.section-head>p{max-width:360px;color:var(--muted);line-height:1.75;font-size:15px;margin:0 0 5px}h2{font-family:Manrope,Arial,sans-serif;font-size:clamp(31px,3.4vw,47px);line-height:1.19;letter-spacing:-1.8px;margin:14px 0 0}h2 span{color:var(--blue)}.intro{background:#f7f9fc}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.service-card{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:0 10px 30px #0b23300a;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.service-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #0b23301c}.photo{height:207px;position:relative;background-color:#142438;background-size:cover;background-position:center}.photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#07111e5e,transparent 65%)}.photo .number{position:absolute;top:17px;left:17px;z-index:1;background:#07111edb;color:white;padding:8px 11px;border-radius:3px;font-size:10px;letter-spacing:1px}.fencing{background-image:url('https://images.unsplash.com/photo-1511818966892-d7d671e672a2?auto=format&fit=crop&w=900&q=80')}.cctv{background-image:url('https://images.unsplash.com/photo-1557597774-9d273605dfa9?auto=format&fit=crop&w=900&q=80')}.gates{background-image:url('https://images.unsplash.com/photo-1600566753190-17f0baa2a6c3?auto=format&fit=crop&w=900&q=80')}.alarms{background-image:url('https://images.unsplash.com/photo-1558002038-1055907df827?auto=format&fit=crop&w=900&q=80')}.access{background-image:url('https://images.unsplash.com/photo-1563013544-824ae1b704d3?auto=format&fit=crop&w=900&q=80')}.service-body{padding:28px;display:flex;flex-direction:column;flex:1}.mini{font-size:10px;color:#078ddd;font-weight:800;letter-spacing:1.4px}.service-body h3{font-family:Manrope,sans-serif;font-size:23px;letter-spacing:-.8px;margin:9px 0 12px}.service-body p,.service-body li{color:#657285;font-size:13px;line-height:1.8}.service-body p{margin:0 0 13px}.service-body ul{padding-left:17px;margin:0 0 23px}.service-body li{padding:2px 0}.service-body a{margin-top:auto;color:#058be0;font-size:12px;font-weight:800;border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between}.service-feature{background:linear-gradient(145deg,#0b2136,#07111e);color:white;border-radius:10px;padding:34px;display:flex;flex-direction:column;justify-content:center;min-height:420px;position:relative;overflow:hidden}.service-feature:before{content:'';position:absolute;width:240px;height:240px;border:1px solid #0d9af32d;border-radius:50%;right:-120px;top:-80px}.feature-mark{font-family:Manrope,sans-serif;font-size:82px;font-weight:800;letter-spacing:-9px;color:#ffffff18}.feature-mark span{color:#0d9af399}.service-feature h3{font-family:Manrope,sans-serif;font-size:26px;line-height:1.25;max-width:250px;margin:12px 0}.service-feature p{color:#adc2d5;font-size:13px;line-height:1.8}.service-feature .btn{align-self:flex-start;margin-top:20px}.band{background:#081725;color:white;padding:98px 0}.band-layout{display:grid;grid-template-columns:1fr 1fr;gap:110px}.band h2{max-width:490px}.band-layout>div>p{color:#a8bdd0;line-height:1.9;max-width:470px}.text-link{display:inline-block;color:#5bc3ff;font-size:13px;font-weight:800;margin-top:19px}.benefits{display:grid;gap:26px}.benefits>div{border-bottom:1px solid #ffffff20;padding-bottom:22px}.benefits b{color:#38b8ff;font-size:13px}.benefits h3{font-family:Manrope,sans-serif;font-size:18px;margin:9px 0}.benefits p{color:#a8bdd0;font-size:13px;line-height:1.7;margin:0}.process{background:white}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:46px}.steps>div{border-top:2px solid #e5edf5;padding-top:25px}.steps strong{color:var(--blue);font-size:30px;font-family:Manrope,sans-serif}.steps h3{font-family:Manrope,sans-serif;margin:17px 0 8px}.steps p{color:var(--muted);line-height:1.8;font-size:14px}.contact-section{background:#f2f7fb;padding:105px 0}.contact-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:90px}.contact-layout>div>p{color:var(--muted);line-height:1.85;max-width:460px}.contact-lines{margin-top:45px;display:grid;gap:25px}.contact-lines>a,.contact-lines>div{display:flex;flex-direction:column;gap:7px}.contact-lines span{color:#7890a5;font-size:10px;letter-spacing:1.5px;font-weight:800}.contact-lines b{font-size:17px;overflow-wrap:anywhere}.contact-lines a:hover b{color:var(--blue)}.quote-form{background:white;padding:36px;border:1px solid #dfe9f0;border-radius:10px;box-shadow:0 20px 55px #0c2d4310}.form-heading h3{font-family:Manrope,sans-serif;font-size:25px;margin:0}.form-heading p{font-size:13px;color:var(--muted);line-height:1.6;margin-bottom:25px}.quote-form label{display:block;font-size:12px;font-weight:800;margin-bottom:18px}.quote-form input,.quote-form select,.quote-form textarea{display:block;width:100%;margin-top:8px;padding:13px 14px;border:1px solid #dbe4ec;border-radius:5px;outline:none;color:#172b3d;background:white;font-weight:400;font-size:13px}.quote-form input:focus,.quote-form textarea:focus,.quote-form select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #0d9af317}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.quote-form .btn{width:100%}.form-note{color:#8090a1;font-size:11px;line-height:1.6}.whatsapp-link{display:block;text-align:center;color:#087fca;font-weight:800;font-size:12px;margin-top:19px}.footer{background:#07111e;color:#b1c0ce}.footer-top{padding:28px 0;border-bottom:1px solid #ffffff1e;display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-brand img{width:155px;height:80px;object-fit:contain;object-position:left}.footer-top p{font-size:12px}.footer-top>a:last-child{font-size:12px;color:#60c2fa}.footer-bottom{display:flex;justify-content:space-between;padding:22px 0 32px;font-size:11px}.floating-wa{position:fixed;bottom:24px;right:24px;z-index:15;background:#1fc765;color:white;padding:13px 19px;border-radius:50px;font-size:14px;font-weight:800;box-shadow:0 8px 30px #0003}.floating-wa:hover{background:#12a954}@media(max-width:950px){.nav nav{gap:16px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.band-layout,.contact-layout{gap:45px}.hero h1{letter-spacing:-2px}}@media(max-width:680px){.wrap{width:min(100% - 34px,1180px)}.site-header{height:74px}.brand img{width:160px;height:70px}.menu{display:block}.nav nav{display:none;position:absolute;top:74px;left:0;right:0;background:#081725;padding:20px 24px;flex-direction:column;align-items:stretch;gap:20px}.nav nav.open{display:flex}.hero{min-height:660px}.hero-inner{padding:86px 0 110px}.hero h1{letter-spacing:-1.8px}.hero-inner>p{font-size:15px}.hero-points{gap:14px}.hero-bottom .wrap span:first-child{display:none}.hero-bottom .wrap{justify-content:center}.section{padding:70px 0}.section-head{display:block}.section-head>p{margin-top:20px}.service-grid,.band-layout,.contact-layout,.steps{grid-template-columns:1fr}.photo{height:220px}.service-feature{min-height:310px}.band,.contact-section{padding:70px 0}.band-layout,.contact-layout{gap:45px}.form-row{grid-template-columns:1fr;gap:0}.quote-form{padding:25px}.footer-top,.footer-bottom{flex-direction:column;align-items:flex-start;gap:12px}.floating-wa{right:12px;bottom:12px}.floating-wa span{display:none}}