/* Compass marketing header: homepage, product About and Pricing.
   Reuse exactly the approved Majors/Projects logo treatment.
   This file is injected after shared theme CSS to keep the blue mark legible. */
body:is(.home-page,.compass-about-page,.pricing-page) #site-header .brand-icon {
  display:block;
  width:48px;
  height:48px;
  box-sizing:border-box;
  padding:6px;
  flex:0 0 48px;
  object-fit:contain;
  border:1px solid rgba(198,219,255,.94);
  border-radius:50%;
  background:linear-gradient(145deg,#fff 0%,#edf4ff 100%);
  box-shadow:0 3px 13px rgba(0,0,0,.14);
}
body:is(.home-page,.compass-about-page,.pricing-page) #site-header .brand {
  display:inline-flex;
  align-items:center;
  gap:12px;
  text-decoration:none;
}
body:is(.home-page,.compass-about-page,.pricing-page) #site-header .brand-name {
  color:#f8fbff !important;
}
body:is(.home-page,.compass-about-page,.pricing-page) #site-header .brand-subtitle {
  color:#b8c9e3 !important;
}
@media(max-width:620px) {
  body:is(.home-page,.compass-about-page,.pricing-page) #site-header .brand-icon {
    width:43px;
    height:43px;
    flex-basis:43px;
    padding:5px;
  }
}