/* Suprplay — document pages (privacy, about, account deletion) */
.lp-head{padding:clamp(120px,16vh,164px) 0 clamp(30px,5vh,48px);border-bottom:1px solid var(--hair-2);position:relative;overflow:hidden}
.lp-head::before{content:"";position:absolute;top:-40%;left:-10%;width:60vw;height:60vw;border-radius:50%;background:radial-gradient(circle,rgba(34,197,94,.13),rgba(251,191,36,.06) 45%,transparent 70%);filter:blur(30px);pointer-events:none}
.lp-wrap{position:relative;max-width:900px;margin-inline:auto}
.lp-head h1{font-size:clamp(32px,5vw,58px);margin-top:18px}
.lp-eff{margin-top:18px;color:var(--ink-2);font-size:clamp(15px,1.3vw,17.5px);max-width:60ch;text-wrap:pretty}
.lp-eff b{color:var(--gold-br);font-weight:600}
.toc{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.toc a{font-family:var(--fm);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;padding:10px 14px;border:1px solid var(--hair);color:var(--ink-2);transition:.3s var(--ease)}
.toc a:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.26);color:var(--ink-1)}
.toc a:first-child{border-color:rgba(251,191,36,.4);color:var(--gold-br)}
.lp-body{padding:clamp(44px,6vw,72px) 0 clamp(80px,10vw,130px)}
.lp h2{font-size:clamp(20px,2.4vw,28px);margin:2.4em 0 0;padding-bottom:12px;border-bottom:1px solid var(--hair-2);scroll-margin-top:100px}
.lp h2:first-of-type{margin-top:.6em}
.lp h3{font-size:17px;margin:1.8em 0 0;color:var(--green-br)}
.lp p,.lp li{color:var(--ink-2);font-size:15.5px;line-height:1.78;margin:.85em 0 0;text-wrap:pretty}
.lp>p:first-of-type{color:var(--ink-1);font-size:17px}
.lp strong{color:var(--ink-1);font-weight:700}
.lp em{color:var(--ink-2)}
.lp ul{padding-left:1.3em;margin-top:.6em}
.lp li{margin-top:.5em}
.lp li::marker{color:var(--green-br)}
.lp code{background:rgba(255,255,255,.06);border:1px solid var(--hair);padding:2px 8px;font-family:var(--fm);font-size:12.5px;color:var(--green-br)}
.callout{border:1px solid rgba(251,191,36,.3);background:rgba(251,191,36,.05);padding:clamp(22px,3vw,30px);margin:0 0 clamp(30px,4vw,44px)}
.callout h4{font-family:var(--fd);font-size:20px;color:var(--gold-br)}
.callout p{margin-top:10px;color:var(--ink-2);font-size:15.5px;line-height:1.75}
.lp .callout{margin:2.2em 0 .4em}
.steps{display:grid;gap:1px;background:var(--hair-2);border:1px solid var(--hair-2);margin-top:1.6em}
.step{background:var(--bg);padding:22px 24px;display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:start}
.step b{font-family:var(--fd);font-size:24px;line-height:1;color:var(--gold-br);letter-spacing:-.02em}
.step strong{color:var(--ink-1);font-family:var(--fd);font-size:17px;letter-spacing:-.01em}
.step p{margin-top:6px;font-size:14.5px}
.contact-box{background:rgba(255,255,255,.045);border:1px solid var(--hair);padding:24px 26px;margin-top:1.6em}
.contact-box p{margin-top:.8em}
.contact-box p:first-child{margin-top:0}
.back-link{display:inline-flex;align-items:center;gap:9px;color:var(--ink-2);font-weight:600;font-size:14.5px;margin-top:50px;transition:.25s}
.back-link:hover{color:var(--ink-1)}
.back-link svg{width:16px;height:16px}
@media(max-width:820px){.step{grid-template-columns:1fr;gap:8px}}