/* BRANDBIT — loader (ID-040) */
.bb-loader{position:fixed;inset:0;z-index:9999;background:#0e1218;color:#f5f7ef;font-family:"Space Grotesk",Arial,sans-serif;-webkit-font-smoothing:antialiased;display:grid;grid-template-rows:auto 1fr auto;padding:34px 6%;overflow:hidden;transition:clip-path 1s cubic-bezier(.76,0,.24,1);clip-path:inset(0 0 0 0)}
.bb-loader.bb-done{clip-path:inset(0 0 100% 0)}
.bb-loader::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 55% at 68% 55%,rgba(91,67,241,.28),transparent 70%);pointer-events:none}
.bb-top{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.13em;font-weight:500;position:relative}
.bb-top span:last-child{color:#b7abff}
.bb-stage{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr);align-items:end;gap:4%}
.bb-count{font-size:clamp(84px,15vw,250px);font-weight:500;letter-spacing:-.07em;line-height:.8;font-variant-numeric:tabular-nums;white-space:nowrap;padding-bottom:2vh}
.bb-count sup{font-size:.28em;letter-spacing:-.02em;vertical-align:top;margin-left:.08em;color:#d6ff38}
.bb-chart{position:relative;width:100%;aspect-ratio:16/11;max-height:66vh;justify-self:end}
.bb-chart svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.bb-tag{position:absolute;transform:translate(-100%,-100%);padding:0 18px 14px 0;text-align:right;white-space:nowrap;pointer-events:none}
.bb-tag small{display:block;font-size:10px;letter-spacing:.14em;color:#b7abff;font-weight:500}
.bb-tag b{display:block;font-size:clamp(20px,2.2vw,34px);font-weight:500;letter-spacing:-.04em;margin-top:4px;font-variant-numeric:tabular-nums}
.bb-bottom{position:relative;display:flex;justify-content:space-between;align-items:end;gap:30px}
.bb-line{position:relative;height:1.3em;overflow:hidden;font-size:clamp(18px,1.9vw,30px);font-weight:500;letter-spacing:-.03em;flex:1;max-width:760px}
.bb-line span{position:absolute;left:0;top:0;white-space:nowrap;transform:translateY(105%);transition:transform .9s cubic-bezier(.16,1,.3,1)}
.bb-line span.in{transform:translateY(0)}
.bb-line span.out{transform:translateY(-105%);opacity:0;transition:transform .32s cubic-bezier(.7,0,.84,0),opacity .2s linear .12s}
.bb-line em{font-style:normal;color:#d6ff38}
.bb-bar{width:min(240px,30vw);height:2px;background:#ffffff26;position:relative;overflow:hidden;flex:none}
.bb-bar i{position:absolute;inset:0;background:#d6ff38;transform-origin:left;transform:scaleX(0)}
@media(max-width:760px){
  .bb-stage{grid-template-columns:1fr;align-items:center}
  .bb-chart{order:-1;max-height:44vh}
  .bb-line{font-size:18px}
  .bb-line span{white-space:normal}
  .bb-line{height:2.6em}
  .bb-bar{display:none}
}
@media(prefers-reduced-motion:reduce){.bb-loader,.bb-line span{transition:none!important}}