:root { --ink:#13251e; --green:#176b49; --cream:#f5f4ee; --muted:#66726c; --line:#dfe3dd; }
* { box-sizing: border-box; }
body { margin: 0; color: var(--ink); background: var(--cream); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
a { color: var(--green); }
.legal-header, .legal-main, .legal-footer { width: min(820px, calc(100% - 36px)); margin: auto; }
.legal-header { padding: 26px 0; border-bottom: 1px solid var(--line); }
.brand { display: inline-flex; align-items: center; gap: 9px; color: var(--ink); text-decoration: none; font-weight: 800; }
.brand span { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 9px; color: #c9ff4a; background: var(--ink); }
.legal-main { padding: 65px 0 80px; }
.legal-main > span { color: var(--green); font-size: 10px; font-weight: 800; letter-spacing: 1.2px; }
h1 { margin: 13px 0 20px; font-size: clamp(34px,7vw,56px); line-height: 1.03; letter-spacing: -2px; }
h2 { margin: 38px 0 9px; font-size: 20px; }
p, li { color: var(--muted); font-size: 14px; line-height: 1.75; }
.notice { margin: 28px 0; padding: 17px; border-left: 4px solid var(--green); border-radius: 8px; background: white; }
.notice p { margin: 0; color: var(--ink); }
.legal-footer { display: flex; gap: 16px; flex-wrap: wrap; padding: 28px 0 45px; border-top: 1px solid var(--line); font-size: 11px; }
:focus-visible { outline: 3px solid rgba(23,107,73,.35); outline-offset: 3px; }