:root{--bg:#080B10;--bg-2:#0F1621;--surface:#1A232E;--line:rgba(150,166,182,.12);--line-2:rgba(150,166,182,.22);
--text:#EAF1F8;--muted:#9DAFC0;--faint:#657485;--accent:#2DD4BF;--accent-ink:#04211C;--accent-2:#14B8A6;
--maxw:820px;--disp:'Bricolage Grotesque',system-ui,sans-serif;--body:'Space Grotesk',system-ui,sans-serif;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--body);background:var(--bg);color:var(--text);line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-2)}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}
/* nav */
.nav{position:sticky;top:0;z-index:40;background:rgba(8,11,16,.72);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:66px;max-width:1200px;margin:0 auto;padding:0 28px}
.logo{display:flex;align-items:center;gap:10px;font-family:var(--disp);font-weight:700;font-size:19px;color:var(--text)}
.logo-mark{width:27px;height:27px;border-radius:8px;background:var(--accent);display:grid;place-items:center}
.logo-mark svg{width:15px;height:15px;color:var(--accent-ink)}
.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--disp);font-weight:600;font-size:14.5px;padding:11px 18px;border-radius:12px;background:var(--accent);color:var(--accent-ink);transition:background .2s var(--ease),transform .2s var(--ease)}
.btn:hover{background:var(--accent-2);transform:translateY(-1px);color:var(--accent-ink)}
/* legal prose */
.legal{padding:64px 0 96px}
.legal .kicker{font-family:var(--disp);font-size:13px;font-weight:600;color:var(--accent);letter-spacing:.02em}
.legal h1{font-family:var(--disp);font-size:clamp(30px,5vw,44px);font-weight:700;letter-spacing:-.02em;line-height:1.1;margin:14px 0 10px}
.legal .updated{color:var(--faint);font-size:14px;margin-bottom:36px}
.legal .intro{color:var(--muted);font-size:17px;border-bottom:1px solid var(--line);padding-bottom:28px;margin-bottom:12px}
.legal h2{font-family:var(--disp);font-size:20px;font-weight:600;letter-spacing:-.01em;margin:34px 0 10px;color:var(--text)}
.legal p{color:var(--muted);margin-bottom:12px}
.legal ul{color:var(--muted);margin:0 0 12px 20px}
.legal li{margin-bottom:7px}
.legal b{color:var(--text)}
.legal .note{color:var(--faint);font-size:14px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px 18px;margin-top:28px}
/* footer */
footer{border-top:1px solid var(--line);padding:36px 0;background:var(--bg-2)}
.foot{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;max-width:1200px;margin:0 auto;padding:0 28px}
.foot .muted{font-size:13px;color:var(--faint)}
.foot-links{display:flex;gap:20px;font-size:13.5px}.foot-links a{color:var(--muted)}.foot-links a:hover{color:var(--accent)}