/* Contacts slide in only after the first pair leaves the viewport. */
.mobile-cta{transform:translateY(110%);opacity:0;visibility:hidden;pointer-events:none;transition:transform .28s ease,opacity .2s ease,visibility .28s}
.mobile-cta.is-visible{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto}
.roach-peek{position:fixed;right:-5px;bottom:30px;width:72px;height:108px;z-index:110;pointer-events:none;overflow:visible;transform:translateX(115%) rotate(-18deg);opacity:0;filter:drop-shadow(0 3px 3px #0005)}
.roach-peek.is-peeking{animation:roachPeek 4.2s ease-in-out both}.roach-peek svg{width:100%;height:100%;display:block}
@keyframes roachPeek{0%,100%{transform:translateX(115%) rotate(-18deg);opacity:0}18%{transform:translateX(28%) rotate(-18deg);opacity:1}30%,64%{transform:translateX(12%) rotate(-12deg);opacity:1}74%{transform:translateX(26%) rotate(-18deg);opacity:1}90%{transform:translateX(115%) rotate(-18deg);opacity:0}}
@media(max-width:680px){.roach-peek{bottom:calc(90px + env(safe-area-inset-bottom));width:56px;height:84px}}
@media(prefers-reduced-motion:reduce){.mobile-cta{transition:none}.roach-peek{display:none!important;animation:none!important}}