.wz-em {

  --wz-em-shadow: #3a1a2c;

  --wz-em-chip: #f4f0f4;
  --wz-em-neutral: #f2f2f2;
  --wz-em-surface-soft: #fcfafc;
  --wz-em-chrome: #54656f;
  --wz-em-bounce: #d69a31;

  --wz-em-ok-wash: color-mix(in srgb, var(--wz-btn-teal) 8%, #fff);
  --wz-em-ok-line: color-mix(in srgb, var(--wz-btn-teal) 18%, #fff);

  position: relative;
  padding: var(--wz-sec-y) 0;
  overflow: hidden;
  color: var(--wz-ink);
  font-family: var(--wz-ui-font);
  isolation: isolate;
}

.wz-em :where(h1, h2, h3, h4, p, figure, ul, li) { margin: 0; padding: 0; }
.wz-em :where(ul) { list-style: none; }

.wz-em__inner { max-width: 1140px; margin: 0 auto; padding: 0 20px; }
.wz-em__split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 54px; align-items: center; }
.wz-em__copy { min-width: 0; }
.wz-em__copy > .wz-pill { margin-bottom: var(--wz-head-pill-gap); }
.wz-em__rose { color: var(--wz-accent); }
.wz-em__icon { display: block; flex: none; width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.wz-em .wz-pill { display: inline-flex; align-items: center; gap: 8px; }
.wz-em .wz-pill .wz-em__icon { width: 17px; height: 17px; }
.wz-em__btns { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.wz-em__link { display: inline-flex; align-items: center; min-height: 44px; color: var(--wz-accent); font-size: 15px; font-weight: 700; gap: 7px; }
.wz-em__link .wz-em__icon { width: 17px; height: 17px; }
.wz-em__link:hover { color: var(--wz-btn-bg-hover); text-decoration: underline; text-underline-offset: 4px; }
.wz-em__link:focus-visible, .wz-em summary:focus-visible { outline: 2px solid var(--wz-accent); outline-offset: 4px; border-radius: 4px; }
.wz-em__note { font-size: 12px; line-height: 1.65; color: var(--wz-ink-mute); }
.wz-em__copy > .wz-em__note { margin-top: 20px; }
.wz-em__mini-benefit { margin-top: 18px; color: var(--wz-ink-mute); font-size: 13px; line-height: 1.65; }

@media (min-width: 768px) and (max-width: 1024px) {
  .wz-em__split { gap: 32px; }
}

@media (max-width: 767px) {

  .wz-em__split { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .wz-em__btns { gap: 10px; }
  .wz-em__note { font-size: 11px; }
  .wz-em__mini-benefit { font-size: 12px; }
}

@media (prefers-reduced-motion: reduce) {
  .wz-em *, .wz-em *::before, .wz-em *::after { scroll-behavior: auto; }
}