/* Footer statistic finish: scoped palette and contained lighting; preserve native actions. */
.bsp-console-page,
.bsp .bsp-other,
.bsp-console-page .bsp-faq {
  --panel-card-bg: oklch(0.17 0.025 245 / .8);
  --panel-card-text: #eaf4ff;
  --panel-card-muted: #94a3b8;
  --panel-card-line: color-mix(in srgb, var(--panel-accent) 20%, transparent);
  --panel-card-fill: radial-gradient(120% 100% at 0% 0%, color-mix(in srgb, var(--panel-accent) 14%, transparent), transparent 60%), var(--panel-card-bg);
  --panel-card-shadow: inset 0 1px 0 color-mix(in srgb, var(--panel-accent) 16%, transparent);
  --panel-card-hover-shadow: inset 0 1px 0 color-mix(in srgb, var(--panel-accent) 26%, transparent);
  --panel-icon-fill: color-mix(in srgb, var(--panel-accent) 14%, transparent);
  --panel-icon-line: color-mix(in srgb, var(--panel-accent) 30%, transparent);
  --panel-icon-shadow: 0 0 18px color-mix(in srgb, var(--panel-accent) 22%, transparent);
}
/* v438: isolated calls, critical styles shared by both platform pages. */
.bsp.bsp-console-page .bsp-band {
 --band-surface:#101827; --band-text:#eef4fb; --band-muted:#9cabc0; --band-accent:var(--c);
 --band-line:color-mix(in srgb,var(--band-accent) 18%,transparent); --band-wash:color-mix(in srgb,var(--band-accent) 12%,transparent);
 position:relative;display:flex;align-items:center;justify-content:space-between;gap:32px;padding:22px;
 border:1px solid var(--band-line);border-radius:8px;background:linear-gradient(145deg,var(--band-wash),transparent 65%),var(--band-surface);box-shadow:none;color:var(--band-text);
}
.bsp.bsp-console-page .bsp-band>div {min-width:0;flex:1;}
.bsp.bsp-console-page .bsp-band-icon {display:grid;place-items:center;width:48px;height:48px;margin-bottom:22px;border:1px solid var(--band-line);border-radius:8px;color:var(--band-accent);background:var(--band-wash);}
.bsp.bsp-console-page .bsp-band-icon svg {display:block;width:24px;height:24px;}
.bsp.bsp-console-page .bsp-band h2 {margin:0 0 9px;color:var(--band-text);font-size:20px;font-weight:700;line-height:1.35;letter-spacing:0;overflow-wrap:anywhere;}
.bsp.bsp-console-page .bsp-band p {margin:0;max-width:730px;color:var(--band-muted);font-size:14px;line-height:1.65;}
.bsp.bsp-console-page .bsp-band .bsp-btn.is-light {flex:0 1 auto;max-width:300px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 18px;min-height:48px;border:1px solid var(--band-line);border-radius:8px;background:var(--band-wash);color:var(--band-text);font-size:13px;font-weight:700;line-height:1.5;white-space:normal;box-shadow:none;}
.bsp.bsp-console-page .bsp-band .bsp-btn.is-light:hover {border-color:var(--band-accent);color:var(--band-text);transform:none;}
.bsp.bsp-console-page .bsp-band .bsp-btn.is-light:focus-visible {outline:2px solid var(--band-accent);outline-offset:3px;}
/* Console destination: an editorial hardware silhouette, not a faded strip. */
.bsp.bsp-console-page .bsp-other {
 --c:var(--pf-c);--c2:var(--pf-c);--oc:var(--pf-c);
 --cross-base:#10151d;--cross-front:#19212c;--cross-text:#f2f6fc;--cross-muted:#b1bece;
 --cross-line:color-mix(in srgb,var(--pf-c) 45%,transparent);--cross-wash:color-mix(in srgb,var(--pf-c) 12%,var(--cross-base));
 position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:180px minmax(0,1fr) auto;align-items:center;gap:32px;
 min-height:202px;padding:26px 32px 26px 0;border:1px solid var(--cross-line);border-radius:12px;
 background:linear-gradient(100deg,var(--cross-wash),var(--cross-base) 62%);background-clip:padding-box;box-shadow:inset 0 1px 0 var(--cross-line);color:var(--cross-text);text-decoration:none;
}
.bsp.bsp-console-page .bsp-other::before {content:"";position:absolute;inset:0 auto 0 0;width:180px;background:var(--cross-front);border-right:1px solid var(--cross-line);z-index:-1;}
.bsp.bsp-console-page .bsp-other::after {content:"";position:absolute;top:0;left:180px;width:100px;height:3px;background:var(--pf-c);pointer-events:none;}
.bsp.bsp-console-page .bsp-other>.bsp-other-wallpaper {position:absolute;z-index:-2;inset:0 0 0 auto;width:64%;height:100%;max-width:none;object-fit:cover;filter:grayscale(1);opacity:.15;mask-image:linear-gradient(90deg,transparent,#000 70%);pointer-events:none;}
.bsp.bsp-console-page .bsp-other .bsp-logo {position:relative;display:flex;align-items:center;justify-content:center;width:180px;height:150px;margin:0;padding:28px;color:var(--pf-c);box-sizing:border-box;background:none;border:none;box-shadow:none;border-radius:0;}
.bsp.bsp-console-page .bsp-other .bsp-logo :is(svg,img,i) {display:block;width:auto!important;height:54px!important;max-height:54px!important;max-width:118px!important;object-fit:contain;font-size:54px!important;line-height:1;}
.bsp.bsp-console-page .bsp-other .bsp-console-rail {position:absolute;bottom:12px;left:40px;right:40px;height:3px;background:var(--pf-c);border-radius:3px;opacity:.7;}
.bsp.bsp-console-page .bsp-other .bsp-other-copy {min-width:0;}
.bsp.bsp-console-page .bsp-other small {display:flex;align-items:center;gap:10px;margin:0 0 12px;font-size:11px;font-weight:700;text-transform:uppercase;color:var(--cross-muted);letter-spacing:0;}
.bsp.bsp-console-page .bsp-other small::before {content:"";width:20px;height:2px;background:var(--pf-c);}
.bsp.bsp-console-page .bsp-other strong {display:block;margin:0 0 20px;font-size:28px;font-weight:800;line-height:1.2;letter-spacing:0;color:var(--cross-text);overflow-wrap:anywhere;}
.bsp.bsp-console-page .bsp-other .bsp-other-stats {display:flex;align-items:center;flex-wrap:wrap;gap:12px 22px;font-size:12px;line-height:1.6;color:var(--cross-muted);}
.bsp.bsp-console-page .bsp-other .bsp-other-stat {display:inline-flex;align-items:center;gap:7px;color:var(--cross-muted);}
.bsp.bsp-console-page .bsp-other .bsp-other-stat b {color:var(--cross-text);font-weight:700;}
.bsp.bsp-console-page .bsp-other .bsp-other-stat svg {width:16px;height:16px;flex:none;color:var(--pf-c);}
.bsp.bsp-console-page .bsp-other .bsp-other-cta {display:flex;align-items:center;gap:16px;padding:14px 0 14px 22px;border-left:1px solid var(--cross-line);background:none;border-radius:0;color:var(--cross-text);font-weight:700;}
.bsp.bsp-console-page .bsp-other .bsp-other-cta>span {color:var(--cross-text);font-size:13px;line-height:1.4;max-width:85px;}
.bsp.bsp-console-page .bsp-other .bsp-other-arrow {display:block;flex:none;box-sizing:content-box;width:20px;height:20px;padding:12px;border-radius:50%;background:var(--pf-c);color:var(--cross-base);transition:transform .2s;}
.bsp.bsp-console-page .bsp-other:hover {transform:none;border-color:var(--pf-c);color:var(--cross-text);}
.bsp.bsp-console-page .bsp-other:hover .bsp-other-arrow {transform:translateX(3px);}
.bsp.bsp-console-page .bsp-other:focus-visible {outline:2px solid var(--pf-c);outline-offset:-5px;}
@media(max-width:900px) {
 .bsp.bsp-console-page .bsp-other {grid-template-columns:120px minmax(0,1fr);gap:22px;padding:22px 24px 22px 0;}
 .bsp.bsp-console-page .bsp-other::before {width:120px;}.bsp.bsp-console-page .bsp-other::after {left:120px;}
 .bsp.bsp-console-page .bsp-other .bsp-logo {width:120px;height:120px;padding:16px;grid-row:1/3;}
 .bsp.bsp-console-page .bsp-other .bsp-logo :is(svg,img,i) {height:42px!important;max-height:42px!important;max-width:85px!important;font-size:42px!important;}
 .bsp.bsp-console-page .bsp-other .bsp-console-rail {left:24px;right:24px;}
 .bsp.bsp-console-page .bsp-other strong {font-size:24px;margin-bottom:14px;}
 .bsp.bsp-console-page .bsp-other .bsp-other-cta {grid-column:2;padding:12px 0 0;border-left:0;border-top:1px solid var(--cross-line);justify-content:space-between;}
 .bsp.bsp-console-page .bsp-other .bsp-other-cta>span {max-width:none;}
}
@media(max-width:576px) {
 .bsp.bsp-console-page .bsp-band {flex-direction:column;align-items:stretch;gap:20px;padding:22px;}.bsp.bsp-console-page .bsp-band .bsp-btn.is-light {max-width:none;}
 .bsp.bsp-console-page .bsp-other {grid-template-columns:82px minmax(0,1fr);gap:18px;padding:22px 18px 20px 0;}
 .bsp.bsp-console-page .bsp-other::before {width:82px;}.bsp.bsp-console-page .bsp-other::after {left:82px;width:60px;}
 .bsp.bsp-console-page .bsp-other .bsp-logo {width:82px;padding:10px;height:120px;}
 .bsp.bsp-console-page .bsp-other .bsp-logo :is(svg,img,i) {height:34px!important;max-height:34px!important;max-width:62px!important;font-size:34px!important;}
 .bsp.bsp-console-page .bsp-other .bsp-console-rail {left:16px;right:16px;}
 .bsp.bsp-console-page .bsp-other strong {font-size:20px;}
 .bsp.bsp-console-page .bsp-other .bsp-other-stats {gap:8px;font-size:11px;}
 .bsp.bsp-console-page .bsp-other .bsp-other-arrow {padding:9px;}
}
@media(prefers-reduced-motion:reduce) {.bsp.bsp-console-page .bsp-other .bsp-other-arrow {transition:none;}.bsp.bsp-console-page .bsp-other:hover .bsp-other-arrow {transform:none;}}
/* Native accordions reuse the footer surface and illuminated icon compartment. */
.bsp-console-page .bsp-faq {
  --panel-accent: var(--c);
  --faq-line: var(--panel-card-line);
}
.bsp-console-page .bsp-faq details {
  position: relative; border-radius: 16px; border: 1px solid var(--faq-line);
  background: var(--panel-card-fill);
  box-shadow: var(--panel-card-shadow); background-clip: padding-box;
  transition: border-color .2s ease; margin-bottom: 12px;
}
.bsp-console-page .bsp-faq details::before { content: none; }
.bsp-console-page .bsp-faq summary { padding: 20px 24px; gap: 20px; align-items: center; color: var(--panel-card-text); line-height: 1.45; overflow-wrap: anywhere; }
.bsp-console-page .bsp-faq summary i { display: grid; place-items: center; flex: 0 0 38px; width: 38px; height: 38px; border-radius: 12px; color: var(--c); background: var(--panel-icon-fill); border: 1px solid var(--panel-icon-line); box-shadow: var(--panel-icon-shadow); }
.bsp-console-page .bsp-faq details p { padding: 0 24px 22px; color: var(--panel-card-muted); overflow-wrap: anywhere; }
.bsp-console-page .bsp-faq details[open], .bsp-console-page .bsp-faq details:hover { border-color: color-mix(in srgb, var(--c) 45%, transparent); box-shadow: var(--panel-card-hover-shadow); }
.bsp-console-page .bsp-faq summary:focus-visible { outline: 2px solid var(--c); outline-offset: -5px; border-radius: inherit; }
@media(max-width:576px) {
  .bsp-console-page .bsp-faq details { border-radius: 16px; }
  .bsp-console-page .bsp-faq summary { padding: 18px; gap: 14px; }
  .bsp-console-page .bsp-faq details p { padding: 0 18px 18px; }
}
@media(prefers-reduced-motion:reduce) { .bsp-console-page .bsp-faq details { transition: none; } }
@media(prefers-reduced-motion:reduce) {
  .bsp .bsp-other, .bsp .bsp-other .bsp-other-wallpaper, .bsp .bsp-other .bsp-other-arrow { transition: none; }
  .bsp .bsp-other:hover .bsp-other-arrow { transform: none; }
}

.bsp-console-page .bsp-faq details[open] summary i { transform: none; }
.bsp-console-page .bsp-faq summary i::before { display: block; transition: transform .2s ease; }
.bsp-console-page .bsp-faq details[open] summary i::before { transform: rotate(45deg); }
@media(prefers-reduced-motion:reduce) { .bsp-console-page .bsp-faq summary i::before { transition: none; } }

.bsp.bsp-console-page.is-s2 .bsp-band { --band-ink: var(--band-text); }
