.banner-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 24px; /* sama dengan margin-top banner */
  background: #fff; /* atau warna banner */
  z-index: 999;
}

[data-theme="dark"] .banner-bg { background: #121212 }

banner {
  /* Positioning */
  position: fixed;
  top: 24px;
  left: 0;
  z-index: 1000;

  /* Sizing */
  width: 100dvw;
  height: clamp(60px, 8dvh, 100px);

  /* Content alignment */
  display: flex;
  justify-content: center;
  align-items: center;

  /* Styling */
  font-family: "Inversionz", sans-serif;
  background-color: #ffffff;
  color: #000000;
  font-size: clamp(1.8rem, 5dvw, 4rem);
  letter-spacing: clamp(0.5px, 1dvw, 3px);

  /* Ensure proper box model */
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* Margin top 0 khusus mobile */
@media (max-width: 600px) {
  .banner-bg {
    height: 0;
  }
  banner {
    top: 0;
  }
}

/* Dark theme support */
[data-theme="dark"] banner {
  background-color: #121212;
  color: #ffffff;
}

.colored-a {color: #f96f0d;}
[data-theme="dark"] .colored-a {color: #0c99eb;}