/* ─── Reset ──────────────────────────────────────────────────────────── */
* { margin: 0; padding: 0; box-sizing: border-box; }

body {
  font-family: 'DM Sans', sans-serif;
  background: #0a0a08;
  color: #f0ede6;
  width: 100%;
  overflow-x: hidden;
}

/* ─── Navigation ─────────────────────────────────────────────────────── */
.ez-nav-wrapper {
  position: sticky;
  top: 0;
  z-index: 100;
}

.ez-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 48px;
  border-bottom: 0.5px solid rgba(240,237,230,0.1);
  background: rgba(10,10,8,0.95);
  backdrop-filter: blur(8px);
}

.ez-logo { display: flex; align-items: baseline; gap: 10px; }
.ez-logo-cn { font-family: 'Instrument Serif', serif; font-size: 22px; color: #FF8F2D; letter-spacing: 2px; }
.ez-logo-en { font-size: 13px; font-weight: 500; color: rgba(240,237,230,0.5); letter-spacing: 3px; text-transform: uppercase; }

.ez-nav-links { display: flex; gap: 32px; list-style: none; align-items: center; }
.ez-nav-links a { font-size: 13px; color: rgba(240,237,230,0.55); text-decoration: none; letter-spacing: 0.5px; transition: color 0.2s; }
.ez-nav-links a:hover { color: #f0ede6; }
.ez-nav-links a.active { color: #FF8F2D; }

/* ─── Buttons ────────────────────────────────────────────────────────── */
a.ez-btn-primary, a.ez-btn-lg { display: inline-block; text-decoration: none; }

.ez-btn-primary {
  background: #FF8F2D;
  color: #0a0a08;
  font-family: 'DM Sans', sans-serif;
  font-size: 13px;
  font-weight: 600;
  padding: 10px 22px;
  border: none;
  border-radius: 100px;
  cursor: pointer;
  letter-spacing: 0.3px;
}

.ez-btn-outline {
  background: transparent;
  color: #f0ede6;
  font-family: 'DM Sans', sans-serif;
  font-size: 13px;
  font-weight: 500;
  padding: 10px 22px;
  border: 0.5px solid rgba(240,237,230,0.3);
  border-radius: 100px;
  cursor: pointer;
}

.ez-btn-lg {
  background: #FF8F2D;
  color: #0a0a08;
  font-family: 'DM Sans', sans-serif;
  font-size: 14px;
  font-weight: 600;
  padding: 14px 32px;
  border: none;
  border-radius: 100px;
  cursor: pointer;
}

/* ─── Footer ─────────────────────────────────────────────────────────── */
.ez-footer {
  padding: 32px 48px;
  border-top: 0.5px solid rgba(240,237,230,0.06);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.ez-footer-copy { font-size: 12px; color: rgba(240,237,230,0.4); }
.ez-footer-links { display: flex; gap: 24px; }
.ez-footer-links a { font-size: 12px; color: rgba(240,237,230,0.45); text-decoration: none; }

/* ─── Hamburger & Mobile Menu ────────────────────────────────────────── */
.ez-hamburger { display: none; flex-direction: column; gap: 5px; cursor: pointer; padding: 4px; background: none; border: none; }
.ez-hamburger span { display: block; width: 22px; height: 1.5px; background: #f0ede6; transition: all 0.3s; }
.ez-hamburger.open span:nth-child(1) { transform: translateY(6.5px) rotate(45deg); }
.ez-hamburger.open span:nth-child(2) { opacity: 0; }
.ez-hamburger.open span:nth-child(3) { transform: translateY(-6.5px) rotate(-45deg); }

.ez-mobile-menu { display: none; flex-direction: column; background: #0f0f0c; border-bottom: 0.5px solid rgba(240,237,230,0.1); }
.ez-mobile-menu.open { display: flex; max-height: calc(100vh - 60px); overflow-y: auto; }
.ez-mobile-menu a { display: block; padding: 16px 24px; font-size: 15px; color: rgba(240,237,230,0.7); text-decoration: none; border-bottom: 0.5px solid rgba(240,237,230,0.06); }
.ez-mobile-menu .ez-btn-mobile { display: block; margin: 16px 24px 20px; padding: 14px; background: #FF8F2D; color: #0a0a08; font-family: 'DM Sans', sans-serif; font-size: 15px; font-weight: 600; border: none; border-radius: 100px; text-align: center; cursor: pointer; width: calc(100% - 48px); }

/* ─── Responsive (shared elements) ──────────────────────────────────── */
@media (max-width: 768px) {
  .ez-nav { padding: 16px 20px; }
  .ez-nav-links { display: none; }
  .ez-hamburger { display: flex; }
  .ez-footer { flex-direction: column; gap: 16px; align-items: flex-start; padding: 28px 20px; }
  .ez-footer-links { gap: 16px; }
  .ez-section-header { max-width: 100%; }
}