@font-face{font-family:Poppins;src:url(/fonts/poppins-400.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Poppins;src:url(/fonts/poppins-600.woff2) format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Poppins;src:url(/fonts/poppins-800.woff2) format('woff2');font-weight:800;font-display:swap}
:root{--paper:#faf7f3;--paper-2:#f5f0e9;--card:#fffdfb;--ink:#14110f;--mid:#4f4740;--soft:#6f665e;--line:rgba(20,17,15,.10);--line-soft:rgba(20,17,15,.055);--accent:#ff5722;--accent-ink:#a4400f;--shell:1100px}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.68 Poppins,system-ui,-apple-system,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}
a{color:var(--accent-ink)}
h1,h2,h3{margin:0;font-weight:800;letter-spacing:-.02em;line-height:1.14}
p{margin:0 0 1em}
:focus-visible{outline:2.5px solid var(--accent);outline-offset:3px;border-radius:3px}
.top{display:flex;align-items:center;gap:22px;max-width:var(--shell);margin:0 auto;padding:20px 24px}
.brand{display:flex;align-items:center;gap:9px;font-weight:800;font-size:1.06rem;color:var(--ink);text-decoration:none;letter-spacing:-.02em}
.brand b{color:var(--accent-ink)}
.nav{display:flex;gap:20px;margin-left:auto}
.nav a{font-size:.9rem;color:var(--soft);text-decoration:none;transition:color .18s ease}
.nav a:hover{color:var(--ink)}
.cta{display:inline-block;padding:11px 20px;border-radius:999px;background:var(--ink);color:#fff;font-size:.9rem;font-weight:600;text-decoration:none;transition:transform .18s ease,background .18s ease}
.cta:hover{background:#000;transform:translateY(-1px)}
.ghost{display:inline-block;padding:11px 20px;border-radius:999px;border:1px solid var(--line);color:var(--ink);font-size:.9rem;font-weight:600;text-decoration:none}
.ghost:hover{border-color:var(--ink)}
.hero{max-width:var(--shell);margin:0 auto;padding:30px 24px 6px}
.kicker{display:flex;align-items:center;gap:9px;margin:0 0 16px;font-size:.76rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--soft)}
.kicker b{width:4px;height:4px;border-radius:50%;background:var(--accent);display:inline-block}
.hero h1{font-size:clamp(2.2rem,4.8vw,3.2rem)}
.lede{margin:18px 0 0;font-size:1.13rem;line-height:1.62;color:var(--mid);max-width:64ch}
.hero-cta{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 0}
main{max-width:var(--shell);margin:0 auto;padding:0 24px 10px}
/* Jump list. Six groups, so a reader lands on the right one instead of
   scrolling 25 questions to find out this page has a privacy section. */
.jump{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0 0;padding:0;list-style:none}
.jump a{display:inline-block;padding:7px 14px;border:1px solid var(--line);border-radius:999px;font-size:.88rem;color:var(--mid);text-decoration:none;transition:border-color .18s ease,color .18s ease}
.jump a:hover{border-color:var(--ink);color:var(--ink)}
.grp{padding:42px 0 8px;border-top:1px solid var(--line-soft);margin-top:34px}
.grp:first-of-type{margin-top:10px}
.grp-h{display:flex;align-items:baseline;gap:14px;margin:0 0 4px}
.num{font-size:.78rem;font-weight:800;letter-spacing:.1em;color:var(--accent-ink);opacity:.75}
.grp h2{font-size:clamp(1.45rem,2.7vw,1.9rem)}
.grp-blurb{color:var(--soft);font-size:.95rem;margin:0 0 6px}
.qa{padding:20px 0;border-top:1px solid var(--line-soft)}
.qa h3{font-size:1.05rem;font-weight:700;letter-spacing:-.01em}
/* The direct answer is styled as the body text and the detail is quieter, so
   the first sentence reads as the reply rather than as an introduction. */
.ans{margin:8px 0 0;color:var(--ink);font-size:1rem;max-width:74ch}
.more{margin:8px 0 0;color:var(--soft);font-size:.94rem;max-width:74ch}
.foot{background:var(--paper-2);border-top:1px solid var(--line);margin-top:44px}
.foot-in{max-width:var(--shell);margin:0 auto;padding:34px 24px 42px}
.foot-lead{max-width:70ch;color:var(--mid);font-size:.96rem}
.foot-nav{display:flex;flex-wrap:wrap;gap:10px 24px;margin:0 0 22px}
.foot-nav a{font-size:.875rem;color:var(--soft);text-decoration:none}
.foot-nav a:hover{color:var(--ink)}
.fine{margin:0;font-size:.8rem;color:var(--soft);max-width:80ch}
@media (max-width:760px){body{font-size:16px}.nav{display:none}.grp{padding-top:32px}}
@media (prefers-reduced-motion:reduce){*{transition:none !important}html{scroll-behavior:auto}}