:root {
  --wm-navy-950: #0B1120;
  --wm-navy-850: #13233A;
  --wm-blue-600: #2563EB;
  --wm-teal-400: #00D4C6;
  --wm-mint-300: #7EEDB7;
  --wm-cloud-50: #F2F5F7;
  --wm-white: #FFFFFF;
  --wm-border-light: rgba(11, 17, 32, 0.10);
  --wm-border-dark: rgba(255, 255, 255, 0.14);
  --wm-text-muted: rgba(11, 17, 32, 0.68);
  --wm-text-muted-dark: rgba(255, 255, 255, 0.70);
  --wm-gradient-flow: linear-gradient(135deg, #2563EB 0%, #00D4C6 52%, #7EEDB7 100%);
  --wm-gradient-glow: radial-gradient(circle at 50% 50%, rgba(0,212,198,0.28), rgba(37,99,235,0.08) 45%, transparent 72%);
  --wm-font-heading: "Sora", "Space Grotesk", Inter, system-ui, sans-serif;
  --wm-font-body: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --wm-font-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;
  --wm-page-max: 1180px;
  --wm-page-wide: 1360px;
  --wm-section-y: clamp(4.5rem, 8vw, 8rem);
  --wm-section-y-tight: clamp(3.25rem, 6vw, 5rem);
  --wm-gap-xs: 0.5rem;
  --wm-gap-sm: 0.85rem;
  --wm-gap-md: 1.25rem;
  --wm-gap-lg: 2rem;
  --wm-gap-xl: 3rem;
  --wm-radius-sm: 14px;
  --wm-radius-md: 22px;
  --wm-radius-lg: 34px;
  --wm-radius-xl: 46px;
}

/* Enfold-safe page takeover for Wimimbi shortcode pages only */
body.wimimbi-hide-enfold-title #top .title_container,
body.wimimbi-hide-enfold-title #top .breadcrumb,
body.wimimbi-hide-enfold-title #top .main-title,
body.wimimbi-hide-enfold-title .title_container {
  display: none !important;
}

body.wimimbi-page {
  overflow-x: hidden;
}

body.wimimbi-page #main,
body.wimimbi-page .main_color,
body.wimimbi-page .container_wrap_first,
body.wimimbi-page .content,
body.wimimbi-page .entry-content-wrapper,
body.wimimbi-page .post-entry,
body.wimimbi-page .template-page {
  border-top: 0 !important;
}

body.wimimbi-page .entry-content-wrapper,
body.wimimbi-page .entry-content-wrapper > * {
  max-width: none;
}

.wm-page {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  background: var(--wm-white);
  color: var(--wm-navy-950);
  font-family: var(--wm-font-body);
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

.wm-page *,
.wm-page *::before,
.wm-page *::after {
  box-sizing: border-box;
}

.wm-section {
  position: relative;
  padding: var(--wm-section-y) 0;
}

.wm-section--cloud {
  background: var(--wm-cloud-50);
}

.wm-container {
  width: min(var(--wm-page-max), calc(100% - 2rem));
  margin: 0 auto;
}

.wm-narrow {
  max-width: 820px;
}

.wm-hero {
  min-height: min(780px, calc(100vh - 80px));
  display: flex;
  align-items: center;
  background:
    radial-gradient(circle at 78% 28%, rgba(0, 212, 198, 0.18), transparent 34%),
    radial-gradient(circle at 28% 10%, rgba(37, 99, 235, 0.12), transparent 32%),
    var(--wm-cloud-50);
}

.wm-hero--compact {
  min-height: auto;
  padding-top: clamp(5rem, 9vw, 8rem);
  padding-bottom: clamp(5rem, 9vw, 8rem);
}

.wm-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(320px, 0.78fr);
  gap: clamp(2rem, 5vw, 5rem);
  align-items: center;
}

.wm-kicker {
  margin: 0 0 1.15rem;
  color: var(--wm-blue-600);
  font-family: var(--wm-font-mono);
  font-size: 0.76rem;
  line-height: 1.2;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-weight: 700;
}

.wm-h1,
.wm-h2,
.wm-h3,
.wm-page h1,
.wm-page h2,
.wm-page h3 {
  font-family: var(--wm-font-heading);
  color: var(--wm-navy-950);
  margin-top: 0;
}

.wm-h1 {
  max-width: 950px;
  margin-bottom: 1.25rem;
  font-size: clamp(2.75rem, 6vw, 6.25rem);
  line-height: 0.96;
  letter-spacing: -0.06em;
}

.wm-h2 {
  max-width: 900px;
  margin-bottom: 1rem;
  font-size: clamp(2rem, 4vw, 4.5rem);
  line-height: 1;
  letter-spacing: -0.05em;
}

.wm-h3,
.wm-page h3 {
  font-size: clamp(1.25rem, 2vw, 2rem);
  line-height: 1.1;
  letter-spacing: -0.035em;
}

.wm-body-large {
  max-width: 720px;
  color: var(--wm-text-muted);
  font-family: var(--wm-font-body);
  font-size: clamp(1.05rem, 1.35vw, 1.28rem);
  line-height: 1.65;
  margin: 0 0 1.35rem;
}

.wm-support-line {
  color: rgba(11, 17, 32, 0.78);
  font-weight: 700;
  margin: 0 0 1.6rem;
}

.wm-button-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  align-items: center;
  margin-top: 1.55rem;
}

.wm-button,
.wm-page a.wm-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0.9rem 1.2rem;
  border-radius: 999px;
  border: 1px solid transparent;
  font-family: var(--wm-font-body);
  font-size: 0.98rem;
  line-height: 1;
  font-weight: 800;
  text-decoration: none !important;
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease, background 180ms ease;
}

.wm-button:hover,
.wm-button:focus-visible {
  transform: translateY(-2px);
  text-decoration: none !important;
}

.wm-button:focus-visible {
  outline: 3px solid rgba(0, 212, 198, 0.45);
  outline-offset: 3px;
}

.wm-button--primary,
.wm-page a.wm-button--primary {
  background: var(--wm-navy-950);
  color: var(--wm-white) !important;
  box-shadow: 0 18px 48px rgba(11, 17, 32, 0.2);
}

.wm-button--primary:hover,
.wm-button--primary:focus-visible {
  background: var(--wm-gradient-flow);
  color: var(--wm-navy-950) !important;
}

.wm-button--secondary,
.wm-page a.wm-button--secondary {
  background: rgba(255, 255, 255, 0.74);
  color: var(--wm-navy-950) !important;
  border-color: var(--wm-border-light);
}

.wm-button--secondary:hover,
.wm-button--secondary:focus-visible {
  border-color: rgba(37, 99, 235, 0.28);
  box-shadow: 0 18px 48px rgba(11, 17, 32, 0.08);
}

.wm-button--light,
.wm-page a.wm-button--light {
  background: var(--wm-white);
  color: var(--wm-navy-950) !important;
}

.wm-platform-card,
.wm-brief-card {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--wm-border-dark);
  border-radius: var(--wm-radius-xl);
  background:
    radial-gradient(circle at 70% 16%, rgba(0, 212, 198, 0.22), transparent 34%),
    linear-gradient(160deg, #0B1120 0%, #13233A 100%);
  color: var(--wm-white);
  padding: clamp(1.1rem, 3vw, 2rem);
  box-shadow: 0 32px 90px rgba(11, 17, 32, 0.26);
}

.wm-platform-card::before,
.wm-brief-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255,255,255,0.10), transparent 48%);
  pointer-events: none;
}

.wm-platform-card__topline {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  color: var(--wm-white);
  font-weight: 800;
  margin-bottom: 1rem;
}

.wm-live-dot {
  display: inline-flex;
  align-items: center;
  gap: 0.42rem;
  border: 1px solid rgba(126, 237, 183, 0.34);
  background: rgba(126, 237, 183, 0.10);
  color: var(--wm-mint-300);
  border-radius: 999px;
  padding: 0.35rem 0.62rem;
  font-size: 0.78rem;
}

.wm-live-dot::before {
  content: "";
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 999px;
  background: var(--wm-mint-300);
  box-shadow: 0 0 0 0 rgba(126, 237, 183, 0.55);
  animation: wmPulse 2.4s ease-in-out infinite;
}

.wm-player-shell {
  position: relative;
  display: grid;
  place-items: center;
  min-height: clamp(190px, 24vw, 260px);
  margin: 1rem 0;
  border-radius: var(--wm-radius-lg);
  border: 1px solid rgba(255, 255, 255, 0.14);
  background:
    linear-gradient(135deg, rgba(37, 99, 235, 0.28), rgba(0, 212, 198, 0.10)),
    rgba(255, 255, 255, 0.055);
}

.wm-player-play {
  width: clamp(54px, 6vw, 78px);
  height: clamp(54px, 6vw, 78px);
  border-radius: 999px;
  background: rgba(255,255,255,0.92);
  box-shadow: 0 20px 52px rgba(0,0,0,0.24);
}

.wm-player-play::after {
  content: "";
  position: absolute;
  transform: translate(24px, 20px);
  border-left: 18px solid var(--wm-navy-950);
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
}

.wm-waveform {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.42rem;
  min-height: 54px;
  margin: 1.2rem 0 0;
}

.wm-waveform span {
  display: block;
  width: 0.32rem;
  height: 1.2rem;
  border-radius: 99px;
  background: var(--wm-gradient-flow);
  opacity: 0.86;
  animation: wmSignal 1.8s ease-in-out infinite;
}

.wm-waveform span:nth-child(2) { animation-delay: 0.12s; height: 2.2rem; }
.wm-waveform span:nth-child(3) { animation-delay: 0.22s; height: 3.2rem; }
.wm-waveform span:nth-child(4) { animation-delay: 0.34s; height: 2.7rem; }
.wm-waveform span:nth-child(5) { animation-delay: 0.44s; height: 2rem; }
.wm-waveform span:nth-child(6) { animation-delay: 0.56s; height: 1.4rem; }

.wm-mini-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
  margin-top: 1rem;
}

.wm-mini-grid div,
.wm-brief-card li {
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: var(--wm-radius-md);
  background: rgba(255,255,255,0.07);
  color: rgba(255,255,255,0.86);
  padding: 0.9rem;
}

.wm-brief-card .wm-kicker {
  color: var(--wm-teal-400);
}

.wm-brief-card ul {
  display: grid;
  gap: 0.72rem;
  list-style: none;
  padding: 0;
  margin: 1.2rem 0 0;
}

.wm-brief-card li {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}

.wm-brief-card span {
  color: var(--wm-text-muted-dark);
}

.wm-brief-card strong {
  color: var(--wm-white);
}

.wm-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  margin-top: 1.65rem;
}

.wm-chip-row span {
  border: 1px solid var(--wm-border-light);
  border-radius: 999px;
  background: rgba(255,255,255,0.72);
  color: var(--wm-navy-950);
  font-weight: 800;
  padding: 0.62rem 0.86rem;
}

.wm-section-heading {
  text-align: left;
}

.wm-dark-cta {
  background:
    radial-gradient(circle at 18% 18%, rgba(0, 212, 198, 0.18), transparent 34%),
    var(--wm-navy-950);
  color: var(--wm-white);
}

.wm-dark-cta .wm-h2,
.wm-dark-cta .wm-body-large {
  color: var(--wm-white);
}

.wm-dark-cta .wm-body-large {
  color: var(--wm-text-muted-dark);
}

[data-wm-reveal] {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity 620ms ease, transform 620ms ease;
}

[data-wm-reveal].is-visible {
  opacity: 1;
  transform: translateY(0);
}

@keyframes wmSignal {
  0%, 100% { transform: scaleY(0.62); opacity: 0.62; }
  50% { transform: scaleY(1.08); opacity: 1; }
}

@keyframes wmPulse {
  0% { box-shadow: 0 0 0 0 rgba(126, 237, 183, 0.55); }
  70% { box-shadow: 0 0 0 9px rgba(126, 237, 183, 0); }
  100% { box-shadow: 0 0 0 0 rgba(126, 237, 183, 0); }
}

.wm-faq {
  border-top: 1px solid var(--wm-border-light);
}

.wm-faq__question,
.wm-faq-question {
  width: 100%;
  border: 0;
  border-bottom: 1px solid var(--wm-border-light);
  background: transparent;
  color: var(--wm-navy-950);
  font: 800 1rem/1.4 var(--wm-font-body);
  text-align: left;
  padding: 1.1rem 0;
  cursor: pointer;
}

.wm-faq__answer,
.wm-faq-answer {
  color: var(--wm-text-muted);
  padding: 0 0 1.2rem;
}

@media (max-width: 880px) {
  .wm-hero {
    min-height: auto;
    padding-top: clamp(4rem, 14vw, 6rem);
    padding-bottom: clamp(4rem, 14vw, 6rem);
  }

  .wm-hero__grid {
    grid-template-columns: 1fr;
  }

  .wm-button-row {
    align-items: stretch;
  }

  .wm-button {
    width: 100%;
  }

  .wm-mini-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 540px) {
  .wm-container {
    width: min(100% - 1.15rem, var(--wm-page-max));
  }

  .wm-platform-card,
  .wm-brief-card {
    border-radius: 28px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .wm-page *,
  .wm-page *::before,
  .wm-page *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }

  [data-wm-reveal] {
    opacity: 1 !important;
    transform: none !important;
  }
}

/* Slice 2 homepage build */
.wm-home-hero .wm-platform-card {
  transform: translateZ(0);
  animation: wmFloat 7s ease-in-out infinite;
}

.wm-two-column {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.72fr);
  gap: clamp(2rem, 5vw, 5rem);
  align-items: center;
}

.wm-section-heading--center {
  text-align: center;
}

.wm-section-heading--center .wm-h2,
.wm-section-heading--center .wm-body-large,
.wm-section-heading--center .wm-kicker {
  margin-left: auto;
  margin-right: auto;
}

.wm-card-grid {
  display: grid;
  gap: clamp(1rem, 2vw, 1.35rem);
}

.wm-card-grid--three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.wm-card-grid--features {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: clamp(2rem, 4vw, 3.2rem);
}

.wm-card {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--wm-border-light);
  border-radius: var(--wm-radius-lg);
  background: rgba(255, 255, 255, 0.82);
  padding: clamp(1.2rem, 2.4vw, 1.75rem);
  box-shadow: 0 20px 62px rgba(11, 17, 32, 0.06);
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.wm-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 1.5rem;
  right: 1.5rem;
  height: 3px;
  border-radius: 999px;
  background: var(--wm-gradient-flow);
  opacity: 0;
  transition: opacity 180ms ease;
}

.wm-card:hover,
.wm-card:focus-within {
  transform: translateY(-3px);
  border-color: rgba(37, 99, 235, 0.22);
  box-shadow: 0 28px 72px rgba(11, 17, 32, 0.10);
}

.wm-card:hover::before,
.wm-card:focus-within::before {
  opacity: 1;
}

.wm-card h3 {
  margin: 0 0 0.75rem;
  color: var(--wm-navy-950);
}

.wm-card p {
  margin: 0;
  color: var(--wm-text-muted);
  line-height: 1.65;
}

.wm-card__icon {
  display: inline-flex;
  width: 2.3rem;
  height: 2.3rem;
  margin-bottom: 1rem;
  border-radius: 999px;
  border: 1px solid rgba(37, 99, 235, 0.18);
  background:
    radial-gradient(circle at 38% 38%, rgba(0, 212, 198, 0.32), transparent 40%),
    rgba(37, 99, 235, 0.08);
}

.wm-problem-cards {
  margin-top: clamp(2rem, 5vw, 3.5rem);
}

.wm-scatter-map {
  position: relative;
  min-height: 360px;
  border: 1px solid var(--wm-border-light);
  border-radius: var(--wm-radius-xl);
  background:
    radial-gradient(circle at 70% 60%, rgba(0, 212, 198, 0.18), transparent 34%),
    radial-gradient(circle at 20% 18%, rgba(37, 99, 235, 0.14), transparent 30%),
    var(--wm-cloud-50);
  box-shadow: 0 24px 78px rgba(11, 17, 32, 0.08);
  overflow: hidden;
}

.wm-scatter-map__node {
  position: absolute;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 6.2rem;
  min-height: 2.9rem;
  padding: 0.65rem 0.9rem;
  border-radius: 999px;
  border: 1px solid rgba(11, 17, 32, 0.12);
  background: rgba(255, 255, 255, 0.78);
  color: var(--wm-navy-950);
  font-weight: 850;
  box-shadow: 0 16px 44px rgba(11, 17, 32, 0.10);
}

.wm-scatter-map__node:nth-child(1) { top: 13%; left: 12%; }
.wm-scatter-map__node:nth-child(2) { top: 20%; right: 12%; }
.wm-scatter-map__node:nth-child(3) { bottom: 18%; left: 14%; }
.wm-scatter-map__node:nth-child(4) { bottom: 16%; right: 15%; }

.wm-scatter-map__node--home {
  top: 50%;
  left: 50%;
  min-width: 8rem;
  color: var(--wm-white);
  background: var(--wm-navy-950);
  border-color: rgba(0, 212, 198, 0.28);
  transform: translate(-50%, -50%);
}

.wm-scatter-map__line {
  position: absolute;
  inset: 18%;
  border: 1px dashed rgba(37, 99, 235, 0.34);
  border-radius: 999px;
  animation: wmOrbit 18s linear infinite;
}

.wm-dark-section {
  background:
    radial-gradient(circle at 16% 26%, rgba(0, 212, 198, 0.18), transparent 34%),
    radial-gradient(circle at 82% 18%, rgba(37, 99, 235, 0.20), transparent 36%),
    var(--wm-navy-950);
  color: var(--wm-white);
}

.wm-dark-section .wm-h2,
.wm-dark-section .wm-h3,
.wm-dark-section h2,
.wm-dark-section h3 {
  color: var(--wm-white);
}

.wm-dark-section .wm-body-large,
.wm-dark-section p {
  color: var(--wm-text-muted-dark);
}

.wm-dark-section .wm-kicker {
  color: var(--wm-teal-400);
}

.wm-solution-panel {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(280px, 0.7fr);
  gap: clamp(2rem, 5vw, 4rem);
  align-items: center;
}

.wm-flow-strip {
  position: relative;
  display: grid;
  gap: 0.78rem;
  padding: clamp(1rem, 2.2vw, 1.4rem);
  border: 1px solid var(--wm-border-dark);
  border-radius: var(--wm-radius-xl);
  background: rgba(255, 255, 255, 0.06);
}

.wm-flow-strip::before {
  content: "";
  position: absolute;
  left: 2rem;
  top: 2rem;
  bottom: 2rem;
  width: 2px;
  background: linear-gradient(180deg, var(--wm-blue-600), var(--wm-teal-400), var(--wm-mint-300));
  opacity: 0.86;
}

.wm-flow-strip span {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 3rem;
  margin-left: 2.4rem;
  padding: 0.75rem 0.95rem;
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: var(--wm-radius-md);
  background: rgba(255, 255, 255, 0.065);
  color: var(--wm-white);
  font-weight: 900;
}

.wm-flow-strip span::before {
  content: "";
  position: absolute;
  left: -2.05rem;
  width: 0.62rem;
  height: 0.62rem;
  border-radius: 999px;
  background: var(--wm-mint-300);
  box-shadow: 0 0 0 6px rgba(126, 237, 183, 0.12);
}

.wm-feature-card__number {
  display: inline-flex;
  margin-bottom: 1rem;
  color: var(--wm-blue-600);
  font-family: var(--wm-font-mono);
  font-size: 0.76rem;
  letter-spacing: 0.12em;
  font-weight: 900;
}

.wm-tabs {
  margin-top: clamp(2rem, 4vw, 3rem);
}

.wm-tablist {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  justify-content: center;
  margin-bottom: clamp(1rem, 3vw, 1.5rem);
}

.wm-tab {
  border: 1px solid var(--wm-border-light);
  border-radius: 999px;
  background: var(--wm-white);
  color: var(--wm-navy-950);
  cursor: pointer;
  font: 850 0.95rem/1 var(--wm-font-body);
  padding: 0.8rem 1rem;
  transition: transform 180ms ease, border-color 180ms ease, background 180ms ease, color 180ms ease;
}

.wm-tab:hover,
.wm-tab:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(37, 99, 235, 0.26);
  outline: none;
}

.wm-tab:focus-visible {
  box-shadow: 0 0 0 3px rgba(0, 212, 198, 0.34);
}

.wm-tab[aria-selected="true"] {
  border-color: transparent;
  background: var(--wm-navy-950);
  color: var(--wm-white);
}

.wm-tabpanels {
  border: 1px solid var(--wm-border-light);
  border-radius: var(--wm-radius-xl);
  background: var(--wm-cloud-50);
  box-shadow: 0 24px 78px rgba(11, 17, 32, 0.07);
  overflow: hidden;
}

.wm-usecase-panel {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(280px, 0.7fr);
  gap: clamp(1.4rem, 4vw, 3rem);
  align-items: stretch;
  padding: clamp(1.2rem, 4vw, 2.5rem);
}

.wm-usecase-panel h3 {
  margin: 0 0 0.85rem;
  color: var(--wm-navy-950);
  font-family: var(--wm-font-heading);
  font-size: clamp(1.65rem, 3vw, 3rem);
  letter-spacing: -0.045em;
  line-height: 1;
}

.wm-usecase-panel p {
  color: var(--wm-text-muted);
  font-size: 1.04rem;
  line-height: 1.65;
}

.wm-usecase-panel ul {
  display: grid;
  gap: 0.62rem;
  margin: 1.15rem 0;
  padding: 0;
  list-style: none;
}

.wm-usecase-panel li {
  position: relative;
  color: rgba(11, 17, 32, 0.76);
  font-weight: 780;
  padding-left: 1.35rem;
}

.wm-usecase-panel li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.58rem;
  width: 0.42rem;
  height: 0.42rem;
  border-radius: 999px;
  background: var(--wm-teal-400);
}

.wm-text-link,
.wm-page a.wm-text-link {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  color: var(--wm-blue-600) !important;
  font-weight: 900;
  text-decoration: none !important;
}

.wm-text-link::after {
  content: "→";
  transition: transform 180ms ease;
}

.wm-text-link:hover::after,
.wm-text-link:focus-visible::after {
  transform: translateX(3px);
}

.wm-usecase-preview {
  display: grid;
  gap: 0.75rem;
  align-content: center;
  border-radius: var(--wm-radius-lg);
  background:
    radial-gradient(circle at 76% 22%, rgba(0, 212, 198, 0.20), transparent 38%),
    linear-gradient(160deg, var(--wm-navy-950), var(--wm-navy-850));
  padding: clamp(1rem, 2vw, 1.35rem);
}

.wm-usecase-preview span {
  border: 1px solid rgba(255,255,255,0.13);
  border-radius: var(--wm-radius-md);
  background: rgba(255, 255, 255, 0.07);
  color: var(--wm-white);
  font-weight: 850;
  padding: 1rem;
}

.wm-timeline {
  position: relative;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1rem;
  margin-top: clamp(2rem, 5vw, 3.5rem);
}

.wm-timeline::before {
  content: "";
  position: absolute;
  top: 1.35rem;
  left: 2rem;
  right: 2rem;
  height: 2px;
  background: linear-gradient(90deg, var(--wm-blue-600), var(--wm-teal-400), var(--wm-mint-300));
  opacity: 0.72;
}

.wm-timeline__step {
  position: relative;
  z-index: 1;
  border: 1px solid var(--wm-border-light);
  border-radius: var(--wm-radius-lg);
  background: rgba(255,255,255,0.82);
  padding: 1rem;
  box-shadow: 0 18px 54px rgba(11, 17, 32, 0.06);
}

.wm-timeline__step span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.65rem;
  height: 2.65rem;
  margin-bottom: 1rem;
  border-radius: 999px;
  background: var(--wm-navy-950);
  color: var(--wm-white);
  font-family: var(--wm-font-mono);
  font-size: 0.78rem;
  font-weight: 900;
}

.wm-timeline__step h3 {
  margin: 0 0 0.55rem;
  font-size: clamp(1.05rem, 1.4vw, 1.28rem);
  line-height: 1.15;
}

.wm-timeline__step p {
  margin: 0;
  color: var(--wm-text-muted);
  font-size: 0.95rem;
  line-height: 1.55;
}

.wm-ownership-panel {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--wm-border-dark);
  border-radius: var(--wm-radius-xl);
  background: rgba(255,255,255,0.055);
  padding: clamp(1.4rem, 5vw, 4rem);
}

.wm-waveform--wide {
  justify-content: flex-start;
  margin-top: clamp(2rem, 5vw, 3rem);
  opacity: 0.85;
}

.wm-waveform--wide span {
  width: clamp(0.35rem, 1vw, 0.7rem);
}

.wm-final-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: clamp(1rem, 4vw, 2rem);
  border: 1px solid var(--wm-border-light);
  border-radius: var(--wm-radius-xl);
  background:
    radial-gradient(circle at 78% 16%, rgba(0, 212, 198, 0.16), transparent 30%),
    var(--wm-cloud-50);
  padding: clamp(1.3rem, 4vw, 3rem);
}

.wm-final-cta .wm-h2 {
  font-size: clamp(2rem, 4vw, 4rem);
}

.wm-final-cta .wm-button-row {
  flex: 0 0 auto;
  margin-top: 0;
}

@keyframes wmFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}

@keyframes wmOrbit {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@media (max-width: 980px) {
  .wm-two-column,
  .wm-solution-panel,
  .wm-usecase-panel {
    grid-template-columns: 1fr;
  }

  .wm-card-grid--three,
  .wm-card-grid--features {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .wm-timeline {
    grid-template-columns: 1fr;
  }

  .wm-timeline::before {
    top: 2rem;
    bottom: 2rem;
    left: 2.3rem;
    right: auto;
    width: 2px;
    height: auto;
    background: linear-gradient(180deg, var(--wm-blue-600), var(--wm-teal-400), var(--wm-mint-300));
  }

  .wm-timeline__step {
    padding-left: 4.7rem;
  }

  .wm-timeline__step span {
    position: absolute;
    top: 1rem;
    left: 1rem;
  }

  .wm-final-cta {
    display: block;
  }

  .wm-final-cta .wm-button-row {
    margin-top: 1.4rem;
  }
}

@media (max-width: 720px) {
  .wm-card-grid--three,
  .wm-card-grid--features {
    grid-template-columns: 1fr;
  }

  .wm-scatter-map {
    min-height: 420px;
  }

  .wm-scatter-map__node {
    min-width: 5.6rem;
    font-size: 0.88rem;
  }

  .wm-tablist {
    justify-content: flex-start;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 0.3rem;
    scroll-snap-type: x mandatory;
  }

  .wm-tab {
    flex: 0 0 auto;
    scroll-snap-align: start;
  }

  .wm-usecase-panel {
    padding: 1rem;
  }

  .wm-usecase-preview {
    border-radius: var(--wm-radius-md);
  }
}

@media (prefers-reduced-motion: reduce) {
  .wm-home-hero .wm-platform-card,
  .wm-scatter-map__line {
    animation: none !important;
  }
}

/* Slice 3 platform page build */
.wm-page--platform .wm-platform-hero {
  background:
    radial-gradient(circle at 80% 22%, rgba(0, 212, 198, 0.20), transparent 34%),
    radial-gradient(circle at 16% 12%, rgba(37, 99, 235, 0.12), transparent 32%),
    var(--wm-cloud-50);
}

.wm-platform-product {
  position: relative;
}

.wm-platform-product::before {
  content: "";
  position: absolute;
  inset: -10%;
  background: var(--wm-gradient-glow);
  opacity: 0.9;
  filter: blur(8px);
  pointer-events: none;
}

.wm-product-screen {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--wm-border-dark);
  border-radius: var(--wm-radius-xl);
  background:
    radial-gradient(circle at 70% 18%, rgba(0, 212, 198, 0.22), transparent 34%),
    linear-gradient(160deg, var(--wm-navy-950), var(--wm-navy-850));
  color: var(--wm-white);
  padding: clamp(1rem, 2.6vw, 1.65rem);
  box-shadow: 0 32px 90px rgba(11, 17, 32, 0.28);
}

.wm-product-screen--hero {
  animation: wmFloat 7s ease-in-out infinite;
}

.wm-product-screen__topbar,
.wm-product-screen__metrics,
.wm-product-screen__rail,
.wm-ui-row,
.wm-ui-toggle-grid {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  flex-wrap: wrap;
}

.wm-product-screen__topbar {
  justify-content: space-between;
  margin-bottom: 1rem;
  font-weight: 900;
}

.wm-product-screen__hero-card,
.wm-ui-featured,
.wm-ui-pricing {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  min-height: 150px;
  border: 1px solid rgba(255,255,255,0.13);
  border-radius: var(--wm-radius-lg);
  background:
    linear-gradient(135deg, rgba(37, 99, 235, 0.26), rgba(0, 212, 198, 0.08)),
    rgba(255,255,255,0.06);
  padding: 1.1rem;
}

.wm-product-screen__hero-card h3,
.wm-product-panel h3,
.wm-platform-points h3,
.wm-admin-section .wm-card h3,
.wm-access-card h3,
.wm-comparison-card h3 {
  margin-top: 0;
}

.wm-product-screen__hero-card p,
.wm-product-screen__hero-card .wm-kicker {
  margin-bottom: 0.5rem;
  color: var(--wm-text-muted-dark);
}

.wm-product-play {
  position: relative;
  flex: 0 0 auto;
  width: 54px;
  height: 54px;
  border-radius: 999px;
  background: rgba(255,255,255,0.92);
  box-shadow: 0 20px 42px rgba(0,0,0,0.26);
  align-self: center;
}

.wm-product-play::after {
  content: "";
  position: absolute;
  left: 22px;
  top: 16px;
  border-left: 16px solid var(--wm-navy-950);
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.wm-product-screen__rail {
  margin: 1rem 0;
}

.wm-product-screen__rail span,
.wm-product-screen__metrics div,
.wm-ui-row span,
.wm-ui-toggle-grid span,
.wm-ui-search {
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: var(--wm-radius-md);
  background: rgba(255,255,255,0.07);
  color: rgba(255,255,255,0.86);
  padding: 0.75rem 0.85rem;
}

.wm-product-screen__metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.wm-product-screen__metrics div {
  display: grid;
  gap: 0.28rem;
}

.wm-product-screen__metrics strong {
  color: var(--wm-white);
}

.wm-product-screen__metrics span {
  color: var(--wm-text-muted-dark);
  font-size: 0.88rem;
}

.wm-module-strip {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 1rem;
  margin-top: clamp(2rem, 4vw, 3rem);
}

.wm-module-card,
.wm-page a.wm-module-card {
  display: grid;
  align-content: start;
  gap: 0.75rem;
  min-height: 170px;
  border: 1px solid var(--wm-border-light);
  border-radius: var(--wm-radius-lg);
  background: rgba(255,255,255,0.88);
  color: var(--wm-navy-950) !important;
  text-decoration: none !important;
  padding: 1rem;
  box-shadow: 0 18px 54px rgba(11, 17, 32, 0.06);
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.wm-module-card strong {
  font-family: var(--wm-font-heading);
  font-size: 1.12rem;
  letter-spacing: -0.03em;
}

.wm-module-card span {
  color: var(--wm-text-muted);
  line-height: 1.55;
  font-size: 0.94rem;
}

.wm-module-card:hover,
.wm-module-card:focus-visible {
  transform: translateY(-3px);
  border-color: rgba(37, 99, 235, 0.26);
  box-shadow: 0 24px 66px rgba(11, 17, 32, 0.10);
  outline: none;
}

.wm-platform-walkthrough {
  overflow: hidden;
}

.wm-platform-walkthrough .wm-tablist {
  justify-content: center;
}

.wm-platform-walkthrough .wm-tab {
  background: rgba(255,255,255,0.07);
  border-color: rgba(255,255,255,0.14);
  color: var(--wm-white);
}

.wm-platform-walkthrough .wm-tab[aria-selected="true"] {
  background: var(--wm-gradient-flow);
  color: var(--wm-navy-950);
}

.wm-product-panels {
  border-color: rgba(255,255,255,0.13);
  background: rgba(255,255,255,0.055);
  box-shadow: 0 26px 88px rgba(0,0,0,0.22);
}

.wm-product-panel {
  display: grid;
  grid-template-columns: minmax(0, 0.88fr) minmax(300px, 0.9fr);
  gap: clamp(1.4rem, 4vw, 3rem);
  align-items: stretch;
  padding: clamp(1.2rem, 4vw, 2.5rem);
}

.wm-product-panel__copy h3 {
  color: var(--wm-white);
  font-family: var(--wm-font-heading);
  font-size: clamp(1.65rem, 3vw, 3.2rem);
  line-height: 1;
  letter-spacing: -0.045em;
}

.wm-product-panel__copy p {
  color: var(--wm-text-muted-dark);
  font-size: 1.04rem;
  line-height: 1.7;
}

.wm-check-list,
.wm-comparison-card ul {
  display: grid;
  gap: 0.65rem;
  margin: 1.2rem 0 0;
  padding: 0;
  list-style: none;
}

.wm-check-list li,
.wm-comparison-card li {
  position: relative;
  color: rgba(255,255,255,0.84);
  font-weight: 760;
  line-height: 1.48;
  padding-left: 1.35rem;
}

.wm-check-list li::before,
.wm-comparison-card li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.55rem;
  width: 0.44rem;
  height: 0.44rem;
  border-radius: 999px;
  background: var(--wm-teal-400);
}

.wm-product-mini-ui,
.wm-viewer-mockup,
.wm-admin-dashboard,
.wm-metric-panel {
  display: grid;
  gap: 0.85rem;
  align-content: start;
  border: 1px solid rgba(255,255,255,0.13);
  border-radius: var(--wm-radius-xl);
  background:
    radial-gradient(circle at 72% 18%, rgba(0, 212, 198, 0.20), transparent 36%),
    linear-gradient(160deg, rgba(11, 17, 32, 0.96), rgba(19, 35, 58, 0.96));
  padding: clamp(1rem, 2vw, 1.35rem);
  min-height: 340px;
}

.wm-ui-featured {
  align-items: flex-end;
  color: var(--wm-white);
  font-weight: 900;
}

.wm-ui-featured--live {
  background:
    radial-gradient(circle at 80% 20%, rgba(126, 237, 183, 0.18), transparent 36%),
    linear-gradient(135deg, rgba(0, 212, 198, 0.18), rgba(37, 99, 235, 0.20));
}

.wm-ui-row,
.wm-ui-toggle-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.wm-ui-row--soft {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.wm-ui-toggle-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.wm-ui-search {
  display: block;
  color: var(--wm-text-muted-dark);
}

.wm-ui-pricing {
  display: grid;
  min-height: 112px;
  color: var(--wm-white);
}

.wm-ui-pricing span {
  color: var(--wm-text-muted-dark);
}

.wm-ui-chart {
  display: flex;
  align-items: end;
  gap: 0.55rem;
  min-height: 150px;
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: var(--wm-radius-lg);
  background: rgba(255,255,255,0.06);
  padding: 1rem;
}

.wm-ui-chart span {
  flex: 1;
  min-height: 42%;
  border-radius: 999px 999px 0 0;
  background: var(--wm-gradient-flow);
  opacity: 0.88;
  animation: wmSignal 2.4s ease-in-out infinite;
}

.wm-ui-chart span:nth-child(2) { min-height: 64%; animation-delay: 0.15s; }
.wm-ui-chart span:nth-child(3) { min-height: 48%; animation-delay: 0.3s; }
.wm-ui-chart span:nth-child(4) { min-height: 76%; animation-delay: 0.45s; }
.wm-ui-chart span:nth-child(5) { min-height: 58%; animation-delay: 0.6s; }

.wm-platform-points {
  display: grid;
  gap: 1rem;
  margin-top: 1.5rem;
}

.wm-platform-points article {
  border: 1px solid var(--wm-border-light);
  border-radius: var(--wm-radius-lg);
  background: rgba(242,245,247,0.72);
  padding: 1.05rem;
}

.wm-platform-points p {
  margin: 0;
  color: var(--wm-text-muted);
  line-height: 1.6;
}

.wm-viewer-mockup {
  border-color: var(--wm-border-light);
  box-shadow: 0 26px 82px rgba(11,17,32,0.10);
}

.wm-admin-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(320px, 0.9fr);
  gap: clamp(2rem, 5vw, 5rem);
  align-items: center;
}

.wm-admin-dashboard {
  grid-template-columns: 74px 1fr;
  min-height: 320px;
}

.wm-admin-sidebar {
  display: grid;
  gap: 0.65rem;
  align-content: start;
}

.wm-admin-sidebar span {
  height: 48px;
  border-radius: 16px;
  background: rgba(255,255,255,0.10);
  border: 1px solid rgba(255,255,255,0.12);
}

.wm-admin-main {
  display: grid;
  gap: 0.85rem;
}

.wm-admin-cards .wm-card {
  background: rgba(255,255,255,0.07);
  border-color: rgba(255,255,255,0.12);
  box-shadow: none;
}

.wm-admin-cards .wm-card h3,
.wm-admin-cards .wm-card p {
  color: var(--wm-white);
}

.wm-admin-cards .wm-card p {
  color: var(--wm-text-muted-dark);
}

.wm-feature-system-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.wm-comparison-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(1rem, 3vw, 1.5rem);
  margin-top: clamp(2rem, 4vw, 3rem);
}

.wm-comparison-card {
  border: 1px solid var(--wm-border-light);
  border-radius: var(--wm-radius-xl);
  background: var(--wm-cloud-50);
  padding: clamp(1.2rem, 3vw, 2rem);
}

.wm-comparison-card--owned {
  background:
    radial-gradient(circle at 80% 18%, rgba(0, 212, 198, 0.18), transparent 36%),
    var(--wm-navy-950);
  color: var(--wm-white);
}

.wm-comparison-card--owned h3 {
  color: var(--wm-white);
}

.wm-comparison-card:not(.wm-comparison-card--owned) li {
  color: rgba(11,17,32,0.76);
}

.wm-comparison-card:not(.wm-comparison-card--owned) li::before {
  background: rgba(11,17,32,0.28);
}

.wm-access-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin-top: clamp(2rem, 4vw, 3rem);
}

