/* ============================================================
   Blok hero-slider
   ============================================================ */
.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden}
.hero-bgimg{position:absolute;inset:0;background-size:cover;background-position:center 40%;opacity:.34;filter:saturate(1.05)}
.hero-veil{position:absolute;inset:0;background:linear-gradient(105deg,rgba(12,9,7,.96) 18%,rgba(12,9,7,.55) 55%,rgba(169,52,32,.18))}
.hero-inner{position:relative;z-index:2;width:100%;max-width:1280px;margin:0 auto;padding:140px clamp(20px,5vw,56px) 110px}
.hero .slide{display:none;animation:hs-slidein 1s cubic-bezier(.2,.8,.2,1)}
.hero .slide.on{display:block}
@keyframes hs-slidein{from{opacity:0;transform:translateY(34px)}to{opacity:1;transform:none}}
.hero h1{font-size:clamp(52px,8.6vw,90px);font-weight:900;margin-bottom:8px}
.hero h1 p{font-size:clamp(52px,8.6vw,90px);font-weight:900;margin-bottom:8px}
.hero h1 .hl{color:transparent;background:linear-gradient(100deg,var(--copper-hi),var(--blood) 55%,var(--blood-deep));-webkit-background-clip:text;background-clip:text}
.hero p{max-width:560px;font-size:clamp(15px,1.4vw,18px);color:var(--muted);margin:22px 0 38px}
.hero-ctas{display:flex;gap:16px;flex-wrap:wrap}

.hero-meta{position:absolute;z-index:3;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,56px) 26px}
.hero .dots{display:flex;gap:10px}
.hero .dots button{width:46px;height:4px;border:none;background:rgba(241,234,226,.18);cursor:pointer;transition:.3s;position:relative;overflow:hidden}
.hero .dots button.on::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--blood),var(--copper-hi));animation:hs-fill 6.5s linear forwards}
@keyframes hs-fill{from{transform:translateX(-100%)}to{transform:none}}
.hero-tag{font-family:var(--mono);font-size:11px;letter-spacing:.25em;color:var(--muted);text-transform:uppercase}

.hero-ecg{position:absolute;z-index:1;bottom:90px;left:0;width:100%;opacity:.5;pointer-events:none}
.hero-ecg svg{width:200%;min-width:1800px;height:80px;animation:pulseflow 7s linear infinite}
.hero-ecg path{fill:none;stroke:var(--blood);stroke-width:1.6;filter:drop-shadow(0 0 8px rgba(226,80,57,.9))}

@media(max-width:600px){
  .hero-tag{display:none}
}