body{margin:0;font-family:Arial,sans-serif;background:#07101B;color:white}
nav{
    display:flex;
    justify-content:space-between;
    align-items:center;

    height:200px;      /* was 85-90px */
    padding:0 50px;

    background:#02070D;
    overflow:visible;
}

.logo{
    display:flex;
    align-items:center;
    height:200px;
}

.logo img{
    height:450px;      /* increase from 125-140px */
    width:auto;

    position:relative;
    top:50px;          /* move logo DOWN */
}
nav a{color:white;text-decoration:none;margin-left:20px}
.logo span{color:#1E88FF}
.cropped1{width: 800; height: 600; object-fit: cover;}
.hero{min-height:100vh;padding:80px 60px;display:grid;grid-template-columns:1fr 0.95fr;gap:60px;align-items:center;background:linear-gradient(#08111D,#050A12)}
.hero h1{font-size:72px;line-height:1.05}
.hero h1 span{color:#1E88FF}
.hero p{color:#B7C3D0}
.hero-image {
  position: relative;
  height: 720px !important;
  border-radius: 24px;
  background: linear-gradient(135deg,#1E88FF,#0C1727);
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  overflow: hidden !important;
}

.hero-image .hero-photo {
    position:relative;
    width:auto;
    height:120%;
    max-width:none;
    object-fit:contain;

    transform:translateX(40px) translateY(25px);

}
.btn{padding:14px 24px;border-radius:10px;text-decoration:none;color:white;border:none}
.primary{background:#1E88FF}
.secondary{border:1px solid rgba(255,255,255,.15)}
.section{padding:80px 60px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:25px}
.card{background:#0C1727;padding:25px;border-radius:18px}
.card p{color:#B7C3D0}
.mixer{background:#0C1727;padding:25px;border-radius:18px;margin-top:25px}
.grid-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}
.grid-buttons button{padding:14px;background:#1E88FF;color:white;border:none;border-radius:8px}
.meter{height:18px;background:#02070D;border-radius:999px;margin-top:20px;overflow:hidden}
#meterBar{height:100%;width:10%;background:#1E88FF;transition:.3s}
.contact-box{background:#0C1727;padding:30px;border-radius:18px;max-width:700px}
input,textarea{width:100%;padding:14px;margin:10px 0 20px;background:#09111B;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:white}
footer{text-align:center;padding:30px;background:#02070D;color:#8EA0B2}
@media(max-width:900px){.hero{grid-template-columns:1fr}.hero h1{font-size:42px}}

.logo img {
  max-width: 800px;
  width: 100%;
  height: auto;
  display: block;
}

nav {
  align-items: center;
}

@media(max-width:900px) {
  nav {
    flex-direction: column;
    align-items: center;
    padding: 20px;
    gap: 16px;
    overflow: visible;
    padding-top:10px;
    padding-bottom:35px;
  }

  nav div:last-child {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 14px;
  }

  nav a {
    margin-left: 0;
  }

  .logo img {
    width: 600px;
    height: auto;
    max-width: 110vw;
    max-height: none;
    position: relative;
    top: 10px;
}
  .hero {
    padding: 50px 22px;
    grid-template-columns: 1fr;
    gap: 35px;
  }

  .hero-image {
    height: 440px !important;
  }

  .hero-image .hero-photo {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transform: none;