/* Animated Spokes logo – wheel "o" */
.la .la-rim{fill:none;stroke:#000;stroke-width:3.1;stroke-dasharray:1;stroke-dashoffset:0;transform-origin:39.03px 15.4px;transform:rotate(-90deg)}
.la .la-spk line{stroke:#0D4A57;stroke-width:.55;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}
.la .la-hub{fill:#000;transform-origin:39.03px 15.4px}
.la .la-o{transform-origin:39.03px 15.4px}
.la.play .la-rim{animation:laRim .5s cubic-bezier(.6,0,.2,1) both}
.la.play .la-spk line{animation:laSpk .22s ease-out both}
.la.play .la-spk line:nth-child(1){animation-delay:.42s}.la.play .la-spk line:nth-child(2){animation-delay:.48s}
.la.play .la-spk line:nth-child(3){animation-delay:.54s}.la.play .la-spk line:nth-child(4){animation-delay:.60s}
.la.play .la-spk line:nth-child(5){animation-delay:.66s}.la.play .la-spk line:nth-child(6){animation-delay:.72s}
.la.play .la-spk line:nth-child(7){animation-delay:.78s}.la.play .la-spk line:nth-child(8){animation-delay:.84s}
.la.play .la-hub{animation:laHub .3s cubic-bezier(.3,1.6,.5,1) .3s both}
.la.play .la-o{animation:laSettle .4s cubic-bezier(.3,1.5,.5,1) .9s both}
@keyframes laRim{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes laSpk{from{stroke-dashoffset:-1;opacity:.2}to{stroke-dashoffset:0;opacity:1}}
@keyframes laHub{from{transform:scale(0)}to{transform:scale(1)}}
@keyframes laSettle{0%{transform:rotate(0)}50%{transform:rotate(12deg)}75%{transform:rotate(-3deg)}100%{transform:rotate(0)}}
/* hero wheel: same draw-in */
.x-orb.la2 .tyre,.x-orb.la2 .rim{stroke-dasharray:600;stroke-dashoffset:0}
.x-orb.la2.play{animation:none}
.x-orb.la2.play .tyre{animation:laRim2 .6s cubic-bezier(.6,0,.2,1) both}
.x-orb.la2.play .rim{animation:laRim2 .6s cubic-bezier(.6,0,.2,1) .08s both}
.x-orb.la2.play .spk line{animation:laSpk2 .25s ease-out both}
.x-orb.la2.play .hub{animation:laHub .3s cubic-bezier(.3,1.6,.5,1) .3s both;transform-origin:center;transform-box:fill-box}
@keyframes laRim2{from{stroke-dashoffset:600}to{stroke-dashoffset:0}}
@keyframes laSpk2{from{opacity:0;transform:scale(.2)}to{opacity:1;transform:none}}
.x-orb.la2.play .spk line:nth-child(1){animation-delay:.45s}.x-orb.la2.play .spk line:nth-child(2){animation-delay:.5s}.x-orb.la2.play .spk line:nth-child(3){animation-delay:.55s}.x-orb.la2.play .spk line:nth-child(4){animation-delay:.6s}.x-orb.la2.play .spk line:nth-child(5){animation-delay:.65s}.x-orb.la2.play .spk line:nth-child(6){animation-delay:.7s}.x-orb.la2.play .spk line:nth-child(7){animation-delay:.75s}.x-orb.la2.play .spk line:nth-child(8){animation-delay:.8s}.x-orb.la2.play .spk line:nth-child(9){animation-delay:.85s}.x-orb.la2.play .spk line:nth-child(10){animation-delay:.9s}.x-orb.la2.play .spk line:nth-child(11){animation-delay:.95s}.x-orb.la2.play .spk line:nth-child(12){animation-delay:1s}
@media (prefers-reduced-motion:reduce){.la *,.x-orb.la2 *{animation:none!important}.la .la-spk{display:none}}
.la-wrap{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;padding:40px 20px;text-align:center}
.la-stage svg{width:min(430px,86vw);height:auto}
.la-row{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}
.la-row>div{padding:20px 28px;border-radius:16px;background:var(--x-card,#F6F6F4)}
.la-row .la-dark{background:#0B1F26}.la-dark svg path,.la-dark .la-hub{fill:#fff}.la-dark .la-rim{stroke:#fff}.la-dark .la-spk line{stroke:#A5E8FD}