/* Official platform artwork, with a full-width reference-inspired logo loop. */
.bs .bs-platforms {position:relative;isolation:isolate;overflow:hidden;background:#17130a;color:#f4f1e8;padding:28px 0;--platform-gap:clamp(72px,7vw,112px);--focus-ring:#f7b500;scroll-margin-top:0}
.bs .bs-platforms-symbol {position:absolute;z-index:-1;left:-260px;top:-220px;width:700px;height:700px;max-width:none;opacity:.065;pointer-events:none;transform:rotate(-16deg)}
.bs .bs-platforms-window {position:relative;margin:0;overflow:hidden}
.bs .bs-platforms-run {width:100%}
.bs .bs-platforms-set {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:dense;align-items:center;gap:24px 48px;list-style:none;margin:0 auto;padding:0 48px;max-width:1280px;box-sizing:border-box}
.bs .bs-platforms-set[aria-hidden=true] {display:none}
.bs .bs-platforms-logo {display:flex;align-items:center;justify-content:center;margin:0;padding:0;list-style:none;min-width:0;height:128px}
.bs .bs-platforms-logo img {display:block;width:var(--logo-width);height:auto;max-width:100%;object-fit:contain}
.bs .bs-platforms-logo--wordpress {--logo-width:300px}
.bs .bs-platforms-logo--woo {--logo-width:184px}
.bs .bs-platforms-logo--cpanel {--logo-width:280px}
.bs .bs-platforms-logo--plesk {--logo-width:250px}
.bs .bs-platforms-logo--cloudpanel {--logo-width:300px}
.bs .bs-platforms-logo--cloudpanel img {filter:brightness(0) invert(1)}
.bs .bs-platforms-logo--mpesa {--logo-width:272px}
.bs .bs-platforms-logo--workspace {--logo-width:380px}
.bs .bs-platforms-logo--godaddy {--logo-width:300px}
.bs .bs-platforms-logo--analytics {--logo-width:284px}
.bs .bs-platforms-logo--googleads {--logo-width:300px;gap:16px}
.bs .bs-platforms-logo--googleads img {width:64px;max-width:none}
.bs .bs-platforms-logo--googleads span {font-family:Inter,system-ui,sans-serif;font-size:34px;line-height:1.2;letter-spacing:-.035em;white-space:nowrap;color:#f4f1e8}
.bs .bs-platforms.is-animated .bs-platforms-run {display:flex;width:max-content;will-change:transform}
.bs .bs-platforms.is-animated .bs-platforms-set {display:flex;flex:none;gap:var(--platform-gap);max-width:none;padding:0 var(--platform-gap) 0 0;margin:0}
.bs .bs-platforms.is-animated .bs-platforms-logo {flex:none;width:var(--logo-width)}
@media(max-width:960px){
 .bs .bs-platforms {padding:24px 0;--platform-gap:64px}
 .bs .bs-platforms-symbol {width:560px;height:560px;left:-260px;top:-190px}
 .bs .bs-platforms-set {padding:0 32px;gap:16px 32px}
 .bs .bs-platforms-logo {height:108px}
 .bs .bs-platforms-logo--wordpress {--logo-width:244px}
 .bs .bs-platforms-logo--woo {--logo-width:150px}
 .bs .bs-platforms-logo--cpanel {--logo-width:224px}
 .bs .bs-platforms-logo--plesk {--logo-width:204px}
 .bs .bs-platforms-logo--cloudpanel {--logo-width:244px}
 .bs .bs-platforms-logo--mpesa {--logo-width:224px}
 .bs .bs-platforms-logo--workspace {--logo-width:320px}
 .bs .bs-platforms-logo--godaddy {--logo-width:244px}
 .bs .bs-platforms-logo--analytics {--logo-width:244px}
 .bs .bs-platforms-logo--googleads {--logo-width:260px}
 .bs .bs-platforms-logo--googleads img {width:56px}
 .bs .bs-platforms-logo--googleads span {font-size:30px}
}
@media(max-width:600px){
 .bs .bs-platforms {padding:20px 0;--platform-gap:56px}
 .bs .bs-platforms-window {margin:0}
 .bs .bs-platforms-set {grid-template-columns:repeat(2,minmax(0,1fr));padding:0 24px;gap:8px 24px}
 .bs .bs-platforms-logo {height:80px}
 .bs .bs-platforms-logo--wordpress {--logo-width:184px}
 .bs .bs-platforms-logo--woo {--logo-width:116px}
 .bs .bs-platforms-logo--cpanel {--logo-width:176px}
 .bs .bs-platforms-logo--plesk {--logo-width:160px}
 .bs .bs-platforms-logo--cloudpanel {--logo-width:192px}
 .bs .bs-platforms-logo--mpesa {--logo-width:176px}
 .bs .bs-platforms-logo--workspace {--logo-width:300px}
 .bs .bs-platforms-logo--godaddy {--logo-width:176px}
 .bs .bs-platforms-logo--analytics {--logo-width:204px}
 .bs .bs-platforms-logo--googleads {--logo-width:224px;gap:12px}
 .bs .bs-platforms-logo--googleads img {width:44px}
 .bs .bs-platforms-logo--googleads span {font-size:26px}
 .bs .bs-platforms:not(.is-animated) :is(.bs-platforms-logo--workspace,.bs-platforms-logo--analytics,.bs-platforms-logo--googleads) {grid-column:1 / -1}
 .bs .bs-platforms-symbol {width:440px;height:440px;top:-135px;left:-230px}
}