.hero{background:#102e50;color:white;position:relative;overflow:hidden}
.hero-photo{position:absolute;right:0;top:0;height:100%;width:58%;object-fit:cover}
.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#102e50 34%,#102e50d9 51%,#102e5015)}
.hero .container{position:relative;z-index:1;padding-top:78px;padding-bottom:85px}
.hero .eyebrow{color:#edc634}
.hero p{max-width:530px;color:#d6e0ea;font-size: clamp(14px, 0.78vw, 15px);}
.hero .tagline{font-size: clamp(16px, 1.15vw, 22px);color:white;margin: 15px 0;}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}




.hero .btn{transition:transform .25s ease,box-shadow .25s ease,background .25s ease}
.hero .btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,0,0,.25)}
.hero .btn.outline:hover{border-color:#edc634;color:#edc634}

@media(max-width:991px){
  .hero-photo{width:100%;opacity:.35}
  .hero:after{background:linear-gradient(90deg,#102e50e8,#102e5066)}
  .hero .container{padding-top:58px;padding-bottom:62px}
  .actions {gap: 5px;margin-top: 20px;}
}