:root {
  --accent: #2563EB;
  --bg-dark: #0b1220;
}

/* base */
* { box-sizing: border-box; }
html,body { height: 100%; margin: 0; font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial; background: var(--bg-dark); color: #e6eef8; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* Parallax background (appears behind content) */
.parallax-bg {
  position: fixed;
  inset: 0;
  z-index: 0;
  background-image: url('../images/hero-bg.webp');
  background-size: cover;
  background-position: center top;
  filter: blur(6px) brightness(0.45);
  transform: translateY(0);
  will-change: transform;
}
.parallax-overlay {
  position: fixed;
  inset: 0;
  z-index: 5;
  background: linear-gradient(90deg, rgba(2,6,23,0.6) 0%, rgba(6,19,45,0.36) 50%, rgba(2,6,23,0.6) 100%);
  opacity: 1;
}

/* Hero compact */
.projects-hero { position: relative; z-index: 10; background: linear-gradient(90deg, rgba(3,7,18,0.6), rgba(6,12,28,0.6)); }
.projects-hero h1 { color: #f8fafc; font-weight: 800; }
.projects-hero p { color: #cbd5e1; }

/* company logo */
.company-logo { max-width: 320px; width: 60%; height: auto; display:block; filter: drop-shadow(0 10px 30px rgba(0,0,0,0.6)); transition: transform .28s ease, box-shadow .28s ease; margin: 0 auto; }
.company-logo:hover { transform: translateY(-6px) scale(1.02); box-shadow: 0 24px 60px rgba(37,99,235,0.12); }

/* company content card */
.company-card {
  margin-top: 8px;
  background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));
  border: 1px solid rgba(255,255,255,0.03);
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 10px 40px rgba(2,6,23,0.6);
  backdrop-filter: blur(6px);
}

/* clients logos row */
.client-logo { height: 44px; object-fit: contain; display: inline-block; filter: saturate(1); transition: transform .22s ease, box-shadow .22s ease; }
.client-logo:hover { transform: translateY(-6px); box-shadow: 0 18px 40px rgba(37,99,235,0.12); }

/* small headings */
.section-title { color: #93c5fd; font-weight: 700; margin-bottom: 0.75rem; }

/* buttons (reuse pattern from main site) */
.btn-primary {
  display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:999px;background: linear-gradient(90deg,#1e40af,var(--accent));color:white;font-weight:600;text-decoration:none;box-shadow: 0 10px 30px rgba(37,99,235,0.12);
}
.btn-ghost { display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;border:1px solid rgba(255,255,255,0.06);color: #e6eef8;text-decoration:none;font-weight:600;background:transparent; }

/* responsive tweaks */
@media (max-width: 768px) {
  .company-card { padding: 16px; }
  .company-logo { width: 70%; }
  .client-logo { height: 36px; }
}
.map-container {
  max-width: 600px;
  margin: 0 auto;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(2,6,23,0.6);
}

/* glass card for contact */
.glass-card {
  background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));
  border: 1px solid rgba(255,255,255,0.04);
  backdrop-filter: blur(6px);
}