.bb-teaser { position: relative; overflow: hidden; padding: 6rem 0; background:#0b1220; color:#e5e7eb; }
.bb-teaser .container { max-width: 1100px; margin: 0 auto; padding: 0 1rem; text-align:center; }
.bb-teaser h1 { font-size: clamp(2rem, 6vw, 4rem); margin:0; color:#2ecc71; }
.bb-teaser h2 { font-size: clamp(1rem, 2.6vw, 1.5rem); margin:.75rem 0 0; color:#9ca3af; }
.bb-icons { display:flex; gap:2rem; justify-content:center; margin-top:2rem; flex-wrap:wrap; }
.bb-item { background:#111827; border:1px solid #1f2937; border-radius:.75rem; padding:1rem 1.25rem; min-width:220px; }
.bb-emoji { font-size:2rem; display:block; }
/* Fallback keyframes */
@keyframes bbFadeUp { from {opacity:0; transform:translateY(24px)} to {opacity:1; transform:none} }
@keyframes bbFadeDown { from {opacity:0; transform:translateY(-24px)} to {opacity:1; transform:none} }
.bb-anim .bb-title { animation: bbFadeDown .9s ease both; }
.bb-anim .bb-sub   { animation: bbFadeUp .8s .2s ease both; }
.bb-anim .bb-icons { animation: bbFadeUp .6s .4s ease both; }
.bb-anim .bb-item  { animation: bbFadeUp .6s ease both; }
.bb-anim .bb-item:nth-child(1){ animation-delay:.45s }
.bb-anim .bb-item:nth-child(2){ animation-delay:.65s }
.bb-anim .bb-item:nth-child(3){ animation-delay:.85s }
.bb-anim .bb-brand, .bb-anim .bb-cta { animation: bbFadeUp .5s 1s ease both; }