body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}

.hero-slider{position:relative;background:#0f172a;overflow:hidden;}
.hero-slider::before{content:"";display:block;padding-top:75%;}
.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity .6s ease;}
.hero-slide.is-active{opacity:1;}
.hero-slide img{width:100%;height:100%;object-fit:cover;display:block;}
.hero-cap{position:absolute;left:16px;bottom:16px;padding:6px 12px;border-radius:999px;background:rgba(2,6,23,.72);border:1px solid rgba(255,255,255,.15);color:#fff;font-size:12px;font-weight:600;letter-spacing:.2px;backdrop-filter:blur(6px);}
.hero-dots{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:12px;}
.hero-dot{width:8px;height:8px;border-radius:999px;background:rgba(255,255,255,.28);border:0;padding:0;cursor:pointer;transition:width .2s,background .2s;}
.hero-dot:hover{background:rgba(255,255,255,.55);}
.hero-dot.is-active{width:26px;background:#22d3ee;}
@media (prefers-reduced-motion:reduce){
  .hero-slide,.hero-dot{transition:none;}
}