/* styles.css */
:root{--max-width:1100px;--accent:#2a8f7a;--muted:#666;--bg:#fff;--radius:12px;--gap:1rem;font-family:Inter,system-ui,Arial}
*{box-sizing:border-box}body{margin:0;color:#111;background:#fff;line-height:1.45}
.container{width:calc(100% - 2rem);max-width:var(--max-width);margin:0 auto;padding:2rem 0}
.site-header{background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:60}
.header-inner{display:flex;justify-content:space-between;align-items:center}
.main-nav ul{display:flex;list-style:none;gap:1rem;margin:0;padding:0}
.hero{padding:3rem 0;background:#f9fdfc}
.hero-inner{display:flex;gap:2rem;flex-wrap:wrap;align-items:center}
.hero-image img{max-width:100%;border-radius:12px}
.section{padding:2rem 0}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}
.card{background:#fff;padding:1rem;border:1px solid #eee;border-radius:12px}
.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.6rem}
.gallery-grid img{width:100%;height:150px;object-fit:cover;border-radius:10px}
.contact-grid{display:grid;gap:1rem}.btn{padding:.6rem .9rem;border-radius:8px;cursor:pointer}
.btn-primary{background:var(--accent);color:#fff;border:0}
.site-footer{border-top:1px solid #eee;background:#fff;padding:1rem 0;text-align:center}