/* Shared style for the company legal pages (/privacy, /terms).
   Same palette as the home page: from the Aelux Systems logo. */
:root {
  --bg: #0a1428;
  --bg-2: #0e1c38;
  --card: #12223f;
  --line: #22355a;
  --text: #eef3f8;
  --silver: #c3ccd8;
  --dim: #8696ad;
  --blue: #4aa8ff;
  --glow: #9ad8ff;
}
* { box-sizing: border-box; }
html, body { margin: 0; }
body {
  background: radial-gradient(ellipse at 50% -10%, var(--bg-2) 0%, var(--bg) 60%) fixed, var(--bg);
  color: var(--silver);
  font-family: 'Montserrat', -apple-system, 'Segoe UI', sans-serif;
  font-size: 15px;
  line-height: 1.75;
  -webkit-font-smoothing: antialiased;
}
a { color: var(--glow); }
a:hover { color: var(--text); }
.wrap { width: 100%; max-width: 720px; margin: 0 auto; padding: 0 24px; }

header { padding: 28px 0 8px; }
header a { display: inline-block; }
header img {
  width: 76px; height: 76px; display: block;
  -webkit-mask-image: radial-gradient(circle closest-side, #000 82%, rgba(0,0,0,0.35) 90%, transparent 100%);
          mask-image: radial-gradient(circle closest-side, #000 82%, rgba(0,0,0,0.35) 90%, transparent 100%);
}

main { padding: 24px 0 64px; }
.eyebrow {
  font-size: 12px; font-weight: 700; letter-spacing: 0.26em; text-transform: uppercase;
  color: var(--blue); margin: 0 0 6px;
}
h1 { color: var(--text); font-size: 30px; font-weight: 700; letter-spacing: 0.02em; margin: 0 0 4px; line-height: 1.2; }
.updated { color: var(--dim); font-size: 13px; margin: 0 0 32px; }
h2 {
  color: var(--text); font-size: 15px; font-weight: 700; letter-spacing: 0.06em;
  text-transform: uppercase; margin: 36px 0 8px;
}
p, li { margin: 0 0 12px; }
ul { padding-left: 20px; margin: 0 0 12px; }
strong { color: var(--text); font-weight: 600; }
.note {
  background: var(--card); border: 1px solid var(--line); border-radius: 12px;
  padding: 14px 18px; margin: 0 0 24px;
}

footer { border-top: 1px solid var(--line); padding: 22px 0 30px; font-size: 13px; color: var(--dim); }
footer .wrap { display: flex; flex-wrap: wrap; gap: 8px 20px; justify-content: space-between; }
footer nav { display: flex; gap: 18px; }
footer a { color: var(--dim); text-decoration: none; }
footer a:hover { color: var(--text); }