/* getbetter.page: home, privacy and terms pages for Better, an app by Valnor LLC. */
:root{--ink:#eef1f3;--dim:#9aa5ae;--line:rgba(238,241,243,.14)}
*{box-sizing:border-box}
html{background:#07090c;color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;min-height:100vh;font-family:"Archivo",system-ui,-apple-system,"Helvetica Neue",sans-serif;font-size:16px;line-height:1.65;background:linear-gradient(180deg,#07090c 0%,#0b0f14 55%,#16202a 100%) fixed;padding:clamp(22px,3vw,40px);padding-top:max(clamp(22px,3vw,40px),env(safe-area-inset-top))}
::selection{background:var(--ink);color:#07090c}
a{color:var(--ink);text-decoration:none;border-bottom:1px solid rgba(238,241,243,.35)}
a:hover{border-color:var(--ink)}
a:focus-visible{outline:1px solid var(--ink);outline-offset:4px}
.row{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.mark{margin:0;font-stretch:125%;font-weight:500;font-size:12px;letter-spacing:.38em}
.mark a{border:0}
.small{margin:0;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--dim)}
.small a{text-transform:none;letter-spacing:.06em;font-size:12px}
main{max-width:680px;margin:clamp(48px,9vh,110px) auto clamp(48px,8vh,96px)}
h1{margin:0 0 .3em;font-family:"Newsreader",Georgia,serif;font-style:italic;font-weight:250;font-size:clamp(40px,6vw,72px);line-height:1.04;letter-spacing:-.02em}
h2{margin:2.2em 0 .5em;font-size:13px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--dim)}
p,li{color:#d6dbdf}
ul{padding-left:1.2em}
li{margin:.35em 0}
.lede{font-size:clamp(18px,2.2vw,21px);color:var(--ink)}
.meta{color:var(--dim);font-size:14px}
nav.links{display:flex;gap:22px;flex-wrap:wrap;margin-top:28px;font-size:14px}
footer{max-width:680px;margin:0 auto;padding-top:22px;border-top:1px solid var(--line)}