                        body{margin:0;font-family:sans-serif;background:#0b1f3a;color:#fff}
.nav{position:fixed;width:100%;display:flex;justify-content:space-between;padding:15px;background:rgba(0,0,0,0.6)}
.logo{height:60px}

  /* HEADER LAYOUT */
.logo-container {
  display: flex;
  align-items: center;
  gap: 15px;
}

/* LOGO SIZE (3X BIGGER) */
.logo {
  height: 120px;
}

/* COMPANY TEXT */
.company-name {
  font-size: 30px;
  font-weight: 600;
  color: #ffffff;
}

.tagline {
  font-size: 20px;
  color: #9ecbff;
}

/* HEADER STYLE */
.nav {
  position: fixed;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 40px;
  background: rgba(5, 15, 35, 0.85);
  backdrop-filter: blur(10px);
  z-index: 1000;
}

.hero{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}

.section{padding:100px 40px;text-align:center}
.dark{background:#091a2f}

.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.card{background:rgba(255,255,255,0.08);padding:25px;border-radius:10px;transition:.3s}
.card:hover{transform:translateY(-10px)}

.contact-form{max-width:400px;margin:auto;display:flex;flex-direction:column;gap:10px}
.contact-form input,.contact-form textarea{padding:10px;border:none;border-radius:5px}

.whatsapp{position:fixed;bottom:20px;right:20px;background:#25D366;color:#fff;padding:15px;border-radius:50%}

.reveal{opacity:0;transform:translateY(40px);transition:1s}
.reveal.active{opacity:1;transform:none}

@media(max-width:768px){
  .logo {
    height: 70px;
  }

  .company-name {
    font-size: 14px;
  }

  .tagline {
    font-size: 11px;
  }

  .logo-container {
    flex-direction: column;
    align-items: flex-start;
  }
}
    /* SHRINK EFFECT */
.nav {
  transition: all 0.3s ease;
}

.nav.shrink {
  padding: 5px 30px;
  background: rgba(5,15,35,0.95);
}

/* LOGO ANIMATION */
.logo {
  transition: all 0.3s ease;
}

.nav.shrink .logo {
  height: 80px;
}

/* GLOW EFFECT */
.logo.glow {
  filter: drop-shadow(0 0 10px #00aaff);
  transform: scale(1.05);
}

          