/* Echolot — shared legal page styles */
:root{
  --bg-1:#0A0A0A; --bg-2:#141414; --bg-3:#1C1C1C;
  --gold:#C4A24E; --gold-light:#D4B86A; --gold-deep:#8C7338;
  --text:#F5F0EB; --text-2:#B8B0A8; --text-3:#7A7167;
  --line:#252525;
  --serif:'Playfair Display', Georgia, serif;
  --serif-italic:'Cormorant Garamond', Georgia, serif;
  --sans:'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:var(--sans);
  color:var(--text);
  background:var(--bg-1);
  font-size:15px; line-height:1.7; letter-spacing:.012em;
  -webkit-font-smoothing:antialiased;
}
body::before{
  content:""; position:fixed; inset:0; pointer-events:none; z-index:1000;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='1.4' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.96 0 0 0 0 0.94 0 0 0 0 0.92 0 0 0 1 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.45'/></svg>");
  opacity:.05; mix-blend-mode:overlay;
}
::selection{background:var(--gold);color:var(--bg-1)}
a{color:var(--gold);text-decoration:none;border-bottom:1px solid transparent;transition:all .2s ease-out}
a:hover{color:var(--gold-light);border-bottom-color:var(--gold-light)}

.topbar{
  position:fixed;top:0;left:0;right:0;z-index:50;
  display:flex;justify-content:space-between;align-items:center;
  padding:18px 32px;
  background:rgba(10,10,10,.92);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  border-bottom:1px solid var(--line);
}
.brand{display:flex;align-items:center;gap:12px;font-weight:600;font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--text)}
.brand-mark{width:22px;height:22px;position:relative;display:inline-block}
.brand-mark::before,.brand-mark::after,.brand-mark span{content:"";position:absolute;border:1px solid var(--gold);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}
.brand-mark::before{width:6px;height:6px;background:var(--gold);border:none}
.brand-mark::after{width:14px;height:14px;opacity:.7}
.brand-mark span{width:22px;height:22px;opacity:.35}
.brand .sep{color:var(--gold);margin:0 6px;opacity:.6}
.brand em{font-style:italic;font-family:var(--serif-italic);font-weight:500;letter-spacing:.06em;text-transform:none;color:var(--text-2);font-size:13px}
.topbar-right{display:flex;gap:28px;align-items:center}
.topbar-right a{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--text-2);border-bottom:none}
.topbar-right a:hover{color:var(--gold)}
@media (max-width:760px){.topbar-right{display:none}.topbar{padding:14px 20px}}

main{padding:140px 24px 100px;max-width:860px;margin:0 auto}
.eyebrow{font-size:10px;letter-spacing:.36em;text-transform:uppercase;color:var(--gold);font-weight:500;margin-bottom:18px;display:flex;align-items:center;gap:14px}
.eyebrow .num{font-family:var(--serif-italic);font-style:italic;color:var(--gold-deep);letter-spacing:0;text-transform:none;font-size:14px}
h1{font-family:var(--serif);font-weight:400;font-size:clamp(40px,6vw,72px);line-height:1.05;letter-spacing:-.015em;margin:0 0 16px;color:var(--text)}
h1 em{font-style:italic;font-family:var(--serif-italic);font-weight:300;color:var(--gold)}
.lead{font-family:var(--serif-italic);font-style:italic;font-size:21px;line-height:1.5;color:var(--text-2);max-width:600px;margin:0 0 60px}
.section-rule{height:1px;background:var(--line);width:100%;margin:48px 0}
h2{font-family:var(--serif);font-weight:500;font-size:22px;letter-spacing:-.005em;color:var(--text);margin:48px 0 18px}
h3{font-family:var(--sans);font-weight:600;font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);margin:32px 0 14px}
.legal p{font-size:14.5px;color:var(--text-2);margin:0 0 14px;line-height:1.75}
.legal ul{padding-left:20px;color:var(--text-2);font-size:14.5px;line-height:1.75}
.legal ul li{margin:0 0 6px}
.legal strong, .legal b{color:var(--text);font-weight:600}
.legal .meta{font-size:12px;color:var(--text-3);letter-spacing:.05em;margin-top:6px}
.legal .address{font-family:var(--serif-italic);font-style:italic;color:var(--text);font-size:17px;line-height:1.7;margin:0 0 22px}
.note{
  background:var(--bg-2);border-left:1px solid var(--gold);padding:18px 22px;
  font-family:var(--serif-italic);font-style:italic;color:var(--text-2);font-size:14.5px;line-height:1.6;
  margin:0 0 40px;
}
footer{padding:48px 24px;text-align:center;border-top:1px solid var(--line);background:#050505;margin-top:80px}
footer .meta-line{font-size:10px;letter-spacing:.36em;text-transform:uppercase;color:var(--text-3)}
footer .meta-line .sep{color:var(--gold);margin:0 12px;opacity:.6}
footer .meta-line a{color:var(--text-3);border-bottom:none}
footer .meta-line a:hover{color:var(--gold)}