/* Marketing cards share the dock-nav glass. Photos, buttons, and phone frames stay solid. */

:is(
  .wm-product-mock,
  .wm-product-mock__decision,
  .wm2a-ask,
  .wm2a-result,
  .wm2a-weekly,
  .wm2a-wkcard,
  .wm2a-control,
  .wm2s-callout,
  .wm2s-card,
  .wm2f-panel,
  .wm2r-card,
  .wm2r-hq,
  .wm2r-hq--current,
  .wm2g-card,
  .wm2g-callout,
  .gx-card,
  .gx-shot,
  .gx-team-card,
  .gx-learn-row,
  .gx-mcp-row,
  .gx-kpi,
  .gx-reco,
  .gx-chart,
  .wm-contact-card,
  .ramp,
  .feat,
  .prob-card,
  .glass,
  .mini,
  .swipe-card,
  .browser,
  .dash-panel,
  .wm-hub-card
) {
  background: rgba(16, 18, 34, 0.42);
  -webkit-backdrop-filter: blur(30px) saturate(150%);
  backdrop-filter: blur(30px) saturate(150%);
}

.wm2a-src .srow,
.wm2e-panels .wm2e-card,
.wm-product-mock__today-grid > div,
.wm2r-current-lower > div,
.wm2a-moretools__group li {
  background: rgba(16, 18, 34, 0.5);
  -webkit-backdrop-filter: blur(30px) saturate(150%);
  backdrop-filter: blur(30px) saturate(150%);
}

body.wm-home #autopilot .wm2a-group {
  background: rgba(16, 18, 34, 0.42);
  -webkit-backdrop-filter: blur(30px) saturate(150%);
  backdrop-filter: blur(30px) saturate(150%);
}

.wm-product-mock__next,
.wm2r-current-next {
  background:
    radial-gradient(circle at 85% 0, rgba(89, 191, 255, 0.18), transparent 52%),
    rgba(16, 18, 34, 0.48);
  -webkit-backdrop-filter: blur(30px) saturate(150%);
  backdrop-filter: blur(30px) saturate(150%);
}

.wm2a-result {
  background: linear-gradient(165deg, rgba(12, 36, 28, 0.55), rgba(16, 18, 34, 0.42));
}

.wm2r-card.selected {
  background:
    radial-gradient(120% 90% at 50% -10%, color-mix(in oklab, var(--rc) 22%, transparent), transparent 62%),
    rgba(16, 18, 34, 0.5);
}

.dash {
  background:
    radial-gradient(120% 120% at 0% 0%, rgba(19, 109, 244, 0.08), transparent 55%),
    transparent;
}

.ramp:hover,
.ramp.active,
.feat:hover {
  background: rgba(16, 18, 34, 0.55);
}

html[data-wm-theme="light"] body.wm-home #autopilot .wm2a-group {
  background: rgba(16, 18, 34, 0.78);
}

html[data-wm-theme="light"] .wm-hub-card {
  background: rgba(255, 255, 255, 0.58);
  -webkit-backdrop-filter: blur(30px) saturate(150%);
  backdrop-filter: blur(30px) saturate(150%);
}

html[data-wm-theme="light"] :is(
  .wm-product-mock,
  .wm-product-mock__decision,
  .wm2a-ask,
  .wm2a-weekly,
  .wm2s-callout,
  .wm2f-panel,
  .wm2r-card,
  .wm2r-hq,
  .gx-card,
  .wm-contact-card,
  .ramp,
  .feat,
  .prob-card
) {
  background: rgba(16, 18, 34, 0.78);
}