:root { --supporting:#666; --border:1px; color-scheme:light; }
* { box-sizing:border-box; }
body { margin:0; font-family:var(--font-body); color:#292929; background:#fff; }
a { color:#244c66; text-underline-offset:.25rem; }
a:focus-visible { outline:.125rem solid #7c399e; outline-offset:.25rem; }
.shell { width:min(100%,72rem); margin-inline:auto; padding-inline:2rem; }
header { padding-block:2rem; }
.brand { display:flex; align-items:center; gap:1rem; width:fit-content; color:inherit; text-decoration:none; }
.brand img { width:2rem; height:4rem; object-fit:contain; }
.brand span { display:block; font-weight:700; }
main { padding-block:2rem 4rem; max-width:52rem; }
h1,h2,p,ul,dl { margin:0; }
h1 { margin-block-end:2rem; }
h2 { margin-block-end:1rem; }
section+section { margin-block-start:2rem; }
p+p,p+ul,dl+p { margin-block-start:1rem; }
ul { padding-inline-start:1.5rem; }
li+li { margin-block-start:.5rem; }
dt,dd { margin:0; }
dd+dt { margin-block-start:1rem; }
.terms-version { margin-block-end:2rem; }
.hero { padding-block:4rem; }
.hero p { max-width:34rem; }
.eyebrow { color:#666; margin-block-end:1rem; }
footer { padding-block:2rem; box-shadow:inset 0 1px #666; }
footer nav { display:flex; flex-wrap:wrap; gap:1rem 2rem; }
footer p { margin-block-start:1rem; }
@media(max-width:40rem) { .shell { padding-inline:1.5rem; } .hero { padding-block:2rem; } }