.slider{position:relative;height:650px;overflow:hidden;background:#0b1027}
.slider .slide{position:absolute;inset:0;opacity:0;transition:opacity .8s ease;background-size:cover;background-position:center}
.slider .slide.active{opacity:1}
.slider .overlay{position:absolute;inset:0;background:linear-gradient(90deg, rgba(11,16,39,.86) 0%, rgba(11,16,39,.54) 55%, rgba(11,16,39,.22) 100%)}
.hero{position:relative;color:#fff}
.hero .inner{position:absolute;inset:0;display:flex;align-items:center}
.hero .content{max-width:720px;padding:18px}
.hero h1{font-size:44px;line-height:1.1;margin:0 0 10px}
.hero p{margin:0 0 18px;font-size:16px;color:rgba(255,255,255,.88)}
.hero .actions{display:flex;gap:12px;flex-wrap:wrap}
.hero .meta{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap}
.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);font-weight:600;font-size:13px}
.slider .controls{position:absolute;inset:auto 0 18px 0;display:flex;justify-content:space-between;align-items:center;padding:0 16px}
.icon-btn{width:44px;height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.32);background:rgba(255,255,255,.12);color:#fff;cursor:pointer}
.icon-btn:hover{background:rgba(255,255,255,.2)}
.dots{display:flex;gap:8px;justify-content:center;flex:1}
.dot{width:10px;height:10px;border-radius:999px;border:1px solid rgba(255,255,255,.55);background:rgba(255,255,255,.18);cursor:pointer}
.dot.active{background:var(--brand-accent);border-color:var(--brand-accent)}
@media (max-width:900px){.hero h1{font-size:34px}}