@import url('https://fonts.googleapis.com/css2?family=SF+Pro+Display:wght@400;600&display=swap');
*{margin:0;padding:0;box-sizing:border-box;font-family:'SF Pro',sans-serif;}
body{color:#fff;background:linear-gradient(180deg,#004080 0%,#00152D 100%);}
header{position:fixed;top:0;width:100%;z-index:100;}
.navbar{display:flex;justify-content:flex-end;align-items:center;padding:1rem 2rem;background:transparent;}
.logo{display:none;}
.nav-links{display:none;}
.nav-toggle{font-size:1.5rem;color:#fff;background:none;border:none;cursor:pointer;}
.hero{padding:8rem 2rem 4rem;text-align:center;}
.hero h1{font-size:3rem;margin-bottom:1rem;}
.hero p{font-size:1.25rem;}
.features-section{max-width:1200px;margin:0 auto;padding:4rem 2rem;}
.feature{display:flex;align-items:center;margin-bottom:6rem;}
.feature:nth-child(even){flex-direction:row-reverse;}
.feature-img{flex:1;display:flex;justify-content:center;}
.feature-img img{width:50%;border-radius:20px;box-shadow:0 8px 24px rgba(0,0,0,0.2);}
.feature-text{flex:1;padding:0 2rem;}
.feature-text h3{font-size:2.25rem;margin-bottom:1rem;color:#fff;}
.feature-text p{font-size:1.125rem;line-height:1.6;color:#ddd;}
.contact-section{padding:4rem 2rem;text-align:center;}
.social-icons{display:flex;gap:1.5rem;justify-content:center;}
.social-icons img{width:40px;height:40px;}
.section{padding:4rem 2rem;}
.section h2{font-size:2rem;text-align:center;margin-bottom:1rem;}
.terms-content{max-width:800px;margin:0 auto;background:rgba(255,255,255,0.1);padding:2rem;border-radius:15px;}
footer{text-align:center;padding:2rem 0;font-size:0.9rem;}

/* Show menu when open */
.nav-links.open {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 60px;
  right: 20px;
  background: rgba(255,255,255,0.1);
  padding: 1rem;
  border-radius: 10px;
  gap: 1rem;
  z-index: 200;
}
@media(max-width:768px){.feature{flex-direction:column!important;text-align:center;}.feature-text{padding:2rem 0;}nav .nav-toggle{display:block;}}
/* Hero styles */
.hero { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding: 4rem 2rem; margin-top: 60px; }
.hero-text { flex: 1 1 400px; max-width: 600px; }
.hero-text h1 { font-size: 3rem; margin-bottom: 1rem; }
.hero-text p { font-size: 1.25rem; margin-bottom: 1rem; }
.btn { padding: 0.75rem 1.5rem; border: 2px solid #fff; border-radius: 30px; background: transparent; color: #fff; cursor: pointer; font-size: 1rem; }
.hero-downloads { display: flex; align-items: center; gap: 1rem; margin-top: 1rem; }
.appstore-badge { width: 150px; }
.qr-code { width: 100px; }
/* Hide QR on small screens */
@media (max-width: 768px) { .qr-code { display: none; } }

/* Nav list style reset */
.nav-links { list-style: none; padding: 0; margin: 0; }


/* Logo image style */
.logo-img {
  height: 40px;
  width: auto;
}


/* Logo image styling */
.logo-img {
  height: 40px;
  width: auto;
}

   h2 {
      margin-top: 1.5rem;
      font-size: 1.4rem;
      padding-bottom: 0.3rem;
      text-align: start;
    }
    p {
      margin: 0.8rem 0;
      text-align: start;
    }