.hub-main section.hero{background:linear-gradient(115deg,#0A3D75 0%,#0055AA 40%,#1E7FCB 68%,#6BA82E 118%);border:none;border-radius:8px;padding:30px 28px 26px;position:relative;overflow:hidden}
.hub-main section.hero::before{content:'';position:absolute;right:-140px;top:-180px;width:460px;height:460px;border-radius:50%;background:rgba(255,255,255,.06);pointer-events:none}
.hub-main section.hero::after{content:'';position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,#3EACF2,#6BA82E)}
.hub-main section.hero .eyebrow{color:#BFDBF2;position:relative}
.hub-main section.hero h1{color:#fff;position:relative}
.hub-main section.hero .lead,.hub-main section.hero p{color:#D6E7F8;position:relative}
.hub-main section.hero a{color:#fff}
/* Hero CTA buttons — the hero anchor colour override above turned the
   secondary .btn white-on-white. Restyle both for the navy hero:
   primary = solid white with navy text, secondary = translucent ghost. */
.hub-main section.hero .btn{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.4);color:#fff;position:relative}
.hub-main section.hero .btn:hover{background:rgba(255,255,255,.24);text-decoration:none}
.hub-main section.hero .btn.primary{background:#fff;border-color:#fff;color:#0A3D75}
.hub-main section.hero .btn.primary:hover{background:#EAF3FC;border-color:#EAF3FC}

/* ---- newsletter signup (2026-07-19: added to hub pages) ---- */
.mini-sub{background:var(--accent-lt);border:1px solid var(--border);border-radius:var(--radius,8px);padding:16px 18px;margin:26px 0 6px}
.mini-sub h3{font-size:1rem;margin:0 0 3px;color:var(--text)}
.mini-sub .ms-sub{font-size:.82rem;color:var(--text2);margin:0 0 11px}
.mini-sub-form{display:flex;gap:8px;flex-wrap:wrap}
.mini-sub-form input[type=email]{flex:1;min-width:190px;font-family:inherit;font-size:.9rem;padding:9px 12px;border:1px solid var(--border);border-radius:6px;color:var(--text);background:var(--surface)}
.mini-sub-form input[type=email]:focus{outline:2px solid var(--accent-light);border-color:var(--accent)}
.mini-sub-form button{font-family:inherit;font-size:.85rem;font-weight:600;padding:9px 16px;border:none;border-radius:6px;background:var(--accent);color:#fff;cursor:pointer}
.mini-sub-form button:hover{background:#00468c}
.mini-sub-msg{font-size:.8rem;margin:7px 0 0}
.mini-sub-msg.ok{color:#3F6B18}.mini-sub-msg.err{color:#B23B3B}