/* CP8 immersive homepage and CP9 evidence-aware product experience. */

.wm-homepage {
  overflow: clip;
  background: var(--wm-color-off-white);
}

.wm-home-eyebrow,
.wm-pdp-eyebrow {
  margin: 0 0 var(--wm-space-xs);
  color: var(--wm-color-wind-600);
  font-size: 0.75rem;
  font-weight: 850;
  letter-spacing: 0.11em;
  line-height: 1.3;
  text-transform: uppercase;
}

.wm-home-hero {
  position: relative;
  isolation: isolate;
  min-height: min(52rem, calc(100svh - 7rem));
  overflow: hidden;
  background:
    radial-gradient(circle at 75% 36%, rgb(82 182 216 / 24%), transparent 27rem),
    linear-gradient(122deg, #071a2b 0%, #0b253a 52%, #123e55 100%);
  color: var(--wm-color-white);
}

.wm-home-hero::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  background-image:
    linear-gradient(rgb(255 255 255 / 4%) 1px, transparent 1px),
    linear-gradient(90deg, rgb(255 255 255 / 4%) 1px, transparent 1px);
  background-size: 4rem 4rem;
  content: "";
  mask-image: linear-gradient(to bottom, #000, transparent 88%);
}

.wm-home-hero__grid {
  display: grid;
  min-height: inherit;
  align-items: center;
  gap: clamp(2rem, 5vw, 7rem);
  padding-block: clamp(5rem, 10vw, 9rem);
}

.wm-home-hero__copy {
  position: relative;
  z-index: 2;
  max-width: 50rem;
}

.wm-home-hero__copy .wm-home-eyebrow { color: var(--wm-color-wind-400); }

.wm-home-hero__title {
  max-width: 14ch;
  margin: 0;
  color: var(--wm-color-white);
  font-size: clamp(3rem, 7vw, 7.4rem);
  font-weight: 780;
  letter-spacing: -0.055em;
  line-height: 0.94;
}

.wm-home-hero__lead {
  max-width: 54ch;
  margin-block: clamp(1.5rem, 3vw, 2.25rem);
  color: rgb(255 255 255 / 78%);
}

.wm-home-hero__actions { gap: 0.75rem; }

.wm-home-hero__actions .wp-block-button__link {
  min-height: 3.1rem;
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--wm-color-wind-400);
  background: var(--wm-color-wind-400);
  color: var(--wm-color-navy-950);
}

.wm-home-hero__actions .is-style-outline .wp-block-button__link {
  border-color: rgb(255 255 255 / 48%);
  background: transparent;
  color: var(--wm-color-white);
}

.wm-home-hero .wm-command-search { margin-block-start: var(--wm-space-md); }

.wm-home-hero .wm-command-search__open {
  border-color: rgb(255 255 255 / 36%);
  background: rgb(255 255 255 / 8%);
  color: var(--wm-color-white);
  backdrop-filter: blur(0.75rem);
}

.wm-home-hero__visual {
  position: relative;
  width: min(100%, 43rem);
  aspect-ratio: 1;
  justify-self: center;
}

