.hse-wrap{
  position:relative;
  max-width:1200px;
  margin:0 auto;
  overflow:hidden;
  border-radius:16px;
}
.hse-track{
  display:flex;
  transition: transform .6s ease;
  width:100%;
}
.hse-slide{
  min-width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:40px;
  padding:70px 60px;
  box-sizing:border-box;
  flex-wrap:wrap;
}
.hse-left{ flex:1 1 420px; max-width:600px; }
.hse-heading{
  font-size:44px;
  line-height:1.15;
  font-weight:800;
  color:#171a3d;
  margin:0 0 22px 0;
}
.hse-accent{ color:#c8102e; }
.hse-sub{
  font-size:16px;
  line-height:1.6;
  color:#585b74;
  margin:0 0 30px 0;
  max-width:520px;
}
.hse-buttons{ display:flex; gap:16px; flex-wrap:wrap; }
.hse-btn{
  display:inline-block;
  padding:16px 30px;
  border-radius:30px;
  font-weight:700;
  font-size:15px;
  text-decoration:none;
  transition:transform .2s ease, box-shadow .2s ease;
}
.hse-btn-primary{
  background:#c8102e;
  color:#fff !important;
  box-shadow:0 10px 25px rgba(200,16,46,.35);
}
.hse-btn-secondary{
  background:#fff;
  color:#171a3d !important;
  border:1px solid #e2e2ea;
}
.hse-btn:hover{ transform:translateY(-2px); }

.hse-right{ flex:1 1 420px; display:flex; justify-content:center; }
.hse-card{
  position:relative;
  background:#fff;
  border-radius:20px;
  padding:20px;
  box-shadow:0 25px 60px rgba(23,26,61,.12);
  max-width:520px;
  width:100%;
}
.hse-imgbox{
  border-radius:14px;
  overflow:hidden;
  aspect-ratio: 16/10;
  display:flex;
  align-items:center;
  justify-content:center;
}
.hse-img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.hse-stat{
  position:absolute;
  left:20px;
  bottom:-28px;
  background:#fff;
  border-radius:14px;
  box-shadow:0 15px 35px rgba(23,26,61,.15);
  padding:16px 22px;
  display:flex;
  align-items:center;
  gap:14px;
}
.hse-stat-text{ display:flex; flex-direction:column; line-height:1.2; }
.hse-stat-text strong{ font-size:20px; color:#171a3d; }
.hse-stat-text small{ font-size:12px; color:#8b8ea3; }

.hse-dots{
  display:flex;
  gap:8px;
  padding:0 60px 30px;
}
.hse-dots button{
  width:28px; height:5px;
  border-radius:3px;
  border:none;
  background:#dcdce6;
  cursor:pointer;
  padding:0;
}
.hse-dots button.active{ background:#c8102e; width:34px; }

@media (max-width:768px){
  .hse-slide{ padding:40px 24px 60px; }
  .hse-heading{ font-size:30px; }
  .hse-dots{ padding:0 24px 24px; }
}