/* ===========================================================================
   BR Trust Badge - premium stat/trust badges (dark theme, gold accent)
   =========================================================================== */
.pxl-tb {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
    --pxl-tb-gap: 40px;
    align-items: stretch;
    font-family: "Montserrat", sans-serif;
}
.pxl-tb.cols-2 { grid-template-columns: repeat(2, 1fr); }
.pxl-tb.cols-3 { grid-template-columns: repeat(3, 1fr); }
.pxl-tb.cols-4 { grid-template-columns: repeat(4, 1fr); }
.pxl-tb.cols-5 { grid-template-columns: repeat(5, 1fr); }
.pxl-tb.cols-6 { grid-template-columns: repeat(6, 1fr); }

/* ---------- Item ---------- */
.pxl-tb-item {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 6px 22px;
    text-decoration: none;
    transition: transform .45s cubic-bezier(.22, 1, .36, 1);
}
.pxl-tb.align-center .pxl-tb-item { align-items: center; text-align: center; }
.pxl-tb.align-left   .pxl-tb-item { align-items: flex-start; text-align: left; }
.pxl-tb.align-right  .pxl-tb-item { align-items: flex-end; text-align: right; }
a.pxl-tb-item:hover { transform: translateY(-4px); }

/* ---------- Icon ---------- */
.pxl-tb-item__icon {
    display: inline-flex; align-items: center; justify-content: center;
    color: #bd9a5f; font-size: 46px; line-height: 0; margin-bottom: 22px;
    transition: color .4s ease, transform .5s cubic-bezier(.22, 1, .36, 1);
}
.pxl-tb-item__icon svg { width: 1em; height: 1em; display: block; }
.pxl-tb-item__icon i { font-size: 1em; color: inherit; }
.pxl-tb-item:hover .pxl-tb-item__icon { transform: translateY(-2px); }

/* ---------- Value ---------- */
.pxl-tb-item__value {
    font-family: "Montserrat", sans-serif;
    font-size: clamp(38px, 4.6vw, 58px);
    font-weight: 600; line-height: 1; letter-spacing: .5px;
    color: #ffffff; text-transform: uppercase;
    display: block; margin-bottom: 16px;
}

/* ---------- Stars ---------- */
.pxl-tb-item__stars { display: inline-flex; align-items: center; gap: 4px; line-height: 0; margin-bottom: 14px; }
.pxl-tb-star { width: 17px; height: 17px; flex: 0 0 auto; fill: currentColor; color: #d8ab63; }
.pxl-tb-star.is-off { color: rgba(255, 255, 255, .2); }

/* ---------- Label ---------- */
.pxl-tb-item__label {
    font-size: 13px; font-weight: 600; line-height: 1.55;
    letter-spacing: 2px; text-transform: uppercase;
    color: rgba(255, 255, 255, .66);
}

/* ---------- Underline accent ---------- */
.pxl-tb-item__line { display: block; width: 42px; height: 2px; background: #bd9a5f; margin-top: 22px; border-radius: 2px; }
.pxl-tb.align-center .pxl-tb-item__line { margin-left: auto; margin-right: auto; }
.pxl-tb.align-right  .pxl-tb-item__line { margin-left: auto; }

/* ---------- Dividers ---------- */
.pxl-tb.has-dividers .pxl-tb-item:not(:last-child)::after {
    content: ''; position: absolute; top: 50%; right: calc(var(--pxl-tb-gap, 40px) / -2);
    transform: translateY(-50%);
    width: 1px; height: 66%; background: rgba(255, 255, 255, .14);
}
.pxl-tb.has-dividers.cols-2 .pxl-tb-item:nth-child(2n)::after,
.pxl-tb.has-dividers.cols-3 .pxl-tb-item:nth-child(3n)::after,
.pxl-tb.has-dividers.cols-4 .pxl-tb-item:nth-child(4n)::after,
.pxl-tb.has-dividers.cols-5 .pxl-tb-item:nth-child(5n)::after,
.pxl-tb.has-dividers.cols-6 .pxl-tb-item:nth-child(6n)::after { display: none; }

/* ===========================================================================
   GSAP scroll-reveal initial state (only once JS marks the section ready)
   =========================================================================== */
.pxl-tb.pxl-ready[data-animate="yes"] [data-tb-item] { opacity: 0; will-change: transform, opacity; }

/* ===========================================================================
   Responsive
   =========================================================================== */
@media (max-width: 991px) {
    .pxl-tb { gap: 30px 24px; }
    .pxl-tb.cols-t-1 { grid-template-columns: repeat(1, 1fr); }
    .pxl-tb.cols-t-2 { grid-template-columns: repeat(2, 1fr); }
    .pxl-tb.cols-t-3 { grid-template-columns: repeat(3, 1fr); }
    .pxl-tb.cols-t-4 { grid-template-columns: repeat(4, 1fr); }
    .pxl-tb.has-dividers .pxl-tb-item:not(:last-child)::after { display: none; }
    .pxl-tb-item { padding: 14px 16px; }
}
@media (max-width: 575px) {
    .pxl-tb.cols-m-1 { grid-template-columns: repeat(1, 1fr); }
    .pxl-tb.cols-m-2 { grid-template-columns: repeat(2, 1fr); }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
    .pxl-tb.pxl-ready[data-animate="yes"] [data-tb-item] { opacity: 1 !important; }
    .pxl-tb-item, .pxl-tb-item__icon { transition: none; }
}