* { margin:0; padding:0; box-sizing:border-box; font-family: Arial, sans-serif; }
body { line-height:1.6; color:#333; }
a { text-decoration:none; color:#A8C800; }
img { max-width:100%; height:auto; }
header { background:#333; color:#fff; padding:1rem 2rem; display:flex; justify-content:space-between; align-items:center; }
header h1 { color:#A8C800; font-size:1.8rem; }
nav a { margin-left:1.5rem; color:#fff; font-weight:bold; }
nav a:hover { color:#A8C800; }
.hero { background:#444 url('hero.jpg') center/cover no-repeat; height:70vh; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; color:#fff; }
.hero h2 { font-size:2.5rem; margin-bottom:1rem; }
.hero p { font-size:1.2rem; margin-bottom:1.5rem; }
.hero .btn { background:#A8C800; color:#333; padding:0.8rem 1.5rem; border-radius:8px; font-weight:bold; margin:0 0.5rem; }
.hero .btn:hover { background:#88a000; }
section { padding:4rem 2rem; }
.services { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:2rem; text-align:center; }
.service-card { background:#f4f4f4; padding:2rem; border-radius:12px; box-shadow:0 4px 6px rgba(0,0,0,0.1); }
.service-card h3 { margin-bottom:1rem; color:#333; }
.service-card p { margin-bottom:1rem; }
.features { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:2rem; text-align:center; }
.feature { background:#f4f4f4; padding:2rem; border-radius:12px; box-shadow:0 4px 6px rgba(0,0,0,0.1); }
.testimonials { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:2rem; }
.testimonial { background:#f4f4f4; padding:2rem; border-radius:12px; font-style:italic; }
.cta { background:#A8C800; color:#333; text-align:center; padding:3rem 2rem; border-radius:12px; margin:2rem 0; }
.cta a { background:#333; color:#A8C800; padding:1rem 2rem; border-radius:8px; font-weight:bold; }
.cta a:hover { background:#222; }
footer { background:#333; color:#fff; text-align:center; padding:2rem; }
footer a { color:#A8C800; margin:0 0.5rem; }
footer a:hover { color:#fff; }
form { max-width:600px; margin:0 auto; display:flex; flex-direction:column; gap:1rem; }
input, textarea { padding:0.8rem; border-radius:8px; border:1px solid #ccc; }
button { padding:1rem; background:#A8C800; color:#333; border:none; border-radius:8px; font-weight:bold; }
@media(max-width:768px) { .hero h2 { font-size:2rem; } .hero p { font-size:1rem; } }