.hero-fx{width:100%;max-width:500px;margin:0 auto;padding-bottom:78px}
.car{position:relative;width:100%;aspect-ratio:1}
.car .slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility 0s .4s}
.car .slide.on{opacity:1;visibility:visible;transition:opacity .4s ease}
.car .pic{position:absolute;inset:6%;border-radius:50%;overflow:hidden}
.car .pic img{width:100%;height:100%;display:block;object-fit:cover;filter:drop-shadow(0 0 22px rgba(30,167,255,.45))}
.car .hud{position:absolute;z-index:4;font:600 11px Montserrat,sans-serif;color:#8fd8ff;letter-spacing:.12em;text-transform:uppercase;opacity:.9}
.car .ill{background:rgba(0,0,0,.55);padding:4px 8px;border:1px solid rgba(143,216,255,.35);border-radius:6px}
.car .ring{position:absolute;width:7%;aspect-ratio:1;border:2.5px solid #1ea7ff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 12px #1ea7ff;z-index:3}
.car .ring.sm{width:5%;border-width:1.5px;box-shadow:0 0 6px rgba(30,167,255,.7)}
.car .lbl{position:absolute;z-index:4;transform:translateY(-50%);white-space:nowrap;font:600 11px Montserrat,sans-serif;color:#cfeaff;letter-spacing:.04em;background:rgba(0,0,0,.7);padding:4px 8px;border-radius:5px;border-left:2px solid #1ea7ff}
.car .ln{position:absolute;height:2px;background:#1ea7ff;box-shadow:0 0 6px #1ea7ff;z-index:3;transform:translateY(-50%)}
.car-nav{position:absolute;left:0;right:0;bottom:-46px;display:flex;justify-content:center;align-items:center;gap:14px;z-index:5}
.car-nav button{font:700 18px Montserrat,sans-serif;color:#8fd8ff;background:rgba(30,167,255,.08);border:1px solid rgba(30,167,255,.35);border-radius:50%;width:36px;height:36px;cursor:pointer;display:grid;place-items:center}
.car-nav button:hover,.car-nav button:focus-visible{background:rgba(30,167,255,.25);outline:2px solid #1ea7ff;outline-offset:2px}
.car-dots{display:flex;gap:8px}
.car-dots button{width:10px;height:10px;padding:0;border-radius:999px;background:rgba(255,255,255,.25);border:0;transition:width .3s,background .3s}
.car-dots button[aria-current=true]{width:26px;background:#1ea7ff;box-shadow:0 0 8px #1ea7ff}
.car-cap{position:absolute;left:0;right:0;bottom:-74px;text-align:center;font:600 12px Montserrat,sans-serif;color:#a9b3bd;letter-spacing:.06em}
@media (prefers-reduced-motion:reduce){
  .car .slide,.car .slide.on{transition:none}
  .car-dots button{transition:none}
}
@media (max-width:900px){
  .hero-fx{max-width:360px;padding-bottom:70px}
  .car .lbl{font-size:10px;white-space:normal;max-width:42%}
}