/* Reset */
* { margin:0; padding:0; box-sizing:border-box; font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }

/* Header */
header { background:#1a1919; color:#fff; position:sticky; top:0; z-index:1000; box-shadow:0 2px 8px rgba(138,134,134,0.7); }
.header-inner { max-width:1200px; margin:0 auto; padding:14px 20px; display:flex; align-items:center; justify-content:space-between; gap:16px; }
.logo { font-weight:700; font-size:1.6rem; }

/* Nav */
.nav-links { list-style:none; display:flex; gap:22px; }
.nav-links a { color:#fff; text-decoration:none; font-weight:600; transition:color .3s; }
.nav-links a:hover { color:#F39C12; }

/* Hamburger */
.hamburger { display:none; background:transparent; border:none; color:#fff; font-size:1.6rem; cursor:pointer; }
@media (max-width:900px){
  .hamburger{ display:block; }
  .nav { position:fixed; left:0; top:60px; right:0; background:#1a1919; max-height:0; overflow:hidden; transition:max-height .3s ease; box-shadow:0 4px 12px rgba(0,0,0,.5); }
  .nav.open{ max-height:70vh; }
  .nav-links{ flex-direction:column; padding:14px 20px; gap:14px; }
}

/* Hero + Paragraph background */
.page-hero {
  background: url('imgs/vanish5.jpg') center/cover no-repeat;
  color:#fff;
  padding:100px 20px 40px;
  text-align:center;
}
.hero-content h1 { font-size:2.5rem; margin-bottom:12px; }
.hero-content p { font-size:1.2rem; margin-bottom:20px; }
.btn-large {
  display:inline-block;
  padding:14px 28px;
  border-radius:6px;
  font-size:1.1rem;
  text-decoration:none;
  font-weight:700;
  border:2px solid #F39C12;
  color:#F39C12;
  transition:.25s;
}
.btn-large:hover { background:#F39C12; color:#222; }

/* First paragraph styling */
.page-hero + .container {
  background: url('imgs/vanish5.jpg') center/cover no-repeat;
  color:#fff;
  padding:20px;
}
.lead {
  font-size:1.1rem;
  line-height:1.7;
  max-width:900px;
  margin:0 auto;
  text-align:center;
}

/* Testimonials */
.testimonials { background:#ece7e7; padding:18px 0; overflow:hidden; border-top:2px solid #e0e0e0; border-bottom:2px solid #e0e0e0; }
.testimonials-track { display:flex; gap:50px; white-space:nowrap; animation:scroll-left 25s linear infinite; }
.testimonials-track p { min-width:max-content; font-style:italic; color:#333; font-size:1rem; }
@keyframes scroll-left { 0%{transform:translateX(100%);} 100%{transform:translateX(-100%);} }

/* Footer */
.site-footer { background:#222; color:#f3f3f3; padding:40px 20px 0; }
.footer-content { max-width:1200px; margin:0 auto; display:flex; gap:40px; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; }
.footer-contact h3, .footer-services h3 { color:#F39C12; margin-bottom:12px; }
.footer-contact p a { color:#f3f3f3; text-decoration:none; }
.footer-contact p a:hover { color:#F39C12; }
.footer-services ul { list-style:none; padding:0; margin:0; }
.footer-services li { margin-bottom:8px; }
.footer-services a { color:#fff; text-decoration:none; }
.footer-services a:hover { color:#F39C12; }
.footer-bottom { text-align:center; margin-top:22px; padding:14px 0 18px; border-top:1px solid rgba(255,255,255,.15); font-size:.92rem; color:#cfcfcf; }

/* Floating social buttons stacked */
.social-stack { position:fixed; bottom:30px; left:20px; display:flex; flex-direction:column; gap:10px; z-index:10000; }
.whatsapp-float,
.facebook-float {
  width:55px;
  height:55px;
  border-radius:59%;
  font-size:1.8rem;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 3px 10px rgba(0,0,0,.5);
  text-decoration:none;
  transition:.3s;
}
.whatsapp-float{background:#15e662;}
.facebook-float{background:#3861b9;}
.whatsapp-float:hover,
.facebook-float:hover{opacity:.8;}