/* Legal pages — same brand, quieter. Loaded after styles.css. */
.legal{padding:clamp(56px,8vw,104px) 0 clamp(60px,8vw,110px);position:relative}
.legal::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(800px 500px at 12% -6%,rgba(139,124,255,.14),transparent 62%)}
.legal .wrap{position:relative;max-width:820px}
.legal h1{font-size:clamp(36px,6vw,58px);margin:22px 0 0;font-weight:800;letter-spacing:-.035em}
.legal .upd{color:var(--ink-faint);font-size:14px;margin-top:14px}
.legal .lead{color:var(--ink-dim);font-size:clamp(17px,2.1vw,19.5px);margin-top:28px;
  padding:22px 24px;border-radius:var(--r);border:1px solid var(--line);
  background:linear-gradient(120deg,rgba(139,124,255,.08),rgba(55,229,201,.05))}
.legal h2{font-size:clamp(20px,2.6vw,24px);margin:44px 0 14px}
.legal p{color:var(--ink-dim);margin-bottom:14px;max-width:74ch}
.legal a{color:var(--a2);text-decoration:underline;text-underline-offset:3px}
.legal .note{margin-top:46px;padding-top:24px;border-top:1px solid var(--line-2);
  color:var(--ink-faint);font-size:14.5px;font-style:italic}
.legal + .foot{margin-top:0}
.foot-fine a{color:var(--ink-dim);text-decoration:underline;text-underline-offset:3px}