.social-proof-toast {
  position: fixed;
  z-index: 3600;
  left: clamp(1rem, 2.4vw, 2rem);
  bottom: clamp(1rem, 2.4vw, 2rem);
  width: min(25rem, calc(100vw - 2rem));
  min-height: 6.25rem;
  display: grid;
  grid-template-columns: 3.25rem minmax(0, 1fr) 2.75rem;
  align-items: center;
  gap: .9rem;
  padding: .9rem .75rem .9rem .9rem;
  color: #092a40;
  background: rgba(255, 255, 255, .98);
  border: 1px solid #cfe1e8;
  border-top: 4px solid #075fca;
  border-radius: 1.15rem;
  box-shadow: 0 22px 55px rgba(5, 53, 75, .24);
  opacity: 0;
  transform: translate3d(0, 1.25rem, 0);
  transition: opacity .26s ease, transform .26s ease;
}
.social-proof-toast[hidden] { display: none; }
.social-proof-toast.is-visible { opacity: 1; transform: translate3d(0, 0, 0); }
.social-proof-icon {
  width: 3.25rem;
  height: 3.25rem;
  display: grid;
  place-items: center;
  color: #fff;
  background: linear-gradient(145deg, #075fca, #0796d2);
  border-radius: 1rem;
  box-shadow: 0 8px 18px rgba(7, 95, 202, .2);
}
.social-proof-icon svg { width: 1.55rem; height: 1.55rem; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
.social-proof-copy { min-width: 0; display: block; }
.social-proof-copy strong { display: block; margin: .12rem 0; font-size: .94rem; line-height: 1.32; font-weight: 800; }
.social-proof-copy small { display: block; color: #547084; font-size: .73rem; line-height: 1.3; }
.social-proof-copy .social-proof-eyebrow { color: #087d63; font-size: .68rem; font-weight: 800; letter-spacing: .055em; text-transform: uppercase; }
.social-proof-toast button {
  position: static;
  width: 2.75rem;
  height: 2.75rem;
  display: grid;
  place-items: center;
  padding: 0;
  color: #547084;
  background: #f2f8ff;
  border: 0;
  border-radius: 50%;
}
.social-proof-toast button:hover { color: #071f3d; background: #eaf6ff; }
.social-proof-toast button:focus-visible { outline: 3px solid #ffc83d; outline-offset: 2px; }
.social-proof-toast button svg { width: 1.15rem; height: 1.15rem; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; }
@media (max-width: 720px) {
  .social-proof-toast { left: 1rem; bottom: 5.75rem; grid-template-columns: 2.8rem minmax(0, 1fr) 2.75rem; min-height: 5.75rem; border-radius: 1rem; }
  .social-proof-icon { width: 2.8rem; height: 2.8rem; border-radius: .85rem; }
}
@media (prefers-reduced-motion: reduce) {
  .social-proof-toast { transition: none; }
}