*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
:root { --font: 'Plus Jakarta Sans', -apple-system, 'Segoe UI', sans-serif; --bg: #FFFFFF; --surface: #F6F5F2; --border: #E6E4DF; --ink: #0E0E10; --text: #4B4B53; --muted: #80808A; --green: #15803D; }
body { font-family: var(--font); background: var(--bg); color: var(--text); -webkit-font-smoothing: antialiased; }
.wrap { width: min(1160px, 100% - 48px); margin: 0 auto; }
.nav { height: 76px; display: flex; align-items: center; justify-content: space-between; }
.lockup { display: flex; align-items: center; gap: 10px; color: var(--ink); }
.lockup img { width: 30px; height: 30px; }
.lockup b { font-weight: 600; font-size: 18px; letter-spacing: -0.02em; }
.nav-links { display: flex; align-items: center; gap: 22px; }
.nav-links .in { font-size: 15px; font-weight: 500; color: var(--ink); }
.btn { display: inline-flex; align-items: center; justify-content: center; height: 42px; padding: 0 18px; border-radius: 12px; font-weight: 600; font-size: 14px; white-space: nowrap; background: var(--ink); color: #FFFFFF; }
.doc { width: min(760px, 100% - 48px); margin: 0 auto; padding: 40px 0 72px; }
.doc .kicker { font-size: 13px; color: var(--muted); margin: 0 0 10px; }
.doc h1 { font-size: clamp(32px, 4.5vw, 44px); line-height: 1.1; letter-spacing: -0.03em; font-weight: 500; color: var(--ink); margin: 0 0 14px; }
.doc .lead { font-size: 17px; line-height: 1.6; margin: 0 0 28px; }
.doc .toc { border: 1px solid var(--border); border-radius: 14px; padding: 18px 22px; margin: 0 0 36px; background: var(--surface); }
.doc .toc b { display: block; color: var(--ink); margin-bottom: 8px; font-weight: 600; }
.doc .toc ol { margin: 0; padding-left: 20px; line-height: 1.8; font-size: 15px; }
.doc .toc a { color: var(--ink); }
.doc h2 { font-size: 22px; line-height: 1.25; letter-spacing: -0.02em; font-weight: 600; color: var(--ink); margin: 40px 0 12px; }
.doc h3 { font-size: 16px; font-weight: 600; color: var(--ink); margin: 22px 0 8px; }
.doc p, .doc li { font-size: 16px; line-height: 1.65; }
.doc p { margin: 0 0 14px; }
.doc ul, .doc ol { margin: 0 0 16px; padding-left: 22px; }
.doc li { margin: 0 0 8px; }
.doc .consent { border: 1px solid #CBE7D4; background: #F3FAF5; padding: 16px 20px; border-radius: 12px; margin: 18px 0 22px; color: var(--ink); }
.doc .note { border: 1px solid var(--border); border-radius: 12px; padding: 14px 18px; font-size: 14px; color: var(--muted); margin: 0 0 22px; }
.doc table { width: 100%; border-collapse: collapse; margin: 10px 0 20px; font-size: 15px; }
.doc th, .doc td { text-align: left; padding: 10px 12px; border-bottom: 1px solid var(--border); vertical-align: top; }
.doc th { color: var(--ink); font-weight: 600; }
.doc a.u { color: var(--green); text-decoration: underline; text-underline-offset: 2px; }
.foot { border-top: 1px solid var(--border); padding: 26px 0 34px; display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; font-size: 13px; color: var(--muted); }
.foot .lockup img { width: 22px; height: 22px; }
.foot .lockup b { font-size: 15px; }
.foot nav { display: flex; gap: 18px; flex-wrap: wrap; }
.foot nav a { color: var(--text); font-weight: 500; }
@media (max-width: 480px) { .wrap { width: min(1160px, 100% - 40px); } .nav { height: 68px; } .nav-links { gap: 14px; } .foot { flex-direction: column; align-items: flex-start; } }
/* inside the app's pop-up: just the document */
html.embed .nav, html.embed .foot { display: none; }
html.embed body { background: #17171A; color: #A6A6A6; }
html.embed .doc { padding: 22px 0 40px; width: min(704px, 100% - 56px); }
html.embed .doc h1, html.embed .doc .kicker { display: none; }
html.embed .doc h2, html.embed .doc h3, html.embed .doc .toc b, html.embed .doc th, html.embed .toc a { color: #ECECEC; }
html.embed .doc .toc { background: #1B1B1E; border-color: rgba(255,255,255,.08); }
html.embed .doc th, html.embed .doc td { border-color: rgba(255,255,255,.08); }
html.embed .doc .consent { background: rgba(92,224,161,.08); border-color: rgba(92,224,161,.25); color: #ECECEC; }
html.embed .doc a.u { color: #5CE0A1; }