/* Updated styles in styles.css */

/* Reset & Base */
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:'DM Sans',sans-serif; color:#222; line-height:1.6; }
a { text-decoration:none; color:inherit; }
.container { width:90%; max-width:1200px; margin:0 auto; }

/* Buttons */
.btn { display:inline-block; padding:.75em 1.5em; border-radius:4px; font-weight:500; transition:background .2s; }
.btn-primary { background:#1d4ed8; color:#fff; }
.btn-primary:hover { background:#2563eb; }
.btn-outline { border:2px solid #1d4ed8; color:#1d4ed8; }

/* Header */
.site-header { background:#fff; border-bottom:1px solid #e5e7eb; }
.site-header .container { display:flex; align-items:center; justify-content:space-between; padding:1em 0; position:relative; }
.logo img { height:40px; }
.menu-toggle { display:none !important; }
.main-nav { display: none !important; }
.header-actions { display: flex; gap: 0.5rem; }
@media(max-width:768px) {
  .site-header .container { flex-direction:column; align-items:flex-start; gap:0.5rem; }
  .header-actions { flex-direction: column; width:100%; }
}

/* Hero */
.hero { padding:4em 0; }
.hero-content {
  display: flex;
  align-items: center;
  justify-content: space-between;  /* ensures text and image stretch apart */
  gap: 2em;
  flex-wrap: wrap-reverse;
}
.hero-text { flex:1 1 300px; }
.hero-text h1 { font-family:'Montserrat',sans-serif; font-size:3.25rem; font-weight:700; line-height:1.2; color:#0a0a23; margin-bottom:.5em; }
.hero-text p { font-size:1.25rem; color:#4b5563; margin-bottom:1.5em; }
.hero-cta { display:flex; gap:1em; margin-top:2rem; flex-wrap:wrap; }
.hero-cta .btn { font-size:1rem; }
.hero-image {
  flex: 0 0 45%;   /* fixes width and keeps image right-aligned */
  clip-path: polygon(10% 0,100% 0,100% 100%,0 100%);
  overflow: hidden;
  height: 400px;
}
.hero-image img { width:100%; height:100%; object-fit:cover; }
@media(max-width:768px) {
  .hero-content { flex-direction:column; }
  .hero-image { clip-path:none; height:auto; margin-top:2em; }
  .hero-text h1 { font-size:1.75rem; line-height:1.3; }
  .hero-text p { font-size:1rem; }
  .hero-cta { flex-direction:column; align-items:stretch; }
  .hero-cta .btn { width:100%; text-align:center; }
}

/* Trust Bar */
.trust-bar { padding:2em 0; background:#fff; border-top:1px solid #e5e7eb; border-bottom:1px solid #e5e7eb; }
.trust-bar-grid { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:2em; overflow-x:auto; }
.trust-item { flex:1 1 150px; text-align:center; }
.trust-item i { font-size:2rem; color:#1d4ed8; margin-bottom:0.5rem; display:block; }
.trust-number { font-size:1.3rem; font-weight:bold; color:#111827; }
.trust-label { color:#4b5563; font-size:0.9rem; }
@media(max-width:768px) {
  .trust-bar-grid { flex-direction:column; gap:1.5rem; }
}

/* Services */
.services { background:#f9fafb; padding:3em 0; margin-bottom:3rem; }
.services h2 { font-family:'Montserrat',sans-serif; text-align:center; margin-bottom:2em; color:#1f2937; }
.services-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:2em; }
.service-item { text-align:center; }
.service-item img { width:100%; border-radius:6px; margin-bottom:1em; }
.service-item h3 { font-family:'Montserrat',sans-serif; margin-bottom:.5em; color:#1f2937; }

/* Industries We Serve */
.industries { padding:3em 0; }
.industries h2 { font-family:'Montserrat',sans-serif; text-align:center; margin-bottom:2em; color:#1f2937; }
.industries-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:1.5rem; text-align:center; }
.industry-item { background:#eef2ff; padding:1.5rem; text-align:center; border-radius:12px; font-weight:500; }
.industry-item i { font-size:2.2rem; display:block; margin-bottom:0.5rem; }
@media (max-width:768px) {
  .industries-grid .industry-item:nth-child(n+7) { display:none; }
}

/* Footer */
.site-footer { background:#111827; color:#d1d5db; padding:2em 0 1em; }
.footer-widgets { display:flex; flex-wrap:wrap; gap:2em; justify-content:space-between; align-items:flex-start; }
.footer-widgets > div { flex:1; min-width:200px; }
.footer-widgets h4 { font-family:'Montserrat',sans-serif; color:#fff; margin-bottom:.5em; }
.footer-widgets ul { list-style:none; }
.footer-widgets a { color:#d1d5db; }
.footer-bottom { text-align:center; font-size:.9em; padding-bottom:3rem; }
.footer-widgets > div:nth-child(2) { visibility:hidden; }
@media(max-width:768px) {
  .footer-widgets { flex-direction:column; }
  .footer-widgets > div { width:100%; }
}

/* index.php unchanged */