.cb-nav .cb-cup {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  line-height: 1;
  overflow: hidden;
  position: relative;
  font-size: 0;
}

.cb-nav .cb-cup::before {
  content: "\1F3C6";
  display: block;
  font-size: 38px;
  line-height: 1;
  transform: translateY(1px);
  color: inherit;
}

html,
body {
  background: linear-gradient(180deg, #03140d 0%, #063d26 48%, #020806 100%) !important;
}

.cb-app {
  color: #e8f5ee;
  background:
    radial-gradient(circle at top, rgba(18, 184, 90, 0.16) 0%, rgba(18, 184, 90, 0) 24%),
    linear-gradient(180deg, #03140d 0%, #063d26 46%, #020806 100%) !important;
}

.cb-phone {
  background:
    radial-gradient(circle at top, rgba(18, 184, 90, 0.24) 0%, rgba(11, 122, 59, 0.16) 18%, rgba(6, 61, 38, 0.94) 42%, rgba(2, 8, 6, 1) 100%) !important;
}

.cb-screen {
  background:
    linear-gradient(180deg, rgba(3, 20, 13, 0.1) 0%, rgba(2, 8, 6, 0.18) 100%);
}

.cb-card {
  box-shadow: 0 20px 42px rgba(1, 10, 7, 0.42) !important;
}

.cb-nav {
  background: rgba(245, 252, 248, 0.9) !important;
  box-shadow: 0 18px 42px rgba(1, 10, 7, 0.34) !important;
}

.cb-hero {
  box-shadow: 0 24px 55px rgba(1, 10, 7, 0.38) !important;
}

.cb-scratch::before {
  background: rgba(255, 255, 255, 0.22) !important;
}

.cb-pill {
  box-shadow: 0 10px 24px rgba(1, 10, 7, 0.16);
}

/* Home hero: keep admin banner visible, hide legacy overlays, preserve CTA above all */
.cb-hero {
  position: relative;
  overflow: hidden;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

.cb-hero::before {
  background: transparent !important;
}

.cb-hero::after {
  content: none !important;
  display: none !important;
}

.cb-hero .cb-hero-copy {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.cb-hero .cb-hero-play {
  z-index: 4 !important;
  position: absolute;
  pointer-events: auto;
}