:root{--lp-ease:cubic-bezier(.2, .7, .2, 1)}.lp-phone{--lp-device-w:414px;--lp-device-h:868px;width:calc(var(--lp-device-w) * var(--phone-scale,.6));height:calc(var(--lp-device-h) * var(--phone-scale,.6));flex-shrink:0;position:relative}.lp-phone-device{width:var(--lp-device-w);height:var(--lp-device-h);background-color:var(--cp-device-body);box-shadow:var(--cp-shadow-device);transform:scale(var(--phone-scale,.6));transform-origin:0 0;border-radius:64px;padding:12px;position:absolute;top:0;left:0}.lp-phone-screen{border-radius:52px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.lp-phone-content{flex:1;min-height:0;position:relative;overflow:hidden}.lp-phone-island{background-color:var(--cp-device-glass);border-radius:20px;width:124px;height:36px;position:absolute;top:23px;left:50%;transform:translate(-50%)}.lp-screen{opacity:0;transition:opacity .5s var(--lp-ease), transform .5s var(--lp-ease);flex-direction:column;display:flex;position:absolute;inset:0;transform:translateY(12px)scale(.985)}.lp-screen[data-active]{opacity:1;transform:none}.lp-fade{opacity:0;transition:opacity .6s var(--lp-ease)}.lp-fade[data-active]{opacity:1}@keyframes lp-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes lp-phone-in{0%{opacity:0;transform:translateY(56px)scale(.96)}to{opacity:1;transform:none}}@keyframes lp-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.lp-enter{animation:lp-rise .7s var(--lp-ease) both;animation-delay:var(--lp-delay,0s)}.lp-phone-enter{animation:lp-phone-in 1s var(--lp-ease) both;animation-delay:var(--lp-delay,0s)}.lp-float{animation:7s ease-in-out infinite lp-float;animation-delay:var(--lp-float-delay,0s)}[data-motion=on] [data-reveal]{transition:opacity .8s var(--lp-ease), transform .8s var(--lp-ease);transition-delay:var(--lp-delay,0s)}[data-motion=on] [data-reveal]:not([data-revealed]){opacity:0;transform:translateY(28px)}@media (min-width:1024px){[data-motion=on] .lp-step{transition:opacity .5s var(--lp-ease)}[data-motion=on] .lp-step:not([data-active]){opacity:.4}}@keyframes lp-story-out{0%,40%{opacity:1;transform:none}45%,92%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes lp-story-in{0%,42%{opacity:0;transform:translateY(24px)}49%,90%{opacity:1;transform:none}97%,to{opacity:0;transform:translateY(24px)}}@keyframes lp-story-press{0%,32%,39%,to{transform:none}35%{transform:scale(.94)}}@keyframes lp-story-tap{0%,31%{opacity:0;transform:translate(-50%,-50%)scale(.4)}34%{opacity:.5}40%,to{opacity:0;transform:translate(-50%,-50%)scale(1.6)}}.lp-story-done{opacity:0}.lp-story-tap{background-color:var(--cp-surface);opacity:0;pointer-events:none;border-radius:9999px;width:56px;height:56px;position:absolute;top:50%;left:50%}[data-playing] .lp-story-pending{animation:lp-story-out 9s var(--lp-ease) infinite}[data-playing] .lp-story-done{animation:lp-story-in 9s var(--lp-ease) infinite}[data-playing] .lp-story-press{animation:9s ease-in-out infinite lp-story-press}[data-playing] .lp-story-tap{animation:9s ease-out infinite lp-story-tap}.lp-press{transition:transform .15s var(--lp-ease), opacity .15s var(--lp-ease)}@media (hover:hover){.lp-press:hover{transform:translateY(-1px)}}.lp-press:active{transform:scale(.97)}@media (prefers-reduced-motion:reduce){.lp-enter,.lp-phone-enter,.lp-float,.lp-story-pending,.lp-story-done,.lp-story-press,.lp-story-tap{animation:none!important}.lp-story-pending{opacity:0}.lp-story-done{opacity:1}[data-reveal],.lp-screen,.lp-fade,.lp-step{transition:none!important}[data-reveal]{opacity:1!important;transform:none!important}.lp-press:hover,.lp-press:active{transform:none}}