:root { color-scheme: light; --green:#1b5e3b; --green-dark:#0f3f28; --orange:#f58220; --ink:#17211c; --muted:#66736c; --line:#dfe7e2; --paper:#fff; --wash:#f3f7f4; }
* { box-sizing: border-box; }
html { font-size: 16px; }
body { margin:0; color:var(--ink); background:var(--wash); font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; line-height:1.7; }
a { color:var(--green); }
.legal-header { min-height:76px; padding:12px max(20px,calc((100% - 1120px)/2)); display:flex; align-items:center; justify-content:space-between; gap:18px; color:#fff; background:var(--green-dark); }
.brand { display:flex; align-items:center; gap:11px; color:#fff; font-weight:850; line-height:1.05; text-decoration:none; letter-spacing:.02em; }
.brand img { border-radius:50%; background:#fff; }
.brand small { display:block; margin-top:6px; font-size:.68rem; font-weight:700; color:#c7d9cf; letter-spacing:.11em; }
.store-link { color:#fff; text-decoration:none; border:1px solid rgba(255,255,255,.36); border-radius:999px; padding:8px 15px; font-weight:700; white-space:nowrap; }
.legal-layout { max-width:1120px; margin:40px auto 60px; padding:0 20px; display:grid; grid-template-columns:250px minmax(0,1fr); gap:28px; align-items:start; }
.legal-nav { position:sticky; top:20px; display:grid; gap:6px; padding:12px; background:#e7efe9; border-radius:18px; }
.legal-nav a { padding:10px 12px; color:#33443a; text-decoration:none; border-radius:10px; font-size:.9rem; font-weight:650; }
.legal-nav a:hover,.legal-nav a[aria-current="page"] { color:#fff; background:var(--green); }
.legal-card { padding:clamp(24px,5vw,54px); background:var(--paper); border:1px solid var(--line); border-radius:24px; box-shadow:0 18px 55px rgba(31,62,43,.08); }
.eyebrow { margin:0 0 7px; color:var(--orange); font-size:.76rem; font-weight:850; letter-spacing:.14em; }
h1 { margin:0; color:var(--green-dark); font-size:clamp(2rem,4vw,3.25rem); line-height:1.08; letter-spacing:-.035em; }
.updated { margin:12px 0 34px; color:var(--muted); font-size:.9rem; }
section { padding:24px 0; border-top:1px solid var(--line); }
section:first-of-type { border-top:0; }
h2 { margin:0 0 10px; color:var(--green); font-size:1.14rem; line-height:1.35; }
p { margin:0 0 12px; }
ul { margin:8px 0 10px; padding-left:24px; }
li+li { margin-top:7px; }
footer { padding:30px 20px; color:#aab9b0; background:#111827; text-align:center; font-size:.84rem; }
footer a { color:#d6e4dc; }
@media (max-width:780px) { .legal-layout { margin-top:22px; grid-template-columns:1fr; } .legal-nav { position:static; grid-auto-flow:column; grid-auto-columns:max-content; overflow-x:auto; } .legal-card { border-radius:18px; } }
@media (max-width:480px) { .brand small { display:none; } .store-link { font-size:.82rem; padding:7px 11px; } .legal-layout { padding:0 12px; } }
@media (prefers-reduced-motion:no-preference) { a { transition:color .15s ease,background-color .15s ease,border-color .15s ease; } }