/* styles.css — simple responsive styles for the demo site */
:root{
  --accent:#c1573f;
  --bg:#f7f7f8;
  --text:#222;
  --muted:#666;
  --max-w:980px;
}
*{box-sizing:border-box}
html,body{height:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial;color:var(--text);background:var(--bg)}
.wrap{max-width:var(--max-w);margin:0 auto;padding:2rem}
.site-header{background:#fff;border-bottom:1px solid #eee}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between}
.logo{margin:0;font-size:1.1rem}
.nav a{margin-left:1rem;color:var(--muted);text-decoration:none}
.cta{background:var(--accent);color:#fff;padding:0.35rem 0.6rem;border-radius:6px}
.hero{background:linear-gradient(120deg,#ffe8e0,#fff);padding:4rem 0;text-align:center}
.hero h2{font-size:2rem;margin:0 0 0.5rem}
.button{display:inline-block;background:var(--accent);color:#fff;padding:0.6rem 1rem;border-radius:8px;text-decoration:none}
.section{padding:3rem 0;background:#fff;margin-top:1rem}
.menu-list{list-style:none;padding:0;margin:0}
.menu-list li{padding:0.5rem 0;border-bottom:1px solid #f0f0f0}
.contact form{display:grid;gap:0.5rem;max-width:520px}
.contact label{display:flex;flex-direction:column;font-size:0.95rem}
.contact input{padding:0.5rem;border:1px solid #ddd;border-radius:6px}
.note{color:var(--muted);font-size:0.9rem}
.site-footer{background:#fff;border-top:1px solid #eee;padding:1rem 0;margin-top:2rem}
@media (max-width:720px){
  .wrap{padding:1rem}
  .hero{padding:2.5rem 0}
  .site-header .wrap{flex-direction:column;align-items:flex-start}
  .nav{margin-top:0.5rem}
}