/* FULL HEIGHT LAYOUT */
html, body{
  overflow-x:hidden;
}

body{
  display:flex;
  flex-direction:column;
}

/* MAIN CONTENT */
.main{
  flex:1;   /* 👈 ye footer ko neeche push karega */
}/* RESET */
*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:#020617;
  color:#e5e7eb;
}

/* LINKS */
a{
  text-decoration:none;
  color:inherit;
}

/* ================= HEADER ================= */

.nav{
  position:sticky;
  top:0;
  z-index:1000;

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

  height:68px;
  padding:0 32px;

  background:rgba(2,6,23,0.6);
  backdrop-filter:blur(18px);

  border-bottom:1px solid rgba(255,255,255,0.04);
}

/* LOGO */
.logo{
  font-size:18px;
  font-weight:500;
  color:#fff;
  letter-spacing:0.3px;
}

/* NAV LINKS (DESKTOP) */
.nav-links{
  display:flex;
  align-items:center;
  gap:28px;
}

.nav-links a{
  font-size:14px;
  color:#94a3b8;
  transition:0.25s ease;
}

.nav-links a:hover{
  color:#ffffff;
}

/* CTA BUTTON */
.nav-btn{
  font-size:13px;
  padding:8px 14px;
  border-radius:8px;

  border:1px solid rgba(255,255,255,0.08);
  background:rgba(255,255,255,0.03);

  transition:0.25s;
}

.nav-btn:hover{
  background:rgba(255,255,255,0.08);
  color:#fff;
}

/* MOBILE TOGGLE ICON */
.menu-toggle{
  display:none;
  font-size:20px;
  cursor:pointer;
}

/* ================= MOBILE MENU ================= */

@media (max-width:768px){

  .nav{
    padding:0 18px;
  }

  .menu-toggle{
    display:block;
  }

  .nav-btn{
    display:none;
  }

  .nav-links{
    position:absolute;
    top:68px;
    left:0;
    width:100%;

    flex-direction:column;
    align-items:flex-start;

    background:#020617;
    border-top:1px solid rgba(255,255,255,0.05);

    padding:16px 20px;
    gap:16px;

    display:none; /* IMPORTANT FIX */
  }

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

}


/* ================= FOOTER ================= */

.footer{
  margin-top:60px; 

  width:100vw;                        /* 👈 full screen */
  margin-left:calc(-50vw + 50%);      /* 👈 break container */

  padding:50px 0 20px;                /* side padding remove */
  background:rgba(255,255,255,0.02);
  border-top:1px solid rgba(255,255,255,0.05);
}

/* INNER CONTENT */
.footer-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:30px;

  max-width:1600px;     /* better width */
  margin:0 auto;
  padding:0 20px;       /* 👈 side spacing */
}

/* TEXT */
.footer h3,
.footer h4{
  margin-bottom:12px;
}

.footer p{
  color:#94a3b8;
  font-size:14px;
  line-height:1.6;
}

.footer a{
  display:block;
  text-decoration:none;
  color:#cbd5e1;
  margin-bottom:6px;
  font-size:14px;
}

.footer a:hover{
  color:#fff;
}

/* BOTTOM */
.footer-bottom{
  max-width:1200px;
  margin:60px auto 0;
  padding:0 40px;
  text-align:center;
  font-size:13px;
  color:#64748b;
}
/* ================= MOBILE FOOTER ================= */

@media (max-width:768px){

  .footer-grid{
    grid-template-columns:1fr;
    gap:25px;
  }

}
/* ===== FAQ ===== */
.faq {
  margin-top: 40px;
}

.faq-item {
  background: rgba(255,255,255,0.03);
  margin-bottom: 10px;
  padding: 14px;
  border-radius: 10px;
  cursor: pointer;
  transition: 0.3s;
}

.faq-item:hover {
  background: rgba(255,255,255,0.06);
}

.faq-item h4 {
  font-size: 14px;
}

.faq-item p {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: 0.4s;
  font-size: 13px;
  color: #94a3b8;
}

.faq-item.active p {
  max-height: 200px;
  opacity: 1;
  margin-top: 8px;
}

/* ===== SCROLLBAR (CHROME, EDGE, SAFARI) ===== */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: #020617; /* site background */
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #6366f1, #22c55e);
  border-radius: 10px;
  border: 2px solid #020617;
}

::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #818cf8, #4ade80);
}

/* ===== FIREFOX ===== */
* {
  scrollbar-width: thin;
  scrollbar-color: #6366f1 #020617;
}
.faq h2{
  text-align:center;        /* center */
  max-width:600px;          /* width control */
  margin:0 auto 25px;       /* center + bottom space */
  padding:0 10px;           /* side gap (mobile fix) */
  font-size:22px;
  line-height:1.4;
  color:#e2e8f0;
}
.seo{
  margin-top:60px;
  max-width:1600px;
  margin-left:auto;
  margin-right:auto;
  padding:0 15px;
  color:#cbd5e1;
  line-height:1.7;
}

.seo h2{
  text-align:center;
  margin-bottom:20px;
}.section{
  padding: 40px 20px;
}

.inner{
  max-width: 1600px;
  margin: auto;
}
body{
  display:flex;
  flex-direction:column;
  min-height:100vh;
}

/* ===== INTERNAL LINKS (SEO CONTENT) ===== */

/* sirf content area ke links */
.seo a,
.faq a{
  color:#818cf8;              /* visible purple */
  text-decoration:underline; /* clickable feel */
  font-weight:500;
  transition:.25s;
}

/* hover effect */
.seo a:hover,
.faq a:hover{
  color:#22c55e;
  text-decoration:none;
}

/* optional: better UX */
.seo a::after,
.faq a::after{
  content:" ↗";
  font-size:12px;
  opacity:0.7;
}