:root{--p:#7719AA;--ink:#1c1917;--mut:#6b6459;--bg:#fdfaf6;--card:#fff;--line:#e8e1d6;--acc:#ffbd59}
*{box-sizing:border-box}body{font:17px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);margin:0;background:var(--bg)}
header{background:#fff;border-bottom:1px solid var(--line);border-top:4px solid var(--p)}
.bar,main,footer .in{max-width:52rem;margin:0 auto;padding:1rem 1.25rem}
.bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--ink);font-weight:700;font-size:1.1rem}
.brand img{height:36px;width:36px}.brand span em{font-style:normal;color:var(--p)}
nav a{margin-left:1.25rem;color:var(--ink);text-decoration:none;font-weight:500;font-size:.95rem}nav a:hover{color:var(--p);text-decoration:underline}
a{color:var(--p)}h1{line-height:1.2;font-size:2rem;margin:.4rem 0 1rem}h2{margin-top:2rem;font-size:1.3rem}
.hero{background:linear-gradient(135deg,#f6ecfb,#fff3dc);border:1px solid var(--line);border-radius:14px;padding:1.5rem 1.5rem 1rem;margin:1rem 0}
.hero h1{margin-top:0}.hero img{float:right;height:96px;margin:0 0 .5rem 1rem}
.legal-keypoints{background:#f6ecfb;border-left:4px solid var(--p);padding:.5rem 1rem;border-radius:6px}
li::marker{color:var(--p)}
footer{border-top:1px solid var(--line);background:#fff;color:var(--mut);font-size:.9rem;margin-top:3rem}
footer img{height:22px;vertical-align:middle;margin-right:.4rem}
@media(max-width:520px){.hero img{display:none}}