/* Original Partner With Us handshake effects reused here verbatim. */
.partner-handshake-stage{
  position:relative;isolation:isolate;display:grid;place-items:center;
  aspect-ratio:1;width:min(100%,550px);margin-inline:auto;
  border-radius:50%;overflow:hidden;
  border:1px solid rgba(124,216,244,.21);
  background:transparent;
  box-shadow:0 0 44px rgba(19,109,144,.07);
}
.partner-handshake-stage::before{
  content:"";position:absolute;inset:7%;border-radius:50%;pointer-events:none;
  border:1px dashed rgba(128,211,242,.20);
}
.partner-handshake-stage__orbit{
  position:absolute;inset:2%;border-radius:50%;border:1px solid rgba(85,200,238,.08);
  box-shadow:0 0 45px rgba(78,232,255,.045);pointer-events:none;
}
.partner-handshake-art{
  position:relative;z-index:1;display:block;
  width:130%;max-width:none;height:auto;
  object-fit:contain;
  filter:drop-shadow(0 18px 16px rgba(0,0,0,.34));
  transform:scale(1);transform-origin:center;
  transition:transform .55s ease,filter .55s ease;
}
.partner-handshake-stage:hover .partner-handshake-art{
  transform:scale(1.045);
  filter:drop-shadow(0 21px 20px rgba(41,183,228,.2));
}
@media(max-width:820px){.partner-handshake-stage{width:min(100%,510px)}}
@media(max-width:620px){.partner-handshake-stage{width:min(100%,400px)}.partner-handshake-art{width:145%}}
@media(prefers-reduced-motion:reduce){.partner-handshake-art{transition:none!important}}
/* v12.13.27: reuse the original transparent handshake and visual effect on supplier onboarding. */
.onb-application-page .onb-hero__layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(18px,4vw,70px)}
.onb-application-page .onb-hero__text{min-width:0;position:relative;z-index:1}
.onb-application-page .onb-hero__visual{min-width:0;position:relative;z-index:1}
.onb-application-page .onb-hero__visual .partner-handshake-stage{width:min(100%,520px)}
.onb-application-page .onb-hero__text h1{max-width:14ch}
.onb-application-page .onb-hero__text .onb-hero__lead{max-width:57ch}
@media(max-width:760px){
  .onb-application-page .onb-hero__layout{grid-template-columns:minmax(0,1fr);gap:12px}
  .onb-application-page .onb-hero__visual{max-width:460px;width:100%;margin-inline:auto}
  .onb-application-page .onb-hero__visual .partner-handshake-stage{width:min(100%,360px)}
  .onb-application-page .onb-hero__text h1{max-width:none}
}
@media(max-width:400px){.onb-application-page .onb-hero__visual .partner-handshake-stage{width:min(100%,315px)}}