:root{
  --shell-brand:#67e8f9;
  --shell-brand-soft:rgba(103,232,249,0.16);
}
.header-title-row{
  min-width:0;
}
.app-brand-stack{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  width:100%;
  min-width:0;
}
.app-brand{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:4px 10px;
  border-radius:999px;
  border:1px solid rgba(103,232,249,0.24);
  background:linear-gradient(135deg, rgba(8,23,38,0.92), rgba(2,6,23,0.96));
  color:var(--shell-brand);
  font-size:11px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
  box-shadow:0 8px 22px rgba(0,0,0,0.24), inset 0 1px 0 rgba(255,255,255,0.04);
}
.app-brand::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:linear-gradient(135deg, #22d3ee, #38bdf8);
  box-shadow:0 0 12px rgba(34,211,238,0.55);
  flex:0 0 auto;
}
.app-brand-stack h1,
.app-brand-stack .page-head-title{
  margin:0;
}
.site-footer{
  margin-top:10px;
  text-align:center;
}
@media (max-width: 720px){
  .app-brand{
    padding:3px 8px;
    font-size:10px;
    letter-spacing:.12em;
  }
}