.wm-home-hero__visual svg {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.wm-home-hero__terrain { fill: rgb(4 16 27 / 68%); }
.wm-home-hero__tower { fill: rgb(255 255 255 / 10%); stroke: rgb(255 255 255 / 72%); stroke-width: 3; }
.wm-home-hero__hub { fill: var(--wm-color-wind-400); stroke: var(--wm-color-white); stroke-width: 4; }
.wm-home-hero__blade,
.wm-home-hero__nacelle { fill: none; stroke: rgb(255 255 255 / 74%); stroke-linecap: round; stroke-linejoin: round; stroke-width: 7; }

.wm-home-hero__orbit {
  position: absolute;
  inset: 12%;
  border: 1px solid rgb(82 182 216 / 30%);
  border-radius: 50%;
}

.wm-home-hero__orbit--two { inset: 24%; border-color: rgb(255 255 255 / 16%); }

.wm-home-hero__signal {
  position: absolute;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  padding: 0.55rem 0.7rem;
  border: 1px solid rgb(255 255 255 / 18%);
  border-radius: 999px;
  background: rgb(7 26 43 / 76%);
  color: rgb(255 255 255 / 84%);
  box-shadow: 0 1rem 3rem rgb(0 0 0 / 18%);
  font-size: 0.75rem;
  font-weight: 750;
  backdrop-filter: blur(0.8rem);
}

.wm-home-hero__signal span {
  width: 0.55rem;
  height: 0.55rem;
  border-radius: 50%;
  background: var(--wm-color-energy-400);
  box-shadow: 0 0 0 0.25rem rgb(99 190 143 / 16%);
}

.wm-home-hero__signal--one { inset: 17% auto auto 3%; }
.wm-home-hero__signal--two { inset: 48% 0 auto auto; }
.wm-home-hero__signal--three { inset: auto auto 13% 12%; }

/* Sticky turbine story -------------------------------------------------- */
.wm-turbine-story {
  padding-block: var(--wm-space-xl);
  background: var(--wm-color-white);
}

.wm-turbine-story__intro { margin-block-end: var(--wm-space-lg); }
.wm-turbine-story__intro h2 { max-width: 18ch; margin-block: 0 var(--wm-space-sm); }
.wm-turbine-story__intro p:last-child { max-width: 64ch; color: var(--wm-color-steel-500); }

.wm-turbine-story__layout {
  display: grid;
  gap: var(--wm-space-lg);
}

.wm-turbine-story__visual {
  position: relative;
  display: grid;
  min-height: 31rem;
  place-items: center;
  overflow: hidden;
  border: 1px solid var(--wm-color-steel-200);
  border-radius: calc(var(--wm-radius-lg) * 1.5);
  background:
    radial-gradient(circle at 55% 31%, rgb(82 182 216 / 28%), transparent 15rem),
    linear-gradient(145deg, #071a2b, #12324a);
  color: var(--wm-color-white);
}

.wm-turbine-story__visual::before {
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgb(255 255 255 / 4%) 1px, transparent 1px);
  background-size: 100% 4rem;
  content: "";
}

.wm-turbine-story__visual svg { position: relative; width: min(90%, 29rem); height: auto; }
.wm-turbine-story__ground,
.wm-turbine-story__blade,
.wm-turbine-story__nacelle { fill: none; stroke: rgb(255 255 255 / 58%); stroke-linecap: round; stroke-linejoin: round; stroke-width: 5; }
.wm-turbine-story__tower { fill: rgb(255 255 255 / 8%); stroke: rgb(255 255 255 / 60%); stroke-width: 2; }
.wm-turbine-story__hub { fill: var(--wm-color-wind-400); }
.wm-turbine-story__marker { fill: var(--wm-color-steel-500); stroke: var(--wm-color-navy-950); stroke-width: 5; transition: fill var(--wm-motion-base) var(--wm-motion-ease), r var(--wm-motion-base) var(--wm-motion-ease); }
.wm-turbine-story__visual[data-active-step="1"] .wm-turbine-story__marker--1,
.wm-turbine-story__visual[data-active-step="2"] .wm-turbine-story__marker--2,
.wm-turbine-story__visual[data-active-step="3"] .wm-turbine-story__marker--3,
.wm-turbine-story__visual[data-active-step="4"] .wm-turbine-story__marker--4 { fill: var(--wm-color-safety-600); r: 15px; }

.wm-turbine-story__visual-label {
  position: absolute;
  inset: auto auto 1.25rem 1.25rem;
  margin: 0;
  color: rgb(255 255 255 / 65%);
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.wm-turbine-story__steps { display: grid; gap: var(--wm-space-sm); }

.wm-turbine-story__step {
  min-height: 15rem;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border: 1px solid var(--wm-color-steel-200);
  border-radius: var(--wm-radius-lg);
  background: var(--wm-color-off-white);
  opacity: 0.72;
  transition: border-color var(--wm-motion-base) var(--wm-motion-ease), opacity var(--wm-motion-base) var(--wm-motion-ease), transform var(--wm-motion-base) var(--wm-motion-ease);
}

.wm-turbine-story__step.is-active {
  border-color: var(--wm-color-wind-400);
  opacity: 1;
  transform: translateX(0.5rem);
}

.wm-turbine-story__step h3 { margin-block: 0.35rem 0.75rem; }
.wm-turbine-story__step p:last-child { color: var(--wm-color-steel-500); }
.wm-turbine-story__number { margin: 0; color: var(--wm-color-wind-600); font-size: 0.75rem; font-weight: 850; letter-spacing: 0.1em; }

/* Dynamic homepage data ------------------------------------------------ */
.wm-home-dynamic { padding-block: var(--wm-space-xl); }
.wm-home-data { display: grid; gap: var(--wm-space-xl); }
.wm-home-data > section { scroll-margin-top: 8rem; }
.wm-home-data--limited,
.wm-home-data--unavailable { padding: var(--wm-space-md); border: 1px solid var(--wm-color-steel-200); border-radius: var(--wm-radius-md); background: var(--wm-color-white); }

.wm-home-section-head { max-width: 52rem; margin-block-end: var(--wm-space-md); }
.wm-home-section-head h2 { max-width: 18ch; margin: 0; }
.wm-home-section-head > p:last-child { margin-block-end: 0; color: var(--wm-color-steel-500); }
.wm-home-section-head--split { display: flex; max-width: none; align-items: end; justify-content: space-between; gap: var(--wm-space-md); }
.wm-home-section-head--split a { flex: none; font-weight: 800; text-decoration: none; }

.wm-home-trust {
  display: grid;
  gap: var(--wm-space-md);
  padding: clamp(1.5rem, 4vw, 3rem);
  border-radius: calc(var(--wm-radius-lg) * 1.5);
  background: var(--wm-color-navy-950);
  color: var(--wm-color-white);
}

.wm-home-trust .wm-home-section-head { margin: 0; }
.wm-home-trust h2 { color: var(--wm-color-white); }
.wm-home-trust__list { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr)); gap: 1px; margin: 0; padding: 0; overflow: hidden; border: 1px solid rgb(255 255 255 / 12%); border-radius: var(--wm-radius-md); background: rgb(255 255 255 / 12%); list-style: none; }
.wm-home-trust__list li { display: grid; align-content: center; gap: 0.35rem; min-height: 8.5rem; padding: 1.25rem; background: rgb(7 26 43 / 92%); }
.wm-home-trust__list strong { color: var(--wm-color-wind-400); font-size: clamp(1.6rem, 3vw, 2.5rem); line-height: 1; }
.wm-home-trust__list span { color: rgb(255 255 255 / 72%); font-size: 0.875rem; }

