/* Privacy and Terms: plain, readable, in the product's colours. */
:root{color-scheme:dark}
*{box-sizing:border-box}
body{margin:0; background:#050504; color:#e8e2d2; font:300 16px/1.7 'Outfit',system-ui,sans-serif; -webkit-font-smoothing:antialiased}
.wrap{max-width:760px; margin:0 auto; padding-inline:24px}
header{border-bottom:1px solid rgba(232,226,210,.1)}
header .wrap{height:64px; display:flex; align-items:center}
.brand{display:flex; align-items:center; gap:10px; color:#e8e2d2; text-decoration:none}
.brand svg{width:22px; height:22px}
.brand b{font:900 12px 'Doto',monospace; letter-spacing:3px; text-transform:uppercase}
.doc{padding-block:48px 72px}
.doc h1{font:500 38px/1.15 'Outfit',sans-serif; margin:0 0 6px; text-wrap:balance}
.doc h2{font:500 21px/1.3 'Outfit',sans-serif; margin:40px 0 10px}
.doc h3{font:500 17px 'Outfit',sans-serif; margin:24px 0 8px}
.doc p, .doc li{color:#b9b19c}
.doc strong, .doc b{color:#e8e2d2; font-weight:500}
.doc ul{padding-left:20px}
.doc a{color:#9ccdf2}
:focus-visible{outline:2px solid #2e8fd4; outline-offset:3px; border-radius:3px}
footer{border-top:1px solid rgba(232,226,210,.1); padding-block:24px 36px; font-size:13.5px}
footer .wrap{display:flex; flex-wrap:wrap; gap:12px 22px}
footer a{color:#8d8775; text-decoration:none}
footer a:hover{color:#e8e2d2}
footer span{margin-left:auto; color:#8d8775}