.wm-access-card {
  border: 1px solid rgba(255,255,255,0.13);
  border-radius: var(--wm-radius-xl);
  background: rgba(255,255,255,0.06);
  padding: clamp(1.2rem, 3vw, 2rem);
}

.wm-access-card span {
  display: inline-flex;
  margin-bottom: 1rem;
  color: var(--wm-teal-400);
  font-family: var(--wm-font-mono);
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.12em;
}

.wm-metric-panel {
  border-color: var(--wm-border-light);
  background:
    radial-gradient(circle at 80% 22%, rgba(0,212,198,0.18), transparent 34%),
    var(--wm-cloud-50);
  min-height: auto;
  box-shadow: 0 24px 78px rgba(11,17,32,0.10);
}

.wm-metric-panel div {
  display: grid;
  gap: 0.65rem;
  border: 1px solid var(--wm-border-light);
  border-radius: var(--wm-radius-md);
  background: rgba(255,255,255,0.82);
  padding: 1rem;
}

.wm-meter {
  display: block;
  height: 10px;
  border-radius: 999px;
  background: rgba(11,17,32,0.08);
  overflow: hidden;
}

.wm-meter i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--wm-gradient-flow);
}

.wm-timeline--four {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.wm-timeline--four::before {
  right: 2rem;
}

.wm-two-column--top {
  align-items: start;
}

.wm-platform-faq-section .wm-faq {
  border-top: 0;
}

@media (max-width: 1180px) {
  .wm-module-strip,
  .wm-feature-system-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 980px) {
  .wm-product-panel,
  .wm-admin-layout,
  .wm-comparison-grid,
  .wm-access-grid {
    grid-template-columns: 1fr;
  }

  .wm-timeline--four {
    grid-template-columns: 1fr;
  }

  .wm-product-mini-ui,
  .wm-viewer-mockup,
  .wm-admin-dashboard {
    min-height: auto;
  }
}

@media (max-width: 760px) {
  .wm-module-strip,
  .wm-feature-system-grid {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding-bottom: 0.4rem;
  }

  .wm-module-card,
  .wm-feature-system-grid .wm-card {
    flex: 0 0 min(86vw, 340px);
    scroll-snap-align: start;
  }

  .wm-product-panel {
    padding: 1rem;
  }

  .wm-ui-row,
  .wm-ui-row--soft,
  .wm-ui-toggle-grid,
  .wm-product-screen__metrics {
    grid-template-columns: 1fr;
  }

  .wm-admin-dashboard {
    grid-template-columns: 1fr;
  }

  .wm-admin-sidebar {
    display: flex;
  }

  .wm-admin-sidebar span {
    flex: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .wm-product-screen--hero,
  .wm-ui-chart span {
    animation: none !important;
  }
}

.wm-product-screen__hero-card h3,
.wm-product-screen .wm-kicker {
  color: var(--wm-white);
}

/* Slice 4 use cases page build */
.wm-usecases-hero {
  background:
    radial-gradient(circle at 78% 24%, rgba(0, 212, 198, 0.18), transparent 35%),
    radial-gradient(circle at 24% 14%, rgba(37, 99, 235, 0.13), transparent 34%),
    var(--wm-cloud-50);
}

.wm-usecase-hero-card {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--wm-border-dark);
  border-radius: var(--wm-radius-xl);
  background:
    radial-gradient(circle at 78% 16%, rgba(0,212,198,0.22), transparent 34%),
    linear-gradient(160deg, #0B1120 0%, #13233A 100%);
  color: var(--wm-white);
  padding: clamp(1.1rem, 3vw, 2rem);
  min-height: 420px;
  box-shadow: 0 32px 90px rgba(11,17,32,0.24);
}

.wm-usecase-hero-card__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  font-family: var(--wm-font-mono);
  font-size: 0.78rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.72);
}

.wm-usecase-orbit {
  display: grid;
  gap: 0.85rem;
  margin: 1rem 0 2rem;
}

.wm-usecase-orbit span {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  border: 1px solid rgba(255,255,255,0.13);
  border-radius: var(--wm-radius-md);
  background: rgba(255,255,255,0.06);
  color: var(--wm-white);
  padding: 0.9rem 1rem;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.06);
}

.wm-usecase-orbit span::after {
  content: "";
  width: 0.65rem;
  height: 0.65rem;
  border-radius: 999px;
  background: var(--wm-gradient-flow);
  box-shadow: 0 0 24px rgba(0,212,198,0.4);
}

.wm-audience-card-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  margin-top: clamp(2rem, 4vw, 3rem);
}

.wm-audience-card,
.wm-page a.wm-audience-card {
  position: relative;
  overflow: hidden;
  display: grid;
  gap: 0.7rem;
  min-height: 220px;
  border: 1px solid var(--wm-border-light);
  border-radius: var(--wm-radius-lg);
  background: rgba(255,255,255,0.86);
  color: var(--wm-navy-950) !important;
  padding: clamp(1.1rem, 2.4vw, 1.6rem);
  text-decoration: none !important;
  box-shadow: 0 18px 56px rgba(11,17,32,0.06);
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.wm-audience-card::before {
  content: "";
  position: absolute;
  left: 1.2rem;
  right: 1.2rem;
  top: 0;
  height: 3px;
  border-radius: 999px;
  background: var(--wm-gradient-flow);
  opacity: 0;
  transition: opacity 180ms ease;
}

.wm-audience-card:hover,
.wm-audience-card:focus-visible {
  transform: translateY(-3px);
  border-color: rgba(37,99,235,0.22);
  box-shadow: 0 28px 76px rgba(11,17,32,0.10);
}

.wm-audience-card:hover::before,
.wm-audience-card:focus-visible::before {
  opacity: 1;
}

.wm-audience-card__icon,
.wm-card__icon {
  display: inline-flex;
  width: 2.25rem;
  height: 2.25rem;
  border: 1px solid rgba(37,99,235,0.16);
  border-radius: 999px;
  background:
    radial-gradient(circle at 50% 50%, rgba(0,212,198,0.18), transparent 62%),
    var(--wm-white);
}

.wm-audience-card strong {
  font-family: var(--wm-font-heading);
  font-size: 1.15rem;
  letter-spacing: -0.025em;
}

.wm-audience-card span:not(.wm-audience-card__icon) {
  color: var(--wm-text-muted);
  line-height: 1.55;
}

.wm-audience-card em {
  align-self: end;
  color: var(--wm-blue-600);
  font-style: normal;
  font-weight: 800;
}

.wm-usecase-explorer {
  background: var(--wm-white);
}

.wm-usecase-tabs {
  display: grid;
  grid-template-columns: minmax(220px, 0.32fr) minmax(0, 1fr);
  gap: clamp(1rem, 3vw, 1.4rem);
  align-items: start;
}

.wm-usecase-tablist {
  position: sticky;
  top: 1rem;
  display: grid;
  gap: 0.55rem;
  border: 1px solid var(--wm-border-light);
  border-radius: var(--wm-radius-xl);
  background: var(--wm-cloud-50);
  padding: 0.75rem;
}

.wm-usecase-tab {
  appearance: none;
  width: 100%;
  border: 1px solid transparent;
  border-radius: 999px;
  background: transparent;
  color: rgba(11,17,32,0.72);
  cursor: pointer;
  font-family: var(--wm-font-body);
  font-weight: 850;
  padding: 0.85rem 1rem;
  text-align: left;
  transition: background 180ms ease, color 180ms ease, border-color 180ms ease, transform 180ms ease;
}

.wm-usecase-tab:hover,
.wm-usecase-tab:focus-visible {
  color: var(--wm-navy-950);
  border-color: rgba(37,99,235,0.18);
  outline: none;
}

.wm-usecase-tab:focus-visible {
  box-shadow: 0 0 0 3px rgba(0,212,198,0.24);
}

.wm-usecase-tab[aria-selected="true"] {
  background: var(--wm-navy-950);
  color: var(--wm-white);
  box-shadow: 0 14px 36px rgba(11,17,32,0.16);
}

.wm-usecase-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.46fr);
  gap: clamp(1rem, 3vw, 1.4rem);
  align-items: stretch;
  border: 1px solid var(--wm-border-light);
  border-radius: var(--wm-radius-xl);
  background:
    radial-gradient(circle at 90% 12%, rgba(0,212,198,0.13), transparent 34%),
    var(--wm-cloud-50);
  padding: clamp(1.1rem, 3vw, 1.6rem);
  box-shadow: 0 24px 82px rgba(11,17,32,0.08);
}

.wm-usecase-panel[hidden] {
  display: none;
}

.wm-usecase-panel__copy {
  border-radius: var(--wm-radius-lg);
  background: rgba(255,255,255,0.82);
  padding: clamp(1.2rem, 3vw, 2rem);
}

.wm-usecase-panel__copy h3 {
  margin: 0 0 1rem;
  font-size: clamp(1.8rem, 3vw, 3rem);
  line-height: 1;
}

.wm-usecase-panel__copy p {
  color: var(--wm-text-muted);
  line-height: 1.65;
}

.wm-usecase-mini-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(1rem, 3vw, 1.3rem);
  margin: 1.5rem 0;
}

.wm-usecase-mini-columns strong,
.wm-usecase-model span {
  display: block;
  margin-bottom: 0.65rem;
  color: var(--wm-navy-950);
  font-family: var(--wm-font-mono);
  font-size: 0.76rem;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.wm-usecase-model {
  border: 1px solid rgba(37,99,235,0.13);
  border-radius: var(--wm-radius-md);
  background: rgba(255,255,255,0.72);
  padding: 1rem;
}

.wm-usecase-preview {
  display: grid;
  align-content: space-between;
  gap: 1rem;
  border: 1px solid var(--wm-border-dark);
  border-radius: var(--wm-radius-lg);
  background:
    radial-gradient(circle at 78% 18%, rgba(0,212,198,0.2), transparent 36%),
    linear-gradient(160deg, #0B1120 0%, #13233A 100%);
  color: var(--wm-white);
  padding: clamp(1.1rem, 3vw, 1.4rem);
  min-height: 100%;
}

.wm-usecase-preview__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  color: rgba(255,255,255,0.72);
  font-family: var(--wm-font-mono);
  font-size: 0.72rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.wm-usecase-preview__feature {
  display: grid;
  gap: 0.6rem;
  border-radius: var(--wm-radius-lg);
  background: rgba(255,255,255,0.08);
  padding: 1rem;
}

.wm-usecase-preview__feature strong {
  color: var(--wm-white);
  font-family: var(--wm-font-heading);
  font-size: 1.4rem;
  letter-spacing: -0.035em;
}

.wm-usecase-preview__feature span {
  color: var(--wm-text-muted-dark);
  line-height: 1.55;
}

.wm-usecase-preview__nav {
  display: grid;
  gap: 0.6rem;
}

.wm-usecase-preview__nav span {
  border: 1px solid rgba(255,255,255,0.13);
  border-radius: 999px;
  color: rgba(255,255,255,0.82);
  padding: 0.6rem 0.75rem;
}

.wm-usecase-mobile-list {
  display: none;
}

.wm-flow-layer {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.8rem;
  margin-top: clamp(2rem, 4vw, 3rem);
}

.wm-flow-layer span {
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 999px;
  background: rgba(255,255,255,0.07);
  color: var(--wm-white);
  font-family: var(--wm-font-mono);
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 0.75rem 1rem;
}

.wm-flow-layer i {
  display: block;
  width: clamp(2rem, 5vw, 4rem);
  height: 2px;
  border-radius: 999px;
  background: var(--wm-gradient-flow);
  box-shadow: 0 0 26px rgba(0,212,198,0.32);
}

.wm-shared-feature-grid,
.wm-fit-card-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  margin-top: clamp(2rem, 4vw, 3rem);
}

.wm-fit-card-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.wm-shared-feature {
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: var(--wm-radius-md);
  background: rgba(255,255,255,0.06);
  padding: 1rem;
  color: rgba(255,255,255,0.82);
  min-height: 84px;
}

.wm-usecase-future .wm-chip-row span {
  background: var(--wm-cloud-50);
}

.wm-usecase-accordion .wm-faq__answer h3 {
  margin: 0 0 0.8rem;
}

.wm-final-cta--dark {
  border: 0;
  border-radius: 0;
  background:
    radial-gradient(circle at 78% 16%, rgba(0,212,198,0.2), transparent 34%),
    var(--wm-navy-950);
  color: var(--wm-white);
}

.wm-final-cta--dark .wm-h2,
.wm-final-cta--dark .wm-kicker {
  color: var(--wm-white);
}

.wm-final-cta--dark .wm-body-large {
  color: var(--wm-text-muted-dark);
}

.wm-final-cta--dark .wm-button--secondary {
  background: transparent;
  color: var(--wm-white) !important;
  border-color: rgba(255,255,255,0.18);
}

@media (max-width: 1180px) {
  .wm-audience-card-grid,
  .wm-shared-feature-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 980px) {
  .wm-usecase-tabs,
  .wm-usecase-panel,
  .wm-usecase-mini-columns,
  .wm-fit-card-grid {
    grid-template-columns: 1fr;
  }

  .wm-usecase-tablist {
    position: static;
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
  }

  .wm-usecase-tab {
    flex: 0 0 auto;
    scroll-snap-align: start;
    text-align: center;
    white-space: nowrap;
  }

  .wm-usecase-preview {
    min-height: auto;
  }
}

@media (max-width: 760px) {
  .wm-usecase-hero-card {
    min-height: auto;
  }

  .wm-audience-card-grid {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding-bottom: 0.4rem;
  }

  .wm-audience-card {
    flex: 0 0 min(86vw, 340px);
    scroll-snap-align: start;
  }

  .wm-usecase-tabs {
    display: none;
  }

  .wm-usecase-mobile-list {
    display: block;
  }

  .wm-flow-layer {
    justify-content: flex-start;
  }

  .wm-flow-layer i {
    display: none;
  }

  .wm-shared-feature-grid {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  .wm-usecase-orbit span,
  .wm-flow-layer i {
    animation: none !important;
  }
}

/* Slice 5: Book a Demo / Platform Planner */
.wm-demo-hero {
  min-height: auto;
  padding-top: clamp(5rem, 9vw, 8rem);
  padding-bottom: clamp(5rem, 9vw, 8rem);
}

.wm-demo-hero__micro {
  max-width: 620px;
  color: rgba(11,17,32,0.64);
  font-weight: 700;
  line-height: 1.55;
  margin: 1.2rem 0 0;
}

.wm-demo-brief-card {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--wm-border-dark);
  border-radius: var(--wm-radius-xl);
  background:
    radial-gradient(circle at 76% 18%, rgba(0,212,198,0.28), transparent 34%),
    linear-gradient(160deg, #0B1120 0%, #13233A 100%);
  color: var(--wm-white);
  padding: clamp(1.2rem, 3vw, 2rem);
  box-shadow: 0 32px 90px rgba(11, 17, 32, 0.26);
}

.wm-demo-brief-card__top,
.wm-planner-summary__inner .wm-kicker + h3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.wm-demo-brief-card__top {
  color: rgba(255,255,255,0.74);
  font-family: var(--wm-font-mono);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.wm-live-dot {
  position: relative;
  color: var(--wm-mint-300);
  padding-left: 0.75rem;
}

.wm-live-dot::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 0.42rem;
  height: 0.42rem;
  border-radius: 999px;
  background: var(--wm-mint-300);
  transform: translateY(-50%);
  box-shadow: 0 0 18px rgba(126,237,183,0.6);
}

.wm-demo-brief-card__wave {
  display: flex;
  align-items: end;
  gap: 0.42rem;
  height: 92px;
  margin: 2rem 0;
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: var(--wm-radius-lg);
  background: rgba(255,255,255,0.06);
  padding: 1rem;
}

.wm-demo-brief-card__wave span {
  display: block;
  width: 100%;
  min-width: 18px;
  border-radius: 999px 999px 10px 10px;
  background: var(--wm-gradient-flow);
  animation: wmSignalPulse 2.7s ease-in-out infinite;
}

.wm-demo-brief-card__wave span:nth-child(1) { height: 42%; animation-delay: -0.1s; }
.wm-demo-brief-card__wave span:nth-child(2) { height: 78%; animation-delay: -0.45s; }
.wm-demo-brief-card__wave span:nth-child(3) { height: 55%; animation-delay: -0.8s; }
.wm-demo-brief-card__wave span:nth-child(4) { height: 92%; animation-delay: -1.15s; }
.wm-demo-brief-card__wave span:nth-child(5) { height: 64%; animation-delay: -1.5s; }

.wm-demo-brief-card ul {
  display: grid;
  gap: 0.8rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.wm-demo-brief-card li {
  display: grid;
  gap: 0.2rem;
  border-radius: var(--wm-radius-md);
  background: rgba(255,255,255,0.07);
  padding: 0.85rem 1rem;
}

.wm-demo-brief-card li span {
  color: rgba(255,255,255,0.62);
  font-size: 0.78rem;
}

.wm-demo-brief-card li strong {
  color: var(--wm-white);
}

.wm-demo-planner-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(310px, 0.42fr);
  gap: clamp(1rem, 3vw, 1.5rem);
  align-items: start;
  margin-top: clamp(2rem, 5vw, 3.25rem);
}

.wm-demo-form,
.wm-planner-summary__inner {
  border: 1px solid var(--wm-border-light);
  border-radius: var(--wm-radius-xl);
  background: var(--wm-white);
  box-shadow: 0 24px 70px rgba(11,17,32,0.08);
}

.wm-demo-form {
  padding: clamp(1rem, 3vw, 1.6rem);
}

.wm-planner-progress {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.55rem;
  margin-bottom: 1.5rem;
}

.wm-planner-progress button {
  display: grid;
  gap: 0.2rem;
  min-height: 62px;
  border: 1px solid var(--wm-border-light);
  border-radius: var(--wm-radius-md);
  background: var(--wm-cloud-50);
  color: rgba(11,17,32,0.62);
  cursor: pointer;
  font: inherit;
  font-weight: 800;
  line-height: 1.1;
  padding: 0.75rem;
  text-align: left;
  transition: background 180ms ease, border-color 180ms ease, color 180ms ease, transform 180ms ease;
}

.wm-planner-progress button span {
  color: var(--wm-blue-600);
  font-family: var(--wm-font-mono);
  font-size: 0.72rem;
  letter-spacing: 0.1em;
}

.wm-planner-progress button.is-active,
.wm-planner-progress button:hover,
.wm-planner-progress button:focus-visible {
  border-color: rgba(0,212,198,0.35);
  background: var(--wm-navy-950);
  color: var(--wm-white);
  outline: 0;
  transform: translateY(-1px);
}

.wm-planner-step {
  padding: clamp(1rem, 3vw, 1.4rem);
  border: 1px solid rgba(11,17,32,0.08);
  border-radius: var(--wm-radius-lg);
  background:
    radial-gradient(circle at 95% 0%, rgba(0,212,198,0.12), transparent 24%),
    var(--wm-white);
}

.wm-planner-step h3,
.wm-planner-success h3,
.wm-planner-summary h3 {
  margin: 0 0 1rem;
  color: var(--wm-navy-950);
  font-family: var(--wm-font-heading);
  font-size: clamp(1.65rem, 3vw, 2.45rem);
  letter-spacing: -0.045em;
  line-height: 1.02;
}

.wm-step-copy {
  max-width: 680px;
  color: var(--wm-text-muted);
  margin: 0 0 1.15rem;
  line-height: 1.6;
}

.wm-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.wm-form-grid--two {
  margin-top: 1rem;
}

.wm-field,
.wm-consent {
  display: grid;
  gap: 0.45rem;
  color: var(--wm-navy-950);
  font-weight: 800;
}

.wm-field--full {
  margin-top: 1rem;
}

.wm-field input,
.wm-field textarea {
  width: 100%;
  border: 1px solid rgba(11,17,32,0.14);
  border-radius: 16px;
  background: var(--wm-cloud-50);
  color: var(--wm-navy-950);
  font: inherit;
  line-height: 1.4;
  padding: 0.9rem 1rem;
}

.wm-field textarea {
  resize: vertical;
}

.wm-field input:focus,
.wm-field textarea:focus {
  border-color: rgba(0,212,198,0.55);
  outline: 3px solid rgba(0,212,198,0.18);
}

.wm-choice-grid,
.wm-checkbox-grid,
.wm-radio-row,
.wm-radio-stack {
  display: grid;
  gap: 0.8rem;
  margin: 0;
  padding: 0;
  border: 0;
}

.wm-choice-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.wm-choice-grid legend,
.wm-checkbox-grid legend,
.wm-radio-row legend,
.wm-radio-stack legend {
  margin-bottom: 0.55rem;
  color: var(--wm-navy-950);
  font-family: var(--wm-font-heading);
  font-weight: 800;
  letter-spacing: -0.02em;
}

.wm-checkbox-grid legend span {
  color: var(--wm-blue-600);
  font-family: var(--wm-font-mono);
  font-size: 0.7rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.wm-choice-card,
.wm-checkbox-grid label,
.wm-radio-row label,
.wm-radio-stack label {
  position: relative;
  display: flex;
  gap: 0.65rem;
  align-items: flex-start;
  border: 1px solid var(--wm-border-light);
  border-radius: var(--wm-radius-md);
  background: var(--wm-cloud-50);
  cursor: pointer;
  color: rgba(11,17,32,0.78);
  font-weight: 800;
  line-height: 1.35;
  padding: 0.82rem 0.9rem;
  transition: background 180ms ease, border-color 180ms ease, transform 180ms ease, box-shadow 180ms ease;
}

.wm-choice-card:hover,
.wm-checkbox-grid label:hover,
.wm-radio-row label:hover,
.wm-radio-stack label:hover {
  border-color: rgba(37,99,235,0.22);
  background: var(--wm-white);
  transform: translateY(-1px);
  box-shadow: 0 12px 28px rgba(11,17,32,0.06);
}

.wm-choice-card input,
.wm-checkbox-grid input,
.wm-radio-row input,
.wm-radio-stack input,
.wm-consent input {
  flex: 0 0 auto;
  width: 1rem;
  height: 1rem;
  margin-top: 0.1rem;
  accent-color: var(--wm-blue-600);
}

.wm-choice-card:has(input:checked),
.wm-checkbox-grid label:has(input:checked),
.wm-radio-row label:has(input:checked),
.wm-radio-stack label:has(input:checked) {
  border-color: rgba(0,212,198,0.48);
  background: rgba(0,212,198,0.08);
  color: var(--wm-navy-950);
}

.wm-checkbox-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 1.1rem;
}

.wm-radio-row {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 1rem;
}

.wm-radio-stack {
  border: 1px solid rgba(11,17,32,0.08);
  border-radius: var(--wm-radius-lg);
  background: rgba(242,245,247,0.72);
  padding: 1rem;
}

.wm-consent {
  display: flex;
  gap: 0.7rem;
  align-items: flex-start;
  border: 1px solid rgba(11,17,32,0.1);
  border-radius: var(--wm-radius-md);
  background: var(--wm-cloud-50);
  margin-top: 1rem;
  padding: 0.9rem 1rem;
}

.wm-privacy-note {
  color: var(--wm-text-muted);
  font-size: 0.9rem;
  line-height: 1.5;
  margin: 0.8rem 0 0;
}

.wm-form-error {
  border: 1px solid rgba(192, 20, 60, 0.2);
  border-radius: var(--wm-radius-md);
  background: rgba(192,20,60,0.06);
  color: #8B1230;
  font-weight: 800;
  margin: 0 0 1rem;
  padding: 0.85rem 1rem;
}

.wm-planner-actions {
  display: flex;
  justify-content: space-between;
  gap: 0.8rem;
  margin-top: 1.2rem;
}

.wm-planner-success {
  border: 1px solid rgba(0,212,198,0.28);
  border-radius: var(--wm-radius-lg);
  background: rgba(126,237,183,0.12);
  margin-top: 1rem;
  padding: clamp(1rem, 3vw, 1.4rem);
}

.wm-planner-success p:not(.wm-kicker) {
  color: var(--wm-text-muted);
  line-height: 1.6;
}

.wm-planner-summary {
  position: sticky;
  top: 92px;
}

.wm-planner-summary__inner {
  position: relative;
  overflow: hidden;
  padding: clamp(1rem, 3vw, 1.35rem);
}

.wm-planner-summary__inner::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: var(--wm-gradient-flow);
}

.wm-summary-empty {
  border-radius: var(--wm-radius-md);
  background: var(--wm-cloud-50);
  color: var(--wm-text-muted);
  line-height: 1.55;
  margin: 0 0 1rem;
  padding: 0.9rem;
}

.wm-planner-summary dl {
  display: grid;
  gap: 0.75rem;
  margin: 0;
}

.wm-planner-summary dl div {
  display: grid;
  gap: 0.28rem;
  border-bottom: 1px solid rgba(11,17,32,0.08);
  padding-bottom: 0.75rem;
}

.wm-planner-summary dt {
  color: rgba(11,17,32,0.56);
  font-family: var(--wm-font-mono);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.wm-planner-summary dd {
  margin: 0;
  color: var(--wm-navy-950);
  font-weight: 800;
  line-height: 1.45;
}

.wm-summary-note {
  color: var(--wm-text-muted);
  font-size: 0.92rem;
  line-height: 1.55;
  margin: 1rem 0 0;
}

.wm-demo-next-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.wm-demo-fit-grid .wm-card h3 {
  font-size: clamp(1.2rem, 1.8vw, 1.55rem);
}

.wm-fit-list {
  display: grid;
  gap: 1rem;
}

.wm-fit-list div {
  display: grid;
  gap: 0.35rem;
  border: 1px solid var(--wm-border-light);
  border-radius: var(--wm-radius-lg);
  background: var(--wm-cloud-50);
  padding: 1rem;
}

.wm-fit-list strong {
  color: var(--wm-navy-950);
  font-family: var(--wm-font-heading);
  font-size: 1.25rem;
  letter-spacing: -0.03em;
}

.wm-fit-list span {
  color: var(--wm-text-muted);
  line-height: 1.55;
}

.wm-demo-faq-section .wm-h2,
.wm-demo-faq-section .wm-kicker,
.wm-demo-faq-section .wm-faq__question,
.wm-faq-question {
  color: var(--wm-white);
}

.wm-demo-faq-section .wm-body-large,
.wm-demo-faq-section .wm-faq__answer p,
.wm-demo-faq-section .wm-faq-answer p {
  color: var(--wm-text-muted-dark);
}

.wm-demo-faq-section .wm-faq {
  border-color: rgba(255,255,255,0.13);
  background: rgba(255,255,255,0.06);
}

@keyframes wmSignalPulse {
  0%, 100% { transform: scaleY(0.68); opacity: 0.72; }
  50% { transform: scaleY(1); opacity: 1; }
}

@media (max-width: 1080px) {
  .wm-demo-planner-layout {
    grid-template-columns: 1fr;
  }

  .wm-planner-summary {
    position: static;
  }

  .wm-planner-progress {
    display: flex;
    overflow-x: auto;
    padding-bottom: 0.35rem;
    scroll-snap-type: x mandatory;
  }

  .wm-planner-progress button {
    flex: 0 0 185px;
    scroll-snap-align: start;
  }
}

@media (max-width: 880px) {
  .wm-demo-next-grid,
  .wm-demo-fit-grid,
  .wm-form-grid,
  .wm-choice-grid,
  .wm-checkbox-grid,
  .wm-radio-row {
    grid-template-columns: 1fr;
  }

  .wm-planner-actions {
    align-items: stretch;
    flex-direction: column-reverse;
  }

  .wm-planner-actions .wm-button {
    width: 100%;
  }
}

@media (max-width: 640px) {
  .wm-demo-form,
  .wm-planner-summary__inner {
    border-radius: var(--wm-radius-lg);
  }

  .wm-demo-form {
    padding: 0.8rem;
  }

  .wm-planner-step {
    padding: 1rem;
  }

  .wm-demo-brief-card__wave {
    height: 76px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .wm-demo-brief-card__wave span {
    animation: none !important;
  }
}

.wm-demo-form.is-submitted .wm-planner-step,
.wm-demo-form.is-submitted .wm-planner-progress,
.wm-demo-form.is-submitted .wm-planner-actions,
.wm-demo-form.is-submitted .wm-form-error {
  display: none !important;
}

.wm-demo-form button[disabled] {
  cursor: wait;
  opacity: 0.72;
}

/* Slice 8: About page */
.wm-about-hero-card {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: var(--wm-radius-xl);
  background:
    radial-gradient(circle at 72% 18%, rgba(0, 212, 198, 0.24), transparent 34%),
    radial-gradient(circle at 18% 82%, rgba(37, 99, 235, 0.22), transparent 36%),
    var(--wm-navy-950);
  color: var(--wm-white);
  padding: clamp(1.25rem, 3vw, 2rem);
  box-shadow: 0 28px 90px rgba(11,17,32,0.22);
  min-height: 520px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.wm-about-hero-card::before {
  content: "";
  position: absolute;
  inset: -20%;
  background: var(--wm-gradient-glow);
  opacity: 0.8;
  animation: wmFloat 10s ease-in-out infinite;
}

.wm-about-hero-card > * {
  position: relative;
  z-index: 1;
}

.wm-about-hero-card__top,
.wm-about-card-stack span,
.wm-about-wave-labels span,
.wm-about-signal-stack article {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
}

.wm-about-hero-card__top {
  color: rgba(255,255,255,0.76);
  font-weight: 800;
}

.wm-about-hero-card h3 {
  max-width: 440px;
  margin: 2.2rem 0 1.5rem;
  color: var(--wm-white);
  font-size: clamp(2rem, 4vw, 4.25rem);
  line-height: 0.98;
  letter-spacing: -0.055em;
}

.wm-about-word-cloud {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin: 2rem 0;
}

.wm-about-word-cloud span {
  border: 1px solid rgba(255,255,255,0.16);
  border-radius: 999px;
  background: rgba(255,255,255,0.08);
  color: var(--wm-white);
  padding: 0.7rem 1rem;
  font-weight: 850;
}

.wm-about-card-stack {
  display: grid;
  gap: 0.65rem;
}

.wm-about-card-stack span {
  min-height: 46px;
  border: 1px solid rgba(255,255,255,0.13);
  border-radius: 16px;
  background: rgba(255,255,255,0.07);
  color: rgba(255,255,255,0.78);
  padding: 0 1rem;
  font-family: var(--wm-font-mono);
  font-size: 0.78rem;
  letter-spacing: 0.12em;
}

.wm-about-risk-grid {
  grid-template-columns: 1fr;
}

.wm-about-name-grid {
  display: grid;
  grid-template-columns: minmax(280px, 0.8fr) minmax(0, 1fr);
  gap: clamp(2rem, 5vw, 4.5rem);
  align-items: center;
}

.wm-about-wave-panel {
  position: relative;
  overflow: hidden;
  min-height: 420px;
  border: 1px solid var(--wm-border-dark);
  border-radius: var(--wm-radius-xl);
  background:
    radial-gradient(circle at 45% 48%, rgba(0, 212, 198, 0.22), transparent 42%),
    rgba(255,255,255,0.06);
  display: grid;
  align-content: center;
  gap: 2rem;
  padding: clamp(1.2rem, 3vw, 2rem);
}

.wm-about-wave-panel .wm-waveform {
  min-height: 135px;
  justify-content: center;
}

.wm-about-wave-labels {
  display: grid;
  gap: 0.7rem;
}

.wm-about-wave-labels span {
  min-height: 44px;
  border: 1px solid rgba(255,255,255,0.13);
  border-radius: 999px;
  background: rgba(255,255,255,0.06);
  color: rgba(255,255,255,0.78);
  padding: 0 1rem;
  font-weight: 800;
}

.wm-about-name-copy blockquote {
  margin: 1.8rem 0 0;
  border-left: 3px solid var(--wm-teal-400);
  padding-left: 1.2rem;
  color: var(--wm-white);
  font-family: var(--wm-font-heading);
  font-size: clamp(1.35rem, 2.2vw, 2.2rem);
  line-height: 1.15;
  letter-spacing: -0.04em;
}

.wm-card-grid--two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.wm-about-statement-card {
  min-height: 300px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.wm-about-statement-card .wm-kicker {
  margin-bottom: 1.4rem;
}

.wm-about-value-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1rem;
}

.wm-about-value-card {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--wm-border-light);
  border-radius: var(--wm-radius-lg);
  background: var(--wm-white);
  padding: clamp(1rem, 2.2vw, 1.35rem);
  min-height: 270px;
  box-shadow: 0 20px 62px rgba(11,17,32,0.06);
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.wm-about-value-card::before {
  content: "";
  position: absolute;
  left: 1.2rem;
  right: 1.2rem;
  top: 0;
  height: 3px;
  border-radius: 999px;
  background: var(--wm-gradient-flow);
  opacity: 0;
  transition: opacity 180ms ease;
}

.wm-about-value-card:hover,
.wm-about-value-card:focus-within {
  transform: translateY(-3px);
  border-color: rgba(37,99,235,0.22);
  box-shadow: 0 28px 72px rgba(11,17,32,0.10);
}

.wm-about-value-card:hover::before,
.wm-about-value-card:focus-within::before {
  opacity: 1;
}

.wm-about-value-card > span {
  display: inline-flex;
  color: var(--wm-blue-600);
  font-family: var(--wm-font-mono);
  font-weight: 800;
  letter-spacing: 0.12em;
  margin-bottom: 1.4rem;
}

.wm-about-value-card h3 {
  margin: 0 0 0.8rem;
}

.wm-about-value-card p {
  margin: 0;
  color: var(--wm-text-muted);
  line-height: 1.62;
}

.wm-about-audience-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.85rem;
}

.wm-about-audience-pill {
  position: relative;
  display: grid;
  gap: 0.35rem;
  border: 1px solid var(--wm-border-light);
  border-radius: 22px;
  background: rgba(255,255,255,0.84);
  padding: 1rem;
  box-shadow: 0 16px 48px rgba(11,17,32,0.05);
  transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;
}

.wm-about-audience-pill:hover,
.wm-about-audience-pill:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(0, 212, 198, 0.36);
  background: var(--wm-white);
  outline: none;
}

.wm-about-audience-pill strong {
  color: var(--wm-navy-950);
  font-family: var(--wm-font-heading);
  font-size: 1.1rem;
  letter-spacing: -0.03em;
}

.wm-about-audience-pill span {
  color: var(--wm-text-muted);
  line-height: 1.5;
}

.wm-about-signal-stack {
  display: grid;
  gap: 1rem;
}

.wm-about-signal-stack article {
  min-height: 94px;
  border: 1px solid var(--wm-border-dark);
  border-radius: var(--wm-radius-lg);
  background: rgba(255,255,255,0.07);
  padding: 1rem 1.15rem;
}

.wm-about-signal-stack span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 999px;
  background: rgba(0,212,198,0.16);
  color: var(--wm-teal-400);
  font-family: var(--wm-font-mono);
  font-weight: 900;
}

.wm-about-signal-stack strong {
  color: var(--wm-white);
  font-family: var(--wm-font-heading);
  font-size: clamp(1.15rem, 2vw, 1.55rem);
  line-height: 1.18;
  letter-spacing: -0.035em;
}

@media (max-width: 1080px) {
  .wm-about-value-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 980px) {
  .wm-about-name-grid,
  .wm-card-grid--two {
    grid-template-columns: 1fr;
  }

  .wm-about-hero-card,
  .wm-about-wave-panel {
    min-height: 420px;
  }
}

@media (max-width: 760px) {
  .wm-about-value-grid,
  .wm-about-audience-grid,
  .wm-about-comparison {
    grid-template-columns: 1fr;
  }

  .wm-about-value-card {
    min-height: auto;
  }

  .wm-about-hero-card,
  .wm-about-wave-panel {
    min-height: auto;
  }

  .wm-about-hero-card h3 {
    margin-top: 1.5rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .wm-about-hero-card::before {
    animation: none !important;
  }
}


/* Slice 9: Legal basics pages */
.wm-page--legal {
  background: var(--wm-white);
}

.wm-legal-hero {
  min-height: auto;
  background:
    radial-gradient(circle at 76% 24%, rgba(0, 212, 198, 0.18), transparent 34%),
    radial-gradient(circle at 16% 10%, rgba(37, 99, 235, 0.10), transparent 32%),
    var(--wm-cloud-50);
}

.wm-legal-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 390px);
  gap: clamp(2rem, 5vw, 4rem);
  align-items: center;
}

