/* Reset */
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Roboto',sans-serif;line-height:1.6;color:#333;background:#fafafa;}
img{max-width:100%;height:auto;display:block;}

/* Layout */
.site-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#fff;position:sticky;top:0;z-index:10;box-shadow:0 2px 4px rgba(0,0,0,.1);}
.logo img{height:50px;}
.nav ul{list-style:none;display:flex;gap:1rem;}
.nav a{color:#333;text-decoration:none;font-weight:500;}
.nav-toggle{display:none;background:none;border:none;cursor:pointer;}
.hamburger{width:25px;height:2px;background:#333;position:relative;display:inline-block;}
.hamburger::before,.hamburger::after{content:'';width:25px;height:2px;background:#333;position:absolute;left:0;}
.hamburger::before{top:-8px;}
.hamburger::after{top:8px;}

.hero{background:url('https://via.placeholder.com/1200x600') center/cover no-repeat;color:#fff;text-align:center;padding:8rem 1rem;}
.hero h1{font-size:2.5rem;margin-bottom:.5rem;}
.hero .subtitle{font-size:1.25rem;margin-bottom:1.5rem;}
.cta-button{background:#0066cc;color:#fff;padding:.75rem 1.5rem;border:none;border-radius:4px;text-decoration:none;font-size:1rem;cursor:pointer;}
.cta-button:hover{background:#004999;}

.services{padding:2rem 1rem;background:#fff;}
.services h2{text-align:center;margin-bottom:1rem;}
.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;}
.service-card{background:#f5f5f5;padding:1rem;border-radius:4px;}
.service-card h3{margin-bottom:.5rem;}

.why-ke{padding:2rem 1rem;background:#e9f5ff;}
.why-ke h2{text-align:center;margin-bottom:1rem;}
.why-ke ul{list-style:disc;margin-left:2rem;}

.plans{padding:2rem 1rem;background:#fff;}
.plans h2{text-align:center;margin-bottom:1rem;}

.contact{padding:2rem 1rem;background:#f9f9f9;}
.contact h2{text-align:center;margin-bottom:1rem;}
.contact form{max-width:500px;margin:0 auto;display:flex;flex-direction:column;gap:.5rem;}
.contact label{font-weight:600;}
.contact input,.contact textarea{padding:.5rem;border:1px solid #ccc;border-radius:4px;width:100%;}
.contact button{align-self:center;margin-top:1rem;}
.map{margin-top:1rem;}

.site-footer{background:#333;color:#fff;text-align:center;padding:.75rem 1rem;font-size:.875rem;}
.whatsapp-float{position:fixed;bottom:20px;right:20px;background:#25D366;color:#fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;text-decoration:none;box-shadow:0 2px 5px rgba(0,0,0,.3);}

/* Responsive */
@media (max-width:768px){
  .nav ul{flex-direction:column;background:#fff;position:absolute;top:100%;right:0;width:200px;padding:1rem;display:none;box-shadow:0 2px 5px rgba(0,0,0,.2);}
  .nav ul.show{display:flex;}
  .nav-toggle{display:block;}
}