* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin:0; font-family:'Manrope',system-ui,sans-serif; background:#F8FAFC; color:#152238; -webkit-font-smoothing:antialiased; line-height:1.6; }
h1, h2 { font-family:'Sora',system-ui,sans-serif; letter-spacing:-.02em; color:#152238; }
a { color:#0F766E; }
::selection { background:#2DD4BF; color:#152238; }

.legal-header { position:sticky; top:0; z-index:20; background:rgba(248,250,252,.92); backdrop-filter:blur(8px); border-bottom:1px solid rgba(21,34,56,.08); }
.legal-header-inner { max-width:820px; margin:0 auto; padding:18px 22px; display:flex; align-items:center; justify-content:space-between; gap:14px; }
.legal-brand { display:flex; align-items:center; gap:9px; text-decoration:none; }
.legal-brand img { width:26px; height:26px; display:block; }
.legal-brand span { font-weight:800; font-size:14.5px; letter-spacing:.02em; color:#152238; }
.legal-back { font-size:13.5px; font-weight:600; color:#5B6B82; text-decoration:none; }
.legal-back:hover { color:#152238; }

.legal-main { max-width:820px; margin:0 auto; padding:56px 22px 90px; }
.legal-eyebrow { font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:.1em; color:#0F766E; text-transform:uppercase; }
.legal-main h1 { font-weight:800; font-size:clamp(30px,4.5vw,44px); line-height:1.08; margin:10px 0 8px; }
.legal-updated { font-family:'JetBrains Mono',monospace; font-size:12px; color:#5B6B82; margin:0 0 44px; }

.legal-main h2 { font-weight:700; font-size:22px; margin:44px 0 14px; }
.legal-main p { font-size:15.5px; color:#36465F; margin:0 0 14px; }
.legal-main ul { margin:0 0 14px; padding-left:22px; }
.legal-main li { font-size:15.5px; color:#36465F; margin-bottom:8px; }
.legal-main strong { color:#152238; }
.legal-note { background:#fff; border:1px solid rgba(21,34,56,.09); border-radius:14px; padding:18px 20px; font-size:14.5px; color:#36465F; margin:22px 0; }

.legal-footer { border-top:1px solid rgba(21,34,56,.08); padding:26px 22px; }
.legal-footer-inner { max-width:820px; margin:0 auto; display:flex; justify-content:space-between; align-items:center; gap:14px; flex-wrap:wrap; font-size:13px; color:#5B6B82; }
.legal-footer-inner a { color:#5B6B82; text-decoration:none; margin-left:16px; }
.legal-footer-inner a:hover { color:#152238; }