*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Arial;} 
body{background:#fff;color:#222;line-height:1.45;}
.container{max-width:1180px;margin:auto;padding:0 20px;}

/* Header */
.header{border-bottom:1px solid #eee;background:#fff;position:sticky;top:0;z-index:99;}
.header-inner{display:flex;justify-content:space-between;align-items:center;padding:16px 0;}
.logo{font-size:22px;font-weight:700;text-decoration:none;color:#000;}
.desktop-nav{display:flex;align-items:center;gap:16px;}
.desktop-nav a{color:#333;text-decoration:none;font-weight:500;}
.menu-toggle{display:none;background:none;border:none;font-size:28px;cursor:pointer;}
.mobile-nav{display:none;flex-direction:column;padding:14px 20px;gap:14px;border-top:1px solid #eee;background:#fff;}
.mobile-nav a{text-decoration:none;color:#000;font-weight:500;}

/* Buttons */
.btn-primary{background:#0047AB;color:#fff;padding:14px 26px;display:inline-block;text-decoration:none;font-weight:600;border-radius:4px;border:none;}
.btn-outline{border:2px solid #0047AB;color:#0047AB;padding:12px 24px;text-decoration:none;font-weight:600;border-radius:4px;}
.small{font-size:14px;padding:8px 16px;}
.big{padding:16px 30px;font-size:20px;}
.full{width:100%;margin-top:10px;}

/* Hero */
.hero{padding:70px 0;}
.hero-inner{display:flex;gap:60px;flex-wrap:wrap;align-items:flex-start;}
.hero-left{flex:1;}
.hero h1{font-size:44px;font-weight:700;margin-bottom:12px;}
.brand{color:#0047AB;}
.sub{font-size:18px;margin-bottom:18px;color:#555;}
.bullets li{margin-bottom:6px;}
.hero-form{flex:1;border:1px solid #ddd;padding:26px;border-radius:6px;background:#fff;}
.row{display:flex;gap:12px;margin-bottom:14px;}
.hero-form input,select,textarea{padding:12px;font-size:15px;width:100%;border:1px solid #ccc;border-radius:4px;}
textarea{height:70px;}

/* Services */
.services{padding:80px 0;}
.services h2{text-align:center;font-size:32px;margin-bottom:28px;}
.service-slider-wrapper{display:flex;align-items:center;gap:12px;}
.service-slider{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;}
.service-slider::-webkit-scrollbar{display:none;}
.card{min-width:300px;border:1px solid #ddd;padding:22px;border-radius:6px;background:#fff;text-align:center;scroll-snap-align:start;}
.card-cta{margin-top:14px;display:flex;gap:8px;justify-content:center;flex-wrap:wrap;}
.btn-cta{padding:8px 16px;font-size:14px;border:1px solid #0047AB;color:#0047AB;text-decoration:none;border-radius:4px;}
.slide-btn{font-size:26px;background:none;border:none;cursor:pointer;}

/* Why */
.why{padding:70px 0;background:#fafafa;}
.why h2{text-align:center;font-size:32px;margin-bottom:12px;}
.why-desc{text-align:center;font-size:16px;color:#555;margin-bottom:28px;}
.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;text-align:center;font-size:17px;}

/* Reviews */
.reviews{padding:70px 0;}
.reviews h2{text-align:center;margin-bottom:28px;font-size:32px;}
.review-slider{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;}
.review{min-width:340px;border:1px solid #ddd;padding:22px;font-size:15px;background:#fff;scroll-snap-align:start;}

/* CTA */
.cta{text-align:center;padding:70px 0;}

/* Footer */
.footer{padding:40px 0;border-top:1px solid #eee;text-align:center;color:#444;font-size:15px;}

/* Whatsapp */
.whatsapp{position:fixed;right:22px;bottom:22px;background:#25D366;color:#fff;font-size:26px;padding:14px;border-radius:50%;text-decoration:none;box-shadow:0 4px 16px rgba(0,0,0,.2);animation:bounce 2s infinite;}
@keyframes bounce{0%,100%{transform:translateY(0);}50%{transform:translateY(-6px);}}

/* Thank Page */
.thank{display:flex;align-items:center;justify-content:center;height:100vh;background:#fff;}
.thank-box{text-align:center;border:1px solid #ccc;padding:40px;border-radius:6px;width:90%;max-width:400px;margin:0 auto;}

/* Responsive */
@media (max-width:900px){
  .desktop-nav,.nav-right{display:none;}
  .menu-toggle{display:block;}
}
@media (max-width:768px){
  .hero-inner{flex-direction:column;text-align:center;}
  .hero-left ul{text-align:left;margin:0 auto;}
  .hero-form{width:100%;}
}
@media (max-width:480px){
  .hero h1{font-size:32px;}
  .sub{font-size:16px;}
  .review{min-width:260px;}
  .card{min-width:260px;}
}