/* Optional midnight-green accents. Remove this stylesheet link to restore
   the previous charcoal/copper palette without reverting the brand updates. */
:root{--midnight-green:#004c54;--green-line:#35656a;--green-highlight:#9fc9c2}
::selection{background:#285e62;color:#fff}
.site-header{background:rgba(14,34,37,.97);border-bottom-color:#2e494d}
.nav a:not(.btn):after{background:var(--green-highlight)}
.btn:not(.outline):not(.light):not(.orange-btn){background:var(--midnight-green);border-color:#32747a;color:#f4f2ed}
.btn:not(.outline):not(.light):not(.orange-btn):hover{background:#09616a;border-color:#5c979b}
.btn.outline:hover{background:#173c40;border-color:#6f9a9c}
.hero-proof>div,.hero-proof>a{background:#173539ed;border-color:#477073}
.hero-proof>a:hover{background:#214b4f}
.core-systems>a:hover{background:#1b3033}
.services-section{background:linear-gradient(110deg,#102c30 0%,#0d171b 62%,#0d1317 100%);border-block-color:#29494c}
.services-list,.service-row{border-color:#355154}
.monitoring-steps>div>span{color:var(--green-highlight)}
.service-detail#monitoring{background:#183438;border-inline-color:#183438}
.cta-section{background:linear-gradient(110deg,#174248 0%,#1b343a 55%,#202b32 100%);border-top-color:#42696d}
.filter[aria-pressed=true],.filter[aria-pressed=true]:hover{background:#174d54;border-color:#58898c;color:#f4f2ed}
.site-footer{background:#0c1b1e}
.footer-bottom{border-color:#2b4145}
.footer-top a:hover,.text-link:hover,.article-sources a:hover{color:var(--green-highlight)}
@media(min-width:601px){
  .systems-hero-main:after{background:linear-gradient(90deg,rgba(10,30,33,.98) 0%,rgba(10,27,30,.94) 30%,rgba(10,23,27,.52) 50%,rgba(10,17,22,.07) 72%),linear-gradient(0deg,rgba(9,14,19,.5),transparent 28%)}
}
@media(min-width:601px) and (max-width:1100px){
  .systems-hero-main:after{background:linear-gradient(90deg,rgba(10,30,33,.98),rgba(10,27,30,.92) 35%,rgba(10,23,27,.25) 69%,rgba(10,17,22,.04))}
}
@media(min-width:601px) and (max-width:800px){
  .systems-hero-main:after{background:linear-gradient(90deg,rgba(10,30,33,.98),rgba(10,27,30,.93) 41%,rgba(10,23,27,.25) 80%)}
}
@media(max-width:800px){.nav{background:#102629;border-bottom-color:#355154}}