*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --bg:#0C0A08; --sf:#141210; --bd:#2A2520;
  --gold:#C9A84C;
  --t1:#F2EDE4; --t2:#C8BFB0; --t3:#8C8070; --t4:#5C5248;
  --serif:'Cormorant Garamond',Georgia,serif;
  --sans:'DM Sans',system-ui,sans-serif;
}

html { scroll-behavior: smooth; }
body { background:var(--bg); color:var(--t1); font-family:var(--sans); font-size:16px; line-height:1.6; }

nav { position:fixed; top:0; left:0; right:0; z-index:100; padding:20px 48px; display:flex; align-items:center; justify-content:space-between; backdrop-filter:blur(16px); background:rgba(12,10,8,.88); border-bottom:.5px solid rgba(201,168,76,.1); }
.nav-logo { font-family:var(--serif); font-size:26px; font-weight:600; color:var(--t1); text-decoration:none; }
.nav-logo em { color:var(--gold); font-style:normal; }
.nav-links { display:flex; align-items:center; gap:32px; list-style:none; }
.nav-links a { color:var(--t3); text-decoration:none; font-size:14px; font-weight:400; transition:color .2s; }
.nav-links a:hover { color:var(--t1); }
.nav-cta { background:var(--gold) !important; color:#1A1200 !important; font-weight:600 !important; padding:9px 22px; border-radius:8px; }

.legal { max-width:720px; margin:0 auto; padding:140px 24px 80px; }
.legal-tag { font-size:11px; font-weight:700; color:var(--gold); letter-spacing:.8px; text-transform:uppercase; margin-bottom:10px; }
.legal-title { font-family:var(--serif); font-size:clamp(32px,5vw,44px); font-weight:400; letter-spacing:-.02em; margin-bottom:8px; }
.legal-date { font-size:14px; color:var(--t3); margin-bottom:32px; padding-bottom:24px; border-bottom:.5px solid var(--bd); }
.legal-highlight { background:rgba(201,168,76,.1); border:.5px solid rgba(201,168,76,.25); border-radius:10px; padding:16px 18px; margin-bottom:28px; font-size:15px; color:var(--t2); line-height:1.7; }
.legal-section { margin-bottom:28px; }
.legal-section h2 { font-size:16px; font-weight:700; color:var(--t1); margin-bottom:10px; }
.legal-section p, .legal-section li { font-size:15px; color:var(--t2); line-height:1.75; margin-bottom:8px; }
.legal-section ul { padding-left:20px; }
.legal-section li { list-style:disc; }
.legal-section a { color:var(--gold); text-decoration:none; }
.legal-section a:hover { text-decoration:underline; }

footer { border-top:.5px solid var(--bd); padding:48px; display:flex; flex-direction:column; gap:32px; }
.footer-top { display:flex; justify-content:space-between; align-items:flex-start; gap:40px; }
.footer-logo { font-family:var(--serif); font-size:22px; font-weight:600; color:var(--t1); margin-bottom:8px; }
.footer-logo em { color:var(--gold); font-style:normal; }
.footer-tag { font-size:13px; color:var(--t4); max-width:200px; line-height:1.55; }
.footer-links { display:flex; gap:64px; }
.fcol-title { font-size:12px; font-weight:600; color:var(--t3); letter-spacing:.06em; text-transform:uppercase; margin-bottom:16px; }
.fcol-links { display:flex; flex-direction:column; gap:10px; }
.fcol-links a { font-size:14px; color:var(--t4); text-decoration:none; transition:color .2s; }
.fcol-links a:hover { color:var(--t1); }
.footer-bot { border-top:.5px solid var(--bd); padding-top:24px; display:flex; justify-content:space-between; align-items:flex-start; gap:24px; }
.footer-copy { font-size:14px; color:var(--t3); line-height:1.65; }
.footer-copy .footer-owned { display:block; margin-top:4px; }
.footer-legal { display:flex; gap:24px; flex-wrap:wrap; }
.footer-legal a { font-size:14px; color:var(--t3); text-decoration:none; transition:color .2s; }
.footer-legal a:hover { color:var(--gold); }

@media(max-width:960px){
  nav { padding:16px 24px; }
  .nav-links { display:none; }
  .footer-top { flex-direction:column; }
  .footer-links { flex-direction:column; gap:32px; }
  .footer-bot { flex-direction:column; gap:12px; }
}