*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}
body{color:#333;background:#f6f7f9;line-height:1.6}
a{text-decoration:none;color:inherit}
.container{width:92%;max-width:1200px;margin:auto}
section{padding:70px 0}
h2{text-align:center;font-size:36px;color:#0c2d48;margin-bottom:40px}

/* Header */
header{position:sticky;top:0;background:#fff;box-shadow:0 4px 15px rgba(0,0,0,.1);z-index:1000}
.nav{display:flex;justify-content:space-between;align-items:center;padding:18px 0}
.logo{font-size:26px;font-weight:700;color:#0c2d48}
nav a{margin-left:20px;font-weight:500;color:#0c2d48}
nav a:hover{color:#f4b41a}

/* Hero */
.hero{position:relative;height:95vh;overflow:hidden}
.slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:1s}
.slide.active{opacity:1}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(to right,rgba(12,45,72,.85),rgba(0,0,0,.2))}
.hero-content{position:relative;z-index:2;height:100%;display:flex;align-items:center}
.hero-box{max-width:650px;color:#fff}
.hero-box h1{font-size:54px;line-height:1.2;margin-bottom:15px}
.hero-box p{font-size:18px;margin-bottom:15px;color:#eee}
.hero-box ul{margin-bottom:20px}
.hero-box li{margin-left:18px}
.btn{display:inline-block;padding:14px 32px;background:#f4b41a;color:#000;border-radius:40px;font-weight:600;margin-right:10px}

/* Grid */
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px}
.card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 8px 25px rgba(0,0,0,.12);transition:.3s;position:relative}
.card:hover{transform:translateY(-8px)}
.card img{width:100%;height:200px;object-fit:cover}
.card-body{padding:20px}
.status{position:absolute;top:12px;left:12px;background:#b71c1c;color:#fff;padding:6px 14px;border-radius:20px;font-size:12px}
.status.available{background:#2e7d32}

/* Services */
.more{display:none;margin-top:10px;font-size:14px;color:#555}

/* Footer */
footer{background:#081e30;color:#fff;padding:50px 0}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px}
.quick a{display:block;margin:6px 0;color:#ddd}
.social a{margin-right:12px;font-size:22px;color:#fff}
.footer-bottom{text-align:center;margin-top:25px;font-size:14px;color:#ccc}

/* WhatsApp */
.whatsapp{
position:fixed;right:20px;bottom:20px;width:60px;height:60px;
background:#25d366;color:#fff;border-radius:50%;
display:flex;align-items:center;justify-content:center;
font-size:30px;z-index:2000
}

@media(max-width:768px){
.hero-box h1{font-size:34px}
}