/* CTA Popup — Composited animation + scroll lock + accessibility */

/* Composited animation: transform+opacity run on GPU, no paint/layout cost */
@keyframes hscPulse {
  0%,100% { transform: scale(1);   opacity: 1; }
  50%       { transform: scale(1.08); opacity: .88; }
}
/* ── Scroll lock ──
   body{overflow:hidden} propagates to the viewport and removes the scrollbar,
   which reflows the whole page ~15px wider for as long as the popup is open.
   html{scrollbar-gutter:stable} (critical.css) keeps the gutter reserved so
   nothing moves. The .hsc-no-sbg branch is the fallback for browsers without
   scrollbar-gutter support — it pads the same width back in by hand. */
body.hsc-scroll-lock { overflow: hidden; }
html.hsc-no-sbg body.hsc-scroll-lock { padding-right: var(--hsc-sbw, 0px); }
html.hsc-no-sbg body.hsc-scroll-lock .fab-top { margin-right: var(--hsc-sbw, 0px); }

@media (prefers-reduced-motion: reduce) {
  #hscCtaPopup, #hscCtaPopupInner { transition: none !important; }
  .hsc-cta-pulse { animation: none !important; }
}
@media (max-width: 575.98px) {
  #hscCtaPopupInner { border-radius: 16px !important; }
  #hscCtaPopupInner h3 { font-size: 1.2rem !important; }
  #hscCtaPopupInner p { font-size: .87rem !important; }
  #hscCtaQuoteBtn { font-size: .92rem !important; padding: 13px 20px !important; }
}