/* style.css - SGM Facility Management (local CSS) */
:root{
  --blue: #20185a;
  --yellow: #facc15;
  --bg: #f8fafc;
  --maxw: 1100px;
  --radius: 12px;
  --shadow: 0 6px 18px rgba(16,24,58,0.12);
  --muted: #6b7280;
}
*{box-sizing:border-box}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial; margin:0; color:#0f172a; background:#fff;}
.container{max-width:var(--maxw); margin:0 auto; padding:1rem;}
.header{background:var(--blue); color:var(--yellow); padding:1rem 0;}
.header .top{display:flex; align-items:center; justify-content:space-between; gap:1rem;}
.header img{height:72px; border-radius:8px; object-fit:contain;}
.brand h1{margin:0; font-size:1.4rem;}
.hero{background:var(--yellow); color:var(--blue); padding:3rem 1rem;}
.hero .wrap{display:flex; gap:2rem; align-items:center; justify-content:space-between; flex-wrap:wrap;}
.card-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:1rem;}
.card{background:#fff; border-radius:var(--radius); padding:1rem; box-shadow:var(--shadow);}
.section{padding:2.5rem 0;}
.bg-soft{background:var(--bg);}
.actions a{display:inline-block; padding:.75rem 1rem; border-radius:10px; text-decoration:none; font-weight:600;}
.btn-primary{background:var(--blue); color:var(--yellow);}
.btn-outline{border:2px solid var(--blue); color:var(--blue); background:transparent;}
.contact-grid{display:grid; grid-template-columns:1fr 1fr; gap:1rem;}
.form-input, textarea{width:100%; padding:.75rem; border:1px solid #e6e7eb; border-radius:8px;}
.footer{background:var(--blue); color:var(--yellow); padding:1rem 0; margin-top:2rem;}
.small{font-size:.9rem; color:var(--muted);}

/* Responsive */
@media (max-width:900px){
  .card-grid{grid-template-columns:1fr;}
  .contact-grid{grid-template-columns:1fr;}
  .header .top{flex-direction:column; align-items:flex-start;}
  .hero .wrap{flex-direction:column-reverse; align-items:flex-start;}
}