:root{--accent:#087ff5;--dark:#071923}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{font-family:"Inter",sans-serif;background:var(--dark);color:#fff}
.navbar{display: flex;justify-content: center;align-items: center;}
.hero{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:center;overflow:hidden;isolation:isolate}
.hero-photo{position:absolute;inset:0;z-index:-2;background:url("data:assets/images/hero-photo.jpg") center center/cover no-repeat}
.hero-photo {
    background: url("../../assets/images/hero-photo.jpg") center center / cover no-repeat;
}
.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,19,28,1) 0%,rgba(5,19,28,.98) 25%,rgba(5,19,28,.82) 39%,rgba(5,19,28,.35) 53%,rgba(5,19,28,.02) 70%,rgba(5,19,28,.08) 100%)}
.hero-inner{width:100%;padding-top:clamp(60px,10vh,120px);padding-bottom:clamp(60px,10vh,120px)}
.hero-content{max-width:620px}
.hero-title{margin:0 0 34px;font-size:48px;line-height:1.08;letter-spacing:-.045em;font-weight:800}
.hero-text{max-width:600px;margin:0 0 42px;color:rgba(255,255,255,.9);font-size:clamp(1rem,1.15vw,1.25rem);line-height:1.75}
.hero-button{display:inline-flex;align-items:center;justify-content:center;min-width:208px;min-height:62px;padding:16px 28px;border:0;border-radius:3px;background:var(--accent);color:#fff;font-weight:700;text-decoration:none;transition:.2s ease}
.hero-button:hover{background:#006fe0;color:#fff;transform:translateY(-2px)}



@media(max-width:991.98px){
.hero{align-items:center}
.hero-photo{background-position:65% center}
.hero:before{background:linear-gradient(180deg,rgba(5,19,28,.05) 0%,rgba(5,19,28,.10) 30%,rgba(5,19,28,.62) 55%,rgba(5,19,28,.96) 72%,rgba(5,19,28,1) 100%)}
.hero-inner{padding-top:40px;padding-bottom:40px}
.hero-content{max-width:760px}
.hero-title{margin-bottom:24px}
.hero-text{margin-bottom:30px;line-height:1.65}
}
@media(max-width:575.98px){
.hero-photo{background-position:63% center}
.hero-inner{padding:30px;}
.hero-title{font-size:clamp(2.35rem,11vw,3.35rem);letter-spacing:-.04em}
.hero-text{font-size:.98rem;line-height:1.65}
.hero-button{width:100%;min-height:56px}
}