*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#060D1E;--navy:#0A1324;
  --white:#FFFFFF;--text:#E0DCD2;--muted:#9EADC6;--dim:#5A6E8A;
}
html,body{min-height:100vh}
body{background:var(--bg);color:var(--text);font-family:'Raleway',sans-serif;line-height:1.75;font-size:.95rem}
.legal-nav{background:rgba(4,9,20,0.85);backdrop-filter:blur(20px);border-bottom:1px solid color-mix(in oklab, var(--accent) 12%, transparent);padding:0 2rem;height:64px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}
.legal-nav a{color:var(--muted);text-decoration:none;font-size:.68rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;transition:color .2s}
.legal-nav a:hover{color:var(--accent-on-inverse)}
.legal-nav .nav-home{color:var(--white);font-family:var(--ks-display);font-size:1rem;letter-spacing:2.5px}
.legal-wrap{max-width:780px;margin:0 auto;padding:3rem 2rem 5rem}
.legal-wrap h1{font-family:var(--ks-display);font-size:1.6rem;letter-spacing:4px;color:var(--white);margin-bottom:.5rem;font-weight:700;text-transform:uppercase}
.legal-meta{font-size:.68rem;color:var(--dim);letter-spacing:2px;text-transform:uppercase;margin-bottom:2.5rem;font-weight:600}
.legal-wrap h2{font-family:var(--ks-display);font-size:1rem;letter-spacing:3px;color:var(--accent-on-inverse);margin-top:2.5rem;margin-bottom:.8rem;font-weight:700;text-transform:uppercase;padding-bottom:.4rem;border-bottom:1px solid color-mix(in oklab, var(--accent) 15%, transparent)}
.legal-wrap h3{font-size:.88rem;color:var(--white);margin-top:1.5rem;margin-bottom:.4rem;font-weight:700}
.legal-wrap p{margin-bottom:1rem;color:var(--text);font-size:.88rem;line-height:1.8}
.legal-wrap ul,.legal-wrap ol{margin:0 0 1rem 1.5rem;color:var(--text);font-size:.88rem}
.legal-wrap ul li,.legal-wrap ol li{margin-bottom:.4rem;line-height:1.7}
.legal-wrap a{color:var(--accent-on-inverse);text-decoration:none;font-weight:600;transition:color .2s}
.legal-wrap a:hover{color:var(--accent-on-inverse)}
.legal-wrap strong{color:var(--white)}
.site-footer{background:linear-gradient(180deg,#0A1324 0%,#0D1829 100%);border-top:2px solid color-mix(in oklab, var(--accent) 35%, transparent);color:rgba(255,255,255,0.7);font-family:'Raleway',sans-serif;padding:2.5rem 2rem 1.5rem;margin-top:0}
.sf-inner{max-width:1100px;margin:0 auto}
.sf-top{display:grid;grid-template-columns:1fr 2fr;gap:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,0.08)}
.sf-brand h4{font-family:var(--ks-display);font-size:.95rem;font-weight:800;color:#fff;letter-spacing:2px;text-transform:uppercase;margin:0 0 .4rem}
.sf-brand p{font-size:.72rem;color:rgba(255,255,255,0.5);margin:0;line-height:1.6}
.sf-brand a{color:var(--accent-on-inverse);text-decoration:none;font-weight:700;transition:color .2s}
.sf-brand a:hover{color:var(--accent-on-inverse)}
.sf-links{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem 2rem}
.sf-link{font-size:.7rem;font-weight:600;letter-spacing:.8px;text-transform:uppercase;color:rgba(255,255,255,0.6);text-decoration:none;padding:.3rem 0;transition:color .2s,transform .15s;display:block}
.sf-link:hover{color:var(--accent-on-inverse);transform:translateX(3px)}
.sf-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding-top:1.2rem;gap:.8rem}
.sf-copy{font-size:.6rem;color:rgba(255,255,255,0.6);letter-spacing:1.5px;text-transform:uppercase}
.sf-trust{font-size:.58rem;color:rgba(255,255,255,0.52);letter-spacing:1px}
@media(max-width:768px){
  .sf-top{grid-template-columns:1fr;gap:1.5rem;text-align:center}
  .sf-links{grid-template-columns:repeat(2,1fr);gap:.35rem 1.5rem;justify-items:center}
  .sf-bottom{flex-direction:column;text-align:center}
}
@media(max-width:440px){.sf-links{grid-template-columns:1fr 1fr;gap:.3rem 1rem}}
@media(max-width:600px){
  .legal-wrap{padding:2rem 1.25rem 4rem}
  .legal-wrap h1{font-size:1.2rem;letter-spacing:2.5px}
  .legal-wrap h2{font-size:.88rem;letter-spacing:2px}
  .legal-nav{padding:0 1rem;height:56px}
}
/* Focus visible for keyboard navigation */
.legal-nav a:focus-visible,.legal-wrap a:focus-visible,.sf-link:focus-visible,.sf-brand a:focus-visible{outline:2px solid var(--accent-on-inverse);outline-offset:3px;border-radius:2px}
@media(prefers-reduced-motion:reduce){*{animation-duration:0s!important;transition-duration:0s!important}}