/* ============ TOPLINE + FLOATING NAV BAR ============
   Shared by the home hero and every subpage header band. */
.topline{position:relative;z-index:50;display:flex;align-items:center;gap:28px;
  margin:26px 48px 0}
.topline .logo img{height:96px;width:auto;display:block;filter:drop-shadow(0 3px 16px rgba(10,45,66,.5))}
.floatbar{flex:1;display:flex;align-items:center;gap:16px;background:#fff;
  border:1px solid rgba(70,65,60,.15);border-radius:14px;padding:9px 14px;
  box-shadow:0 10px 34px rgba(10,45,66,.28)}
.floatbar .brand img{height:48px;width:48px;border-radius:11px;display:block}
.floatbar .beta{flex:1;display:flex;align-items:center;gap:10px;min-width:0;
  font-family:"DM Sans";font-weight:600;font-size:14.5px;letter-spacing:.01em;color:var(--ink);
  white-space:nowrap;overflow:hidden}
.floatbar .pulse{width:9px;height:9px;border-radius:50%;background:var(--teal);flex-shrink:0;
  box-shadow:0 0 0 0 rgba(27,167,161,.5);animation:pulse 2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(27,167,161,.5)}70%{box-shadow:0 0 0 9px rgba(27,167,161,0)}100%{box-shadow:0 0 0 0 rgba(27,167,161,0)}}
.floatbar .beta strong{font-weight:700;color:var(--blue)}
.floatbar nav{display:flex;align-items:center;gap:10px;flex-shrink:0}
.floatbar nav a{font-family:"DM Sans";font-weight:600;font-size:14.5px;color:var(--ink);text-decoration:none;
  padding:10px 17px;border:1.5px solid rgba(70,65,60,.22);border-radius:9px;transition:all .15s;background:#fff}
.floatbar nav a:hover{border-color:var(--blue);color:var(--blue);background:rgba(0,140,204,.06)}
.floatbar nav a[aria-current="page"]{border-color:var(--blue);color:var(--blue);background:rgba(0,140,204,.07)}
.floatbar nav a.contact{background:var(--blue);border-color:var(--blue);color:#fff}
.floatbar nav a.contact:hover{background:#0077AD}

/* ============ SUBPAGE HEADER BAND ============ */
.band{position:relative;background:linear-gradient(160deg,#0A2D42 0%,#0E5E8E 45%,var(--blue) 100%);padding-bottom:80px}
.band .cols2{padding:70px 48px 0;gap:56px}
.band .eyebrow{color:var(--azure)}
.band h1{font-family:"DM Sans";font-weight:700;color:#fff;font-size:clamp(38px,5.4vw,62px);
  letter-spacing:-1px;line-height:1.06;max-width:20ch}
.band p.lede{margin-top:24px;max-width:60ch;font-size:18.5px;line-height:1.65;color:#D8F0FB}
.band .cohort{margin-top:22px;max-width:60ch;font-size:16px;color:#D8F0FB;line-height:1.6}
.band .cohort strong{color:#fff}
.band a.btn{display:inline-block;margin-top:20px;font-family:"DM Sans";font-weight:700;font-size:16px;
  letter-spacing:.03em;text-transform:uppercase;background:#fff;color:var(--blue);
  padding:15px 34px;border-radius:10px;text-decoration:none;box-shadow:0 6px 26px rgba(10,45,66,.35)}

@media (max-width:900px){
  .topline{margin:18px 22px 0;flex-direction:column;align-items:stretch;gap:14px}
  .topline .logo img{height:70px}
  .floatbar{flex-wrap:wrap;row-gap:8px}
  .floatbar .beta{white-space:normal}
  .band .cols2{padding:44px 22px 0}
}