.wm-home-missions__grid,
.wm-home-catalog__grid,
.wm-home-ecosystem ul,
.wm-turbine-map__list,
.wm-pdp-key-facts,
.wm-pdp-compatibility-list,
.wm-pdp-evidence-list,
.wm-pdp-document-list,
.wm-pdp-related__grid { margin: 0; padding: 0; list-style: none; }

.wm-home-missions__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr)); gap: 0.75rem; }
.wm-home-missions__grid a { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 0.3rem 1rem; min-height: 7.5rem; padding: 1.25rem; border: 1px solid var(--wm-color-steel-200); border-radius: var(--wm-radius-md); background: var(--wm-color-white); color: var(--wm-color-navy-950); text-decoration: none; transition: border-color var(--wm-motion-fast) var(--wm-motion-ease), transform var(--wm-motion-fast) var(--wm-motion-ease), box-shadow var(--wm-motion-fast) var(--wm-motion-ease); }
.wm-home-missions__grid a:hover { border-color: var(--wm-color-wind-400); box-shadow: var(--wm-shadow-raised); transform: translateY(-0.2rem); }
.wm-home-missions__grid span:first-child { font-weight: 800; }
.wm-home-missions__grid small { color: var(--wm-color-steel-500); }
.wm-home-missions__grid span:last-child { grid-column: 2; grid-row: 1 / span 2; color: var(--wm-color-wind-600); font-size: 1.25rem; }

