/* Shared styles for Impressum / Datenschutz (Subvise — Präzisions-Ledger) */
:root{
  --accent:#8A6BFF; --accent-lt:#9A87FF; --accent-deep:#4A3DB2;
  --ink:#F4F2FB; --ink-2:rgba(244,242,251,.66); --ink-3:rgba(244,242,251,.44);
  --line:rgba(255,255,255,.10); --bg:#08070d;
  --display:'Clash Display','Satoshi',-apple-system,system-ui,sans-serif;
  --body:-apple-system,'Satoshi',system-ui,Segoe UI,sans-serif;
  --mono:'Space Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg); color:var(--ink); font-family:var(--body); line-height:1.62; -webkit-font-smoothing:antialiased}
a{color:var(--accent-lt); text-decoration:none}
a:hover{text-decoration:underline}

.legal-nav{position:sticky; top:0; z-index:10; background:rgba(9,7,14,.86); backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px); border-bottom:1px solid var(--line)}
.legal-nav .in{max-width:900px; margin:0 auto; padding:15px clamp(20px,5vw,40px); display:flex; align-items:center; justify-content:space-between}
.brand{display:flex; align-items:center; gap:10px; font-family:var(--display); font-weight:600; font-size:21px; letter-spacing:-.02em; color:#fff}
.brand .mark{width:28px; height:28px; border-radius:8px; background:linear-gradient(160deg,#9A87FF,#6C5BD6);
  border:1px solid rgba(255,255,255,.18); display:flex; align-items:center; justify-content:center; font-size:15px; font-weight:700; color:#fff}
.back{font-family:var(--mono); font-size:13px; color:var(--ink-2)}
.back:hover{color:#fff; text-decoration:none}

.legal{max-width:760px; margin:0 auto; padding:64px clamp(20px,5vw,40px) 90px}
.legal h1{font-family:var(--display); font-weight:600; font-size:clamp(32px,5vw,50px); letter-spacing:-.022em; line-height:1.05; margin-bottom:10px}
.legal .stand{font-family:var(--mono); font-size:12px; color:var(--ink-3); text-transform:uppercase; letter-spacing:.1em; margin-bottom:8px}
.legal .intro{color:var(--ink-2); font-size:17px; margin:18px 0 6px}
.legal h2{font-family:var(--display); font-weight:600; font-size:22px; letter-spacing:-.01em; margin:42px 0 12px; padding-top:18px; border-top:1px solid var(--line)}
.legal h3{font-size:16px; font-weight:700; color:#fff; margin:24px 0 8px}
.legal p, .legal li{color:var(--ink-2); font-size:16px; margin-bottom:12px}
.legal ul{padding-left:20px; margin-bottom:12px}
.legal strong{color:var(--ink); font-weight:600}
.legal .addr{font-style:normal; color:var(--ink); line-height:1.7}
.ph{color:var(--accent-lt); background:rgba(138,107,255,.12); padding:1px 7px; border-radius:5px;
  font-family:var(--mono); font-size:.86em; border:1px solid rgba(154,135,255,.3)}
.notice{margin-top:14px; padding:16px 18px; border:1px solid rgba(154,135,255,.32); border-radius:12px;
  background:rgba(138,107,255,.06); font-size:14px; color:var(--ink-2)}
.legal-foot{border-top:1px solid var(--line); padding:26px 24px; text-align:center;
  font-family:var(--mono); font-size:12px; color:var(--ink-3); letter-spacing:.03em}
.legal-foot a{color:var(--ink-3)} .legal-foot a:hover{color:#fff; text-decoration:none}