/* hero.css */
.hero{
 position:relative;
 height:100vh;
 min-height:900px;
 display:flex;
 align-items:center;
 overflow:hidden;
}
.hero-bg{
 position:absolute;
 inset:0;
 background:url('../images/hero.jpg') center center/cover no-repeat;
 transform:scale(1.08);
 will-change:transform;
 z-index:1;
}
.hero-overlay{
 position:absolute;
 inset:0;
 background:linear-gradient(90deg,
 rgba(9,16,23,.88),
 rgba(9,16,23,.55),
 rgba(9,16,23,.08));
 z-index:2;
}
.hero-content{position:relative;z-index:3;width:100%}
.hero-text{max-width:680px;margin-left:8%}
.hero-top{
 letter-spacing:4px;
 text-transform:uppercase;
 color:#7DD7D4;
 font-size:.9rem;
}
.hero h1{
 font-family:'Michroma',sans-serif;
 margin-top:18px;
 font-size:clamp(3.8rem,8vw,7rem);
 line-height:.95;
}
.hero h1 span{display:block;color:#74D7D5}
.hero p{
 margin-top:34px;
 max-width:620px;
 line-height:1.8;
 color:var(--text-muted);
 font-size:1.2rem;
}
.hero-buttons{display:flex;gap:18px;margin-top:46px}
.btn-primary{
 padding:18px 34px;
 border-radius:999px;
 background:var(--gradient);
}
.btn-primary:hover{
 transform:translateY(-4px);
 box-shadow:0 18px 45px rgba(26,167,161,.35);
}
.btn-secondary{
 padding:18px 34px;
 border-radius:999px;
 border:1px solid rgba(255,255,255,.25);
 backdrop-filter:blur(20px);
}
.scroll-indicator{
 position:absolute;
 left:50%;
 bottom:40px;
 transform:translateX(-50%);
 z-index:4;
}