.wm-turbine-map { padding-block: var(--wm-space-lg); border-block: 1px solid var(--wm-color-steel-200); }
.wm-turbine-map__layout { display: grid; gap: var(--wm-space-lg); align-items: center; }
.wm-turbine-map__visual { position: relative; min-height: 34rem; overflow: hidden; border-radius: calc(var(--wm-radius-lg) * 1.5); background: linear-gradient(160deg, #eaf5fa, #dbe8ed); }
.wm-turbine-map__visual svg { position: absolute; inset: 4% 8%; width: 84%; height: 92%; }
.wm-turbine-map__tower { fill: rgb(255 255 255 / 70%); stroke: var(--wm-color-navy-800); stroke-width: 3; }
.wm-turbine-map__hub { fill: var(--wm-color-wind-600); stroke: var(--wm-color-white); stroke-width: 4; }
.wm-turbine-map__blades,
.wm-turbine-map__nacelle,
.wm-turbine-map__ground { fill: none; stroke: var(--wm-color-navy-800); stroke-linecap: round; stroke-linejoin: round; stroke-width: 6; }
.wm-turbine-map__node { position: absolute; display: grid; width: 1.4rem; height: 1.4rem; place-items: center; padding: 0; border: 0.25rem solid var(--wm-color-white); border-radius: 50%; background: var(--wm-color-safety-600); box-shadow: 0 0 0 1px rgb(7 26 43 / 22%), 0 0.6rem 1.5rem rgb(7 26 43 / 22%); cursor: pointer; transition: transform var(--wm-motion-fast) var(--wm-motion-ease), background var(--wm-motion-fast) var(--wm-motion-ease); }
.wm-turbine-map__node:hover,
.wm-turbine-map__node[aria-pressed="true"] { background: var(--wm-color-energy-600); transform: scale(1.3); }
.wm-turbine-map__node:nth-child(1) { inset: auto auto 9% 49%; }
.wm-turbine-map__node:nth-child(2) { inset: auto auto 33% 49%; }
.wm-turbine-map__node:nth-child(3) { inset: 27% auto auto 49%; }
.wm-turbine-map__node:nth-child(4) { inset: 17% auto auto 27%; }
.wm-turbine-map__node:nth-child(5) { inset: 17% 14% auto auto; }
.wm-turbine-map__node:nth-child(6) { inset: auto auto 43% 36%; }
.wm-turbine-map__node:nth-child(7) { inset: auto 24% 24% auto; }
.wm-turbine-map__node:nth-child(8) { inset: auto auto 15% 28%; }
.wm-turbine-map__status { min-height: 3rem; margin-block-start: 0; color: var(--wm-color-steel-500); }
.wm-turbine-map__list { display: grid; gap: 0.5rem; }
.wm-turbine-map__list li { border-inline-start: 0.2rem solid transparent; transition: border-color var(--wm-motion-fast) var(--wm-motion-ease), background var(--wm-motion-fast) var(--wm-motion-ease); }
.wm-turbine-map__list li.is-active { border-color: var(--wm-color-safety-600); background: var(--wm-color-white); }
.wm-turbine-map__list a { display: flex; align-items: center; justify-content: space-between; gap: var(--wm-space-sm); padding: 0.85rem 1rem; color: var(--wm-color-navy-950); text-decoration: none; }
.wm-turbine-map__list span { font-weight: 800; }
.wm-turbine-map__list small { color: var(--wm-color-steel-500); }

.wm-home-catalog__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr)); gap: 1rem; }
.wm-home-product-card { position: relative; display: flex; min-height: 24rem; flex-direction: column; padding: 1.25rem; overflow: hidden; border: 1px solid var(--wm-color-steel-200); border-radius: var(--wm-radius-lg); background: var(--wm-color-white); transition: border-color var(--wm-motion-fast) var(--wm-motion-ease), transform var(--wm-motion-fast) var(--wm-motion-ease), box-shadow var(--wm-motion-fast) var(--wm-motion-ease); }
.wm-home-product-card:hover { border-color: var(--wm-color-wind-400); box-shadow: var(--wm-shadow-raised); transform: translateY(-0.25rem); }
.wm-home-product-card__media { display: grid; height: 13rem; place-items: center; margin: -1.25rem -1.25rem 1.1rem; overflow: hidden; background: var(--wm-color-steel-100); }
.wm-home-product-card__media img { width: 100%; height: 100%; object-fit: contain; transition: transform var(--wm-motion-slow) var(--wm-motion-ease); }
.wm-home-product-card:hover .wm-home-product-card__media img { transform: scale(1.035); }
.wm-home-product-card__meta { margin: 0 0 0.5rem; color: var(--wm-color-wind-600); font-size: 0.75rem; font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase; }
.wm-home-product-card h3 { margin: 0 0 0.75rem; font-size: clamp(1.25rem, 1.1rem + 0.5vw, 1.55rem); }
.wm-home-product-card h3 a { color: var(--wm-color-navy-950); text-decoration: none; }
.wm-home-product-card h3 a::after { position: absolute; inset: 0; content: ""; }
.wm-home-product-card > p:not(.wm-home-product-card__meta) { color: var(--wm-color-steel-500); font-size: 0.9rem; }
.wm-home-product-card__link { margin-block-start: auto; padding-block-start: 1rem; color: var(--wm-color-wind-600); font-size: 0.875rem; font-weight: 800; }