.wm-legal-updated {
  display: inline-flex;
  align-items: center;
  margin: 0.5rem 0 0;
  padding: 0.55rem 0.8rem;
  border: 1px solid var(--wm-border-light);
  border-radius: 999px;
  background: rgba(255,255,255,0.72);
  color: rgba(11,17,32,0.72);
  font-family: var(--wm-font-mono);
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.wm-legal-review-card {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--wm-border-dark);
  border-radius: var(--wm-radius-xl);
  background:
    radial-gradient(circle at 80% 8%, rgba(0, 212, 198, 0.22), transparent 34%),
    linear-gradient(160deg, #0B1120 0%, #13233A 100%);
  color: var(--wm-white);
  padding: clamp(1.25rem, 3vw, 2rem);
  box-shadow: 0 32px 90px rgba(11, 17, 32, 0.24);
}

.wm-legal-review-card::before {
  content: "";
  display: block;
  width: 92px;
  height: 5px;
  border-radius: 999px;
  margin-bottom: 1.4rem;
  background: var(--wm-gradient-flow);
}

.wm-legal-review-card span {
  display: inline-flex;
  margin-bottom: 0.85rem;
  color: var(--wm-teal-400);
  font-family: var(--wm-font-mono);
  font-size: 0.76rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.wm-legal-review-card h2 {
  color: var(--wm-white);
  margin: 0 0 0.75rem;
  font-size: clamp(1.45rem, 3vw, 2.35rem);
  line-height: 1.02;
  letter-spacing: -0.045em;
}

.wm-legal-review-card p {
  color: var(--wm-text-muted-dark);
  line-height: 1.65;
  margin: 0;
}

.wm-legal-layout {
  display: grid;
  grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
  gap: clamp(1.5rem, 4vw, 4rem);
  align-items: start;
}

.wm-legal-toc {
  position: sticky;
  top: 110px;
  display: grid;
  gap: 0.45rem;
  border: 1px solid var(--wm-border-light);
  border-radius: var(--wm-radius-lg);
  background: var(--wm-cloud-50);
  padding: 0.8rem;
}

.wm-legal-toc a {
  display: block;
  border-radius: 14px;
  padding: 0.78rem 0.85rem;
  color: rgba(11,17,32,0.74) !important;
  font-weight: 800;
  line-height: 1.25;
  text-decoration: none !important;
  transition: background 180ms ease, color 180ms ease, transform 180ms ease;
}

.wm-legal-toc a:hover,
.wm-legal-toc a:focus-visible {
  background: var(--wm-white);
  color: var(--wm-navy-950) !important;
  transform: translateX(2px);
  outline: none;
}

.wm-legal-content {
  display: grid;
  gap: 1.1rem;
}

.wm-legal-content section {
  border: 1px solid var(--wm-border-light);
  border-radius: var(--wm-radius-lg);
  background: var(--wm-white);
  padding: clamp(1.2rem, 3vw, 2rem);
  box-shadow: 0 18px 60px rgba(11, 17, 32, 0.055);
  scroll-margin-top: 120px;
}

.wm-legal-content h2 {
  margin: 0 0 0.85rem;
  color: var(--wm-navy-950);
  font-family: var(--wm-font-heading);
  font-size: clamp(1.35rem, 2.4vw, 2.05rem);
  line-height: 1.08;
  letter-spacing: -0.04em;
}

.wm-legal-content h3 {
  margin: 0 0 0.5rem;
  font-size: 1.05rem;
  letter-spacing: -0.02em;
}

.wm-legal-content p,
.wm-legal-content li {
  color: var(--wm-text-muted);
  font-size: 1rem;
  line-height: 1.72;
}

.wm-legal-content p {
  margin: 0 0 0.9rem;
}

.wm-legal-content p:last-child,
.wm-legal-content ul:last-child {
  margin-bottom: 0;
}

.wm-legal-content ul {
  margin: 0.25rem 0 1rem;
  padding-left: 1.2rem;
}

.wm-legal-content li + li {
  margin-top: 0.45rem;
}

.wm-legal-placeholder-box {
  border: 1px solid rgba(37, 99, 235, 0.18);
  border-radius: var(--wm-radius-md);
  background:
    linear-gradient(135deg, rgba(37,99,235,0.06), rgba(0,212,198,0.06)),
    var(--wm-cloud-50);
  padding: 1rem 1.1rem;
}

.wm-legal-placeholder-box strong {
  color: var(--wm-navy-950);
}

.wm-legal-card-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.9rem;
}

.wm-legal-card-grid article {
  border: 1px solid var(--wm-border-light);
  border-radius: var(--wm-radius-md);
  background: var(--wm-cloud-50);
  padding: 1rem;
}

.wm-legal-card-grid article::before {
  content: "";
  display: block;
  width: 42px;
  height: 3px;
  margin-bottom: 0.75rem;
  border-radius: 999px;
  background: var(--wm-gradient-flow);
}

@media (max-width: 920px) {
  .wm-legal-hero__grid,
  .wm-legal-layout {
    grid-template-columns: 1fr;
  }

  .wm-legal-toc {
    position: relative;
    top: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .wm-legal-toc,
  .wm-legal-card-grid {
    grid-template-columns: 1fr;
  }

  .wm-legal-content section {
    padding: 1.05rem;
    border-radius: var(--wm-radius-md);
  }
}

/* Slice 10: Resources hub shell */
.wm-page--resources {
  background: var(--wm-white);
}

.wm-resources-hero {
  min-height: auto;
  background:
    radial-gradient(circle at 82% 24%, rgba(0, 212, 198, 0.18), transparent 34%),
    radial-gradient(circle at 18% 8%, rgba(37, 99, 235, 0.11), transparent 30%),
    var(--wm-cloud-50);
}

.wm-resources-brief {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--wm-border-dark);
  border-radius: var(--wm-radius-xl);
  background:
    radial-gradient(circle at 80% 10%, rgba(0, 212, 198, 0.24), transparent 34%),
    linear-gradient(160deg, #0B1120 0%, #13233A 100%);
  color: var(--wm-white);
  padding: clamp(1.2rem, 3vw, 2rem);
  box-shadow: 0 32px 90px rgba(11, 17, 32, 0.25);
}

.wm-resources-brief::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255,255,255,0.10), transparent 48%);
  pointer-events: none;
}

.wm-resources-brief > * {
  position: relative;
  z-index: 1;
}

.wm-resources-brief__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.25rem;
  font-weight: 850;
}

.wm-resources-brief h2 {
  max-width: 520px;
  margin: 0;
  color: var(--wm-white);
  font-family: var(--wm-font-heading);
  font-size: clamp(1.65rem, 3.6vw, 3rem);
  line-height: 1.02;
  letter-spacing: -0.05em;
}

.wm-resources-stack {
  display: grid;
  gap: 0.75rem;
  margin-top: 1.2rem;
}

.wm-resources-stack span,
.wm-resource-chip-grid span {
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: var(--wm-radius-md);
  background: rgba(255,255,255,0.075);
  color: rgba(255,255,255,0.86);
  padding: 0.85rem 0.95rem;
  font-weight: 800;
}

.wm-featured-resource-card {
  background:
    linear-gradient(135deg, rgba(37,99,235,0.06), rgba(0,212,198,0.06)),
    rgba(255,255,255,0.9);
}

.wm-featured-resource-card h3,
.wm-resource-card h3,
.wm-resource-panel h3,
.wm-resource-checklist h3,
.wm-resource-route-card h3 {
  margin: 0 0 0.75rem;
  font-family: var(--wm-font-heading);
  color: var(--wm-navy-950);
  font-size: clamp(1.25rem, 2vw, 1.8rem);
  line-height: 1.08;
  letter-spacing: -0.04em;
}

.wm-featured-resource-card p,
.wm-resource-card p,
.wm-resource-panel p,
.wm-resource-checklist li,
.wm-resource-route-card p {
  color: var(--wm-text-muted);
  line-height: 1.65;
}

.wm-resource-status {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  margin-bottom: 0.95rem;
  border: 1px solid rgba(37,99,235,0.16);
  border-radius: 999px;
  background: rgba(37,99,235,0.075);
  color: var(--wm-blue-600);
  font-family: var(--wm-font-mono);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  padding: 0.42rem 0.62rem;
}

.wm-resource-panels {
  background: var(--wm-white);
}

.wm-resource-panel {
  display: grid;
  grid-template-columns: minmax(0, 0.85fr) minmax(260px, 0.7fr);
  gap: clamp(1.25rem, 4vw, 3rem);
  align-items: center;
  padding: clamp(1.25rem, 4vw, 2.7rem);
}

.wm-resource-chip-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.8rem;
}

.wm-resource-chip-grid span {
  border-color: var(--wm-border-light);
  background: var(--wm-cloud-50);
  color: var(--wm-navy-950);
}

.wm-resource-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(1rem, 2vw, 1.25rem);
  margin-top: clamp(2rem, 4vw, 3rem);
}

.wm-resource-card,
.wm-resource-checklist {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--wm-border-light);
  border-radius: var(--wm-radius-lg);
  background: rgba(255,255,255,0.88);
  padding: clamp(1.15rem, 2.5vw, 1.65rem);
  box-shadow: 0 18px 58px rgba(11, 17, 32, 0.055);
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.wm-resource-card::before,
.wm-resource-checklist::before {
  content: "";
  display: block;
  width: 64px;
  height: 4px;
  margin-bottom: 1rem;
  border-radius: 999px;
  background: var(--wm-gradient-flow);
}

.wm-resource-card:hover,
.wm-resource-card:focus-within {
  transform: translateY(-4px);
  border-color: rgba(37,99,235,0.2);
  box-shadow: 0 24px 70px rgba(11, 17, 32, 0.09);
}

.wm-resource-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin-bottom: 0.9rem;
}

.wm-resource-card__meta span {
  border: 1px solid var(--wm-border-light);
  border-radius: 999px;
  background: var(--wm-cloud-50);
  color: rgba(11,17,32,0.68);
  font-size: 0.76rem;
  font-weight: 850;
  padding: 0.34rem 0.55rem;
}

.wm-card-grid--four {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.wm-dark-card {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--wm-border-dark);
  border-radius: var(--wm-radius-lg);
  background: rgba(255,255,255,0.065);
  padding: clamp(1.1rem, 2.6vw, 1.55rem);
}

.wm-dark-card::before {
  content: "";
  display: block;
  width: 50px;
  height: 3px;
  margin-bottom: 1rem;
  border-radius: 999px;
  background: var(--wm-gradient-flow);
}

.wm-dark-card h3,
.wm-resource-route-card h3 {
  color: var(--wm-white);
}

.wm-dark-card p,
.wm-resource-route-card p {
  color: var(--wm-text-muted-dark);
}

.wm-resource-route-card a {
  display: inline-flex;
  margin-top: 0.8rem;
  color: var(--wm-teal-400) !important;
  font-weight: 900;
  text-decoration: none !important;
}

.wm-resource-route-card a:hover,
.wm-resource-route-card a:focus-visible {
  color: var(--wm-mint-300) !important;
  text-decoration: underline !important;
}

.wm-resource-next-slice strong {
  color: var(--wm-navy-950);
}

@media (max-width: 1024px) {
  .wm-resource-grid,
  .wm-card-grid--four {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .wm-resource-panel {
    grid-template-columns: 1fr;
  }

  .wm-resource-grid,
  .wm-card-grid--four,
  .wm-resource-chip-grid {
    grid-template-columns: 1fr;
  }

  .wm-resources-brief__top {
    align-items: flex-start;
    flex-direction: column;
  }
}

/* Slice 11 resources article template */
.wm-page--resource-article {
  background: var(--wm-cloud-50);
}

.wm-article-hero {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 82% 26%, rgba(0, 212, 198, 0.18), transparent 34%),
    radial-gradient(circle at 18% 18%, rgba(37, 99, 235, 0.12), transparent 32%),
    var(--wm-cloud-50);
}

.wm-article-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.72fr);
  gap: clamp(2rem, 5vw, 5rem);
  align-items: center;
}

.wm-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.55rem;
  margin-bottom: 1.2rem;
  color: rgba(11, 17, 32, 0.62);
  font-size: 0.9rem;
  font-weight: 800;
}

.wm-breadcrumb a {
  color: var(--wm-blue-600) !important;
  text-decoration: none !important;
}

.wm-breadcrumb a:hover,
.wm-breadcrumb a:focus-visible {
  text-decoration: underline !important;
}

.wm-article-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  margin: 1.4rem 0 1.6rem;
}

.wm-article-meta span {
  border: 1px solid var(--wm-border-light);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.72);
  color: rgba(11, 17, 32, 0.68);
  font-size: 0.82rem;
  font-weight: 850;
  padding: 0.46rem 0.72rem;
}

.wm-article-brief-card {
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: var(--wm-radius-xl);
  background:
    radial-gradient(circle at 80% 20%, rgba(0, 212, 198, 0.18), transparent 34%),
    linear-gradient(145deg, var(--wm-navy-950), var(--wm-navy-850));
  box-shadow: 0 34px 90px rgba(11, 17, 32, 0.23);
  color: var(--wm-white);
  padding: clamp(1.45rem, 3.2vw, 2.25rem);
}

.wm-article-brief-card__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.2rem;
  color: var(--wm-text-muted-dark);
  font-family: var(--wm-font-mono);
  font-size: 0.72rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.wm-article-brief-card h2 {
  color: var(--wm-white);
  font-family: var(--wm-font-heading);
  font-size: clamp(1.5rem, 3vw, 2.45rem);
  line-height: 1.05;
  letter-spacing: -0.045em;
  margin: 0 0 1.5rem;
}

.wm-article-brief-list {
  display: grid;
  gap: 0.65rem;
  margin: 1.4rem 0 0;
  padding: 0;
  list-style: none;
}

.wm-article-brief-list li {
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  color: var(--wm-text-muted-dark);
  font-weight: 850;
  padding: 0.72rem 0.9rem;
}

.wm-article-shell-section {
  background: var(--wm-white);
}

.wm-article-shell {
  display: grid;
  grid-template-columns: minmax(220px, 0.28fr) minmax(0, 0.72fr);
  gap: clamp(2rem, 5vw, 4rem);
  align-items: start;
}

.wm-article-sidebar {
  position: sticky;
  top: 110px;
}

.wm-article-sidebar__inner {
  border: 1px solid var(--wm-border-light);
  border-radius: var(--wm-radius-lg);
  background: var(--wm-cloud-50);
  padding: 1.25rem;
}

.wm-article-sidebar__inner a {
  display: block;
  border-top: 1px solid rgba(11, 17, 32, 0.08);
  color: rgba(11, 17, 32, 0.72) !important;
  font-weight: 850;
  padding: 0.78rem 0;
  text-decoration: none !important;
}

.wm-article-sidebar__inner a:hover,
.wm-article-sidebar__inner a:focus-visible {
  color: var(--wm-blue-600) !important;
}

.wm-article-content {
  max-width: 820px;
}

.wm-article-block {
  scroll-margin-top: 120px;
  padding: clamp(2.4rem, 5vw, 4.5rem) 0;
  border-bottom: 1px solid rgba(11, 17, 32, 0.08);
}

.wm-article-block:first-child {
  padding-top: 0;
}

.wm-article-block:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.wm-article-block h2 {
  color: var(--wm-navy-950);
  font-family: var(--wm-font-heading);
  font-size: clamp(1.85rem, 3.4vw, 3.25rem);
  letter-spacing: -0.05em;
  line-height: 1.02;
  margin: 0 0 1rem;
}

.wm-article-block h3 {
  color: var(--wm-navy-950);
  font-family: var(--wm-font-heading);
  font-size: clamp(1.1rem, 1.8vw, 1.45rem);
  letter-spacing: -0.03em;
  line-height: 1.12;
  margin: 0 0 0.55rem;
}

.wm-article-block p,
.wm-article-block li {
  color: rgba(11, 17, 32, 0.74);
  font-size: 1.04rem;
  line-height: 1.75;
}

.wm-article-pullout {
  display: grid;
  gap: 0.35rem;
  border: 1px solid rgba(37, 99, 235, 0.16);
  border-left: 4px solid var(--wm-teal-400);
  border-radius: var(--wm-radius-md);
  background: linear-gradient(135deg, rgba(37, 99, 235, 0.06), rgba(0, 212, 198, 0.08));
  margin: 1.7rem 0;
  padding: clamp(1.05rem, 2.4vw, 1.45rem);
}

.wm-article-pullout strong {
  color: var(--wm-navy-950);
  font-family: var(--wm-font-heading);
}

.wm-article-pullout span {
  color: rgba(11, 17, 32, 0.72);
}

.wm-article-pullout--dark {
  border-color: var(--wm-border-dark);
  border-left-color: var(--wm-mint-300);
  background: var(--wm-navy-950);
}

.wm-article-pullout--dark strong,
.wm-article-pullout--dark span {
  color: var(--wm-white);
}

.wm-article-pullout--dark span {
  color: var(--wm-text-muted-dark);
}

.wm-article-card-grid,
.wm-article-example-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 1.4rem;
}

.wm-article-example-list article {
  border: 1px solid var(--wm-border-light);
  border-radius: var(--wm-radius-md);
  background: var(--wm-cloud-50);
  padding: 1.15rem;
}

.wm-article-comparison {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin: 1.5rem 0;
}

.wm-article-comparison > div {
  border: 1px solid var(--wm-border-light);
  border-radius: var(--wm-radius-lg);
  background: var(--wm-cloud-50);
  padding: clamp(1.1rem, 2.6vw, 1.45rem);
}

.wm-article-comparison ul {
  margin: 0;
  padding-left: 1.15rem;
}

.wm-article-check-list {
  columns: 2;
  column-gap: 2rem;
}

.wm-article-check-list li {
  break-inside: avoid;
  margin-bottom: 0.6rem;
}

.wm-article-cta-card {
  overflow: hidden;
  border: 1px solid var(--wm-border-light);
  border-radius: var(--wm-radius-lg);
  background:
    radial-gradient(circle at 88% 16%, rgba(0, 212, 198, 0.17), transparent 32%),
    var(--wm-cloud-50);
  margin-top: 1.8rem;
  padding: clamp(1.3rem, 3vw, 2rem);
}

.wm-article-cta-card h3 {
  font-size: clamp(1.45rem, 2.5vw, 2.1rem);
}

.wm-related-guide-card h3 {
  margin-top: 1rem;
}

.wm-resource-status--live {
  border-color: rgba(0, 212, 198, 0.3);
  background: rgba(126, 237, 183, 0.17);
  color: var(--wm-navy-950);
}

.wm-resource-card__link {
  display: inline-flex;
  margin-top: 0.9rem;
  color: var(--wm-blue-600) !important;
  font-weight: 900;
  text-decoration: none !important;
}

.wm-resource-card__link:hover,
.wm-resource-card__link:focus-visible {
  color: var(--wm-navy-950) !important;
  text-decoration: underline !important;
}

@media (max-width: 1024px) {
  .wm-article-hero__grid,
  .wm-article-shell {
    grid-template-columns: 1fr;
  }

  .wm-article-sidebar {
    position: static;
  }

  .wm-article-sidebar__inner {
    display: flex;
    gap: 0.85rem;
    overflow-x: auto;
    padding: 1rem;
    scroll-snap-type: x proximity;
  }

  .wm-article-sidebar__inner .wm-kicker {
    flex: 0 0 auto;
    margin: 0;
    padding: 0.78rem 0.5rem 0.78rem 0;
  }

  .wm-article-sidebar__inner a {
    flex: 0 0 auto;
    border-top: 0;
    border-left: 1px solid rgba(11, 17, 32, 0.08);
    padding: 0.78rem 0.85rem;
    scroll-snap-align: start;
    white-space: nowrap;
  }

  .wm-article-content {
    max-width: none;
  }
}

@media (max-width: 760px) {
  .wm-article-card-grid,
  .wm-article-example-list,
  .wm-article-comparison {
    grid-template-columns: 1fr;
  }

  .wm-article-check-list {
    columns: 1;
  }

  .wm-article-meta {
    align-items: flex-start;
    flex-direction: column;
  }

  .wm-article-brief-card__top {
    align-items: flex-start;
    flex-direction: column;
  }
}


/* Slice 23 commercial SEO landing page */
.wm-page--seo-landing .wm-breadcrumb {
  margin-bottom: 1rem;
}

.wm-seo-hero {
  background:
    radial-gradient(circle at 78% 24%, rgba(0, 212, 198, 0.2), transparent 34%),
    radial-gradient(circle at 22% 8%, rgba(37, 99, 235, 0.12), transparent 31%),
    var(--wm-cloud-50);
}

.wm-seo-platform-card .wm-player-shell {
  overflow: hidden;
}

.wm-seo-player-badge {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  border: 1px solid rgba(126, 237, 183, 0.32);
  border-radius: 999px;
  background: rgba(126, 237, 183, 0.12);
  color: var(--wm-mint-300);
  font-weight: 900;
  padding: 0.45rem 0.72rem;
  font-size: 0.78rem;
}

.wm-seo-rows {
  display: grid;
  gap: 0.65rem;
  margin-top: 1rem;
}

.wm-seo-rows div {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: var(--wm-radius-md);
  background: rgba(255, 255, 255, 0.07);
  padding: 0.9rem;
}

.wm-seo-rows strong {
  color: var(--wm-white);
}

.wm-seo-rows span {
  color: var(--wm-text-muted-dark);
  font-weight: 800;
}

.wm-seo-insight-card {
  border: 1px solid var(--wm-border-light);
  border-radius: var(--wm-radius-xl);
  background:
    radial-gradient(circle at 80% 12%, rgba(0, 212, 198, 0.15), transparent 34%),
    var(--wm-white);
  box-shadow: 0 28px 80px rgba(11, 17, 32, 0.08);
  padding: clamp(1.25rem, 3vw, 2rem);
}

.wm-seo-insight-card h3 {
  margin-top: 0;
}

.wm-page--seo-landing .wm-feature-system-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.wm-timeline--five {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.wm-seo-example-stack {
  display: grid;
  gap: 0.9rem;
}

.wm-seo-example-stack article {
  border: 1px solid var(--wm-border-light);
  border-radius: var(--wm-radius-lg);
  background: var(--wm-white);
  padding: clamp(1rem, 2vw, 1.45rem);
  box-shadow: 0 18px 50px rgba(11, 17, 32, 0.06);
}

.wm-seo-example-stack span {
  display: inline-flex;
  margin-bottom: 0.7rem;
  color: var(--wm-blue-600);
  font-family: var(--wm-font-mono);
  font-weight: 900;
  letter-spacing: 0.12em;
}

.wm-seo-example-stack h3 {
  margin-bottom: 0.5rem;
}

.wm-seo-example-stack p {
  margin: 0;
  color: var(--wm-text-muted);
  line-height: 1.65;
}

.wm-seo-related-resources .wm-card h3 {
  margin-top: 1rem;
}

@media (max-width: 1100px) {
  .wm-timeline--five,
  .wm-page--seo-landing .wm-feature-system-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .wm-timeline--five,
  .wm-page--seo-landing .wm-feature-system-grid {
    grid-template-columns: 1fr;
  }

  .wm-seo-rows div {
    align-items: flex-start;
    flex-direction: column;
  }
}

/* Slice 32: Wimimbi Signal OS dark theme shell */
body.wimimbi-hide-theme-shell #header,
body.wimimbi-hide-theme-shell #footer,
body.wimimbi-hide-theme-shell #socket,
body.wimimbi-hide-theme-shell .av-burger-overlay,
body.wimimbi-hide-theme-shell .title_container {
  display: none !important;
}

body.wimimbi-hide-theme-shell #main,
body.wimimbi-hide-theme-shell .html_header_top.html_header_sticky #main,
body.wimimbi-hide-theme-shell .html_header_top.html_header_sticky.html_large #main,
body.wimimbi-hide-theme-shell .html_header_top.html_header_sticky.html_bottom_nav_header #main {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

body.wimimbi-page {
  background: var(--wm-navy-950) !important;
}

.wm-site-header,
.wm-site-footer {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  font-family: var(--wm-font-body);
  color: var(--wm-white);
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

.wm-site-header *,
.wm-site-header *::before,
.wm-site-header *::after,
.wm-site-footer *,
.wm-site-footer *::before,
.wm-site-footer *::after {
  box-sizing: border-box;
}

.wm-site-header {
  position: sticky;
  top: 0;
  z-index: 999;
  padding: 0.7rem min(2vw, 1.5rem);
  background:
    linear-gradient(180deg, rgba(11, 17, 32, 0.88), rgba(11, 17, 32, 0.68));
  border-bottom: 1px solid rgba(255, 255, 255, 0.10);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  transition: background 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

body.admin-bar .wm-site-header {
  top: 32px;
}

.wm-site-header.is-scrolled {
  background: rgba(11, 17, 32, 0.96);
  border-bottom-color: rgba(0, 212, 198, 0.18);
  box-shadow: 0 18px 52px rgba(0, 0, 0, 0.28);
}

.wm-site-header__inner {
  width: min(var(--wm-page-wide), calc(100% - 1rem));
  min-height: 4.35rem;
  margin: 0 auto;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: clamp(1rem, 2.6vw, 2.25rem);
  align-items: center;
}

.wm-site-header__logo {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  text-decoration: none !important;
}

.wm-site-header__logo img {
  display: block;
  width: clamp(158px, 16vw, 218px);
  height: auto;
  max-height: 42px;
  object-fit: contain;
}

.wm-site-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(0.3rem, 1.2vw, 0.9rem);
}

.wm-site-nav a,
.wm-site-mobile-menu a,
.wm-site-footer a {
  text-decoration: none !important;
}

.wm-site-nav a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0.55rem 0.82rem;
  border-radius: 999px;
  color: rgba(255, 255, 255, 0.76) !important;
  font-weight: 800;
  font-size: 0.93rem;
  letter-spacing: -0.01em;
  transition: color 180ms ease, background 180ms ease;
}

.wm-site-nav a::after {
  content: "";
  position: absolute;
  left: 0.85rem;
  right: 0.85rem;
  bottom: 0.28rem;
  height: 2px;
  border-radius: 999px;
  background: var(--wm-gradient-flow);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 180ms ease;
}

.wm-site-nav a:hover,
.wm-site-nav a:focus-visible {
  color: var(--wm-white) !important;
  background: rgba(255, 255, 255, 0.06);
}

.wm-site-nav a:hover::after,
.wm-site-nav a:focus-visible::after {
  transform: scaleX(1);
}

.wm-site-header__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.7rem;
}

.wm-site-header__cta,
.wm-site-mobile-menu__cta,
.wm-page a.wm-site-header__cta,
.wm-page a.wm-site-mobile-menu__cta {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  padding: 0.76rem 1rem;
  border-radius: 999px;
  background: var(--wm-gradient-flow);
  color: var(--wm-navy-950) !important;
  font-weight: 900;
  box-shadow: 0 16px 46px rgba(0, 212, 198, 0.20);
  transition: transform 180ms ease, box-shadow 180ms ease;
  text-decoration: none !important;
  white-space: nowrap;
}

.wm-site-header__cta:hover,
.wm-site-header__cta:focus-visible,
.wm-site-mobile-menu__cta:hover,
.wm-site-mobile-menu__cta:focus-visible {
  transform: translateY(-2px);
  box-shadow: 0 22px 58px rgba(0, 212, 198, 0.30);
}

.wm-site-menu-toggle {
  display: none;
  width: 44px;
  height: 44px;
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 999px;
  background: rgba(255,255,255,0.06);
  color: var(--wm-white);
  padding: 0;
  cursor: pointer;
}

.wm-site-menu-toggle span:not(.screen-reader-text) {
  display: block;
  width: 18px;
  height: 2px;
  margin: 4px auto;
  border-radius: 999px;
  background: var(--wm-white);
  transition: transform 180ms ease, opacity 180ms ease;
}

.wm-site-menu-toggle[aria-expanded="true"] span:nth-child(2) {
  transform: translateY(3px) rotate(45deg);
}

.wm-site-menu-toggle[aria-expanded="true"] span:nth-child(3) {
  transform: translateY(-3px) rotate(-45deg);
}

.wm-site-mobile-menu {
  width: min(var(--wm-page-wide), calc(100% - 1rem));
  margin: 0.65rem auto 0;
  border: 1px solid rgba(255,255,255,0.12);
  background:
    radial-gradient(circle at 85% 0%, rgba(0, 212, 198, 0.16), transparent 38%),
    linear-gradient(145deg, rgba(19, 35, 58, 0.98), rgba(11, 17, 32, 0.98));
  box-shadow: 0 28px 88px rgba(0,0,0,0.36);
  padding: 0.85rem;
  clip-path: polygon(0 0, calc(100% - 22px) 0, 100% 22px, 100% 100%, 22px 100%, 0 calc(100% - 22px));
}

.wm-site-mobile-menu nav {
  display: grid;
  gap: 0.35rem;
}

.wm-site-mobile-menu a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 52px;
  padding: 0.9rem 1rem;
  color: rgba(255,255,255,0.84) !important;
  font: 900 clamp(1.25rem, 6vw, 2rem)/1.05 var(--wm-font-heading);
  letter-spacing: -0.04em;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}

.wm-site-mobile-menu a::after {
  content: "→";
  color: var(--wm-teal-400);
  font-family: var(--wm-font-body);
  font-size: 1rem;
}

.wm-site-mobile-menu__cta {
  margin-top: 0.85rem;
  font: 900 1rem/1 var(--wm-font-body) !important;
  letter-spacing: 0 !important;
  border-bottom: 0 !important;
}

.wm-site-mobile-menu__cta::after {
  color: var(--wm-navy-950) !important;
}

/* Slice 59: keep accessibility skip link available for keyboard users without leaving a visible top gap. */
.wm-site-header .wm-skip-link,
body.wimimbi-page .wm-skip-link {
  position: fixed !important;
  left: 1rem !important;
  top: 1rem !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  z-index: 100000 !important;
  background: var(--wm-white);
  color: var(--wm-navy-950) !important;
  border-radius: 999px;
  font-weight: 900;
  text-decoration: none !important;
}

.wm-site-header .wm-skip-link:focus-visible,
body.wimimbi-page .wm-skip-link:focus-visible {
  width: auto !important;
  height: auto !important;
  min-height: 44px !important;
  padding: 0.75rem 1rem !important;
  margin: 0 !important;
  overflow: visible !important;
  clip: auto !important;
  clip-path: none !important;
  white-space: normal !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: none !important;
  box-shadow: 0 16px 44px rgba(0, 0, 0, 0.30);
}

body.admin-bar .wm-site-header .wm-skip-link:focus-visible,
body.admin-bar.wimimbi-page .wm-skip-link:focus-visible {
  top: 3.25rem !important;
}

.wm-site-content-anchor,
.wm-site-content-anchor:focus {
  display: block !important;
  width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  outline: none !important;
}

.wm-site-footer {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 18% 12%, rgba(0, 212, 198, 0.18), transparent 32%),
    radial-gradient(circle at 92% 78%, rgba(37, 99, 235, 0.15), transparent 36%),
    var(--wm-navy-950);
  border-top: 1px solid rgba(255, 255, 255, 0.10);
  padding: clamp(3rem, 6vw, 6rem) min(2vw, 1.5rem) 1.5rem;
}

.wm-site-footer::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url('../img/dark-section-waveform.svg');
  background-position: 50% 8%;
  background-repeat: no-repeat;
  background-size: min(980px, 95vw) auto;
  opacity: 0.09;
  pointer-events: none;
}

.wm-site-footer::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 2px;
  background: var(--wm-gradient-flow);
  opacity: 0.88;
}

.wm-site-footer > * {
  position: relative;
  z-index: 1;
}

.wm-site-footer__cta,
.wm-site-footer__main,
.wm-site-footer__bottom {
  width: min(var(--wm-page-wide), calc(100% - 1rem));
  margin-left: auto;
  margin-right: auto;
}

.wm-site-footer__cta {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: clamp(1.2rem, 4vw, 3rem);
  align-items: end;
  padding-bottom: clamp(2.5rem, 5vw, 4.5rem);
  border-bottom: 1px solid rgba(255,255,255,0.12);
}

.wm-site-footer__cta h2 {
  max-width: 900px;
  margin: 0 0 0.85rem;
  color: var(--wm-white);
  font: 900 clamp(2.35rem, 6vw, 6.5rem)/0.94 var(--wm-font-heading);
  letter-spacing: -0.065em;
}

.wm-site-footer__cta p {
  max-width: 720px;
  margin: 0;
  color: var(--wm-text-muted-dark);
  font-size: clamp(1.02rem, 1.35vw, 1.25rem);
  line-height: 1.65;
}

.wm-site-footer__cta .wm-kicker {
  color: var(--wm-teal-400);
}

