/* Modern responsive styles */
:root{
  --accent: #0b6e4f;
  --muted: #6b7280;
  --bg: #f7f7fb;
  --card: #fff;
}
*{box-sizing:border-box}
body{margin:0;font-family:Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial; background:var(--bg); color:#111;}
.container{max-width:1100px;margin:0 auto;padding:1rem;}
.site-header{background:var(--card);box-shadow:0 2px 8px rgba(0,0,0,0.06);position:sticky;top:0;z-index:20;}
.site-header .container{display:flex;align-items:center;justify-content:space-between;padding:0.75rem 1rem;}
.brand{margin:0;font-size:1.05rem;color:var(--accent);}
.nav a{margin-left:1rem;color:#333;text-decoration:none;font-weight:600;}
.hero{position:relative;height:60vh;min-height:360px;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.slider{width:100%;height:100%;position:relative;display:block;}
.slides{width:100%;height:100%;position:relative;}
.slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.02);transition:opacity .9s ease, transform .9s ease;}
.slide.active{opacity:1;transform:scale(1);}
.slider-overlay{position:absolute;left:1.5rem;top:50%;transform:translateY(-50%);color:white;z-index:5;max-width:560px;}
.slider-overlay h2{margin:0 0 .5rem;font-size:2rem;line-height:1.05;text-shadow:0 6px 18px rgba(0,0,0,0.45);}
.slider-overlay p{margin:0 0 1rem;color:rgba(255,255,255,0.95);font-size:1.05rem;}
.btn{display:inline-block;background:var(--accent);color:#fff;padding:.6rem .9rem;border-radius:8px;text-decoration:none;font-weight:700;}
.section{padding:3rem 0;}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;}
.card{background:var(--card);padding:1.25rem;border-radius:12px;box-shadow:0 6px 20px rgba(10,10,20,0.04);}
.contact form{display:grid;gap:.5rem;max-width:500px;margin-top:1rem;}
.contact input, .contact textarea{width:100%;padding:.6rem;border-radius:8px;border:1px solid #e6e6f0;}
.site-footer{padding:1rem 0;background:#fff;border-top:1px solid #eee;margin-top:2rem;}
@media (max-width:700px){
  .slider-overlay{left:1rem;right:1rem;max-width:none;text-align:center;}
  .nav{display:none;}
  .hero{height:50vh;}
}
