/*
Theme Name: Smart Guard CCTV Security
Theme URI: https://example.com/
Author: Smart Guard CCTV Security
Description: Custom navy-and-orange CCTV security theme converted from the Smart Guard static HTML website.
Version: 1.1.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
Text Domain: smart-guard-cctv
*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');

:root{--ink:#061a33;--ink2:#0b2b50;--red:#ff7900;--red2:#e86600;--paper:#f3f6fa;--white:#fff;--muted:#64748b;--line:#dbe3ee;--radius:18px;--max:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Poppins",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.wrap{width:min(var(--max),calc(100% - 44px));margin:auto}.topline{background:#061a33;color:#ddd;font-size:12px}.topline .wrap{display:flex;justify-content:space-between;gap:16px;padding:9px 0}.topline strong{color:#fff}.topline a{color:#fff}.nav{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid #eee}.navinner{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;font-weight:900;letter-spacing:-.7px;font-size:21px;line-height:1}.brandmark{width:42px;height:42px;border-radius:12px;background:var(--red);display:grid;place-items:center;color:white;box-shadow:0 7px 18px #ff790030}.brand small{display:block;font-size:9px;letter-spacing:2px;color:#777;margin-top:6px;font-weight:800}.navlinks{display:flex;align-items:center;gap:26px;font-size:13px;font-weight:750}.navlinks a:hover{color:var(--red)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:8px;padding:14px 19px;font-weight:800;font-size:13px;cursor:pointer;transition:.2s}.btn.red{background:var(--red);color:#fff;box-shadow:0 8px 18px #ff790024}.btn.red:hover{background:var(--red2);transform:translateY(-1px)}.btn.light{background:#fff;color:var(--ink)}.btn.outline{border:1px solid #ffffff75;color:#fff;background:#ffffff0a}.mobile-toggle{display:none;border:0;background:transparent;font-size:24px}.hero{background:var(--ink);color:white;position:relative;overflow:hidden;isolation:isolate}.hero:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 77% 45%,#5b1a20 0%,#0b2b50 32%,#171717 70%)}.hero:after{content:"";position:absolute;z-index:-1;right:-7%;top:-20%;width:65%;height:145%;background:linear-gradient(145deg,#ffffff05,#ffffff00 48%),repeating-linear-gradient(120deg,transparent 0 50px,#ffffff08 51px 52px);transform:skewX(-10deg)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center;min-height:570px;padding:62px 0 70px}.eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:900;color:#ffad66;display:flex;align-items:center;gap:10px}.eyebrow:before{content:"";width:27px;height:2px;background:var(--red)}h1{font-size:clamp(42px,5.1vw,68px);line-height:1.04;letter-spacing:-2.8px;margin:19px 0 20px;max-width:650px}h1 em{font-style:normal;color:#ff7900}.hero p{color:#d0cece;max-width:550px;font-size:16px;line-height:1.8;margin:0 0 28px}.actions{display:flex;flex-wrap:wrap;gap:12px}.trustline{display:flex;gap:20px;flex-wrap:wrap;margin-top:31px;color:#e4e2e2;font-size:11px;font-weight:700}.trustline span{display:flex;gap:7px;align-items:center}.tick{color:#ff777e;font-weight:900}.hero-art{position:relative;min-height:400px;display:flex;align-items:center;justify-content:center}.camera-scene{width:100%;height:380px;position:relative;border:1px solid #ffffff20;border-radius:24px;overflow:hidden;background:linear-gradient(130deg,#272727 0%,#171717 45%,#4a2425 100%);box-shadow:0 28px 75px #0008}.scene-grid{position:absolute;inset:0;background:linear-gradient(90deg,#ffffff08 1px,transparent 1px),linear-gradient(#ffffff08 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(90deg,transparent,#000)}.scene-label{position:absolute;left:24px;top:22px;font-size:10px;letter-spacing:1.6px;font-weight:900;color:#ffffffb5}.scene-chip{position:absolute;right:20px;top:19px;border:1px solid #ffffff42;border-radius:99px;padding:7px 11px;color:#fff;font-size:10px;letter-spacing:1px}.camera{position:absolute;right:13%;top:23%;width:68%;height:54%;filter:drop-shadow(0 25px 18px #0008);transform:rotate(-8deg)}.camera-body{position:absolute;left:12%;top:19%;width:69%;height:45%;background:linear-gradient(155deg,#f4f3ef,#bdbdb9 65%,#777);border-radius:26px 36px 28px 24px;transform:skewY(-7deg);box-shadow:inset -10px -8px 12px #5555,inset 7px 6px 10px #fff}.camera-face{position:absolute;right:0;top:21%;width:32%;height:39%;border-radius:50%;background:radial-gradient(circle at 35% 35%,#777,#161616 45%,#050505 68%);border:7px solid #b7b7b2;box-shadow:inset 0 0 0 4px #292929}.camera-lens{position:absolute;right:8%;top:32%;width:15%;height:16%;border-radius:50%;background:radial-gradient(circle at 30% 30%,#8a3439,#160b0c 60%);border:2px solid #222}.camera-mount{position:absolute;left:38%;top:0;width:16%;height:23%;background:linear-gradient(90deg,#777,#e7e7e2,#777);border-radius:6px 6px 3px 3px}.scene-bottom{position:absolute;left:22px;right:22px;bottom:20px;display:flex;justify-content:space-between;align-items:end}.scene-bottom strong{display:block;font-size:17px}.scene-bottom small{color:#d2caca;font-size:11px}.live{font-size:10px;color:#fff;display:flex;align-items:center;gap:7px}.live i{width:7px;height:7px;border-radius:50%;background:#ff7900;box-shadow:0 0 12px #ff7900;display:inline-block}.floating-card{position:absolute;left:-18px;bottom:29px;background:#fff;color:var(--ink);border-radius:14px;padding:15px 17px;box-shadow:0 18px 45px #0004;display:flex;gap:12px;align-items:center}.floating-icon{width:39px;height:39px;border-radius:10px;background:#fbe9ea;color:var(--red);display:grid;place-items:center}.floating-card strong{font-size:13px;display:block}.floating-card small{font-size:11px;color:#777}.stats{background:#fff;border-bottom:1px solid var(--line)}.statgrid{display:grid;grid-template-columns:repeat(4,1fr);padding:24px 0}.stat{padding:4px 24px;border-right:1px solid var(--line)}.stat:first-child{padding-left:0}.stat:last-child{border:0}.stat strong{font-size:16px;display:block;letter-spacing:-.3px}.stat span{font-size:11px;color:var(--muted)}.section{padding:88px 0}.section.soft{background:var(--paper)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}.section-kicker{font-size:11px;color:var(--red);font-weight:900;letter-spacing:1.7px;text-transform:uppercase}.section h2{font-size:clamp(30px,3.5vw,44px);line-height:1.12;letter-spacing:-1.6px;margin:10px 0 0;max-width:650px}.section-head p{max-width:410px;color:var(--muted);font-size:14px;margin:0}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{background:#fff;border:1px solid #e8e6e2;border-radius:16px;overflow:hidden;transition:.25s}.service-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #0000000d}.service-image{height:180px;position:relative;overflow:hidden;background:linear-gradient(135deg,#2a2828,#6e3436)}.service-image.home{background:linear-gradient(140deg,#c9c5bb,#655c55 50%,#2a2827)}.service-image.business{background:linear-gradient(140deg,#4b4b4b,#191919 60%,#6c3034)}.service-image.system{background:linear-gradient(140deg,#d6d5d1,#72716d 52%,#252525)}.service-image:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(125deg,transparent 0 45px,#ffffff15 46px 47px)}.mini-camera{position:absolute;right:14%;top:24%;width:100px;height:55px;border-radius:18px 24px 20px 18px;background:linear-gradient(150deg,#faf9f6,#999);transform:rotate(-12deg);box-shadow:0 14px 24px #0005}.mini-camera:after{content:"";position:absolute;right:-14px;top:9px;width:35px;height:35px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#555,#080808 65%);border:5px solid #c6c5c1}.service-content{padding:22px}.service-content h3{margin:0 0 9px;font-size:19px;letter-spacing:-.4px}.service-content p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}.text-link{display:inline-flex;gap:8px;align-items:center;color:var(--red);font-size:12px;font-weight:900;margin-top:17px}.why-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}.why-visual{min-height:430px;border-radius:20px;background:linear-gradient(145deg,#292727,#171717 58%,#67272b);position:relative;overflow:hidden}.why-visual:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0 42px,#ffffff0b 43px 44px)}.why-visual .camera{top:25%;right:12%;width:80%;height:50%;transform:rotate(-12deg) scale(1.15)}.why-stamp{position:absolute;bottom:23px;left:23px;right:23px;background:#ffffff12;border:1px solid #ffffff30;backdrop-filter:blur(8px);border-radius:12px;padding:17px;color:#fff}.why-stamp strong{display:block;font-size:14px}.why-stamp span{font-size:11px;color:#d4caca}.benefit-list{display:grid;gap:22px;margin:27px 0}.benefit{display:grid;grid-template-columns:42px 1fr;gap:13px}.benefit-icon{width:42px;height:42px;background:#f9e9ea;border-radius:11px;color:var(--red);display:grid;place-items:center;font-size:18px;font-weight:900}.benefit h3{font-size:15px;margin:0 0 4px}.benefit p{font-size:13px;color:var(--muted);margin:0}.areas-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:28px}.area-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.area{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px 15px;font-size:12px;font-weight:800;display:flex;justify-content:space-between;align-items:center;transition:.2s}.area:hover{border-color:var(--red);color:var(--red);transform:translateY(-2px)}.area span{color:#aaa;font-size:17px}.area-note{margin-top:18px;color:var(--muted);font-size:12px}.quote-band{background:var(--red);color:#fff;padding:52px 0;position:relative;overflow:hidden}.quote-band:after{content:"";position:absolute;right:-50px;top:-120px;width:420px;height:420px;border:1px solid #ffffff24;border-radius:50%;box-shadow:0 0 0 50px #ffffff08,0 0 0 100px #ffffff06}.quote-inner{display:flex;justify-content:space-between;align-items:center;gap:30px;position:relative;z-index:1}.quote-inner h2{font-size:clamp(28px,3.3vw,40px);line-height:1.15;letter-spacing:-1.3px;margin:0 0 10px}.quote-inner p{margin:0;color:#ffe6e7;font-size:14px}.quote-inner .btn{white-space:nowrap}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}.faq-intro p{font-size:14px;color:var(--muted)}details{border-bottom:1px solid var(--line);padding:18px 0}summary{cursor:pointer;font-weight:800;font-size:14px;list-style:none;display:flex;justify-content:space-between;gap:15px}summary:after{content:"+";color:var(--red);font-size:20px;line-height:1}details[open] summary:after{content:"−"}details p{font-size:13px;color:var(--muted);margin:12px 24px 0 0}.footer{background:#151515;color:#fff;padding:54px 0 24px}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr 1fr;gap:40px}.footer .brand{margin-bottom:20px}.footer p{font-size:12px;color:#aaa;max-width:290px}.footer h4{font-size:12px;margin:6px 0 18px;letter-spacing:.8px;text-transform:uppercase}.footer-links{display:grid;gap:10px;font-size:12px;color:#bdbdbd}.footer-links a:hover{color:#fff}.footer-bottom{border-top:1px solid #ffffff20;margin-top:38px;padding-top:18px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#999}.notice{font-size:11px;color:#777}.modal{display:none;position:fixed;inset:0;background:#0009;z-index:50;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modalbox{width:min(560px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:18px;padding:28px;box-shadow:0 25px 80px #0005}.modalhead{display:flex;justify-content:space-between;align-items:center;gap:20px}.modalhead h2{margin:0;font-size:25px}.close{border:0;background:#eee;border-radius:50%;width:34px;height:34px;cursor:pointer;font-size:20px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:22px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:11px;font-weight:800}.field input,.field select,.field textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;background:#fff;color:#222}.field textarea{min-height:90px;resize:vertical}.formgrid .btn{grid-column:1/-1}.formnote{font-size:11px;color:#777}.toast{display:none;background:#f0f8ef;color:#235a22;padding:12px;border-radius:8px;font-size:12px;margin-top:12px}.toast.show{display:block}
@media(max-width:900px){.navlinks{gap:14px}.navlinks a:not(.btn){display:none}.hero-grid{grid-template-columns:1fr 0.9fr;gap:24px}.hero-art{min-height:330px}.camera-scene{height:330px}.services{grid-template-columns:repeat(2,1fr)}.area-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.wrap{width:min(var(--max),calc(100% - 32px))}.topline .wrap{justify-content:center}.topline .topright{display:none}.navinner{height:70px}.mobile-toggle{display:block}.navlinks{display:none;position:absolute;left:0;right:0;top:70px;background:white;border-bottom:1px solid #eee;padding:18px 22px 22px;align-items:stretch;flex-direction:column;gap:15px}.navlinks.open{display:flex}.navlinks a:not(.btn){display:block}.navlinks .btn{width:100%}.hero-grid{grid-template-columns:1fr;padding:48px 0 44px;gap:30px}.hero h1{font-size:46px;letter-spacing:-2px}.hero p{font-size:14px}.hero-art{min-height:285px}.camera-scene{height:285px}.camera{right:7%;top:21%;width:75%;height:56%}.floating-card{left:8px;bottom:10px;padding:11px}.statgrid{grid-template-columns:repeat(2,1fr);gap:15px;padding:20px 0}.stat{padding:5px 12px;border:0;border-left:2px solid var(--red)}.stat:first-child{padding-left:12px}.section{padding:62px 0}.section-head,.areas-head{align-items:flex-start;flex-direction:column}.section-head p{max-width:none}.services{grid-template-columns:1fr}.service-image{height:165px}.why-grid,.faq-grid{grid-template-columns:1fr;gap:30px}.why-visual{min-height:310px}.area-grid{grid-template-columns:repeat(2,1fr)}.quote-inner{align-items:flex-start;flex-direction:column}.quote-inner .btn{width:100%}.footer-grid{grid-template-columns:1fr 1fr;gap:30px 20px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column}.formgrid{grid-template-columns:1fr}.field.full{grid-column:auto}}


/* Photography-led visual refresh */
:root{--red:#b51f2a;--red2:#8f1720;--paper:#f4f4f2}

/* Smart Guard brand and reference-inspired refinement */
:root{--red:#c8202b;--red2:#a71923;--paper:#f7f7f7;--ink:#202020;--line:#e8e8e8;--radius:8px}
body{font-family:"Poppins",Arial,sans-serif;letter-spacing:0}
h1,h2,h3,h4,p,nav,a,button{font-family:"Poppins",Arial,sans-serif}
h1{letter-spacing:-1.6px;font-weight:700} .section h2{letter-spacing:-.8px;font-weight:700}
.brand{letter-spacing:-.3px;font-size:18px}.brand small{letter-spacing:1.2px}
.btn{border-radius:5px;font-weight:600}.service-card{border-radius:7px;box-shadow:0 2px 12px #0000000a}.service-card:hover{transform:translateY(-2px)}
.hero{background:#171717}.hero:before{background:linear-gradient(90deg,#171717 0%,#171717e8 46%,#17171720 100%),url('https://images.unsplash.com/photo-1557597774-9d273605dfa9?auto=format&fit=crop&w=1800&q=85') center/cover no-repeat}
.camera-scene{background:linear-gradient(180deg,#00000008,#00000065),url('https://sentinel5.co.uk/assets/images/camera_install.png') center 42%/cover no-repeat;border-radius:8px}
.service-image.home{background-image:linear-gradient(90deg,#1112,#1111),url('https://cctvaware.com/wp-content/uploads/hikvision-dome-design-2017-example-1.jpg')!important}
.service-image.business{background-image:linear-gradient(90deg,#10182022,#10182022),url('https://www.ctcsecurity.com.au/cdn/shop/files/hikvision-bullet-camera-6mp-strobe-light-audible-warning-ds-2cd2t66g2-isusl-hikvision.webp?v=1764277658')!important}
.service-image.system{background-image:linear-gradient(90deg,#10182020,#10182030),url('https://sentinel5.co.uk/assets/images/camera_install.png')!important}
.why-visual{background:linear-gradient(180deg,#061a3312,#061a3380),url('https://images.unsplash.com/photo-1557597774-9d273605dfa9?auto=format&fit=crop&w=1200&q=85') center/cover no-repeat}
.why-visual:before,.why-visual .camera{display:none}.why-stamp{background:#171717d9;border-radius:6px}
.quote-band{background:#c8202b}.area{border-radius:5px}.nav{box-shadow:0 2px 8px #00000005}

/* Shared photographic hero treatment across homepage and every London location page */
.hero{min-height:500px;background:#06152b;color:#fff;position:relative;isolation:isolate;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(3,13,31,.94) 0%,rgba(3,13,31,.82) 43%,rgba(3,13,31,.20) 78%,rgba(3,13,31,.08) 100%),url('assets/london-cctv-hero.png') center center/cover no-repeat!important}
.hero:after{display:none!important}
.hero-grid{display:block;min-height:500px;padding:82px 0 66px;max-width:var(--max)}
.hero-grid>div:first-child{max-width:660px}
.hero-art{display:none!important}
.hero .eyebrow{color:#ff7a1a;letter-spacing:1.8px;font-size:11px}
.hero .eyebrow:before{background:#ff7417}
.hero h1{font-family:Inter,Arial,sans-serif;font-size:clamp(34px,4vw,52px);line-height:1.12;letter-spacing:-1.2px;font-weight:800;margin:18px 0 15px;max-width:690px}
.hero h1 em{color:#ff7417}
.hero p{font-size:16px;line-height:1.65;color:#e3eaf4;max-width:560px;margin-bottom:23px}
.hero .btn.red{background:#ff7417;box-shadow:none;border-radius:7px}.hero .btn.red:hover{background:#e96108}
.hero .btn.outline{border:1px solid #ffffff65;background:#07172dbb;border-radius:7px}
.hero .trustline{margin-top:25px;gap:22px;color:#fff}.hero .tick{color:#ff7417}
@media(max-width:760px){.hero{min-height:0}.hero-grid{min-height:0;padding:60px 0 48px}.hero-grid>div:first-child{max-width:100%}.hero h1{font-size:clamp(32px,8vw,44px);letter-spacing:-.7px}.hero p{font-size:14px}.hero:before{background-position:60% center!important}}

/* Smart Guard shared photographic hero system */
:root{--orange:#ff7417;--navy:#06152d;--red:#ff7417;--red2:#e85d00;--ink:#08152a;--paper:#f5f7fa;--radius:8px}
body{font-family:Arial,Helvetica,sans-serif;color:#172033}
.topline{background:#06152d;color:#dfe7f3}.nav{box-shadow:0 2px 12px #08152a0d}.brandmark{background:#ff7417;border-radius:5px;box-shadow:none}.brand{letter-spacing:-.3px}.brand small{letter-spacing:1.5px}
.btn.red{background:#ff7417;box-shadow:0 6px 18px #ff74172c}.btn.red:hover{background:#e85d00}
.hero{background:#06152d url('assets/london-cctv-hero.png') center center/cover no-repeat;color:#fff;isolation:isolate;min-height:500px}
.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(3,13,31,.97) 0%,rgba(3,13,31,.88) 37%,rgba(3,13,31,.36) 68%,rgba(3,13,31,.08) 100%)}
.hero:after{display:none}.hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:24px;min-height:500px;padding:70px 0 58px;align-items:center}.hero h1,h1{font-family:Arial,Helvetica,sans-serif;font-weight:800;letter-spacing:-1.3px;font-size:clamp(34px,4vw,56px);line-height:1.08}.hero h1 em,h1 em{color:#ff7417}.eyebrow{color:#ff8a35}.eyebrow:before{background:#ff7417}.hero p{color:#e2e9f4;line-height:1.65}.hero-art{display:none}.actions .btn{border-radius:7px}.btn.outline{border-color:#ffffff80;background:#06152a70}.trustline{color:#fff}.tick{color:#ff7417}
.section{padding:72px 0}.section-kicker{color:#e9650b}.section h2{letter-spacing:-.8px}.services{gap:20px}.service-card{border-radius:8px;box-shadow:0 3px 15px #09172b0b}.service-image{height:205px;background-size:cover;background-position:center}.service-image.home{background-image:linear-gradient(0deg,#06152a35,#06152a00),url('https://images.unsplash.com/photo-1558002038-1055907df827?auto=format&fit=crop&w=900&q=80');background-color:#27374a}.service-image.business{background-image:linear-gradient(0deg,#06152a45,#06152a00),url('https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=900&q=80');background-color:#27374a}.service-image.system{background-image:linear-gradient(0deg,#06152a45,#06152a00),url('https://images.unsplash.com/photo-1557597774-9d273605dfa9?auto=format&fit=crop&w=900&q=80');background-color:#27374a}.service-image:before,.mini-camera{display:none}.why-visual{background:url('assets/london-cctv-hero.png') center/cover no-repeat;min-height:400px;border-radius:8px}.why-visual:before{background:linear-gradient(0deg,#06152a9c,#06152a15)}.why-visual .camera{display:none}.why-stamp{background:#06152ad9;border-radius:7px}.quote-band{background:#06152d}.quote-band h2{color:#fff}.area{border-radius:5px}.footer{background:#06152d}.brand small{color:#7b8492}
@media(max-width:800px){.hero-grid{grid-template-columns:1fr;min-height:430px;padding:58px 0}.hero{background-position:62% center}.hero:before{background:linear-gradient(90deg,rgba(3,13,31,.96),rgba(3,13,31,.74))}.hero h1,h1{font-size:clamp(34px,8vw,48px)}.section{padding:54px 0}.service-image{height:180px}}

/* Final reference-inspired colour and photography pass */
:root{--orange:#ff7417;--navy:#06152d;--red:#ff7417;--red2:#e85d00;--ink:#101c30;--paper:#f5f7fa;--line:#e1e6ed}
.topline,.footer{background:#06152d!important}
.nav{background:#fff!important}
.brandmark{background:#ff7417!important}
.btn.red,.quote-band{background:#ff7417!important}
.btn.red:hover{background:#e85d00!important}
.section-kicker,.text-link{color:#e9650b!important}
.hero{background:#06152d url('assets/london-cctv-hero.png') center/cover no-repeat!important;color:#fff}
.hero:before{background:linear-gradient(90deg,rgba(3,13,31,.96) 0%,rgba(3,13,31,.86) 38%,rgba(3,13,31,.38) 70%,rgba(3,13,31,.10) 100%)!important}
.hero-art{display:none!important}
.hero-grid{display:block!important;min-height:500px;padding:80px 0 62px!important}
.hero-grid>div:first-child{max-width:660px}
.hero h1{font-family:Arial,Helvetica,sans-serif!important;font-weight:800!important;font-size:clamp(34px,4.2vw,54px)!important;line-height:1.1!important;letter-spacing:-1.1px!important}
.hero h1 em{color:#ff7417!important}
.hero .eyebrow{color:#ff7417!important}
.hero .eyebrow:before{background:#ff7417!important}
.hero p{color:#e4eaf3!important}
.service-image.home{background:linear-gradient(0deg,#06152a35,#06152a00),url('https://images.unsplash.com/photo-1558002038-1055907df827?auto=format&fit=crop&w=1000&q=85') center/cover!important}
.service-image.business{background:linear-gradient(0deg,#06152a35,#06152a00),url('https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=1000&q=85') center/cover!important}
.service-image.system{background:linear-gradient(0deg,#06152a35,#06152a00),url('https://images.unsplash.com/photo-1557597774-9d273605dfa9?auto=format&fit=crop&w=1000&q=85') center/cover!important}
.service-image:before,.mini-camera{display:none!important}
.why-visual{background:linear-gradient(0deg,#06152a45,#06152a00),url('https://images.unsplash.com/photo-1557597774-9d273605dfa9?auto=format&fit=crop&w=1200&q=85') center/cover!important}
.why-visual:before,.why-visual .camera{display:none!important}
@media(max-width:760px){.hero-grid{min-height:0!important;padding:58px 0 45px!important}.hero:before{background:linear-gradient(90deg,rgba(3,13,31,.95),rgba(3,13,31,.68))!important}.hero h1{font-size:clamp(32px,8vw,44px)!important}}


/* Final brand system: navy, white and safety orange, matching the approved hero */
:root{--orange:#ff7417;--navy:#06152d;--red:#ff7417;--red2:#e85d00;--ink:#09172d;--ink2:#13243b;--paper:#f3f6fa;--muted:#59677a;--line:#dfe5ed;--radius:8px}
body{color:#09172d;background:#fff;font-family:Arial,Helvetica,sans-serif}
.topline{background:#06152d!important;color:#dce5f2!important}.nav{background:#fff!important;border-bottom:1px solid #e3e8ef!important}.brandmark{background:#ff7417!important;color:#fff!important;border-radius:5px!important;box-shadow:none!important}.brand small{color:#68758a!important}.navlinks{gap:22px}.navlinks a:hover,.text-link:hover{color:#e85d00!important}
.btn.red,.quote-band{background:#ff7417!important;color:#fff!important;box-shadow:none!important}.btn.red:hover{background:#e85d00!important}.btn.outline{border-color:#ffffff90!important;background:#06152a70!important}.hero{background:#06152d url('assets/london-cctv-hero.png') center/cover no-repeat!important;color:#fff!important}.hero:before{background:linear-gradient(90deg,rgba(3,13,31,.97) 0%,rgba(3,13,31,.88) 38%,rgba(3,13,31,.45) 72%,rgba(3,13,31,.18) 100%)!important}.hero .eyebrow,.eyebrow{color:#ff8a35!important}.hero .eyebrow:before,.eyebrow:before{background:#ff7417!important}.hero h1,.hero h1 em{font-family:Arial,Helvetica,sans-serif!important}.hero h1 em,h1 em{color:#ff7417!important}.hero p{color:#e2e9f4!important}.trustline .tick,.tick{color:#ff7417!important}
.section{padding:76px 0!important}.section.soft{background:#f3f6fa!important}.section-kicker{color:#e9650b!important}.section h2{color:#09172d!important}.service-card{background:#fff!important;border:1px solid #dfe5ed!important;border-radius:8px!important;box-shadow:0 5px 22px #06152a0d!important}.service-card:hover{box-shadow:0 14px 34px #06152a18!important}.service-image{height:205px!important;background-color:#10213a!important;background-size:cover!important;background-position:center!important;position:relative!important}.service-image.home{background-image:linear-gradient(0deg,#06152a60,#06152a08),url('assets/london-cctv-hero.png')!important;background-position:70% center!important}.service-image.business{background-image:linear-gradient(0deg,#06152a65,#06152a08),url('assets/london-cctv-hero.png')!important;background-position:45% center!important}.service-image.system{background-image:linear-gradient(0deg,#06152a65,#06152a08),url('assets/london-cctv-hero.png')!important;background-position:90% center!important}.service-image:before,.mini-camera{display:none!important}.service-content h3{color:#09172d!important}.service-content p{color:#59677a!important}.text-link{color:#e9650b!important}.why-visual{background-image:linear-gradient(0deg,#06152a8a,#06152a12),url('assets/london-cctv-hero.png')!important;background-size:cover!important;background-position:75% center!important;border-radius:8px!important;min-height:400px}.why-visual:before,.why-visual .camera{display:none!important}.why-stamp{background:#06152de8!important;border:1px solid #ffffff3b!important;border-radius:7px!important}.benefit-icon{background:#fff0e5!important;color:#e9650b!important}.area{background:#fff!important;border-color:#dfe5ed!important;border-radius:6px!important}.area:hover{border-color:#ff7417!important;color:#e9650b!important}.quote-band{background:#06152d!important}.quote-inner p{color:#dce5f2!important}.footer{background:#06152d!important}.footer .brand small{color:#b9c5d6!important}.footer-links a:hover{color:#ff8a35!important}.footer-bottom{border-color:#ffffff25!important}.floating-contact a{background:#ff7417!important}.floating-contact a:hover{background:#e85d00!important}
@media(max-width:900px){.navlinks{gap:14px}.navlinks a:not(.btn){display:block}}
@media(max-width:650px){.section{padding:56px 0!important}.navlinks{background:#fff!important}.service-image{height:185px!important}.hero-grid{display:block!important;min-height:0!important;padding:58px 0 48px!important}.hero:before{background:linear-gradient(90deg,rgba(3,13,31,.96),rgba(3,13,31,.74))!important}}


/* Smart Guard CCTV navy + orange brand system */
:root{--ink:#07172d;--ink2:#0b2140;--red:#f58220;--red2:#d9660c;--paper:#f3f6fa;--white:#fff;--muted:#5f6d80;--line:#dce3ec}
body{color:#102039;background:#fff}
.topline{background:#061329;color:#dbe5f3}.topline strong{color:#ff922f}
.nav{background:#fff;border-bottom:1px solid #dce3ec}.brandmark{background:#f58220;box-shadow:0 7px 18px #f5822030}.brand small{color:#637187}
.navlinks a:hover{color:#f58220}.btn.red{background:#f58220;color:#07172d;box-shadow:0 8px 18px #f582202b}.btn.red:hover{background:#ff9a43;color:#07172d}
.hero{background:#06152b;color:white;min-height:500px}.hero:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(4,16,36,.95) 0%,rgba(4,16,36,.83) 45%,rgba(4,16,36,.35) 100%),url('assets/smart-guard-hero.png') center/cover no-repeat!important}.hero:after{display:none!important}.hero h1 em{color:#ff922f}.eyebrow{color:#ffb36e}.eyebrow:before{background:#f58220}.tick{color:#ff922f}.camera-scene{background:linear-gradient(130deg,#06152b88,#06152b55),url('assets/smart-guard-hero.png') center/cover no-repeat;border:1px solid #ffffff30}.service-image,.service-image.home,.service-image.business,.service-image.system{background-color:#0b2140!important;background-image:linear-gradient(135deg,#07172d55,#f5822022)!important}.service-image:after{content:"CCTV SECURITY";position:absolute;left:20px;bottom:18px;color:#fff;font-size:11px;font-weight:800;letter-spacing:2px}.benefit-icon,.floating-icon{background:#fff0e2;color:#e56f13}.section-kicker,.text-link{color:#e87516}.area:hover{border-color:#f58220;color:#d9660c}.quote-band{background:#07172d}.quote-band:before{content:"";position:absolute;left:0;top:0;bottom:0;width:7px;background:#f58220}.footer{background:#061329}.footer .brandmark{background:#f58220}.why-stamp{border-left:3px solid #f58220}
.wp-page-content{max-width:var(--max);width:calc(100% - 44px);margin:48px auto 80px;padding:0}.wp-page-content h1{color:#07172d;font-size:clamp(34px,4vw,56px);letter-spacing:-1px}.wp-page-content h2,.wp-page-content h3{color:#0b2140}.wp-page-content a{color:#d9660c}.page-hero{position:relative;min-height:370px;display:flex;align-items:center;color:#fff;background:#06152b url('assets/smart-guard-hero.png') center/cover no-repeat;padding:60px max(22px,calc((100% - 1200px)/2))}.page-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#041024ed,#041024b8 55%,#04102445)}.page-hero-inner{position:relative;max-width:760px}.page-hero .eyebrow{color:#ffb36e}.page-hero h1{font-size:clamp(36px,5vw,62px);margin:18px 0;color:#fff}.page-hero p{color:#e0e8f3;max-width:650px}
.elementor-page .wp-page-content{width:100%;max-width:none;margin:0;padding:0}.elementor-page .site-main,.elementor-page main{max-width:none}

/* Elementor compatibility and Smart Guard navy/orange brand */
.elementor-page .section, .elementor-page main.section {padding:0;}
.elementor-page .site-content, .elementor-page #content {width:100%;max-width:none;margin:0;padding:0;}
.elementor-widget-heading .elementor-heading-title{color:#061a33;}
.elementor-widget-button .elementor-button{background:#ff7900;color:#fff;border-radius:8px;}