.wm-site-footer__cta-actions {
  display: flex;
  gap: 0.8rem;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.wm-site-footer__main {
  display: grid;
  grid-template-columns: minmax(240px, 0.9fr) minmax(0, 1.35fr);
  gap: clamp(2rem, 5vw, 5rem);
  padding: clamp(2.2rem, 5vw, 4rem) 0;
}

.wm-site-footer__brand img {
  display: block;
  width: min(260px, 78vw);
  height: auto;
  margin-bottom: 1.1rem;
}

.wm-site-footer__brand p {
  max-width: 420px;
  margin: 0;
  color: var(--wm-text-muted-dark);
  line-height: 1.7;
}

.wm-site-footer__signal {
  display: flex;
  align-items: end;
  gap: 0.35rem;
  height: 36px;
  margin-top: 1.6rem;
}

.wm-site-footer__signal span {
  display: block;
  width: 0.35rem;
  border-radius: 999px;
  background: var(--wm-gradient-flow);
  animation: wmSignal 2.2s ease-in-out infinite;
}

.wm-site-footer__signal span:nth-child(1) { height: 15px; }
.wm-site-footer__signal span:nth-child(2) { height: 26px; animation-delay: 0.12s; }
.wm-site-footer__signal span:nth-child(3) { height: 34px; animation-delay: 0.24s; }
.wm-site-footer__signal span:nth-child(4) { height: 22px; animation-delay: 0.36s; }
.wm-site-footer__signal span:nth-child(5) { height: 28px; animation-delay: 0.48s; }

.wm-site-footer__links {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(1rem, 3vw, 2rem);
}

.wm-site-footer__links h3 {
  margin: 0 0 1rem;
  color: var(--wm-white);
  font: 900 0.78rem/1.2 var(--wm-font-mono);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.wm-site-footer__links a {
  display: table;
  margin: 0 0 0.72rem;
  color: rgba(255,255,255,0.70) !important;
  font-weight: 750;
  transition: color 180ms ease, transform 180ms ease;
}

.wm-site-footer__links a:hover,
.wm-site-footer__links a:focus-visible {
  color: var(--wm-teal-400) !important;
  transform: translateX(3px);
}

.wm-site-footer__bottom {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  border-top: 1px solid rgba(255,255,255,0.10);
  padding-top: 1.25rem;
  color: rgba(255,255,255,0.56);
  font-size: 0.92rem;
}

.wm-button--ghost-dark,
.wm-page a.wm-button--ghost-dark {
  background: rgba(255,255,255,0.06);
  color: var(--wm-white) !important;
  border-color: rgba(255,255,255,0.16);
}

.wm-button--ghost-dark:hover,
.wm-button--ghost-dark:focus-visible {
  border-color: rgba(0, 212, 198, 0.42);
  box-shadow: 0 18px 52px rgba(0, 212, 198, 0.12);
}

body.wimimbi-page .wm-page {
  background:
    radial-gradient(circle at 82% 2%, rgba(0, 212, 198, 0.16), transparent 26rem),
    radial-gradient(circle at 8% 24%, rgba(37, 99, 235, 0.14), transparent 24rem),
    var(--wm-navy-950);
  color: var(--wm-white);
}

body.wimimbi-page .wm-hero,
body.wimimbi-page .wm-section--cloud,
body.wimimbi-page .wm-problem-section,
body.wimimbi-page .wm-usecase-section,
body.wimimbi-page .wm-capabilities-section,
body.wimimbi-page .wm-page--resources .wm-section,
body.wimimbi-page .wm-article-shell-section,
body.wimimbi-page .wm-page--seo-landing .wm-section,
body.wimimbi-page .wm-legal-layout-section {
  background:
    radial-gradient(circle at 82% 10%, rgba(0, 212, 198, 0.12), transparent 28rem),
    radial-gradient(circle at 12% 22%, rgba(37, 99, 235, 0.10), transparent 24rem),
    var(--wm-navy-950);
  color: var(--wm-white);
}

body.wimimbi-page .wm-hero {
  min-height: min(820px, calc(100vh - 72px));
  padding-top: clamp(3.5rem, 6vw, 6rem);
  border-bottom: 1px solid rgba(255,255,255,0.10);
}

body.wimimbi-page .wm-hero::before,
body.wimimbi-page .wm-dark-section::before,
body.wimimbi-page .wm-solution-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: radial-gradient(circle at 50% 10%, #000 0%, transparent 72%);
  opacity: 0.7;
  pointer-events: none;
}

body.wimimbi-page .wm-hero::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 180px;
  background-image: url('../img/hero-waveform-accent.png');
  background-repeat: no-repeat;
  background-position: 50% 100%;
  background-size: min(1400px, 110vw) auto;
  opacity: 0.24;
  pointer-events: none;
}

body.wimimbi-page .wm-hero > *,
body.wimimbi-page .wm-dark-section > *,
body.wimimbi-page .wm-solution-section > * {
  position: relative;
  z-index: 1;
}

body.wimimbi-page .wm-h1,
body.wimimbi-page .wm-h2,
body.wimimbi-page .wm-h3,
body.wimimbi-page .wm-page h1,
body.wimimbi-page .wm-page h2,
body.wimimbi-page .wm-page h3,
body.wimimbi-page .wm-card h3,
body.wimimbi-page .wm-featured-resource-card h3,
body.wimimbi-page .wm-resource-card h3,
body.wimimbi-page .wm-resource-panel h3,
body.wimimbi-page .wm-resource-checklist h3,
body.wimimbi-page .wm-resource-route-card h3,
body.wimimbi-page .wm-article-block h2,
body.wimimbi-page .wm-article-block h3,
body.wimimbi-page .wm-legal-content h2,
body.wimimbi-page .wm-legal-content h3 {
  color: var(--wm-white);
}

body.wimimbi-page .wm-body-large,
body.wimimbi-page .wm-support-line,
body.wimimbi-page .wm-card p,
body.wimimbi-page .wm-article-block p,
body.wimimbi-page .wm-article-block li,
body.wimimbi-page .wm-legal-content p,
body.wimimbi-page .wm-legal-content li,
body.wimimbi-page .wm-featured-resource-card p,
body.wimimbi-page .wm-resource-card p,
body.wimimbi-page .wm-resource-panel p,
body.wimimbi-page .wm-resource-checklist li,
body.wimimbi-page .wm-resource-route-card p,
body.wimimbi-page .wm-faq__answer,
body.wimimbi-page .wm-faq-answer {
  color: var(--wm-text-muted-dark);
}

body.wimimbi-page .wm-kicker {
  color: var(--wm-teal-400);
}

body.wimimbi-page .wm-card,
body.wimimbi-page .wm-feature-card,
body.wimimbi-page .wm-featured-resource-card,
body.wimimbi-page .wm-resource-card,
body.wimimbi-page .wm-resource-panel,
body.wimimbi-page .wm-resource-checklist,
body.wimimbi-page .wm-resource-route-card,
body.wimimbi-page .wm-article-brief-card,
body.wimimbi-page .wm-article-content,
body.wimimbi-page .wm-article-sidebar__inner,
body.wimimbi-page .wm-article-example-list article,
body.wimimbi-page .wm-article-comparison > div,
body.wimimbi-page .wm-legal-toc,
body.wimimbi-page .wm-legal-content,
body.wimimbi-page .wm-legal-card-grid article,
body.wimimbi-page .wm-demo-form,
body.wimimbi-page .wm-demo-summary-card,
body.wimimbi-page .wm-usecase-panel,
body.wimimbi-page .wm-usecase-preview,
body.wimimbi-page .wm-seo-example-stack article,
body.wimimbi-page .wm-platform-walkthrough,
body.wimimbi-page .wm-admin-experience-card,
body.wimimbi-page .wm-viewer-experience-card {
  border: 1px solid rgba(255,255,255,0.12);
  background:
    linear-gradient(145deg, rgba(255,255,255,0.085), rgba(255,255,255,0.035)),
    rgba(19, 35, 58, 0.66);
  color: var(--wm-white);
  box-shadow: 0 28px 88px rgba(0, 0, 0, 0.20);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

body.wimimbi-page .wm-card,
body.wimimbi-page .wm-feature-card,
body.wimimbi-page .wm-resource-card,
body.wimimbi-page .wm-usecase-panel,
body.wimimbi-page .wm-featured-resource-card,
body.wimimbi-page .wm-resource-panel,
body.wimimbi-page .wm-article-example-list article,
body.wimimbi-page .wm-article-comparison > div,
body.wimimbi-page .wm-legal-card-grid article {
  clip-path: polygon(0 0, calc(100% - 22px) 0, 100% 22px, 100% 100%, 22px 100%, 0 calc(100% - 22px));
  border-radius: 0;
}

body.wimimbi-page .wm-card::before,
body.wimimbi-page .wm-resource-card::before,
body.wimimbi-page .wm-resource-checklist::before {
  opacity: 0.85;
}

body.wimimbi-page .wm-card:hover,
body.wimimbi-page .wm-card:focus-within,
body.wimimbi-page .wm-resource-card:hover,
body.wimimbi-page .wm-resource-card:focus-within {
  border-color: rgba(0, 212, 198, 0.35);
  box-shadow: 0 32px 92px rgba(0, 212, 198, 0.10), 0 28px 88px rgba(0,0,0,0.28);
}

body.wimimbi-page .wm-chip-row span,
body.wimimbi-page .wm-resources-stack span,
body.wimimbi-page .wm-resource-chip-grid span,
body.wimimbi-page .wm-article-meta span,
body.wimimbi-page .wm-resource-card__meta span,
body.wimimbi-page .wm-usecase-preview span {
  border-color: rgba(255,255,255,0.13);
  background: rgba(255,255,255,0.065);
  color: rgba(255,255,255,0.82);
}

body.wimimbi-page .wm-button--primary,
body.wimimbi-page .wm-page a.wm-button--primary {
  background: var(--wm-gradient-flow);
  color: var(--wm-navy-950) !important;
  box-shadow: 0 18px 52px rgba(0, 212, 198, 0.22);
}

body.wimimbi-page .wm-button--primary:hover,
body.wimimbi-page .wm-button--primary:focus-visible {
  transform: translateY(-3px);
  box-shadow: 0 24px 66px rgba(0, 212, 198, 0.32);
}

body.wimimbi-page .wm-button--secondary,
body.wimimbi-page .wm-page a.wm-button--secondary {
  background: rgba(255,255,255,0.06);
  color: var(--wm-white) !important;
  border-color: rgba(255,255,255,0.15);
}

body.wimimbi-page .wm-text-link,
body.wimimbi-page .wm-page a.wm-text-link,
body.wimimbi-page .wm-resource-route-card a,
body.wimimbi-page .wm-resource-card__link,
body.wimimbi-page .wm-article-sidebar__inner a {
  color: var(--wm-teal-400) !important;
}

body.wimimbi-page .wm-faq,
body.wimimbi-page .wm-faq__question,
body.wimimbi-page .wm-faq-question {
  border-color: rgba(255,255,255,0.12);
}

body.wimimbi-page .wm-faq__question,
body.wimimbi-page .wm-faq-question {
  color: var(--wm-white);
}

body.wimimbi-page .wm-tab,
body.wimimbi-page .wm-planner-progress button,
body.wimimbi-page .wm-demo-form input,
body.wimimbi-page .wm-demo-form select,
body.wimimbi-page .wm-demo-form textarea,
body.wimimbi-page .wm-demo-form label,
body.wimimbi-page .wm-demo-option,
body.wimimbi-page .wm-demo-checkbox {
  border-color: rgba(255,255,255,0.14);
  background-color: rgba(255,255,255,0.06);
  color: var(--wm-white);
}

body.wimimbi-page .wm-demo-form input::placeholder,
body.wimimbi-page .wm-demo-form textarea::placeholder {
  color: rgba(255,255,255,0.45);
}

body.wimimbi-page .wm-tab[aria-selected="true"],
body.wimimbi-page .wm-planner-progress button.is-active,
body.wimimbi-page .wm-demo-option:has(input:checked),
body.wimimbi-page .wm-demo-checkbox:has(input:checked) {
  border-color: rgba(0, 212, 198, 0.48);
  background: rgba(0, 212, 198, 0.10);
  color: var(--wm-white);
}

body.wimimbi-page .wm-platform-card,
body.wimimbi-page .wm-brief-card {
  border-color: rgba(0, 212, 198, 0.18);
  background:
    radial-gradient(circle at 74% 6%, rgba(0, 212, 198, 0.28), transparent 34%),
    radial-gradient(circle at 12% 88%, rgba(37, 99, 235, 0.18), transparent 36%),
    linear-gradient(160deg, rgba(19, 35, 58, 0.98) 0%, rgba(11, 17, 32, 0.98) 100%);
  clip-path: polygon(0 0, calc(100% - 34px) 0, 100% 34px, 100% 100%, 34px 100%, 0 calc(100% - 34px));
  border-radius: 0;
}

@media (max-width: 980px) {
  .wm-site-header__inner {
    grid-template-columns: auto auto;
    justify-content: space-between;
  }

  .wm-site-nav,
  .wm-site-header__cta {
    display: none;
  }

  .wm-site-menu-toggle {
    display: inline-grid;
    place-items: center;
  }

  .wm-site-footer__cta,
  .wm-site-footer__main,
  .wm-site-footer__links {
    grid-template-columns: 1fr;
  }

  .wm-site-footer__cta-actions {
    justify-content: flex-start;
  }
}

@media (max-width: 782px) {
  body.admin-bar .wm-site-header {
    top: 46px;
  }
}

@media (max-width: 540px) {
  .wm-site-header {
    padding-left: 0.35rem;
    padding-right: 0.35rem;
  }

  .wm-site-header__inner,
  .wm-site-mobile-menu,
  .wm-site-footer__cta,
  .wm-site-footer__main,
  .wm-site-footer__bottom {
    width: min(100% - 0.8rem, var(--wm-page-wide));
  }

  .wm-site-header__logo img {
    width: 152px;
    max-height: 36px;
  }

  .wm-site-footer__cta-actions .wm-button {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .wm-site-header *,
  .wm-site-header *::before,
  .wm-site-header *::after,
  .wm-site-footer *,
  .wm-site-footer *::before,
  .wm-site-footer *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}

/* Slice 33: Signal OS premium component foundations.
   These utility classes are intentionally generic so later page slices can reuse them without adding one-off CSS. */
.wm-signal-surface {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,0.14);
  background:
    radial-gradient(circle at 86% 12%, rgba(0,212,198,0.16), transparent 34%),
    linear-gradient(145deg, rgba(19,35,58,0.96), rgba(11,17,32,0.98));
  color: var(--wm-white);
  box-shadow: 0 28px 90px rgba(0,0,0,0.26);
}

.wm-signal-surface::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.17;
  background-image:
    linear-gradient(rgba(255,255,255,0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.08) 1px, transparent 1px);
  background-size: 44px 44px;
  mask-image: radial-gradient(circle at 50% 40%, #000 0%, transparent 72%);
}

.wm-signal-surface > * {
  position: relative;
  z-index: 1;
}

.wm-signal-panel {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: var(--wm-radius-lg);
  background:
    radial-gradient(circle at 88% 8%, rgba(0,212,198,0.14), transparent 34%),
    rgba(19,35,58,0.86);
  box-shadow: 0 22px 70px rgba(0,0,0,0.22);
}

.wm-signal-panel::after {
  content: "";
  position: absolute;
  left: 1.2rem;
  right: 1.2rem;
  top: 0;
  height: 2px;
  background: var(--wm-gradient-flow);
  opacity: 0.76;
}

.wm-signal-panel--light {
  border-color: rgba(11,17,32,0.10);
  background:
    radial-gradient(circle at 88% 8%, rgba(0,212,198,0.10), transparent 34%),
    rgba(255,255,255,0.92);
  box-shadow: 0 20px 60px rgba(11,17,32,0.08);
}

.wm-media-console {
  position: relative;
  overflow: hidden;
  border-radius: clamp(1.6rem, 4vw, 3rem);
  padding: clamp(1rem, 2.4vw, 1.6rem);
  border: 1px solid rgba(255,255,255,0.14);
  background:
    radial-gradient(circle at 30% 0%, rgba(37,99,235,0.22), transparent 35%),
    linear-gradient(180deg, rgba(19,35,58,0.98), rgba(11,17,32,0.98));
  box-shadow: 0 30px 100px rgba(0,0,0,0.32);
}

.wm-media-console__topbar,
.wm-media-console__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
}

.wm-media-console__topbar {
  margin-bottom: 1rem;
  color: rgba(255,255,255,0.76);
  font-family: var(--wm-font-mono);
  font-size: 0.72rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.wm-media-console__screen {
  min-height: clamp(180px, 24vw, 320px);
  border-radius: clamp(1rem, 2.3vw, 1.8rem);
  border: 1px solid rgba(255,255,255,0.12);
  background:
    radial-gradient(circle at 50% 30%, rgba(0,212,198,0.22), transparent 42%),
    linear-gradient(135deg, rgba(37,99,235,0.20), rgba(11,17,32,0.88));
}

.wm-signal-flow {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.6rem;
}

.wm-signal-flow span {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  border-radius: 999px;
  padding: 0.52rem 0.72rem;
  border: 1px solid rgba(255,255,255,0.13);
  background: rgba(255,255,255,0.06);
  color: rgba(255,255,255,0.82);
  font-family: var(--wm-font-mono);
  font-size: 0.72rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.wm-signal-flow span::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: var(--wm-teal-400);
  box-shadow: 0 0 16px rgba(0,212,198,0.7);
}

.wm-platform-brief-card {
  position: relative;
  overflow: hidden;
  border-radius: var(--wm-radius-lg);
  border: 1px solid rgba(255,255,255,0.14);
  background:
    radial-gradient(circle at 100% 0%, rgba(126,237,183,0.12), transparent 38%),
    linear-gradient(145deg, rgba(19,35,58,0.96), rgba(11,17,32,0.98));
  color: var(--wm-white);
  box-shadow: 0 24px 80px rgba(0,0,0,0.28);
}

.wm-platform-brief-card__line {
  display: grid;
  grid-template-columns: minmax(120px, 0.45fr) minmax(0, 1fr);
  gap: 0.85rem;
  padding: 0.72rem 0;
  border-bottom: 1px solid rgba(255,255,255,0.10);
}

.wm-platform-brief-card__line span:first-child {
  color: rgba(255,255,255,0.56);
  font-family: var(--wm-font-mono);
  font-size: 0.72rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.wm-platform-brief-card__line span:last-child {
  color: rgba(255,255,255,0.90);
  font-weight: 750;
}

.wm-section--signal-dark {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 82% 22%, rgba(0,212,198,0.18), transparent 30%),
    radial-gradient(circle at 18% 74%, rgba(37,99,235,0.16), transparent 34%),
    var(--wm-navy-950);
  color: var(--wm-white);
}

.wm-section--signal-dark .wm-h1,
.wm-section--signal-dark .wm-h2,
.wm-section--signal-dark .wm-h3,
.wm-section--signal-dark h1,
.wm-section--signal-dark h2,
.wm-section--signal-dark h3 {
  color: var(--wm-white);
}

.wm-section--signal-dark p,
.wm-section--signal-dark .wm-body-large {
  color: rgba(255,255,255,0.72);
}

.wm-cut-corner {
  clip-path: polygon(0 0, calc(100% - 22px) 0, 100% 22px, 100% 100%, 22px 100%, 0 calc(100% - 22px));
}

@media (max-width: 680px) {
  .wm-platform-brief-card__line {
    grid-template-columns: 1fr;
    gap: 0.25rem;
  }
}

/* Slice 34: Premium Component Library */
.wm-premium-hero {
  position: relative;
  min-height: min(860px, calc(100vh - 72px));
  display: flex;
  align-items: center;
  padding: clamp(5rem, 9vw, 8rem) 0;
  isolation: isolate;
}

.wm-premium-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.18;
  background:
    linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px);
  background-size: 58px 58px;
  mask-image: radial-gradient(circle at 64% 45%, #000 0%, rgba(0,0,0,0.65) 42%, transparent 78%);
  pointer-events: none;
}

.wm-premium-hero__grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(360px, 0.92fr);
  gap: clamp(2rem, 5vw, 5rem);
  align-items: center;
}

.wm-premium-hero__copy .wm-h1 {
  color: var(--wm-white);
}

.wm-premium-hero__copy .wm-body-large {
  color: rgba(255,255,255,0.74);
}

.wm-signal-grid {
  background:
    radial-gradient(circle at 80% 18%, rgba(0,212,198,0.22), transparent 30%),
    radial-gradient(circle at 10% 84%, rgba(37,99,235,0.18), transparent 36%),
    linear-gradient(135deg, var(--wm-navy-950) 0%, #0D1830 46%, var(--wm-navy-850) 100%);
}

.wm-button--premium,
.wm-page a.wm-button--premium {
  position: relative;
  overflow: hidden;
  color: var(--wm-navy-950) !important;
  background: var(--wm-gradient-flow);
  border-color: rgba(255,255,255,0.18);
  box-shadow: 0 18px 54px rgba(0,212,198,0.22), inset 0 1px 0 rgba(255,255,255,0.36);
}

.wm-button--premium::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, transparent 0%, rgba(255,255,255,0.32) 42%, transparent 72%);
  transform: translateX(-120%);
  transition: transform 520ms ease;
}

.wm-button--premium:hover::after,
.wm-button--premium:focus-visible::after {
  transform: translateX(120%);
}

.wm-button--ghost-light,
.wm-page a.wm-button--ghost-light {
  color: var(--wm-white) !important;
  background: rgba(255,255,255,0.06);
  border-color: rgba(255,255,255,0.18);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.10);
}

.wm-button--ghost-light:hover,
.wm-button--ghost-light:focus-visible {
  background: rgba(255,255,255,0.10);
  border-color: rgba(0,212,198,0.42);
  box-shadow: 0 18px 46px rgba(0,0,0,0.26);
}

.wm-media-console {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: var(--wm-radius-lg);
  background:
    radial-gradient(circle at 100% 0%, rgba(0,212,198,0.18), transparent 32%),
    linear-gradient(145deg, rgba(19,35,58,0.96), rgba(11,17,32,0.98));
  color: var(--wm-white);
  box-shadow: 0 34px 100px rgba(0,0,0,0.34), inset 0 1px 0 rgba(255,255,255,0.08);
}

.wm-media-console::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(255,255,255,0.04) 1px, transparent 1px), linear-gradient(rgba(255,255,255,0.025) 1px, transparent 1px);
  background-size: 44px 44px;
  opacity: 0.28;
  pointer-events: none;
}

.wm-media-console > * {
  position: relative;
  z-index: 1;
}

.wm-media-console--hero {
  min-height: 520px;
  padding: 1rem;
  transform: perspective(1200px) rotateX(3deg) rotateY(-5deg);
}

.wm-media-console--compact {
  padding: 1rem;
}

.wm-media-console__topbar {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-height: 46px;
  padding: 0 0.25rem 0.9rem;
  color: rgba(255,255,255,0.72);
  font-family: var(--wm-font-mono);
  font-size: 0.76rem;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.wm-media-console__topbar strong {
  margin-left: 0.35rem;
  color: var(--wm-white);
  font-family: var(--wm-font-body);
  font-size: 0.9rem;
  letter-spacing: 0;
  text-transform: none;
}

.wm-media-console__topbar em {
  margin-left: auto;
  color: var(--wm-mint-300);
  font-style: normal;
}

.wm-window-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(255,255,255,0.24);
  box-shadow: 0 0 16px rgba(0,212,198,0.18);
}

.wm-window-dot:nth-child(2) { background: rgba(0,212,198,0.42); }
.wm-window-dot:nth-child(3) { background: rgba(126,237,183,0.42); }

.wm-media-console__player {
  position: relative;
  min-height: 300px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 0.65rem;
  padding: clamp(1.2rem, 3vw, 2rem);
  overflow: hidden;
  border-radius: 28px;
  border: 1px solid rgba(255,255,255,0.12);
  background:
    radial-gradient(circle at 62% 36%, rgba(0,212,198,0.24), transparent 26%),
    radial-gradient(circle at 34% 24%, rgba(37,99,235,0.18), transparent 34%),
    linear-gradient(135deg, rgba(19,35,58,0.82), rgba(11,17,32,0.96));
}

.wm-media-console__player--small {
  min-height: 190px;
}

.wm-media-console__player h2,
.wm-media-console__player h3 {
  max-width: 560px;
  margin: 0;
  color: var(--wm-white);
  font-family: var(--wm-font-heading);
  font-size: clamp(1.75rem, 3.6vw, 3.4rem);
  line-height: 0.98;
  letter-spacing: -0.055em;
}

.wm-media-console__player h3 {
  font-size: clamp(1.35rem, 2.4vw, 2.2rem);
}

.wm-media-console__player p {
  max-width: 470px;
  margin: 0;
  color: rgba(255,255,255,0.72);
  line-height: 1.6;
}

.wm-media-console__wave {
  position: absolute;
  inset: 18% -5% auto -5%;
  height: 44%;
  opacity: 0.42;
  background: repeating-linear-gradient(90deg, transparent 0 17px, rgba(0,212,198,0.86) 17px 19px, rgba(126,237,183,0.48) 19px 22px, transparent 22px 39px);
  clip-path: polygon(0 44%, 5% 22%, 10% 58%, 15% 30%, 20% 70%, 25% 16%, 30% 62%, 35% 34%, 40% 76%, 45% 20%, 50% 58%, 55% 28%, 60% 70%, 65% 18%, 70% 60%, 75% 36%, 80% 74%, 85% 18%, 90% 55%, 95% 34%, 100% 68%, 100% 100%, 0 100%);
  animation: wm-wave-drift 8s linear infinite;
}

.wm-live-badge {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 0.42rem;
  width: fit-content;
  padding: 0.42rem 0.68rem;
  border-radius: 999px;
  background: rgba(0,212,198,0.12);
  color: var(--wm-mint-300);
  border: 1px solid rgba(0,212,198,0.32);
  font-family: var(--wm-font-mono);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.wm-live-badge::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--wm-teal-400);
  box-shadow: 0 0 16px rgba(0,212,198,0.92);
}

.wm-media-console__rail {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
  margin-top: 0.9rem;
}

.wm-media-console__rail article,
.wm-media-console__tiles span {
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 18px;
  background: rgba(255,255,255,0.055);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.08);
}

.wm-media-console__rail article {
  padding: 0.9rem;
}

.wm-media-console__rail span {
  display: block;
  color: rgba(255,255,255,0.52);
  font-family: var(--wm-font-mono);
  font-size: 0.66rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.wm-media-console__rail strong {
  display: block;
  margin-top: 0.35rem;
  color: var(--wm-white);
  font-size: 1.02rem;
}

.wm-media-console__tiles {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.7rem;
  margin-top: 0.8rem;
}

.wm-media-console__tiles span {
  min-height: 82px;
  background:
    linear-gradient(135deg, rgba(0,212,198,0.13), transparent 54%),
    rgba(255,255,255,0.055);
}

.wm-signal-panel--premium {
  padding: clamp(1.15rem, 2vw, 1.7rem);
  transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
}

.wm-signal-panel--premium:hover,
.wm-signal-panel--premium:focus-within {
  transform: translateY(-4px);
  border-color: rgba(0,212,198,0.34);
  box-shadow: 0 28px 80px rgba(0,0,0,0.24), 0 0 0 1px rgba(0,212,198,0.08);
}

.wm-signal-panel__label {
  display: inline-flex;
  margin-bottom: 1rem;
  color: var(--wm-teal-400);
  font-family: var(--wm-font-mono);
  font-size: 0.72rem;
  letter-spacing: 0.11em;
  text-transform: uppercase;
  font-weight: 800;
}

.wm-signal-panel--premium h3 {
  margin-bottom: 0.7rem;
  color: var(--wm-white);
  font-size: clamp(1.35rem, 2.1vw, 2rem);
}

.wm-signal-panel--premium p {
  color: rgba(255,255,255,0.72);
  line-height: 1.62;
}

.wm-signal-panel__metric {
  display: grid;
  gap: 0.25rem;
  margin-top: 1.25rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(255,255,255,0.11);
}

.wm-signal-panel__metric span {
  color: rgba(255,255,255,0.52);
  font-family: var(--wm-font-mono);
  font-size: 0.68rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.wm-signal-panel__metric strong {
  color: var(--wm-white);
}

.wm-media-stack {
  position: relative;
  min-height: 128px;
  margin-top: 1.2rem;
}

.wm-media-stack span {
  position: absolute;
  inset: auto auto 0 0;
  width: 82%;
  height: 72px;
  border: 1px solid rgba(255,255,255,0.13);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(37,99,235,0.28), rgba(0,212,198,0.10));
  box-shadow: 0 18px 48px rgba(0,0,0,0.22);
}

.wm-media-stack span:nth-child(2) {
  transform: translate(26px, -28px);
  opacity: 0.86;
}

.wm-media-stack span:nth-child(3) {
  transform: translate(52px, -56px);
  opacity: 0.72;
}

.wm-access-console {
  display: flex;
  flex-wrap: wrap;
  gap: 0.52rem;
  margin-top: 1.2rem;
}

.wm-access-console span {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0.42rem 0.68rem;
  border: 1px solid rgba(0,212,198,0.28);
  border-radius: 999px;
  background: rgba(0,212,198,0.09);
  color: rgba(255,255,255,0.88);
  font-size: 0.84rem;
  font-weight: 800;
}

.wm-component-library-page .wm-section-heading--center {
  margin-inline: auto;
  text-align: center;
}

.wm-component-library-page .wm-section-heading--center .wm-body-large,
.wm-component-library-page .wm-section-heading--center .wm-h2 {
  margin-left: auto;
  margin-right: auto;
}

.wm-premium-component-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin-top: clamp(2rem, 4vw, 3rem);
}

.wm-component-split,
.wm-console-lab-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(360px, 1.1fr);
  gap: clamp(2rem, 5vw, 5rem);
  align-items: center;
}

.wm-flow-console {
  overflow: hidden;
  padding: clamp(1.2rem, 3vw, 2rem);
  border: 1px solid rgba(11,17,32,0.10);
  border-radius: var(--wm-radius-lg);
  background: var(--wm-white);
  box-shadow: 0 22px 70px rgba(11,17,32,0.08);
}

.wm-signal-flow--premium {
  margin: 0;
  padding: 1rem;
  background: rgba(11,17,32,0.03);
}

.wm-signal-flow--premium span {
  background: var(--wm-white);
  color: var(--wm-navy-950);
  border-color: rgba(11,17,32,0.10);
}

.wm-waveform-divider {
  height: 92px;
  margin-top: 1.3rem;
  border-radius: 22px;
  border: 1px solid rgba(11,17,32,0.08);
  background:
    radial-gradient(circle at 22% 50%, rgba(37,99,235,0.12), transparent 28%),
    repeating-linear-gradient(90deg, transparent 0 18px, rgba(37,99,235,0.65) 18px 20px, rgba(0,212,198,0.62) 20px 23px, transparent 23px 42px),
    var(--wm-cloud-50);
  clip-path: polygon(0 48%, 4% 42%, 8% 58%, 12% 30%, 16% 74%, 20% 20%, 24% 70%, 28% 34%, 32% 60%, 36% 24%, 40% 72%, 44% 18%, 48% 62%, 52% 34%, 56% 78%, 60% 26%, 64% 64%, 68% 34%, 72% 70%, 76% 22%, 80% 60%, 84% 40%, 88% 76%, 92% 24%, 96% 58%, 100% 46%, 100% 100%, 0 100%);
}

.wm-platform-brief-card--premium {
  padding: clamp(1rem, 2vw, 1.4rem);
}

.wm-platform-brief-card__head {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding-bottom: 1rem;
  margin-bottom: 0.35rem;
  border-bottom: 1px solid rgba(255,255,255,0.10);
}

.wm-platform-brief-card__head span {
  color: var(--wm-teal-400);
  font-family: var(--wm-font-mono);
  font-size: 0.72rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-weight: 800;
}

.wm-platform-brief-card__head strong {
  color: var(--wm-white);
}

.wm-dark-cta-premium {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: clamp(1rem, 4vw, 3rem);
  padding: clamp(1.5rem, 4vw, 3rem);
  border: 1px solid rgba(255,255,255,0.14);
  background:
    radial-gradient(circle at 82% 22%, rgba(0,212,198,0.20), transparent 30%),
    linear-gradient(135deg, var(--wm-navy-950), var(--wm-navy-850));
  color: var(--wm-white);
  box-shadow: 0 28px 90px rgba(11,17,32,0.20);
}

.wm-dark-cta-premium::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(255,255,255,0.04) 1px, transparent 1px), linear-gradient(rgba(255,255,255,0.025) 1px, transparent 1px);
  background-size: 50px 50px;
  opacity: 0.26;
  pointer-events: none;
}

.wm-dark-cta-premium > * {
  position: relative;
  z-index: 1;
}

.wm-dark-cta-premium h2 {
  max-width: 760px;
  margin: 0 0 0.75rem;
  color: var(--wm-white);
  font-size: clamp(2rem, 4vw, 4rem);
  line-height: 1;
  letter-spacing: -0.05em;
}

.wm-dark-cta-premium p:not(.wm-kicker) {
  max-width: 680px;
  margin: 0;
  color: rgba(255,255,255,0.72);
  font-size: 1.06rem;
  line-height: 1.65;
}

.wm-component-console-lab .wm-section-heading {
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

@keyframes wm-wave-drift {
  from { transform: translateX(-3%); }
  to { transform: translateX(3%); }
}

@media (max-width: 1080px) {
  .wm-premium-hero__grid,
  .wm-component-split,
  .wm-console-lab-grid {
    grid-template-columns: 1fr;
  }

  .wm-media-console--hero {
    transform: none;
    min-height: auto;
  }

  .wm-premium-component-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .wm-premium-hero {
    min-height: auto;
  }

  .wm-media-console__rail,
  .wm-media-console__tiles {
    grid-template-columns: 1fr 1fr;
  }

  .wm-dark-cta-premium {
    display: block;
  }

  .wm-dark-cta-premium .wm-button {
    width: 100%;
    margin-top: 1.2rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .wm-media-console__wave,
  .wm-button--premium::after {
    animation: none !important;
    transition: none !important;
  }
}

.wm-media-console.is-updating .wm-media-console__player h2,
.wm-media-console.is-updating .wm-media-console__player h3,
.wm-media-console.is-updating .wm-media-console__player p,
.wm-media-console.is-updating .wm-live-badge,
.wm-media-console.is-updating .wm-media-console__topbar em {
  opacity: 0.36;
  transform: translateY(3px);
}

.wm-media-console__player h2,
.wm-media-console__player h3,
.wm-media-console__player p,
.wm-live-badge,
.wm-media-console__topbar em {
  transition: opacity 180ms ease, transform 180ms ease;
}

/* Slice 35: Homepage Cinematic Dark Hero */
.wm-home-hero-v35 {
  position: relative;
  overflow: hidden;
  padding-top: clamp(5.5rem, 9vw, 8.5rem);
  padding-bottom: clamp(5.5rem, 9vw, 8.5rem);
  background:
    radial-gradient(circle at 76% 24%, rgba(0,212,198,0.26), transparent 32%),
    radial-gradient(circle at 18% 76%, rgba(37,99,235,0.20), transparent 34%),
    linear-gradient(135deg, #060A14 0%, var(--wm-navy-950) 44%, var(--wm-navy-850) 100%);
}

.wm-home-hero-v35::after {
  content: "";
  position: absolute;
  right: -10vw;
  bottom: -7vw;
  width: min(760px, 70vw);
  height: min(420px, 46vw);
  opacity: 0.20;
  background: repeating-linear-gradient(90deg, transparent 0 18px, rgba(0,212,198,0.78) 18px 20px, rgba(126,237,183,0.45) 20px 23px, transparent 23px 42px);
  clip-path: polygon(0 58%, 4% 42%, 8% 62%, 12% 34%, 16% 74%, 20% 28%, 24% 66%, 28% 40%, 32% 78%, 36% 24%, 40% 70%, 44% 34%, 48% 64%, 52% 38%, 56% 82%, 60% 30%, 64% 68%, 68% 44%, 72% 76%, 76% 28%, 80% 64%, 84% 48%, 88% 78%, 92% 32%, 96% 62%, 100% 48%, 100% 100%, 0 100%);
  pointer-events: none;
}

.wm-home-hero-v35 .wm-container {
  position: relative;
  z-index: 1;
}

.wm-home-hero-v35 .wm-kicker {
  color: var(--wm-teal-400);
}

.wm-home-hero-v35 .wm-support-line {
  max-width: 690px;
  color: rgba(255,255,255,0.82);
}

.wm-home-hero-v35 .wm-button-row {
  margin-top: 1.8rem;
}

.wm-hero-proof-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
  margin-top: clamp(1.75rem, 3vw, 2.35rem);
}

.wm-hero-proof {
  position: relative;
  overflow: hidden;
  min-height: 132px;
  padding: 1rem;
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 22px;
  background: rgba(255,255,255,0.055);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.08);
}

.wm-hero-proof::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 2px;
  background: var(--wm-gradient-flow);
  opacity: 0.75;
}

.wm-hero-proof span {
  display: inline-flex;
  margin-bottom: 0.75rem;
  color: var(--wm-teal-400);
  font-family: var(--wm-font-mono);
  font-size: 0.68rem;
  letter-spacing: 0.12em;
  font-weight: 800;
}

.wm-hero-proof strong {
  display: block;
  color: var(--wm-white);
  font-size: 0.98rem;
  line-height: 1.25;
}

.wm-hero-proof p {
  margin: 0.42rem 0 0;
  color: rgba(255,255,255,0.62);
  font-size: 0.9rem;
  line-height: 1.5;
}

.wm-chip-row--dark span {
  border-color: rgba(255,255,255,0.13);
  background: rgba(255,255,255,0.06);
  color: rgba(255,255,255,0.86);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.08);
}

.wm-home-hero-console-v35 {
  max-width: 620px;
  margin-left: auto;
}

.wm-home-hero-console-v35::after {
  content: "";
  position: absolute;
  inset: 16px;
  border: 1px solid rgba(0,212,198,0.09);
  border-radius: 28px;
  pointer-events: none;
}

.wm-home-hero-console-v35__player {
  min-height: clamp(330px, 32vw, 410px);
  isolation: isolate;
}

.wm-home-hero-console-v35__play {
  position: absolute;
  top: 50%;
  left: 50%;
  width: clamp(64px, 7vw, 86px);
  height: clamp(64px, 7vw, 86px);
  border-radius: 999px;
  background: rgba(255,255,255,0.92);
  box-shadow: 0 22px 64px rgba(0,0,0,0.32), 0 0 0 12px rgba(255,255,255,0.06);
  transform: translate(-50%, -50%);
  z-index: 2;
}

.wm-home-hero-console-v35__play::after {
  content: "";
  position: absolute;
  left: 35px;
  top: 27px;
  border-left: 18px solid var(--wm-navy-950);
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
}

.wm-hero-console-orbit {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.7rem;
  margin-top: 0.85rem;
}

.wm-hero-console-orbit div {
  min-height: 86px;
  padding: 0.82rem;
  border: 1px solid rgba(0,212,198,0.16);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(0,212,198,0.10), rgba(255,255,255,0.045));
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.08);
}

.wm-hero-console-orbit span {
  display: block;
  color: rgba(255,255,255,0.52);
  font-family: var(--wm-font-mono);
  font-size: 0.64rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.wm-hero-console-orbit strong {
  display: block;
  margin-top: 0.36rem;
  color: rgba(255,255,255,0.92);
  font-size: 0.92rem;
  line-height: 1.25;
}

.wm-home-hero-console-v35__access {
  padding-top: 0.95rem;
  border-top: 1px solid rgba(255,255,255,0.10);
}

.wm-home-hero-console-v35__access span:nth-child(3),
.wm-home-hero-console-v35__access span:nth-child(4) {
  background: rgba(126,237,183,0.10);
  border-color: rgba(126,237,183,0.24);
}

@media (max-width: 1180px) {
  .wm-home-hero-v35 .wm-premium-hero__grid {
    grid-template-columns: 1fr;
  }

  .wm-home-hero-console-v35 {
    max-width: none;
    margin-left: 0;
  }
}

@media (max-width: 800px) {
  .wm-hero-proof-row,
  .wm-hero-console-orbit {
    grid-template-columns: 1fr;
  }

  .wm-home-hero-v35::after {
    width: 100vw;
    height: 42vw;
    opacity: 0.12;
  }
}

@media (max-width: 540px) {
  .wm-home-hero-v35 {
    padding-top: clamp(4rem, 14vw, 5.5rem);
  }

  .wm-home-hero-console-v35 {
    border-radius: 28px;
    padding: 0.75rem;
  }

  .wm-home-hero-console-v35__play::after {
    left: 31px;
    top: 24px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .wm-home-hero-v35::after,
  .wm-home-hero-console-v35__play {
    animation: none !important;
  }
}

/* Slice 36: Homepage Narrative Flow */
.wm-home-narrative-v36,
.wm-live-replay-v36 {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 86% 8%, rgba(0,212,198,0.12), transparent 26rem),
    radial-gradient(circle at 10% 82%, rgba(37,99,235,0.12), transparent 28rem),
    var(--wm-navy-950);
  color: var(--wm-white);
}

.wm-home-narrative-v36::before,
.wm-live-replay-v36::before,
.wm-home-flow-v36::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.26;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px);
  background-size: 58px 58px;
  mask-image: radial-gradient(circle at 52% 42%, #000 0%, transparent 76%);
}

.wm-home-narrative-v36 > *,
.wm-live-replay-v36 > *,
.wm-home-flow-v36 > * {
  position: relative;
  z-index: 1;
}

.wm-home-narrative-v36__grid,
.wm-home-signal-core-v36__grid,
.wm-home-flow-v36__grid {
  display: grid;
  grid-template-columns: minmax(0, 0.88fr) minmax(360px, 1fr);
  gap: clamp(2rem, 5vw, 5rem);
  align-items: center;
}

.wm-home-narrative-v36 .wm-h2,
.wm-home-signal-core-v36 .wm-h2,
.wm-live-replay-v36 .wm-h2,
.wm-home-flow-v36 .wm-h2 {
  color: var(--wm-white);
}

.wm-home-narrative-v36 .wm-body-large,
.wm-home-signal-core-v36 .wm-body-large,
.wm-live-replay-v36 .wm-body-large,
.wm-home-flow-v36 .wm-body-large {
  color: rgba(255,255,255,0.72);
}

.wm-home-narrative-v36__lead {
  max-width: 650px;
  margin: 1.2rem 0 0;
  padding-left: 1rem;
  border-left: 2px solid var(--wm-teal-400);
  color: rgba(255,255,255,0.84);
  font-size: 1.04rem;
  font-weight: 750;
  line-height: 1.65;
}

.wm-rented-stack-v36 {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 64px minmax(0, 1fr);
  gap: 0.85rem;
  align-items: center;
  min-height: 440px;
}

.wm-rented-stack-v36__column {
  display: grid;
  gap: 0.7rem;
  padding: clamp(1rem, 2vw, 1.3rem);
  border: 1px solid rgba(255,255,255,0.12);
  background:
    linear-gradient(145deg, rgba(255,255,255,0.075), rgba(255,255,255,0.032)),
    rgba(19, 35, 58, 0.62);
  box-shadow: 0 26px 84px rgba(0,0,0,0.22), inset 0 1px 0 rgba(255,255,255,0.08);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  clip-path: polygon(0 0, calc(100% - 22px) 0, 100% 22px, 100% 100%, 22px 100%, 0 calc(100% - 22px));
}

