/* ===== Base (dari desain Claude Design) ===== */
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
  color: #48566B;
  background: #FFFFFF;
  -webkit-font-smoothing: antialiased;
}
a { color: #1B57D6; text-decoration: none; }
a:hover { color: #0E2350; }
h1, h2, h3, h4 { font-family: 'Sora', system-ui, sans-serif; color: #10203A; margin: 0; }
p { margin: 0; }
::selection { background: #1B57D6; color: #fff; }

/* Sembunyikan scrollbar pada strip horizontal */
.bcg-hscroll { scrollbar-width: none; -ms-overflow-style: none; }
.bcg-hscroll::-webkit-scrollbar { display: none; }

@keyframes bcgfloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
@keyframes bcgpulse { 0% { box-shadow: 0 0 0 0 rgba(34,197,94,.5); } 70% { box-shadow: 0 0 0 16px rgba(34,197,94,0); } 100% { box-shadow: 0 0 0 0 rgba(34,197,94,0); } }

@media (max-width: 1024px) {
  .bcg-sec { padding-top: 64px !important; padding-bottom: 64px !important; }
  .bcg-hero { padding-top: 40px !important; }
}

/* ===== Hover (konversi dari atribut style-hover) ===== */
.bcg-lift { transition: transform .25s ease, box-shadow .25s ease; }
.bcg-lift:hover { transform: translateY(-4px); box-shadow: 0 20px 40px rgba(16, 32, 58, .1); }
.bcg-lift-sm { transition: transform .2s ease, box-shadow .2s ease; }
.bcg-lift-sm:hover { transform: translateY(-2px); }