.sky-solution .live-alert-demo { position: relative; display: grid; place-items: center; background: #f5f5f5; }
.sky-solution .location-map-demo { display: grid; place-items: center; background: #f5f5f5; }
.sky-solution .location-map-demo img { width: 44%; height: auto; aspect-ratio: 1611 / 3323; }
.live-alert-demo .live-phone { position: relative; width: 44%; aspect-ratio: 1611 / 3323; }
.live-alert-demo .live-phone::before { content: ''; position: absolute; left: 2.5%; top: .6%; width: 95%; height: 98.8%; border-radius: 19% / 9%; background: #0d152b; }
.sky-solution .live-alert-demo .phone-frame { position: absolute; inset: 0; width: 100%; height: 100%; mix-blend-mode: multiply; }
.live-alert-demo .phone-display { position: absolute; left: 3.6%; top: 1.4%; width: 92.8%; height: 97%; border-radius: 18% / 8.3%; overflow: hidden; background: #0d152b; }
.sky-solution .live-alert-demo .phone-home { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: fill; }
.live-alert-demo .phone-island { position: absolute; left: 39.04%; top: 3.13%; width: 21.97%; height: 4.21%; border-radius: 999px; overflow: hidden; background: #000; mix-blend-mode: multiply; pointer-events: none; }
.sky-solution .live-alert-demo .phone-island img { width: 100%; height: 100%; object-fit: fill; }
.live-alert-demo .alert-carousel { position: absolute; left: 0; top: 18%; width: 100%; height: 46.4%; overflow: hidden; background: #0d152b; transition: opacity 180ms ease; }
.sky-solution .live-alert-demo .alert-slide { position: absolute; left: 5.5%; top: 0; width: 89%; height: 100%; object-fit: fill; border-radius: 4.2%; transform-origin: left center; transform: translateX(102.1%) scale(.88); transition: transform 850ms cubic-bezier(.22,.75,.18,1); }
.live-alert-demo[data-step="0"] .alert-slide:nth-child(1),
.live-alert-demo[data-step="1"] .alert-slide:nth-child(2),
.live-alert-demo[data-step="2"] .alert-slide:nth-child(3) { transform: translateX(0) scale(1); }
.live-alert-demo[data-step="0"] .alert-slide:nth-child(3) { transform: translateX(204.2%) scale(.88); }
.live-alert-demo[data-step="1"] .alert-slide:nth-child(1),
.live-alert-demo[data-step="2"] .alert-slide:nth-child(2) { transform-origin: right center; transform: translateX(-102.1%) scale(.88); }
.live-alert-demo[data-step="2"] .alert-slide:nth-child(1) { transform: translateX(-204.2%) scale(.88); }
.live-alert-demo.is-resetting .alert-carousel { opacity: 0; }
.live-alert-demo.is-resetting .alert-slide { transition: none; }
.live-alert-demo .phone-dots { position: absolute; left: 0; top: 65.4%; width: 100%; height: 3%; display: flex; align-items: center; justify-content: center; gap: 2%; background: #0d152b; }
.live-alert-demo .phone-dots span { width: 2%; aspect-ratio: 1; border-radius: 50%; background: #555b6e; transition: background-color 400ms ease; }
.live-alert-demo[data-step="0"] .phone-dots span:nth-child(1),
.live-alert-demo[data-step="1"] .phone-dots span:nth-child(2),
.live-alert-demo[data-step="2"] .phone-dots span:nth-child(3) { background: #fff; }
@media (prefers-reduced-motion: reduce) {
  .live-alert-demo .alert-carousel, .sky-solution .live-alert-demo .alert-slide, .live-alert-demo .phone-dots span { transition: none; }
}