/* ============================================================
   LAYOUT.CSS — Nav, footer, section wrappers
   ============================================================ */

/* ---------- Nav ---------- */
.nav {
  position:           sticky;
  top:                0;
  z-index:            100;
  background:         rgba(14, 13, 11, 0.85);
  backdrop-filter:    blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-bottom:      1px solid var(--border);
}

.nav-inner {
  display:         flex;
  align-items:     center;
  justify-content: space-between;
  padding:         18px 28px;
  max-width:       1240px;
  margin:          0 auto;
}

.logo {
  font-family:    var(--font-serif);
  font-size:      26px;
  letter-spacing: 0.22em;
  font-weight:    500;
  color:          var(--text-primary);
  text-decoration: none;
}
.logo .dot { color: var(--accent); }

.nav-links {
  display:     flex;
  gap:         34px;
  align-items: center;
}

.nav-link {
  color:          var(--text-secondary);
  text-decoration: none;
  font-size:      13px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-weight:    400;
  background:     none;
  border:         none;
  padding:        0;
  transition:     color 0.25s;
}
.nav-link:hover,
.nav-link.active { color: var(--accent); }

.nav-right {
  display:     flex;
  align-items: center;
  gap:         22px;
}

.lang-toggle {
  display:       flex;
  gap:           4px;
  align-items:   center;
  border:        1px solid var(--border-strong);
  border-radius: 999px;
  padding:       4px;
}

.lang-btn {
  background:     none;
  border:         none;
  color:          var(--text-secondary);
  font-size:      11px;
  letter-spacing: 0.1em;
  font-weight:    500;
  padding:        5px 11px;
  border-radius:  999px;
  transition:     all 0.2s;
}
.lang-btn.active { background: var(--accent); color: var(--bg); }

@media (max-width: 880px) {
  .nav-links             { display: none; }
  .nav-right .lang-toggle { display: none; }
}

/* ---------- Footer ---------- */
.footer {
  background:  #0A0907;
  padding:     70px 0 30px;
  border-top:  1px solid var(--border);
}

.footer-grid {
  display:               grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  gap:                   50px;
  margin-bottom:         50px;
}

.footer-brand .logo    { font-size: 28px; margin-bottom: 16px; display: inline-block; }

.footer-tagline {
  color:      var(--text-secondary);
  font-size:  14px;
  line-height: 1.7;
  max-width:  340px;
}

.footer-heading {
  font-size:      11px;
  color:          var(--text-tertiary);
  letter-spacing: 0.2em;
  text-transform: uppercase;
  margin-bottom:  18px;
  font-weight:    500;
}

.footer-list { list-style: none; }
.footer-list li { margin-bottom: 10px; }
.footer-list a {
  color:           var(--text-secondary);
  text-decoration: none;
  font-size:       14px;
  transition:      color 0.2s;
}
.footer-list a:hover { color: var(--accent); }

.footer-bottom {
  border-top:      1px solid var(--border);
  padding-top:     26px;
  display:         flex;
  justify-content: space-between;
  align-items:     center;
  color:           var(--text-tertiary);
  font-size:       12px;
}

@media (max-width: 880px) {
  .footer-grid   { grid-template-columns: 1fr 1fr; gap: 30px; }
  .footer-bottom { flex-direction: column; gap: 12px; }
}

/* ---------- Trust strip ---------- */
.trust {
  padding:       36px 0;
  border-top:    1px solid var(--border);
  border-bottom: 1px solid var(--border);
}

.trust-inner {
  display:         flex;
  justify-content: center;
  gap:             70px;
  align-items:     center;
  flex-wrap:       wrap;
}

.trust-item {
  color:          var(--text-secondary);
  font-size:      13px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  display:        flex;
  align-items:    center;
  gap:            10px;
}
.trust-item svg { color: var(--accent); flex-shrink: 0; }