.wm-rented-stack-v36__column--owned {
  border-color: rgba(0,212,198,0.22);
  background:
    radial-gradient(circle at 80% 12%, rgba(0,212,198,0.14), transparent 46%),
    linear-gradient(145deg, rgba(255,255,255,0.085), rgba(255,255,255,0.034)),
    rgba(19, 35, 58, 0.72);
}

.wm-rented-stack-v36__column article {
  padding: 0.95rem;
  border: 1px solid rgba(255,255,255,0.10);
  background: rgba(255,255,255,0.05);
}

.wm-rented-stack-v36__column article strong,
.wm-rented-stack-v36__column article small {
  display: block;
}

.wm-rented-stack-v36__column article strong {
  color: var(--wm-white);
  font-size: 1rem;
}

.wm-rented-stack-v36__column article small {
  margin-top: 0.36rem;
  color: rgba(255,255,255,0.58);
  font-size: 0.82rem;
  line-height: 1.45;
}

.wm-rented-stack-v36__signal {
  display: grid;
  justify-items: center;
  gap: 0.6rem;
}

.wm-rented-stack-v36__signal span {
  width: 44px;
  height: 2px;
  background: var(--wm-gradient-flow);
  box-shadow: 0 0 20px rgba(0,212,198,0.36);
}

.wm-rented-stack-v36__signal span:nth-child(1) { transform: translateY(-10px); opacity: 0.45; }
.wm-rented-stack-v36__signal span:nth-child(2) { width: 58px; opacity: 0.95; }
.wm-rented-stack-v36__signal span:nth-child(3) { transform: translateY(10px); opacity: 0.62; }

.wm-home-signal-core-v36 {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 30% 42%, rgba(0,212,198,0.18), transparent 28rem),
    radial-gradient(circle at 86% 28%, rgba(37,99,235,0.14), transparent 30rem),
    linear-gradient(135deg, #060A14 0%, var(--wm-navy-950) 52%, var(--wm-navy-850) 100%);
  color: var(--wm-white);
}

.wm-home-signal-core-v36::after {
  content: "";
  position: absolute;
  inset: auto -10vw -8vw auto;
  width: min(780px, 72vw);
  height: min(360px, 38vw);
  opacity: 0.16;
  background: repeating-linear-gradient(90deg, transparent 0 18px, rgba(0,212,198,0.78) 18px 20px, rgba(126,237,183,0.45) 20px 23px, transparent 23px 42px);
  clip-path: polygon(0 58%, 4% 42%, 8% 62%, 12% 34%, 16% 74%, 20% 28%, 24% 66%, 28% 40%, 32% 78%, 36% 24%, 40% 70%, 44% 34%, 48% 64%, 52% 38%, 56% 82%, 60% 30%, 64% 68%, 68% 44%, 72% 76%, 76% 28%, 80% 64%, 84% 48%, 88% 78%, 92% 32%, 96% 62%, 100% 48%, 100% 100%, 0 100%);
  pointer-events: none;
}

.wm-home-signal-core-v36__grid {
  grid-template-columns: minmax(360px, 0.92fr) minmax(0, 1fr);
}

.wm-signal-core-v36 {
  position: relative;
  display: grid;
  place-items: center;
  min-height: min(540px, 82vw);
  border: 1px solid rgba(255,255,255,0.11);
  background:
    radial-gradient(circle at 50% 50%, rgba(0,212,198,0.16), transparent 38%),
    linear-gradient(145deg, rgba(255,255,255,0.065), rgba(255,255,255,0.03));
  box-shadow: 0 28px 90px rgba(0,0,0,0.24), inset 0 1px 0 rgba(255,255,255,0.08);
  clip-path: polygon(0 0, calc(100% - 32px) 0, 100% 32px, 100% 100%, 32px 100%, 0 calc(100% - 32px));
}

.wm-signal-core-v36__ring,
.wm-signal-core-v36__ring::before,
.wm-signal-core-v36__ring::after {
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgba(0,212,198,0.20);
}

.wm-signal-core-v36__ring {
  inset: 18%;
}

.wm-signal-core-v36__ring::before,
.wm-signal-core-v36__ring::after {
  content: "";
  inset: -18%;
  border-color: rgba(37,99,235,0.14);
}

.wm-signal-core-v36__ring::after {
  inset: 22%;
  border-color: rgba(126,237,183,0.17);
}

.wm-signal-core-v36__centre {
  position: relative;
  z-index: 2;
  display: grid;
  place-items: center;
  width: clamp(150px, 18vw, 190px);
  height: clamp(150px, 18vw, 190px);
  border-radius: 50%;
  border: 1px solid rgba(0,212,198,0.34);
  background:
    radial-gradient(circle at 50% 22%, rgba(126,237,183,0.18), transparent 44%),
    linear-gradient(145deg, rgba(11,17,32,0.96), rgba(19,35,58,0.96));
  box-shadow: 0 0 0 14px rgba(0,212,198,0.055), 0 24px 70px rgba(0,0,0,0.34);
  text-align: center;
}

.wm-signal-core-v36__centre small,
.wm-signal-core-v36__node span {
  font-family: var(--wm-font-mono);
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.wm-signal-core-v36__centre small {
  color: var(--wm-teal-400);
  font-size: 0.68rem;
  font-weight: 900;
}

.wm-signal-core-v36__centre strong {
  display: block;
  max-width: 110px;
  margin-top: 0.3rem;
  color: var(--wm-white);
  font-family: var(--wm-font-heading);
  font-size: 1.65rem;
  line-height: 0.98;
  letter-spacing: -0.045em;
}

.wm-signal-core-v36__node {
  position: absolute;
  z-index: 3;
  display: grid;
  place-items: center;
  min-width: 92px;
  min-height: 44px;
  padding: 0.55rem 0.7rem;
  border: 1px solid rgba(255,255,255,0.13);
  background: rgba(255,255,255,0.065);
  box-shadow: 0 18px 46px rgba(0,0,0,0.24), inset 0 1px 0 rgba(255,255,255,0.08);
}

.wm-signal-core-v36__node span {
  color: rgba(255,255,255,0.86);
  font-size: 0.68rem;
  font-weight: 900;
}

.wm-signal-core-v36__node--one { top: 10%; left: 42%; }
.wm-signal-core-v36__node--two { top: 28%; right: 9%; }
.wm-signal-core-v36__node--three { bottom: 22%; right: 13%; }
.wm-signal-core-v36__node--four { bottom: 10%; left: 39%; }
.wm-signal-core-v36__node--five { bottom: 26%; left: 10%; }
.wm-signal-core-v36__node--six { top: 28%; left: 8%; }

.wm-home-signal-core-v36__checks {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
  margin: 1.5rem 0 1.8rem;
}

.wm-home-signal-core-v36__checks span {
  position: relative;
  min-height: 62px;
  padding: 0.9rem 0.95rem 0.9rem 2.2rem;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.055);
  color: rgba(255,255,255,0.82);
  font-weight: 820;
  line-height: 1.35;
}

.wm-home-signal-core-v36__checks span::before {
  content: "";
  position: absolute;
  left: 0.95rem;
  top: 1.12rem;
  width: 0.48rem;
  height: 0.48rem;
  border-radius: 50%;
  background: var(--wm-mint-300);
  box-shadow: 0 0 0 6px rgba(126,237,183,0.11);
}

.wm-live-replay-v36__head {
  max-width: 880px;
  text-align: center;
}

.wm-live-replay-v36__head .wm-h2,
.wm-live-replay-v36__head .wm-body-large {
  margin-left: auto;
  margin-right: auto;
}

.wm-live-replay-v36__flow {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  margin-top: clamp(2rem, 5vw, 3.5rem);
}

.wm-live-replay-v36__flow::before {
  content: "";
  position: absolute;
  left: 8%;
  right: 8%;
  top: 52px;
  height: 2px;
  background: var(--wm-gradient-flow);
  opacity: 0.55;
  box-shadow: 0 0 24px rgba(0,212,198,0.22);
}

.wm-live-replay-v36__step {
  position: relative;
  z-index: 1;
  min-height: 430px;
  padding: clamp(1rem, 2vw, 1.35rem);
  border: 1px solid rgba(255,255,255,0.12);
  background:
    linear-gradient(145deg, rgba(255,255,255,0.078), rgba(255,255,255,0.035)),
    rgba(19,35,58,0.66);
  box-shadow: 0 26px 82px rgba(0,0,0,0.22), inset 0 1px 0 rgba(255,255,255,0.08);
  clip-path: polygon(0 0, calc(100% - 24px) 0, 100% 24px, 100% 100%, 24px 100%, 0 calc(100% - 24px));
}

.wm-live-replay-v36__step > span {
  display: inline-flex;
  margin-bottom: 1rem;
  color: var(--wm-teal-400);
  font-family: var(--wm-font-mono);
  font-size: 0.7rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-weight: 900;
}

.wm-live-replay-v36__step h3 {
  margin: 0 0 0.72rem;
  color: var(--wm-white);
  font-size: clamp(1.25rem, 2.1vw, 1.85rem);
}

.wm-live-replay-v36__step p {
  margin: 0;
  color: rgba(255,255,255,0.66);
  line-height: 1.6;
}

.wm-live-replay-v36__mini-player {
  position: relative;
  min-height: 122px;
  margin-top: 1.35rem;
  border: 1px solid rgba(0,212,198,0.18);
  background:
    radial-gradient(circle at 58% 40%, rgba(0,212,198,0.18), transparent 34%),
    linear-gradient(135deg, rgba(11,17,32,0.88), rgba(19,35,58,0.78));
}

.wm-live-replay-v36__mini-player i {
  position: absolute;
  inset: auto auto 1rem 1rem;
  width: 56%;
  height: 36px;
  opacity: 0.52;
  background: repeating-linear-gradient(90deg, transparent 0 10px, rgba(0,212,198,0.92) 10px 12px, rgba(126,237,183,0.48) 12px 14px, transparent 14px 24px);
  clip-path: polygon(0 50%, 10% 20%, 20% 70%, 30% 30%, 40% 80%, 50% 22%, 60% 70%, 70% 35%, 80% 74%, 90% 26%, 100% 62%, 100% 100%, 0 100%);
}

.wm-live-replay-v36__mini-player b {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: rgba(255,255,255,0.9);
  transform: translate(-50%, -50%);
}

.wm-live-replay-v36__mini-player b::after {
  content: "";
  position: absolute;
  left: 19px;
  top: 14px;
  border-left: 13px solid var(--wm-navy-950);
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
}

.wm-live-replay-v36__step .wm-media-stack {
  min-height: 110px;
}

.wm-live-replay-v36__step .wm-access-console {
  align-content: flex-start;
  min-height: 118px;
  padding-top: 1.35rem;
}

.wm-live-replay-v36__bars {
  display: flex;
  align-items: end;
  gap: 0.55rem;
  min-height: 122px;
  margin-top: 1.35rem;
  padding: 1rem;
  border: 1px solid rgba(0,212,198,0.18);
  background: rgba(255,255,255,0.045);
}

.wm-live-replay-v36__bars i {
  flex: 1;
  min-width: 18px;
  border-radius: 999px 999px 0 0;
  background: var(--wm-gradient-flow);
  box-shadow: 0 0 22px rgba(0,212,198,0.16);
}

.wm-live-replay-v36__bars i:nth-child(1) { height: 42%; opacity: 0.56; }
.wm-live-replay-v36__bars i:nth-child(2) { height: 68%; opacity: 0.72; }
.wm-live-replay-v36__bars i:nth-child(3) { height: 88%; opacity: 0.92; }
.wm-live-replay-v36__bars i:nth-child(4) { height: 58%; opacity: 0.66; }

.wm-home-flow-v36 {
  position: relative;
  overflow: hidden;
}

.wm-flow-strip--v36 {
  gap: 0.7rem;
  padding: clamp(1rem, 2vw, 1.35rem);
}

.wm-flow-strip--v36 span {
  display: grid;
  align-content: center;
  gap: 0.28rem;
}

.wm-flow-strip--v36 strong,
.wm-flow-strip--v36 small {
  display: block;
}

.wm-flow-strip--v36 strong {
  color: var(--wm-white);
  font-size: 1.08rem;
}

.wm-flow-strip--v36 small {
  color: rgba(255,255,255,0.58);
  font-size: 0.86rem;
  line-height: 1.35;
}

@media (max-width: 1120px) {
  .wm-home-narrative-v36__grid,
  .wm-home-signal-core-v36__grid,
  .wm-home-flow-v36__grid,
  .wm-live-replay-v36__flow {
    grid-template-columns: 1fr;
  }

  .wm-rented-stack-v36 {
    min-height: auto;
  }

  .wm-live-replay-v36__flow::before {
    display: none;
  }
}

@media (max-width: 760px) {
  .wm-rented-stack-v36 {
    grid-template-columns: 1fr;
  }

  .wm-rented-stack-v36__signal {
    grid-template-columns: repeat(3, 1fr);
    justify-items: stretch;
  }

  .wm-rented-stack-v36__signal span {
    width: auto;
    transform: none !important;
  }

  .wm-home-signal-core-v36__checks {
    grid-template-columns: 1fr;
  }

  .wm-signal-core-v36 {
    min-height: 440px;
  }

  .wm-signal-core-v36__node {
    min-width: 76px;
    min-height: 38px;
    padding: 0.44rem 0.5rem;
  }

  .wm-signal-core-v36__node span {
    font-size: 0.6rem;
  }

  .wm-live-replay-v36__step {
    min-height: auto;
  }
}

@media (max-width: 520px) {
  .wm-signal-core-v36 {
    min-height: 390px;
  }

  .wm-signal-core-v36__centre {
    width: 136px;
    height: 136px;
  }

  .wm-signal-core-v36__centre strong {
    font-size: 1.35rem;
  }

  .wm-signal-core-v36__node--one { top: 8%; left: 38%; }
  .wm-signal-core-v36__node--two { top: 24%; right: 4%; }
  .wm-signal-core-v36__node--three { bottom: 21%; right: 5%; }
  .wm-signal-core-v36__node--four { bottom: 8%; left: 36%; }
  .wm-signal-core-v36__node--five { bottom: 23%; left: 4%; }
  .wm-signal-core-v36__node--six { top: 24%; left: 4%; }
}

@media (prefers-reduced-motion: reduce) {
  .wm-home-signal-core-v36::after,
  .wm-live-replay-v36__mini-player i {
    animation: none !important;
  }
}

/* Slice 37 — Homepage Interactive Use-Case Selector */
.wm-home-usecase-v37 {
  position: relative;
  overflow: hidden;
  border-top: 1px solid rgba(255,255,255,0.10);
  border-bottom: 1px solid rgba(255,255,255,0.10);
  background:
    radial-gradient(circle at 16% 18%, rgba(37, 99, 235, 0.20), transparent 30rem),
    radial-gradient(circle at 82% 20%, rgba(0, 212, 198, 0.18), transparent 28rem),
    linear-gradient(180deg, #0B1120 0%, #08101e 100%);
}

.wm-home-usecase-v37::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px);
  background-size: 68px 68px;
  mask-image: radial-gradient(circle at 50% 14%, #000 0%, transparent 76%);
  opacity: 0.75;
  pointer-events: none;
}

.wm-home-usecase-v37::after {
  content: "";
  position: absolute;
  left: -8%;
  right: -8%;
  bottom: -4rem;
  height: 15rem;
  background-image: url('../img/hero-waveform-accent.png');
  background-repeat: no-repeat;
  background-size: min(1450px, 120vw) auto;
  background-position: 50% 100%;
  opacity: 0.16;
  pointer-events: none;
}

.wm-home-usecase-v37 > * {
  position: relative;
  z-index: 1;
}

.wm-home-usecase-v37__intro {
  max-width: 880px;
  text-align: center;
}

.wm-home-usecase-v37__intro .wm-h2,
.wm-home-usecase-v37__intro .wm-body-large {
  margin-left: auto;
  margin-right: auto;
}

.wm-home-usecase-v37__intro .wm-body-large {
  max-width: 760px;
  color: rgba(255,255,255,0.70);
}

.wm-home-usecase-v37__shell {
  display: grid;
  grid-template-columns: minmax(230px, 0.33fr) minmax(0, 1fr);
  gap: clamp(1rem, 2.8vw, 1.8rem);
  margin-top: clamp(2rem, 5vw, 3.6rem);
  padding: clamp(0.85rem, 1.8vw, 1.1rem);
  border: 1px solid rgba(255,255,255,0.13);
  background:
    radial-gradient(circle at 72% 18%, rgba(0, 212, 198, 0.12), transparent 34rem),
    linear-gradient(145deg, rgba(255,255,255,0.08), rgba(255,255,255,0.035));
  box-shadow: 0 36px 110px rgba(0,0,0,0.34), inset 0 1px 0 rgba(255,255,255,0.08);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  clip-path: polygon(0 0, calc(100% - 28px) 0, 100% 28px, 100% 100%, 28px 100%, 0 calc(100% - 28px));
}

.wm-home-usecase-v37__selector {
  display: grid;
  gap: 0.6rem;
  align-content: start;
  padding: clamp(0.15rem, 0.8vw, 0.45rem);
}

.wm-home-usecase-v37__tab {
  width: 100%;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.28rem 0.72rem;
  align-items: center;
  text-align: left;
  border: 1px solid rgba(255,255,255,0.11);
  background: rgba(255,255,255,0.045);
  color: rgba(255,255,255,0.78);
  cursor: pointer;
  padding: 0.92rem 0.95rem;
  transition: transform 180ms ease, border-color 180ms ease, background 180ms ease, color 180ms ease, box-shadow 180ms ease;
  clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 14px 100%, 0 calc(100% - 14px));
}

.wm-home-usecase-v37__tab span {
  grid-row: 1 / span 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.15rem;
  height: 2.15rem;
  border-radius: 999px;
  border: 1px solid rgba(0, 212, 198, 0.22);
  background: rgba(0, 212, 198, 0.075);
  color: var(--wm-teal-400);
  font-family: var(--wm-font-mono);
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.08em;
}

.wm-home-usecase-v37__tab strong,
.wm-home-usecase-v37__tab small {
  display: block;
  min-width: 0;
}

.wm-home-usecase-v37__tab strong {
  color: var(--wm-white);
  font-size: 0.98rem;
  line-height: 1.1;
}

.wm-home-usecase-v37__tab small {
  color: rgba(255,255,255,0.55);
  font-size: 0.78rem;
  line-height: 1.32;
}

.wm-home-usecase-v37__tab:hover,
.wm-home-usecase-v37__tab:focus-visible {
  transform: translateX(4px);
  border-color: rgba(0, 212, 198, 0.38);
  background: rgba(255,255,255,0.075);
  outline: none;
}

.wm-home-usecase-v37__tab:focus-visible {
  box-shadow: 0 0 0 3px rgba(0, 212, 198, 0.24);
}

.wm-home-usecase-v37__tab[aria-selected="true"] {
  border-color: rgba(0, 212, 198, 0.44);
  background:
    linear-gradient(135deg, rgba(37,99,235,0.22), rgba(0,212,198,0.13)),
    rgba(255,255,255,0.075);
  color: var(--wm-white);
  box-shadow: 0 18px 48px rgba(0, 212, 198, 0.10);
}

.wm-home-usecase-v37__panels {
  min-width: 0;
}

.wm-home-usecase-v37__panel {
  min-height: 100%;
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(310px, 0.78fr);
  gap: clamp(1.2rem, 3vw, 2rem);
  align-items: stretch;
  padding: clamp(1.2rem, 3.2vw, 2.1rem);
  border: 1px solid rgba(255,255,255,0.11);
  background:
    radial-gradient(circle at 88% 10%, rgba(126, 237, 183, 0.11), transparent 20rem),
    linear-gradient(145deg, rgba(11,17,32,0.54), rgba(19,35,58,0.70));
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.08);
  clip-path: polygon(0 0, calc(100% - 24px) 0, 100% 24px, 100% 100%, 24px 100%, 0 calc(100% - 24px));
}

.wm-home-usecase-v37__panel[hidden] {
  display: none;
}

.wm-home-usecase-v37__copy {
  align-self: center;
}

.wm-home-usecase-v37__copy h3 {
  margin: 0 0 0.95rem;
  max-width: 780px;
  color: var(--wm-white);
  font-family: var(--wm-font-heading);
  font-size: clamp(2rem, 4vw, 4.45rem);
  letter-spacing: -0.06em;
  line-height: 0.98;
}

.wm-home-usecase-v37__copy > p:not(.wm-kicker) {
  max-width: 720px;
  color: rgba(255,255,255,0.71);
  font-size: 1.04rem;
  line-height: 1.68;
}

.wm-home-usecase-v37__lists {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.9rem;
  margin: clamp(1.25rem, 3vw, 1.7rem) 0;
}

.wm-home-usecase-v37__lists > div {
  border: 1px solid rgba(255,255,255,0.11);
  background: rgba(255,255,255,0.045);
  padding: 1rem;
  clip-path: polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 16px 100%, 0 calc(100% - 16px));
}

.wm-home-usecase-v37__lists span,
.wm-home-usecase-v37__brief span,
.wm-home-usecase-v37__featured small,
.wm-home-usecase-v37__preview-top span {
  display: block;
  color: var(--wm-teal-400);
  font-family: var(--wm-font-mono);
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.wm-home-usecase-v37__lists ul {
  display: grid;
  gap: 0.45rem;
  margin: 0.72rem 0 0;
  padding: 0;
  list-style: none;
}

.wm-home-usecase-v37__lists li {
  position: relative;
  padding-left: 1.05rem;
  color: rgba(255,255,255,0.78);
  font-weight: 780;
  line-height: 1.35;
}

.wm-home-usecase-v37__lists li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.52rem;
  width: 0.38rem;
  height: 0.38rem;
  border-radius: 999px;
  background: var(--wm-gradient-flow);
}

.wm-home-usecase-v37__ctas {
  margin-top: 1.25rem;
}

.wm-home-usecase-v37__preview {
  display: grid;
  gap: 0.95rem;
  align-content: start;
  border: 1px solid rgba(255,255,255,0.14);
  background:
    radial-gradient(circle at 74% 18%, rgba(0, 212, 198, 0.18), transparent 18rem),
    linear-gradient(160deg, rgba(255,255,255,0.09), rgba(255,255,255,0.035)),
    #071020;
  padding: clamp(1rem, 2.4vw, 1.25rem);
  box-shadow: 0 30px 90px rgba(0,0,0,0.32), inset 0 1px 0 rgba(255,255,255,0.08);
  clip-path: polygon(0 0, calc(100% - 24px) 0, 100% 24px, 100% 100%, 24px 100%, 0 calc(100% - 24px));
}

.wm-home-usecase-v37__preview-top {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.38rem 0.75rem;
  align-items: center;
  padding-bottom: 0.85rem;
  border-bottom: 1px solid rgba(255,255,255,0.11);
}

.wm-home-usecase-v37__preview-top strong {
  grid-column: 1 / 2;
  color: var(--wm-white);
  font-family: var(--wm-font-heading);
  font-size: clamp(1rem, 2vw, 1.28rem);
  letter-spacing: -0.035em;
  line-height: 1.1;
}

.wm-home-usecase-v37__preview-top em {
  grid-column: 2 / 3;
  grid-row: 1 / span 2;
  justify-self: end;
  border: 1px solid rgba(126, 237, 183, 0.22);
  border-radius: 999px;
  background: rgba(126, 237, 183, 0.10);
  color: var(--wm-mint-300);
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 900;
  padding: 0.45rem 0.65rem;
  white-space: nowrap;
}

.wm-home-usecase-v37__featured {
  min-height: 190px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 1rem;
  align-items: end;
  border: 1px solid rgba(255,255,255,0.12);
  background:
    linear-gradient(rgba(255,255,255,0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.04) 1px, transparent 1px),
    radial-gradient(circle at 55% 40%, rgba(37,99,235,0.30), transparent 14rem),
    radial-gradient(circle at 80% 24%, rgba(0,212,198,0.24), transparent 12rem),
    rgba(255,255,255,0.045);
  background-size: 34px 34px, 34px 34px, auto, auto, auto;
  padding: 1rem;
  overflow: hidden;
  clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 18px 100%, 0 calc(100% - 18px));
}

.wm-home-usecase-v37__featured strong {
  display: block;
  margin-top: 0.32rem;
  color: var(--wm-white);
  font-family: var(--wm-font-heading);
  font-size: clamp(1.05rem, 2.4vw, 1.55rem);
  letter-spacing: -0.04em;
  line-height: 1.05;
}

.wm-home-usecase-v37__play {
  width: 3.5rem;
  height: 3.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(0, 212, 198, 0.45);
  border-radius: 999px;
  background: rgba(0, 212, 198, 0.13);
  box-shadow: 0 0 36px rgba(0, 212, 198, 0.16);
}

.wm-home-usecase-v37__play span {
  display: block;
  width: 0;
  height: 0;
  margin-left: 0.22rem;
  border-top: 0.55rem solid transparent;
  border-bottom: 0.55rem solid transparent;
  border-left: 0.85rem solid var(--wm-white);
}

.wm-home-usecase-v37__module-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.65rem;
}

.wm-home-usecase-v37__module-grid span {
  min-height: 4.2rem;
  display: flex;
  align-items: end;
  border: 1px solid rgba(255,255,255,0.11);
  background: rgba(255,255,255,0.055);
  color: rgba(255,255,255,0.84);
  font-weight: 850;
  padding: 0.82rem;
  clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 14px 100%, 0 calc(100% - 14px));
}

.wm-home-usecase-v37__brief {
  display: grid;
  gap: 0.65rem;
}

.wm-home-usecase-v37__brief > div {
  border: 1px solid rgba(255,255,255,0.11);
  background: rgba(255,255,255,0.045);
  padding: 0.85rem;
}

.wm-home-usecase-v37__brief strong {
  display: block;
  margin-top: 0.3rem;
  color: rgba(255,255,255,0.86);
  font-size: 0.92rem;
  line-height: 1.35;
}

@media (max-width: 1080px) {
  .wm-home-usecase-v37__shell,
  .wm-home-usecase-v37__panel {
    grid-template-columns: 1fr;
  }

  .wm-home-usecase-v37__selector {
    grid-auto-flow: column;
    grid-auto-columns: minmax(230px, 1fr);
    overflow-x: auto;
    padding-bottom: 0.35rem;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }

  .wm-home-usecase-v37__tab {
    scroll-snap-align: start;
  }

  .wm-home-usecase-v37__tab:hover,
  .wm-home-usecase-v37__tab:focus-visible {
    transform: translateY(-2px);
  }
}

@media (max-width: 760px) {
  .wm-home-usecase-v37__shell {
    margin-left: 0;
    margin-right: 0;
    padding: 0.65rem;
    clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 18px 100%, 0 calc(100% - 18px));
  }

  .wm-home-usecase-v37__panel {
    padding: 1rem;
    clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 18px 100%, 0 calc(100% - 18px));
  }

  .wm-home-usecase-v37__copy h3 {
    font-size: clamp(1.9rem, 12vw, 3.1rem);
  }

  .wm-home-usecase-v37__lists,
  .wm-home-usecase-v37__module-grid,
  .wm-home-usecase-v37__preview-top {
    grid-template-columns: 1fr;
  }

  .wm-home-usecase-v37__preview-top em {
    grid-column: 1;
    grid-row: auto;
    justify-self: start;
  }

  .wm-home-usecase-v37__featured {
    min-height: 210px;
    grid-template-columns: 1fr;
    align-items: end;
  }
}

@media (prefers-reduced-motion: reduce) {
  .wm-home-usecase-v37__tab,
  .wm-home-usecase-v37__play {
    transition: none !important;
  }
}

/* Slice 38 — Platform page premium walkthrough */
.wm-page--platform-v38 {
  background: var(--wm-navy-950);
  color: var(--wm-white);
}

.wm-page--platform-v38 .wm-section--cloud,
.wm-page--platform-v38 .wm-platform-v38-proof,
.wm-page--platform-v38 .wm-platform-faq-section,
.wm-page--platform-v38 .wm-final-cta-section {
  background: var(--wm-cloud-50);
  color: var(--wm-navy-950);
}

.wm-platform-v38-hero {
  border-bottom: 1px solid rgba(255,255,255,0.10);
}

.wm-platform-v38-hero::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 1px;
  background: var(--wm-gradient-flow);
  opacity: 0.52;
}

.wm-support-line--dark {
  color: rgba(255,255,255,0.72);
  border-left-color: rgba(0,212,198,0.46);
}

.wm-chip-row--dark span {
  background: rgba(255,255,255,0.07);
  border-color: rgba(255,255,255,0.13);
  color: rgba(255,255,255,0.80);
}

.wm-platform-console-hero {
  isolation: isolate;
}

.wm-platform-console-hero::after {
  content: "";
  position: absolute;
  right: -22%;
  bottom: -28%;
  width: 55%;
  aspect-ratio: 1;
  border-radius: 999px;
  background: rgba(0,212,198,0.12);
  filter: blur(22px);
  pointer-events: none;
}

.wm-platform-v38-console-footer {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.65rem;
  margin-top: 0.85rem;
}

.wm-platform-v38-console-footer span {
  min-height: 44px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 16px;
  background: rgba(255,255,255,0.055);
  color: rgba(255,255,255,0.72);
  font-family: var(--wm-font-mono);
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.wm-platform-v38-overview {
  position: relative;
  overflow: hidden;
}

.wm-platform-v38-overview .wm-h2,
.wm-platform-v38-overview .wm-body-large,
.wm-platform-v38-next-depth .wm-h2,
.wm-platform-v38-next-depth .wm-body-large {
  color: var(--wm-white);
}

.wm-platform-v38-overview .wm-body-large,
.wm-platform-v38-next-depth .wm-body-large {
  color: rgba(255,255,255,0.72);
}

.wm-platform-v38-module-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin-top: clamp(2rem, 4vw, 3rem);
}

.wm-platform-v38-module,
.wm-page a.wm-platform-v38-module {
  color: var(--wm-white) !important;
  text-decoration: none !important;
  min-height: 260px;
}

.wm-platform-v38-module::after {
  content: "Walk through";
  display: inline-flex;
  margin-top: 1rem;
  width: fit-content;
  color: var(--wm-mint-300);
  font-family: var(--wm-font-mono);
  font-size: 0.7rem;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.wm-platform-v38-walkthrough {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 16% 18%, rgba(37,99,235,0.18), transparent 30%),
    radial-gradient(circle at 84% 20%, rgba(0,212,198,0.15), transparent 34%),
    var(--wm-navy-950);
  color: var(--wm-white);
}

.wm-platform-v38-walkthrough::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px),
    linear-gradient(rgba(255,255,255,0.025) 1px, transparent 1px);
  background-size: 58px 58px;
  opacity: 0.25;
  pointer-events: none;
}

.wm-platform-v38-walkthrough > * {
  position: relative;
  z-index: 1;
}

.wm-platform-v38-walkthrough .wm-h2,
.wm-platform-v38-walkthrough .wm-body-large {
  color: var(--wm-white);
}

.wm-platform-v38-walkthrough .wm-body-large {
  color: rgba(255,255,255,0.72);
}

.wm-platform-v38-tabs {
  margin-top: clamp(2rem, 4vw, 3rem);
}

.wm-platform-v38-tablist {
  position: relative;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.6rem;
  padding: 0.7rem;
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 999px;
  background: rgba(255,255,255,0.045);
  margin-bottom: 1rem;
}

.wm-platform-v38-tablist .wm-tab {
  border: 1px solid rgba(255,255,255,0.11);
  background: rgba(255,255,255,0.055);
  color: rgba(255,255,255,0.78);
  border-radius: 999px;
}

.wm-platform-v38-tablist .wm-tab[aria-selected="true"] {
  background: var(--wm-gradient-flow);
  color: var(--wm-navy-950);
  border-color: transparent;
  box-shadow: 0 14px 34px rgba(0,212,198,0.18);
}

.wm-platform-v38-panels {
  border: 1px solid rgba(255,255,255,0.13);
  border-radius: var(--wm-radius-xl);
  background: rgba(255,255,255,0.055);
  box-shadow: 0 34px 100px rgba(0,0,0,0.32);
  overflow: hidden;
}

.wm-platform-v38-panel {
  display: grid;
  grid-template-columns: minmax(0, 0.86fr) minmax(360px, 1.1fr);
  gap: clamp(1.4rem, 4vw, 3rem);
  align-items: stretch;
  padding: clamp(1.2rem, 4vw, 2.4rem);
}

.wm-platform-v38-panel[hidden] {
  display: none !important;
}

.wm-platform-v38-panel__copy {
  align-self: center;
}

.wm-platform-v38-panel__copy h3 {
  max-width: 720px;
  margin: 0 0 1rem;
  color: var(--wm-white);
  font-family: var(--wm-font-heading);
  font-size: clamp(1.9rem, 4vw, 4rem);
  line-height: 0.98;
  letter-spacing: -0.055em;
}

.wm-platform-v38-panel__copy p {
  color: rgba(255,255,255,0.72);
  font-size: 1.05rem;
  line-height: 1.7;
}

.wm-check-list--dark li {
  color: rgba(255,255,255,0.86);
}

.wm-platform-v38-state-console {
  min-height: 440px;
}

.wm-platform-v38-state-console .wm-media-stack {
  margin-top: 1.4rem;
  min-height: 150px;
}

.wm-platform-v38-price-card {
  display: grid;
  gap: 0.55rem;
  align-content: end;
  min-height: 260px;
  padding: 1.2rem;
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: var(--wm-radius-lg);
  background:
    radial-gradient(circle at 82% 24%, rgba(126,237,183,0.16), transparent 34%),
    linear-gradient(135deg, rgba(37,99,235,0.22), rgba(0,212,198,0.08));
}

.wm-platform-v38-price-card span {
  color: var(--wm-teal-400);
  font-family: var(--wm-font-mono);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.wm-platform-v38-price-card strong {
  color: var(--wm-white);
  font-family: var(--wm-font-heading);
  font-size: clamp(1.5rem, 2.4vw, 2.4rem);
  line-height: 1.05;
}

.wm-platform-v38-price-card p {
  margin: 0;
  color: rgba(255,255,255,0.72);
}

.wm-platform-v38-chart {
  display: flex;
  align-items: end;
  gap: 0.65rem;
  min-height: 260px;
  padding: 1rem;
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: var(--wm-radius-lg);
  background: rgba(255,255,255,0.055);
}

.wm-platform-v38-chart span {
  flex: 1;
  min-height: 42%;
  border-radius: 999px 999px 0 0;
  background: var(--wm-gradient-flow);
  animation: wmSignal 2.5s ease-in-out infinite;
}

.wm-platform-v38-chart span:nth-child(2) { min-height: 72%; animation-delay: 0.12s; }
.wm-platform-v38-chart span:nth-child(3) { min-height: 56%; animation-delay: 0.24s; }
.wm-platform-v38-chart span:nth-child(4) { min-height: 88%; animation-delay: 0.36s; }
.wm-platform-v38-chart span:nth-child(5) { min-height: 64%; animation-delay: 0.48s; }
.wm-platform-v38-chart span:nth-child(6) { min-height: 76%; animation-delay: 0.60s; }

.wm-platform-v38-admin-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
  margin-top: 1rem;
}

.wm-platform-v38-admin-grid span {
  min-height: 104px;
  display: flex;
  align-items: end;
  padding: 1rem;
  border: 1px solid rgba(255,255,255,0.11);
  border-radius: 18px;
  background: rgba(255,255,255,0.06);
  color: rgba(255,255,255,0.82);
  font-weight: 850;
}

.wm-platform-v38-contrast {
  display: grid;
  gap: 1rem;
}

.wm-platform-v38-contrast article {
  border: 1px solid rgba(11,17,32,0.10);
  border-radius: var(--wm-radius-lg);
  background: var(--wm-white);
  padding: clamp(1rem, 2vw, 1.3rem);
  box-shadow: 0 18px 54px rgba(11,17,32,0.06);
}

.wm-platform-v38-contrast article:last-child {
  background:
    radial-gradient(circle at 84% 18%, rgba(0,212,198,0.20), transparent 36%),
    var(--wm-navy-950);
  color: var(--wm-white);
}

.wm-platform-v38-contrast span {
  display: inline-flex;
  margin-bottom: 0.5rem;
  color: var(--wm-blue-600);
  font-family: var(--wm-font-mono);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.wm-platform-v38-contrast article:last-child span {
  color: var(--wm-teal-400);
}

.wm-platform-v38-contrast p {
  margin: 0;
  color: var(--wm-text-muted);
  line-height: 1.62;
}

.wm-platform-v38-contrast article:last-child p {
  color: rgba(255,255,255,0.76);
}

.wm-platform-v38-features {
  background:
    radial-gradient(circle at 85% 14%, rgba(0,212,198,0.12), transparent 34%),
    linear-gradient(180deg, var(--wm-navy-950), var(--wm-navy-850));
  color: var(--wm-white);
}

.wm-platform-v38-features .wm-h2,
.wm-platform-v38-features .wm-body-large {
  color: var(--wm-white);
}

.wm-platform-v38-features .wm-body-large {
  color: rgba(255,255,255,0.72);
}

.wm-platform-v38-feature-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  margin-top: clamp(2rem, 4vw, 3rem);
}

.wm-platform-v38-feature-grid .wm-signal-panel--premium {
  min-height: 250px;
}

.wm-platform-v38-next-depth {
  position: relative;
  overflow: hidden;
}

.wm-platform-v38-depth-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin-top: clamp(2rem, 4vw, 3rem);
}

