*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { -webkit-font-smoothing: antialiased; scroll-behavior: smooth; scroll-padding-top: 84px; }
body { font-family: 'Geist', sans-serif; background: #080A0E; color: #EAEDF2; }

/* ── Nav ── */
.legal-nav {
  position: fixed; top: 0; left: 0; right: 0; z-index: 1000;
  display: flex; align-items: center; justify-content: space-between;
  padding: 0 48px; height: 72px;
  background: rgba(8,10,14,0.92);
  backdrop-filter: blur(24px) saturate(180%);
  -webkit-backdrop-filter: blur(24px) saturate(180%);
  border-bottom: 1px solid rgba(37,44,58,0.8);
}
.legal-nav-logo { display: flex; align-items: center; gap: 11px; cursor: pointer; flex-shrink: 0; text-decoration: none; }
.logo-word { overflow: visible; }
.logo-word-build { font-family: 'Geist', 'Arial Black', 'Helvetica Neue', sans-serif; font-size: 30px; font-weight: 800; letter-spacing: 0.04em; fill: #EAEDF2; }
.logo-word-sub   { font-family: 'Geist', 'Helvetica Neue', Arial, sans-serif; font-size: 10px; font-weight: 600; letter-spacing: 0.24em; fill: #7A84A0; }
.legal-nav-actions { display: flex; gap: 10px; align-items: center; }
.legal-nav-back { font-size: 14px; color: #8A94A6; padding: 6px 14px; border-radius: 5px; text-decoration: none; transition: color 0.18s; }
.legal-nav-back:hover { color: #EAEDF2; }
.legal-nav-lang { font-size: 12px; font-weight: 600; color: #7A84A0; text-decoration: none; letter-spacing: 0.04em; padding: 5px 10px; border-radius: 5px; border: 1px solid rgba(255,255,255,0.07); transition: color 0.18s; }
.legal-nav-lang:hover { color: #8A94A6; }

/* ── Legal content layout ── */
.legal-main { max-width: 760px; margin: 0 auto; padding: 156px 24px 120px; }
.legal-h1 { font-weight: 800; font-size: clamp(32px,4.5vw,48px); line-height: 1.1; letter-spacing: -0.03em; color: #FFFFFF; margin-bottom: 16px; }
.legal-updated { font-size: 13px; color: #7A84A0; margin-bottom: 48px; letter-spacing: -0.005em; }
.legal-section { margin-bottom: 40px; }
.legal-section h2 { font-size: 20px; font-weight: 700; color: #EAEDF2; letter-spacing: -0.02em; margin-bottom: 14px; }
.legal-section p { font-size: 15px; color: #8A94A6; line-height: 1.75; letter-spacing: -0.005em; margin-bottom: 14px; }
.legal-section p:last-child { margin-bottom: 0; }
.legal-section ul { margin: 0 0 14px; padding-left: 22px; }
.legal-section li { font-size: 15px; color: #8A94A6; line-height: 1.75; letter-spacing: -0.005em; margin-bottom: 8px; }
.legal-section a { color: #C8963C; text-decoration: none; }
.legal-section a:hover { text-decoration: underline; }
.legal-section strong { color: #EAEDF2; font-weight: 600; }

/* ── Footer ── */
.legal-footer { background: #050608; border-top: 1px solid #1E2430; padding: 56px 48px 36px; }
.legal-footer-inner { max-width: 1280px; margin: 0 auto; }
.legal-footer-logo   { display: flex; align-items: center; gap: 11px; text-decoration: none; margin-bottom: 20px; }
.legal-footer-bottom { padding-top: 28px; border-top: 1px solid #1A1D26; text-align: center; }
.legal-footer-copy   { font-size: 12px; color: #7A84A0; letter-spacing: -0.005em; }
.legal-footer-legal-link { font-size: 12px; color: #7A84A0; text-decoration: none; margin-left: 14px; }
.legal-footer-legal-link:hover { color: #8A94A6; }

@media (max-width: 900px) {
  .legal-nav { padding: 0 20px; }
  .legal-nav-back { display: none; }
  .legal-main { padding: 128px 20px 80px; }
  .legal-footer { padding: 40px 20px 24px; }
}