.wm-home-ecosystem { padding: clamp(1.5rem, 4vw, 3rem); border-radius: calc(var(--wm-radius-lg) * 1.5); background: var(--wm-color-steel-100); }
.wm-home-ecosystem__grid { display: grid; gap: var(--wm-space-lg); }
.wm-home-ecosystem h3 { margin-block: 0 1rem; }
.wm-home-ecosystem ul { display: grid; gap: 0.5rem; }
.wm-home-ecosystem li { border-block-end: 1px solid var(--wm-color-steel-200); }
.wm-home-ecosystem a { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding-block: 0.75rem; color: var(--wm-color-navy-950); text-decoration: none; }
.wm-home-ecosystem a span:first-child { font-weight: 750; }
.wm-home-ecosystem small { color: var(--wm-color-steel-500); }

.wm-home-b2b { display: grid; gap: var(--wm-space-md); align-items: center; padding: clamp(2rem, 5vw, 4.5rem); overflow: hidden; border-radius: calc(var(--wm-radius-lg) * 1.5); background: linear-gradient(120deg, #071a2b, #123e55); color: var(--wm-color-white); }
.wm-home-b2b h2 { max-width: 18ch; margin: 0; color: var(--wm-color-white); }
.wm-home-b2b p:not(.wm-home-eyebrow) { max-width: 60ch; color: rgb(255 255 255 / 72%); }
.wm-home-b2b__actions { display: flex; flex-wrap: wrap; gap: 0.75rem; }
.wm-home-b2b .wm-button--secondary { border-color: rgb(255 255 255 / 40%); color: var(--wm-color-white); }

/* CP9 product detail ---------------------------------------------------- */
.wm-product-page { padding-block: clamp(2rem, 5vw, 5rem); }
.wm-product-page > .wp-block-shortcode { width: min(calc(100% - 2rem), var(--wm-wide)); }
.wm-pdp { width: 100%; color: var(--wm-color-graphite-900); }
.wm-pdp--unavailable { padding: var(--wm-space-md); border: 1px solid var(--wm-color-steel-200); border-radius: var(--wm-radius-md); background: var(--wm-color-white); }

.wm-pdp-hero { display: grid; gap: clamp(1.5rem, 4vw, 4rem); align-items: start; padding-block-end: var(--wm-space-lg); }
.wm-pdp-hero__visual { min-width: 0; }
.wm-pdp-hero__media { display: grid; aspect-ratio: 1; place-items: center; margin: 0; overflow: hidden; border: 1px solid var(--wm-color-steel-200); border-radius: calc(var(--wm-radius-lg) * 1.5); background: var(--wm-color-white); }
.wm-pdp-hero__media img { width: 100%; height: 100%; object-fit: contain; }
.wm-pdp-hero__media--empty { background: linear-gradient(145deg, var(--wm-color-steel-100), var(--wm-color-white)); color: var(--wm-color-steel-500); text-align: center; }
.wm-pdp-hero__media--empty span { max-width: 15rem; font-size: 0.875rem; font-weight: 750; }
.wm-pdp-hero__identity { padding-block: 0.5rem; }
.wm-pdp-hero__identity h1 { margin: 0; color: var(--wm-color-navy-950); font-size: clamp(2.4rem, 5vw, 5.3rem); letter-spacing: -0.05em; line-height: 0.98; }
.wm-pdp-hero__codes { color: var(--wm-color-steel-500); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 0.78rem; }
.wm-pdp-hero__lead { color: var(--wm-color-steel-500); font-size: clamp(1.05rem, 1rem + 0.35vw, 1.35rem); }
.wm-pdp-key-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; margin-block-start: var(--wm-space-md); overflow: hidden; border: 1px solid var(--wm-color-steel-200); border-radius: var(--wm-radius-md); background: var(--wm-color-steel-200); }
.wm-pdp-key-facts li { display: grid; gap: 0.3rem; padding: 0.9rem; background: var(--wm-color-white); }
.wm-pdp-key-facts span { color: var(--wm-color-steel-500); font-size: 0.72rem; font-weight: 750; letter-spacing: 0.04em; text-transform: uppercase; }
.wm-pdp-key-facts strong { color: var(--wm-color-navy-950); }
.wm-pdp-hero__compare a { font-weight: 800; text-decoration: none; }
.wm-pdp-hero__commercial { min-width: 0; }

.wm-pdp-commercial { padding: clamp(1.25rem, 3vw, 2rem); border: 1px solid var(--wm-color-steel-200); border-radius: var(--wm-radius-lg); background: var(--wm-color-white); box-shadow: var(--wm-shadow-raised); }
.wm-pdp-commercial--locked { border-color: #edc9ad; background: linear-gradient(145deg, #fff, #fff7f0); }
.wm-pdp-commercial--authorized { border-color: #b8dec9; background: linear-gradient(145deg, #fff, #eff9f3); }
.wm-pdp-commercial__eyebrow { margin: 0; color: #91400f; font-size: 0.72rem; font-weight: 850; letter-spacing: 0.09em; }
.wm-pdp-commercial--authorized .wm-pdp-commercial__eyebrow { color: var(--wm-color-energy-700); }
.wm-pdp-commercial h2 { margin-block: 0.35rem 0.75rem; font-size: clamp(1.35rem, 1.2rem + 0.5vw, 1.8rem); }
.wm-pdp-commercial__mode { display: grid; gap: 0.2rem; padding-block: 0.75rem; border-block: 1px solid var(--wm-color-steel-200); }
.wm-pdp-commercial__mode span { color: var(--wm-color-steel-500); font-size: 0.72rem; font-weight: 750; letter-spacing: 0.04em; text-transform: uppercase; }
.wm-pdp-commercial__mode strong { color: var(--wm-color-navy-950); }
.wm-pdp-commercial__value { margin-block: 1rem; color: var(--wm-color-navy-950); font-size: clamp(1.5rem, 1.2rem + 1vw, 2.3rem); font-weight: 850; }
.wm-pdp-commercial__actions { display: flex; flex-wrap: wrap; gap: 0.6rem; }
.wm-pdp-commercial__notice { padding: 0.75rem; border-inline-start: 0.2rem solid var(--wm-color-safety-600); background: var(--wm-color-warning-050); font-size: 0.875rem; }
.wm-pdp-commercial .cart { display: grid; gap: 0.75rem; }
.wm-pdp-commercial .quantity input { width: 6rem; min-height: 2.8rem; }
.wm-pdp-commercial .single_add_to_cart_button { min-height: 2.8rem; padding: 0.7rem 1rem; border: 0; border-radius: var(--wm-radius-sm); background: var(--wm-color-energy-700); color: var(--wm-color-white); font-weight: 800; cursor: pointer; }

.wm-pdp-jump { position: sticky; z-index: 15; inset-block-start: 7.5rem; margin-block: 0 var(--wm-space-lg); overflow-x: auto; border-block: 1px solid var(--wm-color-steel-200); background: rgb(248 250 249 / 94%); backdrop-filter: blur(0.8rem); }
.wm-pdp-jump ul { display: flex; width: max-content; min-width: 100%; gap: 0; margin: 0; padding: 0; list-style: none; }
.wm-pdp-jump a { display: block; padding: 0.9rem 1rem; color: var(--wm-color-navy-800); font-size: 0.8rem; font-weight: 800; text-decoration: none; white-space: nowrap; }
.wm-pdp-jump a:hover { color: var(--wm-color-wind-600); }
.wm-pdp__content { display: grid; gap: var(--wm-space-xl); }
.wm-pdp-section { scroll-margin-top: 12rem; }
.wm-pdp-section__head { max-width: 52rem; margin-block-end: var(--wm-space-md); }
.wm-pdp-section__head h2 { max-width: 18ch; margin: 0; }
.wm-pdp-section__head > p:last-child { color: var(--wm-color-steel-500); }
.wm-pdp-section__head--split { display: flex; max-width: none; align-items: end; justify-content: space-between; gap: var(--wm-space-md); }
.wm-pdp-section__head--split a { flex: none; font-weight: 800; text-decoration: none; }
.wm-pdp-context-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr)); gap: 1rem; }
.wm-pdp-context-grid section { padding: 1.25rem; border: 1px solid var(--wm-color-steel-200); border-radius: var(--wm-radius-md); background: var(--wm-color-white); }
.wm-pdp-context-grid h3 { margin-block-start: 0; font-size: 1rem; }
.wm-pdp-context-grid p { color: var(--wm-color-steel-500); }
.wm-pdp-context-card--limitation { border-color: #e2b7b7 !important; background: var(--wm-color-danger-050) !important; }

.wm-pdp-table-wrap { overflow-x: auto; border: 1px solid var(--wm-color-steel-200); border-radius: var(--wm-radius-md); background: var(--wm-color-white); }
.wm-pdp-table-wrap table { width: 100%; min-width: 42rem; border-collapse: collapse; }
.wm-pdp-table-wrap th,
.wm-pdp-table-wrap td { padding: 0.9rem 1rem; border-block-start: 1px solid var(--wm-color-steel-200); text-align: start; vertical-align: top; }
.wm-pdp-table-wrap thead th { border: 0; background: var(--wm-color-navy-950); color: var(--wm-color-white); font-size: 0.72rem; letter-spacing: 0.05em; text-transform: uppercase; }
.wm-pdp-verified { display: inline-flex; padding: 0.3rem 0.55rem; border-radius: 999px; background: var(--wm-color-success-050); color: var(--wm-color-energy-700); font-size: 0.72rem; font-weight: 800; }
.wm-pdp-empty { padding: 1rem; border-inline-start: 0.25rem solid var(--wm-color-steel-500); background: var(--wm-color-steel-100); color: var(--wm-color-steel-500); }

.wm-pdp-compatibility-list,
.wm-pdp-evidence-list { display: grid; gap: 0.65rem; }
.wm-pdp-compatibility-list li,
.wm-pdp-evidence-list li { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 1rem; padding: 1rem; border: 1px solid var(--wm-color-steel-200); border-radius: var(--wm-radius-md); background: var(--wm-color-white); }
.wm-pdp-compatibility-list li > div,
.wm-pdp-evidence-list li > div { display: grid; gap: 0.25rem; }
.wm-pdp-compatibility-list small,
.wm-pdp-evidence-list small { color: var(--wm-color-steel-500); }
.wm-pdp-compatibility-list a,
.wm-pdp-evidence-list a { font-size: 0.8rem; font-weight: 800; }
.wm-pdp-compatibility-status { display: inline-flex; padding: 0.3rem 0.55rem; border-radius: 999px; background: var(--wm-color-info-050); color: var(--wm-color-wind-600); font-size: 0.72rem; font-weight: 800; }
.wm-pdp-compatibility-status--compatible { background: var(--wm-color-success-050); color: var(--wm-color-energy-700); }
.wm-pdp-compatibility-status--incompatible { background: var(--wm-color-danger-050); color: var(--wm-color-danger-700); }
.wm-pdp-compatibility-status--conditional { background: var(--wm-color-warning-050); color: #99500f; }
.wm-pdp-caution { max-width: 72ch; color: var(--wm-color-steel-500); font-size: 0.85rem; }
.wm-pdp-not-fit { margin-block-start: var(--wm-space-md); padding: var(--wm-space-md); border: 1px solid #e2b7b7; border-radius: var(--wm-radius-md); background: var(--wm-color-danger-050); }
.wm-pdp-not-fit h3 { margin-block-start: 0; }

.wm-pdp-document-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr)); gap: 0.75rem; }
.wm-pdp-document-list a { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 0.35rem 1rem; min-height: 7.5rem; padding: 1rem; border: 1px solid var(--wm-color-steel-200); border-radius: var(--wm-radius-md); background: var(--wm-color-white); color: var(--wm-color-navy-950); text-decoration: none; }
.wm-pdp-document-list span:first-child { font-weight: 800; }
.wm-pdp-document-list small { color: var(--wm-color-steel-500); }
.wm-pdp-document-list span:last-child { grid-column: 2; grid-row: 1 / span 2; color: var(--wm-color-wind-600); }

.wm-pdp-related { padding-block-start: var(--wm-space-lg); border-block-start: 1px solid var(--wm-color-steel-200); }
.wm-pdp-related__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr)); gap: 0.75rem; }
.wm-pdp-related__grid a { position: relative; display: grid; min-height: 10rem; align-content: end; gap: 0.45rem; padding: 1.25rem; border: 1px solid var(--wm-color-steel-200); border-radius: var(--wm-radius-md); background: var(--wm-color-white); color: var(--wm-color-navy-950); text-decoration: none; }
.wm-pdp-related__grid a > span:last-child { position: absolute; inset: 1rem 1rem auto auto; color: var(--wm-color-wind-600); }
.wm-pdp-related__meta { color: var(--wm-color-steel-500); font-size: 0.72rem; font-weight: 750; letter-spacing: 0.04em; text-transform: uppercase; }

