/* Premium charcoal identity for public marketing, respecting existing light content panels. */
:root{--navy:#12242e;--teal:#117e73;--bright:#0e9786;--mist:#f3f7f5}
.site-header{background:linear-gradient(113deg,#101f29,#1b313a)!important;border-color:#34454b!important;box-shadow:0 5px 20px #091a2326!important}
.site-header .brand,.site-header .brand:hover{color:#f8fbfa!important}
.site-header .brand small{color:#b1d9d2!important}
.site-header nav a,.site-header .nav-login{color:#d5e6e3!important}
.site-header nav a:hover,.site-header .nav-login:hover{color:#7cdfc8!important}
.site-header .btn.primary{background:#167b72!important}
.hero{position:relative}
.hero::before{content:"";position:absolute;inset:2% -5% 0;border-radius:30px;background:radial-gradient(circle at 80% 40%,rgba(34,145,123,.09),transparent 48%);z-index:-1;pointer-events:none}
.product-frame{border-color:#cdded8!important;box-shadow:0 28px 70px #10242e36,0 3px 15px #0c20291a!important}
.closing{background:linear-gradient(115deg,#101f29,#1a343c)!important}
.btn.primary{background:#107c72!important}