:root {
  --teal:#004d4d;
  --yellow:#FFB400;
  --white:#ffffff;
  --muted:#6c757d;
}

* { box-sizing:border-box; }
body {
  font-family:Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
  margin:0;
  color:var(--teal);
  background:#f8f9fa;
}

/* Hero */
.hero-section { position:relative; height:70vh; overflow:hidden; display:flex; align-items:center; justify-content:center; }
.hero-img { object-fit:cover; height:100%; width:100%; }
/*.hero-overlay { position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,0.15), rgba(0,0,0,0.35)); }*/
.hero-logo { position:absolute; top:20px; left:20px; }
.hero-logo img { height:60px; filter:drop-shadow(0 6px 18px rgba(0,0,0,0.35)); }

/* Enquiry card */
.enquiry-section { margin-top:-60px; }
.enquiry-card { background:linear-gradient(135deg, rgba(255,255,255,0.98), rgba(255,255,255,0.95)); border-radius:16px; max-width:1100px; }
.enquiry-card h2 { color:var(--teal); }
.enquiry-card p { color:var(--muted); }

/* CTA button */
.cta-btn {
  background:var(--yellow); color:#000; border-radius:12px; padding:12px 28px;
  font-weight:600; box-shadow:0 8px 30px rgba(255,180,0,0.12); border:none;
}
.cta-btn:hover { transform:translateY(-2px); }

/* Video */
.video-section { background:linear-gradient(180deg, #fff, #f8f9fa); }

/* Connectivity */
.connectivity-section .card { border-radius:12px; }

/* Map */
.map-section .btn { background:var(--yellow); color:#000; border:none; border-radius:10px; padding:10px 20px; }

/* Footer */
.footer-section { background:var(--teal); color:var(--white); font-size:0.95rem; }

/* Sticky bar hidden by default (desktop/tablet) */
.sticky-buttons-row { display:none; }

/* Mobile-only sticky buttons */
@media (max-width:767px) {
  .hero-section { height:70vh; }
  .hero-logo img { height:48px; }
  .enquiry-card { padding:18px; }
  .enquiry-section { margin-top:-40px; }

  .sticky-buttons-row {
    position: fixed; bottom: 0; left: 0; width: 100%;
    display: flex; justify-content: space-between;
    z-index: 9999; box-shadow: 0 -2px 6px rgba(0,0,0,0.2);
  }
  .sticky-buttons-row .btn {
    flex: 1; border-radius: 0; font-size: 1rem;
    padding: 0.9rem 0; text-align:center; font-weight:600;
  }
  .sticky-buttons-row .btn-call { background-color: #FFB400; color:#000 !important; }
  .sticky-buttons-row .btn-wa { background-color:#25D366; color:#fff !important; }
  .sticky-buttons-row .btn i { margin-right:0.4rem; font-size:1.1rem; vertical-align:middle; }

  /* Footer tweaks */
  .footer-section { padding-bottom:4rem; font-size:0.8rem; opacity:0.85; }
  .footer-section p { margin-bottom:0.2rem; font-size:0.8rem; line-height:1.4; }
}

/* Fireflies glow */
.hero-section::after {
  content:''; position:absolute; inset:0;
  background-image: radial-gradient(circle at 10% 20%, rgba(255,180,0,0.08) 0, transparent 10%),
                    radial-gradient(circle at 80% 40%, rgba(255,180,0,0.06) 0, transparent 12%),
                    radial-gradient(circle at 50% 80%, rgba(255,180,0,0.05) 0, transparent 14%);
  pointer-events:none; animation: flicker 6s infinite;
}
@keyframes flicker { 0%{opacity:0.6} 50%{opacity:1} 100%{opacity:0.6} }