.wm-platform-v38-depth-grid .wm-platform-brief-card__line {
  grid-template-columns: minmax(70px, 0.45fr) minmax(0, 1fr);
}

.wm-platform-faq-section .wm-h2,
.wm-platform-faq-section .wm-body-large,
.wm-final-cta-section .wm-h2,
.wm-final-cta-section .wm-body-large {
  color: var(--wm-navy-950);
}

.wm-final-cta-section .wm-dark-cta-premium h2,
.wm-final-cta-section .wm-dark-cta-premium p:not(.wm-kicker) {
  color: var(--wm-white);
}

@media (max-width: 1120px) {
  .wm-platform-v38-module-grid,
  .wm-platform-v38-feature-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .wm-platform-v38-panel {
    grid-template-columns: 1fr;
  }

  .wm-platform-v38-state-console {
    min-height: 360px;
  }
}

@media (max-width: 860px) {
  .wm-platform-v38-depth-grid,
  .wm-platform-v38-module-grid,
  .wm-platform-v38-feature-grid {
    grid-template-columns: 1fr;
  }

  .wm-platform-v38-tablist {
    justify-content: flex-start;
    flex-wrap: nowrap;
    overflow-x: auto;
    border-radius: var(--wm-radius-lg);
    scroll-snap-type: x proximity;
  }

  .wm-platform-v38-tablist .wm-tab {
    flex: 0 0 auto;
    scroll-snap-align: start;
  }
}

@media (max-width: 640px) {
  .wm-platform-v38-console-footer,
  .wm-platform-v38-admin-grid,
  .wm-media-console__rail,
  .wm-media-console__tiles {
    grid-template-columns: 1fr 1fr;
  }

  .wm-platform-v38-panel {
    padding: 1rem;
  }

  .wm-platform-v38-state-console {
    min-height: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .wm-platform-v38-chart span {
    animation: none !important;
  }
}

/* Slice 39 — Platform admin, analytics and access depth */
.wm-page--platform-v39 .wm-platform-v39-access,
.wm-page--platform-v39 .wm-platform-v39-analytics,
.wm-page--platform-v39 .wm-platform-v39-demo-depth {
  background: var(--wm-cloud-50);
  color: var(--wm-navy-950);
}

.wm-platform-v39-command,
.wm-platform-v39-monetise,
.wm-platform-v39-admin {
  position: relative;
  overflow: hidden;
}

.wm-platform-v39-command .wm-h2,
.wm-platform-v39-command .wm-body-large,
.wm-platform-v39-monetise .wm-h2,
.wm-platform-v39-monetise .wm-body-large,
.wm-platform-v39-admin .wm-h2,
.wm-platform-v39-admin .wm-body-large {
  color: var(--wm-white);
}

.wm-platform-v39-command .wm-body-large,
.wm-platform-v39-monetise .wm-body-large,
.wm-platform-v39-admin .wm-body-large {
  color: rgba(255,255,255,0.72);
}

.wm-platform-v39-command__grid,
.wm-platform-v39-admin__grid {
  align-items: center;
}

.wm-platform-v39-command-console,
.wm-platform-v39-rule-builder,
.wm-platform-v39-analytics-console,
.wm-platform-v39-admin-console {
  position: relative;
  border: 1px solid rgba(255,255,255,0.13);
  background:
    linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px),
    radial-gradient(circle at 76% 20%, rgba(0,212,198,0.20), transparent 32%),
    rgba(255,255,255,0.055);
  background-size: 34px 34px, 34px 34px, auto, auto;
  box-shadow: 0 30px 90px rgba(0,0,0,0.28);
  overflow: hidden;
}

.wm-platform-v39-command-console {
  padding: clamp(1rem, 3vw, 1.35rem);
  min-height: 430px;
  color: var(--wm-white);
}

.wm-platform-v39-command-console__top,
.wm-platform-v39-analytics-console__header,
.wm-platform-v39-admin-console__top {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: center;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(255,255,255,0.12);
}

.wm-platform-v39-command-console__top strong,
.wm-platform-v39-analytics-console__header strong,
.wm-platform-v39-admin-console__top strong {
  color: var(--wm-white);
  font-family: var(--wm-font-heading);
  font-size: clamp(1.2rem, 2.2vw, 1.65rem);
  letter-spacing: -0.04em;
}

.wm-platform-v39-command-console__top span,
.wm-platform-v39-analytics-console__header span,
.wm-platform-v39-admin-console__top em {
  color: var(--wm-teal-400);
  font-family: var(--wm-font-mono);
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.wm-platform-v39-command-console__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
  margin-top: 1rem;
}

.wm-platform-v39-command-console__grid span {
  min-height: 88px;
  display: flex;
  align-items: flex-end;
  padding: 0.95rem;
  border: 1px solid rgba(255,255,255,0.11);
  background: rgba(255,255,255,0.055);
  color: rgba(255,255,255,0.82);
  font-weight: 850;
}

.wm-platform-v39-command-console__signal {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  display: flex;
  align-items: flex-end;
  gap: 0.35rem;
}

.wm-platform-v39-command-console__signal span {
  width: 0.5rem;
  height: 1.5rem;
  border-radius: 999px;
  background: var(--wm-gradient-flow);
  animation: wmSignal 2.4s ease-in-out infinite;
}

.wm-platform-v39-command-console__signal span:nth-child(2) { height: 2.1rem; animation-delay: 0.14s; }
.wm-platform-v39-command-console__signal span:nth-child(3) { height: 1.2rem; animation-delay: 0.28s; }
.wm-platform-v39-command-console__signal span:nth-child(4) { height: 2.6rem; animation-delay: 0.42s; }

.wm-platform-v39-access .wm-h2,
.wm-platform-v39-access .wm-body-large,
.wm-platform-v39-analytics .wm-h2,
.wm-platform-v39-analytics .wm-body-large {
  color: var(--wm-navy-950);
}

.wm-platform-v39-access .wm-body-large,
.wm-platform-v39-analytics .wm-body-large {
  color: var(--wm-text-muted);
}

.wm-platform-v39-access__grid {
  display: grid;
  grid-template-columns: minmax(320px, 0.85fr) minmax(0, 1.15fr);
  gap: clamp(1rem, 3vw, 1.3rem);
  margin-top: clamp(2rem, 4vw, 3rem);
}

.wm-platform-v39-rule-builder {
  padding: clamp(1rem, 3vw, 1.35rem);
  background:
    linear-gradient(rgba(255,255,255,0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px),
    radial-gradient(circle at 84% 16%, rgba(0,212,198,0.20), transparent 34%),
    var(--wm-navy-950);
  color: var(--wm-white);
  min-height: 520px;
}

.wm-platform-v39-rule-builder__top {
  display: grid;
  gap: 0.5rem;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(255,255,255,0.12);
}

.wm-platform-v39-rule-builder__top span,
.wm-platform-v39-rule-row span,
.wm-platform-v39-revenue-card span,
.wm-platform-v39-metrics span {
  color: var(--wm-teal-400);
  font-family: var(--wm-font-mono);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.wm-platform-v39-rule-builder__top strong {
  color: var(--wm-white);
  font-family: var(--wm-font-heading);
  font-size: clamp(1.6rem, 3vw, 2.5rem);
  line-height: 1;
  letter-spacing: -0.05em;
}

.wm-platform-v39-rule-row {
  display: grid;
  grid-template-columns: minmax(100px, 0.45fr) minmax(0, 1fr);
  gap: 1rem;
  padding: 1rem 0;
  border-bottom: 1px solid rgba(255,255,255,0.10);
}

.wm-platform-v39-rule-row strong {
  color: rgba(255,255,255,0.86);
  line-height: 1.45;
}

.wm-platform-v39-rule-status {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  margin-top: 1rem;
  padding: 0.72rem 0.9rem;
  border: 1px solid rgba(126,237,183,0.34);
  border-radius: 999px;
  background: rgba(126,237,183,0.10);
  color: var(--wm-mint-300);
  font-family: var(--wm-font-mono);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.wm-platform-v39-rule-status span {
  width: 0.52rem;
  height: 0.52rem;
  border-radius: 999px;
  background: var(--wm-mint-300);
  box-shadow: 0 0 18px rgba(126,237,183,0.65);
}

.wm-platform-v39-access-matrix,
.wm-platform-v39-revenue-grid,
.wm-platform-v39-metrics,
.wm-platform-v39-admin-modules {
  display: grid;
  gap: 0.85rem;
}

.wm-platform-v39-access-matrix {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.wm-platform-v39-access-matrix article {
  min-height: 168px;
  border: 1px solid rgba(11,17,32,0.10);
  background: var(--wm-white);
  box-shadow: 0 18px 54px rgba(11,17,32,0.06);
  padding: 1rem;
  clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 18px 100%, 0 calc(100% - 18px));
}

.wm-platform-v39-access-matrix span {
  color: var(--wm-blue-600);
  font-family: var(--wm-font-mono);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.1em;
}

.wm-platform-v39-access-matrix strong,
.wm-platform-v39-revenue-card h3 {
  display: block;
  margin: 0.45rem 0;
  color: var(--wm-navy-950);
  font-family: var(--wm-font-heading);
  font-size: 1.25rem;
  line-height: 1.05;
  letter-spacing: -0.04em;
}

.wm-platform-v39-access-matrix p,
.wm-platform-v39-revenue-card p {
  margin: 0;
  color: var(--wm-text-muted);
  line-height: 1.6;
}

.wm-platform-v39-revenue-flow {
  display: grid;
  gap: 0.75rem;
}

.wm-platform-v39-revenue-flow span {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 64px;
  padding: 0.85rem 1rem 0.85rem 2.25rem;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.055);
  color: rgba(255,255,255,0.86);
  font-weight: 850;
  clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 14px 100%, 0 calc(100% - 14px));
}

.wm-platform-v39-revenue-flow span::before {
  content: "";
  position: absolute;
  left: 0.9rem;
  width: 0.56rem;
  height: 0.56rem;
  border-radius: 999px;
  background: var(--wm-gradient-flow);
  box-shadow: 0 0 18px rgba(0,212,198,0.35);
}

.wm-platform-v39-revenue-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: clamp(2rem, 4vw, 3rem);
}

.wm-platform-v39-revenue-card {
  min-height: 230px;
  border: 1px solid rgba(255,255,255,0.12);
  background:
    radial-gradient(circle at 86% 18%, rgba(0,212,198,0.14), transparent 34%),
    rgba(255,255,255,0.055);
  padding: 1.1rem;
  clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 20px 100%, 0 calc(100% - 20px));
}

.wm-platform-v39-revenue-card h3,
.wm-platform-v39-revenue-card p {
  color: var(--wm-white);
}

.wm-platform-v39-revenue-card p {
  color: rgba(255,255,255,0.72);
}

.wm-platform-v39-analytics-console {
  padding: clamp(1rem, 3vw, 1.35rem);
  margin-top: clamp(2rem, 4vw, 3rem);
  background:
    radial-gradient(circle at 90% 12%, rgba(0,212,198,0.18), transparent 36%),
    var(--wm-navy-950);
  color: var(--wm-white);
}

.wm-platform-v39-analytics-console__header em {
  color: rgba(255,255,255,0.64);
  font-family: var(--wm-font-mono);
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.wm-platform-v39-metrics {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 1rem 0;
}

.wm-platform-v39-metrics article,
.wm-platform-v39-admin-modules article {
  border: 1px solid rgba(255,255,255,0.11);
  background: rgba(255,255,255,0.055);
  padding: 1rem;
}

.wm-platform-v39-metrics strong,
.wm-platform-v39-admin-modules strong {
  display: block;
  margin: 0.4rem 0 0.2rem;
  color: var(--wm-white);
  font-family: var(--wm-font-heading);
  font-size: clamp(1.35rem, 2.4vw, 2rem);
  line-height: 1.05;
  letter-spacing: -0.045em;
}

.wm-platform-v39-metrics p {
  margin: 0;
  color: rgba(255,255,255,0.68);
}

.wm-platform-v39-dashboard-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr);
  gap: 1rem;
}

.wm-platform-v39-line-chart {
  min-height: 300px;
  display: flex;
  align-items: end;
  gap: 0.6rem;
  padding: 1rem;
  border: 1px solid rgba(255,255,255,0.11);
  background: rgba(255,255,255,0.045);
}

.wm-platform-v39-line-chart span {
  flex: 1;
  min-height: 32%;
  border-radius: 999px 999px 0 0;
  background: var(--wm-gradient-flow);
  animation: wmSignal 2.8s ease-in-out infinite;
}

.wm-platform-v39-line-chart span:nth-child(2) { min-height: 46%; animation-delay: 0.1s; }
.wm-platform-v39-line-chart span:nth-child(3) { min-height: 58%; animation-delay: 0.2s; }
.wm-platform-v39-line-chart span:nth-child(4) { min-height: 82%; animation-delay: 0.3s; }
.wm-platform-v39-line-chart span:nth-child(5) { min-height: 62%; animation-delay: 0.4s; }
.wm-platform-v39-line-chart span:nth-child(6) { min-height: 74%; animation-delay: 0.5s; }
.wm-platform-v39-line-chart span:nth-child(7) { min-height: 92%; animation-delay: 0.6s; }

.wm-platform-v39-content-table {
  display: grid;
  gap: 0.75rem;
}

.wm-platform-v39-content-table div {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.9rem;
  border: 1px solid rgba(255,255,255,0.11);
  background: rgba(255,255,255,0.055);
}

.wm-platform-v39-content-table span {
  color: rgba(255,255,255,0.78);
}

.wm-platform-v39-content-table strong {
  color: var(--wm-mint-300);
  white-space: nowrap;
}

.wm-platform-v39-admin-console {
  min-height: 520px;
  display: grid;
  grid-template-columns: 82px minmax(0, 1fr);
  padding: 0.85rem;
  background:
    radial-gradient(circle at 84% 14%, rgba(0,212,198,0.20), transparent 34%),
    rgba(255,255,255,0.055);
}

.wm-platform-v39-admin-console__sidebar {
  display: grid;
  align-content: start;
  justify-items: center;
  gap: 0.85rem;
  padding: 0.8rem 0.45rem;
  border-right: 1px solid rgba(255,255,255,0.12);
}

.wm-platform-v39-admin-console__sidebar span {
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.06);
}

.wm-platform-v39-admin-console__sidebar span:first-child {
  background: var(--wm-gradient-flow);
}

.wm-platform-v39-admin-console__main {
  padding: 0.75rem 0.75rem 0.75rem 1rem;
}

.wm-platform-v39-admin-modules {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 1rem;
}

.wm-platform-v39-admin-modules article {
  min-height: 116px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.wm-platform-v39-admin-modules span {
  color: rgba(255,255,255,0.64);
  font-family: var(--wm-font-mono);
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.wm-platform-v39-demo-depth .wm-dark-cta-premium h2,
.wm-platform-v39-demo-depth .wm-dark-cta-premium p:not(.wm-kicker) {
  color: var(--wm-white);
}

@media (max-width: 1120px) {
  .wm-platform-v39-access__grid,
  .wm-platform-v39-dashboard-grid,
  .wm-platform-v39-admin-console {
    grid-template-columns: 1fr;
  }

  .wm-platform-v39-revenue-grid,
  .wm-platform-v39-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .wm-platform-v39-admin-console__sidebar {
    grid-template-columns: repeat(5, minmax(0, auto));
    grid-auto-flow: column;
    justify-content: start;
    border-right: 0;
    border-bottom: 1px solid rgba(255,255,255,0.12);
  }
}

@media (max-width: 760px) {
  .wm-platform-v39-command-console__grid,
  .wm-platform-v39-access-matrix,
  .wm-platform-v39-revenue-grid,
  .wm-platform-v39-metrics,
  .wm-platform-v39-admin-modules {
    grid-template-columns: 1fr;
  }

  .wm-platform-v39-rule-row,
  .wm-platform-v39-content-table div,
  .wm-platform-v39-command-console__top,
  .wm-platform-v39-analytics-console__header,
  .wm-platform-v39-admin-console__top {
    grid-template-columns: 1fr;
    display: grid;
  }

  .wm-platform-v39-admin-console__main {
    padding: 0.75rem 0;
  }

  .wm-platform-v39-line-chart {
    min-height: 220px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .wm-platform-v39-command-console__signal span,
  .wm-platform-v39-line-chart span {
    animation: none !important;
  }
}

/* Slice 40 — Book a Demo Planner Upgrade */
.wm-demo-signal-os .wm-demo-hero--planner {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 78% 22%, rgba(0, 212, 198, 0.22), transparent 34%),
    radial-gradient(circle at 12% 70%, rgba(37, 99, 235, 0.22), transparent 36%),
    linear-gradient(135deg, #050914 0%, var(--wm-navy-950) 50%, #081827 100%);
  color: var(--wm-white);
}

.wm-demo-signal-os .wm-demo-hero--planner::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px);
  background-size: 52px 52px;
  mask-image: radial-gradient(circle at 60% 45%, black, transparent 78%);
}

.wm-demo-signal-os .wm-demo-hero-grid {
  position: relative;
  z-index: 1;
  align-items: center;
}

.wm-demo-signal-os .wm-demo-hero__signals {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 1.6rem;
}

.wm-demo-signal-os .wm-demo-hero__signals span {
  border: 1px solid rgba(255,255,255,0.14);
  background: rgba(255,255,255,0.055);
  color: rgba(255,255,255,0.78);
  border-radius: 999px;
  padding: 0.55rem 0.8rem;
  font-size: 0.82rem;
  backdrop-filter: blur(14px);
}

.wm-demo-signal-os .wm-demo-hero-brief {
  min-height: 470px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  isolation: isolate;
}

.wm-demo-signal-os .wm-demo-radar {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 150px;
  margin: 1.2rem 0;
  border-radius: 34px;
  border: 1px solid rgba(255,255,255,0.12);
  background: radial-gradient(circle, rgba(0,212,198,0.2), rgba(37,99,235,0.08) 42%, rgba(255,255,255,0.035) 70%);
  overflow: hidden;
}

.wm-demo-signal-os .wm-demo-radar::before,
.wm-demo-signal-os .wm-demo-radar::after,
.wm-demo-signal-os .wm-demo-radar span {
  content: "";
  position: absolute;
  border: 1px solid rgba(126,237,183,0.28);
  border-radius: 50%;
}

.wm-demo-signal-os .wm-demo-radar::before { width: 48px; height: 48px; }
.wm-demo-signal-os .wm-demo-radar::after { width: 96px; height: 96px; opacity: 0.75; }
.wm-demo-signal-os .wm-demo-radar span:nth-child(1) { width: 138px; height: 138px; opacity: 0.42; }
.wm-demo-signal-os .wm-demo-radar span:nth-child(2) { width: 8px; height: 8px; background: var(--wm-teal-400); box-shadow: 0 0 24px rgba(0,212,198,0.9); }
.wm-demo-signal-os .wm-demo-radar span:nth-child(3) { width: 120%; height: 1px; border-radius: 0; border: 0; background: linear-gradient(90deg, transparent, rgba(0,212,198,0.65), transparent); transform: rotate(-16deg); }

.wm-demo-signal-os .wm-demo-planner-section {
  color: var(--wm-white);
  background:
    radial-gradient(circle at 10% 10%, rgba(37, 99, 235, 0.18), transparent 32%),
    radial-gradient(circle at 88% 42%, rgba(0, 212, 198, 0.16), transparent 32%),
    var(--wm-navy-950);
}

.wm-demo-signal-os .wm-section-heading--dark .wm-h2,
.wm-demo-signal-os .wm-section-heading--dark .wm-body-large {
  color: var(--wm-white);
}

.wm-demo-planner-layout--premium {
  align-items: start;
  gap: clamp(1.4rem, 3vw, 2.4rem);
}

.wm-demo-form--premium,
.wm-planner-summary--premium .wm-planner-summary__inner {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,0.14);
  background:
    linear-gradient(180deg, rgba(255,255,255,0.085), rgba(255,255,255,0.038)),
    rgba(19,35,58,0.72);
  box-shadow: 0 28px 80px rgba(0,0,0,0.28);
  backdrop-filter: blur(18px);
}

.wm-demo-form--premium::before,
.wm-planner-summary--premium .wm-planner-summary__inner::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(135deg, rgba(37,99,235,0.2), transparent 24%, transparent 70%, rgba(0,212,198,0.14));
}

.wm-demo-form--premium > *,
.wm-planner-summary--premium .wm-planner-summary__inner > * {
  position: relative;
  z-index: 1;
}

.wm-planner-progress--premium {
  background: rgba(5, 9, 20, 0.62);
  border: 1px solid rgba(255,255,255,0.12);
  padding: 0.55rem;
  border-radius: 999px;
  gap: 0.45rem;
}

.wm-planner-progress--premium button {
  color: rgba(255,255,255,0.64) !important;
  border: 1px solid transparent !important;
  background: transparent !important;
  min-height: 44px;
}

.wm-planner-progress--premium button.is-active,
.wm-planner-progress--premium button:hover,
.wm-planner-progress--premium button:focus-visible {
  color: var(--wm-white) !important;
  border-color: rgba(0,212,198,0.28) !important;
  background: linear-gradient(135deg, rgba(37,99,235,0.26), rgba(0,212,198,0.12)) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.06), 0 10px 24px rgba(0,0,0,0.22);
}

.wm-demo-signal-os .wm-planner-step h3,
.wm-demo-signal-os .wm-planner-success h3,
.wm-demo-signal-os .wm-planner-summary h3 {
  color: var(--wm-white);
}

.wm-demo-signal-os .wm-step-copy,
.wm-demo-signal-os .wm-privacy-note,
.wm-demo-signal-os .wm-summary-note,
.wm-demo-signal-os .wm-summary-empty {
  color: rgba(255,255,255,0.72);
}

.wm-demo-signal-os .wm-field,
.wm-demo-signal-os .wm-checkbox-grid legend,
.wm-demo-signal-os .wm-radio-row legend,
.wm-demo-signal-os .wm-radio-stack legend {
  color: rgba(255,255,255,0.82);
}

.wm-demo-signal-os .wm-field input,
.wm-demo-signal-os .wm-field textarea {
  color: var(--wm-white);
  border-color: rgba(255,255,255,0.14);
  background: rgba(5, 9, 20, 0.58);
}

.wm-demo-signal-os .wm-field input::placeholder,
.wm-demo-signal-os .wm-field textarea::placeholder {
  color: rgba(255,255,255,0.42);
}

.wm-choice-card--premium,
.wm-demo-signal-os .wm-checkbox-grid--premium label,
.wm-demo-signal-os .wm-radio-row--premium label,
.wm-demo-signal-os .wm-radio-stack--premium label {
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(5, 9, 20, 0.44);
  color: rgba(255,255,255,0.76);
  transition: transform 180ms ease, border-color 180ms ease, background 180ms ease, box-shadow 180ms ease;
}

.wm-choice-card--premium:hover,
.wm-choice-card--premium:focus-within,
.wm-choice-card--premium.is-checked,
.wm-demo-signal-os .wm-checkbox-grid--premium label:hover,
.wm-demo-signal-os .wm-checkbox-grid--premium label.is-checked,
.wm-demo-signal-os .wm-radio-row--premium label:hover,
.wm-demo-signal-os .wm-radio-row--premium label.is-checked,
.wm-demo-signal-os .wm-radio-stack--premium label:hover,
.wm-demo-signal-os .wm-radio-stack--premium label.is-checked {
  transform: translateY(-1px);
  border-color: rgba(0,212,198,0.45);
  background: linear-gradient(135deg, rgba(37,99,235,0.2), rgba(0,212,198,0.1));
  box-shadow: 0 16px 30px rgba(0,0,0,0.18);
  color: var(--wm-white);
}

.wm-choice-card--premium small {
  display: block;
  margin-top: 0.45rem;
  color: rgba(255,255,255,0.56);
  font-size: 0.78rem;
  line-height: 1.45;
}

.wm-planner-split-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.1rem;
}

.wm-planner-actions--premium {
  border-top: 1px solid rgba(255,255,255,0.12);
  margin-top: 1.35rem;
  padding-top: 1.25rem;
}

.wm-planner-success--premium {
  border-color: rgba(126,237,183,0.35);
  background: linear-gradient(135deg, rgba(126,237,183,0.13), rgba(0,212,198,0.08));
}

.wm-brief-score {
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(5, 9, 20, 0.5);
  border-radius: 22px;
  padding: 1rem;
  margin: 1rem 0 1.1rem;
}

.wm-brief-score > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  color: rgba(255,255,255,0.78);
  font-size: 0.86rem;
}

.wm-brief-score strong {
  color: var(--wm-mint-300);
  font-family: var(--wm-font-mono);
}

.wm-brief-score__track {
  display: block;
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255,255,255,0.08);
  margin-top: 0.75rem;
}

.wm-brief-score__track i {
  display: block;
  width: 0%;
  height: 100%;
  border-radius: inherit;
  background: var(--wm-gradient-flow);
  box-shadow: 0 0 18px rgba(0,212,198,0.45);
  transition: width 220ms ease;
}

.wm-planner-summary--premium dl div:first-child,
.wm-planner-summary--premium dl div:nth-child(2) {
  border-color: rgba(0,212,198,0.28);
  background: rgba(0,212,198,0.055);
}

.wm-planner-summary--premium dt {
  color: rgba(126,237,183,0.8);
}

.wm-planner-summary--premium dd {
  color: var(--wm-white);
}

.wm-summary-route {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 18px;
  padding: 0.9rem 1rem;
  background: rgba(5,9,20,0.42);
  color: rgba(255,255,255,0.68);
  font-size: 0.86rem;
}

.wm-summary-route strong {
  color: var(--wm-white);
  text-align: right;
}

.wm-next-steps-section--premium {
  background: #07101d;
  color: var(--wm-white);
}

.wm-next-steps-section--premium .wm-h2,
.wm-next-steps-section--premium .wm-body-large,
.wm-demo-faq-section--premium .wm-h2,
.wm-demo-faq-section--premium .wm-body-large {
  color: var(--wm-white);
}

.wm-demo-next-grid--premium .wm-signal-panel--premium,
.wm-demo-fit-grid--premium .wm-signal-panel--premium {
  min-height: 100%;
}

.wm-fit-mini-platform span {
  display: inline-flex;
  margin-bottom: 0.75rem;
  color: var(--wm-teal-400);
  font-family: var(--wm-font-mono);
  font-size: 0.72rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.wm-demo-fit-criteria--premium {
  background: linear-gradient(180deg, var(--wm-cloud-50), #fff);
}

.wm-fit-list--premium div {
  border-left: 2px solid var(--wm-teal-400);
  background: rgba(11,17,32,0.04);
  border-radius: 0 18px 18px 0;
}

@media (max-width: 980px) {
  .wm-planner-split-fields,
  .wm-demo-planner-layout--premium {
    grid-template-columns: 1fr;
  }

  .wm-planner-progress--premium {
    border-radius: 24px;
    overflow-x: auto;
    justify-content: flex-start;
  }

  .wm-planner-progress--premium button {
    min-width: max-content;
  }

  .wm-planner-summary--premium {
    position: static;
  }
}

@media (max-width: 640px) {
  .wm-demo-signal-os .wm-demo-hero__signals,
  .wm-summary-route,
  .wm-brief-score > div {
    align-items: flex-start;
    flex-direction: column;
  }

  .wm-demo-signal-os .wm-demo-hero-brief {
    min-height: auto;
  }

  .wm-demo-signal-os .wm-demo-radar {
    min-height: 120px;
  }
}

/* Slice 41 — Use Cases Premium Explorer */
.wm-usecases-v41 {
  background: var(--wm-navy-950);
}

.wm-usecases-v41-hero {
  min-height: auto;
  padding-top: clamp(6rem, 10vw, 9rem);
  padding-bottom: clamp(4.25rem, 8vw, 7rem);
}

.wm-usecases-v41-hero .wm-premium-hero__grid {
  align-items: center;
}

.wm-usecases-v41-hero__signals {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  margin-top: 1.5rem;
}

.wm-usecases-v41-hero__signals span {
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.055);
  color: rgba(255,255,255,0.74);
  border-radius: 999px;
  font-family: var(--wm-font-mono);
  font-size: 0.7rem;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 0.58rem 0.78rem;
}

.wm-usecases-v41-console {
  min-height: 470px;
  align-content: stretch;
}

.wm-usecases-v41-orbit {
  display: grid;
  gap: 0.78rem;
  margin: 1rem 0;
}

.wm-usecases-v41-orbit span {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  border: 1px solid rgba(255,255,255,0.11);
  background: rgba(255,255,255,0.055);
  color: rgba(255,255,255,0.86);
  font-family: var(--wm-font-mono);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 0.86rem 0.95rem;
  clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 14px 100%, 0 calc(100% - 14px));
}

.wm-usecases-v41-orbit span::after {
  content: "";
  flex: 0 0 auto;
  width: 0.62rem;
  height: 0.62rem;
  border-radius: 999px;
  background: var(--wm-gradient-flow);
  box-shadow: 0 0 30px rgba(0,212,198,0.42);
}

.wm-usecases-v41-console__brief {
  display: grid;
  gap: 0.75rem;
  margin-top: 1.1rem;
}

.wm-usecases-v41-console__brief div {
  border: 1px solid rgba(255,255,255,0.11);
  background: rgba(255,255,255,0.045);
  padding: 0.9rem 1rem;
}

.wm-usecases-v41-console__brief span,
.wm-usecases-v41-preview__top span,
.wm-usecases-v41-featured small,
.wm-usecases-v41-brief span,
.wm-usecases-v41-lists span,
.wm-usecases-v41-fit-card > span {
  display: block;
  color: var(--wm-teal-400);
  font-family: var(--wm-font-mono);
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.wm-usecases-v41-console__brief strong {
  display: block;
  margin-top: 0.28rem;
  color: rgba(255,255,255,0.88);
  font-size: 0.96rem;
  line-height: 1.35;
}

.wm-usecases-v41-routes {
  background:
    radial-gradient(circle at 22% 8%, rgba(0,212,198,0.10), transparent 24rem),
    var(--wm-cloud-50);
}

.wm-usecases-v41-route-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  margin-top: clamp(2rem, 4vw, 3rem);
}

.wm-usecases-v41-route-card,
.wm-page a.wm-usecases-v41-route-card {
  position: relative;
  overflow: hidden;
  min-height: 250px;
  display: grid;
  align-content: start;
  gap: 0.72rem;
  border: 1px solid rgba(11,17,32,0.10);
  background:
    radial-gradient(circle at 85% 12%, rgba(0,212,198,0.12), transparent 10rem),
    rgba(255,255,255,0.86);
  color: var(--wm-navy-950) !important;
  text-decoration: none !important;
  padding: clamp(1.1rem, 2.4vw, 1.45rem);
  box-shadow: 0 24px 74px rgba(11,17,32,0.07);
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease, background 180ms ease;
  clip-path: polygon(0 0, calc(100% - 22px) 0, 100% 22px, 100% 100%, 22px 100%, 0 calc(100% - 22px));
}

.wm-usecases-v41-route-card::before {
  content: "";
  position: absolute;
  left: 1rem;
  right: 1rem;
  top: 0;
  height: 3px;
  border-radius: 999px;
  background: var(--wm-gradient-flow);
  opacity: 0;
  transition: opacity 180ms ease;
}

.wm-usecases-v41-route-card:hover,
.wm-usecases-v41-route-card:focus-visible {
  transform: translateY(-4px);
  border-color: rgba(0,212,198,0.24);
  box-shadow: 0 34px 94px rgba(11,17,32,0.12);
  outline: none;
}

.wm-usecases-v41-route-card:focus-visible {
  box-shadow: 0 34px 94px rgba(11,17,32,0.12), 0 0 0 3px rgba(0,212,198,0.22);
}

.wm-usecases-v41-route-card:hover::before,
.wm-usecases-v41-route-card:focus-visible::before {
  opacity: 1;
}

.wm-usecases-v41-route-card > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.45rem;
  height: 2.45rem;
  border-radius: 999px;
  border: 1px solid rgba(37,99,235,0.18);
  background: rgba(37,99,235,0.06);
  color: var(--wm-blue-600);
  font-family: var(--wm-font-mono);
  font-size: 0.75rem;
  font-weight: 900;
}

.wm-usecases-v41-route-card strong {
  color: var(--wm-navy-950);
  font-family: var(--wm-font-heading);
  font-size: clamp(1.08rem, 1.5vw, 1.3rem);
  letter-spacing: -0.035em;
  line-height: 1.08;
}

.wm-usecases-v41-route-card small,
.wm-usecases-v41-route-card em {
  display: block;
  color: rgba(11,17,32,0.64);
  font-size: 0.92rem;
  line-height: 1.45;
}

.wm-usecases-v41-route-card em {
  align-self: end;
  color: rgba(11,17,32,0.74);
  font-style: normal;
  font-weight: 760;
}

.wm-usecases-v41-explorer {
  position: relative;
  overflow: hidden;
}

.wm-usecases-v41-explorer::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px),
    radial-gradient(circle at 72% 16%, rgba(0,212,198,0.18), transparent 26rem);
  background-size: 42px 42px, 42px 42px, auto;
  opacity: 0.78;
}

.wm-usecases-v41-explorer > * {
  position: relative;
  z-index: 1;
}

.wm-usecases-v41-intro {
  max-width: 880px;
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

.wm-usecases-v41-intro .wm-h2,
.wm-usecases-v41-intro .wm-body-large {
  color: var(--wm-white);
}

.wm-usecases-v41-intro .wm-body-large {
  color: rgba(255,255,255,0.72);
}

.wm-usecases-v41-shell {
  display: grid;
  grid-template-columns: minmax(260px, 0.34fr) minmax(0, 1fr);
  gap: clamp(1rem, 3vw, 1.35rem);
  align-items: stretch;
  border: 1px solid rgba(255,255,255,0.12);
  background: linear-gradient(145deg, rgba(255,255,255,0.08), rgba(255,255,255,0.035));
  box-shadow: 0 40px 120px rgba(0,0,0,0.36), inset 0 1px 0 rgba(255,255,255,0.08);
  padding: clamp(0.7rem, 2vw, 1rem);
  clip-path: polygon(0 0, calc(100% - 30px) 0, 100% 30px, 100% 100%, 30px 100%, 0 calc(100% - 30px));
}

.wm-usecases-v41-selector {
  display: grid;
  gap: 0.58rem;
  align-content: start;
  padding: 0.25rem;
}

.wm-usecases-v41-tab {
  width: 100%;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.28rem 0.72rem;
  align-items: center;
  text-align: left;
  border: 1px solid rgba(255,255,255,0.11);
  background: rgba(255,255,255,0.045);
  color: rgba(255,255,255,0.78);
  cursor: pointer;
  padding: 0.9rem 0.95rem;
  transition: transform 180ms ease, border-color 180ms ease, background 180ms ease, color 180ms ease, box-shadow 180ms ease;
  clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 14px 100%, 0 calc(100% - 14px));
}

.wm-usecases-v41-tab span {
  grid-row: 1 / span 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.15rem;
  height: 2.15rem;
  border-radius: 999px;
  border: 1px solid rgba(0,212,198,0.22);
  background: rgba(0,212,198,0.075);
  color: var(--wm-teal-400);
  font-family: var(--wm-font-mono);
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.08em;
}

.wm-usecases-v41-tab strong,
.wm-usecases-v41-tab small {
  display: block;
  min-width: 0;
}

.wm-usecases-v41-tab strong {
  color: var(--wm-white);
  font-size: 0.98rem;
  line-height: 1.1;
}

.wm-usecases-v41-tab small {
  color: rgba(255,255,255,0.55);
  font-size: 0.78rem;
  line-height: 1.32;
}

.wm-usecases-v41-tab:hover,
.wm-usecases-v41-tab:focus-visible {
  transform: translateX(4px);
  border-color: rgba(0,212,198,0.38);
  background: rgba(255,255,255,0.075);
  outline: none;
}

.wm-usecases-v41-tab:focus-visible {
  box-shadow: 0 0 0 3px rgba(0,212,198,0.24);
}

.wm-usecases-v41-tab[aria-selected="true"] {
  border-color: rgba(0,212,198,0.44);
  background:
    linear-gradient(135deg, rgba(37,99,235,0.22), rgba(0,212,198,0.13)),
    rgba(255,255,255,0.075);
  color: var(--wm-white);
  box-shadow: 0 18px 48px rgba(0,212,198,0.10);
}

.wm-usecases-v41-panels {
  min-width: 0;
}

.wm-usecases-v41-panel {
  min-height: 100%;
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(310px, 0.72fr);
  gap: clamp(1.2rem, 3vw, 2rem);
  align-items: stretch;
  border: 1px solid rgba(255,255,255,0.11);
  background:
    radial-gradient(circle at 88% 10%, rgba(126,237,183,0.11), transparent 20rem),
    linear-gradient(145deg, rgba(11,17,32,0.54), rgba(19,35,58,0.70));
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.08);
  padding: clamp(1.2rem, 3.2vw, 2.1rem);
  clip-path: polygon(0 0, calc(100% - 24px) 0, 100% 24px, 100% 100%, 24px 100%, 0 calc(100% - 24px));
}

.wm-usecases-v41-panel[hidden] {
  display: none;
}

.wm-usecases-v41-copy {
  align-self: center;
}

.wm-usecases-v41-copy h3 {
  margin: 0 0 0.95rem;
  max-width: 760px;
  color: var(--wm-white);
  font-family: var(--wm-font-heading);
  font-size: clamp(2rem, 4vw, 4.45rem);
  letter-spacing: -0.06em;
  line-height: 0.98;
}

.wm-usecases-v41-copy > p:not(.wm-kicker) {
  max-width: 720px;
  color: rgba(255,255,255,0.71);
  font-size: 1.04rem;
  line-height: 1.68;
}

