/* v9.9.3 — SafeRec homepage certification reveal (homepage only)
   Timeline: 0–1.5s normal homepage, 1.5–4.0s visible animation.
   This has no external library or JavaScript dependency. */
.saferec-intro {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  pointer-events: none;
  background: transparent;
}
.saferec-intro__stage {
  width: min(84vw, 82vh, 720px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: clamp(4px, 1.1vh, 14px);
  opacity: 0;
  transform: translate3d(0, 0, 0) scale(1.25);
  transform-origin: 50% 50%;
  animation: saferec-reveal 2.5s linear 1.5s both;
  will-change: transform, opacity;
}
.saferec-intro__badge {
  display: block;
  width: min(78vw, 68vh, 660px);
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: contain;
  filter: drop-shadow(0 14px 25px rgba(7, 33, 48, .24));
}
.saferec-intro__words {
  display: inline-block;
  margin: -4.5vh 0 0;
  padding: 10px clamp(18px, 3vw, 38px);
  color: #fff;
  background: rgba(7, 34, 51, .94);
  border: 1px solid rgba(71, 235, 170, .7);
  border-radius: 100px;
  box-shadow: 0 12px 32px rgba(3, 27, 47, .18);
  font-family: Aptos, Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
  font-size: clamp(1.12rem, 2.65vw, 2.3rem);
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -.017em;
  text-align: center;
  white-space: nowrap;
}
.saferec-intro__words strong { color: #32e99b; font-weight: 850; }
@keyframes saferec-reveal {
  0%   { opacity: 0; transform: translate3d(0, 1vh, 0) scale(1.3); }
  12%  { opacity: 1; transform: translate3d(0, 0, 0) scale(1.12); }
  32%  { opacity: 1; transform: translate3d(0, 0, 0) scale(1.08); }
  50%  { opacity: .88; transform: translate3d(0, -2vh, 0) scale(.79); }
  75%  { opacity: .48; transform: translate3d(0, -7vh, 0) scale(.42); }
  100% { opacity: 0; transform: translate3d(0, -11vh, 0) scale(.08); }
}
@media (max-width: 540px) {
  .saferec-intro__stage { width: 94vw; }
  .saferec-intro__badge { width: min(88vw, 63vh); }
  .saferec-intro__words { padding: 10px 17px; font-size: clamp(.99rem, 4.8vw, 1.35rem); }
}
/* Respect people who disable animation in device accessibility settings. */
@media (prefers-reduced-motion: reduce) {
  .saferec-intro { display: none !important; }
  .saferec-intro__stage { animation: none !important; }
}