/* ===================== styles.css ===================== */
body {font-family: Arial, sans-serif; margin:0; background:#f5f7fa; color:#333;}
nav {background:#0f172a; padding:15px; text-align:center;}
nav a {color:#fff; margin:0 15px; text-decoration:none; font-weight:bold;}
nav a:hover {color:#38bdf8;}
.hero {height:80vh; display:flex; align-items:center; justify-content:center; color:#fff; background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url('https://images.unsplash.com/photo-1501117716987-c8e1ecb2100d'); background-size:cover; background-position:center; text-align:center;}
.hero h1 {font-size:48px;}
.container {padding:40px 20px; max-width:1100px; margin:auto;}
.card {background:#fff; padding:20px; margin:20px 0; border-radius:10px; box-shadow:0 4px 10px rgba(0,0,0,0.1);} 
button {background:#0ea5e9; color:#fff; border:none; padding:10px 20px; border-radius:5px; cursor:pointer;}
button:hover {background:#0284c7;}
.footer {background:#0f172a; color:#fff; text-align:center; padding:20px; margin-top:40px;}

/* ===================== SCRIPT ===================== */
function bookNow(service) {
  const phone = "91XXXXXXXXXX";
  const message = `Hello, I would like to book: ${service}`;
  const url = `https://wa.me/${phone}?text=${encodeURIComponent(message)}`;
  window.open(url, '_blank');
}