/* ===== v8 INVERTED: calm blue hero/header/footer, silver logo; light body sections (see BRAND_ZEN.md) ===== */
:root{--calm:#3F6A93;--calm-dk:#36618A;--calm-ink:#2E5578;--on-calm:#FFFFFF;--on-calm-2:#E5E9EE;--silver:#CDD1D6}
header{background:var(--calm);border-bottom:1px solid rgba(255,255,255,.14);backdrop-filter:none}
header .logo{color:var(--on-calm)}header nav a{color:var(--on-calm-2)}header nav a:hover{color:#fff;text-decoration:underline;text-underline-offset:6px}
.hero3{background:linear-gradient(120deg,var(--calm),var(--calm-dk) 45%,var(--calm) 75%,var(--calm-dk));background-size:300% 300%}
.hero3 .hero-h1{color:var(--on-calm)}.hero3 .subline{color:var(--on-calm)!important}.hero3 .tagline{color:var(--on-calm-2)!important}.hero3 .lede{color:var(--on-calm)}
.hero3 .btn{background:#fff;color:var(--calm-ink)}.hero3 .btn:hover{background:var(--on-calm-2)}
.hero3 .btn.alt{background:transparent;color:#fff;border:1px solid #fff}.hero3 .btn.alt:hover{background:rgba(255,255,255,.1)}
.hero3 a:focus-visible,header a:focus-visible,footer a:focus-visible{outline-color:#fff}
footer,.v3 footer{background:var(--calm);color:var(--on-calm-2)}footer a{color:#fff}.foot-slogan{color:#fff}
#chat-btn{background:var(--calm);box-shadow:0 6px 20px rgba(30,58,95,.25)}#chat .hd{background:var(--calm)}
@media(max-width:760px){header nav a:not(:last-child){display:none}header .wrap{gap:10px}}