/* Decorative signal field. Product, typography and all click targets retain their layout. */
html body .hero.hero-split-layout { isolation: isolate; }
.pp-signal-field {
  position: absolute;
  inset: -58px 0 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  user-select: none;
}
.pp-signal-field img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
/* A quieter echo at the Platform edge, clear of its tabs and product examples. */
html body #features { isolation: isolate; }
.pp-signal-echo {
  position: absolute;
  inset: 0;
  z-index: -1;
  overflow: hidden;
  pointer-events: none;
  background: radial-gradient(ellipse at 88% 46%, rgba(16,185,129,.025), transparent 52%);
}
.pp-signal-echo::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  background: url('/assets/hero-signal.svg?v=20261029-green') right center / auto 100% no-repeat;
  opacity: .24;
  -webkit-mask-image: linear-gradient(90deg, transparent 58%, #000);
  mask-image: linear-gradient(90deg, transparent 58%, #000);
}
@media (min-width: 1800px) {
  .pp-signal-field img { width: 1800px; max-width: none; margin-inline: auto; }
}
@media (max-width: 980px) {
  .pp-signal-field { inset: auto 0 12px; height: 420px; }
  .pp-signal-field img {
    position: absolute;
    left: calc(50% - 630px);
    width: 840px;
    max-width: none;
    height: 420px;
    opacity: .8;
  }
  .pp-signal-echo { display: none; }
}
@media (forced-colors: active), print {
  .pp-signal-field, .pp-signal-echo { display: none; }
}