/* Basic reset & container */
*{box-sizing:border-box}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial; margin:0;color:#222;line-height:1.4;background:#fff}
.container{max-width:1100px;margin:0 auto;padding:28px}

/* Header */
.site-header{background:#fff;border-bottom:1px solid rgba(0,0,0,0.06)}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.main-nav a{margin:0 10px;color:#333;text-decoration:none}
.cta{background:#2ecc71;color:#fff;padding:8px 14px;border-radius:6px;text-decoration:none}

/* HERO */
.hero{position:relative;overflow:hidden}
.hero-slider{position:relative;height:420px}
.hero-slide{position:absolute;inset:0;background-size:cover;background-position:center;display:flex;align-items:center;transition:opacity .8s ease;opacity:0}
.hero-slide.active{opacity:1}
.hero-inner{background:rgba(0,0,0,0.35);color:#fff;padding:40px;border-radius:6px;max-width:640px}
.hero-inner h1{font-size:34px;margin:0 0 12px}
.hero-inner p{margin:0 0 16px}
.btn{display:inline-block;background:#1f9a3f;padding:10px 16px;color:#fff;border-radius:6px;text-decoration:none}
.btn.ghost{background:transparent;border:1px solid rgba(0,0,0,0.1);color:#111}
.hero-controls{position:absolute;right:20px;bottom:20px;display:flex;gap:6px}
.hero-controls button{background:rgba(0,0,0,0.45);border:none;color:#fff;padding:6px 10px;border-radius:4px;cursor:pointer}

/* SERVICES GRID */
.services{padding:48px 0}
.services h2{margin:0 0 6px}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}
.service-card{background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 6px 18px rgba(10,10,10,0.06)}
.service-card img{width:100%;object-fit:cover}
.service-card h3{margin:12px}
.service-card p{margin:0 12px 12px;color:#666}

/* FEATURED SLIDER */
.featured{padding:40px 0}
.featured-slider{position:relative;display:flex;gap:18px;overflow:hidden}
.featured-slide{min-width:100%;display:flex;gap:18px;align-items:stretch;transition:transform .6s ease}
.featured-image{width:45%;background-size:cover;background-position:center;border-radius:6px;height:220px}
.featured-body{padding:22px;background:#fff;border-radius:6px;flex:1}
.featured-controls{position:absolute;right:10px;bottom:10px;display:flex;gap:8px}
.featured-controls button{padding:8px 10px;border-radius:4px;border:0;background:#222;color:#fff}

/* TESTIMONIALS */
.testimonials{background:#f7f7f7;padding:36px 0}
.testi-slider{position:relative;overflow:hidden;height:150px}
.testi-slide{position:absolute;left:0;right:0;opacity:0;padding:18px;transition:opacity .5s}
.testi-slide.active{opacity:1}
.testi-controls{position:absolute;right:20px;bottom:20px}

/* CONTACT */
.contact{padding:48px 0}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}
.contact-form input,.contact-form textarea{width:100%;padding:10px;margin:8px 0;border:1px solid #ddd;border-radius:6px}
.contact-form button{padding:10px 14px;border:0;background:#1f9a3f;color:#fff;border-radius:6px}
.form-result{margin-top:8px;color:#1b5e20}

/* FOOTER */
.site-footer{background:#111;color:#fff;padding:20px 0;margin-top:20px}
.footer-inner{display:flex;justify-content:space-between;align-items:center}

/* Responsive */
@media (max-width:900px){
  .service-grid{grid-template-columns:repeat(2,1fr)}
  .hero-inner h1{font-size:26px}
  .featured-slide{min-width:100%}
}
@media (max-width:640px){
  .service-grid{grid-template-columns:1fr}
  .contact-grid{grid-template-columns:1fr}
  .hero-slider{height:360px}
  .featured-image{height:160px;width:40%}
}