:root{--accent:#1d4ed8;--accent-ink:#fff;--ink:#111827;--muted:#6b7280;--line:#e5e7eb;--bg:#fff;--bg-soft:#f5f7fb;--measure:40rem;--container:64rem;--gutter:1rem;--radius:.75rem;color:var(--ink);background:var(--bg);-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.55}*{box-sizing:border-box}body{flex-direction:column;min-height:100vh;margin:0;display:flex}#root{flex-direction:column;min-height:100vh;display:flex}main{flex:1}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{letter-spacing:-.01em;margin:0 0 .5em;line-height:1.2}h1{font-size:clamp(1.75rem,5vw,2.75rem)}h2{margin-top:2.5rem;font-size:clamp(1.35rem,3vw,1.75rem)}h3{font-size:1.125rem}p{margin:0 0 1em}.container{width:100%;max-width:var(--container);padding:0 var(--gutter);margin:0 auto}.site-header{border-bottom:1px solid var(--line)}.site-header__inner{justify-content:space-between;align-items:center;gap:1rem;height:3.5rem;display:flex}.brand{color:var(--ink);font-size:1.125rem;font-weight:700}.site-nav{gap:1.25rem;display:flex}.site-nav a{color:var(--ink)}.site-footer{border-top:1px solid var(--line);color:var(--muted);margin-top:3rem;font-size:.9rem}.site-footer__inner{flex-wrap:wrap;gap:.5rem 1.5rem;padding-top:1.25rem;padding-bottom:1.25rem;display:flex}.hero{max-width:var(--measure);padding:3rem 0 1rem}.hero h1{margin-bottom:1rem}.lead{color:#374151;font-size:1.125rem}.button{background:var(--accent);color:var(--accent-ink);border-radius:var(--radius);padding:.75rem 1.25rem;font-weight:600;display:inline-block}.button:hover{filter:brightness(1.1);text-decoration:none}.steps{grid-template-columns:repeat(3,1fr);gap:1.25rem;margin:0;padding:0;list-style:none;display:grid}.steps li{background:var(--bg-soft);border-radius:var(--radius);padding:1.25rem}.steps p{color:#374151;margin:0}.step__num{text-align:center;background:var(--accent);width:1.75rem;height:1.75rem;color:var(--accent-ink);border-radius:50%;margin-bottom:.75rem;font-weight:700;line-height:1.75rem;display:inline-block}.examples{max-width:var(--measure);padding-left:1.25rem}.examples li{margin-bottom:.4rem}.privacy-note{max-width:var(--measure)}.prose{max-width:var(--measure);padding-top:2rem}.prose h2{margin-top:2rem;font-size:1.35rem}.prose ul{padding-left:1.25rem}.prose li{margin-bottom:.4rem}.muted{color:var(--muted)}@media (width<=720px){.steps{grid-template-columns:1fr}.hero{padding-top:2rem}}