/* Shared site styles */
body { margin: 0; font-family: Arial, sans-serif; background: #f5f7fa; color: #222; }
header { background: #f5f7fa; padding: 1rem 2rem; display: flex; justify-content: space-between; align-items: center; color: #0661B2; }
.logo img { height: 60px; width: auto; }
.logo a { color: inherit; text-decoration: none; display:flex; align-items:center }
nav a { margin-left: 1.5rem; color: #0661B2; text-decoration: none; font-weight: bold }
nav a:hover { text-decoration: underline }
.hero { padding: 4rem 2rem; text-align: center; background: #e8eefc }
.hero h1 { font-size: 2.5rem; margin-bottom: 1rem; color: #0661B2 }
.section { padding: 3rem 2rem; max-width: 900px; margin: auto }
.footer { background: #0661B2; color: #fff; text-align: center; padding: 1.5rem; margin-top: 3rem }

/* Hamburger menu toggle */
.hamburger { display: none; flex-direction: column; cursor: pointer; gap: 5px; }
.hamburger span { width: 25px; height: 3px; background: #0661B2; border-radius: 2px; transition: all 0.3s ease; }
.hamburger.active span:nth-child(1) { transform: rotate(45deg) translate(8px, 8px); }
.hamburger.active span:nth-child(2) { opacity: 0; }
.hamburger.active span:nth-child(3) { transform: rotate(-45deg) translate(7px, -7px); }

nav { display: flex; }

/* Responsive adjustments */
@media (max-width: 700px) {
    header { padding: 1rem; flex-wrap: wrap; }
    .hamburger { display: flex; }
    nav { display: none; flex-direction: column; width: 100%; background: #f5f7fa; border-top: 1px solid #ddd; padding: 1rem 0; margin-top: 0.5rem; order: 3; }
    nav.active { display: flex; }
    nav a { display: block; padding: 0.75rem 1rem; margin: 0; border-bottom: 1px solid #eee; color: #0661B2; text-decoration: none; font-weight: bold; }
    nav a:last-child { border-bottom: none; }
    nav a:hover { background: #e8eefc; }
    .logo img { height: 36px }
}

/* Buttons */
.btn { display:inline-block; padding:0.75rem 1rem; border-radius:6px; font-weight:600; text-decoration:none; }
.btn-primary { background:#ff7f11; color:#fff; border: 0; }
.btn-secondary { background:#0661B2; color:#fff; border: 1px solid rgba(6,97,178,0.15); text-align: center;}

/* Grid layout */
.grid { display:grid; gap:1rem; grid-template-columns: repeat(3, 1fr); }
.card { background:#fff; padding:1.25rem; border-radius:8px; box-shadow:0 1px 4px rgba(0,0,0,0.06); }
.muted { color:#666; }

/* Hero CTA alignment */
.hero .cta { margin-top:1.25rem; display:inline-flex; gap:12px; }

/* Industry cards */
.industry-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }
.industry-card { background:#fff; padding:1rem; border-radius:8px; box-shadow:0 1px 6px rgba(0,0,0,0.06); text-align:center }

/* Case study cards */
.case-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }
.case-card { padding:1rem; border-radius:8px; background:#fff; box-shadow:0 1px 6px rgba(0,0,0,0.06) }

/* CTA banner */
.cta-banner { background:#f5f7fa; color:#000000; padding:2rem 1rem; text-align:center; border-radius:8px; margin: 2rem auto; max-width: 900px }
.cta-banner h3 { margin:0 0 0.6rem 0 }

.card h3 {
  text-align: center;
}

/* Responsive grids */
@media (max-width: 900px) {
    .grid, .industry-grid, .case-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 700px) {
    .grid, .industry-grid, .case-grid { grid-template-columns: 1fr; }
    .hero h1 { font-size: 1.75rem; }
    .logo img { height: 42px }
}