/* ==========================================================
   EXTORY — SHARED STYLES FOR LEGAL PAGES
   Same black / white / gold system as the homepage.
   ========================================================== */
:root {
  --black:#090909;
  --soft:#111111;
  --panel:#151515;
  --white:#f6f4ef;
  --muted:#b5b0a7;
  --gold:#c7a24f;
  --gold2:#e0c378;
  --line:rgba(255,255,255,.13);
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--black);
  color:var(--white);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  line-height:1.6;
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
.container{width:min(var(--max),calc(100% - 38px));margin:0 auto}
.gold{color:var(--gold)}
.muted{color:var(--muted)}
h1,h2,h3,p{margin-top:0}
.eyebrow{
  text-transform:uppercase;
  color:var(--gold);
  letter-spacing:.18em;
  font-size:.75rem;
  font-weight:800;
}

/* NAV */
.nav{
  position:sticky;
  top:0;
  z-index:100;
  background:rgba(9,9,9,.88);
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
}
.nav-inner{
  min-height:74px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
}
.logo{
  font-size:1.28rem;
  font-weight:900;
  letter-spacing:.20em;
}
.nav-links{display:flex;gap:24px;align-items:center}
.nav-links>a:not(.btn){color:#ddd8cf;font-size:.9rem}
.nav-links>a:hover{color:var(--gold)}
.btn{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  min-height:48px;
  padding:0 22px;
  border:1px solid var(--gold);
  background:var(--gold);
  color:#111;
  font-weight:800;
  cursor:pointer;
  transition:.2s ease;
}
.btn:hover{background:var(--gold2);border-color:var(--gold2)}
.btn.outline{background:transparent;color:white}
.btn.outline:hover{background:var(--gold);color:#111}
.btn.small{min-height:40px;padding:0 16px;font-size:.86rem}

/* LEGAL PAGE HEADER */
.legal-head{padding:74px 0 44px;border-bottom:1px solid var(--line)}
.legal-head h1{
  max-width:900px;
  font-size:clamp(2.5rem,6vw,4.4rem);
  line-height:1.0;
  letter-spacing:-.045em;
  margin:14px 0 20px;
}
.legal-head .lead{
  max-width:680px;
  color:#e1ddd5;
  font-size:1.08rem;
  margin:0;
}

/* LEGAL PAGE BODY */
.legal-body{padding:58px 0 82px}
.legal-body .container{max-width:820px}
.legal-body h2{
  font-size:1.28rem;
  line-height:1.3;
  letter-spacing:-.01em;
  margin:46px 0 12px;
  color:var(--white);
}
.legal-body h2:first-of-type{margin-top:0}
.legal-body p{
  color:#cfc9c0;
  margin:0 0 16px;
  font-size:1rem;
}
.legal-rule{
  height:1px;
  background:var(--line);
  border:0;
  margin:40px 0;
}
.legal-list{
  margin:0 0 16px;
  padding:0;
  list-style:none;
}
.legal-list li{
  position:relative;
  padding-left:20px;
  margin-bottom:9px;
  color:#cfc9c0;
}
.legal-list li:before{
  content:"";
  position:absolute;
  left:0;
  top:.62em;
  width:6px;
  height:6px;
  background:var(--gold);
}
.legal-contact{
  margin-top:44px;
  border-top:1px solid var(--line);
  padding-top:22px;
}
.legal-contact strong{color:var(--gold)}
.legal-contact p{margin:0 0 6px}
.legal-contact a{font-size:1.06rem;color:var(--white)}
.legal-contact a:hover{color:var(--gold)}

/* FOOTER */
footer{padding:42px 0;background:#060606;border-top:1px solid var(--line)}
.footer-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:35px;
  align-items:end;
}
footer p{color:#98938b;margin:5px 0;font-size:.86rem}
.footer-right{text-align:right}
.footer-legal{
  margin-top:30px;
  padding-top:20px;
  border-top:1px solid rgba(255,255,255,.08);
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:14px;
}
.footer-legal a{
  color:#8b867e;
  font-size:.78rem;
  letter-spacing:.02em;
}
.footer-legal a:hover{color:var(--gold)}
.footer-legal span{color:#3a3833;font-size:.78rem}

@media(max-width:900px){
  .nav-links{display:none}
  .footer-grid{grid-template-columns:1fr;gap:30px}
  .footer-right{text-align:left}
  .legal-head{padding:56px 0 36px}
  .legal-body{padding:46px 0 66px}
}
@media(max-width:560px){
  .container{width:min(var(--max),calc(100% - 24px))}
}