:root{--ink:#132031;--sea:#264a67;--sand:#f7f2ea;--gold:#c8a56a;--muted:#607086}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.6}
.container{max-width:1140px;margin:0 auto;padding:0 20px}
.top{position:sticky;top:0;z-index:20;background:#ffffffea;backdrop-filter:blur(7px);border-bottom:1px solid #e5e7eb}
.nav{display:flex;justify-content:space-between;align-items:center;padding:14px 0}.brand{font-weight:800;letter-spacing:.3px}.brand span{color:var(--gold)}
.links{display:flex;gap:18px;font-weight:600;color:#334155}.links a{text-decoration:none;color:inherit}
.hero{min-height:82vh;background:linear-gradient(180deg,rgba(9,15,25,.45),rgba(9,15,25,.65)),url('assets/hero.jpg') center/cover no-repeat;color:#fff;display:flex;align-items:center}
.kicker{letter-spacing:2px;text-transform:uppercase;font-size:.8rem;color:#f3e8cf}.hero h1{font-size:clamp(2.3rem,5vw,4rem);line-height:1.05;margin:.3em 0 .2em}
.hero p{max-width:700px;font-size:1.1rem}.btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.btn{padding:12px 18px;border-radius:10px;font-weight:700;text-decoration:none}.btn1{background:var(--gold);color:#111}.btn2{border:2px solid #fff;color:#fff}
section{padding:72px 0}.title{font-size:2rem;margin:0 0 10px}.sub{color:var(--muted)}
.grid{display:grid;gap:20px}.two{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.three{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.card{border:1px solid #e6e9ef;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 6px 22px rgba(2,8,23,.07)}
.card img{width:100%;height:210px;object-fit:cover}.card .p{padding:16px}
.band{background:var(--sand)}
.price{font-size:1.7rem;font-weight:800;color:var(--sea)} ul{padding-left:18px}
.cta{background:linear-gradient(135deg,#1e3951,#2e567a);color:#fff;border-radius:18px;padding:28px}
footer{background:#0d1a29;color:#c7d2e0;padding:28px 0}
@media(max-width:760px){.links{display:none}}