*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:#f5f4ef;color:#202622;font-family:"DM Sans",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}:root{--paper:#f5f4ef;--ink:#202622;--muted:#707770;--line:#d8d9d1;--green:#c8d7a4;--serif:Georgia,"Times New Roman",serif;--display:"Manrope",sans-serif}.header{height:88px;position:absolute;top:0;left:0;right:0;z-index:10;padding:0 7.1%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(32,38,34,.18);transition:background .25s,box-shadow .25s}.header.scrolled{position:fixed;background:rgba(245,244,239,.96);backdrop-filter:blur(14px);box-shadow:0 1px 12px #1b261410}.brand{display:flex;align-items:center;gap:10px}.brand-symbol{width:37px;height:37px;border:1px solid var(--ink);display:grid;place-items:center;font:800 17px var(--display);letter-spacing:-.12em}.brand-symbol span{font-size:13px;color:#758b4e}.brand-wordmark{font:800 10px/1.2 var(--display);letter-spacing:.14em}.brand-wordmark small{font-size:8px;letter-spacing:.23em;font-weight:500}.nav{display:flex;align-items:center;gap:32px;font-size:11px;font-weight:600}.nav>a:not(.nav-contact){transition:opacity .2s}.nav>a:hover{opacity:.55}.nav-contact{border:1px solid rgba(32,38,34,.55);padding:12px 16px}.nav-contact span{margin-left:18px}.menu-toggle{display:none}.hero{min-height:730px;height:100svh;max-height:950px;position:relative;overflow:hidden;display:flex;align-items:center;padding:110px 10% 100px}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;filter:saturate(.65)}.hero-wash{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(246,246,239,.94) 0%,rgba(246,246,239,.80) 43%,rgba(246,246,239,.39) 100%),linear-gradient(0deg,rgba(246,246,239,.5),transparent 32%)}.hero-content{position:relative;z-index:2;max-width:760px;margin-top:35px}.eyebrow,.section-top,.overline,.hero-bottom,.hero-index,.intro-stats span,.services-foot>span,.image-caption,.offer span,.contact-info>a span,.footer-note,.copyright,.back-top{font-size:9px;letter-spacing:.15em;font-weight:600}.eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:28px}.eyebrow span{width:30px;height:1px;background:#39453a}.hero h1{font:500 clamp(58px,8.3vw,116px)/.99 var(--display);letter-spacing:-.085em;margin:0 0 25px}.hero h1 em,.section h2 em,.statement h2 em{font-family:var(--serif);font-weight:400;letter-spacing:-.065em}.hero-lead{font-size:16px;line-height:1.8;color:#515a52;max-width:470px;margin:0}.hero-buttons{display:flex;align-items:center;gap:28px;margin-top:33px}.button{height:49px;padding:0 18px;display:inline-flex;align-items:center;gap:30px;font-size:11px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button-dark{background:#202622;color:white}.button-dark span{font-size:17px}.button-text{padding-left:0}.button-text span{font-size:17px}.hero-bottom{position:absolute;z-index:2;left:7.1%;right:7.1%;bottom:29px;display:flex;justify-content:space-between;color:#4e574e;font-size:8px}.hero-bottom i{font-style:normal;margin:0 7px}.hero-bottom b{margin-left:12px;font-size:14px}.hero-index{position:absolute;z-index:2;right:7.1%;top:50%;writing-mode:vertical-rl;font-size:9px}.hero-index span{margin:9px 0;color:#899186}.section{padding:95px 10%}.section-top{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:15px;color:#6e776e;font-size:8px}.intro-grid{display:grid;grid-template-columns:1fr .8fr;gap:10%;padding:64px 0 52px}.section h2,.statement h2{font:500 clamp(43px,5.3vw,72px)/1.05 var(--display);letter-spacing:-.075em;margin:0}.section h2 em{color:#7f8b73}.intro-copy{padding-top:5px;max-width:480px}.large-copy{font-size:18px;line-height:1.65;letter-spacing:-.025em;color:#343d35;margin:0 0 18px}.intro-copy>p:not(.large-copy),.feature-copy>p:not(.overline),.web-copy>p:not(.large-copy){font-size:12px;line-height:1.9;color:#747b72}.arrow-link{display:inline-flex;gap:24px;align-items:center;border-bottom:1px solid #9ca397;padding:0 0 8px;margin-top:14px;font-size:11px;font-weight:700}.intro-stats{display:grid;grid-template-columns:repeat(3,1fr) 1.4fr;border-top:1px solid var(--line);padding-top:25px;gap:20px}.intro-stats>div:not(.stats-note){display:flex;align-items:center;gap:15px}.intro-stats strong{font:500 32px var(--serif);color:#8b987b}.intro-stats span{font-size:8px;line-height:1.6;color:#697268}.stats-note{justify-self:end;font-size:11px;line-height:1.6;color:#737b72}.services{background:#e9ebe4}.services-heading{display:flex;align-items:end;justify-content:space-between;padding:57px 0 45px}.services-heading>p{max-width:300px;font-size:13px;line-height:1.8;color:#687168;margin:0 3% 4px 30px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #cbd0c6;border-left:1px solid #cbd0c6}.service-card{position:relative;min-height:315px;padding:22px 23px;border-right:1px solid #cbd0c6;border-bottom:1px solid #cbd0c6;transition:background .25s}.service-card:hover{background:#f4f5ef}.card-no{font-size:9px;color:#7e8977}.card-icon{display:block;font-size:30px;margin:44px 0 24px;color:#71815d}.service-card h3{font:600 19px/1.2 var(--display);letter-spacing:-.05em;margin:0 0 12px}.service-card p{font-size:11px;line-height:1.75;color:#707970;max-width:220px}.card-arrow{position:absolute;right:22px;bottom:20px;font-size:18px}.services-foot{display:flex;align-items:center;justify-content:space-between;padding-top:25px}.services-foot>span{font-size:8px;color:#737d72}.services-foot .arrow-link{margin:0}.feature{display:grid;grid-template-columns:1fr .85fr;gap:9%;align-items:center;padding-top:115px;padding-bottom:115px}.feature-image{height:590px;position:relative;overflow:hidden;background:#d6d9d1}.feature-image img{width:100%;height:100%;object-fit:cover}.image-caption{position:absolute;bottom:0;left:0;right:0;padding:17px 20px;background:rgba(245,244,239,.9);font-size:8px}.feature-copy .section-top{margin-bottom:44px}.overline{color:#78866b;margin:0 0 16px}.feature-copy h2{margin-bottom:22px}.feature-copy>p:not(.overline){font-size:12px;line-height:1.9;color:#6e776e}.approach-points{margin-top:29px;border-top:1px solid var(--line)}.approach-points>div{display:flex;gap:20px;padding:15px 0;border-bottom:1px solid var(--line)}.approach-points b{font:11px var(--serif);color:#849176}.approach-points span{display:flex;flex-direction:column;gap:5px}.approach-points strong{font-size:12px}.approach-points small{font-size:10px;color:#737b72}.web{background:#f0efe9}.web-grid{display:grid;grid-template-columns:1fr .85fr;gap:12%;padding-top:63px}.web-grid h2{font-size:clamp(47px,6vw,80px)}.web-copy{padding-top:4px;max-width:460px}.web-copy .large-copy{font-size:19px}.offer{display:flex;align-items:center;gap:22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;margin:25px 0}.offer strong{font:500 55px/.9 var(--display);letter-spacing:-.08em}.offer span{font-size:8px;line-height:1.8;color:#707a6f}.statement{min-height:470px;background:#dce3d3;position:relative;overflow:hidden;display:grid;place-items:center;text-align:center;padding:80px 20px}.statement-inner{position:relative;z-index:1}.statement-inner>p{font-size:8px;letter-spacing:.18em;font-weight:700;color:#6d7968;margin-bottom:28px}.statement h2{font-size:clamp(52px,7vw,91px)}.statement h2 em{color:#7e8e6e}.statement-inner>a{display:inline-flex;gap:35px;border-bottom:1px solid #8d9982;padding-bottom:9px;margin-top:29px;font-size:11px;font-weight:700}.statement-orbit{position:absolute;width:390px;height:390px;border:1px solid rgba(110,128,97,.18);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-two{width:560px;height:560px}.contact{padding-top:91px;padding-bottom:100px}.contact-grid{display:grid;grid-template-columns:1fr .8fr;gap:12%;padding-top:60px}.contact h2{font-size:clamp(46px,5.5vw,74px)}.contact-lead{font-size:13px;line-height:1.8;color:#727b72;max-width:360px;margin-top:23px}.contact-info{padding-top:6px}.contact-info>a{display:grid;grid-template-columns:90px 1fr 20px;gap:12px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}.contact-info>a:first-child{border-top:1px solid var(--line)}.contact-info>a span{font-size:8px;color:#788273}.contact-info>a strong{font-size:12px;font-weight:600;overflow-wrap:anywhere}.contact-info>a b{font-size:17px;font-weight:400}.contact-info>p{font-size:10px;line-height:1.8;color:#737c72;margin-top:25px}.footer{min-height:115px;background:#202722;color:#f5f4ef;padding:26px 7.1%;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer .brand-symbol{border-color:#d9ded2}.footer .brand-symbol span{color:#b6ca8c}.footer-note,.copyright,.back-top{font-size:8px;color:#c0c8bc}.back-top{color:white}
@media(max-width:900px){.header{padding:0 5%}.nav{gap:17px}.section{padding-left:7%;padding-right:7%}.hero{padding-left:8%}.service-grid{grid-template-columns:repeat(2,1fr)}.feature{gap:6%}.feature-image{height:510px}}
@media(max-width:650px){.header{height:72px;padding:0 5%}.menu-toggle{display:flex;border:0;background:transparent;flex-direction:column;gap:6px;padding:10px}.menu-toggle span{width:23px;height:1px;background:var(--ink)}.nav{display:none;position:absolute;top:72px;left:0;right:0;padding:18px 6% 24px;background:rgba(245,244,239,.98);flex-direction:column;align-items:stretch;gap:0;box-shadow:0 10px 20px #17201812}.nav.open{display:flex}.nav>a:not(.nav-contact){padding:14px 0;border-bottom:1px solid var(--line)}.nav-contact{margin-top:15px;text-align:center}.hero{min-height:720px;height:94svh;max-height:850px;padding:100px 7% 90px;align-items:center}.hero-wash{background:linear-gradient(90deg,rgba(246,246,239,.93),rgba(246,246,239,.64)),linear-gradient(0deg,rgba(246,246,239,.56),transparent 50%)}.hero-content{margin-top:0}.hero h1{font-size:clamp(54px,13vw,78px)}.hero-lead{font-size:14px;max-width:390px}.hero-buttons{gap:14px;flex-wrap:wrap}.hero-bottom{left:7%;right:7%;bottom:21px;font-size:7px}.hero-index{right:5%;font-size:8px}.section{padding:70px 7%}.section-top{font-size:7px;gap:12px}.section-top span:last-child{text-align:right}.intro-grid,.web-grid,.contact-grid{grid-template-columns:1fr;gap:27px;padding-top:43px}.section h2{font-size:clamp(43px,11vw,60px)}.large-copy{font-size:16px}.intro-stats{grid-template-columns:repeat(3,1fr);gap:10px}.intro-stats>div:not(.stats-note){display:block}.intro-stats strong{display:block;font-size:28px;margin-bottom:9px}.intro-stats span{font-size:7px}.stats-note{grid-column:1/-1;justify-self:start;margin-top:12px}.services-heading{display:block;padding:42px 0 30px}.services-heading>p{margin:20px 0 0;max-width:380px}.service-grid{grid-template-columns:1fr 1fr}.service-card{min-height:275px;padding:17px}.card-icon{margin:35px 0 18px}.service-card h3{font-size:16px}.service-card p{font-size:10px}.services-foot{align-items:start;gap:20px;flex-direction:column}.feature{grid-template-columns:1fr;gap:35px;padding-top:70px;padding-bottom:75px}.feature-image{height:360px}.feature-copy .section-top{margin-bottom:32px}.web-grid{gap:22px}.web-grid h2{font-size:clamp(52px,13vw,70px)}.statement{min-height:390px}.statement-orbit{width:290px;height:290px}.orbit-two{width:420px;height:420px}.contact-grid{gap:35px}.contact-info>a{grid-template-columns:70px 1fr 16px}.contact-info>a strong{font-size:11px}.footer{padding:26px 7%;display:grid;grid-template-columns:1fr 1fr;gap:22px}.footer-note,.copyright,.back-top{font-size:7px}.copyright{text-align:right}.back-top{text-align:right}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Client-provided Netsecure Solutions logo */
.brand-logo{display:block;width:clamp(180px,19vw,270px);height:58px;object-fit:contain;object-position:left center}
.footer-logo{width:250px;height:65px;filter:brightness(0) invert(1)}
@media(max-width:650px){.brand-logo{width:190px;height:48px}.footer-logo{width:205px;height:54px}}

/* Targeted improvements – existing visual system retained */
.trust{background:#f5f4ef}.trust-heading{display:grid;grid-template-columns:1fr .65fr;gap:10%;align-items:end;padding:55px 0 34px}.trust-heading>p{font-size:13px;line-height:1.8;color:#697368;max-width:350px}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.trust-grid article{padding:26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.trust-grid article>span{font-size:10px;color:#849176}.trust-grid h3,.package-details h3{font:650 19px var(--display);letter-spacing:-.04em}.trust-grid p,.package-details p,.package-details li{font-size:12px;line-height:1.85;color:#697368}.trust-note{font-size:12px;color:#687568;margin-top:24px}.trust-note a,.form-note a{border-bottom:1px solid currentColor}.package-details{margin:-6px 0 28px}.package-details ul{padding-left:20px;margin:8px 0}.package-details h3{margin-bottom:6px}.package-details p{margin:10px 0 0}.enquiry-block{display:grid;grid-template-columns:.65fr 1fr;gap:10%;padding:66px 0 0;margin-top:65px;border-top:1px solid var(--line)}.enquiry-intro h3{font:550 clamp(29px,3.5vw,45px)/1.1 var(--display);letter-spacing:-.065em;margin:12px 0 18px}.enquiry-intro>p:not(.overline){color:#6b756d;font-size:12px;line-height:1.8}.enquiry-form{display:grid;gap:18px}.enquiry-form label,.service-options legend{font-size:11px;font-weight:600}.enquiry-form label{display:grid;gap:8px}.input-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.enquiry-form input:not([type=radio]),.enquiry-form textarea{width:100%;border:1px solid #c9cfc4;background:#fffefa;border-radius:0;padding:14px;color:var(--ink);font:13px 'DM Sans',sans-serif;outline-offset:3px}.service-options{border:0;padding:0;margin:0;display:flex;align-items:center;gap:25px;flex-wrap:wrap}.service-options legend{margin-bottom:12px}.service-options label{display:flex;align-items:center;gap:8px}.service-options input{accent-color:#445b43}.form-actions{display:flex;gap:12px;flex-wrap:wrap}.form-actions button{cursor:pointer;border:0}.button-outline{border:1px solid #202622!important;background:transparent}.form-note,.form-status{font-size:11px;line-height:1.7;color:#697368;margin:0}.legal-links{display:flex;gap:18px;font-size:10px;color:#c0c8bc}.legal-links a:hover{text-decoration:underline}.legal-page{max-width:920px;min-height:70vh;margin:0 auto;padding:155px 7% 90px}.legal-page h1{font:500 clamp(44px,6vw,70px)/1.08 var(--display);letter-spacing:-.065em}.legal-page h2{font:600 22px var(--display);margin-top:32px}.legal-page p,.legal-page li{font-size:14px;line-height:1.9;color:#536057}.legal-page a{text-decoration:underline}.header.legal-header{position:relative}.footer-legal{flex-wrap:wrap}
@media(max-width:900px){.nav{gap:13px;font-size:10px}.brand-logo{width:190px}.enquiry-block{gap:5%}}
@media(max-width:650px){.trust-heading,.enquiry-block{grid-template-columns:1fr;gap:17px}.trust-heading{padding:40px 0 28px}.trust-grid{grid-template-columns:1fr}.trust-grid article{padding:23px}.input-row{grid-template-columns:1fr}.enquiry-block{margin-top:35px;padding-top:45px}.form-actions .button{justify-content:center;width:100%}.footer .legal-links{grid-column:1/-1;justify-content:center}.hero-buttons .button{gap:12px;padding-right:12px;font-size:10px}.legal-page{padding-top:55px}}
@media(prefers-reduced-motion:reduce){.hero-video{display:none}}

/* 2026 refinement: quieter typography, consistent rhythm, intentional five-card grid */
:root{--ink:#26312b;--muted:#647169;--line:#d9ded6;--display:"Manrope",sans-serif}
body{letter-spacing:-.006em}
.nav{gap:clamp(12px,1.55vw,25px);font-size:11px;letter-spacing:.005em}
.nav-contact{white-space:nowrap;border-color:#819184}
.button{border-radius:2px;letter-spacing:.015em}
.button:focus-visible,.nav a:focus-visible,.service-card:focus-visible,.enquiry-form input:focus-visible,.enquiry-form textarea:focus-visible{outline:2px solid #40624a;outline-offset:4px}
.section h2,.statement h2{letter-spacing:-.065em}
.services .service-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
.services .service-card{grid-column:span 2;min-height:285px}
.services .service-card:nth-child(n+4){grid-column:span 3;min-height:270px}
.service-card p{max-width:310px;font-size:12px;line-height:1.7}
.service-card h3{font-size:20px}
.hero-third{font-size:11px;font-weight:650;color:#394e42;border-bottom:1px solid #86988a;padding:10px 0;display:inline-flex;gap:13px;align-items:center}
.hero-third:hover{color:#172d20}
.cctv{background:#e3e9e0}
.cctv-layout{display:grid;grid-template-columns:1fr .91fr;gap:clamp(35px,8vw,125px);padding-top:64px;align-items:start}
.cctv-intro>p:not(.overline):not(.large-copy){max-width:560px;font-size:13px;line-height:1.9;color:#55665a;margin:16px 0 29px}
.cctv-intro .large-copy{margin-top:25px;font-size:17px}
.cctv-process{border:1px solid #bfcabf;background:rgba(249,250,246,.55);padding:clamp(22px,3vw,38px)}
.cctv-status{display:flex;align-items:center;gap:10px;letter-spacing:.18em;font-size:10px;font-weight:750;color:#425d4a;margin-bottom:18px}
.status-dot{display:inline-block;width:8px;height:8px;background:#658b67;border-radius:50%}
.cctv-step{display:grid;grid-template-columns:32px 1fr;gap:15px;padding:21px 0;border-bottom:1px solid #c9d1c8}
.cctv-step>span{color:#71836f;font:17px Georgia,serif}
.cctv-step h3{font:650 18px/1.3 var(--display);letter-spacing:-.04em;margin:0 0 7px}
.cctv-step p,.cctv-disclaimer{font-size:12px;line-height:1.85;color:#58685e;margin:0}
.cctv-disclaimer{margin-top:24px;font-size:11px}
@media(max-width:1080px){.nav{gap:12px;font-size:10px}.brand-logo{width:175px}.nav-contact{padding:10px}}
@media(max-width:900px){.cctv-layout{grid-template-columns:1fr 1fr;gap:30px}.services .service-card{min-height:300px}}
@media(max-width:750px){.nav{display:none;position:absolute;top:72px;left:0;right:0;padding:18px 6% 24px;background:rgba(245,244,239,.99);flex-direction:column;align-items:stretch;gap:0;box-shadow:0 10px 20px #17201812}.nav.open{display:flex}.nav>a:not(.nav-contact){padding:14px 0;border-bottom:1px solid var(--line)}.menu-toggle{display:flex;border:0;background:transparent;flex-direction:column;gap:6px;padding:10px}.menu-toggle span{width:23px;height:1px;background:var(--ink)}.header{height:72px}.nav-contact{margin-top:15px;text-align:center}.cctv-layout{grid-template-columns:1fr}.services .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.services .service-card,.services .service-card:nth-child(n+4){grid-column:span 1;min-height:285px}.services .service-card:last-child{grid-column:span 2;min-height:240px}.hero-third{width:100%;margin-top:0}}
@media(max-width:460px){.hero-buttons{gap:12px}.services .service-card,.services .service-card:nth-child(n+4){min-height:295px}.service-card h3{font-size:16px}.service-card p{font-size:11px}.cctv{padding-top:65px;padding-bottom:65px}}

/* Readable, consistent professional typography */
:root{--serif:"Inter",Arial,sans-serif;--display:"Inter",Arial,sans-serif}
body{font-family:"Inter",Arial,sans-serif;font-size:15px;line-height:1.65;font-weight:400}
.hero h1{font-weight:650;letter-spacing:-.065em;line-height:1.06}
.hero h1 em,.section h2 em,.statement h2 em{font-style:normal;font-family:var(--display);font-weight:550;letter-spacing:-.06em}
.section h2,.statement h2{font-weight:620;letter-spacing:-.06em;line-height:1.13}
.legal-page h1{letter-spacing:-.05em}
.hero-lead{font-size:17px;line-height:1.75}
.intro-copy>p:not(.large-copy),.feature-copy>p:not(.overline),.web-copy>p:not(.large-copy),.service-card p,.enquiry-intro>p:not(.overline),.cctv-step p,.cctv-disclaimer{font-size:14px;line-height:1.8}
.nav,.button,.enquiry-form label,.service-options legend{font-size:12px}
.form-note,.form-status{font-size:12px;line-height:1.75}
.enquiry-form input:not([type=radio]),.enquiry-form textarea{font:14px/1.5 "Inter",Arial,sans-serif}
.spam-trap{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.form-status[data-state="success"]{color:#245c39;font-weight:600}
.form-status[data-state="error"]{color:#a23b31;font-weight:600}
@media(max-width:650px){.hero-lead{font-size:15px}.section h2,.statement h2{line-height:1.15}.service-card p,.enquiry-intro>p:not(.overline){font-size:13px}}

/* Small non-modal promotion: no page-blocking overlay */
.special-offer[hidden]{display:none!important}.special-offer{position:fixed;right:25px;bottom:25px;z-index:30;width:min(390px,calc(100vw - 32px));background:#f8f9f5;color:#233329;border:1px solid #cad4c8;box-shadow:0 18px 55px #10251b25;padding:29px 30px 24px;opacity:0;transform:translateY(18px);transition:opacity .3s,transform .3s}.special-offer.is-visible{opacity:1;transform:translateY(0)}.special-close{position:absolute;top:11px;right:13px;width:34px;height:34px;display:grid;place-items:center;border:0;background:transparent;color:#455849;font-size:27px;cursor:pointer}.special-close:hover{background:#e3e9df}.special-kicker{display:flex;align-items:center;gap:9px;color:#526e55;font-size:10px;font-weight:750;letter-spacing:.15em}.special-dot{height:7px;width:7px;border-radius:50%;background:#6e986d}.special-offer h2{margin:19px 0 12px;font-size:29px;line-height:1.19;letter-spacing:-.055em;font-weight:640}.special-offer h2 strong{color:#45764d}.special-offer p{font-size:12px;line-height:1.85;color:#59685d;margin:0 0 22px}.special-cta{display:flex;justify-content:space-between;align-items:center;background:#24372b;color:#fff;padding:13px 15px;font-size:12px;font-weight:650}.special-cta:hover{background:#365840}.special-timer{display:block;margin-top:11px;font-size:10px;color:#78847a}
@media(max-width:600px){.special-offer{right:16px;bottom:16px;padding:23px 22px 19px}.special-offer h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){.special-offer{transition:none}}

/* Editorial typography refresh — reference-inspired headings with readable body */
:root{--display:"Manrope",Arial,sans-serif;--serif:Georgia,"Times New Roman",serif}
.hero h1,.section h2,.statement h2,.special-offer h2{font-family:var(--display);font-weight:600;letter-spacing:-.067em;line-height:1.095;text-wrap:balance}
.hero h1{font-weight:600;letter-spacing:-.075em;line-height:1.03}
.hero h1 em,.section h2 em,.statement h2 em{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.048em;line-height:1.04}
.service-card h3,.cctv-step h3,.trust-grid h3,.enquiry-intro h3{font-family:var(--display);font-weight:700;letter-spacing:-.04em;line-height:1.25}
.special-offer h2{font-size:clamp(26px,3vw,35px);letter-spacing:-.055em}
.special-offer h2 strong{font-family:var(--serif);font-weight:500;font-style:italic;letter-spacing:-.045em}
.hero-lead,.large-copy{letter-spacing:-.013em}
.section-top,.overline,.eyebrow{letter-spacing:.12em}
.button,.special-cta,.nav-contact{transition:background .2s ease,color .2s ease,transform .2s ease;letter-spacing:.01em}
.button:hover,.special-cta:hover,.nav-contact:hover{transform:translateY(-2px)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #456e52;outline-offset:3px}
@media(max-width:650px){.hero h1{font-size:clamp(51px,12vw,74px)}.section h2,.statement h2{letter-spacing:-.055em}.special-offer h2{font-size:27px}}

/* Accessible, minimal Our Services navigation */
.nav-services{position:relative}
.nav-services-trigger{display:inline-flex;align-items:center;gap:10px;border:0;background:none;color:inherit;font:inherit;font-weight:650;padding:15px 4px;cursor:pointer;white-space:nowrap}
.nav-services-trigger span{font-size:16px;transition:transform .2s}
.nav-services.is-open .nav-services-trigger span{transform:rotate(180deg)}
.nav-services-dropdown{display:none;position:absolute;top:calc(100% + 5px);left:-16px;min-width:265px;padding:12px;background:#fafaf6;border:1px solid #d8ded3;box-shadow:0 18px 38px #14271b1c;z-index:50}
.nav-services.is-open .nav-services-dropdown,.nav-services:focus-within .nav-services-dropdown{display:grid}
.nav-services-dropdown a{padding:12px 13px;font-size:12px;line-height:1.3;border-radius:2px;white-space:nowrap}
.nav-services-dropdown a:hover,.nav-services-dropdown a:focus-visible{background:#e9eee5;color:#254331}
@media (min-width:751px){.nav-services:hover .nav-services-dropdown{display:grid}}
@media(max-width:750px){.nav-services{width:100%;border-bottom:1px solid var(--line)}.nav-services-trigger{width:100%;justify-content:space-between;padding:14px 0;font-size:12px}.nav-services-dropdown{position:static;min-width:0;box-shadow:none;border:0;background:#e9eee6;padding:6px 8px 8px;margin-bottom:9px}.nav-services-dropdown a{white-space:normal;padding:12px 10px}}
@media(prefers-reduced-motion:reduce){.nav-services-trigger span{transition:none}}

#email-fallback[hidden]{display:none!important}
#email-fallback:not([hidden]){display:inline-block;margin-top:10px;text-decoration:underline;font-weight:600}

/* Official company register link in footer */
.footer .companies-house-link{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:10px 14px;border:1px solid #b6ca8c;border-radius:3px;color:#e4efce;font-size:10px;font-weight:700;letter-spacing:.035em;white-space:nowrap;transition:background .2s,color .2s}
.footer .companies-house-link:hover,.footer .companies-house-link:focus-visible{background:#b6ca8c;color:#202722}
@media(max-width:1100px){.footer{flex-wrap:wrap}}

/* 2026 IT & CCTV customer focus: visual polish, accessibility and responsive improvements */
:root{--brand-deep:#203e32;--brand-accent:#bdd59e}
.hero{background:#e9eee6 url('assets/hero-poster.jpg') center/cover no-repeat}
.hero-wash{background:linear-gradient(90deg,rgba(245,247,240,.97) 0%,rgba(245,247,240,.90) 44%,rgba(245,247,240,.47) 100%)}
.hero-content{max-width:920px}.hero h1{font-size:clamp(50px,7.25vw,104px)}.hero-lead{max-width:590px;font-size:clamp(15px,1.4vw,18px)}
.hero-buttons{gap:13px;flex-wrap:wrap}.button-outline-hero{border:1px solid var(--ink);background:rgba(255,255,255,.55);display:inline-flex;align-items:center;justify-content:center;font-weight:700}.button-outline-hero:hover{background:#fff}.hero-third{display:inline-flex;align-items:center;min-height:49px;padding:0 12px}
.button,.service-card,.nav-contact,.companies-house-link{transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.button:hover,.service-card:hover{transform:translateY(-2px)}
a:focus-visible,button:focus-visible{outline:3px solid #287b50;outline-offset:3px}
.start-section{background:#e9eee6}.start-inner{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding-top:60px;align-items:center}.start-inner>div>p:not(.overline){font-size:15px;max-width:490px;line-height:1.8;color:#58685a;margin:24px 0}.start-steps{border-top:1px solid #b9c6b5}.start-steps article{display:flex;gap:23px;padding:22px 4px;border-bottom:1px solid #b9c6b5}.start-steps b{color:#5e7962;font-size:12px}.start-steps h3{font:700 20px var(--display);margin:0 0 6px}.start-steps p{color:#58685a;font-size:13px;line-height:1.7;margin:0}
.footer-register-note{font-size:9px;line-height:1.5;color:#abbcab;max-width:220px}.footer .companies-house-link{white-space:normal;text-align:center}
@media(max-width:900px){.start-inner{grid-template-columns:1fr;gap:25px}.hero-video{display:none}.hero{background-position:65% center}}
@media(max-width:650px){.hero{min-height:690px;height:auto;padding:130px 7% 108px}.hero h1{font-size:clamp(43px,11.2vw,65px)}.hero-buttons{align-items:stretch;flex-direction:column;max-width:360px}.hero-buttons .button,.hero-third{width:100%;justify-content:center;min-height:48px}.hero-lead{line-height:1.65}.services .service-grid{grid-template-columns:1fr}.services .service-card,.services .service-card:nth-child(n+4),.services .service-card:last-child{grid-column:span 1;min-height:230px}.service-card .card-icon{margin:18px 0}.footer-register-note{max-width:none}.start-inner{padding-top:40px}}
@media(prefers-reduced-motion:reduce){.button:hover,.service-card:hover{transform:none}}

/* PREMIUM BUSINESS REFRESH — cohesive identity, clearer hierarchy, restrained depth */
:root{--paper:#f5f7f6;--ink:#142a31;--muted:#5d7176;--line:#d6e1e2;--brand-deep:#102d38;--brand-accent:#64cbbb;--green:#b6e5d9}
body{background:var(--paper);color:var(--ink);font-family:"Inter",Arial,sans-serif}
.header{height:82px;padding-inline:6%;border-bottom:1px solid rgba(20,42,49,.11);background:rgba(248,250,249,.92);backdrop-filter:blur(15px)}
.header.scrolled{background:rgba(248,250,249,.97);box-shadow:0 8px 30px rgba(16,45,56,.07)}
.brand-logo{max-height:54px;object-fit:contain}.nav{gap:25px;font-size:12px}.nav-contact{background:var(--brand-deep);color:#fff;border:1px solid var(--brand-deep);border-radius:8px;padding:14px 18px}.nav-contact:hover{background:#1b505c;color:white}
.hero{min-height:730px;max-height:900px;padding-left:8%;padding-right:8%;background-color:#dce9e8}
.hero-wash{background:linear-gradient(90deg,rgba(239,247,246,.985) 0%,rgba(239,247,246,.95) 39%,rgba(239,247,246,.72) 60%,rgba(239,247,246,.18) 100%)}
.hero-content{max-width:900px}.eyebrow{color:#176d6c;font-size:11px;font-weight:800;letter-spacing:.145em}
.hero h1{font-size:clamp(54px,7.1vw,104px);color:#102d38;font-weight:750;letter-spacing:-.071em;line-height:1.04;max-width:890px;text-shadow:0 2px 1px #ffffff30}
.hero h1 em,.section h2 em,.statement h2 em{color:#267f79;font-family:Georgia,serif;font-weight:400}
.hero-lead{font-size:clamp(16px,1.35vw,19px);color:#405f63;max-width:600px;line-height:1.72}
.hero-buttons{margin-top:35px}.button,.hero-third{font-size:13px;font-weight:750;border-radius:9px;min-height:53px;box-shadow:0 6px 20px #122e3910}.button-dark{background:#103640;color:white}.button-dark:hover{background:#1a5159}.button-outline-hero{background:#ffffffc9;border:1px solid #6d9294;color:#173f48}.hero-third{color:#163f49;font-weight:700}
.hero-bottom{color:#355e61;font-weight:750}.hero-index{color:#4b787b}
.section{padding:105px 8%}.section-top{font-size:10px;color:#547377;letter-spacing:.14em;padding-bottom:18px}
.section h2,.statement h2{font-weight:700;letter-spacing:-.069em;line-height:1.09}
.intro,.trust{background:#fff}.intro-grid{gap:9%}.large-copy{font-size:clamp(18px,2vw,22px);color:#36565d}
.intro-copy>p:not(.large-copy),.feature-copy>p:not(.overline),.web-copy>p:not(.large-copy){font-size:14px;color:#617479}
.intro-stats strong{color:#26877f}.arrow-link{color:#185b61;border-bottom-color:#80aaa9}
.services{background:#f0f6f5}.services-heading>p,.trust-heading>p{font-size:15px;line-height:1.75;color:#587177}
.service-grid{gap:17px}.service-card{background:#fff;border:1px solid #d9e6e4;border-radius:16px;box-shadow:0 8px 28px #1a4b510b;overflow:hidden;transition:transform .22s,box-shadow .22s,border-color .22s}
.service-card:hover{transform:translateY(-5px);box-shadow:0 16px 40px #1a4b511d;border-color:#8dc4ba}.service-card h3{color:#153741}.service-card p{color:#59717a;font-size:14px}.service-card .card-arrow{color:#18726d}
.service-card-cctv{background:#123a43!important;border-color:#123a43!important;color:#f4fcfa!important}.service-card-cctv h3,.service-card-cctv p,.service-card-cctv .card-arrow{color:#f2fbf9!important}
.cctv{background:#10323c;color:#f7fdfc}.cctv .section-top{border-color:#42626a;color:#b4d3d2}.cctv .overline{color:#8fd3c8}.cctv h2{color:#fff}.cctv h2 em{color:#8de0ce}.cctv .large-copy{color:#d8eae7}.cctv-intro>p:not(.overline):not(.large-copy){color:#cadfdd}.cctv .button-dark{background:#b7e8dd;color:#12323b}.cctv .button-dark:hover{background:#d1f7ee}
.cctv-process{background:#e9f5f2;color:#183a40;border-radius:18px;border:1px solid #cde9e2;box-shadow:0 22px 60px #041d2425}.cctv-step{border-bottom-color:#bfd7d5}.cctv-step p,.cctv-disclaimer{color:#526d71}.cctv-status{color:#17665f}.cctv-status .status-dot{background:#268f78}
.feature{background:#fff}.feature-image{border-radius:14px;overflow:hidden}.trust-grid article{border-radius:14px;background:#f1f7f5;border:1px solid #dceae7}.trust-grid article h3{color:#173e48}
.start-section{background:#deeeea}.start-steps{border-color:#a8cbc5}.start-steps article{border-color:#a8cbc5}.start-steps h3{color:#163c43}
.statement{background:#0c2e38}.statement h2{color:#fff}.statement h2 em{color:#a2e3d7}.statement-inner>p{color:#9ed5cf}
.contact{background:#f8faf9}.contact-info>a{border-color:#c8dad7}.contact-info>a:hover{color:#0e7b70}
.footer{background:#0b252d;color:#e8f4f1}.footer .companies-house-link{border:1px solid #89c9bd;color:#d5f2ea;background:#19404a;border-radius:8px;font-size:11px;padding:12px 16px}.footer .companies-house-link:hover{background:#b0e3d8;color:#10313b}.footer-register-note{color:#a7bfbe}
.nav-services-dropdown{background:#fff;border:1px solid #d8e7e4;border-radius:12px;box-shadow:0 18px 40px #0e364020}.nav-services-dropdown a:hover{background:#e9f5f1}
@media(max-width:900px){.hero-wash{background:linear-gradient(90deg,#eef6f4f7 0%,#eef6f4e7 59%,#eef6f4a6 100%)}.section{padding:80px 7%}}
@media(max-width:750px){.header{height:75px;padding-inline:6%;background:#f8faf9}.nav{background:#f8faf9}.nav-services-dropdown{border-radius:10px}.nav-contact{margin-top:10px;text-align:center}}
@media(max-width:650px){.hero{min-height:700px;padding:128px 7% 112px;background-position:66% center}.hero-wash{background:linear-gradient(90deg,#eef6f4f7,#eef6f4df)}.hero h1{font-size:clamp(47px,11.3vw,65px);letter-spacing:-.065em}.hero-lead{font-size:16px}.hero-buttons{max-width:100%}.hero-buttons .button{min-height:54px}.service-card{border-radius:14px}.section{padding:72px 7%}.cctv-process{border-radius:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Contact channel icons: email, phone and WhatsApp only */
.contact-info>a .contact-label{display:inline-flex;align-items:center;gap:9px;letter-spacing:.12em;font-size:9px;color:#53665f;font-weight:700}.contact-label .contact-icon{width:19px;height:19px;flex:0 0 19px;color:#225b69}.contact-label .contact-icon-whatsapp{color:#16875a}.contact-label span{font-size:inherit;letter-spacing:inherit;color:inherit}.contact-info>a{grid-template-columns:110px minmax(0,1fr) 20px}
@media(max-width:650px){.contact-info>a{grid-template-columns:102px minmax(0,1fr) 16px;gap:8px}.contact-info>a .contact-label{font-size:8px;gap:7px}.contact-label .contact-icon{width:17px;height:17px;flex-basis:17px}}

/* Dedicated organic-search landing pages */
.landing{padding-top:82px;background:#f5f9f8}.landing-hero{padding:100px 8% 88px;background:linear-gradient(115deg,#e4f2ef,#f8faf9)}.landing-hero .eyebrow{margin:0 0 23px}.landing-hero h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(40px,5.5vw,72px);max-width:950px;letter-spacing:-.065em;line-height:1.12;margin:0 0 24px}.landing-lead{font-size:19px;line-height:1.7;color:#49646a;max-width:760px}.landing-hero .button{margin:14px 12px 0 0;display:inline-flex;align-items:center}.landing-section{padding:75px 8%}.landing-section h2{font-size:clamp(29px,3.6vw,47px);letter-spacing:-.05em;margin:0 0 23px}.landing-section>p{max-width:850px;line-height:1.8;color:#526970}.landing-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:35px}.landing-card{background:#fff;border:1px solid #d7e7e3;border-radius:15px;padding:32px}.landing-card h3{font-size:21px;margin:0 0 12px;color:#153d46}.landing-card p{line-height:1.8;color:#516a70}.landing-soft{background:#eaf4f1}.landing-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.landing-step{padding:25px;border-top:3px solid #267f79;background:#fff;border-radius:7px}.landing-step b{color:#287b73;font-size:13px}.landing-step h3{font-size:20px;margin:14px 0}.landing-step p{font-size:14px;line-height:1.8;color:#536c72}.landing-faq details{border-bottom:1px solid #ccdbd9;padding:18px 0}.landing-faq summary{cursor:pointer;font-weight:700;font-size:17px}.landing-faq details p{line-height:1.85;max-width:800px;color:#516a70}.landing-quote{background:#10323c;color:white}.landing-quote p{color:#d3e8e5}.landing-quote .button{background:#b7e8dd;color:#10323c;display:inline-flex;margin:15px 10px 0 0}.landing-quote .button:hover{background:white}.landing-related a{font-weight:700;color:#15766f;text-decoration:underline}.landing-disclaimer{font-size:12px;line-height:1.7}.landing-footer{padding:30px 8%;background:#0b252d;color:#d2eeeb;display:flex;gap:24px;align-items:center;flex-wrap:wrap}.landing-footer a{color:#d2eeeb}.landing .header .brand{display:block}@media(max-width:750px){.landing-hero{padding:76px 7% 65px}.landing-section{padding:58px 7%}.landing-cards,.landing-steps{grid-template-columns:1fr}.landing-hero h1{font-size:clamp(38px,10vw,55px)}.landing-lead{font-size:16px}}
