/* ========== RESET ========== */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:'Inter',system-ui,sans-serif;
  background:#13111a;
  color:#fff;
  line-height:1.6;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
ul{list-style:none}

/* ========== UTILITY ========== */
.w-layout-grid{display:grid}
.container{max-width:1140px;margin:0 auto;padding:0 24px}
.text-center{text-align:center}

/* ========== COLORS / VARS ========== */
:root{
  --bg:#13111a;
  --bg-card:rgba(255,255,255,0.04);
  --bg-card-hover:rgba(255,255,255,0.07);
  --green:#e9c931;
  --green-15:rgba(233,201,49,0.15);
  --green-08:rgba(233,201,49,0.08);
  --purple:#7c5cfc;
  --blue:#4da6ff;
  --text:#fff;
  --text-muted:#afadc2;
  --text-dim:#7a788a;
  --border:rgba(255,255,255,0.06);
  --border-green:rgba(233,201,49,0.2);
  --radius:12px;
  --radius-lg:20px;
  --shadow:0 20px 50px rgba(0,0,0,0.35);
}

/* ========== NAV ========== */
.nav{
  position:fixed;top:0;left:0;right:0;z-index:999;
  height:80px;display:flex;align-items:center;justify-content:space-between;
  padding:0 48px;
  background:rgba(19,17,26,0.75);
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
  border-bottom:1px solid var(--border);
  transition:background .3s;
}
.nav-logo img{height:36px}
.nav-menu{display:flex;align-items:center;gap:32px}
.nav-menu a{
  font-size:13px;font-weight:600;color:var(--text-muted);
  letter-spacing:.3px;transition:color .25s;
}
.nav-menu a:hover{color:var(--green)}

/* ========== BUTTONS ========== */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-family:inherit;font-size:14px;font-weight:700;
  padding:12px 28px;border-radius:8px;border:none;cursor:pointer;
  transition:all .25s;letter-spacing:.2px;
}
.btn-green{background:#e9c931;color:#13111a}
.btn-green:hover{box-shadow:0 8px 28px rgba(233,201,49,0.35);transform:translateY(-2px)}
.btn-outline{background:transparent;color:#fff;border:1px solid rgba(255,255,255,0.15)}
.btn-outline:hover{border-color:var(--green);color:var(--green)}
.btn-full{width:100%}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:4px}
.hamburger span{width:24px;height:2px;background:#fff;border-radius:2px}

/* ========== FOOTER ========== */
.footer{
  padding:56px 48px 24px;
  border-top:1px solid var(--border);
  background:#0c0a14;
}
.footer-grid{
  max-width:1140px;margin:0 auto;
  display:grid;grid-template-columns:1.6fr 1fr 1fr 1.5fr;gap:36px;
  margin-bottom:36px;
}
.footer-brand img{height:32px;margin-bottom:12px}
.footer-brand p{font-size:12.5px;color:var(--text-dim);line-height:1.7}
.footer-col h5{
  font-size:12px;font-weight:700;text-transform:uppercase;
  letter-spacing:1.5px;color:var(--text-muted);margin-bottom:14px;
}
.footer-col li{margin-bottom:8px}
.footer-col li a{font-size:13px;color:var(--text-dim);transition:color .25s}
.footer-col li a:hover{color:var(--green)}

.footer-merchants{
  background:rgba(233,201,49,.03);border:1px solid rgba(233,201,49,.08);
  border-radius:14px;padding:20px;
}
.footer-merchants h5{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:10px}
.footer-merchants p{font-size:11.5px;color:var(--text-dim);margin-bottom:14px;line-height:1.6}
.footer-merchants a.merchant-link{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 14px;background:rgba(255,255,255,.04);
  border:1px solid var(--border);border-radius:10px;
  font-size:12px;font-weight:600;color:var(--text-muted);
  transition:all .25s;
}
.footer-merchants a.merchant-link:hover{border-color:var(--green);color:var(--green)}
.footer-merchants a.merchant-link img{width:24px;height:24px;border-radius:5px}

.footer-bottom{
  max-width:1140px;margin:0 auto;padding-top:18px;
  border-top:1px solid var(--border);
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;
}
.footer-bottom p{font-size:11.5px;color:var(--text-dim)}
.footer-bottom .social a{
  display:inline-flex;align-items:center;justify-content:center;
  width:32px;height:32px;border-radius:8px;
  background:rgba(255,255,255,.03);border:1px solid var(--border);
  color:var(--text-dim);transition:all .25s;
}
.footer-bottom .social a:hover{border-color:var(--green);color:var(--green)}
.footer-bottom .social a svg{width:14px;height:14px}

/* ========== ANIMATIONS ========== */
.reveal{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}
.reveal.v{opacity:1;transform:translateY(0)}

/* ========== RESPONSIVE: NAV & FOOTER ========== */
@media(max-width:1024px){
  .nav{padding:0 24px}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
  .nav-menu{display:none}
  .hamburger{display:flex}
  .nav-menu.show{
    display:flex;flex-direction:column;
    position:absolute;top:80px;left:0;right:0;
    background:rgba(19,17,26,0.97);
    padding:20px 24px;gap:16px;
    border-bottom:1px solid var(--border);
  }
  .footer-grid{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column;text-align:center}
}