@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400;700&display=swap');
:root{
  --primary:#0b6fb0;
  --accent:#1e90ff;
  --text:#1a1a1a;
  --muted:#555;
}
*{box-sizing:border-box}
body{font-family:'Merriweather', serif; color:var(--text); margin:0; line-height:1.6; background:#fff}
.container{max-width:1100px;margin:0 auto;padding:20px}
.header{display:flex;align-items:center;justify-content:space-between;padding:18px 0}
.logo{display:flex;align-items:center;gap:12px}
.logo img{width:84px;height:84px;object-fit:contain;border-radius:8px}
h1.site-title{font-size:28px;margin:0;color:var(--primary)}
.nav a{margin-left:14px;text-decoration:none;color:var(--primary);font-weight:600}
.hero{background:linear-gradient(90deg, rgba(11,111,176,0.08), rgba(30,144,255,0.04));padding:34px;border-radius:10px;margin:18px 0}
.hero h2{margin:0 0 8px 0;font-size:26px;color:var(--primary)}
.cta{display:inline-block;background:var(--primary);color:white;padding:10px 16px;border-radius:6px;text-decoration:none}
.services{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:18px}
.card{padding:14px;border:1px solid #eee;border-radius:8px;background:#fff;box-shadow:0 4px 18px rgba(0,0,0,0.03)}
footer{border-top:1px solid #eee;margin-top:28px;padding:20px 0;color:var(--muted)}
.meta{font-size:14px;color:var(--muted)}
.contact-box{border-left:4px solid var(--primary);padding:12px;margin-top:12px;background:#fbfcff}
.section-title{color:var(--primary);margin-bottom:8px}
.area-list{display:flex;flex-wrap:wrap;gap:8px}
.area-list a{padding:6px 10px;border-radius:6px;background:#f4f9ff;color:var(--primary);text-decoration:none;font-weight:600}
.small{font-size:14px;color:var(--muted)}