body {font-family: Arial; margin:0;}
.hero {
  background:url('image/bengkel_las_magelang_baner.webp') center/cover;
  color:#fff; text-align:center; padding:120px 20px;
}
.overlay {background:rgba(0,0,0,0.6); padding:60px;}
.section {padding:60px 20px; max-width:1100px; margin:auto;}
.grid {display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:20px;}
.card {background:#fff; padding:20px; border-radius:10px; box-shadow:0 5px 15px rgba(0,0,0,0.1);}
.btn {background:#ff6600; color:#fff; padding:15px 25px; text-decoration:none; border-radius:8px;}
.cta {background:#ff6600; color:#fff; text-align:center; padding:60px 20px;}
.footer {background:#111; color:#fff; text-align:center; padding:20px;}
.whatsapp {
position:fixed; bottom:20px; right:20px;
background:#25D366; color:#fff; padding:15px;
border-radius:50%; text-decoration:none;
}
img {width:100%; border-radius:10px;}
.map iframe {width:100%; height:350px; border:0; border-radius:10px;}