.wm-usecases-v41-lists {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.9rem;
  margin: clamp(1.25rem, 3vw, 1.7rem) 0;
}

.wm-usecases-v41-lists > div {
  border: 1px solid rgba(255,255,255,0.11);
  background: rgba(255,255,255,0.045);
  padding: 1rem;
  clip-path: polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 16px 100%, 0 calc(100% - 16px));
}

.wm-usecases-v41-lists ul {
  display: grid;
  gap: 0.45rem;
  margin: 0.72rem 0 0;
  padding: 0;
  list-style: none;
}

.wm-usecases-v41-lists li {
  position: relative;
  padding-left: 1.05rem;
  color: rgba(255,255,255,0.78);
  font-weight: 780;
  line-height: 1.35;
}

.wm-usecases-v41-lists li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.52rem;
  width: 0.38rem;
  height: 0.38rem;
  border-radius: 999px;
  background: var(--wm-gradient-flow);
}

.wm-usecases-v41-preview {
  display: grid;
  gap: 0.95rem;
  align-content: start;
  border: 1px solid rgba(255,255,255,0.14);
  background:
    radial-gradient(circle at 74% 18%, rgba(0,212,198,0.18), transparent 18rem),
    linear-gradient(160deg, rgba(255,255,255,0.09), rgba(255,255,255,0.035)),
    #071020;
  padding: clamp(1rem, 2.4vw, 1.25rem);
  box-shadow: 0 30px 90px rgba(0,0,0,0.32), inset 0 1px 0 rgba(255,255,255,0.08);
  clip-path: polygon(0 0, calc(100% - 24px) 0, 100% 24px, 100% 100%, 24px 100%, 0 calc(100% - 24px));
}

.wm-usecases-v41-preview__top {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.38rem 0.75rem;
  align-items: center;
  padding-bottom: 0.85rem;
  border-bottom: 1px solid rgba(255,255,255,0.11);
}

.wm-usecases-v41-preview__top strong {
  grid-column: 1 / 2;
  color: var(--wm-white);
  font-family: var(--wm-font-heading);
  font-size: clamp(1rem, 2vw, 1.28rem);
  letter-spacing: -0.035em;
  line-height: 1.1;
}

.wm-usecases-v41-preview__top em {
  grid-column: 2 / 3;
  grid-row: 1 / span 2;
  justify-self: end;
  border: 1px solid rgba(126,237,183,0.22);
  border-radius: 999px;
  background: rgba(126,237,183,0.10);
  color: var(--wm-mint-300);
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 900;
  padding: 0.45rem 0.65rem;
  white-space: nowrap;
}

.wm-usecases-v41-featured {
  min-height: 210px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 1rem;
  align-items: end;
  border: 1px solid rgba(255,255,255,0.12);
  background:
    linear-gradient(rgba(255,255,255,0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.04) 1px, transparent 1px),
    radial-gradient(circle at 55% 40%, rgba(37,99,235,0.30), transparent 14rem),
    radial-gradient(circle at 80% 24%, rgba(0,212,198,0.24), transparent 12rem),
    rgba(255,255,255,0.045);
  background-size: 34px 34px, 34px 34px, auto, auto, auto;
  padding: 1rem;
  overflow: hidden;
  clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 18px 100%, 0 calc(100% - 18px));
}

.wm-usecases-v41-featured strong {
  display: block;
  margin-top: 0.32rem;
  color: var(--wm-white);
  font-family: var(--wm-font-heading);
  font-size: clamp(1.05rem, 2.4vw, 1.55rem);
  letter-spacing: -0.04em;
  line-height: 1.05;
}

.wm-usecases-v41-play {
  width: 3.5rem;
  height: 3.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(0,212,198,0.45);
  border-radius: 999px;
  background: rgba(0,212,198,0.13);
  box-shadow: 0 0 36px rgba(0,212,198,0.16);
}

.wm-usecases-v41-play span {
  width: 0;
  height: 0;
  margin-left: 0.22rem;
  border-top: 0.55rem solid transparent;
  border-bottom: 0.55rem solid transparent;
  border-left: 0.85rem solid var(--wm-white);
}

.wm-usecases-v41-module-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.65rem;
}

.wm-usecases-v41-module-grid span {
  min-height: 4.2rem;
  display: flex;
  align-items: end;
  border: 1px solid rgba(255,255,255,0.11);
  background: rgba(255,255,255,0.055);
  color: rgba(255,255,255,0.84);
  font-weight: 850;
  padding: 0.82rem;
  clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 14px 100%, 0 calc(100% - 14px));
}

.wm-usecases-v41-brief {
  display: grid;
  gap: 0.65rem;
}

.wm-usecases-v41-brief > div {
  border: 1px solid rgba(255,255,255,0.11);
  background: rgba(255,255,255,0.045);
  padding: 0.85rem;
}

.wm-usecases-v41-brief strong {
  display: block;
  margin-top: 0.3rem;
  color: rgba(255,255,255,0.86);
  font-size: 0.92rem;
  line-height: 1.35;
}

.wm-usecases-v41-mobile {
  display: none;
}

.wm-usecases-v41-fit {
  position: relative;
  overflow: hidden;
}

.wm-usecases-v41-fit-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  margin-top: clamp(2rem, 4vw, 3rem);
}

.wm-usecases-v41-fit-card {
  min-height: 260px;
}

.wm-usecases-v41-fit-card .wm-kicker {
  margin-top: 0.95rem;
  color: var(--wm-blue-600);
}

.wm-usecases-v41-foundation {
  overflow: hidden;
}

.wm-usecases-v41-foundation__grid {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(320px, 0.62fr);
  gap: clamp(1.5rem, 4vw, 3rem);
  align-items: center;
}

.wm-usecases-v41-foundation .wm-h2,
.wm-usecases-v41-foundation .wm-body-large {
  color: var(--wm-white);
}

.wm-usecases-v41-foundation .wm-body-large {
  color: rgba(255,255,255,0.72);
}

.wm-usecases-v41-feature-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  margin-top: clamp(2rem, 4vw, 3rem);
}

.wm-usecases-v41-feature-grid div {
  min-height: 94px;
  display: flex;
  align-items: end;
  border: 1px solid rgba(255,255,255,0.11);
  background: rgba(255,255,255,0.055);
  color: rgba(255,255,255,0.84);
  font-weight: 850;
  padding: 1rem;
  clip-path: polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 16px 100%, 0 calc(100% - 16px));
}

.wm-usecases-v41-feature-grid span {
  display: block;
}

.wm-usecases-v41-accordion .wm-faq__answer h3 {
  margin: 0.4rem 0 0.75rem;
  color: var(--wm-white);
  font-family: var(--wm-font-heading);
  letter-spacing: -0.035em;
  line-height: 1.05;
}

.wm-usecases-v41-accordion .wm-faq__answer p {
  color: rgba(255,255,255,0.72);
}

.wm-usecases-v41-cta {
  border-radius: 0;
}

@media (max-width: 1180px) {
  .wm-usecases-v41-route-grid,
  .wm-usecases-v41-fit-grid,
  .wm-usecases-v41-feature-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 1080px) {
  .wm-usecases-v41-shell,
  .wm-usecases-v41-panel,
  .wm-usecases-v41-foundation__grid {
    grid-template-columns: 1fr;
  }

  .wm-usecases-v41-selector {
    grid-auto-flow: column;
    grid-auto-columns: minmax(230px, 1fr);
    overflow-x: auto;
    padding-bottom: 0.35rem;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }

  .wm-usecases-v41-tab {
    scroll-snap-align: start;
  }

  .wm-usecases-v41-tab:hover,
  .wm-usecases-v41-tab:focus-visible {
    transform: translateY(-2px);
  }
}

@media (max-width: 760px) {
  .wm-usecases-v41-console {
    min-height: auto;
  }

  .wm-usecases-v41-route-grid,
  .wm-usecases-v41-fit-grid,
  .wm-usecases-v41-feature-grid,
  .wm-usecases-v41-lists,
  .wm-usecases-v41-module-grid,
  .wm-usecases-v41-preview__top {
    grid-template-columns: 1fr;
  }

  .wm-usecases-v41-route-card {
    min-height: 0;
  }

  .wm-usecases-v41-shell {
    display: none;
  }

  .wm-usecases-v41-mobile {
    display: grid;
    gap: 0.8rem;
  }

  .wm-usecases-v41-panel,
  .wm-usecases-v41-preview {
    padding: 1rem;
    clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 18px 100%, 0 calc(100% - 18px));
  }

  .wm-usecases-v41-copy h3 {
    font-size: clamp(1.9rem, 12vw, 3.1rem);
  }

  .wm-usecases-v41-preview__top em {
    grid-column: 1;
    grid-row: auto;
    justify-self: start;
  }

  .wm-usecases-v41-featured {
    min-height: 210px;
    grid-template-columns: 1fr;
    align-items: end;
  }
}

@media (prefers-reduced-motion: reduce) {
  .wm-usecases-v41-route-card,
  .wm-usecases-v41-tab,
  .wm-usecases-v41-play {
    transition: none !important;
  }
}

/* Slice 42: About + Resources Editorial Polish */
.wm-page--about-v42,
.wm-page--resources-v42 {
  background: var(--wm-white);
}

.wm-about-v42-hero,
.wm-resources-v42-hero {
  min-height: min(860px, calc(100vh - 60px));
  display: flex;
  align-items: center;
  overflow: hidden;
}

.wm-about-v42-hero::before,
.wm-resources-v42-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px);
  background-size: 44px 44px;
  mask-image: radial-gradient(circle at 64% 28%, black 0, transparent 68%);
  opacity: 0.42;
  pointer-events: none;
}

.wm-about-v42-hero__grid,
.wm-resources-v42-hero__grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(340px, 0.78fr);
  gap: clamp(2rem, 5vw, 5rem);
  align-items: center;
}

.wm-about-v42-hero .wm-h1,
.wm-resources-v42-hero .wm-h1 {
  color: var(--wm-white);
}

.wm-about-v42-hero .wm-body-large,
.wm-resources-v42-hero .wm-body-large {
  color: rgba(255,255,255,0.74);
}

.wm-about-v42-manifesto,
.wm-resources-v42-console {
  padding: 1rem;
  box-shadow: 0 34px 110px rgba(0,0,0,0.34), 0 0 80px rgba(0,212,198,0.10);
}

.wm-about-v42-manifesto__screen,
.wm-resources-v42-console__screen {
  position: relative;
  min-height: 330px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,0.11);
  background:
    radial-gradient(circle at 72% 20%, rgba(0,212,198,0.26), transparent 34%),
    radial-gradient(circle at 18% 18%, rgba(37,99,235,0.23), transparent 38%),
    linear-gradient(135deg, rgba(255,255,255,0.055), rgba(255,255,255,0.025));
  padding: clamp(1.1rem, 3vw, 1.7rem);
  clip-path: polygon(0 0, calc(100% - 22px) 0, 100% 22px, 100% 100%, 22px 100%, 0 calc(100% - 22px));
}

.wm-about-v42-manifesto__screen::before,
.wm-resources-v42-console__screen::before {
  content: "";
  position: absolute;
  inset: 16px;
  border: 1px solid rgba(255,255,255,0.06);
  pointer-events: none;
}

.wm-about-v42-manifesto__screen > *,
.wm-resources-v42-console__screen > * {
  position: relative;
  z-index: 1;
}

.wm-about-v42-manifesto__screen h2,
.wm-resources-v42-console__screen h2 {
  max-width: 520px;
  margin: 1rem 0 0.8rem;
  color: var(--wm-white);
  font-family: var(--wm-font-heading);
  font-size: clamp(2rem, 4vw, 3.5rem);
  line-height: 0.96;
  letter-spacing: -0.055em;
}

.wm-about-v42-manifesto__screen p,
.wm-resources-v42-console__screen p {
  max-width: 440px;
  margin: 0 0 1.2rem;
  color: rgba(255,255,255,0.74);
}

.wm-about-v42-manifesto__tiles,
.wm-resources-v42-console__stack {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.65rem;
  margin-top: 0.75rem;
}

.wm-about-v42-manifesto__tiles span,
.wm-resources-v42-console__stack span {
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.055);
  color: rgba(255,255,255,0.8);
  font-family: var(--wm-font-mono);
  font-size: 0.67rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 0.75rem 0.7rem;
  text-align: center;
}

.wm-about-v42-origin__grid,
.wm-resources-v42-bridge__grid {
  display: grid;
  grid-template-columns: minmax(300px, 0.78fr) minmax(0, 1fr);
  gap: clamp(2rem, 5vw, 4rem);
  align-items: center;
}

.wm-about-v42-origin__wave {
  min-height: 430px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background:
    radial-gradient(circle at 50% 50%, rgba(0,212,198,0.22), transparent 44%),
    var(--wm-navy-950);
  padding: clamp(1.2rem, 3vw, 2rem);
}

.wm-about-v42-wave-orbit {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
}

.wm-about-v42-wave-orbit span {
  min-height: 92px;
  display: flex;
  align-items: end;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.045);
  color: rgba(255,255,255,0.84);
  font-family: var(--wm-font-heading);
  font-weight: 850;
  letter-spacing: -0.035em;
  padding: 0.9rem;
}

.wm-about-v42-origin blockquote {
  margin: 1.5rem 0 0;
  border-left: 3px solid var(--wm-teal-400);
  color: var(--wm-navy-950);
  font-family: var(--wm-font-heading);
  font-size: clamp(1.4rem, 2.5vw, 2.2rem);
  line-height: 1.13;
  letter-spacing: -0.04em;
  padding-left: 1rem;
}

.wm-about-v42-belief__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin-top: clamp(2rem, 4vw, 3rem);
}

.wm-about-v42-belief-card {
  position: relative;
  overflow: hidden;
  min-height: 430px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid rgba(11,17,32,0.12);
  background: var(--wm-white);
  padding: clamp(1.25rem, 3vw, 2rem);
  clip-path: polygon(0 0, calc(100% - 24px) 0, 100% 24px, 100% 100%, 24px 100%, 0 calc(100% - 24px));
}

.wm-about-v42-belief-card--owned {
  background:
    radial-gradient(circle at 78% 12%, rgba(0,212,198,0.18), transparent 34%),
    var(--wm-navy-950);
  border-color: rgba(0,212,198,0.28);
  color: var(--wm-white);
}

.wm-about-v42-belief-card > span {
  width: fit-content;
  border: 1px solid currentColor;
  border-radius: 999px;
  color: var(--wm-blue-600);
  font-family: var(--wm-font-mono);
  font-size: 0.68rem;
  font-weight: 850;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 0.45rem 0.7rem;
}

.wm-about-v42-belief-card--owned > span {
  color: var(--wm-teal-400);
}

.wm-about-v42-belief-card h3 {
  max-width: 680px;
  color: inherit;
  font-family: var(--wm-font-heading);
  font-size: clamp(2rem, 4vw, 3.4rem);
  line-height: 0.98;
  letter-spacing: -0.055em;
  margin: 2rem 0;
}

.wm-about-v42-belief-card ul,
.wm-platform-brief-card--premium ul {
  display: grid;
  gap: 0.7rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

.wm-about-v42-belief-card li,
.wm-platform-brief-card--premium li {
  position: relative;
  color: rgba(11,17,32,0.72);
  font-weight: 750;
  padding-left: 1.1rem;
}

.wm-about-v42-belief-card li::before,
.wm-platform-brief-card--premium li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.62em;
  width: 0.42rem;
  height: 0.42rem;
  border-radius: 999px;
  background: var(--wm-teal-400);
  box-shadow: 0 0 20px rgba(0,212,198,0.35);
}

.wm-about-v42-belief-card--owned li {
  color: rgba(255,255,255,0.76);
}

.wm-about-v42-mission__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.wm-about-v42-statement {
  min-height: 390px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.055);
  padding: clamp(1.3rem, 3vw, 2.2rem);
  clip-path: polygon(0 0, calc(100% - 26px) 0, 100% 26px, 100% 100%, 26px 100%, 0 calc(100% - 26px));
}

.wm-about-v42-statement h2 {
  color: var(--wm-white);
  font-family: var(--wm-font-heading);
  font-size: clamp(2rem, 4vw, 3.5rem);
  line-height: 0.98;
  letter-spacing: -0.055em;
}

.wm-about-v42-statement p:not(.wm-kicker) {
  color: rgba(255,255,255,0.72);
  font-size: 1.05rem;
  line-height: 1.65;
}

.wm-about-v42-values__grid,
.wm-about-v42-signals,
.wm-resources-v42-featured__grid,
.wm-resources-v42-route-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin-top: clamp(2rem, 4vw, 3rem);
}

.wm-about-v42-value {
  min-height: 290px;
  padding: 1.25rem;
}

.wm-about-v42-value > span {
  display: inline-flex;
  color: var(--wm-teal-400);
  font-family: var(--wm-font-mono);
  font-weight: 850;
  letter-spacing: 0.14em;
}

.wm-about-v42-value h3,
.wm-resources-v42-featured-card h3,
.wm-resources-v42-card h3,
.wm-resources-v42-route-card h3,
.wm-about-v42-signals h3 {
  color: var(--wm-white);
  font-family: var(--wm-font-heading);
  line-height: 1.05;
  letter-spacing: -0.04em;
}

.wm-about-v42-value p,
.wm-resources-v42-featured-card p,
.wm-resources-v42-card p,
.wm-resources-v42-route-card p,
.wm-about-v42-signals p {
  color: rgba(255,255,255,0.72);
  line-height: 1.6;
}

.wm-about-v42-audience__grid {
  display: grid;
  grid-template-columns: minmax(0, 0.74fr) minmax(0, 1fr);
  gap: clamp(2rem, 5vw, 4rem);
  align-items: start;
}

.wm-about-v42-audience__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.85rem;
}

.wm-about-v42-audience__list article {
  border: 1px solid rgba(11,17,32,0.12);
  background: var(--wm-white);
  padding: 1rem;
  min-height: 132px;
  clip-path: polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 16px 100%, 0 calc(100% - 16px));
}

.wm-about-v42-audience__list strong,
.wm-about-v42-audience__list span {
  display: block;
}

.wm-about-v42-audience__list strong {
  margin-bottom: 0.5rem;
  font-family: var(--wm-font-heading);
  font-size: 1.15rem;
  letter-spacing: -0.035em;
}

.wm-about-v42-audience__list span {
  color: rgba(11,17,32,0.66);
  line-height: 1.55;
}

.wm-about-v42-signals article {
  min-height: 250px;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.055);
  padding: 1.25rem;
  clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 20px 100%, 0 calc(100% - 20px));
}

.wm-resources-v42-featured-card {
  min-height: 350px;
  padding: 1.25rem;
}

.wm-resources-v42-featured-card > span,
.wm-resources-v42-card__meta span,
.wm-resources-v42-console__stack span {
  font-family: var(--wm-font-mono);
}

.wm-resources-v42-featured-card > span {
  display: inline-flex;
  color: var(--wm-teal-400);
  font-size: 0.72rem;
  font-weight: 850;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin-bottom: 1.2rem;
}

.wm-resources-v42-featured-card a,
.wm-resources-v42-card a,
.wm-resources-v42-route-card a {
  display: inline-flex;
  width: fit-content;
  color: var(--wm-teal-400);
  font-weight: 850;
  text-decoration: none;
  margin-top: auto;
}

.wm-resources-v42-tabs .wm-tabpanels {
  margin-top: 1rem;
}

.wm-resources-v42-panel {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1fr);
  gap: clamp(1rem, 3vw, 2rem);
  align-items: center;
  border: 1px solid rgba(11,17,32,0.12);
  background: var(--wm-white);
  padding: clamp(1.25rem, 4vw, 2.3rem);
  clip-path: polygon(0 0, calc(100% - 26px) 0, 100% 26px, 100% 100%, 26px 100%, 0 calc(100% - 26px));
}

.wm-resources-v42-panel[hidden] {
  display: none;
}

.wm-resources-v42-panel h3 {
  color: var(--wm-navy-950);
  font-family: var(--wm-font-heading);
  font-size: clamp(1.8rem, 3.2vw, 3rem);
  line-height: 1;
  letter-spacing: -0.05em;
  margin: 0 0 0.9rem;
}

.wm-resources-v42-panel p {
  color: rgba(11,17,32,0.7);
  line-height: 1.65;
}

.wm-resources-v42-chip-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
}

.wm-resources-v42-chip-grid span {
  min-height: 86px;
  display: flex;
  align-items: end;
  border: 1px solid rgba(11,17,32,0.10);
  background: var(--wm-cloud-50);
  color: var(--wm-navy-950);
  font-weight: 850;
  padding: 0.9rem;
  clip-path: polygon(0 0, calc(100% - 15px) 0, 100% 15px, 100% 100%, 15px 100%, 0 calc(100% - 15px));
}

.wm-resources-v42-library__top {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: end;
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

.wm-resources-v42-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.wm-resources-v42-card {
  min-height: 340px;
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(11,17,32,0.12);
  background:
    linear-gradient(180deg, rgba(242,245,247,0.82), rgba(255,255,255,0.98));
  padding: 1.15rem;
  clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 18px 100%, 0 calc(100% - 18px));
}

.wm-resources-v42-card h3 {
  color: var(--wm-navy-950);
}

.wm-resources-v42-card p {
  color: rgba(11,17,32,0.68);
}

.wm-resources-v42-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin-bottom: 1rem;
}

.wm-resources-v42-card__meta span {
  border: 1px solid rgba(11,17,32,0.11);
  border-radius: 999px;
  color: rgba(11,17,32,0.7);
  font-size: 0.66rem;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 0.35rem 0.55rem;
}

.wm-resources-v42-routes .wm-h2,
.wm-resources-v42-routes .wm-body-large {
  color: var(--wm-white);
}

.wm-resources-v42-routes .wm-body-large {
  color: rgba(255,255,255,0.72);
}

.wm-resources-v42-route-card {
  min-height: 330px;
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.055);
  padding: 1.25rem;
  clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 20px 100%, 0 calc(100% - 20px));
}

.wm-resources-v42-route-card div {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: auto;
}

.wm-resources-v42-route-card div a {
  border: 1px solid rgba(0,212,198,0.35);
  border-radius: 999px;
  padding: 0.55rem 0.75rem;
}

.wm-resources-v42-bridge__grid {
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.58fr);
}

.wm-platform-brief-card--premium h3 {
  color: var(--wm-white);
  font-family: var(--wm-font-heading);
  font-size: clamp(1.5rem, 2.4vw, 2.2rem);
  line-height: 1.05;
  letter-spacing: -0.04em;
}

.wm-platform-brief-card--premium li {
  color: rgba(255,255,255,0.76);
}

@media (max-width: 1180px) {
  .wm-about-v42-values__grid,
  .wm-about-v42-signals,
  .wm-resources-v42-featured__grid,
  .wm-resources-v42-grid,
  .wm-resources-v42-route-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 980px) {
  .wm-about-v42-hero__grid,
  .wm-resources-v42-hero__grid,
  .wm-about-v42-origin__grid,
  .wm-about-v42-mission__grid,
  .wm-about-v42-audience__grid,
  .wm-resources-v42-panel,
  .wm-resources-v42-bridge__grid {
    grid-template-columns: 1fr;
  }

  .wm-resources-v42-library__top {
    align-items: start;
    flex-direction: column;
  }
}

@media (max-width: 760px) {
  .wm-about-v42-manifesto__tiles,
  .wm-resources-v42-console__stack,
  .wm-about-v42-belief__grid,
  .wm-about-v42-values__grid,
  .wm-about-v42-signals,
  .wm-about-v42-audience__list,
  .wm-resources-v42-featured__grid,
  .wm-resources-v42-grid,
  .wm-resources-v42-route-grid,
  .wm-resources-v42-chip-grid,
  .wm-about-v42-wave-orbit {
    grid-template-columns: 1fr;
  }

  .wm-about-v42-manifesto__screen,
  .wm-resources-v42-console__screen {
    min-height: 260px;
  }

  .wm-about-v42-belief-card,
  .wm-about-v42-statement,
  .wm-resources-v42-card,
  .wm-resources-v42-route-card,
  .wm-resources-v42-featured-card {
    min-height: 0;
  }

  .wm-about-v42-belief-card h3 {
    font-size: clamp(1.75rem, 10vw, 2.65rem);
  }
}

/* Slice 43: Motion and Interaction Polish */
.wm-motion-ready .wm-page {
  scroll-behavior: smooth;
}

.wm-motion-ready [data-wm-reveal] {
  opacity: 0;
  transform: translateY(26px) scale(0.985);
  filter: blur(8px);
  transition:
    opacity 760ms cubic-bezier(0.22, 1, 0.36, 1),
    transform 760ms cubic-bezier(0.22, 1, 0.36, 1),
    filter 760ms cubic-bezier(0.22, 1, 0.36, 1);
  transition-delay: var(--wm-reveal-delay, 0ms);
  will-change: opacity, transform, filter;
}

.wm-motion-ready [data-wm-reveal].is-visible {
  opacity: 1;
  transform: translateY(0) scale(1);
  filter: blur(0);
}

.wm-motion-ready .wm-motion-reveal-left {
  transform: translateX(-28px) scale(0.985);
}

.wm-motion-ready .wm-motion-reveal-right {
  transform: translateX(28px) scale(0.985);
}

.wm-motion-ready .wm-motion-reveal-soft {
  transform: translateY(16px) scale(0.995);
}

.wm-has-pointer-glow {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

.wm-has-pointer-glow > :not(.wm-motion-glow) {
  position: relative;
  z-index: 1;
}

.wm-motion-glow {
  position: absolute;
  z-index: 0;
  inset: -1px;
  pointer-events: none;
  opacity: 0;
  background:
    radial-gradient(circle at var(--wm-pointer-x, 50%) var(--wm-pointer-y, 50%), rgba(0, 212, 198, 0.22), rgba(37, 99, 235, 0.10) 22%, transparent 48%);
  transition: opacity 240ms ease;
}

.wm-has-pointer-glow.is-pointer-active .wm-motion-glow,
.wm-has-pointer-glow:focus-within .wm-motion-glow {
  opacity: 1;
}

.wm-motion-ready .wm-button--premium,
.wm-motion-ready .wm-button--ghost-light {
  transform: translate(var(--wm-magnetic-x, 0), var(--wm-magnetic-y, 0));
  transition:
    transform 180ms ease,
    border-color 220ms ease,
    background-color 220ms ease,
    box-shadow 220ms ease;
  will-change: transform;
}

.wm-motion-ready .wm-button--premium:hover,
.wm-motion-ready .wm-button--premium:focus-visible {
  box-shadow:
    0 22px 70px rgba(0, 212, 198, 0.28),
    0 0 0 1px rgba(126, 237, 183, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.42);
}

.wm-motion-ready .wm-button--ghost-light:hover,
.wm-motion-ready .wm-button--ghost-light:focus-visible {
  box-shadow:
    0 20px 56px rgba(0, 0, 0, 0.26),
    0 0 0 1px rgba(0, 212, 198, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.16);
}

.wm-motion-ready .wm-media-console,
.wm-motion-ready .wm-platform-brief-card,
.wm-motion-ready .wm-platform-brief-card--premium {
  transform: perspective(1200px) rotateX(var(--wm-tilt-y, 0deg)) rotateY(var(--wm-tilt-x, 0deg)) translate3d(0, 0, 0);
  transition: transform 260ms ease, box-shadow 260ms ease, border-color 260ms ease;
  transform-style: preserve-3d;
}

.wm-motion-ready .wm-media-console.is-pointer-active,
.wm-motion-ready .wm-platform-brief-card.is-pointer-active,
.wm-motion-ready .wm-platform-brief-card--premium.is-pointer-active {
  border-color: rgba(0, 212, 198, 0.30);
  box-shadow:
    0 38px 110px rgba(0, 0, 0, 0.40),
    0 0 0 1px rgba(0, 212, 198, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.10);
}

.wm-motion-ready .wm-media-console__rail article,
.wm-motion-ready .wm-media-console__tiles span,
.wm-motion-ready .wm-media-stack span,
.wm-motion-ready .wm-about-v42-wave-orbit span,
.wm-motion-ready .wm-resources-v42-console__stack span {
  animation: wmMicroFloat 7s ease-in-out infinite;
  animation-delay: var(--wm-float-delay, 0ms);
}

.wm-motion-ready .wm-media-console__rail article:nth-child(2),
.wm-motion-ready .wm-media-console__tiles span:nth-child(2),
.wm-motion-ready .wm-media-stack span:nth-child(2),
.wm-motion-ready .wm-about-v42-wave-orbit span:nth-child(2),
.wm-motion-ready .wm-resources-v42-console__stack span:nth-child(2) {
  --wm-float-delay: 700ms;
}

.wm-motion-ready .wm-media-console__rail article:nth-child(3),
.wm-motion-ready .wm-media-console__tiles span:nth-child(3),
.wm-motion-ready .wm-media-stack span:nth-child(3),
.wm-motion-ready .wm-about-v42-wave-orbit span:nth-child(3),
.wm-motion-ready .wm-resources-v42-console__stack span:nth-child(3) {
  --wm-float-delay: 1400ms;
}

.wm-motion-ready .wm-media-console__tiles span:nth-child(4),
.wm-motion-ready .wm-about-v42-wave-orbit span:nth-child(4),
.wm-motion-ready .wm-resources-v42-console__stack span:nth-child(4) {
  --wm-float-delay: 2100ms;
}

@keyframes wmMicroFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-5px); }
}

.wm-motion-ready .wm-signal-panel--premium,
.wm-motion-ready .wm-feature-card,
.wm-motion-ready .wm-usecase-v41-route-card,
.wm-motion-ready .wm-resources-v42-card,
.wm-motion-ready .wm-resources-v42-featured-card,
.wm-motion-ready .wm-about-v42-belief-card,
.wm-motion-ready .wm-about-v42-value-card,
.wm-motion-ready .wm-demo-v40-fit-card {
  transition:
    transform 260ms cubic-bezier(0.22, 1, 0.36, 1),
    border-color 260ms ease,
    box-shadow 260ms ease,
    background-color 260ms ease;
  will-change: transform;
}

.wm-motion-ready .wm-feature-card:hover,
.wm-motion-ready .wm-usecase-v41-route-card:hover,
.wm-motion-ready .wm-resources-v42-card:hover,
.wm-motion-ready .wm-resources-v42-featured-card:hover,
.wm-motion-ready .wm-about-v42-belief-card:hover,
.wm-motion-ready .wm-about-v42-value-card:hover,
.wm-motion-ready .wm-demo-v40-fit-card:hover {
  transform: translateY(-5px);
  border-color: rgba(0, 212, 198, 0.28);
  box-shadow: 0 30px 80px rgba(11, 17, 32, 0.14), 0 0 0 1px rgba(0, 212, 198, 0.05);
}

.wm-motion-ready .wm-tablist [role="tab"],
.wm-motion-ready [data-wm-tabs] [role="tab"],
.wm-motion-ready .wm-usecase-v41-route-card,
.wm-motion-ready .wm-demo-progress button {
  transition:
    transform 180ms ease,
    border-color 220ms ease,
    background-color 220ms ease,
    color 220ms ease,
    box-shadow 220ms ease;
}

.wm-motion-ready .wm-tablist [role="tab"]:hover,
.wm-motion-ready [data-wm-tabs] [role="tab"]:hover,
.wm-motion-ready .wm-demo-progress button:hover {
  transform: translateY(-2px);
}

.wm-motion-ready [role="tabpanel"].is-entering {
  animation: wmPanelEnter 360ms cubic-bezier(0.22, 1, 0.36, 1);
}

@keyframes wmPanelEnter {
  from { opacity: 0; transform: translateY(10px) scale(0.992); filter: blur(6px); }
  to { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); }
}

.wm-motion-ready .wm-motion-sequence-item {
  position: relative;
  transition:
    transform 240ms ease,
    opacity 240ms ease,
    border-color 240ms ease,
    box-shadow 240ms ease,
    background-color 240ms ease;
}

.wm-motion-ready .wm-motion-sequence-item.is-motion-active {
  transform: translateY(-3px);
  border-color: rgba(0, 212, 198, 0.36) !important;
  box-shadow: 0 18px 52px rgba(0, 212, 198, 0.12);
}

.wm-motion-ready .wm-motion-sequence-item.is-motion-active::before {
  box-shadow: 0 0 22px rgba(0, 212, 198, 0.88);
}

.wm-motion-ready .wm-access-console span,
.wm-motion-ready .wm-demo-v40-summary-row,
.wm-motion-ready .wm-platform-brief-card__line,
.wm-motion-ready .wm-resources-v42-card__meta span {
  transition: transform 180ms ease, border-color 220ms ease, background-color 220ms ease, color 220ms ease;
}

.wm-motion-ready .wm-access-console span:hover,
.wm-motion-ready .wm-resources-v42-card__meta span:hover {
  transform: translateY(-2px);
  border-color: rgba(0, 212, 198, 0.38);
  background: rgba(0, 212, 198, 0.12);
}

.wm-motion-ready .wm-site-header {
  transition: background-color 220ms ease, border-color 220ms ease, box-shadow 220ms ease, backdrop-filter 220ms ease;
}

.wm-motion-ready .wm-site-header__nav a,
.wm-motion-ready .wm-site-footer a,
.wm-motion-ready .wm-page a:not(.wm-button) {
  transition: color 180ms ease, border-color 180ms ease, opacity 180ms ease;
}

.wm-motion-ready .wm-page a:not(.wm-button):focus-visible,
.wm-motion-ready .wm-button:focus-visible,
.wm-motion-ready button:focus-visible,
.wm-motion-ready input:focus-visible,
.wm-motion-ready textarea:focus-visible,
.wm-motion-ready select:focus-visible {
  outline: 2px solid rgba(0, 212, 198, 0.72);
  outline-offset: 4px;
}

.wm-motion-ready .wm-live-badge::before,
.wm-motion-ready .wm-about-v42-signal-dot,
.wm-motion-ready .wm-resources-v42-console__signal,
.wm-motion-ready .wm-demo-v40-brief-status::before {
  animation: wmSignalBreath 2.8s ease-in-out infinite;
}

@keyframes wmSignalBreath {
  0%, 100% { opacity: 0.64; transform: scale(0.92); }
  50% { opacity: 1; transform: scale(1.08); }
}

@media (hover: none), (pointer: coarse) {
  .wm-motion-ready .wm-media-console,
  .wm-motion-ready .wm-platform-brief-card,
  .wm-motion-ready .wm-platform-brief-card--premium,
  .wm-motion-ready .wm-button--premium,
  .wm-motion-ready .wm-button--ghost-light {
    transform: none !important;
  }

  .wm-motion-glow {
    display: none;
  }
}

@media (max-width: 760px) {
  .wm-motion-ready [data-wm-reveal] {
    transform: translateY(14px);
    filter: blur(0);
    transition-duration: 520ms;
    transition-delay: 0ms !important;
  }

  .wm-motion-ready .wm-media-console__rail article,
  .wm-motion-ready .wm-media-console__tiles span,
  .wm-motion-ready .wm-media-stack span,
  .wm-motion-ready .wm-about-v42-wave-orbit span,
  .wm-motion-ready .wm-resources-v42-console__stack span {
    animation: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .wm-motion-ready .wm-page,
  .wm-motion-ready .wm-page *,
  .wm-motion-ready .wm-page *::before,
  .wm-motion-ready .wm-page *::after {
    animation: none !important;
    transition-duration: 0.01ms !important;
    transform: none !important;
    scroll-behavior: auto !important;
  }

  .wm-motion-glow {
    display: none !important;
  }

  .wm-motion-ready [role="tabpanel"].is-entering {
    animation: none !important;
  }
}


/* Slice 44: Mobile, performance and launch QA hardening */
.wimimbi-page,
.wimimbi-page * {
  box-sizing: border-box;
}

html:has(.wimimbi-page),
body.wimimbi-page {
  overflow-x: clip;
}

.wimimbi-page img,
.wimimbi-page video,
.wimimbi-page svg,
.wimimbi-page canvas {
  max-width: 100%;
  height: auto;
}

.wimimbi-page iframe {
  max-width: 100%;
}

.wimimbi-page :where(.wm-section, .wm-section--signal-dark, .wm-premium-hero, .wm-home-hero-v35, .wm-platform-v38, .wm-usecase-v41, .wm-demo-v40, .wm-about-v42, .wm-resources-v42) {
  overflow-x: clip;
}

.wimimbi-page :where(.wm-container, .wm-page-shell, .wm-premium-hero__inner, .wm-grid, .wm-card-grid, .wm-feature-grid, .wm-site-header__inner, .wm-site-footer__main, .wm-site-footer__cta, .wm-demo-v40-planner, .wm-platform-v38-walkthrough, .wm-usecase-v41-explorer) > * {
  min-width: 0;
}

.wimimbi-page :where(.wm-media-console, .wm-platform-brief-card, .wm-platform-brief-card--premium, .wm-signal-panel, .wm-signal-panel--premium, .wm-dark-cta-premium) {
  contain: layout paint;
}

.wimimbi-page :where(.wm-section, .wm-section--signal-dark, .wm-site-footer) {
  content-visibility: auto;
  contain-intrinsic-size: auto 720px;
}

.wm-site-header {
  min-height: 74px;
}

.wm-site-header__inner {
  width: min(100% - 2rem, var(--wm-page-wide, 1360px));
}

.wm-site-header__logo img {
  width: auto;
  max-width: min(210px, 44vw);
}

body.wm-mobile-menu-open {
  overflow: hidden;
  touch-action: none;
}

.wm-site-mobile-menu {
  max-height: calc(100dvh - 74px);
  overflow-y: auto;
  overscroll-behavior: contain;
}

.wm-site-mobile-menu nav a {
  min-height: 48px;
}

.wimimbi-page :where(a, button, input, textarea, select, [role="tab"]) {
  -webkit-tap-highlight-color: rgba(0, 212, 198, 0.22);
}

.wimimbi-page :where(.wm-button, .wm-site-header__cta, .wm-site-mobile-menu__cta, button, input[type="submit"]) {
  min-height: 44px;
}

.wimimbi-page input,
.wimimbi-page textarea,
.wimimbi-page select {
  max-width: 100%;
  font-size: 16px;
}

.wimimbi-page textarea {
  resize: vertical;
}

.wimimbi-page :where(.wm-tablist, [role="tablist"], .wm-demo-progress, .wm-usecase-v41-route-grid, .wm-resources-v42-topic-tabs) {
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 212, 198, 0.45) rgba(255, 255, 255, 0.08);
}

