:root{
--gold:#C7A062;--dark:#111;--light:#fff;
}
*{box-sizing:border-box}
body{margin:0;font-family:Montserrat,sans-serif;background:#f4f4f4;color:#111}
.hero{
position:relative;height:100vh;
background:url('hero.jpg') center top/cover no-repeat fixed;
display:flex;align-items:center;justify-content:center;color:#fff}
.overlay{position:absolute;inset:0;background:rgba(0,0,0,.45);backdrop-filter:blur(2px)}
nav{position:absolute;top:0;left:0;right:0;padding:28px 60px;display:flex;justify-content:space-between;z-index:2}
.logo{letter-spacing:8px;font-size:28px;font-weight:300}
.logo span{color:var(--gold)}
.cta,.button{border:1px solid var(--gold);padding:14px 26px;color:#fff;text-decoration:none;border-radius:40px}
.center{position:relative;z-index:2;text-align:center;max-width:900px;padding:20px}
.eyebrow{letter-spacing:6px;color:#ddd}
h1{font-size:64px;font-weight:300;line-height:1.15}
.sub{font-size:20px;max-width:700px;margin:25px auto 40px;color:#eee}
.button{background:var(--gold);color:#111;font-weight:600}
.glass{margin-top:-80px;position:relative;z-index:3;padding:0 40px}
.card{max-width:1100px;margin:auto;background:rgba(255,255,255,.75);backdrop-filter:blur(14px);padding:50px;border-radius:20px;box-shadow:0 20px 50px rgba(0,0,0,.15)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.grid div{padding:20px;border:1px solid #ddd;border-radius:12px;text-align:center}
.contact{text-align:center;padding:80px 20px}
@media(max-width:900px){
h1{font-size:42px}
.grid{grid-template-columns:1fr}
nav{padding:20px}
.logo{font-size:20px}
}