/* Coming Soon popup, opened from the banner at the top of every page. */
.announce-tap{cursor:pointer;-webkit-tap-highlight-color:transparent;transition:filter .2s ease}
.announce-tap:hover{filter:brightness(1.06)}
.announce-cue{display:inline-block;margin-left:11px;font-size:12px;font-weight:750;
  color:#07263A;background:rgba(255,255,255,.92);border-radius:999px;padding:4px 12px;white-space:nowrap}

.csmodal[hidden]{display:none}
.csmodal{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:18px}
.csback{position:absolute;inset:0;background:rgba(10,45,70,.46);backdrop-filter:blur(4px)}
.cspanel{position:relative;z-index:1;background:#fff;border-radius:26px;
  width:100%;max-width:800px;max-height:88vh;overflow-y:auto;padding:34px 30px 28px;
  box-shadow:0 34px 80px rgba(5,40,65,.34)}
.cspanel::before{content:"";position:absolute;left:0;right:0;top:0;height:7px;border-radius:26px 26px 0 0;
  background:linear-gradient(97deg,#0EA5E9,#22D3EE 48%,#34D399)}
.csx{position:absolute;top:14px;right:14px;width:44px;height:44px;font-size:27px;line-height:1;
  color:#5E6E80;background:none;border:0;cursor:pointer;border-radius:50%;transition:background .2s ease}
.csx:hover{color:#13263B;background:#F1F5F9}
.cseyebrow{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
  color:#0B64DC;margin:4px 0 12px}
.cspanel h2{font-family:"Archivo",system-ui,sans-serif;font-weight:850;
  font-variation-settings:"wdth" 112,"wght" 850;letter-spacing:-.035em;
  line-height:1.03;font-size:clamp(26px,4.6vw,38px);margin:0;color:#13263B}
.cslede{color:#5E6E80;font-size:16.5px;margin:12px 0 0}
.csgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:26px}
.cscard{position:relative;overflow:hidden;margin:0;background:#fff;border:1px solid #DBE6F3;
  border-radius:20px;padding:22px 14px 18px;text-align:center}
.cscard::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:var(--sc)}
.cscard img{width:84%;height:auto;margin:0 auto 14px;display:block}
.cscard b{display:block;font-family:"Archivo",system-ui,sans-serif;font-weight:800;
  font-variation-settings:"wdth" 108,"wght" 800;font-size:16px;letter-spacing:-.025em;color:#13263B}
.cscard span{display:block;color:#5E6E80;font-size:13px;margin-top:5px}
.cscard em{display:inline-block;font-style:normal;margin-top:12px;font-size:10px;letter-spacing:.1em;
  text-transform:uppercase;font-weight:800;color:#fff;background:var(--sc);border-radius:999px;padding:5px 11px}
.csnote{color:#5E6E80;font-size:15px;margin:24px 0 0;line-height:1.6;
  background:#EEF6FF;border:1px solid #DBE6F3;border-radius:16px;padding:18px 20px}
.csnote b{color:#13263B}
.csfoot{display:flex;gap:11px;flex-wrap:wrap;margin-top:24px}
.csfoot .btn{flex:1 1 auto}

@media(max-width:700px){
  .csgrid{grid-template-columns:repeat(2,1fr);gap:11px}
  .cspanel{padding:28px 18px 22px;border-radius:22px}
  .cscard{padding:16px 9px 14px;border-radius:16px}
  .announce-cue{margin-left:8px;font-size:11.5px;padding:3px 10px}
}
@media(prefers-reduced-motion:reduce){.announce-tap{transition:none}}