.wimimbi-page :where(.wm-tablist, [role="tablist"], .wm-demo-progress, .wm-resources-v42-topic-tabs)::-webkit-scrollbar {
  height: 6px;
}

.wimimbi-page :where(.wm-tablist, [role="tablist"], .wm-demo-progress, .wm-resources-v42-topic-tabs)::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(0, 212, 198, 0.45);
}

.wimimbi-page .wm-launch-qa-note {
  display: none;
}

.wimimbi-page.wm-qa-debug .wm-launch-qa-note {
  display: block;
  margin: 1rem auto;
  width: min(100% - 2rem, var(--wm-page-max, 1180px));
  border: 1px solid rgba(0, 212, 198, 0.24);
  border-radius: 18px;
  background: rgba(11, 17, 32, 0.88);
  color: rgba(255, 255, 255, 0.78);
  padding: 1rem;
  font-size: 0.92rem;
}

@media (max-width: 980px) {
  .wm-site-header {
    min-height: 70px;
  }

  .wm-site-header__inner {
    width: min(100% - 1.25rem, var(--wm-page-wide, 1360px));
  }

  .wm-site-nav {
    display: none !important;
  }

  .wm-site-menu-toggle {
    display: inline-flex;
  }

  .wm-site-header__cta {
    display: none !important;
  }

  .wm-site-mobile-menu {
    top: 70px;
  }

  .wimimbi-page :where(.wm-premium-hero__inner, .wm-home-hero-v35__inner, .wm-platform-v38-hero__inner, .wm-demo-v40-hero__inner, .wm-about-v42-hero__inner, .wm-resources-v42-hero__inner) {
    grid-template-columns: 1fr !important;
    gap: clamp(1.4rem, 6vw, 2.6rem);
  }

  .wimimbi-page :where(.wm-media-console, .wm-platform-brief-card, .wm-platform-brief-card--premium) {
    max-width: 720px;
    margin-inline: auto;
  }

  .wm-site-footer__cta,
  .wm-site-footer__main {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px) {
  .wimimbi-page {
    --wm-section-y: clamp(3.25rem, 13vw, 4.75rem);
    --wm-section-y-tight: clamp(2.5rem, 10vw, 3.75rem);
  }

  .wimimbi-page :where(.wm-section, .wm-section--signal-dark, .wm-premium-hero, .wm-home-hero-v35, .wm-platform-v38, .wm-usecase-v41, .wm-demo-v40, .wm-about-v42, .wm-resources-v42) {
    padding-left: max(1rem, env(safe-area-inset-left));
    padding-right: max(1rem, env(safe-area-inset-right));
  }

  .wimimbi-page :where(.wm-container, .wm-page-shell) {
    width: 100%;
  }

  .wimimbi-page :where(.wm-premium-hero, .wm-home-hero-v35, .wm-platform-v38-hero, .wm-demo-v40-hero, .wm-about-v42-hero, .wm-resources-v42-hero) {
    padding-top: clamp(5.5rem, 22vw, 7rem);
  }

  .wimimbi-page :where(.wm-h1, .wm-display, .wm-premium-hero h1, .wm-home-hero-v35 h1, .wm-platform-v38 h1, .wm-demo-v40 h1, .wm-about-v42 h1, .wm-resources-v42 h1) {
    font-size: clamp(2.3rem, 13vw, 3.55rem) !important;
    line-height: 0.98 !important;
    letter-spacing: -0.055em !important;
    text-wrap: balance;
  }

  .wimimbi-page :where(.wm-h2, .wm-section-heading h2, .wm-dark-cta-premium h2, .wm-site-footer__cta h2) {
    font-size: clamp(1.8rem, 9vw, 2.65rem) !important;
    line-height: 1.02 !important;
    letter-spacing: -0.045em !important;
    text-wrap: balance;
  }

  .wimimbi-page :where(.wm-body-large, .wm-premium-hero p, .wm-section-heading p) {
    font-size: 1rem;
    line-height: 1.62;
  }

  .wimimbi-page :where(.wm-button-row, .wm-premium-hero__actions, .wm-home-hero-v35__actions, .wm-demo-v40-hero__actions, .wm-site-footer__cta-actions) {
    display: grid !important;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .wimimbi-page :where(.wm-button, .wm-button--premium, .wm-button--ghost-light, .wm-button--light, .wm-button--ghost-dark) {
    justify-content: center;
    width: 100%;
    min-height: 48px;
  }

  .wimimbi-page :where(.wm-grid, .wm-card-grid, .wm-feature-grid, .wm-premium-component-grid, .wm-resources-v42-grid, .wm-resources-v42-featured__grid, .wm-about-v42-values__grid, .wm-demo-v40-fit-grid, .wm-usecase-v41-route-grid) {
    grid-template-columns: 1fr !important;
  }

  .wimimbi-page :where(.wm-tablist, [role="tablist"], .wm-demo-progress, .wm-resources-v42-topic-tabs) {
    display: flex !important;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 0.35rem;
  }

  .wimimbi-page :where(.wm-tablist [role="tab"], [role="tablist"] [role="tab"], .wm-demo-progress button, .wm-resources-v42-topic-tabs button) {
    flex: 0 0 auto;
    scroll-snap-align: start;
    white-space: nowrap;
  }

  .wimimbi-page :where(.wm-media-console, .wm-platform-brief-card, .wm-platform-brief-card--premium, .wm-signal-panel, .wm-signal-panel--premium, .wm-dark-cta-premium) {
    border-radius: 24px;
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.24);
  }

  .wimimbi-page :where(.wm-media-console__topbar, .wm-media-console__meta, .wm-media-console__tiles, .wm-media-console__rail, .wm-platform-brief-card__line, .wm-demo-v40-summary-row) {
    grid-template-columns: 1fr !important;
  }

  .wimimbi-page :where(.wm-media-console__rail, .wm-media-stack) {
    gap: 0.75rem;
  }

  .wimimbi-page :where(.wm-demo-v40-planner, .wm-demo-v40-form-shell, .wm-demo-v40-summary, .wm-platform-v38-walkthrough, .wm-usecase-v41-explorer) {
    grid-template-columns: 1fr !important;
  }

  .wimimbi-page :where(.wm-demo-v40-summary, .wm-platform-v38-sticky, .wm-usecase-v41-preview) {
    position: static !important;
    top: auto !important;
  }

  .wimimbi-page :where(.wm-choice-grid, .wm-checkbox-grid, .wm-radio-row, .wm-radio-stack) {
    grid-template-columns: 1fr !important;
  }

  .wm-site-footer__links {
    grid-template-columns: 1fr !important;
    gap: 1.25rem;
  }

  .wm-site-footer__bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }
}

@media (max-width: 520px) {
  .wm-site-header__logo img {
    max-width: 168px;
  }

  .wm-site-menu-toggle {
    width: 46px;
    height: 46px;
  }

  .wimimbi-page :where(.wm-media-console, .wm-platform-brief-card, .wm-platform-brief-card--premium, .wm-signal-panel, .wm-signal-panel--premium, .wm-dark-cta-premium, .wm-feature-card) {
    padding: 1rem !important;
  }

  .wimimbi-page :where(.wm-kicker) {
    font-size: 0.68rem !important;
    letter-spacing: 0.11em !important;
  }
}

@supports not (overflow: clip) {
  html:has(.wimimbi-page),
  body.wimimbi-page {
    overflow-x: hidden;
  }
}

@media (prefers-reduced-data: reduce) {
  .wimimbi-page :where(.wm-section, .wm-section--signal-dark, .wm-premium-hero, .wm-site-footer) {
    background-image: none !important;
  }
}

/* Slice 45: Real product screenshot and video asset slots */
.wm-product-asset-slot {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    overflow: hidden;
    border-radius: 26px;
    border: 1px solid rgba(255,255,255,0.14);
    background:
        radial-gradient(circle at 18% 18%, rgba(0,212,198,0.22), transparent 35%),
        linear-gradient(135deg, rgba(19,35,58,0.94), rgba(11,17,32,0.98));
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.10), 0 24px 70px rgba(0,0,0,0.28);
    isolation: isolate;
}

.wm-product-asset-slot::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(rgba(255,255,255,0.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.04) 1px, transparent 1px);
    background-size: 34px 34px;
    opacity: 0.38;
    pointer-events: none;
    z-index: 1;
}

.wm-product-asset-slot__media {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    border-radius: inherit;
}

.wm-product-asset-slot figcaption {
    position: absolute;
    left: 18px;
    bottom: 16px;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    max-width: calc(100% - 36px);
    padding: 7px 10px;
    border: 1px solid rgba(255,255,255,0.14);
    border-radius: 999px;
    background: rgba(11,17,32,0.72);
    color: rgba(255,255,255,0.76);
    font-size: 0.72rem;
    line-height: 1.2;
    backdrop-filter: blur(14px);
}

.wm-product-asset-slot.has-product-asset::after {
    content: "real asset";
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 4;
    padding: 6px 9px;
    border-radius: 999px;
    background: rgba(126,237,183,0.14);
    border: 1px solid rgba(126,237,183,0.36);
    color: #7EEDB7;
    font-size: 0.68rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
}

.wm-product-asset-slot__fallback {
    position: relative;
    z-index: 2;
    display: grid;
    min-height: 230px;
    align-content: end;
    gap: 10px;
    padding: clamp(1.25rem, 4vw, 2rem);
}

.wm-product-asset-slot__badge {
    display: inline-flex;
    width: fit-content;
    padding: 6px 9px;
    border-radius: 999px;
    background: rgba(0,212,198,0.10);
    border: 1px solid rgba(0,212,198,0.26);
    color: #00D4C6;
    font-family: var(--wm-font-mono);
    font-size: 0.66rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
}

.wm-product-asset-slot__fallback strong {
    color: #fff;
    font-family: var(--wm-font-heading);
    font-size: clamp(1.15rem, 2vw, 1.7rem);
    line-height: 1.05;
    letter-spacing: -0.035em;
}

.wm-product-asset-slot__fallback p {
    max-width: 44rem;
    margin: 0;
    color: rgba(255,255,255,0.68);
    line-height: 1.55;
}

.wm-product-asset-slot__bars {
    display: flex;
    align-items: end;
    gap: 7px;
    min-height: 54px;
    margin-top: 6px;
}

.wm-product-asset-slot__bars i {
    width: 18px;
    border-radius: 999px 999px 4px 4px;
    background: linear-gradient(180deg, #00D4C6, #2563EB);
    opacity: 0.72;
    animation: wmSignalBar 2.8s ease-in-out infinite;
}

.wm-product-asset-slot__bars i:nth-child(1) { height: 22px; }
.wm-product-asset-slot__bars i:nth-child(2) { height: 42px; animation-delay: .16s; }
.wm-product-asset-slot__bars i:nth-child(3) { height: 30px; animation-delay: .32s; }
.wm-product-asset-slot__bars i:nth-child(4) { height: 50px; animation-delay: .48s; }

.wm-product-asset-slot--hero,
.wm-product-asset-slot--platform-hero {
    min-height: min(420px, 54vh);
    border-radius: 28px;
}

.wm-product-asset-slot--hero .wm-product-asset-slot__fallback,
.wm-product-asset-slot--platform-hero .wm-product-asset-slot__fallback {
    min-height: min(420px, 54vh);
}

.wm-media-console__player--asset-ready {
    padding: 0;
}

.wm-media-console__player--asset-ready > .wm-live-badge,
.wm-media-console__player--asset-ready > .wm-media-console__wave {
    z-index: 5;
}

.wm-platform-assets-v45 {
    position: relative;
    overflow: hidden;
}

.wm-platform-assets-v45__grid,
.wm-product-asset-library__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(1rem, 2vw, 1.35rem);
}

.wm-platform-assets-v45__card {
    padding: 12px;
}

.wm-platform-assets-v45__card h3,
.wm-product-asset-library__grid h3 {
    margin: 18px 10px 8px;
    color: #fff;
    font-family: var(--wm-font-heading);
    letter-spacing: -0.03em;
}

.wm-platform-assets-v45__card p,
.wm-product-asset-library__grid p {
    margin: 0 10px 8px;
    color: rgba(255,255,255,0.68);
}

.wm-platform-assets-v45__note {
    margin-top: clamp(1rem, 2vw, 1.5rem);
}

.wm-platform-assets-v45__note p {
    margin: 0;
    padding: 16px 18px;
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 18px;
    background: rgba(255,255,255,0.04);
    color: rgba(255,255,255,0.74);
}

.wm-platform-assets-v45__note code {
    color: #7EEDB7;
}

@media (max-width: 980px) {
    .wm-platform-assets-v45__grid,
    .wm-product-asset-library__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .wm-platform-assets-v45__grid,
    .wm-product-asset-library__grid {
        grid-template-columns: 1fr;
    }

    .wm-product-asset-slot__fallback,
    .wm-product-asset-slot--hero .wm-product-asset-slot__fallback,
    .wm-product-asset-slot--platform-hero .wm-product-asset-slot__fallback {
        min-height: 240px;
    }

    .wm-product-asset-slot.has-product-asset::after {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .wm-product-asset-slot__bars i {
        animation: none !important;
    }
}

@keyframes wmSignalBar {
    0%, 100% { transform: scaleY(0.72); opacity: 0.58; }
    50% { transform: scaleY(1); opacity: 1; }
}

/* Slice 46 — Plans / pricing request page */
.wm-page--plans-v46 {
    background: #0B1120;
    color: #FFFFFF;
}

.wm-plans-v46-hero {
    background:
        radial-gradient(circle at 18% 18%, rgba(37, 99, 235, 0.24), transparent 34%),
        radial-gradient(circle at 82% 32%, rgba(0, 212, 198, 0.18), transparent 34%),
        linear-gradient(135deg, #0B1120 0%, #13233A 52%, #0B1120 100%);
}

.wm-plans-v46-console {
    min-height: 520px;
}

.wm-plans-v46-console__screen {
    position: relative;
    min-height: 285px;
    display: grid;
    align-content: end;
    gap: 12px;
    padding: clamp(1.35rem, 4vw, 2.25rem);
    border-radius: 28px;
    overflow: hidden;
    background:
        linear-gradient(rgba(255,255,255,0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.04) 1px, transparent 1px),
        radial-gradient(circle at 70% 28%, rgba(0,212,198,0.22), transparent 38%),
        rgba(255,255,255,0.04);
    background-size: 34px 34px, 34px 34px, auto, auto;
    border: 1px solid rgba(255,255,255,0.10);
}

.wm-plans-v46-console__screen::after {
    content: "";
    position: absolute;
    inset: auto 24px 26px auto;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    border: 1px solid rgba(0,212,198,0.28);
    box-shadow: 0 0 55px rgba(0,212,198,0.16);
    opacity: 0.8;
}

.wm-plans-v46-console__screen h2 {
    position: relative;
    z-index: 2;
    max-width: 13ch;
    margin: 0;
    font-family: var(--wm-font-heading);
    font-size: clamp(2rem, 5vw, 4rem);
    line-height: 0.95;
    letter-spacing: -0.06em;
    color: #fff;
}

.wm-plans-v46-console__screen p {
    position: relative;
    z-index: 2;
    max-width: 28rem;
    margin: 0;
    color: rgba(255,255,255,0.68);
    line-height: 1.55;
}

.wm-plans-v46-console__matrix {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 10px 16px;
    padding-top: 18px;
}

.wm-plans-v46-console__matrix span {
    color: rgba(255,255,255,0.48);
    font-family: var(--wm-font-mono);
    font-size: 0.7rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.wm-plans-v46-console__matrix strong {
    color: #fff;
    font-weight: 650;
}

.wm-plans-v46-fit,
.wm-plans-v46-principles,
.wm-plans-v46-faq {
    background: #F2F5F7;
    color: #0B1120;
}

.wm-plans-v46-router {
    display: grid;
    grid-template-columns: minmax(240px, 0.58fr) minmax(0, 1fr);
    gap: clamp(1rem, 3vw, 2rem);
    align-items: start;
}

.wm-plans-v46-router__buttons {
    display: grid;
    gap: 10px;
    padding: 10px;
    border-radius: 28px;
    background: #FFFFFF;
    border: 1px solid rgba(11,17,32,0.10);
    box-shadow: 0 18px 55px rgba(11,17,32,0.08);
}

.wm-plans-v46-route {
    width: 100%;
    min-height: 56px;
    padding: 14px 16px;
    border: 1px solid rgba(11,17,32,0.10);
    border-radius: 18px;
    background: rgba(242,245,247,0.84);
    color: rgba(11,17,32,0.76);
    font: inherit;
    font-weight: 750;
    text-align: left;
    cursor: pointer;
    transition: transform 180ms ease, border-color 180ms ease, background 180ms ease, color 180ms ease;
}

.wm-plans-v46-route:hover,
.wm-plans-v46-route:focus-visible,
.wm-plans-v46-route.is-active {
    transform: translateX(4px);
    border-color: rgba(0,212,198,0.48);
    background: linear-gradient(135deg, rgba(37,99,235,0.10), rgba(0,212,198,0.12));
    color: #0B1120;
    outline: none;
}

.wm-plans-v46-route-panel {
    min-height: 100%;
    padding: clamp(1.35rem, 3vw, 2.25rem);
    color: #fff;
}

.wm-plans-v46-route-panel h3 {
    max-width: 15ch;
    margin: 0 0 14px;
    color: #fff;
    font-family: var(--wm-font-heading);
    font-size: clamp(2rem, 4vw, 4rem);
    line-height: 0.95;
    letter-spacing: -0.06em;
}

.wm-plans-v46-route-panel p {
    max-width: 46rem;
    color: rgba(255,255,255,0.72);
}

.wm-plans-v46-route-panel__route {
    display: grid;
    gap: 6px;
    margin: 22px 0;
    padding: 16px 18px;
    border-radius: 18px;
    background: rgba(255,255,255,0.055);
    border: 1px solid rgba(255,255,255,0.12);
}

.wm-plans-v46-route-panel__route span {
    color: #00D4C6;
    font-family: var(--wm-font-mono);
    font-size: 0.68rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.wm-plans-v46-route-panel__route strong {
    color: #fff;
    line-height: 1.45;
}

.wm-plans-v46-bands {
    position: relative;
    overflow: hidden;
}

.wm-plans-v46-band-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(1rem, 2vw, 1.35rem);
}

.wm-plans-v46-band {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-height: 100%;
    padding: clamp(1.1rem, 2vw, 1.6rem);
}

.wm-plans-v46-band h3 {
    margin: 0;
    color: #fff;
    font-family: var(--wm-font-heading);
    font-size: clamp(1.45rem, 2.4vw, 2.25rem);
    line-height: 1;
    letter-spacing: -0.045em;
}

.wm-plans-v46-band p,
.wm-plans-v46-band li {
    color: rgba(255,255,255,0.70);
    line-height: 1.55;
}

.wm-plans-v46-band ul {
    display: grid;
    gap: 9px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.wm-plans-v46-band li {
    position: relative;
    padding-left: 18px;
}

.wm-plans-v46-band li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.68em;
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: #00D4C6;
    box-shadow: 0 0 16px rgba(0,212,198,0.46);
}

.wm-plans-v46-band__best {
    display: grid;
    gap: 7px;
    padding: 13px 14px;
    border-radius: 16px;
    background: rgba(255,255,255,0.055);
    border: 1px solid rgba(255,255,255,0.10);
}

.wm-plans-v46-band__best span {
    color: #7EEDB7;
    font-family: var(--wm-font-mono);
    font-size: 0.66rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.wm-plans-v46-band__best strong {
    color: #fff;
    line-height: 1.35;
    font-size: 0.94rem;
}

.wm-plans-v46-band a {
    margin-top: auto;
    color: #7EEDB7;
    font-weight: 800;
    text-decoration: none;
}

.wm-plans-v46-factor-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(1rem, 2vw, 1.35rem);
}

.wm-plans-v46-factor-card {
    min-height: 220px;
    padding: clamp(1.2rem, 3vw, 1.7rem);
    border: 1px solid rgba(11,17,32,0.10);
    border-radius: 28px;
    background: #fff;
    box-shadow: 0 18px 52px rgba(11,17,32,0.06);
}

.wm-plans-v46-factor-card span {
    display: inline-flex;
    margin-bottom: 28px;
    color: #2563EB;
    font-family: var(--wm-font-mono);
    font-size: 0.72rem;
    letter-spacing: 0.14em;
}

.wm-plans-v46-factor-card h3,
.wm-plans-v46-principles__cards h3 {
    margin: 0 0 10px;
    font-family: var(--wm-font-heading);
    letter-spacing: -0.035em;
}

.wm-plans-v46-factor-card p {
    margin: 0;
    color: rgba(11,17,32,0.68);
    line-height: 1.6;
}

.wm-plans-v46-principles__grid {
    display: grid;
    grid-template-columns: minmax(0, 0.75fr) minmax(0, 1fr);
    gap: clamp(2rem, 5vw, 4rem);
    align-items: start;
}

.wm-plans-v46-principles__cards {
    display: grid;
    gap: 14px;
}

.wm-plans-v46-principles__cards article {
    padding: 22px;
    color: #fff;
}

.wm-plans-v46-principles__cards p {
    margin: 0;
    color: rgba(255,255,255,0.72);
}

.wm-plans-v46-compare-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(1rem, 3vw, 2rem);
}

.wm-plans-v46-compare-grid article {
    padding: clamp(1.25rem, 3vw, 2rem);
    border-radius: 30px;
    border: 1px solid rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.045);
}

.wm-plans-v46-compare-grid article:nth-child(2) {
    background: linear-gradient(135deg, rgba(37,99,235,0.14), rgba(0,212,198,0.10));
    border-color: rgba(0,212,198,0.30);
}

.wm-plans-v46-compare-grid span {
    display: inline-flex;
    margin-bottom: 16px;
    color: #00D4C6;
    font-family: var(--wm-font-mono);
    font-size: 0.72rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.wm-plans-v46-compare-grid ul {
    display: grid;
    gap: 12px;
    margin: 0;
    padding-left: 1.2rem;
    color: rgba(255,255,255,0.76);
    line-height: 1.6;
}

.wm-plans-v46-faq .wm-faq {
    max-width: 900px;
}

.wm-plans-v46-final {
    margin: 0;
}

@media (max-width: 1120px) {
    .wm-plans-v46-band-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 920px) {
    .wm-plans-v46-router,
    .wm-plans-v46-principles__grid,
    .wm-plans-v46-compare-grid {
        grid-template-columns: 1fr;
    }

    .wm-plans-v46-factor-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .wm-plans-v46-console {
        min-height: auto;
    }

    .wm-plans-v46-console__screen {
        min-height: 245px;
    }

    .wm-plans-v46-router__buttons {
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
    }

    .wm-plans-v46-route {
        min-width: 220px;
        scroll-snap-align: start;
    }

    .wm-plans-v46-band-grid,
    .wm-plans-v46-factor-grid {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .wm-plans-v46-route {
        transition: none !important;
    }
}

/* Slice 49 — Demo confirmation page + routed planner success */
.wm-page--demo-confirmation {
  background:
    radial-gradient(circle at 82% 8%, rgba(0, 212, 198, 0.16), transparent 32rem),
    radial-gradient(circle at 12% 18%, rgba(37, 99, 235, 0.14), transparent 28rem),
    var(--wm-navy-950);
  color: var(--wm-white);
}

.wm-demo-confirmation-hero {
  min-height: min(760px, calc(100vh - 80px));
  background:
    linear-gradient(135deg, rgba(11, 17, 32, 0.98), rgba(19, 35, 58, 0.92)),
    radial-gradient(circle at 75% 30%, rgba(0, 212, 198, 0.2), transparent 30rem);
}

.wm-demo-confirmation-hero::before,
.wm-confirmation-next::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255,255,255,0.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.055) 1px, transparent 1px);
  background-size: 56px 56px;
  mask-image: radial-gradient(circle at 70% 34%, #000 0, transparent 68%);
  opacity: 0.42;
}

.wm-demo-confirmation-hero .wm-h1,
.wm-demo-confirmation-hero .wm-body-large,
.wm-confirmation-next .wm-h2,
.wm-confirmation-next .wm-body-large {
  color: var(--wm-white);
}

.wm-confirmation-brief {
  overflow: hidden;
}

.wm-confirmation-pulse {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  margin: 1.25rem 0;
}

.wm-confirmation-pulse span {
  width: 100%;
  height: 8px;
  border-radius: 999px;
  background: var(--wm-gradient-flow);
  box-shadow: 0 0 26px rgba(0, 212, 198, 0.35);
  animation: wmConfirmationPulse 1.9s ease-in-out infinite;
}

.wm-confirmation-pulse span:nth-child(2) { animation-delay: 0.16s; }
.wm-confirmation-pulse span:nth-child(3) { animation-delay: 0.32s; }

@keyframes wmConfirmationPulse {
  0%, 100% { opacity: 0.36; transform: scaleY(0.64); }
  50% { opacity: 1; transform: scaleY(1); }
}

.wm-confirmation-step-grid,
.wm-confirmation-route-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.wm-confirmation-step > span,
.wm-confirmation-route > span {
  display: inline-flex;
  margin-bottom: 1.1rem;
  font-family: var(--wm-font-mono);
  font-size: 0.75rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--wm-teal-400);
}

.wm-confirmation-step h3,
.wm-confirmation-route h3 {
  margin: 0 0 0.7rem;
  color: inherit;
}

.wm-confirmation-step p,
.wm-confirmation-route p {
  margin: 0;
  color: var(--wm-text-muted-dark);
}

.wm-confirmation-prep {
  color: var(--wm-navy-950);
}

.wm-confirmation-checklist {
  display: grid;
  gap: 0.85rem;
}

.wm-confirmation-checklist > div {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.85rem;
  align-items: start;
  padding: 1rem;
  border: 1px solid var(--wm-border-light);
  border-radius: var(--wm-radius-md);
  background: rgba(255,255,255,0.78);
  box-shadow: 0 20px 45px rgba(11,17,32,0.08);
}

.wm-confirmation-checklist span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 999px;
  background: var(--wm-gradient-flow);
  color: var(--wm-navy-950);
  font-weight: 800;
}

.wm-confirmation-checklist p {
  margin: 0;
  color: rgba(11,17,32,0.78);
}

.wm-confirmation-routes {
  background: var(--wm-white);
  color: var(--wm-navy-950);
}

.wm-confirmation-route {
  display: block;
  text-decoration: none;
  color: var(--wm-white);
}

.wm-confirmation-route:hover,
.wm-confirmation-route:focus-visible {
  transform: translateY(-4px);
}

.wm-planner-success--routed {
  border: 1px solid rgba(126, 237, 183, 0.36);
  background:
    radial-gradient(circle at 18% 12%, rgba(126, 237, 183, 0.12), transparent 18rem),
    rgba(11, 17, 32, 0.9);
}

.wm-planner-success-route {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
  margin: 1.25rem 0;
}

.wm-planner-success-route > div {
  padding: 0.9rem;
  border: 1px solid var(--wm-border-dark);
  border-radius: var(--wm-radius-sm);
  background: rgba(255,255,255,0.045);
}

.wm-planner-success-route span {
  display: block;
  margin-bottom: 0.25rem;
  font-family: var(--wm-font-mono);
  font-size: 0.68rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--wm-text-muted-dark);
}

.wm-planner-success-route strong {
  display: block;
  color: var(--wm-white);
}

.wm-planner-success-redirect {
  margin: 0.5rem 0 1.25rem;
  color: var(--wm-mint-300);
  font-family: var(--wm-font-mono);
  font-size: 0.78rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

@media (max-width: 860px) {
  .wm-demo-confirmation-hero__grid,
  .wm-confirmation-step-grid,
  .wm-confirmation-route-grid,
  .wm-planner-success-route {
    grid-template-columns: 1fr;
  }

  .wm-demo-confirmation-hero {
    min-height: auto;
    padding-top: clamp(4rem, 15vw, 6rem);
  }
}

@media (prefers-reduced-motion: reduce) {
  .wm-confirmation-pulse span {
    animation: none !important;
  }
}

/* Slice 50 — Commercial SEO route bridge and internal linking polish */
.wm-commercial-route-bridge {
  position: relative;
  overflow: clip;
  background:
    radial-gradient(circle at 16% 12%, rgba(0, 212, 198, 0.14), transparent 32%),
    radial-gradient(circle at 82% 70%, rgba(37, 99, 235, 0.13), transparent 34%),
    var(--wm-navy-950);
  color: var(--wm-white);
  border-top: 1px solid rgba(255,255,255,0.08);
  border-bottom: 1px solid rgba(255,255,255,0.08);
}

.wm-commercial-route-bridge::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.32;
  background-image:
    linear-gradient(rgba(255,255,255,0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.05) 1px, transparent 1px);
  background-size: 56px 56px;
  mask-image: radial-gradient(circle at 50% 44%, #000, transparent 72%);
}

.wm-commercial-route-bridge__top {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: clamp(1.25rem, 3vw, 2.25rem);
  align-items: end;
  margin-bottom: clamp(1.5rem, 4vw, 3rem);
}

.wm-commercial-route-bridge__top .wm-h2,
.wm-commercial-route-bridge__top .wm-body-large {
  color: var(--wm-white);
}

.wm-commercial-route-bridge__top .wm-body-large {
  max-width: 780px;
  color: rgba(255,255,255,0.72);
}

.wm-commercial-route-bridge__grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
}

.wm-commercial-route-card {
  min-height: 100%;
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,0.13);
  border-radius: 24px;
  padding: 1.1rem;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.09), rgba(255,255,255,0.035)),
    rgba(19,35,58,0.66);
  box-shadow: 0 24px 70px rgba(0,0,0,0.24);
  transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;
}

.wm-commercial-route-card::after {
  content: "";
  position: absolute;
  top: 0;
  left: 1.1rem;
  right: 1.1rem;
  height: 2px;
  background: var(--wm-gradient-flow);
  opacity: 0.52;
}

.wm-commercial-route-card:hover,
.wm-commercial-route-card:focus-within {
  transform: translateY(-4px);
  border-color: rgba(0, 212, 198, 0.36);
  background:
    linear-gradient(145deg, rgba(37,99,235,0.18), rgba(0,212,198,0.08)),
    rgba(19,35,58,0.80);
}

.wm-commercial-route-card.is-active {
  border-color: rgba(126, 237, 183, 0.48);
  background:
    linear-gradient(145deg, rgba(0,212,198,0.16), rgba(126,237,183,0.08)),
    rgba(19,35,58,0.80);
}

.wm-commercial-route-card span,
.wm-commercial-route-card em {
  display: inline-flex;
  width: fit-content;
  margin-bottom: 0.78rem;
  color: var(--wm-mint-300);
  font: 800 0.68rem/1.2 var(--wm-font-mono);
  letter-spacing: 0.13em;
  text-transform: uppercase;
  font-style: normal;
}

.wm-commercial-route-card h3 {
  margin: 0 0 0.65rem;
  color: var(--wm-white);
  font-size: 1.04rem;
  line-height: 1.15;
  letter-spacing: -0.03em;
}

.wm-commercial-route-card p {
  margin: 0 0 1rem;
  color: rgba(255,255,255,0.68);
  font-size: 0.94rem;
  line-height: 1.55;
}

.wm-commercial-route-card a {
  color: var(--wm-teal-400) !important;
  font-weight: 850;
  text-decoration: none !important;
}

.wm-commercial-route-card a:hover,
.wm-commercial-route-card a:focus-visible {
  color: var(--wm-mint-300) !important;
}

@media (max-width: 1120px) {
  .wm-commercial-route-bridge__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 782px) {
  .wm-commercial-route-bridge__top {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .wm-commercial-route-bridge__grid {
    grid-template-columns: 1fr;
  }
}


/* Slice 51 — Commercial landing page content depth */
.wm-commercial-depth {
  position: relative;
  overflow: clip;
  background:
    radial-gradient(circle at 9% 12%, rgba(37,99,235,0.12), transparent 30%),
    radial-gradient(circle at 86% 18%, rgba(0,212,198,0.10), transparent 28%),
    linear-gradient(180deg, var(--wm-cloud-50), #ffffff);
  color: var(--wm-navy-950);
}

.wm-commercial-depth::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.56;
  background-image:
    linear-gradient(rgba(11,17,32,0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(11,17,32,0.045) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: linear-gradient(180deg, transparent, #000 18%, #000 82%, transparent);
}

.wm-commercial-depth__intro {
  position: relative;
  z-index: 1;
  max-width: 960px;
  margin-bottom: clamp(1.7rem, 4vw, 3.2rem);
}

.wm-commercial-depth__intro .wm-body-large {
  color: rgba(11,17,32,0.72);
}

.wm-commercial-depth__grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.18fr) minmax(320px, 0.82fr);
  gap: clamp(1rem, 3vw, 1.6rem);
  align-items: stretch;
}

.wm-commercial-depth__blueprint {
  min-height: 100%;
  color: var(--wm-white);
}

.wm-commercial-depth__panel-head {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 1rem;
  align-items: start;
  margin-bottom: 1.35rem;
}

.wm-commercial-depth__panel-head > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  border: 1px solid rgba(126,237,183,0.38);
  border-radius: 999px;
  background: rgba(0,212,198,0.10);
  color: var(--wm-mint-300);
  font: 900 0.74rem/1 var(--wm-font-mono);
  letter-spacing: 0.12em;
}

.wm-commercial-depth__panel-head h3 {
  margin: 0;
  color: var(--wm-white);
  font-size: clamp(1.3rem, 2.2vw, 2rem);
  line-height: 1.05;
  letter-spacing: -0.045em;
}

.wm-commercial-depth__steps {
  display: grid;
  gap: 0.85rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.wm-commercial-depth__steps li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.85rem;
  padding: 0.95rem;
  border: 1px solid rgba(255,255,255,0.11);
  border-radius: 18px;
  background: rgba(255,255,255,0.045);
}

.wm-commercial-depth__steps li span {
  color: var(--wm-teal-400);
  font: 900 0.7rem/1.4 var(--wm-font-mono);
  letter-spacing: 0.12em;
}

.wm-commercial-depth__steps li p {
  margin: 0;
  color: rgba(255,255,255,0.76);
  line-height: 1.55;
}

.wm-commercial-depth__side {
  display: grid;
  gap: clamp(1rem, 2vw, 1.2rem);
}

.wm-commercial-depth__card {
  position: relative;
  overflow: hidden;
  padding: clamp(1.2rem, 2.6vw, 1.65rem);
  border: 1px solid rgba(11,17,32,0.10);
  border-radius: 28px;
  background: rgba(255,255,255,0.82);
  box-shadow: 0 24px 70px rgba(11,17,32,0.09);
}

.wm-commercial-depth__card::before {
  content: "";
  display: block;
  width: 4.5rem;
  height: 2px;
  margin-bottom: 1rem;
  background: var(--wm-gradient-flow);
  border-radius: 999px;
}

.wm-commercial-depth__card--dark {
  border-color: rgba(255,255,255,0.13);
  background:
    radial-gradient(circle at 20% 0%, rgba(0,212,198,0.16), transparent 42%),
    var(--wm-navy-950);
  color: var(--wm-white);
}

.wm-commercial-depth__card ul {
  display: grid;
  gap: 0.75rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.wm-commercial-depth__card li {
  position: relative;
  padding-left: 1.35rem;
  color: rgba(11,17,32,0.74);
  line-height: 1.52;
}

.wm-commercial-depth__card li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.62em;
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 999px;
  background: var(--wm-teal-400);
  box-shadow: 0 0 0 5px rgba(0,212,198,0.10);
}

.wm-commercial-depth__card--dark li {
  color: rgba(255,255,255,0.75);
}

.wm-commercial-depth__card--dark .wm-text-link {
  display: inline-flex;
  margin-top: 1rem;
  color: var(--wm-mint-300) !important;
  font-weight: 850;
  text-decoration: none !important;
}

.wm-commercial-depth__card--dark .wm-text-link:hover,
.wm-commercial-depth__card--dark .wm-text-link:focus-visible {
  color: var(--wm-white) !important;
}

@media (max-width: 980px) {
  .wm-commercial-depth__grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .wm-commercial-depth__panel-head,
  .wm-commercial-depth__steps li {
    grid-template-columns: 1fr;
  }

  .wm-commercial-depth__panel-head > span {
    width: 2.65rem;
    height: 2.65rem;
  }
}


/* Slice 59: managed-page header gap guard. */
body.wimimbi-page.wimimbi-hide-theme-shell .wm-site-header {
  margin-top: 0 !important;
}

body.wimimbi-page.wimimbi-hide-theme-shell .wm-site-header:first-child {
  top: 0;
}

body.admin-bar.wimimbi-page.wimimbi-hide-theme-shell .wm-site-header {
  top: 32px;
}

@media screen and (max-width: 782px) {
  body.admin-bar.wimimbi-page.wimimbi-hide-theme-shell .wm-site-header {
    top: 46px;
  }
}