.phone-demo .screen,.phone-demo .map-layer{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s ease,transform .35s ease,visibility 0s linear .35s}.phone-demo .screen{transform:translate(18px)}.phone-demo .screen.is-active,.phone-demo .map-layer.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:opacity .35s ease,transform .35s ease,visibility 0s}.phone-demo .screen.is-active .tip{animation:demo-tip-in .4s ease .25s both}.phone-demo .screen.is-active .notification{animation:demo-notification-in .45s cubic-bezier(.22,1,.36,1) .15s both}.phone-demo .status-pop{animation:demo-status-pop .35s ease both}.phone-demo .demo-pulse{animation:demo-pulse 1.6s ease-out infinite}.phone-demo .demo-glow{box-shadow:0 0 0 4px #1fa7a359;animation:demo-glow 1.6s ease-in-out infinite}.phone-demo .demo-step{display:flex;flex-direction:column;align-items:center;gap:4px;width:38px;flex-shrink:0}.phone-demo .demo-step-circle{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:9999px;border:2px solid #E5E5E5;color:#fff;transition:background-color .3s ease,border-color .3s ease}.phone-demo .demo-step-check,.phone-demo .demo-step-icon{display:none}.phone-demo .demo-step-check{font-size:12px;font-weight:600}.phone-demo .demo-step-label{font-size:7.5px;line-height:1.2;text-align:center;color:#666;white-space:nowrap}.phone-demo .demo-step.is-done .demo-step-circle,.phone-demo .demo-step.is-current .demo-step-circle{background:#1fa7a3;border-color:#1fa7a3;animation:demo-step-pop .4s cubic-bezier(.34,1.56,.64,1) both}.phone-demo .demo-step.is-done .demo-step-check,.phone-demo .demo-step.is-current .demo-step-icon{display:block}.phone-demo .demo-step.is-done .demo-step-label,.phone-demo .demo-step.is-current .demo-step-label{color:#191a23;font-weight:600}.phone-demo .demo-step-line{flex:1;padding-top:12px}.phone-demo .demo-step-line>span{display:block;height:2px;margin:0 1px;background:linear-gradient(#1fa7a3,#1fa7a3) left / 0% 100% no-repeat #e5e5e5;transition:background-size .45s ease}.phone-demo .demo-step-line>span.is-filled{background-size:100% 100%}.phone-demo .demo-form-label{margin:8px 0 6px;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#1fa7a3}.phone-demo .demo-dot{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}.phone-demo .demo-dot-track{display:flex;align-items:center;align-self:stretch}.phone-demo .demo-dot-track>span{flex:1;height:2px;background:#e5e5e5;transition:background-color .3s ease}.phone-demo .demo-dot:first-child .demo-dot-track>span:first-child,.phone-demo .demo-dot:last-child .demo-dot-track>span:last-child{background:transparent}.phone-demo .demo-dot-track>i{width:8px;height:8px;border-radius:9999px;border:2px solid #E5E5E5;transition:background-color .3s ease,border-color .3s ease}.phone-demo .demo-dot-label{font-size:7px;color:#666;white-space:nowrap}.phone-demo .demo-dot.is-active .demo-dot-track>i{background:#1fa7a3;border-color:#1fa7a3}.phone-demo .demo-dot.is-active .demo-dot-label{color:#1fa7a3;font-weight:600}.phone-demo .demo-dot.is-left-active .demo-dot-track>span:first-child,.phone-demo .demo-dot.is-right-active .demo-dot-track>span:last-child{background:#1fa7a3}@keyframes demo-tip-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes demo-notification-in{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:none}}@keyframes demo-status-pop{0%{opacity:.4;transform:scale(.75)}to{opacity:1;transform:none}}@keyframes demo-pulse{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(1.35)}}@keyframes demo-glow{0%,to{box-shadow:0 0 0 4px #1fa7a359}50%{box-shadow:0 0 0 6px #1fa7a326}}@keyframes demo-step-pop{0%{transform:scale(.5)}to{transform:none}}@media(prefers-reduced-motion:reduce){.phone-demo .screen,.phone-demo .screen.is-active,.phone-demo .map-layer,.phone-demo .map-layer.is-active{transform:none;transition:none}.phone-demo .screen.is-active .tip,.phone-demo .screen.is-active .notification,.phone-demo .status-pop,.phone-demo .demo-pulse,.phone-demo .demo-glow,.phone-demo .demo-step-circle{animation:none}}