.legal-page{background:#f5f6f9;color:var(--ink)}
.legal-header{background:#fff;border-bottom:1px solid var(--line)}
.legal-header .wrap{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.legal-back{font-size:13px;font-weight:650;color:var(--blue)}
.legal-hero{padding-top:76px;padding-bottom:42px}
.legal-hero .eyebrow{margin-bottom:18px}
.legal-hero h1{font-size:clamp(42px,6vw,72px);margin-bottom:20px}
.legal-hero>p{max-width:760px;font-size:17px}
.legal-meta{display:flex;flex-wrap:wrap;gap:10px 24px;color:#758094;font-size:12px;margin-top:24px}
.legal-content{display:grid;grid-template-columns:220px minmax(0,760px);gap:70px;align-items:start;padding-bottom:100px}
.legal-toc{display:block;position:sticky;top:24px;background:#0d1018;color:white;border-radius:9px;padding:22px}
.legal-toc strong{display:block;color:var(--mint);font-size:10px;letter-spacing:1.25px;margin-bottom:14px}
.legal-toc a{display:block;color:#b8bfce;font-size:12px;padding:7px 0}
.legal-toc a:hover{color:white}
.legal-copy{background:#fff;border:1px solid var(--line);border-radius:10px;padding:48px;box-shadow:0 18px 55px #12192a0a}
.legal-copy section{scroll-margin-top:24px;margin-bottom:42px}
.legal-copy section:last-child{margin-bottom:0}
.legal-copy h2{font-size:25px;letter-spacing:-.6px;margin-bottom:14px}
.legal-copy h3{font-size:16px;margin:23px 0 9px}
.legal-copy p,.legal-copy li{font-size:14px;line-height:1.78;color:#4f596b}
.legal-copy ul{padding-left:21px;margin:12px 0}
.legal-copy li{margin:7px 0}
.legal-copy a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.protected-email{white-space:nowrap}
.legal-callout{background:#eefaf6;border:1px solid #ccece1;border-left:4px solid var(--mint);padding:20px 22px;border-radius:7px;margin:22px 0}
.legal-callout strong{display:block;font-family:Manrope,sans-serif;font-size:15px;margin-bottom:5px}
.legal-callout p{margin:0}
.cloudflare-callout{background:#f3f0ff;border-color:#ddd5ff;border-left-color:var(--blue)}
.backup-callout{background:#fff7ed;border-color:#f4dcc0;border-left-color:#f59e42;margin-top:34px}
.credential-label{font-size:10px;letter-spacing:1.2px;font-weight:800;color:#a66018;margin:27px 0 10px}
.credential-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}
.credential-grid a{display:block;background:#0d1018;border:1px solid #272d3c;border-radius:7px;padding:17px;text-decoration:none}
.credential-grid b{display:block;color:#fff;font-family:Manrope,sans-serif;font-size:13px;margin-bottom:6px}
.credential-grid span{display:block;color:#aab2c2;font-size:10px;line-height:1.5}
.backblaze-credentials a{background:#17120e;border-color:#3a2b1d}
.legal-footer{border-top:1px solid var(--line);background:#fff}
.billing-note{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center;background:#fff;border:1px solid #dfe3ec;border-radius:8px;padding:19px 22px;margin-bottom:28px}
.billing-note>span{font-size:9px;letter-spacing:1.1px;font-weight:800;color:#1b9975;white-space:nowrap}
.billing-note p{font-size:12px;margin:0;color:#5c6678}
.billing-note a{color:var(--blue);font-weight:700}
.legal-links{display:flex;gap:18px;font-size:11px}
.legal-links a{color:var(--muted)}
.legal-links a:hover{color:var(--blue)}
@media(max-width:760px){.legal-header .wrap{min-height:70px}.legal-hero{padding-top:50px}.legal-content{grid-template-columns:1fr;gap:22px;padding-bottom:60px}.legal-toc{position:static}.legal-copy{padding:27px 23px}.legal-copy h2{font-size:22px}.credential-grid{grid-template-columns:1fr}.billing-note{grid-template-columns:1fr;gap:7px}.legal-links{order:2;width:100%}footer.legal-footer>span{order:3}}