*{box-sizing:border-box}
body{margin:0;font-family:Poppins,Arial;background:#f6f8fb;color:#1e293b}
a{text-decoration:none;color:inherit}
.container{max-width:1200px;margin:auto;padding:0 16px}

/* =========================
   HEADER – FINAL STABLE
========================= */

.site-header{
  background:#0f172a;
  color:#fff;
}

.nav-wrap{
  display:flex;
  align-items:center;
  justify-content:space-between;
  height:64px;
  position:relative;
}

/* LOGO */
.logo{
  font-size:18px;
  font-weight:700;
}
.logo span{color:#f59e0b}

/* NAV DESKTOP */
.main-nav{
  display:flex;
  align-items:center;
}
.main-nav a{
  margin:0 12px;
  color:#fff;
}

/* DROPDOWN DESKTOP */
.dropdown{position:relative}
.dropdown-menu{
  display:none;
  position:absolute;
  top:100%;
  left:0;
  background:#020617;
  min-width:220px;
  padding:10px;
}
.dropdown:hover .dropdown-menu{
  display:block;
}

/* HAMBURGER */
.hamburger{
  display:none;
  font-size:26px;
  cursor:pointer;
}

/* MOBILE CTA */
.mobile-cta{
  display:none;
}

/* =========================
   MOBILE ONLY
========================= */
@media(max-width:900px){

  .nav-wrap{
    justify-content:space-between;
  }

  .logo,
  .mobile-cta,
  .hamburger{
    flex:1;
  }

  .logo{font-size:16px}

  .mobile-cta{
    display:flex;
    justify-content:center;
    gap:12px;
  }

  .cta-icon{
    width:36px;
    height:36px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
  }

  .cta-icon.call{
    background:#f59e0b;
    color:#000;
  }

  .cta-icon.wa{
    background:#25D366;
  }

  .hamburger{
    display:block;
    text-align:right;
  }

  .main-nav{
    display:none;
  }

  .main-nav.mobile-active{
    display:flex;
    flex-direction:column;
    position:absolute;
    top:64px;
    left:0;
    width:100%;
    background:#020617;
    padding:20px;
  }

  .main-nav.mobile-active a{
    padding:10px 0;
    border-bottom:1px solid #1f2937;
  }

  .dropdown-menu{
    position:static;
    background:none;
    display:none;
    padding-left:10px;
  }

  .dropdown.active .dropdown-menu{
    display:block;
  }
}


/* Hero */
.hero{background:linear-gradient(135deg,#0f172a,#020617);color:#fff;padding:70px 0}
.hero-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:30px}
.hero h1{font-size:40px;margin:0 0 10px}
.hero p{opacity:.9}
.hero-box{background:#020617;border:1px solid #1f2937;padding:24px;border-radius:14px}
.hero-btns .btn{margin-right:10px}

/* Buttons */
.btn{display:inline-block;padding:12px 18px;border-radius:10px;font-weight:600}
.btn.primary{background:#f59e0b;color:#000}
.btn.outline{border:1px solid #f59e0b;color:#f59e0b}

/* Sections */
.section-title{text-align:center;margin-bottom:30px}
.services,.why-us,.process{padding:60px 0}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{background:#fff;padding:24px;border-radius:14px;box-shadow:0 10px 20px rgba(0,0,0,.06);font-weight:600}

.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;text-align:center}
.stats{background:#0f172a;color:#fff;padding:50px 0}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}
.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:center}

.cta-wide{background:#f59e0b;color:#000;padding:50px 0;text-align:center}

/* Footer */
.site-footer{background:#020617;color:#cbd5f5;padding-top:40px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:20px}
.footer-grid a{display:block;margin:6px 0}
.copy{text-align:center;padding:14px;border-top:1px solid #1f2937;margin-top:20px}

/* Responsive */
@media(max-width:900px){
.hero-grid,.service-grid,.why-grid,.stats-grid,.process-grid,.footer-grid{
grid-template-columns:1fr}
.main-nav{display:none}
}