@keyframes pulse-ring{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}.pulse-ring:after{content:"";border:2px solid var(--g-pink);border-radius:999px;animation:1.8s infinite pulse-ring;position:absolute;inset:0}.phone-body{background:linear-gradient(155deg,#4a4158,#17121f 42%,#322b44);border-radius:46px;width:296px;padding:9px;box-shadow:0 28px 55px -22px #1c102480,0 2px 5px #1c10241f}.phone-screen{background:var(--bg);border-radius:38px;flex-direction:column;height:604px;display:flex;position:relative;overflow:hidden}.phone-screen-dark{background:var(--gradient-hero)}.phone-island{pointer-events:none;z-index:2;background:#14101f;border-radius:999px;width:74px;height:20px;position:absolute;top:9px;left:50%;transform:translate(-50%)}.snapshot-rail{scroll-snap-type:x mandatory;scrollbar-width:none;gap:28px;padding:8px 20px 28px;display:flex;overflow-x:auto}.snapshot-rail::-webkit-scrollbar{display:none}.snapshot-item{scroll-snap-align:center;flex:none;width:296px}.snapshot-item .phone-body{transition:transform .25s}@media (hover:hover){.snapshot-item:hover .phone-body{transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.pulse-ring:after{animation:none}}