.bb-premium-chart{
  position:relative;
  width:680px;
  max-width:100%;
  aspect-ratio:1;
  margin:auto;
  isolation:isolate;
  background:
    radial-gradient(circle at center,rgba(144,71,232,.18),transparent 36%),
    radial-gradient(circle at center,rgba(85,195,255,.10),transparent 58%);
}
.bb-chart-svg{width:100%;height:100%;transform:rotate(-90deg);overflow:visible;position:relative;z-index:3;}
.bb-track{fill:none;stroke:rgba(255,255,255,.055);stroke-width:46;}
.bb-seg{fill:none;stroke-width:46;stroke-linecap:round;cursor:pointer;transition:.35s ease;filter:drop-shadow(0 0 12px currentColor);opacity:.9;}
.bb-seg.active,.bb-seg:hover{stroke-width:58;opacity:1;filter:drop-shadow(0 0 30px currentColor);}
.seg-manufacturing{stroke:#9447e8;stroke-dasharray:480 1068;stroke-dashoffset:0;}
.seg-utilities{stroke:#55c3ff;stroke-dasharray:182 1068;stroke-dashoffset:-515;}
.seg-ad{stroke:#b974ff;stroke-dasharray:107 1068;stroke-dashoffset:-728;}
.seg-other{stroke:#2df48f;stroke-dasharray:107 1068;stroke-dashoffset:-860;}
.seg-ce{stroke:#f0067b;stroke-dasharray:96 1068;stroke-dashoffset:-986;}
.seg-service{stroke:#4db3e6;stroke-dasharray:96 1068;stroke-dashoffset:-1110;}
.bb-chart-center{position:absolute;inset:31%;z-index:5;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none;background:radial-gradient(circle,rgba(34,7,64,.98),rgba(6,2,18,.96));border:1px solid rgba(255,255,255,.10);box-shadow:inset 0 0 60px rgba(148,71,232,.28),0 0 50px rgba(148,71,232,.18);animation:bbCenterPulse 4s ease-in-out infinite;}
@keyframes bbCenterPulse{50%{box-shadow:inset 0 0 90px rgba(148,71,232,.45),0 0 70px rgba(85,195,255,.25);}}
.bb-chart-center h3{color:#fff;font-size:36px;line-height:1;font-weight:800;margin:0;}
.bb-chart-center p{color:rgba(255,255,255,.65);margin:12px 0 0;letter-spacing:5px;font-size:13px;font-weight:700;}
.bb-label{position:absolute;z-index:7;color:#fff;font-weight:700;line-height:1.15;text-shadow:0 0 18px rgba(0,0,0,.9);opacity:0;animation:bbLabelReveal .8s ease forwards;}
.bb-label b{display:block;font-size:42px;line-height:1;font-weight:900;}
.bb-label span{color:rgba(255,255,255,.68);}
.label-manu{right:-40px;top:43%;animation-delay:.2s;}
.label-util{bottom:0;left:50%;transform:translateX(-50%);animation-delay:.35s;}
.label-ad{left:2%;bottom:25%;animation-delay:.5s;}
.label-other{left:-3%;top:42%;animation-delay:.65s;}
.label-ce{left:11%;top:17%;animation-delay:.8s;}
.label-service{top:1%;left:44%;animation-delay:.95s;}
.label-manu b{color:#9447e8;}.label-util b{color:#55c3ff;}.label-ad b{color:#b974ff;}.label-other b{color:#2df48f;}.label-ce b{color:#f0067b;}.label-service b{color:#4db3e6;}
@keyframes bbLabelReveal{from{opacity:0;transform:translateY(25px);}to{opacity:1;transform:translateY(0);}}
.orbit-one,.orbit-two{position:absolute;border-radius:50%;pointer-events:none;z-index:1;}
.orbit-one{inset:8%;border:1px solid rgba(148,71,232,.28);border-right-color:rgba(85,195,255,.75);box-shadow:0 0 40px rgba(148,71,232,.15),inset 0 0 20px rgba(148,71,232,.12);animation:bbOrbitOne 20s linear infinite;}
.orbit-two{inset:14%;border:1px dashed rgba(85,195,255,.20);animation:bbOrbitTwo 30s linear infinite;}
@keyframes bbOrbitOne{to{transform:rotate(360deg);}}
@keyframes bbOrbitTwo{to{transform:rotate(-360deg);}}
.bb-particles span{position:absolute;z-index:2;width:5px;height:5px;border-radius:50%;background:#55c3ff;box-shadow:0 0 15px #55c3ff;animation:bbFloatParticle 6s ease-in-out infinite;}
.bb-particles span:nth-child(1){top:15%;left:20%;}.bb-particles span:nth-child(2){top:25%;right:12%;animation-delay:.8s;}.bb-particles span:nth-child(3){bottom:15%;left:18%;animation-delay:1.4s;}.bb-particles span:nth-child(4){bottom:25%;right:15%;animation-delay:2s;}.bb-particles span:nth-child(5){top:8%;left:50%;animation-delay:2.6s;}
@keyframes bbFloatParticle{50%{transform:translateY(-16px);opacity:.55;}}
@media(max-width:767px){.bb-premium-chart{width:360px;margin-top:25px;}.bb-chart-center h3{font-size:22px;}.bb-chart-center p{font-size:10px;letter-spacing:3px;}.bb-label{font-size:12px;}.bb-label b{font-size:22px;}.label-manu{right:-5px;}.label-other{left:-2px;}}