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

:root {
  --accent: #ff4d00;
  --dark: #0c0c0c;
  --card: #161616;
}

* { margin:0; padding:0; box-sizing:border-box; font-family:'Montserrat',sans-serif; }

body { background:var(--dark); color:#fff; overflow-x:hidden; }

.container { width:90%; max-width:1300px; margin:auto; }

  .logo img { 
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

header {
  position:fixed;
  width:100%;
  background:rgba(0,0,0,.6);
  backdrop-filter:blur(10px);
  z-index:1000;
  padding:20px 0;
}

nav { display:flex; justify-content:space-between; align-items:center; }

nav a { color:#fff; margin-left:30px; text-decoration:none; transition:.3s; }
nav a:hover { color:var(--accent); }

/* ===== BURGER ===== */

.burger {
  display: none;
  flex-direction: column;
  cursor: pointer;
  gap: 5px;
}

.burger span {
  width: 25px;
  height: 3px;
  background: #fff;
  transition: 0.3s;
}

.nav-links {
    text-align: center;
}

section { padding:140px 0; }

.hero {
  height:100vh;
  position:relative;
  display:flex;
  align-items:center;
}

.hero-video {
  position:absolute;
  width:100%;
  height:100%;
  object-fit:cover;
  top:0;
  left:0;
  z-index:-2;
}

.hero-overlay {
  position:absolute;
  width:100%;
  height:100%;
  background:linear-gradient(rgba(0,0,0,.8), rgba(0,0,0,.9));
  z-index:-1;
}

h1 { font-size:64px; font-weight:800; line-height:1.2; }

.btn {
  display:inline-block;
  margin-top:40px;
  padding:18px 35px;
  background:var(--accent);
  border-radius:50px;
  text-decoration:none;
  color:#fff;
  font-weight:600;
  transition:.4s;
}

.btn:hover { transform:translateY(-5px); box-shadow:0 15px 40px rgba(255,77,0,.4); }

.grid { 
    display:grid; gap:40px; 
}
.grid-3 { 
    grid-template-columns:repeat(auto-fit,minmax(380px,1fr));
}

.card {
  background:var(--card);
  padding:50px;
  border-radius:20px;
  transition:.4s;
  transform-style:preserve-3d;
}

.tilt:hover {
  transform:rotateY(8deg) rotateX(8deg);
}

.image-gallery img { width:100%; border-radius:20px; }

.dark-section { 
    background:url('../images/bg-dark.jpg') center/cover fixed;
    /*background:#111; */
}

video {  
    max-width: 100%;
    height: auto;
}


.fade-in { opacity:0; transform:translateY(40px); transition:1s; }
.fade-in.visible { opacity:1; transform:translateY(0); }

.delay { transition-delay:.3s; }
.delay2 { transition-delay:.6s; }

.parallax {
  background:url('../images/bg-industrial.jpg') center/cover fixed;
}

.service-link {
  display:block;
  margin-top:20px;
  color:var(--accent);
  font-weight:600;
}
.card {
  text-decoration:none;
  color:white;
}

@media(max-width:860px){
  h1 { font-size:36px; }
  section { padding:100px 0; }
 
  .logo img { 
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }

  .nav-links {
    position: absolute;
    top: 80px;
    right: 0;
    background: var(--card);
    width: 100%;
    flex-direction: column;
    align-items: center;
    padding: 20px 0;
    display: none;
    gap:5px;
    border-radius: 20px;
  }

  .nav-links.active {
    display: flex;
  }

  .burger {
    display: flex;
  }
    
}