/* Terms page */
html{scroll-behavior:smooth}
.page-hero{background:var(--bg-page);padding:80px var(--gutter);display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}
.chip-mist{display:inline-flex;padding:4px 12px;border-radius:999px;background:var(--accent-bg-mist);color:var(--text-accent);font-weight:500;font-size:12px;line-height:16px}
.page-hero h1{font-weight:600;font-size:52px;line-height:60px;color:var(--text-primary);max-width:1272px}
.updated{font-size:14px;line-height:20px;color:#5b7584}

.terms-body{padding:72px var(--gutter)}
.terms-layout{max-width:1272px;margin:0 auto;display:flex;gap:64px;align-items:flex-start}
.toc{width:320px;flex-shrink:0;background:var(--bg-page);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:14px;font-weight:500;position:sticky;top:96px}
.toc-title{font-size:12px;line-height:16px;letter-spacing:.72px;text-transform:uppercase;color:#5b7584}
.toc a{font-size:14px;line-height:20px;color:var(--text-primary)}
.toc a:hover{color:var(--accent)}
.terms-article{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:40px}
.terms-section{display:flex;flex-direction:column;gap:14px;scroll-margin-top:96px}
.terms-section+.terms-section{border-top:1px solid var(--line-site);padding-top:40px}
.terms-section h2{font-weight:600;font-size:24px;line-height:32px;color:var(--text-primary)}
.terms-section p{font-size:16px;line-height:28px;color:var(--text-secondary)}

.cta-wrap{padding:80px var(--gutter)}
.cta{max-width:1272px;margin:0 auto;background:var(--panel-inverse);border-radius:32px;padding:72px 64px;display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}
.cta .h2{color:#fff}
.cta p{font-size:18px;line-height:28px;color:var(--muted-inverse)}
.cta .badges{padding-top:8px}

@media (max-width:1100px){
  .terms-layout{gap:40px}
  .toc{width:260px}
  .page-hero h1{font-size:44px;line-height:52px}
}
@media (max-width:900px){
  .page-hero{padding:40px 16px;gap:16px}
  .page-hero h1{font-size:34px;line-height:42px}
  .terms-body{padding:40px 16px}
  .terms-layout{flex-direction:column;gap:24px}
  .toc{width:100%;position:static}
  .terms-article{gap:32px;width:100%}
  .terms-section+.terms-section{padding-top:32px}
  .terms-section h2{font-size:20px}
  .cta-wrap{padding:40px 16px}
  .cta{padding:40px 24px;border-radius:28px}
  .cta .h2{font-size:28px;line-height:36px}
  .cta p{font-size:16px;line-height:26px}
}