/* CSG / Central Security Group — Spaced identity. */
:root{--navy:#0b3768;--blue:#4f87b8;--sky:#9ec6e5;--ink:#17334e;--csg-deep:#082744}
.topline{color:#b4c9dc;border-color:#b6d4ed1c;background:transparent}
.topline a{color:#dceaf5}
.header{background:transparent;border-bottom:0}
.header .nav-wrap{height:108px;gap:24px;border-bottom:1px solid #b9d2e329}
.csg-brand{position:relative;display:block;flex:0 0 auto;width:260px;max-width:100%;line-height:0}
.csg-lockup{display:block;width:100%;height:auto;overflow:hidden}
/* The complete approved lockup is displayed from the original board pixels. */
.csg-brand-filters{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.header .main-nav{gap:22px;margin-right:0}
.header .main-nav>a,.header.is-scrolled .main-nav>a{color:#d0dfeb;font-weight:500}
.header .main-nav>a:hover,.header .main-nav>a.active,.header.is-scrolled .main-nav>a:hover,.header.is-scrolled .main-nav>a.active{color:#fff}
.header .main-nav>a.active:after,.header.is-scrolled .main-nav>a.active:after{background:#a5d0f1}
.header .nav-cta,.header.is-scrolled .nav-cta{background:#eaf3fa;color:#10375d;border-color:#eaf3fa;font-weight:700}
.header .nav-cta:hover,.header.is-scrolled .nav-cta:hover{background:#fff;color:#082744;border-color:#fff}
.header .portal-cta{background:#9ec6e508;color:#edf5fc;border-color:#a9c8df6b}
.header .portal-cta:hover{background:#d8eafa16;border-color:#c3deef;color:#fff}
.header .menu-toggle span,.header.is-scrolled .menu-toggle span{background:#d9ebf8}
.header.is-scrolled{background:#082744f5;box-shadow:0 8px 30px #00152830;border-bottom:1px solid #b9d2e326;backdrop-filter:blur(20px)}
.header.is-scrolled .nav-wrap{height:88px;border:0}
.header.is-scrolled .csg-brand{width:240px}
.hero{background:radial-gradient(ellipse at 78% 39%,#234f75 0%,#103452 35%,#082744 76%)}
.hero-shade{background:linear-gradient(90deg,#082744 1%,#082744f2 28%,#0827448c 45%,transparent 70%),linear-gradient(0deg,#082744a8,transparent 24%)}
.hero h1{font-weight:400;letter-spacing:-4.5px}
.hero h1 span{color:#9ec6e5}
.hero .eyebrow{font-size:8px;letter-spacing:2px}
.hero-description{color:#bfd1e1}
.hero .architecture-scene{top:60px;height:740px}
.hero .architecture-halo{background:radial-gradient(ellipse at 58% 48%,#86b6dc2a,transparent 67%)}
.patrol-console{background:#0a294980;border-color:#a8c7de30}
.coverage-section{background:linear-gradient(115deg,#082744,#123a60)}
.coverage-card h3{color:#eef6fc}
.group-signature{width:205px;margin-top:35px;padding:20px 15px 17px;background:#f3f7fa;border:1px solid #dce7f0;border-radius:4px;text-align:center}
.group-signature .csg-lettermark{display:block;width:155px;height:auto;margin:0 auto 19px;overflow:hidden}
.group-signature span{display:block;font-size:5px;letter-spacing:.7px;color:#6c8ca7;white-space:nowrap}
.contact-section{background:radial-gradient(ellipse at 88% 12%,#3976a43d,transparent 60%),linear-gradient(110deg,#082744,#103b64)}
.contact-watermark{right:3%;bottom:-35px;font-size:250px;letter-spacing:-17px;color:#b5d5ed08}
footer{background:#061c32;color:#dceaf4;border-top:1px solid #b8d7ef20}
.footer-main{grid-template-columns:260px 1fr 1fr 1fr;gap:35px;padding-top:54px;padding-bottom:44px}
.footer-brand{width:250px;align-self:start;margin-top:4px}
.footer-main>p{font-size:22px;color:#86a3bc}
.footer-main>p strong{color:#e2edf7}
.footer-label{color:#87a7c1}
.footer-main div>a,.footer-main div>button{color:#c0d3e3}
.footer-main div>a:hover,.footer-main div>button:hover{color:#fff}
.footer-main .footer-phone{color:#edf6fd}
.footer-main address{color:#91aec4}
.footer-coverage{color:#88a7bf}
.footer-bottom{border-color:#bed9ed20;color:#91aec4}
.footer-bottom a:hover,.footer-bottom button:hover{color:#fff}
@media(min-width:1500px){.hero .architecture-scene{top:75px;height:800px}}
@media(max-width:1200px){
 .header .nav-wrap{gap:18px}.header .csg-brand{width:230px}.header.is-scrolled .csg-brand{width:220px}
 .header .main-nav{gap:16px}.header-actions{gap:8px}
 .hero .architecture-scene{top:88px;height:715px}
 .group-signature{width:170px;padding:18px 10px}.group-signature .csg-lettermark{width:135px;height:auto}.group-signature span{font-size:4.5px}
 .footer-main{grid-template-columns:210px 1fr 1fr 1fr;gap:25px}.footer-brand{width:205px}.footer-main>p{font-size:19px}
}
@media(max-width:1100px){
 .header .main-nav{top:108px;background:#082744fa;border-color:#b5d2e526;box-shadow:0 18px 30px #00152933;backdrop-filter:blur(20px)}
 .header.is-scrolled .main-nav{top:88px;background:#082744fa;border-color:#b5d2e526}
 .header .main-nav>a{font-size:14px}.hero .architecture-scene{top:115px;height:680px}
 .footer-main{grid-template-columns:220px 1fr 1fr}.footer-main>p{display:none}
}
@media(max-width:850px){
 .header .nav-wrap{height:96px;gap:16px}.header .csg-brand{width:220px}.header.is-scrolled .csg-brand{width:210px}
 .header.is-scrolled .nav-wrap{height:84px}.header .main-nav{top:96px}.header.is-scrolled .main-nav{top:84px}
 .group-signature{display:none}.header-actions .button{font-size:9px;padding-left:12px;padding-right:12px}
 .header-actions .nav-cta{gap:15px}.footer-main{grid-template-columns:190px 1fr 1fr;gap:25px}.footer-brand{width:185px}
}
@media(max-width:600px){
 html{scroll-padding-top:136px}.header{top:30px}
 .header .nav-wrap{height:132px;display:grid;grid-template-columns:minmax(0,1fr) 40px;grid-template-rows:62px 42px;gap:6px 14px;padding:5px 0 16px;align-content:center}
 .header .csg-brand{width:220px;grid-column:1;grid-row:1}
 .header .menu-toggle{grid-column:2;grid-row:1;justify-self:end;padding:8px}
 .header-actions{grid-column:1/-1;grid-row:2;display:flex;width:100%;margin:0;gap:10px}
 .header-actions .button{font-size:10px;padding:10px 12px;min-height:42px;white-space:nowrap}
 .header-actions .nav-cta>span{display:inline;font-size:17px}.header-actions .nav-cta{gap:12px}
 .header.is-scrolled .nav-wrap{height:116px;grid-template-rows:50px 40px;padding:4px 0 12px;gap:5px 14px}
 .header.is-scrolled .csg-brand{width:205px}.header.is-scrolled .header-actions .button{min-height:40px}
 .header .main-nav{top:132px;padding:20px 24px 27px}.header.is-scrolled .main-nav{top:116px}
 .hero{min-height:1050px}.hero-content{padding-top:212px!important;padding-bottom:400px!important}
 .hero h1{font-size:clamp(53px,13.6vw,77px);letter-spacing:-3px}.hero .eyebrow{font-size:7px;letter-spacing:1.3px;gap:9px}
 .hero .architecture-scene{top:auto;bottom:119px;height:370px;width:140%;right:-20%}
 .hero-shade{background:linear-gradient(0deg,#082744 0%,#08274400 15%,#08274400 39%,#082744 50%)}
 .hero-description{font-size:12px}.hero-grid{opacity:.12}
 .footer-main{grid-template-columns:1fr 1fr;gap:26px 18px;padding-top:38px;padding-bottom:32px}
 .footer-brand{grid-row:1;grid-column:1/-1;width:220px;margin:0 0 5px}.footer-main>p{display:none}
 .footer-main>div{grid-row:2;align-self:start}.footer-main .footer-phone{font-size:12px}
 .footer-bottom{font-size:8px;gap:15px}.contact-watermark{font-size:165px;letter-spacing:-8px;bottom:-24px}
}
@media(max-width:370px){
 .header .csg-brand{width:200px}.header.is-scrolled .csg-brand{width:190px}.header-actions .button{font-size:9px;padding:9px 8px}.header-actions .nav-cta>span{display:none}
 .hero{min-height:1020px}.hero h1{font-size:51px}.hero .eyebrow{font-size:6.3px;letter-spacing:1px}.hero-description{font-size:11px}
 .hero .architecture-scene{bottom:116px;height:340px}.footer-brand{width:205px}
}