@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

* { margin:0; padding:0; box-sizing:border-box; scroll-behavior:smooth; }
body { font-family:'Inter', sans-serif; background:#f4f5f7; color:#1f2937; line-height:1.6; }

/* Container */
.container { width:90%; max-width:1200px; margin:auto; }

/* Navbar */
.navbar {
  position:sticky; top:0; background:#ffffffcc; backdrop-filter:blur(10px);
  padding:1rem 2rem; display:flex; justify-content:space-between; align-items:center; z-index:999;
  box-shadow:0 2px 5px rgba(0,0,0,0.05); transition:0.3s;
}
.navbar.scrolled { background:#ffffffee; box-shadow:0 4px 15px rgba(0,0,0,0.1); }
.logo { font-weight:700; font-size:1.6rem; color:#111827; }
.nav-menu ul { list-style:none; display:flex; gap:2rem; }
.nav-menu ul li a { text-decoration:none; color:#111827; font-weight:500; transition:0.3s; }
.nav-menu ul li a:hover { color:#2563eb; }
.nav-toggle { display:none; background:none; border:none; cursor:pointer; }
.hamburger, .hamburger::before, .hamburger::after {
  width:25px; height:3px; background:#111827; display:block; border-radius:2px; position:relative; transition:0.3s;
}
.hamburger::before { content:""; position:absolute; top:-8px; }
.hamburger::after { content:""; position:absolute; top:8px; }

/* Hero Parallax */
.hero { position:relative; height:90vh; display:flex; align-items:center; justify-content:center; text-align:center; overflow:hidden; }
.hero-bg { background:url('https://images.unsplash.com/photo-1597808200639-f74175bb3e06?auto=format&fit=crop&w=1600&q=80') center/cover no-repeat fixed; position:absolute; inset:0; z-index:0; transform:translateZ(0); }
.hero-content { position:relative; z-index:2; max-width:800px; padding:0 1rem; color:#f9fafb; }
.hero-content h1 { font-size:3rem; font-weight:700; margin-bottom:1rem; text-shadow:0 4px 15px rgba(0,0,0,0.5); }
.hero-content p { font-size:1.25rem; margin-bottom:2rem; color:#e5e7eb; text-shadow:0 2px 8px rgba(0,0,0,0.4); }
.btn-primary { background:linear-gradient(135deg,#2563eb,#1d4ed8); color:#fff; padding:1rem 2rem; border:none; border-radius:8px; font-weight:600; transition:0.3s; }
.btn-primary:hover { transform:scale(1.05); }

/* Sections */
.section { padding:5rem 2rem; max-width:1200px; margin:auto; }
.section h2 { font-size:2.5rem; font-weight:700; text-align:center; margin-bottom:3rem; color:#111827; }

/* Glassmorphism Cards */
.services-grid, .industries-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:2rem; }
.service-card, .industry-card {
  background:rgba(255,255,255,0.15); backdrop-filter:blur(12px);
  border-radius:15px; padding:2rem; box-shadow:0 10px 30px rgba(0,0,0,0.05); text-align:center;
  transition:transform 0.5s, box-shadow 0.5s, background 0.3s;
}
.service-card:hover, .industry-card:hover {
  transform:translateY(-12px); box-shadow:0 15px 35px rgba(0,0,0,0.12);
  background:rgba(255,255,255,0.25);
}
.service-card .icon { font-size:2rem; margin-bottom:1rem; transition:transform 0.5s; }
.service-card:hover .icon { transform:rotate(15deg); }

/* Stats with Progress Bars */
.stats-grid { display:flex; justify-content:center; gap:4rem; flex-wrap:wrap; text-align:center; }
.stat h3 { font-size:2.5rem; font-weight:700; color:#2563eb; }
.stat p { font-size:1.1rem; color:#6b7280; margin-bottom:1rem; }
.progress { background:#e5e7eb; border-radius:8px; height:10px; width:100%; overflow:hidden; }
.progress-bar { background:#2563eb; height:10px; width:0%; border-radius:8px; transition:width 1.5s ease; }

/* Testimonial Carousel */
.testimonial-carousel { position:relative; overflow:hidden; max-width:800px; margin:0 auto; }
.testimonial-card { background:#fff; padding:2rem; border-radius:12px; box-shadow:0 8px 25px rgba(0,0,0,0.05); text-align:center; transition:transform 0.5s ease, opacity 0.5s ease; opacity:0; position:absolute; inset:0; display:flex; flex-direction:column; justify-content:center; }
.testimonial-card.active { opacity:1; position:relative; transform:translateX(0); }

/* Contact Form */
.contact form { max-width:500px; margin:auto; }
.form-group { position:relative; margin-bottom:2rem; }
.form-group input, .form-group textarea {
  width:100%; padding:1rem; border-radius:8px; border:1px solid #d1d5db; outline:none; font-size:1rem; background:#fff;
}
.form-group label { position:absolute; left:1rem; top:1rem; color:#6b7280; transition:0.3s; pointer-events:none; background:#f4f5f7; padding:0 0.3rem; }
.form-group input:focus + label,
.form-group input:not(:placeholder-shown) + label,
.form-group textarea:focus + label,
.form-group textarea:not(:placeholder-shown) + label { top:-0.7rem; left:0.8rem; font-size:0.75rem; color:#2563eb; }

/* Footer */
footer { text-align:center; padding:2rem; background:#f1f5f9; color:#6b7280; }

/* Fade-in Animation */
.fade-in { opacity:0; transform:translateY(20px); transition:opacity 1s ease-out, transform 1s ease-out; }
.fade-in.visible { opacity:1; transform:translateY(0); }

/* Responsive */
@media(max-width:768px){
  .navbar .nav-menu { position:fixed; top:0; left:0; height:100%; width:70%; max-width:300px; background:#fff; transform:translateX(-110%); transition:0.3s; padding-top:4rem; }
  .nav-menu.open { transform:translateX(0); }
  .nav-menu ul { flex-direction:column; gap:2rem; padding-left:2rem; }
  .nav-toggle { display:block; }
}