@media (min-width: 48rem) {
  .wm-home-hero__grid { grid-template-columns: minmax(0, 1.05fr) minmax(22rem, 0.95fr); }
  .wm-turbine-map__layout { grid-template-columns: minmax(20rem, 1fr) minmax(18rem, 0.8fr); }
  .wm-home-ecosystem__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .wm-home-b2b { grid-template-columns: minmax(0, 1.4fr) auto; }
  .wm-pdp-hero { grid-template-columns: minmax(18rem, 0.9fr) minmax(20rem, 1.1fr); }
  .wm-pdp-hero__commercial { grid-column: 1 / -1; }
}

@media (min-width: 64rem) {
  .wm-turbine-story__layout { grid-template-columns: minmax(24rem, 0.9fr) minmax(24rem, 1.1fr); align-items: start; }
  .wm-turbine-story__visual { position: sticky; inset-block-start: 9.5rem; min-height: calc(100svh - 12rem); }
  .wm-turbine-story__step { min-height: 42svh; display: grid; align-content: center; }
  .wm-pdp-hero { grid-template-columns: minmax(20rem, 0.9fr) minmax(22rem, 1fr) minmax(18rem, 0.72fr); }
  .wm-pdp-hero__commercial { position: sticky; grid-column: auto; inset-block-start: 9rem; }
}

@media (max-width: 47.99rem) {
  .wm-home-hero { min-height: auto; }
  .wm-home-hero__grid { padding-block: 4rem; }
  .wm-home-hero__visual { width: min(100%, 28rem); }
  .wm-home-hero__signal { display: none; }
  .wm-home-section-head--split,
  .wm-pdp-section__head--split { align-items: start; flex-direction: column; }
  .wm-turbine-map__visual { min-height: 28rem; }
  .wm-pdp-key-facts { grid-template-columns: 1fr; }
  .wm-pdp-compatibility-list li,
  .wm-pdp-evidence-list li { grid-template-columns: 1fr; }
  .wm-pdp-jump { inset-block-start: 4.75rem; }
}

@media (prefers-reduced-motion: reduce) {
  .wm-turbine-story__visual { position: relative; inset-block-start: auto; min-height: 28rem; }
  .wm-turbine-story__step { min-height: auto; opacity: 1; transform: none !important; }
  .wm-turbine-story__marker { transition: none; }
  .wm-home-product-card:hover,
  .wm-home-missions__grid a:hover { transform: none; }
  .wm-home-product-card__media img { transition: none; }
}