:root {
  --navy: #07111f;
  --navy-2: #0c1b2d;
  --ink: #122033;
  --muted: #667487;
  --paper: #f5f7fa;
  --white: #fff;
  --orange: #f0a22e;
  --line: rgba(7,17,31,.13);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: "Segoe UI", Inter, Helvetica, Arial, system-ui, sans-serif;
  color: var(--ink);
  background: var(--paper);
  line-height: 1.7;
}
a { color: inherit; text-decoration: none; }
.wrap { width: min(980px, calc(100% - 40px)); margin: 0 auto; }
.topbar { background: var(--navy); border-bottom: 1px solid rgba(255,255,255,.15); }
.nav { min-height: 88px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.brand { display: flex; align-items: center; gap: 13px; }
.brand-logo { width: 205px; height: auto; }
.brand-divider { width: 1px; height: 39px; background: rgba(255,255,255,.26); }
.brand-mini { width: 58px; height: 44px; object-fit: contain; }
.back-link { color: rgba(255,255,255,.85); font-weight: 650; }
.back-link:hover { color: var(--orange); }
.legal-hero { padding: 92px 0 54px; background: var(--navy); color: var(--white); }
.eyebrow { color: var(--orange); font-size: .78rem; text-transform: uppercase; letter-spacing: .12em; }
h1 { margin: 14px 0 10px; font-size: clamp(2.8rem, 7vw, 5.2rem); line-height: 1; letter-spacing: -.055em; }
.legal-hero p { margin: 0; color: rgba(255,255,255,.62); }
.legal-main { padding: 66px 0 100px; }
.legal-card { background: var(--white); border: 1px solid var(--line); border-radius: 24px; padding: clamp(28px, 5vw, 58px); box-shadow: 0 24px 60px rgba(7,17,31,.08); }
.legal-card h2 { margin: 2.2em 0 .45em; font-size: 1.45rem; line-height: 1.25; }
.legal-card h2:first-child { margin-top: 0; }
.legal-card h3 { margin: 1.5em 0 .35em; font-size: 1.05rem; }
.legal-card p { margin: 0 0 1em; }
.legal-card ul { padding-left: 1.25rem; }
.legal-card a { color: #a15f00; text-decoration: underline; text-underline-offset: 3px; }
.legal-card address { font-style: normal; }
.notice { margin-top: 28px; padding: 18px 20px; border-left: 3px solid var(--orange); background: #fff7e9; }
footer { background: #040b14; color: white; padding: 32px 0; }
.footer-row { display: flex; justify-content: space-between; gap: 24px; color: rgba(255,255,255,.62); font-size: .86rem; }
.footer-links { display: flex; gap: 20px; flex-wrap: wrap; }
.footer-links a:hover { color: var(--orange); }
@media (max-width: 640px) {
  .nav { min-height: 76px; }
  .brand-logo { width: 158px; }
  .brand-mini, .brand-divider { display: none; }
  .back-link { font-size: .86rem; }
  .legal-hero { padding: 64px 0 42px; }
  .legal-main { padding: 30px 0 64px; }
  .footer-row { flex-direction: column; }
}