/* Muffin legal pages — matches the muffin.prodparker.com redesign (2026-07). */
:root{
  --bg:#070b12;
  --cyan:#67e8ff;
  --purple:#b86cff;
  --white:#f4f8ff;
  --muted:#94a3bb;
  --line:rgba(148,163,187,.16);
  --max:760px;
  --font-d:'Chillax',sans-serif;
  --font-b:'General Sans',system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:
    radial-gradient(85% 60% at 50% -10%,rgba(103,232,255,.09),transparent 60%),
    radial-gradient(60% 40% at 90% 20%,rgba(184,108,255,.06),transparent 60%),
    var(--bg);
  color:var(--white);
  font-family:var(--font-b);
  font-weight:350;
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
.legal-wrap{width:min(100%,var(--max));margin:0 auto;padding:34px 22px 70px}
.legal-top{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:8px 0 26px;border-bottom:1px solid var(--line);margin-bottom:34px
}
.legal-brand{
  display:inline-flex;align-items:center;gap:10px;
  font-family:var(--font-d);font-weight:600;font-size:21px;
  color:var(--white);text-decoration:none;letter-spacing:-.036em
}
/* Infinity-mark uit de site-header (#parker-loop), als masker zodat de kleur
   uit de CSS komt. Glow zit op ::before, want een filter op het element zelf
   wordt door het masker weer weggeknipt. */
.legal-brand .dot{
  position:relative;flex:none;
  width:32px;height:17px;
  border-radius:0;background:none;box-shadow:none
}
.legal-brand .dot::before{
  content:"";position:absolute;inset:-7px -9px;
  background:radial-gradient(52% 60% at 50% 50%,rgba(103,232,255,.30),transparent 70%);
  filter:blur(4px)
}
.legal-brand .dot::after{
  content:"";position:absolute;inset:0;
  background:var(--white);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1578.89 841.89'%3E%3Cpath d='M1194.25,804.04c167.02-1.3,301.37-137.75,300.07-304.77v0c-1.3-167.02-137.75-301.37-304.77-300.07c0,0-128.72-5.37-222.39,95.4c-47.7,49.32-188.14,210.2-188.14,210.2l0,0.08c0,0,142.92,158.68,191.38,207.24C1065.63,811.41,1194.25,804.04,1194.25,804.04zM1058.14,624.32c-28.24-28.3-111.52-120.77-111.52-120.77l0-0.05c0,0,81.83-93.75,109.63-122.49c54.59-58.72,129.59-55.59,129.59-55.59c97.33-0.76,176.84,77.53,177.6,174.86v0c0.76,97.33-77.53,176.84-174.86,177.6C1188.59,677.89,1113.63,682.18,1058.14,624.32z'/%3E%3Cpath d='M608.66,547.92c48.09-48.94,189.76-208.73,189.76-208.73v-0.08c0,0-141.68-159.78-189.76-208.73C514.21,30.35,385.54,36.72,385.54,36.72c-167.03,0-302.43,135.4-302.43,302.43v0c0,167.03,135.4,302.43,302.43,302.43C385.54,641.58,514.21,647.95,608.66,547.92zM390.22,515.39c-97.33,0-176.24-78.9-176.24-176.24v0c0-97.33,78.9-176.24,176.24-176.24c0,0,74.98-3.71,130.02,54.58c28.02,28.52,110.58,121.63,110.58,121.63v0.05c0,0-82.56,93.11-110.58,121.63C465.2,519.1,390.22,515.39,390.22,515.39z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1578.89 841.89'%3E%3Cpath d='M1194.25,804.04c167.02-1.3,301.37-137.75,300.07-304.77v0c-1.3-167.02-137.75-301.37-304.77-300.07c0,0-128.72-5.37-222.39,95.4c-47.7,49.32-188.14,210.2-188.14,210.2l0,0.08c0,0,142.92,158.68,191.38,207.24C1065.63,811.41,1194.25,804.04,1194.25,804.04zM1058.14,624.32c-28.24-28.3-111.52-120.77-111.52-120.77l0-0.05c0,0,81.83-93.75,109.63-122.49c54.59-58.72,129.59-55.59,129.59-55.59c97.33-0.76,176.84,77.53,177.6,174.86v0c0.76,97.33-77.53,176.84-174.86,177.6C1188.59,677.89,1113.63,682.18,1058.14,624.32z'/%3E%3Cpath d='M608.66,547.92c48.09-48.94,189.76-208.73,189.76-208.73v-0.08c0,0-141.68-159.78-189.76-208.73C514.21,30.35,385.54,36.72,385.54,36.72c-167.03,0-302.43,135.4-302.43,302.43v0c0,167.03,135.4,302.43,302.43,302.43C385.54,641.58,514.21,647.95,608.66,547.92zM390.22,515.39c-97.33,0-176.24-78.9-176.24-176.24v0c0-97.33,78.9-176.24,176.24-176.24c0,0,74.98-3.71,130.02,54.58c28.02,28.52,110.58,121.63,110.58,121.63v0.05c0,0-82.56,93.11-110.58,121.63C465.2,519.1,390.22,515.39,390.22,515.39z'/%3E%3C/svg%3E") center/contain no-repeat
}
/* Zelfde vorm als .btn-secondary + .btn-mini op de Muffin-site: neutraal vlak,
   dunne rand, zachte radius, lift bij hover. */
.legal-back{
  display:inline-flex;align-items:center;
  color:var(--white);text-decoration:none;
  font-family:var(--font-b);font-weight:700;font-size:13px;letter-spacing:-.01em;
  line-height:1.2;
  border:1px solid var(--line);
  background:rgba(148,163,187,.08);
  border-radius:12px;
  padding:9px 16px;
  transition:transform .25s cubic-bezier(.2,.9,.3,1.2),background .3s,border-color .3s
}
.legal-back:hover{
  background:rgba(148,163,187,.14);
  border-color:rgba(148,163,187,.3);
  transform:translateY(-2px)
}
@media (prefers-reduced-motion:reduce){.legal-back:hover{transform:none}}
h1{
  font-family:var(--font-d);font-weight:700;
  font-size:clamp(30px,5vw,44px);line-height:1.06;letter-spacing:-.03em;margin:0 0 10px
}
.legal-updated{color:var(--muted);font-size:14px;margin:0 0 30px}
h2{
  font-family:var(--font-d);font-weight:700;
  font-size:21px;letter-spacing:-.015em;margin:38px 0 10px;
  padding-top:22px;border-top:1px solid var(--line)
}
h3{font-family:var(--font-d);font-weight:700;font-size:16px;margin:22px 0 6px;color:var(--white)}
p,li{color:#cdd8e8;font-size:16px}
a{color:var(--cyan);text-decoration-color:rgba(103,232,255,.4);text-underline-offset:3px}
a:hover{text-decoration-color:var(--cyan)}
ul{padding-left:20px;margin:8px 0}
li{margin:6px 0}
li::marker{color:var(--cyan)}
dl{margin:10px 0}
dt{font-weight:700;color:var(--white);margin-top:16px;font-family:var(--font-d)}
dd{margin:2px 0 0;color:#cdd8e8}
.legal-note{
  background:linear-gradient(180deg,rgba(255,217,90,.07),rgba(255,217,90,.03));
  border:1px solid rgba(255,217,90,.28);
  border-radius:14px;padding:15px 18px;
  color:#e8d9a8;font-size:14px;margin:24px 0
}
.legal-foot{
  margin-top:52px;padding-top:24px;border-top:1px solid var(--line);
  display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;
  color:var(--muted);font-size:14px
}
.legal-foot nav{display:flex;gap:18px;flex-wrap:wrap}
.legal-foot a{color:var(--muted);text-decoration:none;transition:color .3s}
.legal-foot a:hover{color:var(--cyan)}
::selection{background:rgba(103,232,255,.35);color:#fff}