/* B436 · four fixes from Steven's walk through the site, Nov 4.
   1. "on cultureAI.com the pill is black": the header's Say aloha pill joins the brand blue (it was ink).
   2. Ask the Lab's "Reads every note across both series": the bold words read on navy and both series marks use their
      reverse masters (the ink masters disappeared into the navy and looked blurry).
   3. "HealthView, the company they run, in numbers in gray it looks off brand": the founders page heading in ink.
   4. "Report a vulnerability ... wierd format": one column, label, heading, words, then the address, left aligned. */
html body .px-head .px-cta,html body header .px-cta{background:var(--px-blue,#1559f5)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 10px 24px -12px rgba(21,89,245,.6)!important}
html body .px-head .px-cta:hover{background:#0f47d6!important}
html body .hx-libh b{color:#fff!important}
html body #h-stats.sx-h-sm{font:700 clamp(30px,3.6vw,44px)/1.08 var(--px-sans,Rubik,system-ui,sans-serif)!important;letter-spacing:-.02em!important;color:var(--px-ink,#0a1633)!important;text-wrap:balance}
html.px-page body #report .sec-report,html body #report .sec-report{display:grid!important;grid-template-columns:minmax(0,760px)!important;gap:20px!important;justify-content:start!important;align-items:start!important}
html body #report .sec-report>div{display:grid;gap:14px}
html body #report .sec-report .sx-ctas{justify-content:flex-start!important;margin-top:8px}
/* B437 · The Culture Ohana in the footer (Steven, Nov 4: "in footer we should have the culture ohana products instead of
   just gcg llc", "Gonzalez Capital Group, LLC. DBA The Culture Group then well design footer with the culture Ohana").
   A dark glass strip like the Group site's: the rocket and THE CULTURE OHANA in mono caps, then the five reverse masters in
   equal cells on hairlines, all at one height (each is 96 units tall, so equal height is equal marks; no CultureAI bump).
   Phones: the label on top, the five as a stacked plate. */
html body .ft-ohana{margin:44px 0 0;display:grid;grid-template-columns:auto 1fr;align-items:stretch;border-radius:20px;
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));box-shadow:0 0 0 1px rgba(143,176,255,.18) inset,0 24px 48px -32px rgba(0,0,0,.6);overflow:hidden}
html body .ft-oh-k{display:flex;align-items:center;gap:12px;margin:0;padding:0 28px;font:500 12px/1 "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.2em;text-transform:uppercase;color:#8fb0ff;border-right:1px solid rgba(143,176,255,.16);white-space:nowrap}
html body .ft-oh-k img{height:22px;width:auto}
html body .ft-ohana ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
html body .ft-ohana li+li{border-left:1px solid rgba(143,176,255,.12)}
html body .ft-ohana a{display:flex;align-items:center;justify-content:center;height:84px;padding:0 14px;transition:background-color .25s}
html body .ft-ohana a img{display:block;height:24px;width:auto;max-width:100%;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
@media (hover:hover){html body .ft-ohana a:hover{background:rgba(143,176,255,.08)}html body .ft-ohana a:hover img{transform:translateY(-2px)}}
html body .ft-ohana a[aria-current]{background:rgba(21,89,245,.14)}
html body .ft-ohana a:focus-visible{outline:2px solid #8fb0ff;outline-offset:-3px;border-radius:6px}
@media (max-width:1100px){html body .ft-ohana{grid-template-columns:1fr}html body .ft-oh-k{justify-content:center;padding:18px 0;border-right:0;border-bottom:1px solid rgba(143,176,255,.16)}}
@media (max-width:700px){html body .ft-ohana ul{grid-template-columns:repeat(2,minmax(0,1fr))}html body .ft-ohana li{border:0!important;box-shadow:0 0 0 .5px rgba(143,176,255,.14)}html body .ft-ohana li:last-child{grid-column:1/-1}html body .ft-ohana a{height:58px;padding:0 10px}html body .ft-ohana a img{height:19px}}
@media (prefers-reduced-motion:reduce){html body .ft-ohana a,html body .ft-ohana a img{transition:none}}
