.hero{min-height:760px;position:relative;display:flex;align-items:center;overflow:hidden;background:var(--blue-dark)}
.hero .container{width:min(1180px,92%);margin:auto}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;z-index:1}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:1;background:var(--blue-dark)}
.hero-gradient{position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(7,18,38,.82) 0%,rgba(7,18,38,.54) 42%,rgba(7,18,38,.08) 100%)}
.hero-content{position:relative;z-index:3;padding-top:70px;max-width:1180px}
.hero .eyebrow{display:inline-flex;color:var(--surface);font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:13px;margin-bottom:16px}
.hero h1{font-size:clamp(4rem,9vw,4rem);line-height:.85;margin:0 0 22px;color:#fff;letter-spacing:-.07em;text-shadow:0 10px 30px rgba(0,0,0,.25)}
.hero p{font-size:22px;line-height:1.5;max-width:590px;color:#eef4ff;text-shadow:0 8px 22px rgba(0,0,0,.2)}
.hero-buttons{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.hero .btn-primary{background:var(--blue);color:#fff!important;border-radius:999px;padding:14px 22px;font-weight:800;box-shadow:0 12px 30px rgba(36,69,130,.25);border:0;cursor:pointer}
.hero .btn-secondary{border:1px solid rgba(255,255,255,.55);color:#fff;border-radius:999px;padding:14px 22px;font-weight:800;background:rgba(255,255,255,.12)}

@media(max-width:900px){
  .hero{min-height:720px;align-items:flex-end}
  .hero-gradient{background:linear-gradient(180deg,rgba(7,18,38,.18),rgba(7,18,38,.72) 50%,rgba(7,18,38,.88) 100%)}
  .hero-content{padding-bottom:60px}
}
@media(max-width:560px){
  .hero h1{font-size:60px}
  .hero p{font-size:18px}
  .hero-buttons{display:grid}
  .hero .btn-primary,.hero .btn-secondary{text-align:center}
}