.hub .hero-solo {
  display: flex;
  align-items: center;
  min-height: 540px;
  color: #fff;
  background: linear-gradient(90deg, rgba(15,16,19,.88), rgba(15,16,19,.82) 44%, rgba(15,16,19,.43) 62%, rgba(15,16,19,.03) 85%),
    url('/assets/homepage-hero-20261113.webp') 72% center / cover no-repeat #17181a;
}
.hub .hero-solo > .container { display: block; width: 100%; max-width: 1200px; }
.hub .hero-solo .hero-content { width: 51%; max-width: 590px; min-width: 0; }
.hub .hero-solo h1 { color: #fff; font-size: clamp(1.95rem, 3.25vw, 3.3rem); overflow-wrap: anywhere; }
.hub .hero-solo h1 span { color: #fff; background: none; }
.hub .hero-solo p { color: #fff; }
.hub .hero-solo .btn-outline { color: #fff; border-color: #fff; }
.hub .hero-solo .btn-outline:hover { color: #111; background: #fff; }
.hub .hero-solo .hero-stat { min-width: 0; padding-inline: clamp(.6rem, 1.5vw, 1.25rem); }
.hub .hero-solo .hero-stat strong { font-size: clamp(.95rem, 1.65vw, 1.35rem); line-height: 1.2; }
@media (max-width: 800px) {
  .hub .hero-solo {
    min-height: 0;
    padding: clamp(88px, 21vw, 140px) 0 1.5rem;
    background: linear-gradient(180deg, rgba(15,16,19,.12), rgba(15,16,19,.72) 115px, rgba(15,16,19,.91) 90%),
      url('/assets/homepage-hero-20261113-mobile.webp') center 27% / cover no-repeat #17181a;
  }
  .hub .hero-solo .hero-content { display: grid; width: 100%; max-width: 590px; }
  .hub .hero-solo .hero-badge { justify-self: start; margin-bottom: 10px; }
  .hub .hero-solo h1 { font-size: clamp(1.4rem, 5.8vw, 2.5rem); margin-bottom: 12px; text-wrap: balance; }
  .hub .hero-solo p { font-size: .95rem; line-height: 1.55; margin-bottom: 14px; }
  .hub .hero-solo .hero-btns { grid-row: 3; display: flex; flex-direction: row; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; }
  .hub .hero-solo .hero-btns a { justify-content: center; min-height: 46px; padding: 8px 12px; font-size: .85rem; text-align: center; }
  .hub .hero-solo .hero-stats { width: 100%; display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.2fr) minmax(0,1fr); }
  .hub .hero-solo .hero-stat { padding-inline: .5rem; }
  .hub .hero-solo .hero-stat span { font-size: .63rem; }
}
@media (max-width: 460px) {
  .hub .nav { gap: 8px; padding-inline: 12px; }
  .hub .nav-logo { font-size: 1.05rem; white-space: normal; min-width: 0; line-height: 1.15; }
  .hub .nav-logo .fish { width: 28px; flex-shrink: 0; }
  .hub .nav-cta { display: none; }
  .hub .nav-hamburger { min-width: 44px; min-height: 44px; justify-content: center; align-items: center; }
}