/* Stable mobile-only sticky card stack. No absolute positioning. */
@media (max-width:600px){
 :root{--why-mobile-stack-top:max(78px,calc(env(safe-area-inset-top) + 70px))}
 #security.why-sticky-story{
  height:auto!important;
  min-height:0!important;
  padding:96px 0 34px!important;
  overflow:visible!important;
 }
 #security .why-sticky-story__viewport{
  position:relative!important;
  top:auto!important;
  display:block!important;
  width:min(420px,calc(100% - 32px))!important;
  height:auto!important;
  min-height:0!important;
  margin:0 auto!important;
  padding:0!important;
  overflow:visible!important;
 }
 #security .why-sticky-story__head{
  position:relative!important;
  z-index:1!important;
  margin:0 0 34px!important;
 }
 #security .why-sticky-story__layout{display:block!important;width:100%!important;min-height:0!important;overflow:visible!important}
 #security .why-sticky-story__steps{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0 0 12px!important;
  overflow:visible!important;
 }
 #security .why-sticky-step,
 #security .why-sticky-step:first-child,
 #security .why-sticky-step:not(:first-child),
 #security .why-sticky-step:nth-child(4){
  position:-webkit-sticky!important;
  position:sticky!important;
  inset:auto!important;
  width:100%!important;
  height:auto!important;
  min-height:158px!important;
  margin:0 0 14px!important;
  opacity:1!important;
  color:#f4f4f4!important;
  background:#050505!important;
  transform:none!important;
  filter:none!important;
  box-shadow:0 18px 46px rgba(0,0,0,.78),inset 0 1px 0 rgba(255,255,255,.025)!important;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  isolation:isolate!important;
 }
 #security .why-sticky-step:nth-child(1){top:var(--why-mobile-stack-top)!important;z-index:21!important}
 #security .why-sticky-step:nth-child(2){top:var(--why-mobile-stack-top)!important;z-index:22!important}
 #security .why-sticky-step:nth-child(3){top:var(--why-mobile-stack-top)!important;z-index:23!important}
 #security .why-sticky-step:nth-child(4){top:var(--why-mobile-stack-top)!important;z-index:24!important}
 #security .why-sticky-step::after{content:none!important;display:none!important}
 #security .why-sticky-story__visuals{display:none!important}
}
@media (max-width:600px) and (prefers-reduced-motion:reduce){
 #security .why-sticky-step{position:relative!important;top:auto!important;box-shadow:none!important}
 #security .why-sticky-story__steps{padding-bottom:0!important}
}

/* Keep the section title visible above the pinned card stack. */
@media (max-width:600px){
 :root{--why-mobile-heading-top:max(66px,calc(env(safe-area-inset-top) + 60px));--why-mobile-stack-top:max(126px,calc(env(safe-area-inset-top) + 120px))}
 #security .why-sticky-story__head{position:-webkit-sticky!important;position:sticky!important;top:var(--why-mobile-heading-top)!important;z-index:50!important;display:block!important;visibility:visible!important;opacity:1!important;margin:0 0 24px!important;padding:7px 0 13px!important;background:linear-gradient(180deg,#010101 0,#010101 76%,rgba(1,1,1,0) 100%)!important;pointer-events:none!important}
 #security .why-sticky-story__head h2{display:block!important;visibility:visible!important;opacity:1!important;margin:0!important;color:#f5f5f5!important;text-align:center!important}
}

/* The title belongs to the section intro and must scroll away before the stack ends. */
@media (max-width:600px){
 :root{--why-mobile-stack-top:max(78px,calc(env(safe-area-inset-top) + 70px))}
 #security .why-sticky-story__head{
  position:relative!important;
  top:auto!important;
  z-index:1!important;
  margin:0 0 34px!important;
  padding:0!important;
  background:none!important;
  pointer-events:auto!important;
 }
}

/* Pin the star field while the mobile card stack is being scrolled. */
@media (max-width:600px){
 #security.why-sticky-story>.section-particles{position:-webkit-sticky!important;position:sticky!important;top:0!important;right:auto!important;bottom:auto!important;left:0!important;width:100%!important;height:100svh!important;margin:0 0 -100svh!important;transform:none!important;overflow:hidden!important;pointer-events:none!important;will-change:auto!important}
 #security.why-sticky-story>.section-particles .section-stars-canvas{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;transform:none!important}
}
